/* Minification failed. Returning unminified contents.
(1266,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1343,1): run-time error CSS1019: Unexpected token, found '<'
 */
body {
    background: #f5f5f5;
    margin: 0;
    color: #4c5667;
    overflow-x: hidden !important;
}

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

    a:hover {
        color: #133B62;
    }

.page-title {
    line-height: 1.3rem;
    font-weight: bold;
}

.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;
}

.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: #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: #eee !important;
    border-color: #ccc;
    color: #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;
}

.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: #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: #FFFFFF;
}

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

.table .thead-light th {
    color: #495057 !important;
    background-color: #e9ecef !important;
    border-color: #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: #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;
    }

    .card-header h5:after {
        /* symbol for "opening" panels */
        font-family: 'FontAwesome';
        content: "\f068";
        float: right;
        color: inherit;
    }

    .card-header.collapsed h5:after {
        /* symbol for "collapsed" panels */
        content: "\f067";
    }

.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: #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: #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: #6c757d;
    background-color: #fff;
    border-color: #dee2e6;
    line-height: 1.25;
    border: 1px solid #dee2e6;
}

    .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: #e4e7ea;
}

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


.table > tbody > tr > td {
    color: #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: 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: #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%;
}


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

.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: #d6d8db !important;
    color: #6c757d;
    font-weight: bold;
    position: relative;
    padding: 30px;
    border: 1px solid transparent;
    border-radius: .25rem;
    text-align: center;
}

.card-tabs {
    border: 1px solid 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: #fff;
}

.tab-content {
    padding: 20px;
}

.table {
    background-color: #fff;
}

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

        .dt-paging .dt-paging-button:hover {
            background-color: #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;
    }



    .tabwide1 {
        display: none;
    }

    .tabexpanded {
        display: none;
    }

/* 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: #495057 !important;
    background-color: #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;
}




@media only screen and (max-width: 1790px) {
    .tabnorm1 {
            display: none;
        }

        .tabwide1 {
            display: inherit;
        }

        .tabexpanded {
            display: inherit;
        }
    }

    .tabwide2 {
        display: none;
    }


    @media only screen and (max-width: 1612px) {
        .tabnorm2 {
            display: none;
        }

        .tabwide2 {
            display: inherit;
        }
    }

    .tabwide3 {
        display: none;
    }


    @media only screen and (max-width: 1512px) {
        .tabnorm3 {
            display: none;
        }

        .tabwide3 {
            display: inherit;
        }
    }

    .tabwide4 {
        display: none;
    }


    @media only screen and (max-width: 1402px) {
        .tabnorm4 {
            display: none;
        }

        .tabwide4 {
            display: inherit;
        }
    }

    .tabwide5 {
        display: none;
    }


    @media only screen and (max-width: 1220px) {
        .tabnorm5 {
            display: none;
        }

        .tabwide5 {
            display: inherit;
        }
    }

    .tabwide6 {
        display: none;
    }


    @media only screen and (max-width: 1090px) {
        .tabnorm6 {
            display: none;
        }

        .tabwide6 {
            display: inherit;
        }
    }

    .tabwide7 {
        display: none;
    }


    @media only screen and (max-width: 700px) {
        .tabnorm7 {
            display: none;
        }

        .tabwide7 {
            display: inherit;
        }
    }

    .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 {
        height: 300px;
        overflow-y: scroll !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: #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: #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;
}
@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;
    }
}