/* Minification failed. Returning unminified contents.
(2,22): run-time error CSS1039: Token not allowed after unary operator: '-fl-background'
(4,17): run-time error CSS1039: Token not allowed after unary operator: '-fl-text-primary'
(102,28): run-time error CSS1039: Token not allowed after unary operator: '-fl-surface'
(119,22): run-time error CSS1039: Token not allowed after unary operator: '-fl-surface-hover'
(120,24): run-time error CSS1039: Token not allowed after unary operator: '-fl-border'
(121,17): run-time error CSS1039: Token not allowed after unary operator: '-fl-text-muted'
(140,28): run-time error CSS1039: Token not allowed after unary operator: '-fl-border'
(237,28): run-time error CSS1039: Token not allowed after unary operator: '-fl-background'
(289,28): run-time error CSS1039: Token not allowed after unary operator: '-fl-surface'
(298,17): run-time error CSS1039: Token not allowed after unary operator: '-fl-text-secondary'
(299,28): run-time error CSS1039: Token not allowed after unary operator: '-fl-background'
(300,24): run-time error CSS1039: Token not allowed after unary operator: '-fl-border'
(372,17): run-time error CSS1039: Token not allowed after unary operator: '-fl-text-primary'
(422,28): run-time error CSS1039: Token not allowed after unary operator: '-fl-background'
(444,17): run-time error CSS1039: Token not allowed after unary operator: '-fl-text-secondary'
(492,17): run-time error CSS1039: Token not allowed after unary operator: '-fl-text-secondary'
(493,28): run-time error CSS1039: Token not allowed after unary operator: '-fl-surface'
(494,24): run-time error CSS1039: Token not allowed after unary operator: '-fl-border'
(526,28): run-time error CSS1039: Token not allowed after unary operator: '-fl-surface-hover'
(535,17): run-time error CSS1039: Token not allowed after unary operator: '-fl-text-secondary'
(774,28): run-time error CSS1039: Token not allowed after unary operator: '-fl-surface'
(787,28): run-time error CSS1039: Token not allowed after unary operator: '-fl-surface'
(948,24): run-time error CSS1039: Token not allowed after unary operator: '-fl-border'
(949,17): run-time error CSS1039: Token not allowed after unary operator: '-fl-text-secondary'
(959,28): run-time error CSS1039: Token not allowed after unary operator: '-fl-border'
(965,28): run-time error CSS1039: Token not allowed after unary operator: '-fl-surface'
(970,28): run-time error CSS1039: Token not allowed after unary operator: '-fl-surface'
(974,28): run-time error CSS1039: Token not allowed after unary operator: '-fl-surface'
(978,28): run-time error CSS1039: Token not allowed after unary operator: '-fl-border'
(981,32): run-time error CSS1039: Token not allowed after unary operator: '-fl-background'
(984,32): run-time error CSS1039: Token not allowed after unary operator: '-fl-surface'
(985,28): run-time error CSS1039: Token not allowed after unary operator: '-fl-primary'
(986,21): run-time error CSS1039: Token not allowed after unary operator: '-fl-primary'
(990,36): run-time error CSS1039: Token not allowed after unary operator: '-fl-primary'
(1095,17): run-time error CSS1039: Token not allowed after unary operator: '-fl-text-primary'
(1096,28): run-time error CSS1039: Token not allowed after unary operator: '-fl-surface'
(1223,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1300,1): run-time error CSS1019: Unexpected token, found '<'
(1307,28): run-time error CSS1039: Token not allowed after unary operator: '-fl-background'
(1356,32): run-time error CSS1039: Token not allowed after unary operator: '-fl-surface-hover'
(1383,28): run-time error CSS1039: Token not allowed after unary operator: '-fl-dark-surface'
(1384,24): run-time error CSS1039: Token not allowed after unary operator: '-fl-dark-border'
(1395,28): run-time error CSS1039: Token not allowed after unary operator: '-fl-dark-surface'
(1396,17): run-time error CSS1039: Token not allowed after unary operator: '-fl-dark-text-primary'
(1397,24): run-time error CSS1039: Token not allowed after unary operator: '-fl-dark-border'
(1403,24): run-time error CSS1039: Token not allowed after unary operator: '-fl-accent'
(1414,17): run-time error CSS1039: Token not allowed after unary operator: '-fl-dark-text-secondary'
(1415,24): run-time error CSS1039: Token not allowed after unary operator: '-fl-dark-border'
(1425,28): run-time error CSS1039: Token not allowed after unary operator: '-fl-dark-surface'
(1426,24): run-time error CSS1039: Token not allowed after unary operator: '-fl-dark-border'
(1432,28): run-time error CSS1039: Token not allowed after unary operator: '-fl-dark-surface'
(1433,17): run-time error CSS1039: Token not allowed after unary operator: '-fl-dark-text-primary'
(1440,28): run-time error CSS1039: Token not allowed after unary operator: '-fl-dark-surface-hover'
(1445,28): run-time error CSS1039: Token not allowed after unary operator: '-fl-accent'
(1453,28): run-time error CSS1039: Token not allowed after unary operator: '-fl-dark-surface'
(1454,17): run-time error CSS1039: Token not allowed after unary operator: '-fl-dark-text-primary'
(1460,17): run-time error CSS1039: Token not allowed after unary operator: '-fl-dark-text-primary'
(1464,28): run-time error CSS1039: Token not allowed after unary operator: '-fl-dark-surface-hover'
(1468,28): run-time error CSS1039: Token not allowed after unary operator: '-fl-dark-background'
(1469,17): run-time error CSS1039: Token not allowed after unary operator: '-fl-dark-text-secondary'
(1476,28): run-time error CSS1039: Token not allowed after unary operator: '-fl-dark-surface-hover'
(1482,28): run-time error CSS1039: Token not allowed after unary operator: '-fl-dark-surface'
(1486,28): run-time error CSS1039: Token not allowed after unary operator: '-fl-dark-surface-hover'
(1487,17): run-time error CSS1039: Token not allowed after unary operator: '-fl-dark-text-primary'
(1499,24): run-time error CSS1039: Token not allowed after unary operator: '-fl-dark-border'
(1509,28): run-time error CSS1039: Token not allowed after unary operator: '-fl-dark-text-primary'
(1514,28): run-time error CSS1039: Token not allowed after unary operator: '-fl-dark-surface-hover'
(1551,28): run-time error CSS1039: Token not allowed after unary operator: '-fl-dark-surface-hover'
(1552,17): run-time error CSS1039: Token not allowed after unary operator: '-fl-dark-text-muted'
(1553,35): run-time error CSS1039: Token not allowed after unary operator: '-fl-dark-text-muted'
(1554,24): run-time error CSS1039: Token not allowed after unary operator: '-fl-dark-border'
 */
body {
    background: var(--fl-background, #f5f5f5);
    margin: 0;
    color: var(--fl-text-primary, #4c5667);
    overflow-x: hidden !important;
}

a {
    color: #0091ae;
    text-decoration: none;
}

    a:hover {
        color: #133B62;
    }

.page-title {
    font-size: 1.375rem;
    font-weight: 600;
    letter-spacing: -0.3px;
    line-height: 1.3;
    color: #1f2937;
}

.upload-image {
    cursor: pointer !important;
}
.spinner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8); /* Slight transparency */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

[data-bs-theme="dark"] .spinner-overlay {
    background: rgba(15, 23, 42, 0.8);
}

.spinner-border {
    width: 3rem;
    height: 3rem;
    border-width: 0.3rem;
}


.navbar-custom .dropdown-toggle::after {
    content: unset;
}

.breadcrumb-item.page-title::before {
    font-size: 1rem;
    font-weight: normal;
}

.page-title-box .breadcrumb {
    background-color: transparent;
}



.form-group {
    margin-bottom: 1rem;
}

.form-control.e-control-wrapper {
    padding: 0;
}

.e-control-wrapper input.e-input.form-control {
    padding: .375rem .75rem;
}

.form-control.error {
    font-size: 1rem;
}

label {
    font-weight: 500;
}

.e-control-wrapper.has-error {
    border: 1px solid #ef5350 !important;
    box-shadow: none !important;
}

.e-control-wrapper.has-success {
    border: 1px solid #78bb42 !important;
    box-shadow: none !important;
}

.form-control.e-ddl {
    padding: 2px 0;
}

.e-control:read-only {
    background-color: var(--fl-surface, #fff) !important;
    opacity: 1;
}

[id^="imageEditor_"][id$="_toolbar"] .e-control:read-only:hover {
    background-color: #043960 !important;
    opacity: 1;
}

.btn:disabled {
    color: #eee !important;
    border-color: #eee !important;
    opacity: 1;
    cursor: default;
}

.form-control-disabled, .form-control-disabled.e-input-group .e-input-group-icon, .form-control-disabled.e-input-group.e-control-wrapper .e-input-group-icon, .form-control:disabled, .form-control[readonly], .form-control-disabled .e-multi-select-wrapper {
    background: var(--fl-surface-hover, #eee) !important;
    border-color: var(--fl-border, #ccc);
    color: var(--fl-text-muted, #999);
}

.form-control.e-multiselect.e-input-group {
    border: 0 !important;
    padding: 0 !important;
    display: table-cell;
    padding: 2px !important;
    height: auto;
    width: auto !important;
}

.e-multiselect.e-input-group.e-input-focus {
    box-shadow: none !important;
}

/* Fix: Prevent form-control class from adding border/radius to multiselect popup */
.e-popup.form-control,
.e-popup.e-multi-select-list-wrapper.form-control {
    border: 1px solid var(--fl-border, #e2e8f0) !important;
    border-radius: 0.375rem !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
    padding: 0 !important;
    height: auto !important;
    min-height: unset !important;
    line-height: normal !important;
    font-size: inherit !important;
}

.btn-outline-primary {
    border-color: #133b62;
    color: #133b62;
}

    .btn-outline-primary:hover {
        background-color: #133b62;
        border-color: #133b62;
        color: #fff;
    }

.btn-outline-primary:disabled {
    color: #eee !important;
    opacity: 1;
    cursor: default;
}

.topbar {
    z-index: 1001;
}

#sidebar-menu ul li a i.main-icon {
    display: none;
}

#sidebar-menu li a i {
    margin: 0 10px 0 3px;
}


.fixed-left-void #sidebar-menu ul li a i.main-icon {
    display: inline-block;
}

#sidebar-menu ul ul a {
    padding-left: 20px;
}

#sidebar-menu ul ul li.active a {
    color: #0091ae;
}

#sidebar-menu > ul > li ul {
    padding-left: 0;
}


.block-center-wrapper {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 100%;
    overflow-x: hidden;
}

.block-center {
    margin: 0 auto;
}

.form-control-feedback {
    float: right;
    margin: -28px 10px;
    width: 15px;
    color: #80898e;
}

.e-input-group input.e-input.form-control.e-numerictextbox {
    height: 36px;
    padding: .375rem .75rem;
}

.vertical-center {
    min-height: 100%; /* Fallback for browsers do NOT support vh unit */
    min-height: 100vh; /* These two lines are counted as one :-)       */
    display: flex;
    align-items: center;
}

.grid-stack {
    min-height: 70px;
}

.grid-stack-item:hover {
    cursor: move;
}

.grid-stack, .grid-container {
    background-color: var(--fl-background, #F5F5F5);
}

    .grid-stack > .grid-stack-item > .grid-stack-item-content {
        border-top: 1px solid #cfcfcf;
        border-bottom: 1px solid #cfcfcf;
    }

    .grid-stack > .grid-stack-item > .ui-resizable-handle {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAhCAYAAAD6ZdrGAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8wMi8xOGazqBYAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAABYElEQVQokY2TSy+DQRSGn/m+aaI2WqysquoaQtJGpYi/YmXlT/AX2CDishC/gIQEESJIm4qV6EWpywJbrUWPRdvxjbjN6sycnPe875OMmltYEYDh6JAAznB0CACHz6PwXq6uswLQ3dmhUheX+LTPTDiAIyL4tE8BAlR0VyQs9fGDoxOj5N1hHbW9uw9AJBwiEg4xv7iqAHRNUwDJ5G7c6alJAdCZ3A2Aag4GLCkdDDQB4G9osHJob8j7xyfOkunqchHjluX1TQVUANHe8bdSybi1GgN9PaZ2W9tCRnd0JEbhtjgLzFg5zpJpd2JsROquoIrcxn6dzQtAZ0e7SqYv0doFvmDX2v3EHgmHTJDD41Oj9DP2rZ09ajv+iT2bLwColuagJaXrD43+X7AXHx45OU9Vl3uxL61tfI+9XH43bq3GYH+vqS3siXiM27v777GPJ+J/YM/mCwLw/PLq1P4IAB9Y94ZM2iq/HgAAAABJRU5ErkJggg==);
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-color: transparent;
        bottom: 0;
        top: 0;
        border: 1px solid #cfcfcf;
    }

    .grid-stack > .grid-stack-item > .ui-resizable-e {
        right: 0;
    }

    .grid-stack > .grid-stack-item > .ui-resizable-w {
        left: 0;
    }

.grid-stack-item-content {
    padding: 10px;
}

.checkbox {
    margin-right: 5px;
    margin-top: 0.4rem;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #133B62;
}

.custom-checkbox label {
    cursor: pointer;
}

.grid-stack label {
    font-weight: normal;
}

    .grid-stack label.task-input-label {
        font-weight: bold;
    }

.grid-stack .table {
    background-color: var(--fl-surface, #FFFFFF);
}

.grid-stack a:not([href]):not([tabindex]) {
    color: #007bff;
    cursor: pointer;
}

.table .thead-light th {
    color: var(--fl-text-secondary, #495057) !important;
    background-color: var(--fl-background, #e9ecef) !important;
    border-color: var(--fl-border, #dee2e6);
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order {
    top:initial;
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:after {
    margin-top: 1px;
}

    .btn, select.form-control {
        cursor: pointer;
    }

.actions .btn {
    margin-left: 10px;
}

.main-buttons {
    margin-top: 20px;
}

.font-select, .select2-drop {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", fontAwesome !important;
}

.font-themify {
    font-family: themify !important;
}

.select2-container-multi .select2-choices {
    padding: 10px;
}

    .select2-container-multi .select2-choices .select2-search-choice {
        padding: 10px 10px 10px 18px;
    }

.select2-drop-multi .select2-result-unselectable, .select2-results .select2-disabled {
    display: none;
}

.collapse {
    visibility: hidden;
}

    .collapse.show {
        visibility: visible;
        display: block;
    }

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}

    .collapsing.width {
        -webkit-transition-property: width, visibility;
        transition-property: width, visibility;
        width: 0;
        height: auto;
    }

.nav-tabs .nav-link {
    color: var(--fl-text-primary, #495057);
    border: none !important;
}

.filter-list .dt-buttons-wrapper {
    padding: 0;
}

.tabs-bordered li a.active {
    border-bottom: 2px solid #043960 !important;
}

.nav-pills .nav-link.active {
    background-color: #043960;
}

.card-header {
    border-bottom: none;
}

    .card-header a {
        color: #043960;
    }

    .card-header[data-bs-toggle="collapse"] {
        cursor: pointer;
    }


   

.image-preview {
    border-radius: 50%;
    object-fit: cover;
    width: 200px;
    height: 200px;
    display: block;
}

table.dataTable {
    border-collapse: collapse !important;
    width: 100% !important;
}

.table-bordered td, .table-bordered th {
    border-left: none;
    border-right: none;
}

.table .thead-light th {
    background-color: var(--fl-background, #F5F5F5);
}

.table tbody td.text-link {
    color: #0091ae !important;
}

div.dt-container {
    padding: 0;
}

    div.dt-container .row:last-child {
        margin-top: 10px;
    }

    div.dt-container div.dt-paging ul.pagination {
        margin: 2px 0;
        white-space: nowrap;
        justify-content: flex-end;
    }

.page-item .page-link {
    color: var(--fl-text-secondary, #636e7b);
}

    div.dt-container div.dt-paging {
        float: right;
        display: inline-flex;
        margin-top: 10px;
    }

    div .dt-container .dt-length {
        margin-left: 10px;
    }

    div.dt-container div.dt-length label {
        margin-bottom: 0;
        line-height: 42px;
    }

    div.dt-container div.dt-search label {
        display: inline;
    }


        div.dt-container div.dt-search input[type=search] {
            width: 100%;
            float: right;
            margin-bottom: 10px;
            line-height: 2;
        }

.dt-buttons {
    float: none;
    margin-bottom: 10px;
}

.page-item .page-link, .page-item.disabled .page-link {
    background-color: transparent;
    margin-left: 0;
    border: none;
}


.page-item.active .page-link {
    background-color: #043960;
    border-color: #043960;
}

.dt-paging .dt-paging-button, .dt-paging .ellipsis {
    color: var(--fl-text-secondary, #6c757d);
    background-color: var(--fl-surface, #fff);
    border-color: var(--fl-border, #dee2e6);
    line-height: 1.25;
}

    .dt-paging .dt-paging-button:first-child {
        margin-left: 0;
        border-top-left-radius: .25rem;
        border-bottom-left-radius: .25rem;
        cursor: pointer;
    }

    .dt-paging .dt-paging-button:last-child {
        border-top-right-radius: .25rem;
        border-bottom-right-radius: .25rem;
        cursor: pointer;
    }

    .dt-paging .dt-paging-button:not(:disabled):not(.disabled) {
        cursor: pointer;
    }

.dt-paging span {
    margin-top: 9px;
}

.dt-paging .dt-paging-button.current {
    background-color: #043960;
    border-color: #043960;
    color: #fff;
}

.dt-paging .dt-paging-button:hover {
    background-color: var(--fl-surface-hover, #e4e7ea);
}

.dt-paging .dt-paging-button.current:hover {
    background-color: #0091ae;
}


.table > tbody > tr > td {
    color: var(--fl-text-secondary, #75798B);
}

div.dt-container div.dataTables_info {
    display: inline-flex;
    padding-top: 0px;
    padding-bottom: 8px;
}

.dt-buttons .btn-secondary {
    color: #043960;
    background-color: transparent;
    border-color: #043960;
}

#sidebar-menu > ul > li ul {
    padding-left: 15px;
}
    .dt-buttons .btn-secondary:hover {
        background-color: #043960;
        color: #ffffff;
        opacity: 0.8;
    }

.btn-primary {
    color: #ffffff !important;
    background-color: #043960 !important;
    border-color: #043960 !important;
}

    .btn-primary:hover {
        color: #ffffff !important;
        background-color: #043960;
        border-color: #043960;
    }

.dt-buttons .btn i {
    margin-right: 5px !important;
    font-size: 14px;
}

.btn-group > .buttons-collection:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group > .buttons-collection:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group > .buttons-collection:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.strike {
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 10px;
}

    .strike > span {
        position: relative;
        display: inline-block;
        font-size: 10px;
        color: #4c5667;
    }

        .strike > span:before,
        .strike > span:after {
            content: "";
            position: absolute;
            top: 50%;
            width: 9999px;
            height: 1px;
            background: #cfcfcf;
        }

        .strike > span:before {
            right: 100%;
        }

        .strike > span:after {
            left: 100%;
        }

.upload-image {
    max-width: 200px;
    max-height: 200px;
    height: 100%;
    object-fit: cover;
    margin: 10px 0;
}

.avatar .upload-image {
    border-radius: 50%;
}

.form-control.e-upload {
    height: auto;
}

.e-img-uploadwrap.e-droparea {
    display: none !important;
}

.form-check-input:checked {
    background-color: #133B62;
    border-color: #133B62;
}

.e-upload-file-list {
    text-align: center;
}

.width-lg {
    min-width: 140px;
}

.timeline .timeline-box {
    border: 1px solid #DEE2E6;
    color: #495057;
}


.timeline-item .timeline-desk .arrow {
    border-bottom: 12px solid transparent;
    border-right: 12px solid #DEE2E6 !important;
    border-top: 12px solid transparent;
    display: block;
    height: 0;
    left: -12px;
    margin-top: -12px;
    position: absolute;
    top: 50%;
    width: 0;
}


.timeline-item.timeline-item-left .timeline-desk .arrow {
    border-left: 12px solid #DEE2E6 !important;
    border-right: 0 !important;
    left: auto;
    right: -12px;
}

.timeline .timeline-icon i {
    top: 3px;
}


.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}



.badge {
    color: #fff
}

.badge-light {
    color: #343a40
}

.badge-light-primary {
    background-color: rgba(59,175,218,.2);
    color: #3bafda !important
}

.badge-light-secondary {
    background-color: rgba(108,117,125,.2);
    color: #6c757d !important
}

.badge-light-success {
    background-color: rgba(26,188,156,.2);
    color: #1abc9c !important
}

.badge-light-info {
    background-color: rgba(55,205,230,.2);
    color: #37cde6 !important
}

.badge-light-warning {
    background-color: rgba(247,184,75,.2);
    color: #f7b84b !important
}

.badge-light-danger {
    background-color: rgba(241,85,108,.2);
    color: #f1556c !important
}

.badge-light-light {
    background-color: rgba(241,245,247,.2);
    color: #f1f5f7 !important
}

.badge-light-dark {
    background-color: rgba(50,58,70,.2);
    color: #323a46 !important
}

.badge-light-pink {
    background-color: rgba(246,114,167,.2);
    color: #f672a7 !important
}

.badge-light-purple {
    background-color: rgba(101,89,204,.2);
    color: #6559cc !important
}

.dropdown-menu-lg {
    max-width: 450px;
    width: 450px;
}

.dropdown-item{
    width: 90% !important;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: var(--fl-surface, white) !important;
    color: inherit !important;
    width: 90% !important;
}

/* Keep Column droplist coloring the same */
a.dt-button.dropdown-item.buttons-columnVisibility.active, a.dt-button.dropdown-item.buttons-columnVisibility.dt-button-active {
    background-color: #f2f2f2 !important;
    width: 100% !important;
    height: 100% !important;
}

.notify-all {
    background-color: var(--fl-surface, #fff) !important;
    color: #0091ae;
}

.notification-list .notify-item .notify-icon img {
    margin-top: 0;
}

.horizontal-list .e-listbox-wrapper .e-list-item {
    display: inline-block;
    border: none;
    padding: 0 10px;
}

.notiMarkAsRead {
    color: #007bff; 
    border-color: #007bff;
}

.modal {
    text-align: center;
    padding: 0 !important;
    height: 100%;
}


.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px; /* Adjusts for spacing */
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    width: 100% !important;
}

@media screen and (max-width: 576px) {

    .modal-dialog {
        top: 5px !important;
        left: 0px !important;
        width: 75% !important;
    }
}

.imgIconHover {
    position: relative;
    display: inline-block;
}

    .imgIconHover:hover:after {
        content: '';
        position: absolute;
        left: 0px;
        top: 0px;
        bottom: 0px;
        width: 100%;
        background: url('/Content/images/mag.png') center no-repeat;
        background-size: 50px;
        cursor: pointer;
    }

    .imgIconHover:hover img {
        opacity: 0.7;
    }

.nav-user img {
    max-height: 36px;
    max-width: 36px;
    object-fit: cover;
}

.e-colorpicker-wrapper, .e-split-btn-wrapper, .e-split-colorpicker, .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color {
    width: 100%;
}

/* Color swatch: make the split button a positioning context, then pin the color strip to its bottom */
.e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
    position: relative !important;
}

.e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color {
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    z-index: 0 !important;
    border-radius: 3px 0 0 3px;
    background: none !important;
}

.e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview {
    width: 100% !important;
    height: 100% !important;
    border-radius: 3px 0 0 3px !important;
}

/* Keep the icon above the color fill */
.e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-btn-icon {
    position: relative !important;
    z-index: 1 !important;
}

/* Prevent the dropdown arrow button from going invisible on hover:
   the base .e-btn:hover sets color:#fff which hides the caret on a white background */
.e-colorpicker-wrapper .e-split-btn-wrapper .e-btn.e-icon-btn:hover {
    background-color: #e9ecef !important;
    color: #495057 !important;
}

/* File upload list items: flex row so icons appear to the right of the image */
.e-upload-file-list {
    display: flex !important;
    align-items: center !important;
}

.e-upload-file-list .wrapper {
    flex: 1;
    min-width: 0;
}

/* Override Syncfusion's absolute positioning on delete button so it flows in our flex row */
.e-upload-file-list .e-icons.e-file-delete-btn {
    position: static !important;
    top: auto !important;
    right: auto !important;
    margin-top: 0 !important;
}


.dropdown-lg {
    max-width: 600px;
    width: 600px;
}


.e-container .e-switch-ctrl-btn .e-nocolor + .e-ctrl-btn {
    width: 75%;
}

.e-container.e-color-picker .e-mode-switch-btn.e-nocolor,
.e-container.e-color-palette .e-mode-switch-btn.e-nocolor {
    background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTAgKDU0OTgzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExIiBmaWxsPSIjRTBFMEUwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weS0yIiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIzIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weSIgZmlsbD0iI0ZGRkZGRiIgeD0iMyIgeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExLUNvcHktMyIgZmlsbD0iI0UwRTBFMCIgeD0iMyIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
    margin-left: 10px;
}

.d-none-fields {
    visibility: hidden;
    position: fixed;
}

.no-rows {
    background-color: transparent !important;
    border-color: var(--fl-border, #d6d8db) !important;
    color: var(--fl-text-secondary, #6c757d);
    font-weight: bold;
    position: relative;
    padding: 30px;
    border: 1px solid transparent;
    border-radius: .25rem;
    text-align: center;
}

.card-tabs {
    border: 1px solid var(--fl-border, rgba(54,64,74,.08));
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    background-clip: padding-box;
    margin-bottom: 20px;
    background-color: var(--fl-surface, #fff);
}

.tab-content {
    padding: 20px;
    background-color: var(--fl-surface, #fff);
}

.table {
    background-color: var(--fl-surface, #fff);
}

.table-bordered {
    border: 1px solid var(--fl-border, #A9A9A9);
}
    .table .thead-light th {
        background-color: var(--fl-background, #DDDDDD);
    }
    .dt-paging .dt-paging-button, .dt-paging .ellipsis, div.dt-container div.dt-length select {
        background-color: var(--fl-surface, transparent);
        border-color: var(--fl-primary, #043960);
        color: var(--fl-primary, #043960);
    }

        .dt-paging .dt-paging-button:hover {
            background-color: var(--fl-primary, #043960);
            color: #fff;
        }


    input::placeholder {
        color: #cfcfcf !important;
    }

    .rate-select {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    select[readonly] option, select[readonly] optgroup {
        display: none;
    }

    /* Clearable text inputs */
    .clearable-input {
        position: relative;
        display: inline-block;
    }

        .clearable-input > input {
            padding-right: 1.4em;
        }

        .clearable-input > [data-clear-input] {
            position: absolute;
            top: 0;
            right: 0;
            font-weight: bold;
            font-size: 1.4em;
            padding: 0 0.2em;
            line-height: 1em;
            cursor: pointer;
        }

        .clearable-input > input::-ms-clear {
            display: none;
        }

    .addbottomspace {
        margin-bottom: 5px !important;
    }





/* RichTextEditor toolbar fixes - more specific selectors */
.e-richtexteditor .e-rte-toolbar .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn,
.e-richtexteditor .e-rte-toolbar .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn:focus,
.e-richtexteditor .e-rte-toolbar .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn,
.e-richtexteditor .e-rte-toolbar .e-toolbar .e-toolbar-items .e-toolbar-item .e-split-btn {
    color: #495057 !important;
    background-color: transparent !important;
}

    /* Hover state with navy blue background and white text/icons */
    .e-richtexteditor .e-rte-toolbar .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn:hover,
    .e-richtexteditor .e-rte-toolbar .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn:hover,
    .e-richtexteditor .e-rte-toolbar .e-toolbar .e-toolbar-items .e-toolbar-item .e-split-btn:hover {
        background-color: #043960 !important;
        color: #ffffff !important;
    }

        /* Force white icons on hover */
        .e-richtexteditor .e-rte-toolbar .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn:hover .e-icons,
        .e-richtexteditor .e-rte-toolbar .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn:hover .e-btn-icon,
        .e-richtexteditor .e-rte-toolbar .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn:hover .e-tbar-btn-text,
        .e-richtexteditor .e-rte-toolbar .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn:hover::before,
        .e-richtexteditor .e-rte-toolbar .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn:hover *,
        .e-richtexteditor .e-rte-toolbar .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn:hover .e-icons,
        .e-richtexteditor .e-rte-toolbar .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn:hover * {
            color: #ffffff !important;
            fill: #ffffff !important;
        }

    /* Active/pressed state */
    .e-richtexteditor .e-rte-toolbar .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-active,
    .e-richtexteditor .e-rte-toolbar .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn[aria-pressed="true"] {
        background-color: #032a42 !important; /* Slightly darker blue for active */
        color: #ffffff !important;
    }

    /* Fix icons in normal state */
    .e-richtexteditor .e-rte-toolbar .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-icons,
    .e-richtexteditor .e-rte-toolbar .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-btn-icon,
    .e-richtexteditor .e-rte-toolbar .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-tbar-btn-text {
        color: #495057 !important;
        opacity: 1 !important;
    }

/* Tooltip text fix */
.e-tooltip-wrap.e-popup.e-lib.e-tooltip,
.e-tooltip-wrap .e-tip-content {
    background-color: #333 !important;
    color: #fff !important;
}

/* Dropdown popup items */
.e-dropdown-popup .e-list-item,
.e-dropdown-popup .e-item {
    color: var(--fl-text-primary, #495057) !important;
    background-color: var(--fl-surface, #fff) !important;
}

    .e-dropdown-popup .e-list-item:hover,
    .e-dropdown-popup .e-item:hover,
    .e-dropdown-popup .e-list-item.e-hover,
    .e-dropdown-popup .e-item.e-hover {
        background-color: #043960 !important;
        color: #ffffff !important;
    }

/* Nuclear option for hover - target any nested element */
.e-richtexteditor .e-rte-toolbar button:hover,
.e-richtexteditor .e-rte-toolbar button:hover * {
    color: #ffffff !important;
}

.e-richtexteditor .e-rte-toolbar button:hover {
    background-color: #043960 !important;
}

/* Fix for font icons that use ::before pseudo-element */
.e-richtexteditor .e-rte-toolbar .e-tbar-btn:hover [class*="e-icon-"]::before,
.e-richtexteditor .e-rte-toolbar .e-tbar-btn:hover [class*="e-icons"]::before {
    color: #ffffff !important;
}

/* Override any inline styles for white elements */
.e-richtexteditor .e-rte-toolbar .e-tbar-btn:hover [style*="color"],
.e-richtexteditor .e-rte-toolbar button:hover [style*="color"] {
    color: #ffffff !important;
}




    .e-ddb-icons {
        font-family: 'e-ddb-icons';
        speak: none;
        font-size: 55px;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .e-add::before,
    .material .e-add::before,
    .bootstrap .e-add::before {
        content: "\e7f9";
    }

    .e-dropdown-popup ul {
        max-height: 300px;
        overflow-y: auto !important;
    }

    /* Disable Sort on Datatables where header has no-sort class*/
    .no-sort::before {
        display: none !important;
    }

    .no-sort::after {
        display: none !important;
    }

    .no-sort {
        pointer-events: none !important;
        cursor: default !important;
    }

    .e-listbox-wrapper .e-list-parent, .e-listbox-container .e-list-parent {
        padding-top: 20px;
    }

    .display-none {
        line-height: 1 !important;
    }

    #wrapper {
        overflow: visible !important;
    }

    #wrapper .content-page {
        overflow: visible !important;
    }

    .e-rte-toolbar-enabled {
        border:none !important;
        padding:0px !important;
    }
    .card {
        padding: 5px !important;
    }

.error {
    color: #ef5350;
    font-size: 12px;
    font-weight: 500;
}

.dt-button-down-arrow {
    font-size: 9px;
    line-height: 1.5rem;
    vertical-align: .255em;
    margin-left: .255em;
}

table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date {
    text-align: left !important;
}

table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date {
    padding-left: 25px;
}

/* Forces the sort icon in the datatable to remain on the right even for numerics */
table.dataTable thead th .dt-column-header {
    display: flex;
    flex-direction: row !important;
}

@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        --bs-modal-width: 90vw !important;
    }
}

.e-switch-wrapper, .e-css.e-switch-wrapper {

    height: 38px !important;
    width: 85px !important;
}

@font-face {
    font-family: "Material Design Icons";
    src: url('/Content/assets/fonts/materialdesignicons-webfont.woff2') format('woff2'), url('/Content/assets/fonts/materialdesignicons-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Fix pointer-events issue caused by Bootstrap or external style */
.e-treeview.e-fullrow-wrap .e-text-content {
    pointer-events: auto !important;
}

.e-treeview .e-list-item.e-active > .e-text-content .e-list-text {
    color: #212529 !important;
    font-weight: 500 !important;
}

.sortable-placeholder {
    flex: 0 0 auto;
    background-color: rgba(200, 200, 200, 0.3);
    border: 2px dashed #999;
    min-height: 350px;
    margin: 10px 0;
    border-radius: 6px;
    box-sizing: border-box;
    display: flex !important;
}


.dragging-item {
    opacity: 0.5;
    transform: scale(1.02);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}


.e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn, .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-item.e-active .e-tbar-btn {
    background: #6c757d !important;
}

.e-footer-content .e-btn.e-primary.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info) {
    color: #043960 !important;
}
.e-footer-content .e-btn.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info) {
    color: #043960 !important;
}

.filter-list .dt-buttons-wrapper{

    padding: 0 0 0 10px;
}

label.validation_error_message.error:empty {
    display: none !important;
}

.e-daterangepicker.e-popup .e-footer .e-btn.e-apply.e-flat.e-primary, .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary, 
 .e-daterangepicker.e-popup .e-footer .e-btn.e-flat, .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-flat {
    color: #000;
}

    .e-daterangepicker.e-popup .e-footer .e-btn.e-flat:hover, .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-flat:hover,
    .e-daterangepicker.e-popup .e-footer .e-btn.e-apply.e-flat.e-primary:hover, .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary:hover {
        background-color: #043960 !important;
        color: #ffffff !important;
    }

<style >
.newnoti {
    color: #039cfd !important;
}

/* Notification dropdown enhancements */
.notification-dropdown .noti-title {
    background-color: var(--fl-background, #f8f9fa);
    padding: 12px 15px;
    position: sticky;
    top: 0;
    z-index: 10;
}

.notification-dropdown #divNotifications {
    max-height: 350px;
    overflow-y: auto;
}

    .notification-dropdown #divNotifications::-webkit-scrollbar {
        width: 6px;
    }

    .notification-dropdown #divNotifications::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .notification-dropdown #divNotifications::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 3px;
    }

        .notification-dropdown #divNotifications::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

/* Button styling */
.notification-dropdown #btnMarkAllRead {
    font-size: 12px;
    padding: 4px 10px;
    line-height: 1.2;
}

    .notification-dropdown #btnMarkAllRead:hover {
        background-color: #0d6efd;
        color: white;
        border-color: #0d6efd;
    }

/* View All link enhancement */
.notification-dropdown .dropdown-item.text-center {
    font-weight: 500;
    transition: all 0.2s;
}

    .notification-dropdown .dropdown-item.text-center:hover {
        background-color: var(--fl-surface-hover, #f8f9fa);
        transform: translateX(3px);
    }

/* Empty state styling */
.notification-dropdown .text-muted {
    padding: 40px 20px;
    font-size: 14px;
}


#schedule_dialog_wrapper .e-btn.e-primary.e-flat {
    color: #ffffff !important;
}

/* ============================================
   DARK MODE - Syncfusion EJ2 Controls
   Targets date pickers, dropdowns, and inputs
   that remain white when data-bs-theme="dark"
   ============================================ */

[data-bs-theme="dark"] .e-input-group:not(.e-disabled),
[data-bs-theme="dark"] .e-control-wrapper:not(.e-disabled),
[data-bs-theme="dark"] .e-ddl.e-input-group,
[data-bs-theme="dark"] .e-date-wrapper,
[data-bs-theme="dark"] .e-datetime-wrapper,
[data-bs-theme="dark"] .e-datepicker-wrapper {
    background-color: var(--fl-dark-surface, #1e293b) !important;
    border-color: var(--fl-dark-border, #334155) !important;
}

[data-bs-theme="dark"] .e-input-group input.e-input,
[data-bs-theme="dark"] .e-control-wrapper input.e-input,
[data-bs-theme="dark"] .e-ddl .e-input,
[data-bs-theme="dark"] .e-datepicker .e-input,
[data-bs-theme="dark"] .e-datetimepicker .e-input,
[data-bs-theme="dark"] .e-daterangepicker .e-input,
[data-bs-theme="dark"] .e-numerictextbox,
[data-bs-theme="dark"] .form-control.e-input {
    background-color: var(--fl-dark-surface, #1e293b) !important;
    color: var(--fl-dark-text-primary, #e2e8f0) !important;
    border-color: var(--fl-dark-border, #334155) !important;
}

/* EJ2 input focus state */
[data-bs-theme="dark"] .e-input-group.e-input-focus,
[data-bs-theme="dark"] .e-control-wrapper.e-input-focus {
    border-color: var(--fl-accent, #0ea5e9) !important;
}

/* EJ2 dropdown icon/arrow buttons */
[data-bs-theme="dark"] .e-input-group .e-input-group-icon,
[data-bs-theme="dark"] .e-control-wrapper .e-input-group-icon,
[data-bs-theme="dark"] .e-ddl-icon,
[data-bs-theme="dark"] .e-date-icon,
[data-bs-theme="dark"] .e-time-icon,
[data-bs-theme="dark"] .e-range-icon {
    background-color: transparent !important;
    color: var(--fl-dark-text-secondary, #94a3b8) !important;
    border-color: var(--fl-dark-border, #334155) !important;
}

/* EJ2 dropdown popup */
[data-bs-theme="dark"] .e-popup.e-control,
[data-bs-theme="dark"] .e-dropdownbase .e-list-parent,
[data-bs-theme="dark"] .e-dropdown-popup,
[data-bs-theme="dark"] .e-ddl.e-popup,
[data-bs-theme="dark"] .e-datepicker.e-popup,
[data-bs-theme="dark"] .e-daterangepicker.e-popup {
    background-color: var(--fl-dark-surface, #1e293b) !important;
    border-color: var(--fl-dark-border, #334155) !important;
}

/* EJ2 dropdown list items */
[data-bs-theme="dark"] .e-dropdownbase .e-list-item,
[data-bs-theme="dark"] .e-list-item {
    background-color: var(--fl-dark-surface, #1e293b) !important;
    color: var(--fl-dark-text-primary, #e2e8f0) !important;
}

[data-bs-theme="dark"] .e-dropdownbase .e-list-item:hover,
[data-bs-theme="dark"] .e-dropdownbase .e-list-item.e-hover,
[data-bs-theme="dark"] .e-list-item:hover,
[data-bs-theme="dark"] .e-list-item.e-hover {
    background-color: var(--fl-dark-surface-hover, #334155) !important;
}

[data-bs-theme="dark"] .e-dropdownbase .e-list-item.e-active,
[data-bs-theme="dark"] .e-list-item.e-active {
    background-color: var(--fl-accent, #0ea5e9) !important;
    color: #ffffff !important;
}

/* EJ2 Calendar popup (for date pickers) */
[data-bs-theme="dark"] .e-calendar,
[data-bs-theme="dark"] .e-calendar .e-content,
[data-bs-theme="dark"] .e-calendar .e-header {
    background-color: var(--fl-dark-surface, #1e293b) !important;
    color: var(--fl-dark-text-primary, #e2e8f0) !important;
}

[data-bs-theme="dark"] .e-calendar .e-content td span.e-day,
[data-bs-theme="dark"] .e-calendar .e-header .e-title,
[data-bs-theme="dark"] .e-calendar .e-header span {
    color: var(--fl-dark-text-primary, #e2e8f0) !important;
}

[data-bs-theme="dark"] .e-calendar .e-content td:hover span.e-day {
    background-color: var(--fl-dark-surface-hover, #334155) !important;
}

[data-bs-theme="dark"] .e-calendar .e-content thead {
    background-color: var(--fl-dark-background, #0f172a) !important;
    color: var(--fl-dark-text-secondary, #94a3b8) !important;
}

/* EJ2 disabled inputs in dark mode */
[data-bs-theme="dark"] .e-input-group.e-disabled,
[data-bs-theme="dark"] .e-control-wrapper.e-disabled,
[data-bs-theme="dark"] .e-ddl.e-disabled {
    background-color: var(--fl-dark-surface-hover, #334155) !important;
    opacity: 0.7;
}

/* EJ2 multiselect chips */
[data-bs-theme="dark"] .e-multi-select-wrapper {
    background-color: var(--fl-dark-surface, #1e293b) !important;
}

[data-bs-theme="dark"] .e-multi-select-wrapper .e-chips {
    background-color: var(--fl-dark-surface-hover, #334155) !important;
    color: var(--fl-dark-text-primary, #e2e8f0) !important;
}

/* ============================================
   DARK MODE - Signature / Drawing Controls
   Keep canvas white for accurate drawings,
   style toolbar controls for dark mode
   ============================================ */

/* Keep signature/scratch pad canvas white */
[data-bs-theme="dark"] canvas[id^="canSign_"] {
    background-color: #ffffff !important;
    border-color: var(--fl-dark-border, #334155) !important;
}

/* Signature card container */
[data-bs-theme="dark"] div[id^="divSignBox_"] {
    background-color: transparent !important;
}

/* Line width preview lines - visible in dark mode */
[data-bs-theme="dark"] .line-preview {
    background-color: var(--fl-dark-text-primary, #e2e8f0) !important;
}

/* Signature toolbar dropdown hover */
[data-bs-theme="dark"] div[id^="ddlLine_"] .dropdown-menu .dropdown-item:hover {
    background-color: var(--fl-dark-surface-hover, #334155) !important;
}

/* Signature saved image container */
[data-bs-theme="dark"] div[id^="divSigImage_"] {
    background-color: #ffffff !important;
}

[data-bs-theme="dark"] div[id^="divSigImage_"] img {
    background-color: #ffffff;
}

/* ============================================
   DARK MODE - Readonly & Disabled Fields
   Ensures all readonly/disabled inputs get dark
   background regardless of inline styles or
   framework overrides
   ============================================ */

[data-bs-theme="dark"] .form-control:disabled,
[data-bs-theme="dark"] .form-control[readonly],
[data-bs-theme="dark"] input[readonly],
[data-bs-theme="dark"] textarea[readonly],
[data-bs-theme="dark"] select[disabled],
[data-bs-theme="dark"] select[readonly],
[data-bs-theme="dark"] .form-control-disabled,
[data-bs-theme="dark"] .form-control-disabled .form-control,
[data-bs-theme="dark"] .form-control-disabled .e-multi-select-wrapper,
[data-bs-theme="dark"] .form-control-disabled .e-input,
[data-bs-theme="dark"] .form-control-disabled.e-input-group,
[data-bs-theme="dark"] .form-control-disabled.e-control-wrapper,
[data-bs-theme="dark"] .e-input[readonly],
[data-bs-theme="dark"] .e-input[disabled],
[data-bs-theme="dark"] .e-control-wrapper input[readonly],
[data-bs-theme="dark"] .e-input-group input[readonly],
[data-bs-theme="dark"] .e-disabled .e-input,
[data-bs-theme="dark"] .e-float-input.e-disabled input {
    background-color: var(--fl-dark-surface-hover, #334155) !important;
    color: var(--fl-dark-text-muted, #94a3b8) !important;
    -webkit-text-fill-color: var(--fl-dark-text-muted, #94a3b8) !important;
    border-color: var(--fl-dark-border, #334155) !important;
}
@media (max-width: 767px) {
    .logo, .logo.logo-icon {
        display: none;
    }

    .navbar-custom {
        margin-left: 0 !important;
    }

    .dropdown-menu-lg {
        max-width: 350px;
        width: 350px;
    }

    .table > tbody > tr > td {
        border-top: 0;
    }

    .table > tbody > tr {
        border-top: 1px solid #f3f3f3;
    }

    .table-xs-auto-width > tbody > tr > td {
        width: 100%;
    }

    .dataTables_filter {
        position: absolute;
        right: 30px;
        width: 50%;
    }

    div.dataTables_wrapper div.dataTables_filter input[type=search] {
        width: 80%;
    }

    table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child {
        padding-left: 40px;
    }

    div.dt-buttons {
        min-height: 35px;
    }

    .filter-list div.dt-buttons {
        padding: 0 10px;
    }

    /* This is hiding all buttons in responsive mode */
    /*.dt-buttons .btn {
        display: none;
    }*/

    .dt-buttons .btn-primary {
        display: block;
        border-top-right-radius: .25rem !important;
        border-bottom-right-radius: .25rem !important;
    }
    
    table.dataTable i.ti-pencil {
        display: none;
    }

        table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
            left: 14px;
            background-color: #133B62;
        }

    div.dataTables_wrapper div.dataTables_info {
        display: block;
    }

    div.dataTables_wrapper div.dataTables_paginate {
        float: none;
        display: block;
    }

        div.dataTables_wrapper div.dataTables_paginate ul.pagination {
            justify-content: center;
        }

    .position-xs-absolute {
        position: absolute;
    }

    .row [class*="col-"] + [class*="col-"] {
        margin-top: 15px;
    }

    .navbar-custom .dropdown .dropdown-menu.notification-dropdown {
        transform: none !important;
        inset: 70px auto auto 10px !important;
    }

    .navbar-custom .dropdown .dropdown-menu.profile-dropdown {
        transform: none !important;
        inset: 70px 10px auto auto !important;
    }
}

@media (max-width: 480px) {

    .main-buttons .btn {
        width: 100%;
        display: block;
        margin-bottom: 10px;
        float: none;
        margin-left: 0;
    }

    div.dt-buttons {
        width: 100%;
        display: flex;
    }

    #btnClearFiltersWrapper {
        float: none !important;
    }

    #btnClearFilters {
        width: 100% !important;
    }

    #buttonWrapper .btn {
        width: 100%;
    }
}

@media (min-width: 480px) {


    .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .fc-toolbar-title {
        text-align: center;
    }

    .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:last-child .fc-button-group {
        float: right;
    }
}