/* Minification failed. Returning unminified contents.
(2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(43,28): run-time error CSS1039: Token not allowed after unary operator: '-color-omnigray-20'
(51,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(92,21): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue'
(93,27): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(113,28): run-time error CSS1039: Token not allowed after unary operator: '-color-omnigreen'
(121,28): run-time error CSS1039: Token not allowed after unary operator: '-color-omnigreen'
(136,17): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue'
(137,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(158,32): run-time error CSS1039: Token not allowed after unary operator: '-color-omnigreen'
(174,17): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue'
(182,21): run-time error CSS1039: Token not allowed after unary operator: '-color-omnigreen'
(186,17): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue'
(191,28): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue'
(201,19): run-time error CSS1030: Expected identifier, found '.'
(201,30): run-time error CSS1031: Expected selector, found ')'
(201,30): run-time error CSS1025: Expected comma or open brace, found ')'
(212,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-md'
(272,28): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue'
(273,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(280,28): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue-sidebar'
(288,28): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue-dark'
(298,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(308,28): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue-dark'
(340,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(341,28): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue-dark'
(343,24): run-time error CSS1039: Token not allowed after unary operator: '-color-omnigreen'
(428,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(432,21): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(438,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(444,17): run-time error CSS1039: Token not allowed after unary operator: '-color-disabled'
(459,28): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue-sidebar'
(465,32): run-time error CSS1039: Token not allowed after unary operator: '-color-omnigreen'
(469,36): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue-sidebar'
(470,25): run-time error CSS1039: Token not allowed after unary operator: '-color-omnigreen'
(474,36): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue-sidebar'
(478,32): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue-submenu'
(482,36): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue-submenu'
(487,36): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue-submenu'
(515,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(516,28): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue-dark'
(520,28): run-time error CSS1039: Token not allowed after unary operator: '-color-table-gray'
(525,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(526,28): run-time error CSS1039: Token not allowed after unary operator: '-color-table-gray'
(527,24): run-time error CSS1039: Token not allowed after unary operator: '-color-table-gray'
(534,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(551,17): run-time error CSS1039: Token not allowed after unary operator: '-navbar-custom-width'
(554,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-md'
(568,17): run-time error CSS1039: Token not allowed after unary operator: '-navbar-custom-collapsed-width'
(587,21): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue-dark'
(589,29): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm'
(594,25): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue-dark'
(620,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(621,28): run-time error CSS1039: Token not allowed after unary operator: '-color-omnigreen'
(622,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm'
(628,21): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(629,32): run-time error CSS1039: Token not allowed after unary operator: '-color-omnigreen'
(664,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(669,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-md'
(676,29): run-time error CSS1039: Token not allowed after unary operator: '-radius-md'
(874,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-md'
(920,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-md'
(926,21): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(927,32): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue-dark'
(936,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-md'
(980,17): run-time error CSS1039: Token not allowed after unary operator: '-color-omnigreen'
(981,28): run-time error CSS1039: Token not allowed after unary operator: '-color-omnigreen'
(985,26): run-time error CSS1039: Token not allowed after unary operator: '-color-omnigreen'
(1016,17): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue'
(1017,28): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue'
(1021,26): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue'
(1052,28): run-time error CSS1039: Token not allowed after unary operator: '-color-omnigreen'
(1056,28): run-time error CSS1039: Token not allowed after unary operator: '-color-omnigreen'
(1067,24): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue'
(1072,24): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue'
(1096,28): run-time error CSS1039: Token not allowed after unary operator: '-color-omnigreen'
(1100,28): run-time error CSS1039: Token not allowed after unary operator: '-color-omnigreen'
(1111,24): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue'
(1115,24): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue'
(1209,22): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue'
(1210,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(1211,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-soft'
(1213,38): run-time error CSS1039: Token not allowed after unary operator: '-color-omnigreen'
(1232,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm'
(1233,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(1240,26): run-time error CSS1039: Token not allowed after unary operator: '-color-omnigreen'
(1266,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm'
(1267,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(1296,22): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(1297,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-md'
(1298,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-soft'
(1317,17): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue-dark'
(1319,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm'
(1328,21): run-time error CSS1039: Token not allowed after unary operator: '-color-omnigreen'
(1349,22): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue'
(1351,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-soft'
(1390,21): run-time error CSS1039: Token not allowed after unary operator: '-color-omnigreen'
(1396,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-md'
(1411,17): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue'
(1426,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm'
(1428,17): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue'
(1452,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-md'
(1459,28): run-time error CSS1039: Token not allowed after unary operator: '-color-omnigreen'
(1476,17): run-time error CSS1039: Token not allowed after unary operator: '-color-omnigreen'
(1487,21): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue'
(1502,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm'
(1504,17): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue'
(1510,21): run-time error CSS1039: Token not allowed after unary operator: '-color-omnigreen'
(1545,24): run-time error CSS1039: Token not allowed after unary operator: '-color-omnigreen'
(1550,22): run-time error CSS1039: Token not allowed after unary operator: '-color-omnigreen'
(1551,24): run-time error CSS1039: Token not allowed after unary operator: '-color-omnigreen'
(1576,17): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue-dark'
(1582,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(1632,21): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue'
(1649,21): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue'
(1667,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm'
(1688,21): run-time error CSS1039: Token not allowed after unary operator: '-color-omnigreen'
(1738,21): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue'
(1760,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm'
(1762,17): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue'
(1768,21): run-time error CSS1039: Token not allowed after unary operator: '-color-omnigreen'
(1803,17): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue'
(1809,28): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-width'
(1817,21): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-width'
(1887,21): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(1891,25): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(1897,21): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(1903,21): run-time error CSS1039: Token not allowed after unary operator: '-color-disabled'
(2017,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-md'
(2038,17): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue'
(2047,17): run-time error CSS1039: Token not allowed after unary operator: '-color-omnigreen'
(2071,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm'
(2074,17): run-time error CSS1039: Token not allowed after unary operator: '-color-omnigreen'
(2094,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-md'
(2107,17): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue'
(2113,17): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue'
(2147,21): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue'
(2167,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-md'
(2186,17): run-time error CSS1039: Token not allowed after unary operator: '-color-omnigreen'
(2210,17): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue'
(2222,17): run-time error CSS1039: Token not allowed after unary operator: '-color-omnigreen'
(2271,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-md'
(2294,22): run-time error CSS1039: Token not allowed after unary operator: '-color-omnigreen'
(2302,22): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue'
(2318,17): run-time error CSS1039: Token not allowed after unary operator: '-color-omnigreen'
(2328,17): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue'
(2340,21): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue'
(2384,28): run-time error CSS1039: Token not allowed after unary operator: '-color-omnigreen'
(2417,21): run-time error CSS1039: Token not allowed after unary operator: '-color-omnigreen'
(2427,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-md'
(2436,17): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue'
(2442,21): run-time error CSS1039: Token not allowed after unary operator: '-color-omnigreen'
(2508,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(2514,17): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue'
(2526,17): run-time error CSS1039: Token not allowed after unary operator: '-color-omnigreen'
(2533,22): run-time error CSS1039: Token not allowed after unary operator: '-color-omnigreen'
(2538,20): run-time error CSS1039: Token not allowed after unary operator: '-color-omnigreen'
(2571,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-md'
(2585,26): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue'
(2632,21): run-time error CSS1039: Token not allowed after unary operator: '-color-omnigreen'
(2676,17): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue'
(2690,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-md'
(2711,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-md'
(2775,17): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue'
(2809,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-md'
(2822,21): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue'
(2831,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-md'
 */
:root {
    --color-omniblue: #012639;
    --color-omniblue-dark: #002739;
    --color-omniblue-sidebar: #002a6b;
    --color-omniblue-submenu: #001638;
    --color-omnigreen: #00b075;
    --color-omnigreen-alt: #46B978;
    --color-omnigray: #B1B1B1;
    --color-omnigray-20: #E7E9EA;
    --color-table-gray: #c3c9c6;
    --color-white: #ffffff;
    --color-black: #000000;
    --color-disabled: #444444;
    --shadow-soft: 5px 5px 0.5rem #888888;
    --radius-sm: 0.5rem;
    --radius-md: 1rem;
    --sidebar-width: 250px;
    --navbar-custom-width: 28rem;
    --navbar-custom-collapsed-width: 6rem;
    --font-family-base: "Montserrat", "Segoe UI", Arial, sans-serif;
    --font-family-heading: "Montserrat-MediumItalic", "HelveticaNeue-Regular", sans-serif;
}

@font-face {
    font-family: "Montserrat-MediumItalic";
    src: url("../../Content/fonts/Montserrat-MediumItalic.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "HelveticaNeue-Regular";
    src: url("../../Content/fonts/HelveticaNeue-Regular.ttf") format("truetype");
    font-display: swap;
}

html {
    font-size: 16px;
}

body {
    padding: 0;
    margin: 0;
    background-color: var(--color-omnigray-20) !important;
    font-size: 1rem;
    zoom: 1;
    transform: none;
}

html,
body {
    font-family: var(--font-family-base);
}

*, *::before, *::after {
    box-sizing: border-box;
}

.montserrat {
    font-family: "Montserrat-MediumItalic", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.helveticaneue-regular {
    font-family: "HelveticaNeue-Regular", Arial, sans-serif;
    font-weight: 400;
}

/* =========================================================
   UI-SELECT GLOBAL
========================================================= */

.omni-ui-select {
    width: 100%;
}

    .omni-ui-select .ui-select-container,
    .omni-ui-select .ui-select-match,
    .omni-ui-select .ui-select-toggle {
        width: 100% !important;
        min-width: 0 !important;
    }

    .omni-input,
    .omni-select,
    .omni-ui-select .ui-select-toggle {
        width: 100%;
        min-height: 2.5rem;
        border: 1px solid #d7dde3 !important;
        border-radius: 12px !important;
        background: #fff !important;
        color: var(--color-omniblue) !important;
        font-family: var(--font-family-base);
        font-size: 1rem;
        line-height: 1.2;
        outline: none;
        transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
    }

.omni-input,
.omni-select {
    padding: 0 1rem;
}

.omni-ui-select .ui-select-toggle {
    padding: .55rem 1rem !important;
    box-shadow: none !important;
}

    .omni-input:hover,
    .omni-select:hover,
    .omni-ui-select .ui-select-toggle:hover {
        border-color: var(--color-omnigreen) !important;
    }

    .omni-input:focus,
    .omni-select:focus,
    .omni-ui-select.open .ui-select-toggle,
    .omni-ui-select .ui-select-toggle:focus,
    .omni-ui-select .ui-select-toggle:focus-within {
        border-color: var(--color-omnigreen) !important;
        box-shadow: 0 0 0 4px rgba(0,176,117,.15) !important;
    }

.omni-ui-select.open .ui-select-toggle {
    background: #fcfcfd !important;
}

.omni-ui-select .ui-select-search,
.omni-ui-select .ui-select-search.form-control {
    width: 100% !important;
    min-width: 0 !important;
    height: 2rem !important;
    border: 1px solid #d7dde3 !important;
    background: #fff !important;
    color: var(--color-omniblue) !important;
    font-family: var(--font-family-base);
    font-size: 1rem !important;
    box-shadow: none !important;
    outline: none !important;
    min-height: 2.5rem;
    border-radius: 12px !important;
    line-height: 1.2;
    transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}

    .omni-ui-select .ui-select-search::placeholder,
    .omni-ui-select .ui-select-placeholder {
        color: #94a3b8;
    }

    .omni-ui-select .ui-select-search,
    .omni-ui-select .ui-select-search.form-control {
        padding: 0 .75rem !important;
    }

        .omni-ui-select .ui-select-search:focus {
            border-color: var(--color-omnigreen) !important;
            box-shadow: 0 0 0 4px rgba(0,176,117,.15) !important;
        }

.omni-ui-select .ui-select-dropdown {
    margin-top: 8px;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(15,23,42,.08);
    overflow: hidden;
}

.omni-ui-select .ui-select-choices-row > span {
    display: block;
    padding: .75rem 1rem;
    color: var(--color-omniblue);
    font-size: 14px;
    transition: background-color .2s ease, color .2s ease;
}

    .omni-ui-select .ui-select-choices-row.active > span,
    .omni-ui-select .ui-select-choices-row > span:hover {
        background: rgba(0,176,117,.08);
        color: var(--color-omnigreen);
    }

.omni-ui-select .ui-select-match-text {
    color: var(--color-omniblue);
    font-weight: 500;
}

.omni-ui-select .caret {
    border-top-color: var(--color-omniblue);
}

.omni-ui-select.disabled .ui-select-toggle,
.omni-ui-select .ui-select-toggle[disabled] {
    background: #f8fafc !important;
    opacity: .7;
    cursor: not-allowed;
}

.modal-dialog:has(.omni-modal) {
    margin-top: 2rem;
}

.omni-modal-window .modal-dialog {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.omni-modal-window .modal-content {
    border: 0;
    border-radius: var(--radius-md);
    background: transparent;
    box-shadow: none;
}

.omni-modal-window .modal-body {
    padding: 0;
}

.omni-modal-window .modal-dialog.modal-xlg,
.omni-modal-window .modal-dialog.modal-lg {
    width: min(1600px, 96vw);
}

.omni-modal-window {
    display: flex !important;
    align-items: flex-start;
    justify-content: center;
    padding-top: 1rem;
}

main .ui.container {
    margin-top: 3em;
}

.ui.grid {
    margin: 0;
}

.wallpaperArea {
    height: 100vh;
    background-image: url("../../Content/Images/Omni/Wallpaper/wallpaper_Omni01.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.loginArea {
    display: flex !important;
    flex-direction: column;
    height: calc(100vh - 3rem);
    justify-content: space-around;
    align-items: center;
    width: auto;
}

.omni_logo {
    height: 8rem;
    background-image: url("../../Content/Images/Omni/Omni Mexico.png");
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
}

.formlogin {
    padding: 2rem;
    width: 100%;
}

.ui.omni_primary.button, .ui.omni_primary.buttons .button {
    background-color: var(--color-omniblue);
    color: var(--color-white);
    text-shadow: none;
    background-image: none;
    box-shadow: none;
}

#wrapper, .sidebar_c {
    background-color: var(--color-omniblue-sidebar);
}

#wrapper {
    width: 100%;
}

#wrapper_c, #ng-binding_c {
    background-color: var(--color-omniblue-dark);
}

#wrapper_c {
    height: 100vh;
}

#page-wrapper {
    padding: 0 15px;
    min-height: calc(100vh - 7.3rem);
    background-color: var(--color-white);
}

footer {
    position: fixed;
    bottom: 0;
    width: 100% !important;
    height: 6rem;
    clear: both;
    margin-bottom: 0;
    background-color: var(--color-omniblue-dark);
}

    footer h5 {
        margin: 0;
    }

.headlogin {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    padding: 3rem;
}

.LoginImg {
    background-image: url("../Images/Zimmer/kayak.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    min-height: 150px;
    margin: 0;
    padding: 0;
}

#myNewToggleButton {
    margin-left: 3rem;
    background-color: #304051;
}

.navbar-omni {
    margin-bottom: 2rem;
    color: var(--color-white);
    background-color: var(--color-omniblue-dark);
    border-bottom-width: thick;
    border-color: var(--color-omnigreen);
}

.navbar-brand-omni {
    padding-left: 5rem;
}

    .navbar-brand-omni img {
        max-width: 5rem;
        height: auto;
        object-fit: contain;
    }

.navbar-brand_c {
    height: 20px !important;
    padding: 17.5px 32px !important;
}

    .navbar-brand_c img, div.imagehead_c {
        max-width: 68px;
        height: auto;
        object-fit: contain;
        margin-top: -10px;
        background-image: url("../Images/Zimmer/kayak.png");
    }

.navbar-top-links {
    margin-right: 0;
    margin-top: 0.8rem;
    font-size: 1rem;
}

    .navbar-top-links li {
        display: inline-block;
    }

        .navbar-top-links li:last-child {
            margin-right: 15px;
        }

        .navbar-top-links li a {
            padding: 15px;
            min-height: 50px;
        }

    .navbar-top-links .dropdown-menu li {
        display: block;
    }

        .navbar-top-links .dropdown-menu li:last-child {
            margin-right: 0;
        }

        .navbar-top-links .dropdown-menu li a {
            padding: 3px 20px;
            min-height: 0;
        }

            .navbar-top-links .dropdown-menu li a div {
                white-space: normal;
            }

    .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts {
        width: 310px;
        min-width: 0;
    }

    .navbar-top-links .dropdown-messages {
        margin-left: 5px;
    }

    .navbar-top-links .dropdown-tasks {
        margin-left: -59px;
    }

    .navbar-top-links .dropdown-alerts {
        margin-left: -123px;
    }

    .navbar-top-links .dropdown-user {
        right: 0;
        left: auto;
    }

.navbar-inverse .navbar-top-links > li > a {
    color: var(--color-white);
}

    .navbar-inverse .navbar-top-links > li > a:hover, .navbar-inverse .navbar-top-links > li > a:focus {
        color: var(--color-white);
        background-color: transparent;
        font-weight: bold;
    }

.navbar-inverse .navbar-top-links > .active > a, .navbar-inverse .navbar-top-links > .active > a:hover, .navbar-inverse .navbar-top-links > .active > a:focus, .navbar-inverse .navbar-top-links > .open > a, .navbar-inverse .navbar-top-links > .open > a:hover, .navbar-inverse .navbar-top-links > .open > a:focus {
    color: var(--color-white);
    background-color: #49662c;
    font-weight: bold;
}

.navbar-inverse .navbar-top-links > .disabled > a, .navbar-inverse .navbar-top-links > .disabled > a:hover, .navbar-inverse .navbar-top-links > .disabled > a:focus {
    color: var(--color-disabled);
    background-color: transparent;
    font-weight: bold;
}

.sidebar_c .sidebar-nav.navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}

.sidebar_c .sidebar-search {
    padding: 15px;
}

.sidebar_c ul li {
    background-color: var(--color-omniblue-sidebar);
}

    .sidebar_c ul li a {
        color: #f8f8f8;
        font-weight: bold;
        background-color: var(--color-omnigreen);
    }

        .sidebar_c ul li a:hover {
            background-color: var(--color-omniblue-sidebar);
            color: var(--color-omnigreen);
        }

        .sidebar_c ul li a.active, .sidebar_c ul li a:focus {
            background-color: var(--color-omniblue-sidebar);
        }

    .sidebar_c ul li ul li, .sidebar_c ul li ul a {
        background-color: var(--color-omniblue-submenu);
    }

        .sidebar_c ul li ul a:hover {
            background-color: var(--color-omniblue-submenu);
            color: #db2124;
        }

        .sidebar_c ul li ul a.active, .sidebar_c ul li ul a:focus {
            background-color: var(--color-omniblue-submenu);
        }

.sidebar_c .arrow {
    float: right;
}

.sidebar_c .fa.arrow::before {
    content: "";
}

.sidebar_c .active > a > .fa.arrow::before {
    content: "";
}

.sidebar_c .nav-second-level li, .sidebar_c .nav-third-level li {
    border-bottom: none !important;
}

.sidebar_c .nav-second-level li {
    padding-left: 37px;
}

.sidebar_c .nav-third-level li a {
    padding-left: 52px;
}

.table_c th {
    color: var(--color-white);
    background-color: var(--color-omniblue-dark);
}

.table-striped-gray_c > tbody > tr:nth-of-type(2n /**/ +1), .table-hover-green > tbody > tr:hover {
    background-color: var(--color-table-gray);
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: var(--color-white);
    background-color: var(--color-table-gray);
    border-color: var(--color-table-gray);
    cursor: default;
}

.custom-file-upload {
    display: inline-block;
    padding: 10px 20px;
    color: var(--color-white);
    background-color: #007bff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

    .custom-file-upload:hover {
        background-color: #0056b3;
    }

.myNavbar {
    position: fixed;
    top: 64px;
    left: 0;
    margin: 1rem 0rem 0rem 1rem;
    padding: 1rem;
    width: var(--navbar-custom-width);
    z-index: 999;
    background-color: #fff;
    border-radius: var(--radius-md);
    border: 1px solid #e5e7eb;
    box-shadow: 0 4px 14px rgba(1,38,57,.06);
    overflow-y: auto;
    overflow-x: hidden;
    transition: width .3s ease-in-out, transform .3s ease-in-out;
    scrollbar-width: thin;
    display: flex;
    flex: 0 0 auto;
    height: calc(100vh - 12rem);
    gap: 0.5rem;
}

.collapsedMyNavbar {
    width: var(--navbar-custom-collapsed-width);
}

.myNavbar ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

    .myNavbar ul li {
        margin-bottom: 4px;
    }

    .myNavbar ul a {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 12px;
        color: var(--color-omniblue-dark);
        text-decoration: none;
        border-radius: var(--radius-sm);
        transition: background-color .25s ease, color .25s ease, transform .2s ease, box-shadow .25s ease;
    }

        .myNavbar ul a:hover {
            color: var(--color-omniblue-dark);
            background-color: #eee;
            transform: translateX(2px);
        }

        .myNavbar ul a i, .myNavbar ul a .flag-icon {
            min-width: 20px;
            text-align: center;
            font-size: 16px;
        }

.menu-text {
    display: inline-block;
    white-space: nowrap;
}

.collapsedMyNavbar .menu-text {
    display: none;
}

.collapsedMyNavbar ul a {
    justify-content: center;
    gap: 0;
}

.custom-active_c > a {
    color: var(--color-white) !important;
    background-color: var(--color-omnigreen) !important;
    border-radius: var(--radius-sm);
    box-shadow: 0 4px 10px rgba(0,176,117,.18);
    font-weight: 600;
}

    .custom-active_c > a:hover {
        color: var(--color-white) !important;
        background-color: var(--color-omnigreen) !important;
        transform: translateX(2px);
    }

.menu-divider {
    margin: 10px 0;
}

    .menu-divider hr {
        border: 0;
        border-top: 1px solid #e5e7eb;
        margin: 0;
    }

.content-wrapper {
    margin-left: 10rem;
    margin-right: 2rem;
}

.table-responsive {
    max-height: calc(100vh - 36rem);
}

.table-responsive-2 {
    max-height: calc(100vh - 38rem);
}

input[type="radio"], input[type="checkbox"] {
    margin: 0;
}

.banner {
    position: relative;
    height: 20rem;
    padding-top: 6rem;
    color: var(--color-white);
    background-image: url("/Content/Images/Zimmer/welcome-scrap.jpg");
    background-size: cover;
    background-position: center 25%;
    background-repeat: no-repeat;
    border-radius: var(--radius-md);
}

    .banner::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: var(--radius-md);
        background: linear-gradient(to right, #0027399e, #00b0754f);
        backdrop-filter: blur(2px);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2), 0 6px 20px rgba(0, 0, 0, 0.19);
    }

#FraseBanner {
    position: absolute;
    padding: 30px;
}

#loading-bar-spinner {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100vw - 2rem);
}

.form-inline .pagination {
    margin: 0;
    vertical-align: middle;
}

.form-inline .form-group {
    margin-right: 15px;
}

.pagination-toolbar {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

    .pagination-toolbar .pagination {
        margin: 0;
    }

.table-success > thead > tr > th {
    background-color: #e8f5e9;
    color: #2e7d32;
}

.table-danger > thead > tr > th {
    background-color: #fdecea;
    color: #c62828;
}

.table-primary > thead > tr > th {
    background-color: #e3f2fd;
    color: #1565c0;
}

.table {
    border-color: #e0e0e0;
    background: #fff;
}

    .table > thead > tr > th {
        border-bottom: 2px solid #e0e0e0;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: 0.5px;
    }

.table-hover > tbody > tr:hover {
    background-color: #f9fafb;
}

.btn {
    border-radius: 20px;
    font-weight: 500;
    transition: all 0.2s ease;
}

.btn-default {
    background-color: #f5f5f5;
    border-color: #ddd;
    color: #555;
}

    .btn-default:hover {
        background-color: #e0e0e0;
    }

.btn i {
    pointer-events: none;
}

.provider-kpi {
    border: none;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
    transition: all 0.2s ease;
}

    .provider-kpi:hover {
        transform: translateY(-3px);
        box-shadow: 0 8px 22px rgba(0, 0, 0, 0.09);
    }

    .provider-kpi .panel-body {
        display: flex;
        align-items: center;
        gap: 18px;
        padding: 22px;
    }

.provider-kpi__icon {
    width: 56px;
    height: 56px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    flex-shrink: 0;
}

.provider-kpi__content h2 {
    margin: 0;
    font-size: 30px;
    font-weight: 700;
}

.provider-kpi__content p {
    margin: 2px 0 12px;
    color: #777;
    font-size: 13px;
}

.provider-kpi .btn {
    border-radius: 20px;
    padding: 5px 14px;
    font-size: 12px;
}

#panelGreen .provider-kpi__icon {
    background-color: #e8f5e9;
    color: #2e7d32;
}

#panelGreen .btn-success {
    background-color: #4caf50;
    border-color: #43a047;
}

    #panelGreen .btn-success:hover {
        background-color: #43a047;
    }

#panelRed .provider-kpi__icon {
    background-color: #fdecea;
    color: #c62828;
}

#panelRed .btn-danger {
    background-color: #ef5350;
    border-color: #e53935;
}

    #panelRed .btn-danger:hover {
        background-color: #e53935;
    }

#panelBlue .provider-kpi__icon {
    background-color: #e3f2fd;
    color: #1565c0;
}

#panelBlue .btn-primary {
    background-color: #42a5f5;
    border-color: #1e88e5;
}

    #panelBlue .btn-primary:hover {
        background-color: #1e88e5;
    }

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    min-width: 0px;
}

.omni-container {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 12rem);
    gap: 0.5rem;
}

.omni-filters {
    display: flex;
    flex: 0 0 auto;
    padding: 1rem;
    background-color: #fff;
    border-radius: var(--radius-md);
    border: 1px solid #e5e7eb;
    box-shadow: 0 4px 14px rgba(1,38,57,.06);
}

.omni-filter-form {
    display: flex;
    align-items: flex-end;
    gap: 14px;
    flex-wrap: wrap;
}

.omni-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 200px;
}

    .omni-field label {
        font-size: 12px;
        font-weight: 700;
        color: #012639;
        letter-spacing: .3px;
    }

.omni-actions {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    margin-left: auto;
    flex-wrap: wrap;
}

.omni-btn:disabled, .omni-input:disabled, .omni-select:disabled {
    opacity: .55;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.omni-table-content {
    background-color: #fff;
    flex: 1;
    min-height: 0;
    overflow: auto;
    border-radius: var(--radius-md);
}

    .omni-table-content thead th {
        position: sticky;
        top: 0;
        color: var(--color-white);
        background-color: var(--color-omniblue-dark);
        z-index: 10;
    }

.omni-pagination {
    flex: 0 0 60px;
    padding: 1rem;
    background-color: #fff;
    border: 1px solid #e5e7eb;
    border-radius: var(--radius-md);
    box-shadow: 0 4px 14px rgba(1,38,57,.06);
}

.omni-btn {
    border: none;
    padding: 0.6rem 22px;
    border-radius: 12px;
    font-size: 2rem;
    font-weight: 300;
    cursor: pointer;
    transition: all .25s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    letter-spacing: .3px;
    text-decoration: none;
    outline: none;
}

.omni-btn-green {
    background: linear-gradient( 135deg, #00b075, #00c987 );
    color: #fff;
    box-shadow: 0 4px 12px rgba(0,176,117,.25);
}

    .omni-btn-green:hover {
        color: #fff;
        transform: translateY(-2px);
        box-shadow: 0 8px 18px rgba(0,176,117,.35);
    }

    .omni-btn-green:focus {
        color: #fff;
        box-shadow: 0 0 0 4px rgba(0,176,117,.18);
    }

    .omni-btn-green:active {
        transform: scale(.98);
    }

.omni-btn-green-outline {
    background: #fff;
    color: var(--color-omnigreen);
    border: 2px solid var(--color-omnigreen);
}

    .omni-btn-green-outline:hover {
        background: var(--color-omnigreen);
        color: #fff;
    }

    .omni-btn-green-outline:focus {
        box-shadow: 0 0 0 4px rgba(0,176,117,.18);
    }

.omni-btn-blue {
    background: linear-gradient( 135deg, #012639, #033a55 );
    color: #fff;
    box-shadow: 0 4px 12px rgba(1,38,57,.25);
}

    .omni-btn-blue:hover {
        color: #fff;
        transform: translateY(-2px);
        box-shadow: 0 8px 18px rgba(1,38,57,.35);
    }

    .omni-btn-blue:focus {
        color: #fff;
        box-shadow: 0 0 0 4px rgba(1,38,57,.18);
    }

    .omni-btn-blue:active {
        transform: scale(.98);
    }

.omni-btn-blue-outline {
    background: #fff;
    color: var(--color-omniblue);
    border: 2px solid var(--color-omniblue);
}

    .omni-btn-blue-outline:hover {
        background: var(--color-omniblue);
        color: #fff;
    }

    .omni-btn-blue-outline:focus {
        box-shadow: 0 0 0 4px rgba(1,38,57,.18);
    }

.omni-select {
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 2.5rem;
    padding: 0 2.5rem 0 1rem;
    border: 1px solid #d7dde3;
    border-radius: 12px;
    background-color: #fff;
    font-size: 14px;
    font-weight: 400;
    color: #012639;
    cursor: pointer;
    outline: none;
    transition: border-color .25s ease, box-shadow .25s ease, background-color .25s ease;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23012639' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 16px;
}

    .omni-select:hover {
        border-color: var(--color-omnigreen);
    }

    .omni-select:focus {
        border-color: var(--color-omnigreen);
        box-shadow: 0 0 0 4px rgba(0,176,117,.15);
    }

    .omni-select:disabled {
        background: #f5f5f5;
        cursor: not-allowed;
        opacity: .7;
    }

.omni-select-blue:focus {
    border-color: var(--color-omniblue);
    box-shadow: 0 0 0 4px rgba(1,38,57,.15);
}

.omni-select-blue:hover {
    border-color: var(--color-omniblue);
}

.omni-input {
    width: 100%;
    min-width: 120px;
    height: 2.5rem;
    padding: 0 1rem;
    border: 1px solid #d7dde3;
    border-radius: 12px;
    background: #fff;
    font-size: 14px;
    font-weight: 500;
    color: #012639;
    outline: none;
    transition: border-color .25s ease, box-shadow .25s ease, background-color .25s ease;
}

    .omni-input::placeholder {
        color: #94a3b8;
        font-weight: 400;
    }

    .omni-input:hover {
        border-color: var(--color-omnigreen);
    }

    .omni-input:focus {
        border-color: var(--color-omnigreen);
        box-shadow: 0 0 0 4px rgba(0,176,117,.15);
    }

    .omni-input:disabled {
        background: #f5f5f5;
        cursor: not-allowed;
        opacity: .7;
    }

.omni-input-blue:hover {
    border-color: var(--color-omniblue);
}

.omni-input-blue:focus {
    border-color: var(--color-omniblue);
    box-shadow: 0 0 0 4px rgba(1,38,57,.15);
}

.omni-btn, .omni-input, .omni-select {
    font-family: inherit;
    font-size: 1rem;
    line-height: 1.2;
    transform: none;
    zoom: 1;
}

.omni-pagination-form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.omni-page-size {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #012639;
    font-size: 13px;
    font-weight: 600;
}

.omni-select-sm {
    min-width: 90px;
    height: 38px;
    border-radius: 10px;
    padding-left: 12px;
}

.omni-page-controls {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.omni-uib-pagination {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .omni-uib-pagination li a, .omni-uib-pagination li span {
        min-width: 34px;
        height: 34px;
        padding: 0 10px;
        border-radius: 10px;
        border: 1px solid #d7dde3;
        background: #fff;
        color: #012639;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 13px;
        font-weight: 600;
        text-decoration: none;
        transition: all .2s ease;
    }

        .omni-uib-pagination li a:hover {
            border-color: #00b075;
            color: #00b075;
            background: rgba(0,176,117,.06);
        }

    .omni-uib-pagination li.active a, .omni-uib-pagination li.active span {
        background: #012639;
        border-color: #012639;
        color: #fff;
    }

    .omni-uib-pagination li.disabled a, .omni-uib-pagination li.disabled span {
        opacity: .45;
        cursor: not-allowed;
        background: #f5f5f5;
    }

.omni-header {
    position: relative;
    z-index: 1000;
    height: 64px;
    padding: 0 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--color-omniblue);
    color: var(--color-white);
    box-shadow: var(--shadow-soft);
    margin-bottom: 1rem;
    border-bottom: 0.3rem solid var(--color-omnigreen);
}

.omni-header-left, .omni-header-right {
    display: flex;
    align-items: center;
}

.omni-header-left {
    gap: 1rem;
}

.omni-menu-toggle {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: var(--radius-sm);
    color: var(--color-white);
    background: rgba(255,255,255,.1);
    cursor: pointer;
    transition: background-color .25s ease, transform .2s ease;
}

    .omni-menu-toggle:hover {
        background: var(--color-omnigreen);
        transform: translateY(-1px);
    }

.omni-brand {
    display: flex;
    align-items: center;
}

    .omni-brand img {
        height: 38px;
        width: auto;
        display: block;
    }

.omni-user-menu {
    position: relative;
}

.omni-user-trigger {
    min-height: 42px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 14px;
    border: none;
    border-radius: var(--radius-sm);
    color: var(--color-white);
    background: rgba(255,255,255,.1);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color .25s ease, box-shadow .25s ease;
}

    .omni-user-trigger:hover {
        background: rgba(255,255,255,.16);
    }

.omni-user-info {
    white-space: nowrap;
}

.omni-separator {
    opacity: .55;
    margin: 0 6px;
}

.omni-dropdown-menu {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    min-width: 260px;
    margin: 0;
    padding: 8px;
    list-style: none;
    background: var(--color-white);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-soft);
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
}

.omni-user-menu.open .omni-dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    display: block;
}

.omni-dropdown-menu li a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    color: var(--color-omniblue-dark);
    text-decoration: none;
    border-radius: var(--radius-sm);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color .25s ease, color .25s ease, transform .2s ease;
}

    .omni-dropdown-menu li a:hover {
        background: rgba(0,176,117,.08);
        color: var(--color-omnigreen);
        transform: translateX(2px);
    }

    .omni-dropdown-menu li a i {
        width: 18px;
        text-align: center;
    }

.omni-dropdown-divider {
    height: 1px;
    margin: 8px 4px;
    background: #e5e7eb;
}

.omni-footer {
    height: 6rem;
    padding: 0 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--color-omniblue);
    color: rgba(255,255,255,.92);
    box-shadow: var(--shadow-soft);
    overflow: hidden;
}

.omni-footer-left {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

    .omni-footer-left img {
        height: 38px;
        width: auto;
        display: block;
    }

.omni-footer-copy {
    font-size: 14px;
    font-weight: 500;
    opacity: .9;
    white-space: nowrap;
}

.omni-footer-right {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.omni-footer-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
}

    .omni-footer-item i {
        color: var(--color-omnigreen);
        font-size: 15px;
    }

.omni-modal {
    background: #fff;
    border-radius: var(--radius-md);
    overflow: hidden;
}

.omni-modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.5rem;
    border-bottom: 1px solid #e5e7eb;
}

.omni-modal-title {
    margin: 0;
    color: var(--color-omniblue);
    font-size: 20px;
    font-weight: 700;
}

.omni-modal-subtitle {
    margin: .35rem 0 0;
    color: #64748b;
    font-size: 14px;
}

.omni-modal-close {
    width: 36px;
    height: 36px;
    border: none;
    border-radius: var(--radius-sm);
    background: #f1f5f9;
    color: var(--color-omniblue);
    cursor: pointer;
}

    .omni-modal-close:hover {
        background: #e2e8f0;
    }

.omni-modal-body {
    padding: 1.5rem;
}

.omni-modal-message {
    margin: 0 0 1rem;
    color: #475569;
    font-size: 14px;
}

.omni-upload-box {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    border: 2px dashed #cbd5e1;
    border-radius: var(--radius-md);
    background: #f8fafc;
    cursor: pointer;
    transition: border-color .25s ease, background-color .25s ease, box-shadow .25s ease;
}

    .omni-upload-box:hover {
        border-color: var(--color-omnigreen);
        background: rgba(0,176,117,.04);
        box-shadow: 0 4px 14px rgba(0,176,117,.08);
    }

    .omni-upload-box input[type="file"] {
        display: none;
    }

.omni-upload-icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: rgba(0,176,117,.1);
    color: var(--color-omnigreen);
    font-size: 24px;
}

.omni-upload-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .omni-upload-text strong {
        color: var(--color-omniblue);
        font-size: 15px;
    }

    .omni-upload-text span {
        color: #64748b;
        font-size: 13px;
    }

.omni-file-preview {
    margin-top: 1rem;
    padding: .85rem 1rem;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: var(--radius-sm);
    background: rgba(0,176,117,.08);
    color: var(--color-omniblue);
    font-size: 14px;
    font-weight: 600;
}

    .omni-file-preview i {
        color: var(--color-omnigreen);
    }

.omni-modal-footer {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 1rem 1.5rem;
    border-top: 1px solid #e5e7eb;
    background: #f8fafc;
}

.omni-checkbox {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    user-select: none;
}

    .omni-checkbox input {
        display: none;
    }

.omni-checkbox-mark {
    position: relative;
    width: 20px;
    height: 20px;
    border: 2px solid #cbd5e1;
    border-radius: 6px;
    background: #fff;
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .15s ease;
}

.omni-checkbox:hover .omni-checkbox-mark {
    border-color: var(--color-omnigreen);
    box-shadow: 0 0 0 4px rgba(0,176,117,.08);
}

.omni-checkbox input:checked + .omni-checkbox-mark {
    background: var(--color-omnigreen);
    border-color: var(--color-omnigreen);
}

.omni-checkbox-mark::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg) scale(0);
    transition: transform .15s ease;
}

.omni-checkbox input:checked + .omni-checkbox-mark::after {
    transform: rotate(45deg) scale(1);
}

.omni-checkbox input:focus + .omni-checkbox-mark {
    box-shadow: 0 0 0 4px rgba(0,176,117,.15);
}

.omni-checkbox-label {
    color: var(--color-omniblue-dark);
    font-size: 14px;
    font-weight: 600;
}

.omni-checkbox-label-title {
    color: var(--color-white);
    font-size: 14px;
    font-weight: 600;
}

.omni-login-page {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 1fr 420px;
    background: #f8fafc;
}

.omni-login-wallpaper {
    background: linear-gradient( 135deg, rgba(1,38,57,.70), rgba(0,176,117,.70) ), url("../../Content/Images/Omni/Wallpaper/wallpaper_Omni01.png");
    background-size: cover;
    background-position: center;
}

.omni-login-panel {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    background: #fff;
}

.omni-login-card {
    width: 100%;
    max-width: 360px;
}

.omni-login-form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.omni-login-logo {
    width: 100%;
    height: 140px;
    margin: 0 auto 1rem;
    background: url("../../Content/Images/Omni/Omni Mexico.png") center / contain no-repeat;
}

.omni-login-header {
    margin-bottom: .75rem;
}

    .omni-login-header h2 {
        margin: 0;
        color: var(--color-omniblue);
        font-size: 26px;
    }

    .omni-login-header p {
        margin: .35rem 0 0;
        color: #64748b;
        font-size: 14px;
    }

.omni-login-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

    .omni-login-field label {
        color: var(--color-omniblue);
        font-size: 13px;
    }

.omni-field-invalid .omni-input, .omni-field-invalid .omni-select {
    border-color: #dc2626;
    box-shadow: 0 0 0 4px rgba(220,38,38,.12);
}

.omni-login-submit {
    width: 100%;
    margin-top: .5rem;
    height: 46px;
}

.omni-login-message {
    margin: 0;
    padding: .75rem 1rem;
    border-radius: var(--radius-sm);
    background: rgba(220,38,38,.08);
    color: #dc2626;
    text-align: center;
    font-size: 13px;
}

.omni-login-recovery {
    margin-top: .5rem;
    padding-top: 1rem;
    border-top: 1px solid #e5e7eb;
    text-align: center;
}

    .omni-login-recovery p {
        margin: 0 0 .35rem;
        color: #64748b;
        font-size: 13px;
    }

    .omni-login-recovery a {
        color: var(--color-omnigreen);
        font-size: 14px;
        font-weight: 700;
        text-decoration: none;
    }

        .omni-login-recovery a:hover {
            text-decoration: underline;
        }

.omni-login-footer {
    margin-top: 2rem;
    text-align: center;
    color: #64748b;
    font-size: 12px;
}

    .omni-login-footer p {
        margin: .25rem 0;
    }

.omni-login-languages {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-bottom: .75rem;
}

    .omni-login-languages button {
        width: 36px;
        height: 36px;
        border: none;
        border-radius: 50%;
        background: #f1f5f9;
        cursor: pointer;
        transition: background-color .2s ease, transform .2s ease;
    }

        .omni-login-languages button:hover {
            background: rgba(0,176,117,.1);
            transform: translateY(-2px);
        }

.omni-form-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

    .omni-form-field label {
        color: var(--color-omniblue);
        font-size: 13px;
        font-weight: 700;
    }

.omni-field-error {
    color: #dc2626;
    font-size: 12px;
    font-weight: 600;
}

.omni-field-invalid .omni-input {
    border-color: #dc2626;
    box-shadow: 0 0 0 4px rgba(220,38,38,.12);
}

.omni-alert {
    margin-top: 1rem;
    padding: .85rem 1rem;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: var(--radius-sm);
    background: #f1f5f9;
    color: var(--color-omniblue);
    font-size: 13px;
    font-weight: 600;
}

    .omni-alert i {
        color: var(--color-omnigreen);
    }

.omni-alert-close {
    margin-left: auto;
    width: 26px;
    height: 26px;
    border: none;
    border-radius: 50%;
    background: transparent;
    color: inherit;
    cursor: pointer;
}

    .omni-alert-close:hover {
        background: rgba(1,38,57,.08);
    }

.omni-alert.alert-success, .omni-alert.success {
    background: rgba(0,176,117,.1);
    color: #047857;
}

.omni-alert.alert-danger, .omni-alert.error, .omni-alert.danger {
    background: rgba(220,38,38,.1);
    color: #dc2626;
}

.omni-alert.alert-warning, .omni-alert.warning {
    background: rgba(245,158,11,.12);
    color: #b45309;
}

.omni-alert.alert-info, .omni-alert.info {
    background: rgba(1,38,57,.08);
    color: var(--color-omniblue);
}

@media (min-width: 768px) {
    #page-wrapper {
        position: inherit;
        margin: 0 0 0 var(--sidebar-width);
        padding: 0 30px;
        border-left: 1px solid #e7e7e7;
    }

    .sidebar_c {
        z-index: 1;
        position: absolute;
        width: var(--sidebar-width);
        margin-top: 51px;
    }

    .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts {
        margin-left: auto;
    }
}

@media only screen and (max-width: 768px) {
    .wallpaperArea {
        height: 200px;
    }

    .loginArea {
        height: calc(100vh - 200px - 3rem);
    }

    .ui.grid {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        padding: 0;
        align-items: stretch;
    }

    .navbar-brand-omni {
        padding-left: 1rem;
    }

    .myNavbar {
        position: relative;
        width: calc(100% - 2rem);
        height: auto;
        max-height: none;
        margin: 1rem;
    }

    .collapsedMyNavbar {
        width: calc(100% - 2rem);
    }

        .collapsedMyNavbar .menu-text {
            display: inline-block;
        }

    .content-wrapper {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .table-responsive, .table-responsive-2 {
        max-height: none;
    }

    footer {
        position: relative;
    }
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-top-links .open .dropdown-menu > .dropdown-header {
        border-color: #49662c;
    }

    .navbar-inverse .navbar-top-links .open .dropdown-menu .divider {
        background-color: #49662c;
    }

    .navbar-inverse .navbar-top-links .open .dropdown-menu > li > a {
        color: var(--color-white);
    }

        .navbar-inverse .navbar-top-links .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-top-links .open .dropdown-menu > li > a:focus {
            color: var(--color-white);
            background-color: transparent;
            font-weight: bold;
        }

    .navbar-inverse .navbar-top-links .open .dropdown-menu > .active > a, .navbar-inverse .navbar-top-links .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-top-links .open .dropdown-menu > .active > a:focus {
        color: var(--color-white);
        background-color: #49662c;
        font-weight: bold;
    }

    .navbar-inverse .navbar-top-links .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-top-links .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-top-links .open .dropdown-menu > .disabled > a:focus {
        color: var(--color-disabled);
        background-color: transparent;
        font-weight: bold;
    }
}

@media (max-width:768px) {
    .omni-filter-form {
        flex-direction: column;
        align-items: stretch;
    }

    .omni-field, .omni-actions, .omni-btn {
        width: 100%;
    }

    .omni-actions {
        margin-left: 0;
    }

    .omni-pagination-form {
        flex-direction: column;
        align-items: stretch;
    }

    .omni-page-controls {
        margin-left: 0;
        justify-content: center;
        overflow-x: auto;
    }

    .omni-page-size {
        justify-content: center;
    }

    .omni-user-info {
        display: none;
    }

    .omni-dropdown-menu {
        right: 0;
        min-width: 220px;
    }

    .omni-brand img {
        height: 32px;
    }
}

@media (max-width:992px) {
    .omni-footer {
        height: auto;
        min-height: 6rem;
        padding: 1rem 1.5rem;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 1rem;
    }

    .omni-footer-left {
        flex-direction: column;
        align-items: flex-start;
        gap: .75rem;
    }

    .omni-footer-right {
        flex-wrap: wrap;
        gap: 1rem;
    }
}

@media (max-width:576px) {
    .omni-upload-box {
        flex-direction: column;
        text-align: center;
    }

    .omni-modal-footer {
        flex-direction: column-reverse;
    }

        .omni-modal-footer .omni-btn {
            width: 100%;
        }
}

@media (max-width:900px) {
    .omni-login-page {
        grid-template-columns: 1fr;
    }

    .omni-login-wallpaper {
        display: none;
    }

    .omni-login-panel {
        min-height: 100vh;
    }
}

.omni-news-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-height: 55vh;
    overflow-y: auto;
    padding-right: .25rem;
    scrollbar-width: thin;
}

.omni-news-item {
    padding: 1rem;
    border: 1px solid #e5e7eb;
    border-radius: var(--radius-md);
    background: #fff;
    box-shadow: 0 4px 14px rgba(1,38,57,.04);
}

.omni-news-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .75rem;
}

.omni-news-meta {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.omni-news-title {
    margin: 0;
    color: var(--color-omniblue);
    font-size: 16px;
    font-weight: 700;
}

.omni-news-date {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--color-omnigreen);
    font-size: 12px;
    font-weight: 700;
}

.omni-news-description {
    color: #475569;
    font-size: 14px;
    line-height: 1.55;
}

    .omni-news-description p {
        margin: 0 0 .75rem;
    }

        .omni-news-description p:last-child {
            margin-bottom: 0;
        }

.omni-news-edit {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: none;
    border-radius: var(--radius-sm);
    padding: .45rem .75rem;
    background: rgba(0,176,117,.08);
    color: var(--color-omnigreen);
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color .2s ease, transform .2s ease;
}

    .omni-news-edit:hover {
        background: rgba(0,176,117,.14);
        transform: translateY(-1px);
    }

.omni-empty-state {
    padding: 2rem 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px dashed #cbd5e1;
    border-radius: var(--radius-md);
    background: #f8fafc;
}

.omni-empty-icon {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .75rem;
    border-radius: 50%;
    background: rgba(1,38,57,.08);
    color: var(--color-omniblue);
    font-size: 22px;
}

.omni-empty-state h4 {
    margin: 0;
    color: var(--color-omniblue);
    font-size: 16px;
    font-weight: 700;
}

.omni-empty-state p {
    margin: .4rem 0 0;
    color: #64748b;
    font-size: 13px;
}

@media(max-width:576px) {
    .omni-modal-header {
        flex-direction: column;
    }

    .omni-news-header {
        flex-direction: column;
    }

    .omni-news-edit {
        width: 100%;
        justify-content: center;
    }
}

.omni-logs-filter {
    min-width: 220px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

    .omni-logs-filter label {
        color: var(--color-omniblue);
        font-size: 13px;
        font-weight: 700;
    }

.omni-logs-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-height: calc(100vh - 20rem);
    overflow-y: auto;
    padding-right: .25rem;
    scrollbar-width: thin;
}

.omni-log-item {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem;
    border-radius: var(--radius-md);
    border: 1px solid #e5e7eb;
    background: #fff;
    box-shadow: 0 4px 14px rgba(1,38,57,.04);
}

.omni-log-status {
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 20px;
}

.omni-log-success .omni-log-status {
    background: rgba(0,176,117,.1);
    color: var(--color-omnigreen);
}

.omni-log-error .omni-log-status {
    background: rgba(220,38,38,.1);
    color: #dc2626;
}

.omni-log-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: .45rem;
}

.omni-log-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.omni-log-module {
    color: var(--color-omniblue);
    font-size: 14px;
    font-weight: 700;
}

.omni-log-date {
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
}

.omni-log-user {
    color: var(--color-omnigreen);
    font-size: 13px;
    font-weight: 700;
}

.omni-log-description {
    color: #475569;
    font-size: 14px;
    line-height: 1.5;
}

@media(max-width:576px) {

    .omni-modal-header {
        flex-direction: column;
    }

    .omni-logs-filter {
        width: 100%;
    }

    .omni-log-header {
        flex-direction: column;
        align-items: flex-start;
    }
}

.omni-access-form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.omni-modal-overflow-visible {
    overflow: visible;
}

.omni-kpi-board {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.omni-kpi-card {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.5rem;
    border-radius: var(--radius-md);
    background: #fff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 4px 14px rgba(1,38,57,.05);
    overflow: hidden;
    transition: transform .2s ease, box-shadow .25s ease;
}

    .omni-kpi-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 10px 28px rgba(1,38,57,.08);
    }

    .omni-kpi-card::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 5px;
        height: 100%;
    }

.omni-kpi-green::before {
    background: var(--color-omnigreen);
}

.omni-kpi-red::before {
    background: #dc2626;
}

.omni-kpi-blue::before {
    background: var(--color-omniblue);
}

.omni-kpi-icon {
    width: 64px;
    height: 64px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    font-size: 28px;
}

.omni-kpi-green .omni-kpi-icon {
    background: rgba(0,176,117,.12);
    color: var(--color-omnigreen);
}

.omni-kpi-red .omni-kpi-icon {
    background: rgba(220,38,38,.12);
    color: #dc2626;
}

.omni-kpi-blue .omni-kpi-icon {
    background: rgba(1,38,57,.08);
    color: var(--color-omniblue);
}

.omni-kpi-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

    .omni-kpi-content h2 {
        margin: 0;
        color: var(--color-omniblue);
        font-size: 2rem;
        font-weight: 800;
        line-height: 1;
    }

    .omni-kpi-content p {
        margin: 0;
        color: #64748b;
        font-size: 14px;
        line-height: 1.5;
    }

    .omni-kpi-content .omni-btn {
        align-self: flex-start;
        margin-top: .25rem;
    }

.omni-btn-red {
    background: #dc2626;
    color: #fff;
    border: 1px solid #dc2626;
}

    .omni-btn-red:hover {
        background: #b91c1c;
        border-color: #b91c1c;
    }

@media(max-width:992px) {

    .omni-kpi-board {
        grid-template-columns: 1fr;
    }
}

.omni-ui-select .ui-select-toggle {
    position: relative;
}

.omni-ui-select.open .ui-select-toggle::after {
    content: "";
    position: absolute;
    inset: 0;
    border: 1px solid var(--color-omnigreen);
    border-radius: 12px;
    pointer-events: none;
}

.omni-alert.danger i {
    color: #dc2626;
}

.omni-password-field {
    position: relative;
}

.omni-password-wrapper {
    position: relative;
}

    .omni-password-wrapper .omni-input {
        padding-right: 3rem;
    }

.omni-password-status {
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

    .omni-password-status .fa-check-circle {
        color: var(--color-omnigreen);
    }

    .omni-password-status .fa-exclamation-circle {
        color: #dc2626;
    }

.omni-password-rules {
    padding: 1rem 1.25rem;
    border: 1px solid #e5e7eb;
    border-radius: var(--radius-md);
    background: #f8fafc;
}

.omni-password-rules-header {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .75rem;
    color: var(--color-omniblue);
    font-size: 14px;
    font-weight: 700;
}

    .omni-password-rules-header i {
        color: var(--color-omnigreen);
    }

.omni-password-rules ul {
    margin: 0;
    padding-left: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.omni-password-rules li {
    color: #475569;
    font-size: 13px;
    line-height: 1.4;
}

    .omni-password-rules li.invalid {
        color: #dc2626;
    }

.omni-checkbox-wrapper {
    margin: .5rem 0;
}

.omni-input[disabled] {
    background: #f8fafc;
    opacity: .75;
    cursor: not-allowed;
}

.omni-alert.warning {
    background: rgba(245,158,11,.12);
    color: #b45309;
}

    .omni-alert.warning i {
        color: #f59e0b;
    }

.omni-form-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.omni-hidden-input {
    display: none;
}

.omni-quill-editor {
    min-height: 180px;
    border-radius: 0 0 12px 12px;
    background: #fff;
}

.ql-toolbar.ql-snow {
    border: 1px solid #d7dde3;
    border-radius: 12px 12px 0 0;
    background: #f8fafc;
}

.ql-container.ql-snow {
    border: 1px solid #d7dde3;
    border-top: none;
    border-radius: 0 0 12px 12px;
    font-family: var(--font-family-base);
    font-size: 14px;
}

.ql-editor {
    min-height: 180px;
    color: var(--color-omniblue);
}

    .ql-editor.ql-blank::before {
        color: #94a3b8;
        font-style: normal;
    }

.ql-toolbar.ql-snow button:hover,
.ql-toolbar.ql-snow button.ql-active,
.ql-toolbar.ql-snow .ql-picker-label:hover,
.ql-toolbar.ql-snow .ql-picker-label.ql-active {
    color: var(--color-omnigreen);
}

    .ql-toolbar.ql-snow button:hover .ql-stroke,
    .ql-toolbar.ql-snow button.ql-active .ql-stroke,
    .ql-toolbar.ql-snow .ql-picker-label:hover .ql-stroke,
    .ql-toolbar.ql-snow .ql-picker-label.ql-active .ql-stroke {
        stroke: var(--color-omnigreen);
    }

    .ql-toolbar.ql-snow button:hover .ql-fill,
    .ql-toolbar.ql-snow button.ql-active .ql-fill {
        fill: var(--color-omnigreen);
    }

@media(max-width:576px) {
    .omni-form-grid {
        grid-template-columns: 1fr;
    }
}

.omni-modal-xl {
    width: min(1400px, 95vw);
}

.omni-periods-toolbar {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr) auto auto;
    gap: 1rem;
    align-items: end;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #e5e7eb;
}

.omni-periods-active {
    padding-bottom: .5rem;
}

.omni-periods-actions {
    display: flex;
    justify-content: flex-end;
}

.omni-table-wrapper {
    overflow: auto;
    border-radius: var(--radius-md);
}

.omni-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 1100px;
}

    .omni-table thead th {
        position: sticky;
        top: 0;
        z-index: 2;
        padding: 1rem;
        background: var(--color-omniblue);
        color: #f8fafc;
        font-size: 13px;
        font-weight: 700;
        text-align: left;
        border-bottom: 1px solid #e5e7eb;
        white-space: nowrap;
    }

    .omni-table tbody td {
        padding: 1rem;
        border-bottom: 1px solid #eef2f7;
        vertical-align: middle;
        color: #475569;
        font-size: 14px;
    }

    .omni-table tbody tr:hover {
        background: #fafcff;
    }

.omni-table-sort {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.omni-table-actions {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}

.omni-status-badge {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .4rem .75rem;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
}

    .omni-status-badge.success {
        background: rgba(0,176,117,.12);
        color: var(--color-omnigreen);
    }

    .omni-status-badge.danger {
        background: rgba(220,38,38,.12);
        color: #dc2626;
    }

.omni-btn-warning {
    background: #f59e0b;
    border: 1px solid #f59e0b;
    color: #fff;
}

    .omni-btn-warning:hover {
        background: #d97706;
        border-color: #d97706;
    }

@media(max-width:992px) {

    .omni-periods-toolbar {
        grid-template-columns: 1fr;
    }

    .omni-periods-actions {
        justify-content: stretch;
    }

        .omni-periods-actions .omni-btn {
            width: 100%;
        }
}

.omni-modal-xxl {
    width: min(1600px, 96vw);
}

.omni-permissions-section {
    margin-bottom: 1.5rem;
}

.omni-section-title {
    margin-bottom: 1rem;
    color: var(--color-omniblue);
    font-size: 14px;
    font-weight: 700;
}

.omni-permissions-options {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
}

.omni-permission-card {
    padding: 1rem 1.25rem;
    border: 1px solid #e5e7eb;
    border-radius: var(--radius-md);
    background: #fff;
}

    .omni-permission-card small {
        display: block;
        margin-top: .75rem;
        color: #64748b;
        line-height: 1.45;
    }

.omni-permissions-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.omni-card {
    padding: 1.25rem;
    border: 1px solid #e5e7eb;
    border-radius: var(--radius-md);
    background: #fff;
}

.omni-alert-inline {
    margin-top: 1rem;
}

.omni-alert-actions {
    display: flex;
    gap: .5rem;
    margin-top: 1rem;
}

.omni-radio-cell {
    width: 50px;
    text-align: center;
}

.omni-table-small {
    min-width: 500px;
}

.omni-btn-sm {
    min-height: 2rem;
    padding: .35rem .75rem;
    font-size: 12px;
}

.omni-btn-red {
    background: #dc2626;
    border: 1px solid #dc2626;
    color: #fff;
}

    .omni-btn-red:hover {
        background: #b91c1c;
        border-color: #b91c1c;
    }

.omni-alert.danger {
    background: rgba(220,38,38,.1);
    color: #b91c1c;
}

    .omni-alert.danger i {
        color: #dc2626;
    }

.omni-actions-search {
    min-width: 280px;
    flex: 1;
}

.omni-actions-buttons {
    display: flex;
    align-items: flex-end;
    gap: .75rem;
    flex-wrap: wrap;
}

.omni-btn-ghost {
    background: transparent;
    border: 1px solid transparent;
    color: var(--color-omniblue);
}

    .omni-btn-ghost:hover {
        background: rgba(1,38,57,.06);
    }

.omni-input-sm {
    min-height: 2.1rem;
    padding: 0 .75rem;
}

.text-right {
    text-align: right;
}

.omni-table td {
    white-space: nowrap;
}

    .omni-table td:last-child {
        min-width: 180px;
    }

.omni-invoice-summary {
    display: grid;
    grid-template-columns: repeat(2, minmax(180px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.omni-summary-card {
    padding: 1rem 1.25rem;
    border: 1px solid #e5e7eb;
    border-radius: var(--radius-md);
    background: #f8fafc;
}

    .omni-summary-card span {
        display: block;
        margin-bottom: .35rem;
        color: #64748b;
        font-size: 13px;
        font-weight: 600;
    }

    .omni-summary-card strong {
        color: var(--color-omniblue);
        font-size: 1.35rem;
        font-weight: 800;
    }

.omni-upload-section {
    margin-bottom: 1.5rem;
    padding: 1rem;
    border: 1px solid #e5e7eb;
    border-radius: var(--radius-md);
    background: #fff;
}

.omni-upload-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(240px, 1fr));
    gap: 1rem;
}

.omni-upload-box.disabled {
    opacity: .55;
    cursor: not-allowed;
}

.omni-upload-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
    flex-wrap: wrap;
}

.omni-invoices-list {
    margin-top: 1rem;
}

@media(max-width:768px) {
    .omni-invoice-summary,
    .omni-upload-grid {
        grid-template-columns: 1fr;
    }

    .omni-upload-actions {
        align-items: stretch;
        flex-direction: column;
    }

        .omni-upload-actions .omni-btn {
            width: 100%;
        }
}

.omni-delivery-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(180px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.omni-files-list {
    margin-top: 1rem;
}

@media(max-width:768px) {
    .omni-delivery-summary {
        grid-template-columns: 1fr;
    }
}