@import "../vendor/ckeditor5/dist/browser/ckeditor5-aBHVrDP.css";
@import "../vendor/@tabler/core/dist/css/tabler.min-f3hpSuT.css";

html {
    scrollbar-gutter: stable;
}

@media (min-width: 992px) {
    :root {
        margin-left: 0 !important;
    }
}

.agency-data a
{
    font-weight: bold;
}

input.no-rollers
{
    /* Hide the spinners */
    -moz-appearance: textfield;  /* Firefox */
    appearance: textfield;
}

input.no-rollers::-webkit-outer-spin-button,
input.no-rollers::-webkit-inner-spin-button
{
    -webkit-appearance: none;
    margin: 0;
}

input.no-rollers
{
    max-width: 300px;
    font-size: .75rem;
}

.icon-sm
{
    font-size: 1.1rem;
}

table thead tr th.yeswrap
{
    white-space: normal;
}

.employee_survey input[type=radio].form-check-input
{
    border-color: #666;
}

/* Visually indicates the bottom form is locked */
.hpc-locked {
    opacity: 0.45;
    pointer-events: none;
    user-select: none;
}

.ck-editor__editable {
    min-height: 200px;
}

.retains-logo-dark { display: none; }
.retains-logo-light { display: block; }

[data-bs-theme="dark"] .retains-logo-light { display: none; }
[data-bs-theme="dark"] .retains-logo-dark { display: block; }

@media (prefers-color-scheme: dark) {
    [data-bs-theme="auto"] .retains-logo-dark { display: block; }
    [data-bs-theme="auto"] .retains-logo-light { display: none; }
}

.highlight-flash {
    animation: highlight-flash 750ms ease-out;
}

@keyframes highlight-flash {
    0%   { background-color: #00ff00; }
    100% { background-color: transparent; }
}

em.bold.italic {
    font-style: italic;
    font-weight: bold;
}

.watermark {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 9999;
    pointer-events: none;
    opacity: 0.15;
    width: 600px;
}

.watermark img {
    width: 100%;
}

.sortable-ghost  { opacity: 0.4; background: #e3f2fd; }
.sortable-chosen { cursor: grabbing; }
.drag-handle:active { cursor: grabbing; }

td.time-input,
th.time-input
{
    padding: 2px;
}

td.time-input input[ type="text" ]
{
    padding: 3px;
}