/**/
:root {
    --dark: #333442;
    --darklight: #383948;
    --darkborder: #434556;
    --darkyellow: #4f4d32;
}
body.dark-mode {
  background: #282934;
}
body.dark-mode .toptions > div > div > .title,
body.dark-mode .popout-container {
  background: #282934;
}
body.dark-mode table.table.compact-table tbody tr.collapsable-row,
body.dark-mode .popout-actions {
  background: #2f303d;
}
body.dark-mode .collapse-container {
  color: white;
}
body.dark-mode table.table.compact-table thead th {
  color: #00cadc;
}
body.dark-mode .bg-ly {
  background: #625f37;
}
body.dark-mode .bg-y {
  background: #4f4d32;
}
body.dark-mode .project-details-row {
  color: white;
}
body.dark-mode .project-details-row:hover {
  color: #00cadc;
}
body.dark-mode .project-details-row > *:first-child {
  color: #00cadc;
}
body.dark-mode .card-container .card {
  background: #282934;
}
body.dark-mode header.desktop-header {
  background: #2f303d;
}
body.dark-mode .jstree-default .jstree-anchor {
  color: #fff;
}
body.dark-mode .jstree-default .jstree-themeicon-custom {
  background-color: #fff;
}
body.dark-mode .jstree-anchor:hover {
  background: #00cadc;
}
body.dark-mode .help-sidebar .help-article-list {
  border-top-color: #333442;
}
body.dark-mode .help-sidebar .help-article-list .item {
  border-bottom-color: #333442;
}
body.dark-mode .help-sidebar .help-article-list .item:hover {
  background-color: #333442;
}
body.dark-mode .help-sidebar .help-article-list .item .title {
  color: #fff;
}
body.dark-mode .ly-container label {
  color: #282934;
}
body.dark-mode nav.primary-nav .menu-toggle {
  color: #fff;
  background: #333442;
}
body.dark-mode nav.primary-nav .menu-toggle:hover {
  color: #00cadc;
}
body.dark-mode .popup {
  background: #333442;
  color: #fff;
}
body.dark-mode .popup .notificationarea-item {
  background: #282934;
}
body.dark-mode .popup .notificationarea-item a:hover {
  color: #ef511f;
}
body.dark-mode .dialog section.content-container {
  border-bottom-color: rgba(140, 152, 175, 0.4);
  border-top-color: rgba(140, 152, 175, 0.4);
}
body.dark-mode .widget-list-container .dashItemInfo {
  background: transparent;
  border-color: rgba(140, 152, 175, 0.4);
}
body.dark-mode .widget-list-container .dashItemInfo .title {
  color: #fff;
}
body.dark-mode .dialog > section,
body.dark-mode .dialog > section p,
body.dark-mode pre,
body.dark-mode .dialog header .close {
  color: #fff;
}
body.dark-mode pre#vatCheckResults,
body.dark-mode pre#crnCheckResults {
  background: #282934;
}
body.dark-mode .highcharts-background,
body.dark-mode .highcharts-button-box {
  fill: #333442 !important;
}
body.dark-mode .highcharts-button path {
  stroke: #fff;
  fill: #00cadc;
}
body.dark-mode .highcharts-button text {
  fill: #fff;
}
body.dark-mode .highcharts-title {
  fill: #00cadc !important;
}
body.dark-mode .wbs-item:hover {
  background: #333442;
}
body.dark-mode select optgroup {
  background: #3e4051;
  color: #fff;
}
body.dark-mode .ui-datepicker,
body.dark-mode .ui-datepicker .ui-datepicker-header.ui-widget-header {
  background: #282934;
}
body.dark-mode .ui-datepicker td,
body.dark-mode .ui-datepicker .ui-datepicker-header.ui-widget-header td,
body.dark-mode .ui-datepicker .ui-state-default,
body.dark-mode .ui-datepicker .ui-datepicker-header.ui-widget-header .ui-state-default,
body.dark-mode .ui-datepicker .ui-widget-content .ui-state-default,
body.dark-mode .ui-datepicker .ui-datepicker-header.ui-widget-header .ui-widget-content .ui-state-default,
body.dark-mode .ui-datepicker .ui-widget-header .ui-state-default,
body.dark-mode .ui-datepicker .ui-datepicker-header.ui-widget-header .ui-widget-header .ui-state-default,
body.dark-mode .ui-datepicker .ui-button,
body.dark-mode .ui-datepicker .ui-datepicker-header.ui-widget-header .ui-button,
body.dark-mode .ui-datepicker html .ui-button.ui-state-disabled:hover,
body.dark-mode .ui-datepicker .ui-datepicker-header.ui-widget-header html .ui-button.ui-state-disabled:hover,
body.dark-mode .ui-datepicker html .ui-button.ui-state-disabled:active,
body.dark-mode .ui-datepicker .ui-datepicker-header.ui-widget-header html .ui-button.ui-state-disabled:active {
  background: #282934;
  color: #fff;
}
body.dark-mode .ui-datepicker td.ui-datepicker-current-day,
body.dark-mode .ui-datepicker .ui-datepicker-header.ui-widget-header td.ui-datepicker-current-day,
body.dark-mode .ui-datepicker .ui-state-default.ui-datepicker-current-day,
body.dark-mode .ui-datepicker .ui-datepicker-header.ui-widget-header .ui-state-default.ui-datepicker-current-day,
body.dark-mode .ui-datepicker .ui-widget-content .ui-state-default.ui-datepicker-current-day,
body.dark-mode .ui-datepicker .ui-datepicker-header.ui-widget-header .ui-widget-content .ui-state-default.ui-datepicker-current-day,
body.dark-mode .ui-datepicker .ui-widget-header .ui-state-default.ui-datepicker-current-day,
body.dark-mode .ui-datepicker .ui-datepicker-header.ui-widget-header .ui-widget-header .ui-state-default.ui-datepicker-current-day,
body.dark-mode .ui-datepicker .ui-button.ui-datepicker-current-day,
body.dark-mode .ui-datepicker .ui-datepicker-header.ui-widget-header .ui-button.ui-datepicker-current-day,
body.dark-mode .ui-datepicker html .ui-button.ui-state-disabled:hover.ui-datepicker-current-day,
body.dark-mode .ui-datepicker .ui-datepicker-header.ui-widget-header html .ui-button.ui-state-disabled:hover.ui-datepicker-current-day,
body.dark-mode .ui-datepicker html .ui-button.ui-state-disabled:active.ui-datepicker-current-day,
body.dark-mode .ui-datepicker .ui-datepicker-header.ui-widget-header html .ui-button.ui-state-disabled:active.ui-datepicker-current-day {
  background: #ef511f;
}
body.dark-mode .ui-datepicker td.ui-datepicker-current-day .ui-state-hover,
body.dark-mode .ui-datepicker .ui-datepicker-header.ui-widget-header td.ui-datepicker-current-day .ui-state-hover,
body.dark-mode .ui-datepicker .ui-state-default.ui-datepicker-current-day .ui-state-hover,
body.dark-mode .ui-datepicker .ui-datepicker-header.ui-widget-header .ui-state-default.ui-datepicker-current-day .ui-state-hover,
body.dark-mode .ui-datepicker .ui-widget-content .ui-state-default.ui-datepicker-current-day .ui-state-hover,
body.dark-mode .ui-datepicker .ui-datepicker-header.ui-widget-header .ui-widget-content .ui-state-default.ui-datepicker-current-day .ui-state-hover,
body.dark-mode .ui-datepicker .ui-widget-header .ui-state-default.ui-datepicker-current-day .ui-state-hover,
body.dark-mode .ui-datepicker .ui-datepicker-header.ui-widget-header .ui-widget-header .ui-state-default.ui-datepicker-current-day .ui-state-hover,
body.dark-mode .ui-datepicker .ui-button.ui-datepicker-current-day .ui-state-hover,
body.dark-mode .ui-datepicker .ui-datepicker-header.ui-widget-header .ui-button.ui-datepicker-current-day .ui-state-hover,
body.dark-mode .ui-datepicker html .ui-button.ui-state-disabled:hover.ui-datepicker-current-day .ui-state-hover,
body.dark-mode .ui-datepicker .ui-datepicker-header.ui-widget-header html .ui-button.ui-state-disabled:hover.ui-datepicker-current-day .ui-state-hover,
body.dark-mode .ui-datepicker html .ui-button.ui-state-disabled:active.ui-datepicker-current-day .ui-state-hover,
body.dark-mode .ui-datepicker .ui-datepicker-header.ui-widget-header html .ui-button.ui-state-disabled:active.ui-datepicker-current-day .ui-state-hover {
  background: #ef511f;
}
body.dark-mode .ui-datepicker td .ui-state-hover,
body.dark-mode .ui-datepicker .ui-datepicker-header.ui-widget-header td .ui-state-hover,
body.dark-mode .ui-datepicker .ui-state-default .ui-state-hover,
body.dark-mode .ui-datepicker .ui-datepicker-header.ui-widget-header .ui-state-default .ui-state-hover,
body.dark-mode .ui-datepicker .ui-widget-content .ui-state-default .ui-state-hover,
body.dark-mode .ui-datepicker .ui-datepicker-header.ui-widget-header .ui-widget-content .ui-state-default .ui-state-hover,
body.dark-mode .ui-datepicker .ui-widget-header .ui-state-default .ui-state-hover,
body.dark-mode .ui-datepicker .ui-datepicker-header.ui-widget-header .ui-widget-header .ui-state-default .ui-state-hover,
body.dark-mode .ui-datepicker .ui-button .ui-state-hover,
body.dark-mode .ui-datepicker .ui-datepicker-header.ui-widget-header .ui-button .ui-state-hover,
body.dark-mode .ui-datepicker html .ui-button.ui-state-disabled:hover .ui-state-hover,
body.dark-mode .ui-datepicker .ui-datepicker-header.ui-widget-header html .ui-button.ui-state-disabled:hover .ui-state-hover,
body.dark-mode .ui-datepicker html .ui-button.ui-state-disabled:active .ui-state-hover,
body.dark-mode .ui-datepicker .ui-datepicker-header.ui-widget-header html .ui-button.ui-state-disabled:active .ui-state-hover {
  background: #00cadc;
}
body.dark-mode .ui-datepicker .ui-datepicker-title,
body.dark-mode .ui-datepicker .ui-datepicker-header.ui-widget-header .ui-datepicker-title {
  color: #fff;
}
body.dark-mode .ui-datepicker .ui-datepicker-header.ui-widget-header a,
body.dark-mode .ui-datepicker .ui-datepicker-header.ui-widget-header .ui-datepicker-header.ui-widget-header a {
  color: #fff;
}
body.dark-mode h6,
body.dark-mode #NoDocsRow {
  color: #fff;
}
body.dark-mode nav.primary-nav {
  background: #282934;
  border-right: 1px solid rgba(140, 152, 175, 0.4);
}
body.dark-mode nav.primary-nav ul li {
  color: #fff;
}
body.dark-mode nav.primary-nav .copyright-text {
  color: #fff;
}
body.dark-mode .file-thumbnail {
  color: #fff;
}
body.dark-mode .file-thumbnail .label-container .l {
  color: #00cadc;
}
body.dark-mode .pagination-container .count {
  color: #fff;
}
body.dark-mode .pagination-container ul.pagination li a,
body.dark-mode .pagination-container ul.pagination li button {
  color: #fff;
  background: rgba(255, 255, 255, 0.05);
}
body.dark-mode .pagination-container ul.pagination li.current a {
  background: #ef511f;
}
body.dark-mode .pagination-container ul.pagination li:hover {
  background: #282934;
}
body.dark-mode .pagination-container ul.pagination li a:hover {
  background: #00cadc;
}
body.dark-mode .profile-img {
  background-color: transparent;
}
body.dark-mode a,
body.dark-mode header.primary-header .link {
  color: #00cadc;
}
body.dark-mode header.primary-header {
  background: #282934;
  color: #fff;
  -webkit-box-shadow: 0 1px 0 0 rgba(140, 152, 175, 0.4), 0 1px 10px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 0 0 rgba(140, 152, 175, 0.4), 0 1px 10px 1px rgba(0, 0, 0, 0.2);
}
body.dark-mode header.primary-header .link:hover {
  background: #333442;
}
body.dark-mode .field-grid-container,
body.dark-mode .field-grid-container table.field-grid tr {
  background: #282934;
  border-color: #282934;
}
body.dark-mode .field-grid-container .description,
body.dark-mode .field-grid-container table.field-grid tr .description {
  color: #fff;
}
body.dark-mode .field-grid-container input,
body.dark-mode .field-grid-container table.field-grid tr input,
body.dark-mode .field-grid-container select,
body.dark-mode .field-grid-container table.field-grid tr select {
  background: #333442;
}
body.dark-mode .dashboard-tiles li > div {
  background: #333442;
  color: #fff;
}
body.dark-mode .dashboard-tiles li > div:hover {
  background: #2f303d;
}
body.dark-mode .dashboard-tiles li > div:hover .number {
  background: transparent;
}
body.dark-mode .panel,
body.dark-mode .panel2 {
  border-color: transparent;
  background: #333442;
  color: #fff;
}
body.dark-mode .mk-card,
body.dark-mode .list-tiles li div {
  background: #333442;
  color: #fff;
}
body.dark-mode .mk-card .r .c .t,
body.dark-mode .list-tiles li div .r .c .t {
  color: #fff;
}
body.dark-mode .mk-card .r .c .l,
body.dark-mode .list-tiles li div .r .c .l {
  color: rgba(255, 255, 255, 0.3);
}
body.dark-mode .mk-card.hov:hover,
body.dark-mode .list-tiles li div.hov:hover {
  background: #2f303d;
}
body.dark-mode .mk-card .title,
body.dark-mode .list-tiles li div .title {
  color: #fff;
}
body.dark-mode .flex-header .title {
  color: #fff;
}
body.dark-mode .tabs .tab div {
    color: #fff;
}
body.dark-mode .tabs .tab {
    box-shadow: 0px 0px 1px 1px #8b8b8b;
}
body.dark-mode .tabs .tab:hover {
    background: rgba(255, 255, 255, 0.05);
}
body.dark-mode .tabs .tab.selected {
    background-color: #07b7da;
}

body.dark-mode .flex-content > .filter-container-row {
  box-shadow: 0 5px 0 0 #282934;
}
body.dark-mode .webcontractor-logo.light-mode {
  display: none;
}
body.dark-mode .webcontractor-logo.dark-mode {
  display: block;
  top: 0px;
}
body.dark-mode .timeline-text {
  color: #fff;
}
body.dark-mode h3 {
  color: #fff;
}
body.dark-mode .filter-box {
  background: #282934;
}
body.dark-mode label {
  color: #fff;
}
body.dark-mode input[type="text"],
body.dark-mode input[type="number"],
body.dark-mode textarea,
body.dark-mode select,
body.dark-mode .display,
body.dark-mode .standard-grid .block input[type="text"][readonly],
body.dark-mode .standard-grid .block input[type="number"][readonly],
body.dark-mode .standard-grid .block select[readonly],
body.dark-mode .standard-grid .block textarea[readonly],
body.dark-mode .standard-grid .block input[type="text"][disabled],
body.dark-mode .standard-grid .block input[type="number"][disabled],
body.dark-mode .standard-grid .block select[disabled],
body.dark-mode .standard-grid .block textarea[disabled],
body.dark-mode table.field-grid td input[readonly],
body.dark-mode table.table-grid td.d textarea[disabled],
body.dark-mode table.table-grid td.d input[type="text"][readonly],
body.dark-mode table.table-grid td.d input[type="number"][readonly],
body.dark-mode table.table-grid td.d select[readonly],
body.dark-mode table.table-grid td.d textarea[readonly],
body.dark-mode table.table-grid td.d input[type="text"][disabled],
body.dark-mode table.table-grid td.d input[type="number"][disabled],
body.dark-mode table.table-grid td.d select[disabled],
body.dark-mode table.table-grid td.d textarea[disabled] {
  background-color: var(--secondary-fade);
  color: #fff;
  border-color: rgba(140, 152, 175, 0.4);
}
    body.dark-mode input[type="text"]:not([readonly]):not([disabled]):hover,
    body.dark-mode input[type="number"]:not([readonly]):not([disabled]):hover,
    body.dark-mode textarea:not([readonly]):not([disabled]):hover {
        background: #2f303d;
    }
body.dark-mode .block {
  color: #fff;
}
body.dark-mode table.month-grid td .date-input.val-2 input:not(.editing),
body.dark-mode table.month-grid td .date-input.sub-2 input:not(.editing),
body.dark-mode table.month-grid td .date-input.val-1 input:not(.editing),
body.dark-mode table.month-grid td .date-input.sub-1 input:not(.editing) {
  background-color: #333442;
}
body.dark-mode section.section--important .table-grid span.display,
body.dark-mode section.section--important .table-grid input[readonly] {
  background-color: rgba(40, 41, 52, 0.1) !important;
}

body.dark-mode table.table-grid {
  background: #282934;
}
body.dark-mode table.field-grid tr {
  background: #282934;
}
body.dark-mode table.field-grid tr .description {
  color: #fff;
}
body.dark-mode .section--important {
  background: #4f3030;
  border-color: #4f3030;
}
body.dark-mode .section--important table.table-grid {
  background: transparent;
}
body.dark-mode .section--important table.table-grid tr:nth-of-type(even) {
  background: transparent;
}
body.dark-mode table.table-grid td.non-collapsable-grid-header {
  color: #fff;
}
body.dark-mode .collapsable-grid-header,
body.dark-mode .collapsable-grid-header.collapsable-grid-header--secondary,
body.dark-mode td .subheader {
  color: #00cadc;
}
body.dark-mode .collapsable-grid-header .line,
body.dark-mode .collapsable-grid-header.collapsable-grid-header--secondary .line,
body.dark-mode td .subheader .line {
  border-top-color: rgba(255, 255, 255, 0.2);
}
body.dark-mode .collapsable-grid-header.hoverable:hover,
body.dark-mode .collapsable-grid-header.collapsable-grid-header--secondary.hoverable:hover,
body.dark-mode td .subheader.hoverable:hover {
  color: #ef511f;
  cursor: pointer;
}
body.dark-mode .help-area {
  color: #fff;
  font-weight: 400;
}
body.dark-mode .back-circle {
  background: #333442;
  color: #fff;
}
body.dark-mode .back-circle:hover {
  background: #2c2e3a;
  color: #00cadc;
}
body.dark-mode .flex-header .crumbs {
  color: #fff;
}
body.dark-mode .dialog {
  background: #282934;
}
body.dark-mode .dialog header {
  color: #fff;
}
body.dark-mode table {
  background: transparent;
  color: #fff;
}
body.dark-mode table thead {
  background: #2f303d;
}
body.dark-mode table thead tr th {
  color: #00cadc;
}
body.dark-mode table tr td {
  color: #fff !important;
}
body.dark-mode table tr td p {
  color: #fff !important;
}
body.dark-mode table tr.even,
body.dark-mode table tr.alt,
body.dark-mode table tr:nth-of-type(even) {
  background: transparent;
}
body.dark-mode .table-list .row {
  color: #fff;
}
body.dark-mode input[type="text"],
body.dark-mode input[type="password"],
body.dark-mode input[type="date"],
body.dark-mode input[type="datetime"],
body.dark-mode input[type="datetime-local"],
body.dark-mode input[type="month"],
body.dark-mode input[type="week"],
body.dark-mode input[type="email"],
body.dark-mode input[type="number"],
body.dark-mode input[type="search"],
body.dark-mode input[type="tel"],
body.dark-mode input[type="time"],
body.dark-mode input[type="url"],
body.dark-mode input[type="color"],
body.dark-mode textarea,
body.dark-mode select {
  box-shadow: none;
}
body.dark-mode .display {
  box-shadow: none;
  border: 1px solid rgba(140, 152, 175, 0.4);
}
body.dark-mode .inline-view-button {
  color: #00cadc;
}
body.dark-mode .br,
body.dark-mode .bl,
body.dark-mode .bt,
body.dark-mode .bb {
  border-color: rgba(140, 152, 175, 0.4);
}
body.dark-mode #contractorMainDetails input:not([readonly]):not([disabled]):not([type="button"]):not([type="file"]),
body.dark-mode #contractorMainDetails select:not([readonly]):not([disabled]):not([type="button"]):not([type="file"]),
body.dark-mode #contractorMainDetails textarea:not([readonly]):not([disabled]):not([type="button"]):not([type="file"]),
body.dark-mode #leftContent input:not([readonly]):not([disabled]):not([type="button"]):not([type="file"]),
body.dark-mode #leftContent select:not([readonly]):not([disabled]):not([type="button"]):not([type="file"]),
body.dark-mode table.table-grid td.d input[type="text"]:not([readonly]):not([disabled]):not([type="button"]):not([type="file"]),
body.dark-mode table.table-grid td.d input[type="date"]:not([readonly]):not([disabled]):not([type="button"]):not([type="file"]),
body.dark-mode table.table-grid td.d input[type="number"]:not([readonly]):not([disabled]):not([type="button"]):not([type="file"]),
body.dark-mode table.table-grid td.d select:not([readonly]):not([disabled]):not([type="button"]):not([type="file"]),
body.dark-mode table.table-grid td.d textarea:not([readonly]):not([disabled]):not([type="button"]):not([type="file"]),
body.dark-mode .standard-grid .block input[type="text"]:not([readonly]):not([disabled]):not([type="button"]):not([type="file"]),
body.dark-mode .standard-grid .block input[type="number"]:not([readonly]):not([disabled]):not([type="button"]):not([type="file"]),
body.dark-mode .standard-grid .block select:not([readonly]):not([disabled]):not([type="button"]):not([type="file"]),
body.dark-mode .standard-grid .block textarea:not([readonly]):not([disabled]):not([type="button"]):not([type="file"]),
body.dark-mode .field-cell input:not([readonly]):not([disabled]):not([type="button"]):not([type="file"]),
body.dark-mode .r .block input:not([readonly]):not([disabled]):not([type="button"]):not([type="file"]),
body.dark-mode .r .block select:not([readonly]):not([disabled]):not([type="button"]):not([type="file"]),
body.dark-mode #final-accounts-details input:not([readonly]):not([disabled]):not([type="button"]):not([type="file"]) {
  box-shadow: 0 0 0 1px #fbffd9;
  border-color: #fbffd9;
  background-color: transparent;
}
body.dark-mode .interface-button {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}
body.dark-mode .interface-button .explanation {
  background: #00cadc;
}
body.dark-mode .interface-button:hover:after {
  background: #00cadc;
}
body.dark-mode .interface-button [class^="icon-"],
body.dark-mode .interface-button [class*=" icon-"] {
  color: #00cadc;
}
body.dark-mode .pdf-pager {
  color: #fff;
}
body.dark-mode #split-bar {
  background: #00cadc;
}
body.dark-mode .inline-button {
  background: rgba(255, 255, 255, 0.1);
  color: #00cadc;
}
body.dark-mode .area.grey {
  border-color: rgba(140, 152, 175, 0.4);
}
body.dark-mode header.primary-header #timeline-container:hover {
  background: rgba(255, 255, 255, 0.05);
}
body.dark-mode .task-grid .h-cell,
body.dark-mode .task-grid .b-cell {
  color: #fff;
  background: #282934;
}
body.dark-mode .doc-status.display-warning {
  background: #de412a;
}
body.dark-mode .doc-status.display-amber-warning {
  background: #ffbf00;
}
body.dark-mode p.explanation {
  color: #fff;
}
body.dark-mode .alert {
  background: #282934;
}
body.dark-mode .help-sidebar {
  background: #282934;
}
body.dark-mode .help-sidebar .close {
  color: #fff;
}
body.dark-mode .help-sidebar .help-content {
  background: #2f303d;
  color: #fff;
}
body.dark-mode select option {
  background: #282934;
}
body.dark-mode .tab-section .title {
  color: #fff;
}
body.dark-mode hr {
  border-color: rgba(140, 152, 175, 0.4);
}
body.dark-mode .grid-stack {
  background: #282934;
}
body.dark-mode .grid-stack > .grid-stack-item {
  background: #282934;
}
body.dark-mode .grid-stack .dashitem-content,
body.dark-mode .grid-stack .dash-custom {
  background: #333442;
  color: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
}
body.dark-mode .grid-stack .dashitem-content .dash-grid-panel,
body.dark-mode .grid-stack .dash-custom .dash-grid-panel {
  background: #333442;
  color: #fff;
}
body.dark-mode .grid-stack .dashitem-content .dash-grid-panel .number,
body.dark-mode .grid-stack .dash-custom .dash-grid-panel .number {
  color: #00cadc;
}
body.dark-mode .grid-stack .dashitem-content .dash-grid-panel-list ul li:hover,
body.dark-mode .grid-stack .dash-custom .dash-grid-panel-list ul li:hover {
  background: #383948;
}
body.dark-mode .grid-stack .dashitem-content .dash-title,
body.dark-mode .grid-stack .dash-custom .dash-title,
body.dark-mode .grid-stack .dashitem-content .dash-stat .label,
body.dark-mode .grid-stack .dash-custom .dash-stat .label {
  color: #fff;
}
body.dark-mode .grid-stack .dashitem-content .dash-stat .total,
body.dark-mode .grid-stack .dash-custom .dash-stat .total {
  color: #00cadc;
}
body.dark-mode .grid-stack.editable .dash-grid-panel:hover .number {
  background: transparent;
}
body.dark-mode .button {
  color: #fff;
  background: rgba(255, 255, 255, 0.05);
}
body.dark-mode .button:hover {
  background: rgba(255, 255, 255, 0.1);
}

body.dark-mode .button.secondary:hover,
body.dark-mode .button.secondary.selected,
body.dark-mode .button.secondary.active {
  background: #ef511f;
  color: #fff;
}
body.dark-mode .dropdown-content span[class^="icon-"] {
    color: #00adbd;
}
body .dark-mode .button.secondary {
    background-color: #00adbd;
}
body.dark-mode .button.secondary:hover {
    background-color: #00cadc;
}
body.dark-mode .button.secondary.dropdown:hover:after {
    border-color: #fff transparent transparent transparent;
}
body.dark-mode .button.secondary.dropdown.selected:after {
  border-color: #fff transparent transparent transparent;
}
body.dark-mode .button .dropdown-content {
  background: #282934;
}
body.dark-mode .button.filter-selected {
  background: #ef511f;
}
body.dark-mode .button.button--save,
body.dark-mode .button.button--success,
body.dark-mode .button.button--green,
body.dark-mode .button.save,
body.dark-mode .button.submit {
    background: #18C395;
}
body.dark-mode .button.button--negative,
body.dark-mode .button.button--delete,
body.dark-mode .button.negative,
body.dark-mode .button.delete {
  background: #de412a;
}
body.dark-mode .button.button--negative:hover,
body.dark-mode .button.button--delete:hover,
body.dark-mode .button.negative:hover,
body.dark-mode .button.delete:hover {
  background: #cf3620;
}
body.dark-mode .button.button--lightblue {
  background: #00cadc;
}
body.dark-mode .button.button--lightblue:hover {
  background: #00b3c3;
}
body.dark-mode .button.dropdown:after {
  border-color: #fff transparent transparent transparent;
}
body.dark-mode h6 {
  color: #fff;
}
body.dark-mode .title {
  color: #fff;
}
body.dark-mode body.dark-mode table.multi-line-table input[type="text"][readonly],
body.dark-mode body.dark-mode table.multi-line-table input[type="number"][readonly],
body.dark-mode body.dark-mode table.multi-line-table select[readonly],
body.dark-mode body.dark-mode table.multi-line-table textarea[readonly],
body.dark-mode body.dark-mode table.multi-line-table input[type="text"][disabled],
body.dark-mode body.dark-mode table.multi-line-table input[type="number"][disabled],
body.dark-mode body.dark-mode table.multi-line-table select[disabled],
body.dark-mode body.dark-mode table.multi-line-table textarea[disabled] {
  background: #333442;
}
body.dark-mode .sidebar,
body.dark-mode .mobile-nav {
  background: #2f303d;
  border-top-color: #ffffff;
}
body.dark-mode .sidebar nav,
body.dark-mode .mobile-nav nav {
  border-top-color: #282934;
}
body.dark-mode .sidebar.hidden nav > ul > li.drop.selected > ul,
body.dark-mode .mobile-nav.hidden nav > ul > li.drop.selected > ul {
  background: #2f303d !important;
}
body.dark-mode .filter-dropdown {
  background: #2f303d;
}
body.dark-mode .drop .dropper li:hover {
  background: #2f303d;
}
body.dark-mode .drop .dropper button,
body.dark-mode .drop .dropper .button {
  color: #fff;
}
body.dark-mode .drop .dropper button:hover,
body.dark-mode .drop .dropper .button:hover {
  color: #00cadc;
}
body.dark-mode .drop .dropper li .button,
body.dark-mode .drop .dropper li button,
body.dark-mode .drop .dropper li > a,
body.dark-mode .drop .dropper li > span {
  color: #fff;
}
body.dark-mode .drop .dropper li .button:hover,
body.dark-mode .drop .dropper li button:hover,
body.dark-mode .drop .dropper li > a:hover,
body.dark-mode .drop .dropper li > span:hover {
  color: #00cadc;
}
body.dark-mode .grid-summary > div.signature-row {
  background: var(--darkyellow);
}
body.dark-mode .webcontractor-logo .cls-3 {
  fill: #fff;
}
body.dark-mode .webcontractor-logo .cls-1 {
  fill: #282934;
}
body.dark-mode .grid-card {
  background: #2f303d;
  color: #fff;
}
body.dark-mode .grid-card .grid-blocks > div.title {
  color: #00cadc;
}
body.dark-mode .grid-card .grid-blocks > div > div:last-child {
  color: #fff;
}
body.dark-mode .progress {
  border-color: #2f303d;
  box-shadow: inset 0 0 0px 0.5px #2f303d;
}
body.dark-mode .sidebar .menu-collapser .menu-icon::before,
body.dark-mode .mobile-nav .menu-collapser .menu-icon::before {
  border-color: #fff;
}
body.dark-mode .tabs .tab {
  background: #2f303d;
}
body.dark-mode .top-filters .mdc-paginator-range-buttons .button:not(.subtle),
body.dark-mode .top-filters .mdc-paginator-range-buttons button:not(.subtle) {
  color: #fff;
}
body.dark-mode .top-filters .mdc-paginator-range-buttons .button:not(.subtle):hover,
body.dark-mode .top-filters .mdc-paginator-range-buttons button:not(.subtle):hover {
  color: #282934;
}
body.dark-mode .top-filters .mdc-paginator-range-buttons .button:not(.subtle).selected,
body.dark-mode .top-filters .mdc-paginator-range-buttons button:not(.subtle).selected {
  color: #282934;
}
body.dark-mode .top-filters button,
body.dark-mode .top-filters .button {
  background: #00cadc;
  color: #282934;
}
body.dark-mode .top-filters button[disabled],
body.dark-mode .top-filters .button[disabled] {
  background: #282934;
  color: rgba(255, 255, 255, 0.3);
}
body.dark-mode .top-filters > button svg .f1,
body.dark-mode .top-filters > .button svg .f1,
body.dark-mode .top-filters > * > .button svg .f1,
body.dark-mode .top-filters > * > button svg .f1,
body.dark-mode .top-filters button svg .f1,
body.dark-mode .top-filters .button svg .f1 {
  fill: #282934;
}
body.dark-mode svg#Layer_1 path.cls-1,
body.dark-mode svg#Layer_1 path.cls-2,
body.dark-mode svg#Layer_1 rect.cls-2 {
  fill: #fff;
}
body.dark-mode .sidebar nav ul li.drop.static a.top-level-nav:hover,
body.dark-mode .mobile-nav nav ul li.drop.static a.top-level-nav:hover,
body.dark-mode .sidebar nav ul li a:not(.top-level-nav):hover,
body.dark-mode .mobile-nav nav ul li a:not(.top-level-nav):hover {
  color: #fff;
}
body.dark-mode .top-filters .search-helper-wrapper svg .f1,
body.dark-mode .top-filters .search-helper-wrapper svg .f2 {
  fill: #fff;
}
body.dark-mode .select-wrap {
  overflow: hidden;
  position: relative;
}
body.dark-mode .select-wrap:after {
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #fff;
  position: absolute;
  top: 42%;
  pointer-events: none;
  right: 10px;
  content: "";
  z-index: 100;
}
body.dark-mode .select-wrap select {
  position: relative;
  z-index: 99;
}
body.dark-mode #tblContractorContacts tbody tr:hover {
  background: #2f303d;
}
body.dark-mode .jstree-default .jstree-open > .jstree-ocl {
  position: relative;
}
body.dark-mode .jstree-default .jstree-open > .jstree-ocl:after {
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #fff;
  position: absolute;
  top: 42%;
  pointer-events: none;
  right: 10px;
  content: "";
  z-index: 100;
}
body.dark-mode .alert ul .display {
  background: #282934;
}
body.dark-mode .alert > div {
  color: white;
}
body.dark-mode .grid-payment-notices-list > div span.contract-number {
  color: #fff;
}
body.dark-mode .drop.with-arrow:after {
  border-top-color: #282934;
}
body.dark-mode .selected-filters .selected-group {
  background: #2f303d;
}
body.dark-mode .r textarea:not([readonly]):not([disabled]) {
  box-shadow: 0 0 0 1px #fbffd9;
  border-color: #fbffd9;
  background-color: transparent;
}
body.dark-mode .top-filters .search-helper-wrapper .search-helper {
  background: #5c583d;
}
body.dark-mode .filter-dropdown ul {
  border-color: rgba(224, 224, 224, 0.3);
}
body.dark-mode .noresults {
  color: #fff;
}
body.dark-mode .mdc-paginator-range-label,
body.dark-mode .results_total {
  color: #fff;
}
body.dark-mode .mdc-paginator-range-buttons > .first_page[disabled],
body.dark-mode .mdc-paginator-range-buttons > .navigate_before[disabled],
body.dark-mode .mdc-paginator-range-buttons > .navigate_next[disabled],
body.dark-mode .mdc-paginator-range-buttons > .last_page[disabled] {
  color: #fff;
}
body.dark-mode .table.table tr:hover {
  background: #2f303d;
  cursor: pointer;
}
    body.dark-mode input[type="date"]:not([readonly]):not([disabled]) {
        color: #fff;
        box-shadow: 0 0 0 1px #fbffd9;
        border-color: #fbffd9;
        background-color: transparent;
    }
body.dark-mode .copyright-text {
  color: white;
}
body.dark-mode .alert-banner {
  text-align: right;
  float: right;
  overflow: visible;
  font-size: 12px;
  color: White;
  background: rgba(222, 65, 42, 0.29);
  border: none !important;
  box-shadow: none;
  width: auto;
  margin-bottom: 0px;
}
body.dark-mode .flex-content,
body.dark-mode .options-2 > div,
body.dark-mode .options-2 > div:before,
body.dark-mode .select2-container,
body.dark-mode .callout.info,
body.dark-mode .dialog-title {
  color: white;
}
body.dark-mode .options-2,
body.dark-mode .options-2 > div,
body.dark-mode .fake-link,
body.dark-mode .fake-link:hover {
  background: none;
}

body.dark-mode .spreadsheet-container {
    border-color: var(--darkborder);
}

body.dark-mode .spreadsheet {
    border-color: var(--darkborder);
    background: var(--darkborder);
}

body.dark-mode .spreadsheet .cell.cell-header {
    background: var(--darklight);
    border-color: var(--darkborder);
}

body.dark-mode .spreadsheet .cell {
    background: var(--dark);
}

body.dark-mode .spreadsheet .row {
    background: var(--darkborder);
}

body.dark-mode .grid-payment-notices-list > div:not(.past) {
    color: #fff;
}
body.dark-mode .ecx-tooltip .tooltiptext {
    background: var(--darklight);
}
body.dark-mode .ecx-tooltip .tooltiptext > p {
    color: #cdcdcd !important;
}
body.dark-mode .ecx-tooltip .tooltiptext p span {
    color: #fff !important;
}

body.dark-mode #ReverseVATMessage {
    color: var(--secondary);
}

.documents-container > .grid-card-container > .grid-card > div > .title {
    color: var(--secondary);
}

.user-tag > span:nth-of-type(1) {
    color: var(--secondary);
}

body.dark-mode .dialogContentContianer {
    color: white;
}

body.dark-mode .table-header-highlight {
    background-color: #3a566c;
}
body.dark-mode .table-data-highlight {
    background-color: #343752;
}

body.dark-mode .saturatedBlue {
    background-color: #23647a !important;
}

body.dark-mode .saturatedBlueMid {
    background-color: #2a4f61 !important;
}
body.dark-mode .saturatedBlueLight {
    background-color: #37829b !important;
}
body.dark-mode .totals-row td {
    background-color: #23647a;
}
body.dark-mode .column-header {
    background-color: #37829b;
}

body.dark-mode table.table.compact-table thead .tasksTbl th {
    color: lightblue;
    border-bottom: white 2px solid;
}

body.dark-mode .select2-selection {
    background-color: transparent !important;
    border-color: #575c6e !important;
    color: white !important;
}

body.dark-mode .select2-selection__rendered {
    color: white !important;
    box-shadow: 0 0 0 1px #fbffd9;
    border-color: #fbffd9;
    background-color: transparent;
    border-radius: var(--br);
}



body.dark-mode .dialog-subheader {
    color: var(--secondary);
}

body.dark-mode .form-control:not([readonly]) {
    color: white !important;
    box-shadow: 0 0 0 1px #fbffd9;
    border-color: #fbffd9;
    background-color: transparent;
    border-radius: var(--br);
}

body.dark-mode .section-container .title {
    background: transparent;
    color: var(--secondary);
}

body.dark-mode .section-container .button-container {
    background: transparent;
    color: var(--secondary);
}

body.dark-mode .dialog-table tr {
    background-color: transparent !important;
    border-bottom-color: #434556;
}

body.dark-mode .dialog-table tr:nth-child(1) {
    background-color: #37829b !important;
}

body.dark-mode .dialog-table > tr > th {
    color: lightblue !important;
}

body.dark-mode .dialog-table th {
    border-bottom-color: #434556;
}

body.dark-mode .dropper .button.delete:hover {
    background: #cf3620;
    color: whitesmoke;
}

body.dark-mode .dropper .button.submit:hover {
    background: #18c395;
    color: whitesmoke;
}

body.dark-mode .tab.selected {
    box-shadow: unset;
}

body.dark-mode .ecx-tooltip .tooltiptext > .tooltip-content > p {
    color: #fff;
}

body.dark-mode table.multi-line-table input[type="text"][readonly],
body.dark-mode table.multi-line-table input[type="number"][readonly],
body.dark-mode table.multi-line-table select[readonly],
body.dark-mode table.multi-line-table textarea[readonly],
body.dark-mode table.multi-line-table input[type="text"][disabled],
body.dark-mode table.multi-line-table input[type="number"][disabled],
body.dark-mode table.multi-line-table select[disabled],
body.dark-mode table.multi-line-table textarea[disabled] {
    background: var(--secondary-fade);
}

body.dark-mode .kanban-item-container {
    background: #2f303d;
}

body.dark-mode .kanban-item-container .highlight {
    color: var(--secondary);
}

body.dark-mode .top-sorting > span {
    color: var(--secondary);
}

body.dark-mode .button.inline-icon {
    background: rgba(255, 255, 255, 0.05);
}

body.dark-mode .kanban-list-item {
    border-bottom: 1px solid rgba(224, 224, 224, 0.3);
}

    body.dark-mode .kanban-list-item > label {
        color: #999;
        font-size: 10px;
    }

body.dark-mode .grid-documentcard {
    background: #333442;
}

body.dark-mode .user-tag > span:nth-of-type(1) {
    background: var(--primary);
    color: #fff;
}