:root{color-scheme:light}
:root[data-theme="dark"]{color-scheme:dark;--jec-dark-bg:#111316;--jec-dark-surface:#1b1e22;--jec-dark-surface-2:#22262b;--jec-dark-surface-3:#292e34;--jec-dark-border:#353a42;--jec-dark-text:#eef0f3;--jec-dark-muted:#adb3bc;--jec-dark-red:#e64b66;--jec-dark-red-soft:#3a1c24}

:root[data-theme="dark"] body{background:var(--jec-dark-bg)!important;color:var(--jec-dark-text)}
:root[data-theme="dark"] .jec-staff-shell{--shell-red:#e64b66;--shell-red-dark:#f0788c;--shell-red-soft:#3a1c24;--shell-gold:#f2c94c;--shell-ink:#eef0f3;--shell-muted:#adb3bc;--shell-line:#353a42;background:var(--jec-dark-bg);color:var(--jec-dark-text)}
:root[data-theme="dark"] .jec-staff-shell .page-header.navbar,
:root[data-theme="dark"] .jec-staff-shell .page-header.navbar .page-logo,
:root[data-theme="dark"] .jec-staff-shell .page-header.navbar .page-top,
:root[data-theme="dark"] .jec-staff-shell .page-sidebar{background:var(--jec-dark-surface)!important}
:root[data-theme="dark"] .jec-staff-shell .page-header.navbar .page-logo .jec-logo-light{display:none!important}
:root[data-theme="dark"] .jec-staff-shell .page-header.navbar .page-logo .jec-logo-dark{display:block!important}
:root[data-theme="dark"] .jec-staff-shell .page-header.navbar{box-shadow:0 4px 22px rgba(0,0,0,.28)}
:root[data-theme="dark"] .jec-staff-shell .page-sidebar .page-sidebar-menu:before,
:root[data-theme="dark"] .jec-staff-shell .page-sidebar .page-sidebar-menu>li>a,
:root[data-theme="dark"] .jec-staff-shell .page-sidebar .page-sidebar-menu>li>a>i{color:var(--jec-dark-muted)!important}
:root[data-theme="dark"] .jec-staff-shell .page-sidebar .page-sidebar-menu>li:hover>a,
:root[data-theme="dark"] .jec-staff-shell .page-sidebar .page-sidebar-menu>li:hover>a>i{color:var(--jec-dark-red)!important;background:var(--jec-dark-red-soft)}
:root[data-theme="dark"] .jec-staff-shell .page-sidebar .page-sidebar-menu>li.active>a>i{color:#f2c94c!important}
:root[data-theme="dark"] .jec-staff-shell .page-content-wrapper .page-content,
:root[data-theme="dark"] .jec-staff-shell .page-container{background:var(--jec-dark-bg)!important;color:var(--jec-dark-text)}

:root[data-theme="dark"] .portlet,
:root[data-theme="dark"] .portlet>.portlet-body,
:root[data-theme="dark"] .panel,
:root[data-theme="dark"] .panel-body,
:root[data-theme="dark"] .well,
:root[data-theme="dark"] .modal-content,
:root[data-theme="dark"] .dropdown-menu,
:root[data-theme="dark"] .tab-content,
:root[data-theme="dark"] [class~="ca-card"]{background-color:var(--jec-dark-surface)!important;border-color:var(--jec-dark-border)!important;color:var(--jec-dark-text);box-shadow:0 12px 35px rgba(0,0,0,.2)}
:root[data-theme="dark"] .portlet-title,
:root[data-theme="dark"] .panel-heading,
:root[data-theme="dark"] .modal-header,
:root[data-theme="dark"] .modal-footer{border-color:var(--jec-dark-border)!important}
:root[data-theme="dark"] .modal-backdrop{background:#000!important}
:root[data-theme="dark"] .close{color:#fff;text-shadow:none;opacity:.7}

:root[data-theme="dark"] h1,
:root[data-theme="dark"] h2,
:root[data-theme="dark"] h3,
:root[data-theme="dark"] h4,
:root[data-theme="dark"] h5,
:root[data-theme="dark"] h6,
:root[data-theme="dark"] .page-title>h1,
:root[data-theme="dark"] .caption,
:root[data-theme="dark"] label{color:var(--jec-dark-text)}
:root[data-theme="dark"] .help-block,
:root[data-theme="dark"] .text-muted{color:var(--jec-dark-muted)!important}
:root[data-theme="dark"] a:not(.btn){color:#ef7187}
:root[data-theme="dark"] a:not(.btn):hover{color:#ff9aac}

:root[data-theme="dark"] .form-control,
:root[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
:root[data-theme="dark"] select,
:root[data-theme="dark"] textarea,
:root[data-theme="dark"] .select2-container .select2-choice,
:root[data-theme="dark"] .select2-container-multi .select2-choices{background:var(--jec-dark-surface-2)!important;border-color:#444a53!important;color:var(--jec-dark-text)!important;box-shadow:none!important}
:root[data-theme="dark"] .form-control::placeholder,
:root[data-theme="dark"] input::placeholder,
:root[data-theme="dark"] textarea::placeholder{color:#858c96!important}
:root[data-theme="dark"] .input-group-addon{background:var(--jec-dark-surface-3)!important;border-color:#444a53!important;color:var(--jec-dark-muted)!important}
:root[data-theme="dark"] .form-control[disabled],
:root[data-theme="dark"] .form-control[readonly],
:root[data-theme="dark"] fieldset[disabled] .form-control{background:#282c31!important;color:#8f969f!important}

:root[data-theme="dark"] table,
:root[data-theme="dark"] .table,
:root[data-theme="dark"] .jec-staff-shell .page-content table.table:not(.ca-table){background:var(--jec-dark-surface)!important;color:var(--jec-dark-text)!important;border-color:var(--jec-dark-border)!important}
:root[data-theme="dark"] .table>thead>tr>th,
:root[data-theme="dark"] .jec-staff-shell .page-content table.table:not(.ca-table)>thead>tr>th,
:root[data-theme="dark"] .ca-table th{background:var(--jec-dark-surface-3)!important;border-color:var(--jec-dark-border)!important;color:#c5cad1!important}
:root[data-theme="dark"] .table>tbody>tr>td,
:root[data-theme="dark"] .table>tbody>tr>th,
:root[data-theme="dark"] .jec-staff-shell .page-content table.table:not(.ca-table)>tbody>tr>td,
:root[data-theme="dark"] .jec-staff-shell .page-content table.table:not(.ca-table)>tbody>tr>th,
:root[data-theme="dark"] .ca-table td{background:var(--jec-dark-surface)!important;border-color:var(--jec-dark-border)!important;color:var(--jec-dark-text)!important}
:root[data-theme="dark"] .table-striped>tbody>tr:nth-of-type(odd)>td,
:root[data-theme="dark"] .jec-staff-shell .page-content table.table-striped:not(.ca-table)>tbody>tr:nth-of-type(odd)>td{background:#1f2328!important}
:root[data-theme="dark"] .table-hover>tbody>tr:hover>td,
:root[data-theme="dark"] .jec-staff-shell .page-content table.table-hover:not(.ca-table)>tbody>tr:hover>td,
:root[data-theme="dark"] .ca-table tbody tr:hover td{background:var(--jec-dark-red-soft)!important;color:var(--jec-dark-text)!important}

:root[data-theme="dark"] .nav-tabs{border-color:var(--jec-dark-border)}
:root[data-theme="dark"] .nav-tabs>li>a{color:var(--jec-dark-muted);background:transparent;border-color:transparent}
:root[data-theme="dark"] .nav-tabs>li.active>a,
:root[data-theme="dark"] .nav-tabs>li.active>a:hover,
:root[data-theme="dark"] .nav-tabs>li.active>a:focus{background:var(--jec-dark-surface)!important;border-color:var(--jec-dark-border)!important;border-bottom-color:var(--jec-dark-surface)!important;color:var(--jec-dark-text)!important}
:root[data-theme="dark"] .dropdown-menu>li>a{color:var(--jec-dark-text)!important}
:root[data-theme="dark"] .dropdown-menu>li>a:hover,
:root[data-theme="dark"] .dropdown-menu>li>a:focus{background:var(--jec-dark-red-soft)!important;color:#ff8da0!important}
:root[data-theme="dark"] .pagination>li>a,
:root[data-theme="dark"] .pagination>li>span{background:var(--jec-dark-surface-2)!important;border-color:var(--jec-dark-border)!important;color:#ef7187!important}
:root[data-theme="dark"] hr{border-color:var(--jec-dark-border)}

:root[data-theme="dark"] .jec-course-list article,
:root[data-theme="dark"] .jec-live-list a,
:root[data-theme="dark"] .jec-quick-links a,
:root[data-theme="dark"] .jec-date-list article,
:root[data-theme="dark"] .jec-year-chart .jec-chart-track,
:root[data-theme="dark"] .jec-resources-list article,
:root[data-theme="dark"] .jec-emodule-item,
:root[data-theme="dark"] .ca-live-summary article,
:root[data-theme="dark"] .ca-filter-form{background:var(--jec-dark-surface-2)!important;border-color:var(--jec-dark-border)!important}
:root[data-theme="dark"] .jec-course-list strong,
:root[data-theme="dark"] .jec-live-list strong,
:root[data-theme="dark"] .jec-quick-links strong,
:root[data-theme="dark"] .jec-date-list b,
:root[data-theme="dark"] .ca-empty strong{color:var(--jec-dark-text)!important}

:root[data-theme="dark"] .jec-dashboard-spa-layer,
:root[data-theme="dark"] .jec-module-reader-layer,
:root[data-theme="dark"] .jec-global-spa-layer,
:root[data-theme="dark"] .jec-dashboard-spa-loading,
:root[data-theme="dark"] .jec-module-reader-loading,
:root[data-theme="dark"] .jec-global-spa-loading,
:root[data-theme="dark"] .jec-global-spa-layer iframe{background:var(--jec-dark-bg)!important;color:var(--jec-dark-muted)}

:root[data-theme="dark"] .staff-login-panel{background:var(--jec-dark-bg)!important}
:root[data-theme="dark"] .staff-login-card{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
:root[data-theme="dark"] .staff-form-heading h2,
:root[data-theme="dark"] .staff-mobile-brand strong,
:root[data-theme="dark"] .staff-label-row label,
:root[data-theme="dark"] .staff-login-card label{color:var(--jec-dark-text)!important}
:root[data-theme="dark"] .staff-form-heading p,
:root[data-theme="dark"] .staff-help,
:root[data-theme="dark"] .staff-login-panel>footer{color:var(--jec-dark-muted)!important}
:root[data-theme="dark"] .staff-input{background:var(--jec-dark-surface-2)!important;border-color:#444a53!important}
:root[data-theme="dark"] .staff-input input{background:transparent!important;color:var(--jec-dark-text)!important}

:root[data-theme="dark"] .jec-notification-menu,
:root[data-theme="dark"] .jec-notification-menu header,
:root[data-theme="dark"] .jec-notification-item{background:var(--jec-dark-surface)!important;border-color:var(--jec-dark-border)!important;color:var(--jec-dark-text)!important}
:root[data-theme="dark"] .jec-pwa-install{background:var(--jec-dark-surface)!important;border-color:var(--jec-dark-border)!important;color:var(--jec-dark-text)!important;box-shadow:0 14px 40px rgba(0,0,0,.38)}
:root[data-theme="dark"] .jec-pwa-install-copy strong{color:var(--jec-dark-text)}
:root[data-theme="dark"] .jec-pwa-install-copy>span{color:var(--jec-dark-muted)}
:root[data-theme="dark"] .jec-pwa-install-dismiss{background:var(--jec-dark-surface-3);color:var(--jec-dark-text)}
:root[data-theme="dark"] .jec-topnav-action,
:root[data-theme="dark"] .jec-theme-toggle{background:var(--jec-dark-surface-2)!important;border-color:#444a53!important;color:#d9dde2!important}
:root[data-theme="dark"] .jec-topnav-action:hover,
:root[data-theme="dark"] .jec-topnav-action:focus,
:root[data-theme="dark"] .jec-theme-toggle:hover{background:#30282a!important;border-color:#68414a!important;color:#ffe082!important}
:root[data-theme="dark"] .jec-staff-shell .page-header.navbar .menu-toggler{background:var(--jec-dark-surface-2)!important;border-color:#444a53!important}
:root[data-theme="dark"] .jec-staff-shell .page-header.navbar .menu-toggler:hover{background:#30282a!important;border-color:#68414a!important}
:root[data-theme="dark"] .jec-notification-count{border-color:var(--jec-dark-surface)!important}

@media(max-width:767px){.jec-theme-toggle-floating{top:12px;right:12px}}
@media print{.jec-theme-item,.jec-theme-toggle-floating{display:none!important}:root[data-theme="dark"]{color-scheme:light;--jec-dark-bg:#fff;--jec-dark-surface:#fff;--jec-dark-surface-2:#fff;--jec-dark-surface-3:#f5f5f5;--jec-dark-border:#ddd;--jec-dark-text:#000;--jec-dark-muted:#555;--jec-dark-red:#97031c;--jec-dark-red-soft:#fff1f3}:root[data-theme="dark"] body,:root[data-theme="dark"] .table>tbody>tr>td,:root[data-theme="dark"] .table-striped>tbody>tr:nth-of-type(odd)>td{background:#fff!important;color:#000!important;box-shadow:none!important}}
