:root {
    --sk-color: var(--main-color);
}

html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.no-title-dialog .ui-dialog-titlebar {
    min-height: 0;
    padding: 2px 4px;
}

.no-title-dialog .ui-dialog-title {
    display: none;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    background-color: #edeef0 !important;
}

/* The app declares 79+ transitions and had no reduced-motion support at all.
   DevExtreme elements (.dx-*) are deliberately excluded: DevExtreme positions its
   overlays (SelectBox/Lookup dropdowns, popups, date pickers) as part of its show
   animation, and forcing the duration to ~0 with !important makes it measure the
   popup before the wrapper transform is applied. The popup then gets absolute page
   coordinates inside an already-translated wrapper and renders at double its offset.
   Do not widen this selector back to `*`. */
@media (prefers-reduced-motion: reduce) {
    *:not([class*="dx-"]),
    *:not([class*="dx-"])::before,
    *:not([class*="dx-"])::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }

    html {
        scroll-behavior: auto !important;
    }
}