@media (max-width: 767.9px) {

    @media (prefers-color-scheme: dark) {
        .btn-toolbar .toolbar-more .dropdown-menu button:hover {
            background-color: #333;
        }

        .message-center-mobile .favorites-placeholder{
            border-bottom: 1px solid #333;
            border-right: none !important;
        }
    }

}

@media (max-width: 575.9px) {

    @media (prefers-color-scheme: dark) {

        .inner-nav-panel .toolbar-more .dropdown-menu .list-group-item {
            color: #fff;
        }

        .inner-nav-panel .toolbar-more .dropdown-menu .list-group-item:hover {
            background-color: #333;
        }

        .inner-nav-panel .toolbar-more .dropdown-menu .list-group-item.active{
            background-color: #278FCF;
        }

        .inner-nav-panel .toolbar-more .dropdown-menu .active a{
            color: #fff;
        }

        .inner-nav-panel .toolbar-more .dropdown-menu a{
            color: #fff;
        }

        .widget-inverse .widget{
            border-top: 1px solid #444;
        }
    }
}

@media (max-width: 1199.9px) {

    @media (prefers-color-scheme: dark) {

        .inner-nav-panel.facets{
            background-color: #1C1B1D;
        }
    }
}

@media (prefers-color-scheme: dark) {
    body {
        color: #fff;
        background-color: #000;
    }

    .text-body{
        color: #fff !important;
    }

    a {
        color: #42A8E6;
    }

    a:hover {
        color: #75CBFF;
    }

    hr, .dropdown-divider{
        border-top: 1px solid rgba(255,255,255,.1);
    }

    select option {
        background-color: #1C1B1D;
    }

    .modal-content{
        background-color: #1C1B1D;
    }

    .modal-header {
        border-bottom: 1px solid rgba(255,255,255,.2);
    }

    .modal-footer {
        border-top: 1px solid rgba(255,255,255,.2);
    }

    .content-placeholder, .widget {
        background-color: #1C1B1D;
    }

    .navpanel.panel-light > .panel-item a{
        color: #fff;
    }

    .navpanel.panel-light > .panel-item i{
        color: #fff;
    }

    .navpanel.panel-light > .panel-item:hover{
        background-color: #333;
    }

    .navpanel.panel-light{
        background-color:#1C1B1D;
    }

    .navbar-light{
        background-color: #1C1B1D;
    }

    .logo{
        background-image: url('assets/brand/logo-dark.png');
    }

    .navbar-light .navbar-toggler {
        filter: contrast(0) sepia(1) hue-rotate(0) saturate(0) brightness(1);
        border-color: rgba(255,255,255,.1);
    }

    .page-header {
        background-color: #1C1B1D;
    }

    .table-toolbar {
        background-color: #1C1B1D;
    }

    .dropdown-menu {
        color: #fff;
        background-color: #444;
        border: 1px solid rgba(255,255,255,.15);
    }

    .p-column-filter-overlay {
        color: #fff;
        background-color: #444;
        border: 1px solid rgba(255,255,255,.15);
    }

    .p-dropdown {
        background: #1C1B1D;
        border: 1px solid #333;
    }

    .p-dropdown-panel {
        background: #444;
        color: #fff;
        border: 1px solid rgba(255,255,255,.15);
    }

    .dropdown-panel .p-dropdown-items .p-dropdown-item {
        color: #fff;
    }

    .p-dropdown:not(.p-disabled):hover {
        border-color: #666;
    }

    .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
        color: #fff;
        background: #333;
    }

    .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
        color: #fff;
    }

    .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
        color: #fff;
        background-color: #333;
    }

    .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
        border: none;
        border-top: 1px solid rgba(255,255,255,.15)
    }

    .form-control {
        color: #fff;
        background-color: #1C1B1D;
        border: 1px solid #333;
    }

    select.form-control, .form-control.dropdown {
        background: #1C1B1D url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
    }


    .daterangepicker select.ampmselect, .daterangepicker select.minuteselect, .daterangepicker select.hourselect, .daterangepicker select.monthselect, .daterangepicker select.yearselect {
        color: #fff;
        background-color: #1C1B1D;
        border: 1px solid #333;
    }

    .ng-select .ng-select-container, .ng-select.ng-select-opened>.ng-select-container {
        color: #fff;
        background-color: #1C1B1D;
        border: 1px solid #333;
    }

    .ng-select .ng-select-container .ng-value-container .ng-input>input {
      color: white;
      background-color: #1C1B1D;
      border: 1px solid #333;
    }

    .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected, .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked {
        color: #fff;
        background-color: #278FCF;
    }

    .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
        color: #fff;
        background-color: #444;
    }

    .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
        background-color: #fff;
        color: #fff;
        background-color: #333;
    }

    .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
        color: #fff;
        background-color: #333;
    }

    .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
        border-right: 1px solid #444;
    }

    #sign-form p select, #sign-form p input {
        color: #fff!important;
        background-color: #1C1B1D!important;
    }

    .ng-dropdown-panel {
        background-color: #333;
        border: 1px solid #444;
    }

    .ng-dropdown-panel.ng-select-bottom {
        border-top-color: #444;
    }

    .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input {
        color: #fff;
    }

    .p-inputtext {
        color: #fff;
        background: #1C1B1D;
        border: 1px solid #333;
    }

    .form-control:focus {
        color: #fff;
        background-color: #1C1B1D;
        border: 1px solid #333;
    }

    .btn-outline-secondary.btn-link{
        color: #278FCF;

    }

    .btn-outline-secondary:hover, .btn-outline-secondary:active {
        background-color: #1C1B1D;
        border-color: #333;
    }

    .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle {
        background-color: #1C1B1D;
        border-color: #333;
    }

    .p-inputtext:enabled:hover {
        border-color: #666;
    }

    last-child, .p-datatable .p-datatable-tbody>tr>td.more-actions {
        background:#1C1B1D;
    }

    .p-datatable .p-datatable-tbody>tr {
        background: #1C1B1D;
        color: #fff;
    }

    .p-datatable .p-datatable-tbody>tr>td {
        border-top: 1px solid #333;
    }

    .p-datatable .p-datatable-thead>tr>th {
        background-color: #1C1B1D;
        color: #fff;
    }

    .p-datatable .p-datatable-thead>tr>th {
        border-bottom: none !important;
    }

    .p-datatable .p-datatable-thead>tr>th:last-child {
        background: linear-gradient(0.25turn, rgba(28,27,29,0), #1C1B1D);
    }

    .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
        color: #fff;
    }

    .p-datatable .p-datatable-thead>tr {
        background: #1C1B1D;
    }

    .p-datatable .p-datatable-tbody>tr>td.more-actions {
        border-left: 1px solid #333;
    }

    .p-paginator {
        background: #1C1B1D;
    }

    .p-paginator .p-paginator-current, .p-paginator .p-paginator-pages .p-paginator-page {
        background-color: #1C1B1D;
    }

    .content-placeholder .table-bordered td.more-actions {
        background:#1C1B1D;
    }

    .content-placeholder .table-bordered tr {
        background: #1C1B1D;
        color: #fff;
    }

    .content-placeholder .table-bordered tr td {
        border-top: 1px solid #333;
    }

    .content-placeholder .table-bordered tr th {
        background-color: #1C1B1D;
        color: #fff;
    }

    .content-placeholder .table-bordered tr th {
        border-bottom: none !important;
    }

    .table-bordered, .table-bordered td, .table-bordered th {
        border: 1px solid #333;
    }

    table.table-spaced tr th {
        color: #6c757d;
    }

    .content-placeholder .table-bordered td, .content-placeholder .table-bordered th {
        border: 1px solid #333;
    }

    .border-bottom {
        border-bottom: 1px solid #333!important;
    }

    .border-top {
        border-top: 1px solid #333!important;
    }

    .p-datatable .p-paginator-bottom, .p-datatable .p-paginator-top {
        border-top: 1px solid #333;
    }

    .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody>tr:not(.p-highlight):hover {
        background: #333;
        color: #fff;
    }

    .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody>tr:not(.p-highlight):hover td{
        background: #333;
        color: #fff;
    }

    .dropdown-item{
        color:#fff;
    }

    .dropdown-item:hover {
        background:#333;
        color:#fff;
    }

    .p-paginator .p-paginator-first, .p-paginator .p-paginator-last, .p-paginator .p-paginator-next, .p-paginator .p-paginator-prev {
        border: 1px solid #333;
        background-color: #1C1B1D;
    }

    .p-datatable .p-sortable-column:not(.p-highlight):hover {
        background: #333;
        color: #fff;
    }

    .p-datatable .p-sortable-column.p-highlight:hover {
        background: #333;
    }

    .actions-list .p-datatable .p-datatable-tbody>tr>td.more-actions {
        border-left: 1px solid #333;
        background: #1c1b1d;
    }

    .actions-list .p-datatable .p-datatable-thead>tr>th:last-child {
        background: linear-gradient(0.25turn, rgba(28,27,29,0), #1C1B1D);
    }

    .p-datatable .p-sortable-column.p-highlight {
        background: #333;
        color: #278fcf;
    }

    .widget-danger {
        color: #f8d7da;
        background-color: #721c24;
        border: 1px solid #721c24;
    }

    .widget-success {
        color: #eff9d7;
        background-color: #1d711c;
        border: 1px solid #1d711c;
    }

    .widget-emergency{
        color: #000;
        background-color: #fff;
    }

    .widget .bi-exclamation-octagon-fill{
        color: #fff;
    }

    .widget.widget-emergency .bi-exclamation-octagon-fill{
        color: #000;
    }

    .table td, .table th {
        border-top: 1px solid #444;
    }

    .widget .table td{
        font-size: 1rem;
        color: #999;
    }

    .inner-nav-panel {
        background-color: #2c2a2e;
    }

    .inner-nav .list-group-item a:hover{
        color: #fff;
        background-color: #444;
    }

    .inner-menu .list-group-item a:hover{
        color: #fff;
        background-color: #333;
    }

    .inner-nav .list-group-item.active a:hover, .inner-menu .list-group-item.active a:hover{
        background-color: #278FCF;
    }

    .background-f8 {
        background-color: #2c2a2e;
    }

    .background-de{
        background-color: #4f4952;
    }

    .background-ef {
        background-color: #323232;
    }

    .input-group-text {
        background-color: #2c2a2e;
        border: 1px solid #333;
        color: #fff;
    }

    .widget.widget-inverse{
        background-color: #2c2a2e;
    }

    .form-control:disabled, .form-control[readonly] {
        background-color: inherit;
        opacity: 0.75;
    }

    .fader-right:after {
        background-image: linear-gradient(to right,
                        rgba(28, 27, 29, 0),
                        rgba(28, 27, 29, 1) 90%);
    }

    .fader-left:before {
        background-image: linear-gradient(to left,
                        rgba(28, 27, 29, 0),
                        rgba(28, 27, 29, 1) 90%);
    }

    .list-group-item {
        background-color: #2c2a2e;
        border: 1px solid rgba(255,255,255,.125);
    }

    .list-group-item-action {
        color: #fff;
    }

    .list-group-item-action:focus, .list-group-item-action:hover {
        color: #fff;
        background-color: #201F22;
    }

    .list-group-item-action:active {
        color: #fff;
        background-color: #201F22;
    }

    .bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
        border-bottom-color: rgba(70,70,70,0.6);
    }

    .bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
        border-left-color: rgba(70,70,70,0.6);
    }

    .tooltip-inner {
        background-color: rgba(70,70,70,0.6);
    }

    .widget-inverse .widget{
        background-color: #3a373c;
    }

    .alert-warning {
        color: #fff3cd;
        background-color: #533f03;
        border-color: #856404;
    }

    .alert-primary{
        color: #bcd5f0;
        background-color: #234262;
        border-color: #355b83;
    }

    .alert-warning .alert-link {
        color: #daa60e;
    }

    .alert-success {
        color: #d4edda;
        background-color: #155724;
        border-color: #397f49;
    }

    .alert-success .alert-link {
        color: #4cb364;
    }

    .alert-info {
        color: #fff;
        background-color: #17a2b8;
        border-color: #107180;
    }

    .alert-info .alert-link {
        color: #fff;
    }

    .popover{
        background-color: #454248;
        border-color: #4F4B52;
        color: #fff;
    }

    .popover .popover-body{
        color: #fff;
    }

    .border {
        border: 1px solid #4F4B52!important;
    }

    .btn-light {
        color: #fff;
        background-color: #454248;
        border-color: #454248;
    }

    .btn-light:hover {
        color: #fff;
        background-color: #504d53;
        border-color: #504d53;
    }

    .btn-light.focus, .btn-light:focus {
        color: #fff;
        background-color: #504d53;
        border-color: #504d53;
        box-shadow: 0 0 0 .2rem rgba(216,217,219,.5);
    }

    .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {
        color: #fff;
        background-color: #504d53;
        border-color: #504d53;
    }

    .segmented-control {
        border: 1px solid rgba(255,255,255,0.15);
        box-shadow: inset 0 1px 1px rgba(255,255,255,0.15);
        display: flex;
    }

    .segmented-control .btn::after {
        border-right: 1px solid rgba(255,255,255,0.25);
        color:#fff;
    }

    .segmented-control .btn-link {
        color: #9DA3A9;
    }

    .segmented-control .btn-link:hover {
        background-color: rgba(255,255,255,0.1);
        color: #ddd;
    }

    .segmented-control .btn-primary {
        background-color: #9DA3A9;
        border-color: #9DA3A9;
        color: #454248;
    }

    .bs-popover-auto[x-placement^=top]>.arrow::after, .bs-popover-top>.arrow::after {
        border-top-color: #454248;
    }

    .bs-popover-auto[x-placement^=bottom]>.arrow::after, .bs-popover-bottom>.arrow::after {
        border-bottom-color: #454248;
    }

    .bs-popover-auto[x-placement^=left]>.arrow::after, .bs-popover-left>.arrow::after {
        border-left-color: #454248;
    }

    .bs-popover-auto[x-placement^=right]>.arrow::after, .bs-popover-right>.arrow::after {
        border-right-color: #454248;
    }

    .message-center-contacts, .message-call-window, .message-call-notification > div {
        background-color: rgba(80,80,80,0.70);
    }

    .message-center-mobile{
        background-color: #000;
    }

    .noUi-target{
        background: #666;
        border: 1px solid #333;
        box-shadow: 0 3px 6px -5px #000;
    }

    .noUi-handle {
        border: 1px solid #999;
        box-shadow: 0 3px 6px -3px #000;
    }

    .message-center-mobile .favorites-placeholder{
        background-color: rgba(0,0,0,0.7);
        border-right: 1px solid #333;
    }

    .reply-placeholder{
        background-color: rgba(0,0,0,0.7);
    }

    p.from-me::after {
        background-color: #000;
    }

    p.from-them::after {
        background-color: #000;
    }

    p.from-them{
        background-color: #9DA3A9;
    }

    p.from-them:before {
        border-left: 1rem solid #9DA3A9;
    }

    .imessage.dark p.from-me::after {
        background-color: #403E40;
    }

    .imessage.dark p.from-them::after {
        background-color: #403E40;
    }

    p.important-message-mobile{
        background-color: #dc3545;
    }

    p.important-message-mobile::before{
        border-left: 1rem solid  #dc3545;
    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        color: #fff;
        background-color: #278FCF !important;
        border-color: #278FCF #278FCF #494949;
    }

    .nav-tabs {
        border-bottom: 1px solid #494949;
    }

    .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
        border-color: transparent;
        background-color: rgba(66,168,230,0.2);
    }

    .accordion .card {
        background-color: #1C1B1D;
        border: 1px solid #494949;
    }

    @supports (-webkit-backdrop-filter: blur(20px)) {
        .navpanel.panel-light{
            background-color: rgba(40,40,40,0.6);
            -webkit-backdrop-filter: blur(20px);
        }

        .navbar-light{
            background-color: rgba(40,40,40,0.6);
            -webkit-backdrop-filter: blur(20px);
            border-bottom: 3px solid #278FCF;
        }

        .navpanel {
            background-color: rgba(40,40,40,0.6);
            -webkit-backdrop-filter: blur(20px);
        }
    }

    @supports (backdrop-filter: blur(20px)) {
        .navpanel.panel-light{
            background-color: rgba(40,40,40,0.6);
            backdrop-filter: blur(20px);
        }

        .navbar-light{
            background-color: rgba(40,40,40,0.6);
            backdrop-filter: blur(20px);
            border-bottom: 3px solid #278FCF;
        }

        .navpanel {
            background-color: rgba(40,40,40,0.6);
            backdrop-filter: blur(20px);
        }
    }

    .widget .table td, .table-slim.table td{
        font-size: 1rem;
        color: #fff;
    }

    a.staff-link {
      color: #42A8E6 !important;
    }

    a.staff-link:hover {
      color: #75CBFF !important;
      cursor: pointer !important;
    }

    .card-view .card-view-card {
        filter: brightness(60%);
      }  

      .card-view .card-view-card:last-child {
        filter: brightness(40%);
      }  

      .card-view .card-view-card:first-child {
        filter: brightness(100%);
      }  

      .card-view .card-view-card:nth-child(2) {
        filter: brightness(60%);
      } 
      
      .card-view.expanded .card-view-card {
        filter: brightness(100%);
      }  

      .card-view.expanded .card-view-card:last-child {
        filter: brightness(100%);
      }  

      .card-view.expanded .card-view-card:first-child {
        filter: brightness(100%);
      }  

      .card-view.expanded .card-view-card:nth-child(2) {
        filter: brightness(100%);
      }  

    .alert-danger.widget-danger .alert-link{
        color: #fff;
    }
}