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

body.dark-mode .system-banner-low {
    background-color: #12587F !important;
}

body.dark-mode .system-banner-medium {
    background-color: #A9702F !important;
    color: #FFF !important;
}

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

/* Topbar */
body.dark-mode .oneclick-topbar .title {
    color: #E2EEF3;
}

body.dark-mode .oneclick-topbar .ui-overlaypanel {
    background-color: #155B4D;
}

body.dark-mode .oneclick-topbar {
    background-color: #155B4D;
}

body.dark-mode .oneclick-topbar .dark-mode-btn i {
    color: #CED4DA;
}

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

body.dark-mode .navbar-header {
    background-color: #1A1D21 !important;
}

/* 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;
}

/* 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,
body.dark-mode .gray-bg {
    background-color: #1A1D21;
    color: #CED4DA;
}

body.dark-mode * {
    text-shadow: none !important;
}

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

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

body.dark-mode a .fa-fw {
    color: #CED4DA;
}

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

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

body.dark-mode .ui-state-default,
body.dark-mode .ui-widget-content .ui-state-default,
body.dark-mode .ui-widget-header .ui-state-default {
    color: #CED4DA;
}

/* 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;
}

/* Menu */
body.dark-mode .navbar-wrapper,
body.dark-mode .navbar-collapse.collapse {
    background-color: #272B30;
}

body.dark-mode .navbar-wrapper {
    border: none !important;
}

body.dark-mode .navbar-static-top {
    box-shadow: none;
}

body.dark-mode .nav > li > a,
body.dark-mode .navbar-right > li > a {
    color: #9DA1B3 !important;
}

body.dark-mode .nav > li > ul,
body.dark-mode .navbar-right > li > ul,
body.dark-mode .nav > li > ul > li > ul,
body.dark-mode .navbar-right > li > ul > li > ul {
    border: none !important;
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 50%) !important;
}

body.dark-mode .nav > li > ul > li > a,
body.dark-mode .navbar-right > li > ul > li > a,
body.dark-mode .nav > li > ul > li > ul > li > a,
body.dark-mode .navbar-right > li > ul > li > ul > li > a {
    background-color: #272B30;
    border-radius: 0px;
    color: #9DA1B3 !important;
}

body.dark-mode .nav > li > ul > li > a i,
body.dark-mode .navbar-right > li > ul > li > a i,
body.dark-mode .nav > li > ul > li > ul > li > a i,
body.dark-mode .navbar-right > li > ul > li > ul > li > a i {
    color: #65656A
}

body.dark-mode .nav > li > ul > li > a:hover i,
body.dark-mode .navbar-right > li > ul > li > a:hover i,
body.dark-mode .nav > li > ul > li > ul > li > a:hover i,
body.dark-mode .navbar-right > li > ul > li > ul > li > a:hover i {
    color: #FFF
}

body.dark-mode .nav > li > ul > li.open > a,
body.dark-mode .nav > li > ul > li > a:focus,
body.dark-mode .nav > li > ul > li > a:hover,
body.dark-mode .nav > li > ul > li > ul > li > a:focus,
body.dark-mode .nav > li > ul > li > ul > li > a:hover {
    background-color: #272B30 !important;
    color: #FFF !important;
}

body.dark-mode .nav > li > a:focus,
body.dark-mode .nav > li > a:hover {
    background-color: #272B30 !important;
    color: #FFF !important;
}

body.dark-mode .nav > li.active > a,
body.dark-mode .nav > li.active > a:hover,
body.dark-mode .nav > li.open > a,
body.dark-mode .nav > li.open > a:hover {
    background-color: #272B30 !important;
    color: #FFF !important;
}

body.dark-mode .navbar-wrapper a i.icon {
    color: #727272;
}

body.dark-mode .navbar-wrapper li.active a i.icon,
body.dark-mode .navbar-wrapper a:hover i.icon {
    color: #FFF !important;
}

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

body.dark-mode .ui-menu .ui-widget-header {
    background-color: #272B30 !important;
    border: none;
    color: #CED4DA;
}

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

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

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

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

/* Ibox */
body.dark-mode .ibox,
body.dark-mode .ibox .ibox-title,
body.dark-mode .ibox .ibox-content,
body.dark-mode .ibox .ibox-footer {
    background-color: #212529;
}

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

body.dark-mode .ibox-footer {
    border: none;
}

/* Process Step */
body.dark-mode .process-step .grey-background {
    background-color: #2F343B;
    border-color: #2F343B;
    color: #9DA1B3;
}

body.dark-mode .process-step .grey-background:hover {
    background-color: #B9B9B9;
    border-color: #B9B9B9;
    color: #FFF;
}

body.dark-mode .process-step .red-background {
    background-color: #D9534F;
    border-color: #D9534F;
    color: #FFF;
}

body.dark-mode .process-step .red-background:hover {
    background-color: #C64B49;
    border-color: #C64B49;
    color: #FFF;
}

body.dark-mode .process-step .green-background {
    background-color: #03DAC6;
    border-color: #03DAC6;
    color: #FFF;
}

body.dark-mode .process-step .green-background:hover {
    background-color: #179E80;
    border-color: #179E80;
    color: #FFF;
}

body.dark-mode .process-step .blue-background {
    background-color: #1C84C6;
    border-color: #1C84C6;
    color: #FFF;
}

body.dark-mode .process-step .blue-background:hover {
    background-color: #1877B2;
    border-color: #1877B2;
    color: #FFF;
}

body.dark-mode .blue {
    color: #3DA7EB;
}

/* Primefaces Messages */
body.dark-mode .ui-messages-info {
    background-color: #2F343B;
    border-color: #03DAC6;
}

body.dark-mode .ui-messages .ui-messages-info-icon::before,
body.dark-mode .ui-messages div ul li span.ui-messages-info-detail,
body.dark-mode .ui-messages div ul li span.ui-messages-info-summary {
    color: #03DAC6;
}

body.dark-mode .ui-messages-error {
    background-color: #2F343B;
    border-color: #FF1704;
}

body.dark-mode .ui-messages .ui-messages-error-icon::before,
body.dark-mode .ui-messages div ul li span.ui-messages-error-detail,
body.dark-mode .ui-messages div ul li span.ui-messages-error-summary {
    color: #FF1704;
}

/* BS Callout */

body.dark-mode .bs-callout {
    background-color: #2F343B;
    border-left: 4px solid #676A6C;
    color: #CED4DA;
}

body.dark-mode .bs-callout-success,
body.dark-mode .bs-callout-primary {
    background-color: rgba(21, 91, 77, 0.3);
    border-left-color: rgba(21, 91, 77, 0.9);
    color: #7FD9C4;
}

body.dark-mode .bs-callout-success-cancelled,
body.dark-mode .bs-callout-warning-cancelled,
body.dark-mode .bs-callout-danger {
    background-color: rgba(155, 38, 29, 0.25);
    border-left-color: rgba(155, 38, 29, 0.9);
    color: #F08A8A;
}

body.dark-mode .bs-callout-warning {
    background-color: rgba(169, 112, 47, 0.18);
    border-left-color: rgba(169, 112, 47, 0.9);
    color: #E0B97A;
}

body.dark-mode .bs-callout-info {
    background-color: rgba(18, 88, 127, 0.25);
    border-left-color: rgba(18, 88, 127, 0.9);
    color: #9CC9E3;
}

body.dark-mode .ui-tabs.costing-nav > .ui-tabs-nav > li.ui-tabs-header,
body.dark-mode .ui-tabs.costing-nav > .ui-tabs-nav > li.ui-tabs-header.ui-state-hover {
    --pill-border: rgba(255, 255, 255, 0.15);
    --pill-fill: #1e1e1e;
    --pill-fill-hover: #2a2a2a;
    --pill-text: #9a9a9a;
    border: 1px solid var(--pill-border);
    background-color: var(--pill-fill);
}

body.dark-mode .ui-tabs.costing-nav > .ui-tabs-nav > li.ui-tabs-header.ui-state-hover {
    background-color: var(--pill-fill-hover);
}

body.dark-mode .ui-tabs.costing-nav > .ui-tabs-nav > li.ui-tabs-header.ui-state-active,
body.dark-mode .ui-tabs.costing-nav > .ui-tabs-nav > li.ui-tabs-header.ui-state-active.ui-state-hover {
    --pill-border: rgba(3, 218, 198, 0.45);
    --pill-fill: #1a2f2d;
    --pill-fill-hover: #1f4440;
    --pill-text: #03DAC6;
    border: 1px solid var(--pill-border);
    background-color: var(--pill-fill);
}

body.dark-mode .ui-tabs.costing-nav > .ui-tabs-nav > li.ui-tabs-header a,
body.dark-mode .ui-tabs.costing-nav > .ui-tabs-nav > li.ui-tabs-header.ui-state-active a,
body.dark-mode .ui-tabs.costing-nav > .ui-tabs-nav > li.ui-tabs-header.ui-state-active.ui-state-hover a,
body.dark-mode .ui-tabs.costing-nav > .ui-tabs-nav > li.ui-tabs-header.ui-state-active a i,
body.dark-mode .ui-tabs.costing-nav > .ui-tabs-nav > li.ui-tabs-header.ui-state-active.ui-state-hover a i {
    border: none;
    background: none;
    color: var(--pill-text);
}

body.dark-mode .costing-pill-count-complete {
    color: #03DAC6;
}

body.dark-mode .costing-pill-count-incomplete {
    color: #F08A8A;
}

body.dark-mode .ui-tabs.costing-nav > .ui-tabs-panels > .ui-tabs-panel,
body.dark-mode .costing-card {
    border-color: rgba(255, 255, 255, 0.08);
    background-color: #212529;
}

body.dark-mode .ui-tabs.costing-nav > .ui-tabs-panels > .ui-tabs-panel:has(.costing-card-stack) {
    border: none;
    background: none;
}

body.dark-mode .autoquotes-card {
    border-color: rgba(0, 97, 171, 0.45);
    background-color: rgba(0, 97, 171, 0.12);
}

body.dark-mode .autoquotes-upload.ui-fileupload .ui-fileupload-buttonbar,
body.dark-mode .autoquotes-upload.ui-fileupload .ui-fileupload-content {
    border: none;
    background: none;
}

body.dark-mode .autoquotes-upload.ui-fileupload div.ui-fileupload-buttonbar span.ui-fileupload-choose {
    background-color: #03DAC6;
    color: #00221F;
}

body.dark-mode .supplier-rating {
    color: #4B5158;
}

body.dark-mode .quote-status-step,
body.dark-mode .quote-status-reinstated {
    background-color: rgba(0, 0, 0, 0.2);
}

body.dark-mode .bs-callout-success i,
body.dark-mode .bs-callout-primary i {
    color: #0BAD9F;
}

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

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

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

/* 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 #242424;
    color: #CED4DA;
    left: -2px;
    top: -4px;
}

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

/* Tabs */
body.dark-mode div.ui-tabs.ui-tabs-top.dummy-tabs + div.ui-tabs {
    background: transparent;
}

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,
body.dark-mode .ui-datatable thead th, body.dark-mode .ui-datatable .ui-datatable-data > tr {
    background-color: #2F343B;
    border: none;
    color: #CED4DA;
}

body.dark-mode .ui-tabs.ui-tabs-left .ui-tabs-nav .ui-tabs-header,
body.dark-mode .ui-tabs.ui-tabs-left .ui-tabs-nav .ui-tabs-header a {
    border: none;
}

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

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

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

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

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-left .ui-tabs-nav .ui-tabs-header.ui-state-active,
body.dark-mode .ui-tabs.ui-tabs-left .ui-tabs-nav .ui-tabs-header.ui-state-active a,
body.dark-mode .ui-tabs.ui-tabs-left .ui-tabs-nav .ui-tabs-header.ui-state-active.ui-state-hover,
body.dark-mode .ui-tabs.ui-tabs-left .ui-tabs-nav .ui-tabs-header.ui-state-active.ui-state-hover a {
    border-bottom: 4px solid #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-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-left .ui-tabs-nav .ui-tabs-header.ui-state-hover,
body.dark-mode .ui-tabs.ui-tabs-left .ui-tabs-nav .ui-tabs-header.ui-state-hover a {
    border: none;
}

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

body.dark-mode .ui-panel .ui-panel-titlebar {
    background-color: #2F343B;
    border: none;
    color: #DCDCDC;
}

body.dark-mode .ui-panel .ui-panel-content,
body.dark-mode .ui-panel .ui-panel-footer {
    background-color: #2F343B;
    border: none;
    color: #CED4DA;
}

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

body.dark-mode .logo-tabs li.ui-state-active:hover,
body.dark-mode .logo-tabs li.ui-state-active:hover a {
    background-color: #03DAC6 !important;
    border: 1px solid #03DAC6 !important;
    color: #00221F !important;
}

body.dark-mode .logo-tabs li:hover a {
    background-color: #525252 !important;
    border: 2px solid #525252 !important;
    color: #DCDCDC !important;
}

/* Tables */
body.dark-mode .ui-datatable-header {
    background-color: transparent;
    color: #DCDCDC;
}

body.dark-mode .table thead:first-child > tr:first-child > th,
body.dark-mode .ui-datatable-tablewrapper th,
body.dark-mode .ui-datatable-tablewrapper th.ui-state-default,
body.dark-mode .ui-datatable-tablewrapper tfoot td {
    background-color: #2F343B;
    color: #DCDCDC;
}

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

body.dark-mode .table .ui-datatable-tablewrapper table tbody tr.ui-datatable-even,
body.dark-mode .table .ui-datatable-tablewrapper table tbody tr.ui-datatable-odd {
    background: #212529;
    border-left: none;
    border-right: none;
    color: #CED4DA;
}

body.dark-mode .table .ui-datatable-tablewrapper table tbody tr.ui-datatable-even.green,
body.dark-mode .table .ui-datatable-tablewrapper table tbody tr.ui-datatable-odd.green {
    color: #03DAC6;
}

body.dark-mode .table .ui-datatable-tablewrapper table tbody tr.ui-datatable-even.warning,
body.dark-mode .table .ui-datatable-tablewrapper table tbody tr.ui-datatable-odd.warning {
    color: #F79703;
}

body.dark-mode .table .ui-datatable-tablewrapper table tbody tr.ui-datatable-even.red,
body.dark-mode .table .ui-datatable-tablewrapper table tbody tr.ui-datatable-odd.red {
    color: #D9534F;
}

body.dark-mode .table .ui-datatable-tablewrapper table tbody tr.row-alternate {
    background: #424242;

}

body.dark-mode .table .ui-datatable-tablewrapper table tbody tr.ui-datatable-even.ui-datatable-selectable.ui-state-hover,
body.dark-mode .table .ui-datatable-tablewrapper table tbody tr.ui-datatable-odd.ui-datatable-selectable.ui-state-hover,
body.dark-mode .table .ui-datatable-tablewrapper table tbody tr.ui-datatable-even.ui-datatable-selectable.ui-state-highlight,
body.dark-mode .table .ui-datatable-tablewrapper table tbody tr.ui-datatable-odd.ui-datatable-selectable.ui-state-highlight,
body.dark-mode .table .ui-datatable-tablewrapper table tbody tr.ui-datatable-even.ui-datatable-selectable.ui-state-highlight td,
body.dark-mode .table .ui-datatable-tablewrapper table tbody tr.ui-datatable-odd.ui-datatable-selectable.ui-state-highlight td,
body.dark-mode .table .ui-datatable-tablewrapper table tbody tr.ui-state-highlight td {
    background-color: #282C30;
    color: #CED4DA;
}

body.dark-mode .ui-datatable-empty-message {
    background-color: #424242;
    border-radius: 0px;
    color: #DCDCDC;
    padding-bottom: 10px;
    padding-top: 10px;
}

body.dark-mode .ui-paginator {
    border: none;
    background: none;
    color: #DCDCDC;
}

body.dark-mode .ui-paginator .ui-paginator-pages a.ui-paginator-page,
body.dark-mode .ui-paginator a.ui-paginator-first,
body.dark-mode .ui-paginator a.ui-paginator-prev,
body.dark-mode .ui-paginator a.ui-paginator-next,
body.dark-mode .ui-paginator a.ui-paginator-last,
body.dark-mode .ui-paginator a.ui-state-disabled,
body.dark-mode .ui-paginator a.ui-state-disabled:hover {
    border-color: rgba(255, 255, 255, 0.15);
    background: #1e1e1e;
    color: #9a9a9a;
}

body.dark-mode .ui-paginator .ui-paginator-pages a.ui-paginator-page:hover,
body.dark-mode .ui-paginator a.ui-paginator-first:hover,
body.dark-mode .ui-paginator a.ui-paginator-prev:hover,
body.dark-mode .ui-paginator a.ui-paginator-next:hover,
body.dark-mode .ui-paginator a.ui-paginator-last:hover {
    border-color: rgba(255, 255, 255, 0.25);
    background: #2a2a2a;
    color: #CED4DA;
}

body.dark-mode .ui-paginator .ui-paginator-pages a.ui-paginator-page.ui-state-active,
body.dark-mode .ui-paginator .ui-paginator-pages a.ui-paginator-page.ui-state-active:hover {
    border-color: rgba(3, 218, 198, 0.45);
    background: #1a2f2d;
    color: #03DAC6;
}

body.dark-mode .ui-datagrid .ui-datagrid-content {
    background-color: #2F343B;
    border: none;
}

body.dark-mode div.table tr.oc-block td {
    background-color: #272B30;
    color: #DCDCDC;
}

body.dark-mode div.table tr.oc-blocklineitem td {
    background-color: #2F343B;
    color: #DCDCDC;
}

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

}

/* File Upload */
body.dark-mode div.ui-fileupload-buttonbar span.ui-fileupload-choose {
    background-color: #03DAC6;
    border-color: #03DAC6;
    color: #00221F;
}

body.dark-mode .ui-fileupload .ui-fileupload-buttonbar {
    background: #2F343B;
    border-bottom: 1px solid #4F4F4F;
    border-color: #2F343B;
}

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

/* Inputs */
body.dark-mode *::placeholder {
    color: #5E5E5E !important;
}

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

body.dark-mode .ui-state-error,
body.dark-mode input.ui-state-error,
body.dark-mode .validationError,
body.dark-mode span.validationError input {
    border-color: #FF1704 !important;
}

body.dark-mode input.form-control,
body.dark-mode textarea.form-control,
body.dark-mode select.form-control,
body.dark-mode .ui-selectonemenu.form-control,
body.dark-mode .ui-selectonemenu.form-control label,
body.dark-mode .ui-selectonemenu.form-control .ui-selectonemenu-trigger,
body.dark-mode .form-control .ui-autocomplete-input.ui-state-default,
body.dark-mode span.ui-calendar.form-control input,
body.dark-mode span.ui-inputnumber.form-control input,
body.dark-mode .ui-datatable input.ui-column-filter,
body.dark-mode textarea.form-control.ui-inputfield,
body.dark-mode .ui-widget-content textarea.form-control.ui-inputfield {
    background-color: #2F343B;
    border: 1px solid #2F343B;
    border-bottom: 2px solid #03DAC6;
    color: #CED4DA;
    font-weight: bold;
    outline: none;
}

body.dark-mode input.form-control:hover,
body.dark-mode textarea.form-control:hover,
body.dark-mode select.form-control:hover,
body.dark-mode .form-control .ui-autocomplete-input.ui-state-default:hover,
body.dark-mode span.ui-calendar.form-control input:hover,
body.dark-mode span.ui-inputnumber.form-control input:hover,
body.dark-mode .ui-datatable input.ui-column-filter:hover,
body.dark-mode .ui-selectonemenu.form-control:hover,
body.dark-mode .ui-selectonemenu.form-control:hover label,
body.dark-mode .ui-selectonemenu.form-control:hover .ui-selectonemenu-trigger,
body.dark-mode textarea.form-control.ui-inputfield:hover,
body.dark-mode .ui-widget-content textarea.form-control.ui-inputfield:hover,
body.dark-mode input.form-control:focus,
body.dark-mode textarea.form-control:focus,
body.dark-mode select.form-control:focus,
body.dark-mode .form-control .ui-autocomplete-input.ui-state-default:focus,
body.dark-mode span.ui-calendar.form-control input:focus,
body.dark-mode .ui-datatable input.ui-column-filter:focus,
body.dark-mode span.ui-inputnumber.form-control input:focus,
body.dark-mode .ui-selectonemenu.form-control:focus,
body.dark-mode .ui-selectonemenu.form-control:focus label,
body.dark-mode .ui-selectonemenu.form-control:focus .ui-selectonemenu-trigger,
body.dark-mode textarea.form-control.ui-inputfield:focus,
body.dark-mode .ui-widget-content textarea.form-control.ui-inputfield:focus {
    border-left: 1px solid #03DAC6;
    border-right: 1px solid #03DAC6;
    border-top: 1px solid #03DAC6;
}

body.dark-mode select.form-control.multiple-selector,
body.dark-mode select.form-control.multiple-selector:hover,
body.dark-mode select.form-control.multiple-selector:focus {
    background: #272B30;
    border: none;
}

body.dark-mode .ui-selectonemenu-panel .ui-selectonemenu-filter-container {
    background-color: #272B30;
    border: none;
}

body.dark-mode .ui-selectonemenu-panel .ui-selectonemenu-filter-container input {
    background-color: #CBCBCB;
    border: 1px solid #CBCBCB;
    color: #272B30;
}

body.dark-mode .ui-selectonemenu-panel .ui-selectonemenu-filter-container input:hover,
body.dark-mode .ui-selectonemenu-panel .ui-selectonemenu-filter-container input:focus {
    background-color: #EFEFEF;
    border: 1px solid #EFEFEF;
}

body.dark-mode .ui-selectonemenu-panel .ui-selectonemenu-item {
    background: #272B30;
    border-left: none;
    border-right: none;
    color: #CED4DA;
}

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

body.dark-mode .ui-selectonemenu-panel .ui-selectonemenu-item.ui-state-highlight {
    background: #03DAC6;
    color: #2F343B;
}

body.dark-mode select.form-control option {
    background-color: #272B30 !important;
    border-bottom: 1px solid #FFF;
    border-left: none;
    border-right: none;
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 75%);
    color: #CED4DA;
    padding: 4px 8px;
}

body.dark-mode .ui-selectonemenu.form-control label {
    border: none !important;
}

body.dark-mode select.form-control option:hover {
    background-color: #424242 !important;
}

body.dark-mode .ui-selectonebutton {
    border: none;
}

body.dark-mode .ui-selectonebutton .ui-button.ui-state-active,
body.dark-mode .ui-selectbooleanbutton .ui-button.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-button,
body.dark-mode .ui-selectonebutton .ui-button,
body.dark-mode .ui-buttonset:not(.ui-splitbutton) > .ui-button {
    background: #2F343B;
    color: #CED4DA;
}

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

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

body.dark-mode .ui-autocomplete-panel table.ui-autocomplete-items tr {
    background: #272B30;
    border-left: none;
    border-right: none;
    color: #CED4DA;
}

body.dark-mode .ui-autocomplete-panel table.ui-autocomplete-items tr.ui-state-highlight,
body.dark-mode .ui-autocomplete-panel table.ui-autocomplete-items tr.ui-state-hover {
    background: #525252;
    border-left: none;
    border-right: none;
    color: #CED4DA;
}

body.dark-mode .ui-selectbooleanbutton,
body.dark-mode .ui-buttonset:not(.ui-splitbutton) > .ui-button
body.darkmode .gantt-btn-group label.btn {
    background: transparent;
    border: 1px solid #03DAC6;
    color: #DCDCDC;
}

body.dark-mode .ui-autocomplete-panel,
body.dark-mode .ui-autocomplete-panel table {
    border: none !important;
}

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

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

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

body.dark-mode .form-control.multiple-selector {
    border: none;
}

body.dark-mode .form-control.multiple-selector option {
    background: #272B30;
    border-bottom: 1px solid;
    border-left: none;
    border-right: none;
    color: #CED4DA;
}

body.dark-mode .form-control.multiple-selector option:hover {
    background: #424242;
}

/* Datepicker */

body.dark-mode .ui-datepicker {
    background-color: #424242;
    border: none;
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 75%);
    color: #DCDCDC;
}

body.dark-mode .ui-datepicker .ui-datepicker-header,
body.dark-mode .ui-datepicker .ui-datepicker-calendar {
    background-color: #424242;
    border: none;
    color: #DCDCDC;
}

body.dark-mode .ui-datepicker .ui-datepicker-header .ui-datepicker-month,
body.dark-mode .ui-datepicker .ui-datepicker-header .ui-datepicker-year {
    background-color: #A5A5A5;
    border: 1px solid #A5A5A5;
    color: #272B30;
}

body.dark-mode .ui-datepicker .ui-datepicker-calendar td {
    background-color: #424242;
    color: #DCDCDC;
}

body.dark-mode .ui-datepicker .ui-datepicker-calendar td a {
    background-color: #A5A5A5;
    border: 1px solid #A5A5A5;
    color: #272B30;
}

body.dark-mode .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a {
    border: 1px solid #A5A5A5;
    color: #FFF;
    font-weight: bold;
}

body.dark-mode .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a {
    background-color: #03DAC6;
    border: 1px solid #03DAC6;
    color: #00221F;
    font-weight: bold;
}

body.dark-mode .ui-datepicker .ui-datepicker-calendar td a:hover {
    background-color: #838383;
    border: 1px solid #838383;
}

/* Modals */
body.dark-mode .modal-content {
    background-color: #272B30;
    color: #CED4DA;
}

body.dark-mode .modal-spinner {
    background: #272B30;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
}

body.dark-mode .loading-label {
    color: #9AA3AC;
}

body.dark-mode .modal-content h1,
body.dark-mode .modal-content h2,
body.dark-mode .modal-content h3,
body.dark-mode .modal-content h4,
body.dark-mode .modal-content h5 {
    color: #DCDCDC;
}

body.dark-mode .modal-content .modal-header,
body.dark-mode .modal-content .modal-footer {
    border: none;
}

body.dark-mode .modal-content .modal-header i {
    color: #CED4DA;
}

/* Buttons */

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

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

body.dark-mode a.btn-primary i {
    color: #00221F;
}

body.dark-mode a.btn-danger,
body.dark-mode a.btn-warning,
body.dark-mode a.btn-warning i {
    color: #000;
}

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

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

body.dark-mode a.btn-primary.btn-outline i {
    color: #03DAC6;
}

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

body.dark-mode a.btn-danger {
    background-color: #B52B20;
    border: 1px solid #B52B20;
    color: #000;
}

body.dark-mode a.btn-danger:hover,
body.dark-mode a.btn-danger:focus {
    background-color: #A12116;
    border: 1px solid #A12116;
    color: #000;
}

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

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

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

body.dark-mode a.btn-warning.btn-outline:hover {
    background-color: #C76901;
    border: 1px solid #C76901;
    color: #DDD;
}

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

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

body.dark-mode .ui-tabs-panel .well,
body.dark-mode .ui-tabs-panel .well-white {
    background-color: #2F343B;
    border: none;
    color: #CED4DA;
}

body.dark-mode .well .well,
body.dark-mode .well .well-white {
    background-color: #2F343B;
    border: none;
    color: #CED4DA;
}

body.dark-mode .ui-tabs-panel .well .well,
body.dark-mode .ui-tabs-panel .well .well-white {
    background-color: #2F343B;
    border: none;
    color: #CED4DA;
}

body.dark-mode .panel {
    background-color: #2F343B;
    border: none;
    color: #CED4DA;
}

body.dark-mode .panel-footer {
    background-color: #2F343B;
    border-top: none;
}

body.dark-mode .panel-default > .panel-heading {
    background-color: #2F343B;
    border: none;
    color: #DCDCDC;
}

body.dark-mode .panel .panel-heading i {
    color: #FFF;
}

/* Popover */
body.dark-mode .popover,
body.dark-mode .popover * {
    background-color: #272B30;
    color: #DCDCDC;
}

/* Icons */
body.dark-mode .green {
    color: #03DAC6;
}

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

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

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

/* Trees */
body.dark-mode .ui-tree {
    background: #272B30;
    border: none;
    color: #CED4DA;
}

body.dark-mode .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;
}
/* Project summary card */
body.dark-mode .id-pill {
    border-color: #3A3F45;
    color: #9DA1B3;
}

body.dark-mode .cvi-row-cancelled td,
body.dark-mode .cvi-row-cancelled td .id-pill,
body.dark-mode .cvi-row-cancelled td .text-muted,
body.dark-mode .cvi-row-cancelled td .red,
body.dark-mode .cvi-row-cancelled td .green {
    color: #6B6F80;
}

body.dark-mode .project-summary-copy,
body.dark-mode .project-summary-customer,
body.dark-mode .project-summary-tile-label,
body.dark-mode .project-summary-tile-sub {
    color: #9DA1B3;
}

body.dark-mode .project-summary-callout-warning {
    background-color: rgba(169, 112, 47, 0.18);
    border-left-color: rgba(169, 112, 47, 0.9);
    color: #E0B97A;
}

body.dark-mode .project-summary-callout-danger {
    background-color: rgba(155, 38, 29, 0.25);
    border-left-color: rgba(155, 38, 29, 0.9);
    color: #F08A8A;
}

body.dark-mode .project-summary-callout-success {
    background-color: rgba(21, 91, 77, 0.3);
    border-left-color: rgba(21, 91, 77, 0.9);
    color: #7FD9C4;
}

body.dark-mode .project-summary-callout-info {
    background-color: rgba(18, 88, 127, 0.25);
    border-left-color: rgba(18, 88, 127, 0.9);
    color: #9CC9E3;
}

body.dark-mode .project-summary-tile {
    background-color: #2F343B;
}

body.dark-mode .project-summary-tile > i {
    color: #03DAC6;
}

body.dark-mode .project-summary-tile-value {
    color: #DCDCDC;
}

body.dark-mode .project-summary-more .dropdown-menu > li > a {
    color: #CED4DA;
}

body.dark-mode .project-summary-more .dropdown-menu > li > a:hover {
    background-color: #3A3F45;
}

body.dark-mode .project-summary-more .dropdown-menu > li > a > i {
    color: #9DA1B3;
}

body.dark-mode .project-summary-more .dropdown-menu > li.danger > a,
body.dark-mode .project-summary-more .dropdown-menu > li.danger > a > i,
body.dark-mode .project-summary-overdue {
    color: #F08A8A;
}

body.dark-mode .project-summary-more .dropdown-menu > li.disabled > span {
    color: #65656A;
}

body.dark-mode .project-summary-more .dropdown-menu .divider {
    background-color: #3A3F45;
}

/* Notes timeline */
body.dark-mode .note-timeline-item:before {
    background-color: #3A3F45;
}

body.dark-mode .note-timeline-avatar {
    border-color: rgba(3, 218, 198, 0.35);
    background-color: rgba(3, 218, 198, 0.12);
    color: #03DAC6;
}

body.dark-mode .note-timeline-body {
    background-color: #2F343B;
}

body.dark-mode .note-timeline-date {
    color: #9DA1B3;
}

body.dark-mode .note-timeline-new {
    border-top-color: #3A3F45;
}

/* Purchase order change log */
body.dark-mode .po-changelog-summary {
    background-color: #2F343B;
}

body.dark-mode .po-changelog-date,
body.dark-mode .po-changelog-net-label {
    color: #9DA1B3;
}

body.dark-mode .po-changelog-group {
    border-left-color: #3A3F45;
}

body.dark-mode .po-changelog-removed {
    border-left-color: rgba(237, 85, 101, 0.45);
}

body.dark-mode .po-changelog-added {
    border-left-color: rgba(3, 218, 198, 0.35);
}

body.dark-mode .po-changelog-removed .po-changelog-group-title {
    color: #F08A95;
}

body.dark-mode .po-changelog-added .po-changelog-group-title {
    color: #03DAC6;
}

/* Outline buttons: tinted background with coloured text, matching the project summary callouts */
body.dark-mode .btn.btn-outline.btn-primary {
    background-color: rgba(3, 218, 198, 0.12);
    border-color: rgba(3, 218, 198, 0.45);
    color: #03DAC6;
}

body.dark-mode .btn.btn-outline.btn-primary i {
    color: #03DAC6;
}

body.dark-mode .btn.btn-outline.btn-primary:hover,
body.dark-mode .btn.btn-outline.btn-primary:focus,
body.dark-mode .btn.btn-outline.btn-primary:active,
body.dark-mode .btn.btn-outline.btn-primary.active {
    background-color: rgba(3, 218, 198, 0.22);
    border-color: #03DAC6;
    color: #03DAC6;
}

body.dark-mode .btn.btn-outline.btn-primary:hover i {
    color: #03DAC6;
}

body.dark-mode .btn.btn-outline.btn-success {
    background-color: rgba(18, 88, 127, 0.25);
    border-color: rgba(18, 88, 127, 0.6);
    color: #9CC9E3;
}

body.dark-mode .btn.btn-outline.btn-success i {
    color: #9CC9E3;
}

body.dark-mode .btn.btn-outline.btn-success:hover,
body.dark-mode .btn.btn-outline.btn-success:focus,
body.dark-mode .btn.btn-outline.btn-success:active,
body.dark-mode .btn.btn-outline.btn-success.active {
    background-color: rgba(18, 88, 127, 0.4);
    border-color: #9CC9E3;
    color: #9CC9E3;
}

body.dark-mode .btn.btn-outline.btn-success:hover i {
    color: #9CC9E3;
}

body.dark-mode .btn.btn-outline.btn-info {
    background-color: rgba(35, 198, 200, 0.15);
    border-color: rgba(35, 198, 200, 0.45);
    color: #6FE3E5;
}

body.dark-mode .btn.btn-outline.btn-info i {
    color: #6FE3E5;
}

body.dark-mode .btn.btn-outline.btn-info:hover,
body.dark-mode .btn.btn-outline.btn-info:focus,
body.dark-mode .btn.btn-outline.btn-info:active,
body.dark-mode .btn.btn-outline.btn-info.active {
    background-color: rgba(35, 198, 200, 0.25);
    border-color: #6FE3E5;
    color: #6FE3E5;
}

body.dark-mode .btn.btn-outline.btn-info:hover i {
    color: #6FE3E5;
}

body.dark-mode .btn.btn-outline.btn-warning {
    background-color: rgba(169, 112, 47, 0.18);
    border-color: rgba(169, 112, 47, 0.5);
    color: #E0B97A;
}

body.dark-mode .btn.btn-outline.btn-warning i {
    color: #E0B97A;
}

body.dark-mode .btn.btn-outline.btn-warning:hover,
body.dark-mode .btn.btn-outline.btn-warning:focus,
body.dark-mode .btn.btn-outline.btn-warning:active,
body.dark-mode .btn.btn-outline.btn-warning.active {
    background-color: rgba(169, 112, 47, 0.3);
    border-color: #E0B97A;
    color: #E0B97A;
}

body.dark-mode .btn.btn-outline.btn-warning:hover i {
    color: #E0B97A;
}

body.dark-mode .btn.btn-outline.btn-danger {
    background-color: rgba(155, 38, 29, 0.25);
    border-color: rgba(155, 38, 29, 0.6);
    color: #F08A8A;
}

body.dark-mode .btn.btn-outline.btn-danger i {
    color: #F08A8A;
}

body.dark-mode .btn.btn-outline.btn-danger:hover,
body.dark-mode .btn.btn-outline.btn-danger:focus,
body.dark-mode .btn.btn-outline.btn-danger:active,
body.dark-mode .btn.btn-outline.btn-danger.active {
    background-color: rgba(155, 38, 29, 0.4);
    border-color: #F08A8A;
    color: #F08A8A;
}

body.dark-mode .btn.btn-outline.btn-danger:hover i {
    color: #F08A8A;
}


body.dark-mode .project-wizard-step,
body.dark-mode .project-wizard-step:hover,
body.dark-mode .project-wizard-step:focus {
    color: var(--wizard-text);
}

body.dark-mode .project-wizard-step {
    --wizard-border: rgba(255, 255, 255, 0.15);
    --wizard-fill: #1e1e1e;
    --wizard-fill-hover: #2a2a2a;
    --wizard-text: #9a9a9a;
    --wizard-solid: #6f6f6f;
}

body.dark-mode .project-wizard-green-background {
    --wizard-border: rgba(3, 218, 198, 0.45);
    --wizard-fill: #1a2f2d;
    --wizard-fill-hover: #1f4440;
    --wizard-text: #03DAC6;
    --wizard-solid: #03DAC6;
}

body.dark-mode .project-wizard-blue-background {
    --wizard-border: rgba(156, 201, 227, 0.5);
    --wizard-fill: #1b2a35;
    --wizard-fill-hover: #233a4a;
    --wizard-text: #9CC9E3;
    --wizard-solid: #4A9FD5;
}

body.dark-mode .project-wizard-red-background {
    --wizard-border: rgba(240, 138, 138, 0.5);
    --wizard-fill: #352222;
    --wizard-fill-hover: #4a2a2a;
    --wizard-text: #F08A8A;
    --wizard-solid: #E57373;
}

body.dark-mode .pd-card {
    background-color: #2a2e33;
    border-color: rgba(255, 255, 255, 0.08);
}

body.dark-mode .pd-card-header > i {
    color: #7B8090;
}

body.dark-mode .pd-field > label,
body.dark-mode .pd-section-label,
body.dark-mode .pd-site-address {
    color: #aab0b6;
}

body.dark-mode .pd-section-label {
    border-top-color: rgba(255, 255, 255, 0.08);
}

body.dark-mode .pd-muted {
    color: #80868c;
}

body.dark-mode .pd-status-yes,
body.dark-mode .pd-chip {
    background-color: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.12);
    color: #aab0b6;
}

body.dark-mode .pd-chip-yes {
    background-color: rgba(3, 218, 198, 0.12);
    border-color: rgba(3, 218, 198, 0.45);
    color: #03DAC6;
}

body.dark-mode .pd-status-warning,
body.dark-mode .pd-chip-file {
    background-color: rgba(3, 218, 198, 0.12);
    border-color: rgba(3, 218, 198, 0.6);
    color: #03DAC6;
}

body.dark-mode a.pd-chip-remove:hover {
    background-color: rgba(237, 85, 101, 0.15);
    color: #F08A95;
}

body.dark-mode .pd-chip-unknown {
    background-color: rgba(169, 112, 47, 0.18);
    border-color: rgba(169, 112, 47, 0.5);
    color: #E0B97A;
}

body.dark-mode .pd-chip-info {
    background-color: rgba(18, 88, 127, 0.25);
    border-color: rgba(18, 88, 127, 0.7);
    color: #9CC9E3;
}

body.dark-mode div.table.asset-table.costing-summary-table tbody > tr > td {
    border-top-color: #2a2e33;
    background-color: #33383f;
    color: #DCDCDC;
}

body.dark-mode div.table.asset-table.costing-summary-table tbody > tr:first-child > td {
    border-top: none;
}

body.dark-mode div.table.asset-table.costing-summary-table tbody > tr > td:first-child {
    box-shadow: inset 3px 0 0 #6b7078;
}

body.dark-mode div.table.asset-table.costing-summary-table tbody > tr.costing-row-yes > td:first-child {
    box-shadow: inset 3px 0 0 #03DAC6;
}

body.dark-mode div.table.asset-table.costing-summary-table tbody > tr.costing-row-unknown > td:first-child {
    box-shadow: inset 3px 0 0 #E0B97A;
}

body.dark-mode div.table.asset-table.costing-summary-table tbody > tr.costing-row-no > td:first-child {
    box-shadow: inset 3px 0 0 #ED5565;
}

body.dark-mode .costing-summary-tiles .costing-tile-yes {
    background-color: rgba(3, 218, 198, 0.12);
}

body.dark-mode .costing-summary-tiles .costing-tile-yes > i,
body.dark-mode .costing-summary-tiles .costing-tile-yes .project-summary-tile-value {
    color: #03DAC6;
}

body.dark-mode .costing-summary-tiles .costing-tile-unknown {
    background-color: rgba(169, 112, 47, 0.18);
}

body.dark-mode .costing-summary-tiles .costing-tile-unknown > i,
body.dark-mode .costing-summary-tiles .costing-tile-unknown .project-summary-tile-value {
    color: #E0B97A;
}

body.dark-mode .costing-summary-tiles .costing-tile-no {
    background-color: rgba(237, 85, 101, 0.15);
}

body.dark-mode .costing-summary-tiles .costing-tile-no > i,
body.dark-mode .costing-summary-tiles .costing-tile-no .project-summary-tile-value {
    color: #F08A95;
}

body.dark-mode .spec-item {
    border-color: rgba(255, 255, 255, 0.12);
    background-color: rgba(255, 255, 255, 0.03);
}

body.dark-mode .spec-item-media {
    border-color: rgba(255, 255, 255, 0.12);
}

body.dark-mode .spec-item-title {
    color: #DCDCDC;
}

body.dark-mode .spec-item-desc {
    color: #aab0b6;
}

body.dark-mode .spec-item-qty input {
    border-color: #5A616B;
    background-color: #2F343B;
}

body.dark-mode .spec-item-services .pd-chip {
    background-color: rgba(255, 255, 255, 0.04);
}

body.dark-mode a.spec-item-specsheet,
body.dark-mode a.spec-item-specsheet:hover {
    color: #F08A95;
}

body.dark-mode .spec-item-footer {
    border-top-color: rgba(255, 255, 255, 0.12);
}

body.dark-mode .pd-chip-no {
    background-color: rgba(237, 85, 101, 0.15);
    border-color: rgba(237, 85, 101, 0.45);
    color: #F08A95;
}

body.dark-mode .pd-site-contact > .pd-chip {
    background-color: rgba(255, 255, 255, 0.04);
}

body.dark-mode .pd-card-header {
    color: #BFC3D0;
}

body.dark-mode .pd-card-header-search input {
    background-color: #2F343B;
    border: 1px solid #5A616B;
    color: #CED4DA;
}

body.dark-mode .pd-card-header-search > i {
    color: #03DAC6;
}

body.dark-mode .pd-card-header-search > i.pd-card-header-search-clear {
    color: #8E949C;
}

body.dark-mode .pd-card-header-search > i.pd-card-header-search-clear:hover {
    color: #F08A95;
}

body.dark-mode .pd-card .pd-note-tile,
body.dark-mode .pd-page .pd-card .pd-note-tile {
    background-color: #33383f;
}

body.dark-mode .pd-page .pd-card {
    background-color: #2a2e33;
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: none;
}

body.dark-mode .ui-tabs.project-nav > .ui-tabs-nav > li.ui-tabs-header,
body.dark-mode .ui-tabs.project-nav > .ui-tabs-nav > li.ui-tabs-header.ui-state-hover {
    --pill-border: rgba(255, 255, 255, 0.15);
    --pill-fill: #1e1e1e;
    --pill-fill-hover: #2a2a2a;
    --pill-text: #9a9a9a;
    border: 1px solid var(--pill-border);
    background-color: var(--pill-fill);
}

body.dark-mode .ui-tabs.project-nav > .ui-tabs-nav > li.ui-tabs-header.ui-state-hover {
    background-color: var(--pill-fill-hover);
}

body.dark-mode .ui-tabs.project-nav > .ui-tabs-nav > li.ui-tabs-header.ui-state-active,
body.dark-mode .ui-tabs.project-nav > .ui-tabs-nav > li.ui-tabs-header.ui-state-active.ui-state-hover {
    --pill-border: rgba(3, 218, 198, 0.45);
    --pill-fill: #1a2f2d;
    --pill-fill-hover: #1f4440;
    --pill-text: #03DAC6;
    border: 1px solid var(--pill-border);
    background-color: var(--pill-fill);
}

body.dark-mode .ui-tabs.project-nav > .ui-tabs-nav > li.ui-tabs-header a,
body.dark-mode .ui-tabs.project-nav > .ui-tabs-nav > li.ui-tabs-header.ui-state-active a,
body.dark-mode .ui-tabs.project-nav > .ui-tabs-nav > li.ui-tabs-header.ui-state-active.ui-state-hover a,
body.dark-mode .ui-tabs.project-nav > .ui-tabs-nav > li.ui-tabs-header a i,
body.dark-mode .ui-tabs.project-nav > .ui-tabs-nav > li.ui-tabs-header.ui-state-active a i,
body.dark-mode .ui-tabs.project-nav > .ui-tabs-nav > li.ui-tabs-header.ui-state-active.ui-state-hover a i {
    border: none;
    background: none;
    color: var(--pill-text);
}

body.dark-mode .ui-tabs.project-nav > .ui-tabs-panels,
body.dark-mode .ui-tabs.project-nav > .ui-tabs-panels > .ui-tabs-panel {
    border: none;
    background: none;
}

body.dark-mode .project-nav-card {
    background-color: #2a2e33;
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: none;
}

body.dark-mode .autoquotes-upload.autoquotes-upload-outline.ui-fileupload div.ui-fileupload-buttonbar span.ui-fileupload-choose {
    border: 1px solid rgba(3, 218, 198, 0.45);
    border-radius: 8px;
    background-color: rgba(3, 218, 198, 0.12);
    color: #03DAC6;
}

body.dark-mode .autoquotes-upload.autoquotes-upload-outline.ui-fileupload div.ui-fileupload-buttonbar span.ui-fileupload-choose.ui-state-hover {
    border-color: #03DAC6;
    background-color: rgba(3, 218, 198, 0.22);
    color: #03DAC6;
}

body.dark-mode .hs-pill-yes {
    border-color: rgba(3, 218, 198, 0.45);
    background-color: rgba(3, 218, 198, 0.12);
    color: #03DAC6;
}

body.dark-mode .hs-pill-no {
    border-color: rgba(229, 115, 115, 0.5);
    background-color: rgba(229, 115, 115, 0.14);
    color: #F08A8A;
}

body.dark-mode .hs-pill > i {
    color: inherit;
}

body.dark-mode .project-nav-card div.table thead th,
body.dark-mode .project-nav-card table.table > thead > tr > th,
body.dark-mode div.table.asset-table thead th,
body.dark-mode div.table.po-line-item-table thead th,
body.dark-mode div.table.projects-table thead th {
    border-bottom-color: rgba(255, 255, 255, 0.1);
    background: none;
    color: #9DA1B3;
}

/* A plain table in a card (e.g. the works planning checklist): the table itself is white from the light theme, which
   shows in the gaps between rows, and the headings take the card's colour, not the grey bar from ".table thead:first-child" above */
body.dark-mode .project-nav-card table.table {
    background-color: transparent;
}

body.dark-mode .project-nav-card table.table > thead:first-child > tr:first-child > th {
    border-bottom-color: rgba(255, 255, 255, 0.1);
    background-color: #2a2e33;
    color: #9DA1B3;
}

body.dark-mode div.table.asset-table tbody td {
    border: none;
}

body.dark-mode div.table.asset-table tr.oc-block td {
    border-top: 8px solid #2a2e33;
    background-color: #33383f;
    color: #DCDCDC;
}

body.dark-mode div.table.asset-table tr.oc-block td:first-child {
    box-shadow: inset 3px 0 0 #03DAC6;
}

/* Works planning checklist: the action's status edge, which the teal edge above would otherwise cover */
body.dark-mode div.table.asset-table tr.wpc-none td:first-child {
    box-shadow: inset 3px 0 0 #6b7078;
}

body.dark-mode div.table.asset-table tr.wpc-done td:first-child {
    box-shadow: inset 3px 0 0 #03DAC6;
}

body.dark-mode div.table.asset-table tr.wpc-outstanding td:first-child {
    box-shadow: inset 3px 0 0 #F0AD4E;
}

body.dark-mode div.table.asset-table tr.oc-blocklineitem td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    background-color: #2a2e33;
    color: #9aa0a6;
}

body.dark-mode .asset-thumb {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: #ffffff;
}

body.dark-mode .asset-thumb-empty {
    background-color: #2a2e33;
}

body.dark-mode .asset-thumb-empty > i,
body.dark-mode .asset-connector {
    color: #5a6067;
}

body.dark-mode .asset-ref,
body.dark-mode .asset-doc-link {
    border-color: rgba(3, 218, 198, 0.45);
    background-color: rgba(3, 218, 198, 0.12);
    color: #03DAC6;
}

body.dark-mode .asset-doc-link:hover,
body.dark-mode .asset-doc-link:focus {
    border-color: #03DAC6;
    background-color: rgba(3, 218, 198, 0.22);
}

body.dark-mode .asset-doc-link > i {
    color: #03DAC6;
}

body.dark-mode div.table.asset-table tr.oc-block.migration-unmigrated td:first-child {
    box-shadow: inset 3px 0 0 #F0AD4E;
}

/* The compact search in the projects filter row: the standard dark search button has a thick ring sized for the full height box */
body.dark-mode .projects-toolbar-search .omni-searchbar input.form-control.omni-searchbox,
body.dark-mode .projects-toolbar-search .omni-searchbar input.form-control.omni-searchbox:hover {
    border: 1px solid #5A616B;
}

body.dark-mode .projects-toolbar-search .omni-searchbar input.form-control.omni-searchbox:focus {
    border: 1px solid #03DAC6 !important;
}

body.dark-mode .projects-toolbar-search .omni-searchbar i.omni-search-icon-button {
    top: 0;
    left: 0;
    border: none;
    background-color: transparent;
}

body.dark-mode .projects-toolbar-search .omni-searchbar i.omni-search-icon-button:hover {
    background-color: transparent;
    color: #03DAC6;
}

body.dark-mode .filter-select {
    border-color: #5A616B;
    background-color: #2F343B;
}

body.dark-mode .filter-select:focus-within {
    border-color: #03DAC6;
    box-shadow: 0 0 0 3px rgba(3, 218, 198, 0.15);
}

body.dark-mode .filter-select .ui-selectonemenu label.ui-selectonemenu-label {
    color: #CED4DA;
}

body.dark-mode .ui-selectonemenu-panel.filter-select-panel {
    border-color: #5A616B;
    background: #272B30;
}

body.dark-mode .ui-selectonemenu-panel.filter-select-panel .ui-selectonemenu-items-wrapper,
body.dark-mode .ui-selectonemenu-panel.filter-select-panel .ui-selectonemenu-list {
    background: #272B30;
    scrollbar-color: #5A616B #272B30;
}

body.dark-mode .ui-selectonemenu-panel.filter-select-panel .ui-selectonemenu-item.ui-state-highlight {
    background: #03DAC6;
    color: #2F343B;
}

body.dark-mode .project-status {
    border-color: rgba(255, 255, 255, 0.15);
    background-color: rgba(255, 255, 255, 0.06);
    color: #CED4DA;
}

body.dark-mode .project-status-steps > i {
    background-color: rgba(255, 255, 255, 0.18);
}

body.dark-mode .project-status-30 .project-status-steps > i:nth-child(-n+1) {
    background-color: #ed5565;
}

body.dark-mode .project-status-60 .project-status-steps > i:nth-child(-n+2) {
    background-color: #f0ad4e;
}

body.dark-mode .project-status-90 .project-status-steps > i:nth-child(-n+3) {
    background-color: #4aa3e0;
}

body.dark-mode .project-status-converted .project-status-steps > i:nth-child(-n+4) {
    background-color: #03DAC6;
}

body.dark-mode .docket-priority-low .project-status-steps > i:nth-child(-n+1) {
    background-color: #03DAC6;
}

body.dark-mode .docket-priority-normal .project-status-steps > i:nth-child(-n+2) {
    background-color: #f0ad4e;
}

body.dark-mode .docket-priority-high .project-status-steps > i:nth-child(-n+3) {
    background-color: #ed5565;
}

body.dark-mode .project-status-complete {
    border-color: rgba(3, 218, 198, 0.45);
    background-color: rgba(3, 218, 198, 0.12);
    color: #03DAC6;
}

body.dark-mode .project-status-lost {
    border-color: rgba(237, 85, 101, 0.45);
    background-color: rgba(237, 85, 101, 0.14);
    color: #f08a94;
}

body.dark-mode .asset-ref.asset-ref-host {
    border-color: rgba(255, 255, 255, 0.15);
    background-color: rgba(255, 255, 255, 0.06);
    color: #aab0b6;
}

body.dark-mode tr.migration-unmigrated .asset-ref {
    border-color: rgba(240, 173, 78, 0.4);
    background-color: rgba(240, 173, 78, 0.15);
    color: #f0c987;
}

body.dark-mode .proposal-tile {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: #2F343B;
}

body.dark-mode .proposal-tile.proposal-tile-current {
    border-color: rgba(3, 218, 198, 0.35);
    background-color: rgba(3, 218, 198, 0.08);
}

body.dark-mode .proposal-tile-label,
body.dark-mode .proposal-tile-value {
    color: #DCDCDC;
}

body.dark-mode .proposal-tile-current .proposal-tile-value {
    color: #03DAC6;
}

body.dark-mode .proposal-tile-meta {
    color: #9aa0a6;
}

body.dark-mode table.finance-summary-table > thead > tr > th {
    border-bottom-color: rgba(255, 255, 255, 0.1);
    color: #9DA1B3;
}

body.dark-mode table.finance-summary-table > tbody > tr > td {
    border-top-color: #2a2e33;
    background-color: #33383f;
    color: #DCDCDC;
}

body.dark-mode table.finance-summary-table > tbody > tr > td:first-child {
    box-shadow: inset 3px 0 0 #03DAC6;
}

body.dark-mode table.finance-summary-table > tbody > tr.finance-summary-converted > td:first-child {
    box-shadow: inset 3px 0 0 #6b7078;
}

body.dark-mode table.finance-summary-table > tbody > tr.finance-summary-incomplete > td:first-child {
    box-shadow: inset 3px 0 0 #F08A95;
}

body.dark-mode table.finance-summary-table > tbody > tr.finance-summary-difference > td {
    background-color: #2a2e33;
    border: none;
    color: #9aa0a6;
}

body.dark-mode table.finance-summary-table > tbody > tr.finance-summary-difference > td:first-child {
    box-shadow: none;
}

body.dark-mode .invoiced-summary {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: #2F343B;
}

body.dark-mode .invoiced-summary-value,
body.dark-mode .invoiced-summary-percent {
    color: #DCDCDC;
}

body.dark-mode .invoiced-summary-of {
    color: #9aa0a6;
}

body.dark-mode .invoiced-summary-bar {
    background-color: rgba(255, 255, 255, 0.1);
}

body.dark-mode .invoiced-summary-complete {
    border-color: rgba(3, 218, 198, 0.35);
    background-color: rgba(3, 218, 198, 0.08);
}

body.dark-mode .invoiced-summary-complete .invoiced-summary-value,
body.dark-mode .invoiced-summary-complete .invoiced-summary-percent {
    color: #03DAC6;
}

body.dark-mode .invoiced-summary-complete .invoiced-summary-bar > div {
    background-color: #03DAC6;
}

body.dark-mode .invoiced-summary-bar.invoiced-summary-bar-complete > div {
    background-color: #03DAC6;
}

body.dark-mode .bs-callout.finance-doc {
    background-color: #2F343B;
}

body.dark-mode .finance-doc-label,
body.dark-mode .finance-doc-value {
    color: #DCDCDC;
}

body.dark-mode .finance-doc-comments,
body.dark-mode .finance-doc-meta {
    color: #b5b9be;
}

body.dark-mode .finance-doc-date {
    color: #9aa0a6;
}

body.dark-mode table.finance-summary-table > tbody > tr > td.fin-good {
    color: #03DAC6;
}

body.dark-mode table.finance-summary-table > tbody > tr > td.fin-bad {
    color: #ef6f6c;
}

body.dark-mode table.finance-summary-table > tbody > tr > td.fin-warn {
    color: #f0ad4e;
}

body.dark-mode .pd-contact-callout {
    background-color: #1c2f40;
    color: #DCDCDC;
}

body.dark-mode .pd-contact-row > i {
    color: #5aaee6;
}

/* Cost summary tables: line items get a paler edge, rows with a problem (or no cost yet) go red, existing rows go grey */
body.dark-mode div.table.asset-table tr.oc-block.problem td,
body.dark-mode div.table.asset-table tr.oc-block.red td {
    background-color: #3b2d31;
    color: #F08A95;
}

body.dark-mode div.table.asset-table tr.oc-blocklineitem.problem td,
body.dark-mode div.table.asset-table tr.oc-blocklineitem.red td {
    background-color: #33282b;
    color: #F08A95;
}

body.dark-mode div.table.asset-table tr.oc-block.problem td:first-child,
body.dark-mode div.table.asset-table tr.oc-block.red td:first-child {
    box-shadow: inset 3px 0 0 #ED5565;
}

body.dark-mode div.table tr.pvrli-incomplete > td:first-child {
    box-shadow: inset 3px 0 0 #ED5565;
}

body.dark-mode tr.problem .asset-ref,
body.dark-mode tr.red .asset-ref,
body.dark-mode tr.problem .id-pill,
body.dark-mode tr.red .id-pill,
body.dark-mode tr.pvrli-incomplete .id-pill {
    border-color: rgba(237, 85, 101, 0.45);
    background-color: rgba(237, 85, 101, 0.15);
    color: #F08A95;
}

body.dark-mode tr.problem .asset-connector,
body.dark-mode tr.red .asset-connector {
    color: #ED5565;
}

body.dark-mode div.table.asset-table tr.oc-block.existing td:first-child {
    box-shadow: inset 3px 0 0 #6b7078;
}

body.dark-mode tr.existing .asset-ref {
    border-color: rgba(255, 255, 255, 0.15);
    background-color: rgba(255, 255, 255, 0.06);
    color: #aab0b6;
}

body.dark-mode .costing-editable-table .ui-row-editor .ui-icon {
    color: #7d838a;
}

body.dark-mode .costing-editable-table .ui-row-editor .ui-icon-pencil:hover {
    color: #DCDCDC;
}

body.dark-mode .costing-editable-table .ui-row-editor .ui-icon-check {
    color: #03DAC6;
}

body.dark-mode .costing-editable-table .ui-row-editor .ui-icon-check:hover {
    color: #5ff0e0;
}

body.dark-mode .costing-editable-table .ui-row-editor .ui-icon-close {
    color: #ED5565;
}

body.dark-mode .costing-editable-table .ui-row-editor .ui-icon-close:hover {
    color: #F08A95;
}

body.dark-mode div.table.asset-table tr.oc-block.costing-existing-row td:first-child {
    box-shadow: inset 3px 0 0 #6b7078;
}

body.dark-mode tr.costing-existing-row .asset-ref {
    border-color: rgba(255, 255, 255, 0.15);
    background-color: rgba(255, 255, 255, 0.06);
    color: #aab0b6;
}

body.dark-mode tr.problem .costing-supplier-pill {
    border-color: rgba(237, 85, 101, 0.45);
    background-color: rgba(237, 85, 101, 0.15);
    color: #F08A95;
}

/* Checkboxes, see oneClick.css */
body.dark-mode div.ui-chkbox div.ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default {
    background-color: #2F343B;
    border-color: #5A626C;
}

body.dark-mode div.ui-chkbox div.ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default:hover {
    border-color: #03DAC6;
}

body.dark-mode div.ui-chkbox div.ui-chkbox-box.ui-widget.ui-corner-all.ui-state-focus {
    border-color: #03DAC6;
    box-shadow: 0 0 0 3px rgba(3, 218, 198, 0.25);
}

body.dark-mode div.ui-chkbox div.ui-chkbox-box.ui-widget.ui-corner-all.ui-state-active {
    background-color: #03DAC6;
    border-color: #03DAC6;
}

body.dark-mode div.ui-chkbox div.ui-chkbox-box.ui-widget.ui-corner-all.ui-state-active.ui-state-focus {
    box-shadow: 0 0 0 3px rgba(3, 218, 198, 0.25);
}

body.dark-mode div.ui-chkbox div.ui-chkbox-box.ui-widget.ui-corner-all.ui-state-active > span.ui-chkbox-icon.ui-icon-check {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300221F' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");
}

body.dark-mode .label-warning {
    background-color: #FFC6581A;
    color: #FFC658;
}

body.dark-mode .cost-item-subtitle {
    color: #A8ADB3;
}

body.dark-mode .label-soft-grey {
    background-color: #A8ADB333;
    color: #A8ADB3;
}

/* Request quote dialog (popups/quote-request-confirmation.xhtml) */
body.dark-mode .quote-request-modal .modal-content,
body.dark-mode .quote-request-modal .modal-header .modal-title,
body.dark-mode .quote-request-modal .qr-extra .form-horizontal .control-label,
body.dark-mode .quote-request-modal .qr-extra .supplier-comment-label {
    color: #DCDCDC;
}

body.dark-mode .quote-request-modal .modal-header .close,
body.dark-mode .quote-request-modal .qr-subtitle,
body.dark-mode .quote-request-modal .qr-supplier-email,
body.dark-mode .quote-request-modal .qr-section-title,
body.dark-mode .quote-request-modal .qr-option-hint,
body.dark-mode .quote-request-modal .qr-field-label,
body.dark-mode .quote-request-modal .qr-extra .supplier-comment-optional {
    color: #A8ADB3;
}

body.dark-mode .quote-request-modal .modal-header .close:hover {
    background: #2F343B;
}

body.dark-mode .quote-request-modal .qr-supplier {
    background: #2F343B;
    border-color: #3A4047;
}

body.dark-mode .quote-request-modal .qr-pill {
    background: #0B736640;
    color: #4FC3B3;
}

body.dark-mode .quote-request-modal .qr-option {
    border-bottom-color: #3A4047;
}

body.dark-mode .quote-request-modal .ui-toggleswitch .ui-toggleswitch-slider {
    background: #4F565E;
}

body.dark-mode .quote-request-modal .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider {
    background: #0B7366;
}

body.dark-mode .quote-request-modal .qr-deadline .ui-inputfield {
    background-color: #2F343B;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A8ADB3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E");
    border-color: #4F565E;
    color: #DCDCDC;
}

body.dark-mode .quote-request-modal .qr-extra .form-control {
    background-color: #2F343B;
    border-color: #4F565E;
    color: #DCDCDC;
}

body.dark-mode .quote-request-modal .qr-deadline .ui-inputfield:focus,
body.dark-mode .quote-request-modal .qr-extra .form-control:focus {
    border-color: #4FC3B3;
}

body.dark-mode .ui-fileupload.upload-dropzone {
    background: #2F343B;
    border-color: #4F565E;
}

body.dark-mode .ui-fileupload.upload-dropzone div.ui-fileupload-buttonbar {
    background: transparent;
    border: 0;
    color: #CED4DA;
}

body.dark-mode .ui-fileupload.upload-dropzone div.ui-fileupload-content {
    background: transparent;
    border: 0;
}

body.dark-mode .ui-fileupload.upload-dropzone div.ui-fileupload-buttonbar span.ui-fileupload-choose {
    border: 1px solid rgba(3, 218, 198, 0.45);
    background-color: rgba(3, 218, 198, 0.12);
    color: #03DAC6;
}

body.dark-mode .ui-fileupload.upload-dropzone div.ui-fileupload-buttonbar span.ui-fileupload-choose.ui-state-hover {
    border-color: #03DAC6;
    background-color: rgba(3, 218, 198, 0.22);
    color: #03DAC6;
}

body.dark-mode .ui-fileupload.upload-dropzone div.ui-fileupload-content .ui-messages div.ui-messages-error {
    background-color: rgba(155, 38, 29, 0.25);
    border-left-color: rgba(155, 38, 29, 0.9);
    color: #F08A8A;
}

body.dark-mode .ui-fileupload.upload-dropzone div.ui-fileupload-row {
    color: #CED4DA;
}

body.dark-mode .ui-fileupload.upload-dropzone div.ui-fileupload-content .ui-progressbar {
    background-color: rgba(255, 255, 255, 0.12);
}

body.dark-mode .ui-fileupload.upload-dropzone div.ui-fileupload-content .ui-progressbar .ui-progressbar-value {
    background-color: #03DAC6;
}

body.dark-mode .quote-request-modal .modal-content .modal-footer {
    background: #23272B;
    border-top: 1px solid #3A4047;
}

body.dark-mode .quote-request-modal .modal-footer a.qr-btn-cancel {
    background: #2F343B;
    border-color: #4F565E;
    color: #CED4DA;
}

body.dark-mode .quote-request-modal .modal-footer a.qr-btn-cancel:hover {
    background: #3A4047;
}

body.dark-mode .quote-request-modal .modal-footer a.qr-btn-danger,
body.dark-mode .quote-request-modal .modal-footer a.qr-btn-danger i,
body.dark-mode .quote-request-modal .modal-footer a.qr-btn-primary,
body.dark-mode .quote-request-modal .modal-footer a.qr-btn-primary i {
    color: #FFF;
}

/* Configure block dialog (popups/partpicker-configuration.xhtml) */
body.dark-mode .quote-request-modal .pd-card .ui-selectoneradio .ui-g,
body.dark-mode .quote-request-modal .qr-line-item {
    border-bottom-color: #3A4047;
}

/* Choose replaced equipment dialog (popups/choose-replaced-sd-equipment.xhtml) */
body.dark-mode .quote-request-modal .qr-listbox.ui-selectonelistbox {
    background: #2F343B;
    border-color: #4F565E;
}

body.dark-mode .quote-request-modal .qr-listbox .ui-selectlistbox-item {
    border-bottom-color: #3A4047;
    color: #DCDCDC;
}

body.dark-mode .quote-request-modal .qr-listbox .ui-selectlistbox-item.ui-state-hover {
    background: #3A4047;
}

body.dark-mode .quote-request-modal .qr-listbox .ui-selectlistbox-item.ui-state-highlight {
    background: #0B736640;
    color: #4FC3B3;
}

body.dark-mode .quote-request-modal .ui-selectoneradio .ui-radiobutton div.ui-radiobutton-box {
    background: #2F343B;
    border-color: #4F565E;
}

body.dark-mode .quote-request-modal .ui-selectoneradio .ui-radiobutton div.ui-radiobutton-box.ui-state-active {
    border-color: #4FC3B3;
}

body.dark-mode .quote-request-modal .ui-selectoneradio .ui-radiobutton .ui-state-active span.ui-radiobutton-icon.ui-icon {
    background-color: #4FC3B3;
}

body.dark-mode .quote-request-modal .modal-footer span.qr-btn.ui-state-disabled {
    background: #4F565E;
    border-color: #4F565E;
    color: #A8ADB3;
}

/* Docket gantt on the project page's Timeline tab */
body.dark-mode .dkt-scroll {
    border-color: rgba(255, 255, 255, 0.1);
}

body.dark-mode .dkt-head,
body.dark-mode .dkt-corner {
    background-color: #2F343B;
    border-color: rgba(255, 255, 255, 0.1);
    color: #9aa0ad;
}

body.dark-mode .dkt-axis-cell {
    border-left-color: rgba(255, 255, 255, 0.06);
    color: #9aa0ad;
}

body.dark-mode .dkt-axis-top .dkt-axis-cell {
    border-left-color: rgba(255, 255, 255, 0.12);
    color: #CED4DA;
}

body.dark-mode .dkt-gridline {
    border-left-color: rgba(255, 255, 255, 0.04);
}

body.dark-mode .dkt-gridline-major {
    border-left-color: rgba(255, 255, 255, 0.1);
}

body.dark-mode .dkt-weekend {
    background-color: rgba(255, 255, 255, 0.03);
}

body.dark-mode .dkt-row {
    border-bottom-color: rgba(255, 255, 255, 0.06);
}

body.dark-mode .dkt-label {
    background-color: #2a2e33;
    border-right-color: rgba(255, 255, 255, 0.1);
}

body.dark-mode .dkt-label-name {
    color: #DCDCDC;
}

body.dark-mode .dkt-label-person,
body.dark-mode .dkt-empty,
body.dark-mode .dkt-legend {
    color: #9aa0ad;
}

body.dark-mode .dkt-label-count {
    background-color: #3A4047;
    color: #BFC3D0;
}

body.dark-mode .dkt-task-dot.dkt-task-waiting {
    background-color: #5A616B;
}

body.dark-mode .dkt-plan,
body.dark-mode .dkt-milestone,
body.dark-mode .dkt-key-plan {
    border-color: #5A616B;
    background-color: rgba(255, 255, 255, 0.04);
}

body.dark-mode .dkt-obsolete,
body.dark-mode .dkt-key-late {
    background-color: #5A616B;
    color: #CED4DA;
}

body.dark-mode .dkt-bar:hover,
body.dark-mode .dkt-bar.dkt-bar-linked {
    box-shadow: 0 0 0 2px #2a2e33, 0 0 0 4px rgba(255, 255, 255, 0.45);
}

body.dark-mode .dkt-flow path {
    stroke: #A8ADB3;
}

body.dark-mode .dkt-flow path.dkt-flow-hot {
    stroke: #fff;
}

body.dark-mode .dkt-zoom {
    background-color: #3A4047;
}

body.dark-mode .dkt-zoom button,
body.dark-mode .dkt-toggle {
    color: #BFC3D0;
}

body.dark-mode .dkt-zoom button.active {
    background-color: #2a2e33;
    color: #4FC3B3;
}

body.dark-mode .dkt-toggle {
    border-color: #4F565E;
}

body.dark-mode .dkt-toggle.active {
    border-color: #4FC3B3;
    color: #4FC3B3;
}

body.dark-mode .dkt-tip {
    background-color: #15181b;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

/* At risk / opportunity marker on the projects list */
body.dark-mode .projects-table-flag-icon.at-risk {
    color: #F0827E;
}

body.dark-mode .projects-table-flag-icon.opportunity {
    color: #4FC3B3;
}

/* Error pages */
body.dark-mode .error-page-card {
    border-color: #4F565E;
    background-color: #2a2e33;
    box-shadow: none;
}

body.dark-mode .error-page-icon-neutral {
    background-color: rgba(79, 195, 179, 0.15);
    color: #4FC3B3;
}

body.dark-mode .error-page-icon-warning {
    background-color: rgba(240, 180, 90, 0.15);
    color: #F0B45A;
}

body.dark-mode .error-page-icon-danger {
    background-color: rgba(240, 130, 126, 0.15);
    color: #F0827E;
}

body.dark-mode h1.error-page-title,
body.dark-mode .error-page-ref code {
    color: #DCDCDC;
}

body.dark-mode .error-page-text,
body.dark-mode .error-page-details dd {
    color: #BFC3D0;
}

body.dark-mode .error-page-path,
body.dark-mode .error-page-ref,
body.dark-mode .error-page-trace pre {
    border-color: #4F565E;
    background-color: #1A1D21;
    color: #BFC3D0;
}

body.dark-mode .error-page-details {
    border-top-color: #4F565E;
}

body.dark-mode .error-page-details summary:hover {
    color: #4FC3B3;
}

body.dark-mode .error-page .btn-white {
    border-color: #4F565E;
    background-color: #3A4047;
    color: #BFC3D0;
}

body.dark-mode .footer .app-version {
    color: #6C757D;
}