/* 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-error {
    background-color: #2F343B;
    border-color: #D9534F;
}

body.dark-mode .ui-messages-error .ui-messages-error-summary {
    color: #DCDCDC;
}

/* BS Callout */

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

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

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

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

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

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 {
    background-color: #2F343B;
    border: none;
    color: #DCDCDC;
    padding: 10px;
}

body.dark-mode .ui-paginator span.ui-paginator-pages a {
    background-color: transparent !important;
}

body.dark-mode .ui-paginator span.ui-paginator-pages a.ui-state-active {
    background-color: #03DAC6 !important;
}

body.dark-mode .ui-paginator span.ui-paginator-pages a:hover {
    background-color: #03DAC6 !important;
    border-color: #03DAC6 !important;
    color: #FFF;
}

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 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-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: #303030;
    border: none;
    color: #CED4DA;
}

body.dark-mode .well .well,
body.dark-mode .well .well-white {
    background-color: #303030;
    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;
}

/* Gaant */
body.dark-mode .gantt_container {
    border-color: #424242;
}

body.dark-mode .gantt_data_area {
    background-color: #424242;
}

body.dark-mode .gantt_scale_line {
    background-color: #424242;
}

body.dark-mode .gantt_scale_line {
    background-color: #424242;
}

body.dark-mode .gantt_task {
    border-top: 1px solid #272B30;
}

body.dark-mode .gantt_task .gantt_task_scale .gantt_scale_cell {
    background-color: #272B30;
    color: #DCDCDC;
}

body.dark-mode .gantt_grid_scale, .gantt_task_scale {
    background-color: #272B30;
    color: #DCDCDC;
}

body.dark-mode .gantt_grid_data .gantt_cell {
    background-color: #272B30;
    color: #DCDCDC;
}

body.dark-mode .gantt_grid_scale .gantt_grid_head_cell {
    color: #DCDCDC;
}

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

body.dark-mode .gantt_row,
body.dark-mode .gantt_task_row {
    background: #424242;
    color: #CED4DA;
}

body.dark-mode .gantt_task_cell.week_end {
    background: #272B30;
}

body.dark-mode div.gantt_task_line.complete,
body.dark-mode div.gantt_task_line.complete div.gantt_task_progress,
body.dark-mode div.gantt_milestone.complete {
    background-color: #03DAC6;
    border: 1px solid #03DAC6;
}

body.dark-mode div.gantt_marker.fixed-task,
body.dark-mode .gantt_marker .gantt_marker_content,
body.dark-mode div.gantt_marker.today {
    background-color: #03DAC6;
    color: #00221F;
}

body.dark-mode div.gantt_task_line.active {
    background-color: #2F95AD;
    border: 1px solid #2F95AD;
}

body.dark-mode div.gantt_task_line.waiting,
body.dark-mode div.gantt_task_line.undefined {
    background-color: #A5A5A5;
    border: 1px solid #A5A5A5;
}

body.dark-mode div.gantt_task_line.project-overdue {
    background-color: #F26A6A;
    border: 1px solid #F26A6A;
}

body.dark-mode .gantt-btn-group label.btn {
    background: #A5A5A5;
    border: 1px solid #A5A5A5;
    color: #272B30;
}

body.dark-mode .gantt-btn-group label.btn:hover,
body.dark-mode .gantt-btn-group label.btn.active,
body.dark-mode .gantt-btn-group label.btn.active:hover {
    background-color: #03DAC6 !important;
    border: 1px solid #03DAC6 !important;
    color: #00221F;
}

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