body.dark-mode .test-banner {
    background-color: #9B261D !important;
}

/* Topbar */
body.dark-mode .advantage-topbar .dark-mode-btn i {
    color: #ADADAD;
}

body.dark-mode .advantage-topbar .ui-overlaypanel {
    background-color: #234C5A;
}

body.dark-mode .advantage-topbar {
    background-color: #121212;
}

body.dark-mode .advantage-topbar .dark-mode-btn i:hover {
    color: #D7D6D6;
}

/* Date Selector */
body.dark-mode .date-selector .date-header {
    background-color: #2F343B;
    border: 1px solid #2F343B;
}

body.dark-mode .date-selector .left-arrow,
body.dark-mode .date-selector .right-arrow {
    background-color: #2F343B;
    color: #CED4DA;
}

body.dark-mode .date-selector .left-arrow:hover,
body.dark-mode .date-selector .right-arrow:hover {
    background-color: #535659;
    color: #CED4DA;
}

/* Chat Messages */
body.dark-mode .layout-dashboard .live-support .chat-message {
    background-color: #2F343B !important;
}

body.dark-mode .layout-dashboard .live-support .message-from .chat-message:before {
    border-right-color: #2F343B !important;
}

body.dark-mode .layout-dashboard .live-support .message-to .chat-message:before,
body.dark-mode .layout-dashboard .live-support .message-to .chat-message:after {
    border-left-color: #2F343B !important;
}

body.dark-mode .well .layout-dashboard .live-support .chat-message {
    background-color: #2D2D2D !important;
}

body.dark-mode .well .layout-dashboard .live-support .message-from .chat-message:before {
    border-right-color: #2D2D2D !important;
}

body.dark-mode .well .layout-dashboard .live-support .message-to .chat-message:before,
body.dark-mode .well .layout-dashboard .live-support .message-to .chat-message:after {
    border-left-color: #2D2D2D !important;
}

/* Badges */
body.dark-mode .badge-warning {
    background-color: #F79703;
}

body.dark-mode .badge-danger {
    background-color: #D91000;
}

body.dark-mode .badge-primary {
    background-color: #49ADED;
}

body.dark-mode .badge-success {
    background-color: #03DAC6;
}

/* Cards */
body.dark-mode .card-bordered.card-success {
    border-color: #03DAC6;
}

body.dark-mode .card-bordered.card-primary {
    border-color: #49ADED;
}

body.dark-mode .card-bordered.card-danger {
    border-color: #D91000;
}

body.dark-mode .card-bordered.card-warning {
    border-color: #F79703;
}

body.dark-mode .warning {
    color: #F79703;
}

/* Dashboard Filter Group Toggle */
body.dark-mode .filter-operator-toggle .filter-operator-button {
    border: 1px solid #03DAC6;
}

body.dark-mode .filter-operator-toggle .filter-operator-button:hover {
    background-color: #03DAC6;
    color: #00221F;
    cursor: pointer;
}

/* Scheduler */
body.dark-mode .schedulable-worksheet-panel {
    background-color: #212529;
    border: none;
}

body.dark-mode .schedulable-worksheet-panel .schedulable-worksheet-item,
body.dark-mode .schedulable-worksheet-panel .schedulable-worksheet-item.not-draggable {
    background-color: #212529;
    color: #CED4DA;

}

body.dark-mode .b-stripe .b-timeline-subgrid .b-grid-row.b-selected.b-odd,
body.dark-mode .b-stripe .b-timeline-subgrid .b-grid-row.b-odd,
body.dark-mode .b-gridbase.b-stripe .b-timeline-subgrid .b-grid-row.b-selected.b-odd,
body.dark-mode .b-gridbase.b-stripe .b-timeline-subgrid .b-grid-row.b-odd,
body.dark-mode .b-stripe .b-grid-row.b-odd,
body.dark-mode .b-stripe .b-timeline-subgrid .b-grid-row.b-selected.b-odd .b-grid-cell,
body.dark-mode .b-stripe .b-timeline-subgrid .b-grid-row.b-odd .b-grid-cell,
body.dark-mode .b-gridbase.b-stripe .b-timeline-subgrid .b-grid-row.b-selected.b-odd .b-grid-cell,
body.dark-mode .b-gridbase.b-stripe .b-timeline-subgrid .b-grid-row.b-odd .b-grid-cell,
body.dark-mode .b-stripe .b-grid-row.b-odd .b-grid-cell {
    background-color: #3A3A3F;
}

/* Multi Autocomplete */
body.dark-mode .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token {
    background-color: #03DAC6;
    border: 1px solid #03DAC6;
    color: #00221F;
    font-weight: normal;
}

body.dark-mode .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token {
    background-color: #03DAC6;
    border: 1px solid #03DAC6;
    color: #00221F;
    font-weight: normal;
}

body.dark-mode .dashboard-card {
    background-color: #212529;
}

/* Business */
body.dark-mode .business-item {
    background-color: #2F343B;
    border-bottom: 6px solid #2F343B;
}

body.dark-mode .business-item.selected {
    border-bottom-color: #00C5B2;
}

body.dark-mode .business-item:hover {
    background-color: #585858;
    border-bottom-color: #585858;
}

body.dark-mode .business-item.selected:hover {
    background-color: #585858;
    border-bottom-color: #00C5B2;
}

/* Body */
body.dark-mode {
    background-color: #1A1D21;
    color: #CED4DA;
}

body.dark-mode .red {
    color: #FF1704;
}

body.dark-mode a {
    color: #03DAC6;
}

body.dark-mode a:hover {
    color: #00C5B2;
}

body.dark-mode *::placeholder {
    color: #767676 !important;
}

/* Menu */
body.dark-mode .layout-wrapper.layout-menu-light .layout-menu-container .layout-menu li a:hover {
    background-color: #525252;
}

body.dark-mode .layout-wrapper .layout-topbar .topbar-menu > li > ul {
    background-color: #212529;
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 50%);
}

body.dark-mode .layout-wrapper .layout-topbar .topbar-menu > li > ul a {
    color: #CED4DA;
}

body.dark-mode .layout-wrapper .layout-topbar .topbar-menu > li > ul a:hover {
    background-color: #525252;
}

body.dark-mode .ui-menu {
    background-color: #272B30;
    color: #CED4DA;
}

body.dark-mode .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link,
body.dark-mode .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon,
body.dark-mode .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text {
    background-color: #272B30;
    color: #9DA1B3;
}

body.dark-mode .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover,
body.dark-mode .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon,
body.dark-mode .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text {
    background-color: #272B30;
    color: #FFF;
}

body.dark-mode .layout-wrapper.layout-menu-light .layout-menu-container .layout-menu li a .layout-submenu-toggler {
    color: #ADADAD;
}

body.dark-mode .layout-menu .Separator {
    border-top: 1px solid #9DA1B3;
}

/* Topbar */
body.dark-mode .advantage-topbar {
    color: #CED4DA;
}

body.dark-mode .advantage-topbar .quick-link-button,
body.dark-mode .advantage-topbar .quick-link-button:hover {
    background-color: #FFFFFF1A;
    color: #CED4DA;
}

/* Header */
body.dark-mode .layout-wrapper.layout-topbar-bluegrey .layout-topbar {
    background-color: #234C5A;
}

body.dark-mode .layout-wrapper.layout-menu-light .layout-menu-container {
    background-color: #272B30;
    border-bottom: none;
}

body.dark-mode .layout-wrapper.layout-menu-light .layout-menu-container .layout-menu li a .layout-menuitem-text,
body.dark-mode .layout-wrapper.layout-menu-light .layout-menu-container .layout-menu li a .layout-menuitem-icon,
body.dark-mode .layout-wrapper.layout-menu-light .layout-menu-container .layout-menu li a .fa-fw {
    color: #9DA1B3;
}

body.dark-mode .layout-wrapper.layout-menu-light .layout-menu-container .layout-menu li.active-menuitem > a,
body.dark-mode .layout-wrapper.layout-menu-light .layout-menu-container .layout-menu li.active-menuitem > a .layout-menuitem-text,
body.dark-mode .layout-wrapper.layout-menu-light .layout-menu-container .layout-menu li.active-menuitem > a .layout-menuitem-icon,
body.dark-mode .layout-wrapper.layout-menu-light .layout-menu-container .layout-menu li.active-menuitem > a .layout-submenu-toggler,
body.dark-mode .layout-wrapper.layout-menu-light .layout-menu-container .layout-menu li a:hover,
body.dark-mode .layout-wrapper.layout-menu-light .layout-menu-container .layout-menu li a:hover .layout-menuitem-text,
body.dark-mode .layout-wrapper.layout-menu-light .layout-menu-container .layout-menu li a:hover .layout-menuitem-icon,
body.dark-mode .layout-wrapper.layout-menu-light .layout-menu-container .layout-menu li a:hover .fa-fw {
    background-color: #272B30;
    color: #FFF;
}

body.dark-mode .layout-wrapper.layout-horizontal .layout-menu-container .layout-menu > li.active-menuitem > ul {
    border-top: 4px solid #03DAC6;
}

body.dark-mode .layout-wrapper.layout-menu-light .layout-menu-container .layout-menu ul {
    background-color: #272B30;
}

/* Footer */
body.dark-mode .layout-footer {
    background-color: #272B30;
    border-top: none;
}

/* Media */
body.dark-mode .media-body {
    color: #ADADAD;
}

body.dark-mode .media-left {
    color: #CED4DA;
}

/* Customer Portal */
body.dark-mode .customer-portal-widget {
    background: #282B2E;
    border: none;
    color: #CED4DA;
}

body.dark-mode .customer-portal-widget:hover {
    background: #3F4041;
}

/* OmniSearch */
body.dark-mode .omni-searchbar input.form-control.omni-searchbox {
    background-color: #2F343B;
    border: 2px solid #2F343B;
    color: #CED4DA;
}

body.dark-mode .omni-searchbar input.form-control.omni-searchbox:hover {
    background-color: #2F343B;
    border: 2px solid #2F343B;
}

body.dark-mode .omni-searchbar input.form-control.omni-searchbox:focus {
    background-color: #2F343B;
    border: 2px solid #2F343B !important;
    outline: none;
}

body.dark-mode .omni-searchbar i.omni-search-icon {
    color: #CED4DA;
}

body.dark-mode .omni-searchbar i.omni-cancel-icon {
    color: #CED4DA;
}

body.dark-mode .omni-searchbar i.omni-cancel-icon:hover {
    color: #FF1704;
}

body.dark-mode .omni-searchbar i.omni-search-button {
    background-color: #2F343B;
    color: #CED4DA;
}

body.dark-mode .omni-searchbar i.omni-search-icon-button {
    background-color: #2F343B;
    border: 5px solid #212529;
    color: #CED4DA;
    left: -2px;
    top: -4px;
}

body.dark-mode .omni-searchbar i.omni-search-icon-button:hover {
    background-color: #535659;
}

/* Trees */
body.dark-mode .ui-fluid .ui-tree {
    background: #212529;
    border: none;
    color: #ADADAD;
}

body.dark-mode .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight {
    background: #00C5B2;
    color: #00221F;
}

body.dark-mode .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover {
    color: #252529;
}

/* Tree Tables */
body.dark-mode .ui-treetable thead > tr {
    border: none;
}

body.dark-mode .ui-treetable thead th {
    background-color: #282B2E;
    color: #CED4DA;
    padding: 0.75em 1.214em;
}

body.dark-mode .ui-treetable .ui-treetable-data > tr {
    background: #212529;
    border-left: 10px solid #212529;
    border-right: none;
    color: #ADADAD;
}

body.dark-mode .ui-treetable .ui-treetable-data > tr.ui-state-hover {
    background: #2F343B;
    border-left: 10px solid #2F343B;
}

body.dark-mode .ui-treetable .ui-treetable-data > tr.ui-state-highlight {
    background: #2F343B;
    border-left: 10px solid #03DAC6;
}

body.dark-mode .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-check {
    color: #CED4DA;
}

/* Tabs */
body.dark-mode .ui-tabs .ui-tabs-nav .ui-tabs-header {
    margin-right: 3px;
}

body.dark-mode .ui-panel .ui-panel-footer, body.dark-mode .ui-panel .ui-panel-content,
body.dark-mode .ui-tabs .ui-tabs-panels, body.dark-mode .ui-dialog .ui-dialog-content {
    border: none;
    color: #ADADAD;
}

body.dark-mode div.ui-tabs-panels {
    background-color: #212529;
}

body.dark-mode .ui-tabs .ui-tabs-nav .ui-tabs-header {
    background-color: #212529;
    border-bottom: 4px solid #212529;
    color: #CED4DA;
}

body.dark-mode .ui-tabs.false-tabs .ui-tabs-panels .ui-tabs-panel {
    padding: 0px;
}

body.dark-mode .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header:hover {
    border-bottom: 4px solid #535659;
}

body.dark-mode .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header.ui-state-active,
body.dark-mode .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header.ui-state-active:hover {
    border-bottom: 4px solid #03DAC6;
}

body.dark-mode .ui-tabs .ui-tabs-nav .ui-tabs-header,
body.dark-mode .ui-tabs .ui-tabs-nav .ui-tabs-header a {
    color: #CED4DA;
}

body.dark-mode .ui-tabs .ui-tabs-nav .ui-tabs-header.ui-state-hover,
body.dark-mode .ui-tabs .ui-tabs-nav .ui-tabs-header.ui-state-hover a {
    background-color: #212529;
    color: #FFF;
}

body.dark-mode .ui-tabs .ui-tabs-nav .ui-tabs-header.ui-state-active,
body.dark-mode .ui-tabs .ui-tabs-nav .ui-tabs-header.ui-state-active a,
body.dark-mode .ui-tabs .ui-tabs-nav .ui-tabs-header.ui-state-active.ui-state-hover,
body.dark-mode .ui-tabs .ui-tabs-nav .ui-tabs-header.ui-state-active.ui-state-hover a {
    background-color: #212529;
    color: #03DAC6;
}

body.dark-mode .ui-tabs .ui-tabs-nav .ui-tabs-header.ui-state-active h3,
body.dark-mode .ui-tabs .ui-tabs-nav .ui-tabs-header.ui-state-active a h3,
body.dark-mode .ui-tabs .ui-tabs-nav .ui-tabs-header.ui-state-active.ui-state-hover h3,
body.dark-mode .ui-tabs .ui-tabs-nav .ui-tabs-header.ui-state-active.ui-state-hover a h3,
body.dark-mode .ui-tabs .ui-tabs-nav .ui-tabs-header.ui-state-active i,
body.dark-mode .ui-tabs .ui-tabs-nav .ui-tabs-header.ui-state-active a i,
body.dark-mode .ui-tabs .ui-tabs-nav .ui-tabs-header.ui-state-active.ui-state-hover i,
body.dark-mode .ui-tabs .ui-tabs-nav .ui-tabs-header.ui-state-active.ui-state-hover a i,
body.dark-mode .ui-tabs .ui-tabs-nav .ui-tabs-header.ui-state-active a .green,
body.dark-mode .ui-tabs .ui-tabs-nav .ui-tabs-header.ui-state-active.ui-state-hover a .green,
body.dark-mode .ui-tabs .ui-tabs-nav .ui-tabs-header.ui-state-active a .green,
body.dark-mode .ui-tabs .ui-tabs-nav .ui-tabs-header.ui-state-active.ui-state-hover a .green {
    background-color: #212529;
    color: #03DAC6;
}

body.dark-mode .ui-panel .ui-panel-titlebar {
    background-color: #212529;
    border: none;
    color: #CED4DA;
}

body.dark-mode .ui-panel .ui-panel-content,
body.dark-mode .ui-panel .ui-panel-footer {
    background-color: #212529;
    border: none;
    color: #ADADAD;
}

body.dark-mode .card .ui-tabs-top.ui-tabs .ui-tabs-panel {
    background-color: #212529;
}

body.dark-mode .ui-tabs-top.ui-tabs .ui-tabs-panel {
    border-top: 2px solid #32383E;
}

body.dark-mode .ui-tabs.ui-tabs-top.worksheet-tabs .ui-tabs-panels {
    border-bottom: 2px solid #03DAC6;
    border-top: 4px solid #03DAC6;
}

/* Tables */
body.dark-mode .ui-datatable thead th {
    background-color: #2F343B;
    color: #CED4DA;
}

body.dark-mode .ui-datatable thead th.ui-state-focus,
body.dark-mode .ui-datatable thead th.ui-state-active {
    background-color: #03DAC6 !important;
    color: #00221F !important;
}

body.dark-mode .ui-datatable .ui-datatable-header,
body.dark-mode .ui-datatable .ui-datatable-footer {
    background-color: #282B2E;
    border: none;
    border-bottom: 1px solid;
    color: #CED4DA;
}

body.dark-mode .ui-datatable .ui-datatable-data > tr,
body.dark-mode .ui-datatable .ui-datatable-data > tr.ui-datatable-even,
body.dark-mode .ui-datatable .ui-datatable-data > tr.ui-datatable-odd {
    background: #212529;
    border-left: none;
    border-right: none;
    color: #ADADAD;
}

body.dark-mode .ui-datatable .ui-datatable-data > tr.normal-row td {
    background-color: #212529;
    border: none;
    color: #CED4DA;
}

body.dark-mode .ui-datatable .ui-datatable-data > tr.alternative-row td {
    background-color: #282B2E;
    border-left: none;
    border-right: none;
    color: #CED4DA;
}

body.dark-mode .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable.ui-state-hover td {
    background-color: #282C30;
    color: #CED4DA;
}

body.dark-mode .ui-datatable .ui-datatable-data > tr.alternative-row.ui-state-hover td {
    background-color: #666;
}

body.dark-mode .ui-datatable .ui-datatable-data > tr.ui-datatable-even i,
body.dark-mode .ui-datatable .ui-datatable-data > tr.ui-datatable-odd i {
    color: #CED4DA;
}

body.dark-mode .ui-datatable .ui-datatable-data > tr.ui-datatable-even i.green,
body.dark-mode .ui-datatable .ui-datatable-data > tr.ui-datatable-odd i.green {
    color: #03DAC6;
}

body.dark-mode .ui-datatable .ui-datatable-data > tr.ui-datatable-even i.red,
body.dark-mode .ui-datatable .ui-datatable-data > tr.ui-datatable-odd i.red {
    color: #FF1704;
}

body.dark-mode .ui-datatable .ui-datatable-data > tr.ui-datatable-even i.warning,
body.dark-mode .ui-datatable .ui-datatable-data > tr.ui-datatable-odd i.warning {
    color: #F79703;
}

body.dark-mode .ui-datatable .ui-datatable-data > tr > td {
    border: 1px solid #32383E;
    border-left: none;
    border-right: none;

}

body.dark-mode .ui-datatable .ui-datatable-data > tr.ui-state-highlight td {
    background-color: #282B2E;
    color: #CED4DA;
}

body.dark-mode .ui-datatable thead > tr {
    border: none;
}

body.dark-mode .ui-datatable tfoot td,
body.dark-mode .ui-paginator {
    background-color: #282B2E;
    border: none;
    color: #CED4DA;
}

body.dark-mode .ui-paginator .ui-paginator-pages .ui-paginator-page {
    color: #ADADAD;
}

body.dark-mode .ui-datatable .ui-paginator.ui-paginator-bottom {
    background-color: #2F343B;
}

body.dark-mode .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover {
    background-color: #ADADAD;
    color: #444;
}

body.dark-mode .ui-datatable.ui-datatable-borderless .ui-paginator-bottom {
    border-top: none;
    padding: 10px;
}

body.dark-mode .ui-paginator .ui-paginator-first,
body.dark-mode .ui-paginator .ui-paginator-prev,
body.dark-mode .ui-paginator .ui-paginator-next,
body.dark-mode .ui-paginator .ui-paginator-last {
    color: #CED4DA;
}

body.dark-mode .ui-paginator .ui-paginator-first.ui-state-hover,
body.dark-mode .ui-paginator .ui-paginator-prev.ui-state-hover,
body.dark-mode .ui-paginator .ui-paginator-next.ui-state-hover,
body.dark-mode .ui-paginator .ui-paginator-last.ui-state-hover {
    background-color: #ADADAD;
    color: #444;
}

body.dark-mode .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
    background-color: #03DAC6;
    border: 1px solid #03DAC6;
    color: #00221F;
}

body.dark-mode .ui-panelgrid .ui-panelgrid-cell {
    background-color: #2F343B;
    border-bottom: 1px solid #CED4DA;
    color: #CED4DA;
}

body.dark-mode .dummy-subtable-header {
    background-color: #282B2E;
    border: none;
    border-top: 5px solid #03DAC6;
    color: #CED4DA;
}

body.dark-mode .dummy-subtable-table thead tr th {
    background-color: #282B2E !important;
    border: none !important;
    color: #CED4DA;
}

body.dark-mode .dummy-subtable-table thead tr {
    border: none !important;
}

body.dark-mode .ui-datatable-tablewrapper th.column-odd,
body.dark-mode .ui-datatable-tablewrapper th.ui-state-default.column-odd,
body.dark-mode .ui-datatable-tablewrapper td.ui-state-default.column-odd,
body.dark-mode div.ui-datatable.ui-widget.textAlignCenter.table.laTable div.ui-datatable-tablewrapper thead th.column-odd {
    background-color: #585858;
    color: #CED4DA;
}

body.dark-mode .ui-datatable-tablewrapper td.column-odd {
    background-color: #3C3C3C;
}

/* Cards */
.green {
    color: #03DAC6;
}

body.dark-mode .card {
    background-color: #212529;
}

body.dark-mode .card h1,
body.dark-mode .card h2,
body.dark-mode .card h3,
body.dark-mode .card h4,
body.dark-mode .card h5 {
    color: #CED4DA;
}

/* Date Picker */
body.dark-mode .ui_tpicker_time_label,
body.dark-mode .ui_tpicker_time_input,
body.dark-mode .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input,
body.dark-mode .ui_tpicker_hour_label,
body.dark-mode .ui_tpicker_minute_label {
    color: #ADADAD;
}

/* Inputs */

body.dark-mode .ui-inputfield {
    background-color: #2F343B;
    border: 1px solid #262A2F;
    border-bottom: 2px solid #03DAC6;
    color: #CED4DA;
    font-weight: bold;
    outline: none;
}

body.dark-mode *:focus {
    box-shadow: none;
    outline: none;
    outline-style: none;
}

body.dark-mode input:hover,
body.dark-mode input:focus,
body.dark-mode .ui-inputfield.ui-state-hover,
body.dark-mode .ui-inputfield.ui-state-focus,
body.dark-mode .ui-inputfield:hover,
body.dark-mode .ui-inputfield:focus {
    border-left: 1px solid #03DAC6;
    border-right: 1px solid #03DAC6;
    border-top: 1px solid #03DAC6;
    box-shadow: none;
    outline: none;
    outline-style: none;
}

body.dark-mode .date-selector .date-label {
    background-color: #282B2E !important;
    border: 2px solid #03DAC6;
    border-radius: 0px;
    color: #CED4DA;
}

body.dark-mode .date-selector button {
    border-radius: 0px;
}

body.dark-mode .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item,
body.dark-mode .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item {
    background-color: #212529;
    border-bottom: 1px solid #CED4DA;
    color: #CED4DA;
}

body.dark-mode .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover,
body.dark-mode .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover {
    background-color: #2F343B;
    color: #CED4DA;
}

body.dark-mode .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight,
body.dark-mode .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight {
    background-color: #03DAC6;
    color: #00221F;
}

body.dark-mode .ui-inputfield.ui-selectonelistbox {
    border-bottom: none;
}

body.dark-mode .ui-selectonelistbox .ui-selectlistbox-listcontainer,
body.dark-mode .ui-selectmanymenu .ui-selectlistbox-listcontainer {
    background-color: #212529;
}

body.dark-mode .ui-selectonelistbox .ui-selectlistbox-filter-container,
body.dark-mode .ui-selectmanymenu .ui-selectlistbox-filter-container {
    background-color: #212529;
}

body.dark-mode .ui-selectonemenu label.ui-selectonemenu-label {
    background: #2F343B;
    height: 29px;
}

body.dark-mode .ui-selectonemenu label.ui-selectonemenu-label:hover {
    background: #2F343B;
}

body.dark-mode .ui-selectonemenu .ui-selectonemenu-trigger {
    background: #2F343B;
    border-bottom: 2px solid #03DAC6;
}

body.dark-mode .ui-chkbox .ui-chkbox-box {
    background-color: #2F343B;
    border-bottom: 2px solid #03DAC6;
}

body.dark-mode .ui-chkbox .ui-chkbox-box:hover {
    background-color: #2F343B;
}

body.dark-mode .ui-chkbox .ui-chkbox-box.ui-state-active {
    background: #03DAC6;
    border-bottom: 0px solid #03DAC6;
}

body.dark-mode .ui-selectbooleanbutton.ui-state-active,
body.dark-mode .ui-buttonset:not(.ui-splitbutton) > .ui-button.ui-state-active {
    background: #03DAC6;
    color: #00221F;
}

body.dark-mode .ui-selectbooleanbutton.ui-state-active.ui-state-hover,
body.dark-mode .ui-buttonset:not(.ui-splitbutton) > .ui-button.ui-state-active.ui-state-hover {
    background: #00C5B2;
    border: 1px solid #00C5B2;
    color: #2F343B;
}

body.dark-mode .ui-selectbooleanbutton,
body.dark-mode .ui-buttonset:not(.ui-splitbutton) > .ui-button {
    background: #2F343B;
    border: none;
    color: #CED4DA;
}

body.dark-mode .ui-selectbooleanbutton.ui-state-hover,
body.dark-mode .ui-buttonset:not(.ui-splitbutton) > .ui-button.ui-state-hover,
body.dark-mode .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover,
body.dark-mode .ui-buttonset:not(.ui-splitbutton) > .ui-button.ui-state-active:not(.ui-state-disabled):hover {
    background: #535659;
    color: #00221F;
}

body.dark-mode .ui-buttonset:not(.ui-splitbutton) > .ui-button.ui-state-active:hover {
    background: #01B6A6 !important;
}

body.dark-mode .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight {
    background-color: #03DAC6;
    border: none;
    color: #002623;
}

body.dark-mode .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item {
    background-color: #212529;
    color: #CED4DA;
}

body.dark-mode .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover {
    background-color: #525252;
    color: #CED4DA;
}

body.dark-mode .ui-autocomplete-panel .ui-autocomplete-items {
    padding: 0px;
}

body.dark-mode .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item {
    background: #212529;
    border-bottom: 1px solid #CED4DA;
    border-left: none;
    border-right: none;
    color: #ADADAD;
}

body.dark-mode .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight {
    background: #282B2E;
    border-left: none;
    border-right: none;
    color: #ADADAD;
}

body.dark-mode .date-chooser {
    background-color: #A5A5A5;
    border-bottom: 4px solid #03DAC6;
    color: #212529;
}

body.dark-mode .ui-rating .ui-rating-star a {
    color: #03DAC6 !important;
}

body.dark-mode .ui-rating.alt-colour .ui-rating-star a {
    color: #000 !important;
}

body.dark-mode .ui-rating.red .ui-rating-star a {
    color: #FF1704 !important;
}

body.dark-mode .ui-rating.orange .ui-rating-star a {
    color: #FF8C0E !important;
}

body.dark-mode .ui-rating.green .ui-rating-star a {
    color: #03DAC6 !important;
}

body.dark-mode .ui-rating.grey .ui-rating-star a {
    color: #CED4DA !important;
}

/* File Upload */
body.dark-mode .ui-fileupload .ui-fileupload-buttonbar {
    background: #2F343B;
    border-color: #A5A5A5;
}

body.dark-mode .ui-fileupload .ui-fileupload-content {
    background: #2F343B;
    border: none;
    border-top: 1px solid #666;
    color: #CED4DA;
}

body.dark-mode .ui-progressbar .ui-progressbar-value {
    background: #03DAC6;
}

/* Buttons */
body.dark-mode .ui-button {
    background-color: #03DAC6;
    border: 1px solid #03DAC6;
    color: #002623;
}

body.dark-mode .ui-button.ui-state-hover {
    background-color: #00C5B2;
    border: 1px solid #00C5B2;
    color: #002623;
}

body.dark-mode .ui-button.outline-btn {
    background-color: #DDD;
}

body.dark-mode .ui-button.primary-btn {
    background-color: #03DAC6;
    border: 1px solid #03DAC6;
    color: #00221F;
}

body.dark-mode .ui-button.primary-btn:hover {
    background-color: #00C5B2;
    border: 1px solid #00C5B2;
    color: #00221F;
}

body.dark-mode .ui-button.primary-btn.outline-btn {
    background-color: transparent;
    border: 1px solid #03DAC6;
    color: #03DAC6;
}

body.dark-mode .ui-button.primary-btn.outline-btn:hover {
    background-color: #03DAC6;
    border: 1px solid #03DAC6;
    color: #00221F;
}

body.dark-mode .ui-button.danger-btn {
    background-color: #FF1704;
    border: 1px solid #FF1704;
    color: #000;
}

body.dark-mode .ui-button.danger-btn:hover {
    background-color: #D91000;
    border: 1px solid #D91000;
    color: #000;
}

body.dark-mode .ui-button.danger-btn.outline-btn {
    background-color: transparent;
    border: 1px solid #FF1704;
    color: #FF1704;
}

body.dark-mode .ui-button.danger-btn.outline-btn:hover {
    background-color: #D91000;
    border: 1px solid #D91000;
    color: #000;
}

body.dark-mode .ui-button.warning-btn {
    background-color: #FF8C0E;
    border: 1px solid #FF8C0E;
    color: #000;
}

body.dark-mode .ui-button.warning-btn:hover {
    background-color: #FF8C0E;
    border: 1px solid #FF8C0E;
}

body.dark-mode .ui-button.warning-btn.outline-btn {
    background-color: transparent;
    border: 1px solid #FF8C0E;
    color: #FF8C0E;
}

body.dark-mode .ui-button.warning-btn.outline-btn:hover {
    background-color: #FF8C0E;
    border: 1px solid #FF8C0E;
    color: #000;
}

/* BS Callouts */

/* BS Callout */
body.dark-mode .bs-callout {
    background-color: #2F343B;
    border-top: 5px solid #676A6C;
    margin-bottom: 12px;
    padding: 12px;
}

body.dark-mode .bs-callout-info {
    border-color: #1C80C3 !important;
}

body.dark-mode .bs-callout-info i {
    color: #1C80C3;
}

body.dark-mode .bs-callout-danger {
    border-color: #FF1704 !important;
}

body.dark-mode .bs-callout-danger i {
    color: #FF1704;
}

body.dark-mode .bs-callout-primary {
    border-color: #49ADED;
}

body.dark-mode .bs-callout-primary i {
    color: #49ADED;
}

body.dark-mode .bs-callout-success {
    border-color: #03DAC6 !important;
}

body.dark-mode .bs-callout-success i {
    color: #03DAC6;
}

body.dark-mode .bs-callout-warning {
    border-color: #FF8C0E !important;
}

body.dark-mode .bs-callout-warning i {
    color: #FF8C0E;
}

/* Wells */
body.dark-mode .well,
body.dark-mode .well .well .well {
    background-color: #2F343B;
    border: none;
    color: #ADADAD;
}

body.dark-mode .bs-callout .well,
body.dark-mode .well .well,
body.dark-mode .well .well-white,
body.dark-mode .ui-tabs-panels .well-white {
    background-color: #303030 !important;
    border: none;
    color: #ADADAD;
}

body.dark-mode .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link {
    background-color: #2F343B;
}

body.dark-mode .well-red {
    background-color: #9B261D !important;
    color: #FFF;
}

body.dark-mode .well-red .outline-btn.danger-btn {
    background-color: #CED4DA;
    border-color: #CED4DA;
}

body.dark-mode .well-yellow {
    background-color: #F79703 !important;
    color: #FFF;
}

/* Popups */
body.dark-mode .ui-dialog {
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 75%);
}

body.dark-mode .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
    color: #CED4DA;
}

body.dark-mode .ui-dialog .ui-dialog-titlebar {
    background-color: #212529;
    color: #CED4DA;
}

body.dark-mode .ui-dialog .ui-dialog-content {
    background-color: #212529;
    color: #ADADAD;
}

/* Tooltip */
body.dark-mode .ui-tooltip .ui-tooltip-text {
    background-color: #03DAC6;
    border: 1px solid #03DAC6;
    color: #002623;
}

body.dark-mode .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow {
    border-right-color: #03DAC6;
}

body.dark-mode .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow {
    border-left-color: #03DAC6;
}

body.dark-mode .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow {
    border-top-color: #03DAC6;
}

body.dark-mode .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow {
    border-bottom-color: #03DAC6;
}

body.dark-mode i.help-circle {
    color: #03DAC6;
}

/* Process Step */
body.dark-mode .process-step .btn-default.green-background {
    background-color: #03DAC6;
    border-color: #03DAC6;
    color: #002623;
}

body.dark-mode .process-step .btn-default.blue-background {
    background-color: #49ADED;
    border-color: #49ADED;
    color: #444;
}

body.dark-mode .process-step .btn-default.grey-background {
    background-color: #B1B3B5;
    border-color: #B1B3B5;
    color: #444;
}

/* New Call Label */
body.dark-mode .new-call-label {
    background-color: #03DAC6;
    border: none;
    color: #002623;
}

/* SLA */

.sla .progress.green {
    background-color: #03DAC6;
}

.sla .progress.yellow {
    background-color: #FF8C0E;
}

.sla .progress.red {
    background-color: #D91000;
}

/* JSON Plugin */
.json-literal {
    color: #5AA1FF !important;
}