/* Minification failed. Returning unminified contents.
(13,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-header-bg'
(16,34): run-time error CSS1039: Token not allowed after unary operator: '-wp-border-color'
(17,17): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-dark'
(22,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-border-color'
(71,22): run-time error CSS1039: Token not allowed after unary operator: '-wp-disabled-bg'
(102,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-card-bg'
(106,12): run-time error CSS1038: Expected hex color, found '#ffff'
(113,31): run-time error CSS1039: Token not allowed after unary operator: '-wp-border-color'
(115,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-card-bg'
(117,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-hover-bg'
(119,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-hover-bg'
(127,17): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-default'
(129,17): run-time error CSS1039: Token not allowed after unary operator: '-wp-alert-text'
(131,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-hover-bg'
(133,22): run-time error CSS1039: Token not allowed after unary operator: '-wp-body-bg'
(134,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-border-color'
(136,24): run-time error CSS1039: Token not allowed after unary operator: '-wp-elevated-bg'
(137,19): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-light'
(139,24): run-time error CSS1039: Token not allowed after unary operator: '-wp-module-hover-bg'
(140,19): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-light'
(141,30): run-time error CSS1039: Token not allowed after unary operator: '-wp-border-color'
(143,19): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-light'
(145,24): run-time error CSS1039: Token not allowed after unary operator: '-wp-module-hover-bg'
(146,30): run-time error CSS1039: Token not allowed after unary operator: '-wp-border-color'
(147,19): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-light'
(150,22): run-time error CSS1039: Token not allowed after unary operator: '-wp-hover-bg'
(152,22): run-time error CSS1039: Token not allowed after unary operator: '-wp-header-background'
(153,24): run-time error CSS1039: Token not allowed after unary operator: '-wp-header-background'
(156,35): run-time error CSS1039: Token not allowed after unary operator: '-wp-scrollbar-thumb'
(159,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-active-list-bg'
(171,22): run-time error CSS1039: Token not allowed after unary operator: '-wp-elevated-bg'
(172,17): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-light'
(173,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-border-color'
(266,32): run-time error CSS1039: Token not allowed after unary operator: '-wp-scrollbar-track'
(694,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-card-bg'
(698,17): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-default'
(700,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-bright-bg'
(759,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-grid-selected-bg'
(827,17): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-dark'
(847,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-border-color'
(849,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-elevated-bg'
(851,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-body-bg'
(852,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-border-gray'
(854,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-elevated-bg'
(856,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-border-gray'
(858,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-border-gray'
(861,30): run-time error CSS1039: Token not allowed after unary operator: '-wp-body-bg'
(863,24): run-time error CSS1039: Token not allowed after unary operator: '-wp-border-color'
(864,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-border-gray'
(866,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-elevated-bg'
(867,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-border-gray'
(870,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-elevated-bg'
(872,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-body-bg'
(873,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-border-gary'
(875,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-border-gray'
(877,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-body-bg'
(890,22): run-time error CSS1039: Token not allowed after unary operator: '-wp-no-data-bg'
(968,17): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-default'
(990,17): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-default'
(992,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-border-color'
(993,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-border-gray'
(1039,22): run-time error CSS1039: Token not allowed after unary operator: '-wp-elevated-bg'
(1041,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-border-gray'
(1043,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-elevated-bg'
(1044,24): run-time error CSS1039: Token not allowed after unary operator: '-wp-border-gray'
(1046,26): run-time error CSS1039: Token not allowed after unary operator: '-wp-btn-hover-bg'
(1048,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-elevated-bg'
(1049,17): run-time error CSS1039: Token not allowed after unary operator: '-wp-delivery'
(1051,30): run-time error CSS1039: Token not allowed after unary operator: '-wp-btn-hover-bg'
(1055,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-delivery'
(1059,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-body-bg'
(1064,32): run-time error CSS1039: Token not allowed after unary operator: '-wp-border-gray'
(1073,43): run-time error CSS1039: Token not allowed after unary operator: '-wp-input-bg'
(1074,35): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-default'
(1083,17): run-time error CSS1039: Token not allowed after unary operator: '-wp-dx-filter-icon'
(1085,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-elevated-bg'
(1087,17): run-time error CSS1039: Token not allowed after unary operator: '-wp-disabled-color-bg'
(1090,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-tab-hover-bg'
(1092,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-body-bg'
(1093,17): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-light'
(1096,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-elevated-bg'
(1100,17): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-default'
(1102,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-body-bg'
(1105,30): run-time error CSS1039: Token not allowed after unary operator: '-wp-border-gray'
(1107,30): run-time error CSS1039: Token not allowed after unary operator: '-wp-grid-background'
(1109,19): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-dark'
(1111,30): run-time error CSS1039: Token not allowed after unary operator: '-wp-elevated-bg'
(1113,34): run-time error CSS1039: Token not allowed after unary operator: '-wp-border-light'
(1115,34): run-time error CSS1039: Token not allowed after unary operator: '-wp-border-light'
(1117,32): run-time error CSS1039: Token not allowed after unary operator: '-wp-border-light'
(1119,34): run-time error CSS1039: Token not allowed after unary operator: '-wp-border-light'
(1121,33): run-time error CSS1039: Token not allowed after unary operator: '-wp-border-light'
(1123,35): run-time error CSS1039: Token not allowed after unary operator: '-wp-border-light'
(1125,34): run-time error CSS1039: Token not allowed after unary operator: '-wp-border-light'
(1127,32): run-time error CSS1039: Token not allowed after unary operator: '-wp-border-gray'
(1129,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-border-color'
(1133,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-input-bg'
(1134,17): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-default'
(1186,17): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-default'
(1190,17): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-default'
(1297,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-bright-bg'
(1625,16): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-light'
(1634,18): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-light'
(1643,16): run-time error CSS1039: Token not allowed after unary operator: '-wp-elevated-bg'
(1652,16): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-dark'
(1661,17): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-light'
(1663,17): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-dark'
(1665,17): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-dark'
(1667,30): run-time error CSS1039: Token not allowed after unary operator: '-wp-card-bg'
(1668,19): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-dark'
(1670,21): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-dark'
(1672,21): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-dark'
(1674,23): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-light'
(1676,23): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-dark'
(1678,19): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-dark'
(1679,33): run-time error CSS1039: Token not allowed after unary operator: '-wp-border-gray'
(1681,19): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-dark'
(1683,21): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-dark'
(1685,21): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-dark'
(1687,19): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-dark'
(1688,31): run-time error CSS1039: Token not allowed after unary operator: '-wp-border-gray'
(1690,21): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-dark'
(1692,23): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-dark'
(1694,23): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-light'
(1696,23): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-dark'
(1698,17): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-dark'
(1699,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-border-gray'
(1701,19): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-light'
(1703,19): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-dark'
(1705,34): run-time error CSS1039: Token not allowed after unary operator: '-wp-border-gray'
(1707,17): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-dark'
(1709,19): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-dark'
(1711,19): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-dark'
(1713,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-elevated-bg'
(1715,19): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-dark'
(1729,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-card-bg'
(1732,19): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-dark'
(1733,33): run-time error CSS1039: Token not allowed after unary operator: '-wp-border-gray'
(1736,30): run-time error CSS1039: Token not allowed after unary operator: '-wp-card-bg'
(1739,19): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-dark'
(1742,21): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-dark'
(1745,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-light'
(1748,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-card-bg'
(1749,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-border-gray'
(1752,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-elevated-bg'
(1755,30): run-time error CSS1039: Token not allowed after unary operator: '-wp-elevated-bg'
(1756,19): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-dark'
(1757,26): run-time error CSS1039: Token not allowed after unary operator: '-wp-border-gray'
(1760,21): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-muted'
(1762,17): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-dark'
(1764,19): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-light'
(1766,19): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-dark'
(1768,19): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-dark'
(1770,19): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-dark'
(1772,19): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-dark'
(1774,17): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-muted'
(1776,22): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-muted'
(1778,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-card-bg'
(1780,30): run-time error CSS1039: Token not allowed after unary operator: '-wp-elevated-bg'
(1781,19): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-dark'
(1783,19): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-dark'
(1786,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-card-bg'
(1787,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-border-gray'
(1788,17): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-dark'
(1793,18): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-light'
(1796,30): run-time error CSS1039: Token not allowed after unary operator: '-wp-hover-bg'
(1798,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-card-bg'
(1800,17): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-dark'
(1801,31): run-time error CSS1039: Token not allowed after unary operator: '-wp-border-gray'
(1803,30): run-time error CSS1039: Token not allowed after unary operator: '-wp-hover-bg'
(1805,17): run-time error CSS1039: Token not allowed after unary operator: '-wp-text-light'
(1807,16): run-time error CSS1039: Token not allowed after unary operator: '-wp-white-bg'
 */
[data-layout-mode="dark"] {
  /* md-select {
        border: 1px solid $dk-border !important;
    }*/
  /*  .md-button.md-default-theme.md-raised:not([disabled]):hover, .md-button.md-raised:not([disabled]):hover {
            background-color: var(--wp-hover-bg) !important;
        }*/ }
  [data-layout-mode="dark"] .main-sidebar {
    background-color: #252423 !important;
    border-color: #3d3c3b !important;
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .header-row {
    background-color: var(--wp-header-bg) !important;
    border-bottom-color: #3d3c3b !important;
    background-image: none !important;
    border-right: 1px solid var(--wp-border-color);
    color: var(--wp-text-dark) !important; }
    [data-layout-mode="dark"] .header-row .headerItem {
      color: rgba(255, 255, 255, 0.8);
      background-color: #2f2e2d !important; }
  [data-layout-mode="dark"] .border {
    border: 1px solid var(--wp-border-color) !important; }
  [data-layout-mode="dark"] #sidebarDevops {
    border-bottom-color: #3d3c3b !important; }
  [data-layout-mode="dark"] .sidebar-menu > li {
    border-bottom-color: #3d3c3b; }
  [data-layout-mode="dark"] .skin-black .sidebar-menu > li > a,
  [data-layout-mode="dark"].skin-black .sidebar-menu > li > a {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .skin-black .sidebar-menu .menu-active:hover > a,
  [data-layout-mode="dark"].skin-black .sidebar-menu .menu-active:hover > a {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .skin-black .sidebar-menu .menu-active > a,
  [data-layout-mode="dark"].skin-black .sidebar-menu .menu-active > a {
    background-color: rgba(58, 87, 162, 0.2) !important; }
  [data-layout-mode="dark"] .skin-black .sidebar-menu .treeview-menu > li > a,
  [data-layout-mode="dark"].skin-black .sidebar-menu .treeview-menu > li > a {
    color: #adb5bd !important; }
  [data-layout-mode="dark"] .skin-black .sidebar-menu .treeview-menu > li.active > a,
  [data-layout-mode="dark"] .skin-black .sidebar-menu .treeview-menu > li > a:hover,
  [data-layout-mode="dark"].skin-black .sidebar-menu .treeview-menu > li.active > a,
  [data-layout-mode="dark"].skin-black .sidebar-menu .treeview-menu > li > a:hover {
    background-color: rgba(58, 87, 162, 0.2) !important; }
  [data-layout-mode="dark"] .skin-black .sidebar-menu > li > .treeview-menu,
  [data-layout-mode="dark"].skin-black .sidebar-menu > li > .treeview-menu {
    background: #252423 !important; }
  [data-layout-mode="dark"] body.skin-black .sidebar-menu li .treeview-menu,
  [data-layout-mode="dark"].skin-black .sidebar-menu li .treeview-menu {
    background: transparent !important; }
  [data-layout-mode="dark"] body.skin-black .sidebar-menu li .treeview-menu .innerSubMenu a,
  [data-layout-mode="dark"].skin-black .sidebar-menu li .treeview-menu .innerSubMenu a {
    color: #adb5bd !important; }
  [data-layout-mode="dark"] body.skin-black .sidebar-menu .menu-active > a,
  [data-layout-mode="dark"] body.skin-black .sidebar-menu .treeview-menu > li.active > a,
  [data-layout-mode="dark"].skin-black .sidebar-menu .menu-active > a,
  [data-layout-mode="dark"].skin-black .sidebar-menu .treeview-menu > li.active > a {
    background-color: rgba(58, 87, 162, 0.2) !important; }
  [data-layout-mode="dark"] body.skin-black .sidebar-menu li,
  [data-layout-mode="dark"].skin-black .sidebar-menu li {
    border-bottom-color: #3d3c3b; }
  [data-layout-mode="dark"] .menu-active {
    background-color: #3a3938 !important; }
  [data-layout-mode="dark"] .menu-open-onhover {
    background-color: #3a3938 !important; }
  [data-layout-mode="dark"] .ulDesign > li.innerSubMenu:hover {
    background-color: #3a3938 !important; }
  [data-layout-mode="dark"] md-select-menu md-content {
    background-color: #252423 !important;
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] md-select[disabled] .md-select-value {
    background: var(--wp-disabled-bg) !important; }
  [data-layout-mode="dark"] md-select-menu md-content md-option {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] md-select:not([disabled]):focus .md-select-value {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] md-dialog.md-default-theme, [data-layout-mode="dark"] md-dialog {
    background-color: #252423 !important;
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .md-calendar {
    background: #252423 !important;
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .md-datepicker-calendar {
    background: #252423 !important; }
  [data-layout-mode="dark"] .daterangepicker.show-ranges .drp-calendar.left {
    border-left: 1px solid #3d3c3b !important; }
  [data-layout-mode="dark"] .daterangepicker .drp-buttons {
    border-top: 1px solid #3d3c3b !important; }
  [data-layout-mode="dark"] md-select .md-select-icon {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] md-select .md-select-value.md-select-placeholder {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .md-datepicker-triangle-button .md-datepicker-expand-triangle {
    border-top-color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .md-button.md-raised {
    color: rgba(255, 255, 255, 0.8) !important;
    background-color: #252423; }
  [data-layout-mode="dark"] .md-button.md-primary.md-raised[disabled], [data-layout-mode="dark"] #pathwayEmpTitlePanel .md-button.md-primary.md-raised[disabled] {
    background-color: #2f2e2d !important;
    color: #adb5bd !important;
    border: 1px solid #3d3c3b; }
  [data-layout-mode="dark"] .md-cancel-button:not([disabled]):hover {
    background-color: var(--wp-card-bg) !important; }
  [data-layout-mode="dark"] md-input-container.md-default-theme label.md-required:after, [data-layout-mode="dark"] md-input-container label.md-required:after {
    color: #dd2c00 !important; }
  [data-layout-mode="dark"] .md-char-counter {
    color: #ffff !important; }
  [data-layout-mode="dark"] md-icon {
    fill: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] md-content {
    color: rgba(255, 255, 255, 0.8) !important;
    background-color: #fafafa; }
  [data-layout-mode="dark"] md-select .md-select-value {
    border-bottom-color: var(--wp-border-color); }
  [data-layout-mode="dark"] .modal-content .modal-body .filterList .dropdown-content {
    background-color: var(--wp-card-bg) !important; }
  [data-layout-mode="dark"] .modal-content .modal-body .filterList .active {
    background-color: var(--wp-hover-bg); }
  [data-layout-mode="dark"] .modal-content .modal-body .filterList .col-md-12:hover {
    background-color: var(--wp-hover-bg); }
  [data-layout-mode="dark"] .svg-icon {
    color: rgba(255, 255, 255, 0.8); }
  [data-layout-mode="dark"] .svg-icon img {
    filter: brightness(0) invert(1); }
  [data-layout-mode="dark"] .btnCancel {
    border: 1px solid #3d3c3b;
    background: linear-gradient(180deg, #252423 0%, #2f2e2d 100%) !important;
    color: var(--wp-text-default) !important; }
  [data-layout-mode="dark"] .white-skin .dropdown-content li:not(.disabled) span {
    color: var(--wp-alert-text) !important; }
  [data-layout-mode="dark"] .dropdown-content li:hover {
    background-color: var(--wp-hover-bg); }
  [data-layout-mode="dark"] .picker .picker__box {
    background: var(--wp-body-bg);
    border: 1px solid var(--wp-border-color); }
    [data-layout-mode="dark"] .picker .picker__box .picker__weekday-display {
      background: var(--wp-elevated-bg);
      color: var(--wp-text-light); }
    [data-layout-mode="dark"] .picker .picker__box .picker__select--year, [data-layout-mode="dark"] .picker .picker__box .picker__select--month {
      background: var(--wp-module-hover-bg);
      color: var(--wp-text-light);
      border: 1px solid var(--wp-border-color); }
    [data-layout-mode="dark"] .picker .picker__box .picker__weekday {
      color: var(--wp-text-light) !important; }
    [data-layout-mode="dark"] .picker .picker__box .picker__button--today, [data-layout-mode="dark"] .picker .picker__box .picker__button--clear, [data-layout-mode="dark"] .picker .picker__box .picker__button--close {
      background: var(--wp-module-hover-bg);
      border: 1px solid var(--wp-border-color);
      color: var(--wp-text-light); }
  [data-layout-mode="dark"] .picker__box .picker__header .picker__nav--next:hover,
  [data-layout-mode="dark"] .picker__box .picker__header .picker__nav--prev:hover {
    background: var(--wp-hover-bg) !important; }
  [data-layout-mode="dark"] .picker__box .picker__table .picker__day--disabled, [data-layout-mode="dark"] .picker__box .picker__table .picker__day--disabled:hover {
    background: var(--wp-header-background);
    border-color: var(--wp-header-background); }
  [data-layout-mode="dark"] .daterangepicker:after, [data-layout-mode="dark"] .daterangepicker:before {
    border-right: 6px solid transparent;
    border-bottom: 6px solid var(--wp-scrollbar-thumb);
    border-left: 6px solid transparent; }
  [data-layout-mode="dark"] li.active, [data-layout-mode="dark"] .dropdown-content li:hover {
    background-color: var(--wp-active-list-bg) !important; }
  [data-layout-mode="dark"] .dropdown-content::-webkit-scrollbar {
    width: 10px; }
  [data-layout-mode="dark"] .dropdown-content::-webkit-scrollbar-track {
    background: #252423 !important; }
  [data-layout-mode="dark"] .dropdown-content::-webkit-scrollbar-thumb {
    background: #bec1be !important;
    border-radius: 10px; }
  [data-layout-mode="dark"] .dropdown-content::-webkit-scrollbar-thumb:hover {
    background: #252423 !important; }
  [data-layout-mode="dark"] .daterangepicker select.yearselect,
  [data-layout-mode="dark"] .daterangepicker select.monthselect {
    background: var(--wp-elevated-bg);
    color: var(--wp-text-light);
    border: 1px solid var(--wp-border-color); }
  [data-layout-mode="dark"] div.showWhenHover {
    background-color: #252423 !important;
    border-color: #3d3c3b !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 2px 16px 0 rgba(0, 0, 0, 0.4) !important; }
    [data-layout-mode="dark"] div.showWhenHover .mt-2 .menuNameClass {
      background: #2f2e2d !important;
      color: rgba(255, 255, 255, 0.8) !important; }
    [data-layout-mode="dark"] div.showWhenHover .mt-2 .border-bottom-only-menu {
      border-bottom-color: #3d3c3b; }
  [data-layout-mode="dark"] .sidebar-devops:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
    background-color: #252423 !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 2px 16px 0 rgba(0, 0, 0, 0.4) !important; }
  [data-layout-mode="dark"] .ulDesign > .innerSubMenu > a > span.spanMargin {
    color: #adb5bd !important; }
  [data-layout-mode="dark"] .ulDesign li {
    border-bottom-color: #3d3c3b; }
  [data-layout-mode="dark"] .menuNameClass {
    color: rgba(255, 255, 255, 0.8); }
  [data-layout-mode="dark"] .border-bottom-only-menu {
    border-bottom-color: #3d3c3b; }
  [data-layout-mode="dark"] .sub-menu-separator {
    border-bottom-color: #3d3c3b; }
  [data-layout-mode="dark"] .hideOnHover {
    border-bottom-color: #3d3c3b !important; }
  [data-layout-mode="dark"] .app-adminmenu .sidebar-menu .menu-active > a {
    background-color: rgba(56, 111, 164, 0.2) !important; }
  [data-layout-mode="dark"] .app-book .sidebar-menu .menu-active > a {
    background-color: rgba(203, 22, 44, 0.2) !important; }
  [data-layout-mode="dark"] .app-health .sidebar-menu .menu-active > a {
    background-color: rgba(203, 22, 44, 0.2) !important; }
  [data-layout-mode="dark"] .app-wow .sidebar-menu .menu-active > a {
    background-color: rgba(0, 96, 151, 0.2) !important; }
  [data-layout-mode="dark"] .app-quiz .sidebar-menu .menu-active > a {
    background-color: rgba(147, 112, 219, 0.2) !important; }
  [data-layout-mode="dark"] .app-audit .sidebar-menu .menu-active > a {
    background-color: rgba(91, 142, 201, 0.2) !important; }
  [data-layout-mode="dark"] .app-people .sidebar-menu .menu-active > a {
    background-color: rgba(2, 103, 193, 0.2) !important; }
  [data-layout-mode="dark"] .app-sales .sidebar-menu .menu-active > a {
    background-color: rgba(58, 87, 162, 0.2) !important; }
  [data-layout-mode="dark"] .app-delivery .sidebar-menu .menu-active > a {
    background-color: rgba(58, 87, 162, 0.2) !important; }
  [data-layout-mode="dark"] .app-finishing .sidebar-menu .menu-active > a {
    background-color: rgba(58, 87, 162, 0.2) !important; }
  [data-layout-mode="dark"] .app-communications .sidebar-menu .menu-active > a,
  [data-layout-mode="dark"] .app-mastercommunications .sidebar-menu .menu-active > a {
    background-color: rgba(58, 87, 162, 0.2) !important; }
  [data-layout-mode="dark"] .app-picking .sidebar-menu .menu-active > a {
    background-color: rgba(58, 87, 162, 0.2) !important; }
  [data-layout-mode="dark"] .app-purchasing .sidebar-menu .menu-active > a {
    background-color: rgba(58, 87, 162, 0.2) !important; }
  [data-layout-mode="dark"] .app-production .sidebar-menu .menu-active > a {
    background-color: rgba(58, 87, 162, 0.2) !important; }
  [data-layout-mode="dark"] .app-integration .sidebar-menu .menu-active > a {
    background-color: rgba(58, 87, 162, 0.2) !important; }
  [data-layout-mode="dark"] .app-systemhealth .sidebar-menu .menu-active > a {
    background-color: rgba(58, 87, 162, 0.2) !important; }
  [data-layout-mode="dark"] .app-asset .sidebar-menu .menu-active > a {
    background-color: rgba(2, 103, 193, 0.2) !important; }
  [data-layout-mode="dark"] .app-masterproducts .sidebar-menu .menu-active > a,
  [data-layout-mode="dark"] .app-masterpublisher .sidebar-menu .menu-active > a,
  [data-layout-mode="dark"] .app-masterpermissions .sidebar-menu .menu-active > a,
  [data-layout-mode="dark"] .app-masterdashboards .sidebar-menu .menu-active > a,
  [data-layout-mode="dark"] .app-masterreports .sidebar-menu .menu-active > a,
  [data-layout-mode="dark"] .app-mastercomplaints .sidebar-menu .menu-active > a,
  [data-layout-mode="dark"] .app-mastersales .sidebar-menu .menu-active > a,
  [data-layout-mode="dark"] .app-masterbook .sidebar-menu .menu-active > a,
  [data-layout-mode="dark"] .app-masterknowledge .sidebar-menu .menu-active > a,
  [data-layout-mode="dark"] .app-masterpushdata .sidebar-menu .menu-active > a,
  [data-layout-mode="dark"] .app-mastersupport .sidebar-menu .menu-active > a,
  [data-layout-mode="dark"] .app-adminmaster .sidebar-menu .menu-active > a {
    background-color: rgba(58, 87, 162, 0.2) !important; }
  [data-layout-mode="dark"] .skin-black .sidebar-menu .menu-active > a,
  [data-layout-mode="dark"].skin-black .sidebar-menu .menu-active > a {
    background-color: rgba(0, 98, 175, 0.2) !important; }
  [data-layout-mode="dark"] .sidebar-toggle {
    color: #adb5bd !important; }
    [data-layout-mode="dark"] .sidebar-toggle:hover {
      color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .menuNameToolTip {
    background-color: #2f2e2d;
    color: rgba(255, 255, 255, 0.8); }
  [data-layout-mode="dark"] .main-panel-content,
  [data-layout-mode="dark"] .main-content {
    background-color: #1e1e1d; }
  [data-layout-mode="dark"] .sidebar-menu::-webkit-scrollbar-track {
    background: #252423; }
  [data-layout-mode="dark"] .sidebar-menu::-webkit-scrollbar-thumb {
    background: #878a99; }
  [data-layout-mode="dark"] .sidebar-menu::-webkit-scrollbar-thumb:hover {
    background: #adb5bd; }
  [data-layout-mode="dark"] .modal-body.scrollbar {
    scrollbar-color: #888 var(--wp-scrollbar-track) !important; }
  [data-layout-mode="dark"] md-content._md {
    scrollbar-color: #888 #252423;
    /*scrollbar-width: thin;*/ }
  [data-layout-mode="dark"] body, [data-layout-mode="dark"].skin-black {
    background-color: #1e1e1d; }
  [data-layout-mode="dark"] .pull-right-container .fa,
  [data-layout-mode="dark"] .pull-right-container .fas,
  [data-layout-mode="dark"] .pull-right-container .far {
    color: #878a99 !important; }
  [data-layout-mode="dark"] .sidebar-menu a img {
    filter: brightness(0) invert(0.8); }
  [data-layout-mode="dark"] .sidebar-menu .menu-active > a img,
  [data-layout-mode="dark"] .sidebar-menu .treeview-menu > li.active > a img {
    filter: none; }
  [data-layout-mode="dark"] body.skin-black .sidebar-menu .menu-active > a,
  [data-layout-mode="dark"] body.skin-black .sidebar-menu .treeview-menu > li.active > a {
    background-color: rgba(58, 87, 162, 0.25) !important; }
  [data-layout-mode="dark"] .sidebar-menu .menuName {
    color: rgba(255, 255, 255, 0.8); }
  [data-layout-mode="dark"] .navbar.workpulse-header {
    background-color: #292e32 !important;
    border-top-color: #292e32 !important; }
  [data-layout-mode="dark"] .navbar.workpulse-header.app-sales {
    background-color: #292e32 !important;
    border-top-color: #292e32 !important; }
  [data-layout-mode="dark"] .navbar.workpulse-header.app-delivery {
    background-color: #292e32 !important;
    border-top-color: #292e32 !important; }
  [data-layout-mode="dark"] .navbar.workpulse-header.app-finishing {
    background-color: #292e32 !important;
    border-top-color: #292e32 !important; }
  [data-layout-mode="dark"] .navbar.workpulse-header.app-picking {
    background-color: #292e32 !important;
    border-top-color: #292e32 !important; }
  [data-layout-mode="dark"] .navbar.workpulse-header.app-purchasing {
    background-color: #292e32 !important;
    border-top-color: #292e32 !important; }
  [data-layout-mode="dark"] .navbar.workpulse-header.app-integration {
    background-color: #292e32 !important;
    border-top-color: #292e32 !important; }
  [data-layout-mode="dark"] .navbar.workpulse-header.app-prep {
    background-color: #292e32 !important;
    border-top-color: #292e32 !important; }
  [data-layout-mode="dark"] .navbar.workpulse-header.app-production {
    background-color: #292e32 !important;
    border-top-color: #292e32 !important; }
  [data-layout-mode="dark"] .navbar.workpulse-header.app-inventory {
    background-color: #292e32 !important;
    border-top-color: #292e32 !important; }
  [data-layout-mode="dark"] .navbar.workpulse-header.app-people {
    background-color: #292e32 !important;
    border-top-color: #292e32 !important; }
  [data-layout-mode="dark"] .navbar.workpulse-header.app-audit {
    background-color: #292e32 !important;
    border-top-color: #292e32 !important; }
  [data-layout-mode="dark"] .navbar.workpulse-header.app-book {
    background-color: #292e32 !important;
    border-top-color: #292e32 !important; }
  [data-layout-mode="dark"] .navbar.workpulse-header.app-health {
    background-color: #292e32 !important;
    border-top-color: #292e32 !important; }
  [data-layout-mode="dark"] .navbar.workpulse-header.app-wow {
    background-color: #292e32 !important;
    border-top-color: #292e32 !important; }
  [data-layout-mode="dark"] .navbar.workpulse-header.app-quiz {
    background-color: #292e32 !important;
    border-top-color: #292e32 !important; }
  [data-layout-mode="dark"] .navbar.workpulse-header.app-communications {
    background-color: #292e32 !important;
    border-top-color: #292e32 !important; }
  [data-layout-mode="dark"] .navbar.workpulse-header.app-knowledge {
    background-color: #292e32 !important;
    border-top-color: #292e32 !important; }
  [data-layout-mode="dark"] .navbar.workpulse-header.app-asset {
    background-color: #292e32 !important;
    border-top-color: #292e32 !important; }
  [data-layout-mode="dark"] .navbar.workpulse-header.app-masterAsset {
    background-color: #292e32 !important;
    border-top-color: #292e32 !important; }
  [data-layout-mode="dark"] .navbar.workpulse-header.app-systemhealth {
    background-color: #292e32 !important;
    border-top-color: #292e32 !important; }
  [data-layout-mode="dark"] .navbar.workpulse-header.app-adminmenu {
    background-color: #292e32 !important;
    border-top-color: #292e32 !important; }
  [data-layout-mode="dark"] .navbar.workpulse-header.app-masterproducts {
    background-color: #292e32 !important;
    border-top-color: #292e32 !important; }
  [data-layout-mode="dark"] .navbar.workpulse-header.app-mastersales {
    background-color: #292e32 !important;
    border-top-color: #292e32 !important; }
  [data-layout-mode="dark"] .navbar.workpulse-header.app-masterbook {
    background-color: #292e32 !important;
    border-top-color: #292e32 !important; }
  [data-layout-mode="dark"] .navbar.workpulse-header.app-masterknowledge {
    background-color: #292e32 !important;
    border-top-color: #292e32 !important; }
  [data-layout-mode="dark"] .navbar.workpulse-header.app-masterreports {
    background-color: #292e32 !important;
    border-top-color: #292e32 !important; }
  [data-layout-mode="dark"] .navbar.workpulse-header.app-mastercommunications {
    background-color: #292e32 !important;
    border-top-color: #292e32 !important; }
  [data-layout-mode="dark"] .navbar.workpulse-header.app-mastercomplaints {
    background-color: #292e32 !important;
    border-top-color: #292e32 !important; }
  [data-layout-mode="dark"] .navbar.workpulse-header.app-masterpushdata {
    background-color: #292e32 !important;
    border-top-color: #292e32 !important; }
  [data-layout-mode="dark"] .navbar.workpulse-header.app-mastersupport {
    background-color: #292e32 !important;
    border-top-color: #292e32 !important; }
  [data-layout-mode="dark"] .navbar.workpulse-header.app-adminmaster {
    background-color: #292e32 !important;
    border-top-color: #292e32 !important; }
  [data-layout-mode="dark"] .app-sales {
    background-color: transparent !important; }
  [data-layout-mode="dark"] .app-delivery {
    background-color: transparent !important; }
  [data-layout-mode="dark"] .app-finishing {
    background-color: transparent !important; }
  [data-layout-mode="dark"] .app-picking {
    background-color: transparent !important; }
  [data-layout-mode="dark"] .app-purchasing {
    background-color: transparent !important; }
  [data-layout-mode="dark"] .app-integration {
    background-color: transparent !important; }
  [data-layout-mode="dark"] .app-prep {
    background-color: transparent !important; }
  [data-layout-mode="dark"] .app-production {
    background-color: transparent !important; }
  [data-layout-mode="dark"] .app-inventory {
    background-color: transparent !important; }
  [data-layout-mode="dark"] .app-people {
    background-color: transparent !important; }
  [data-layout-mode="dark"] .app-audit {
    background-color: transparent !important; }
  [data-layout-mode="dark"] .app-book {
    background-color: transparent !important; }
  [data-layout-mode="dark"] .app-health {
    background-color: transparent !important; }
  [data-layout-mode="dark"] .app-wow {
    background-color: transparent !important; }
  [data-layout-mode="dark"] .app-quiz {
    background-color: transparent !important; }
  [data-layout-mode="dark"] .app-communications {
    background-color: transparent !important; }
  [data-layout-mode="dark"] .app-knowledge {
    background-color: transparent !important; }
  [data-layout-mode="dark"] .app-asset {
    background-color: transparent !important; }
  [data-layout-mode="dark"] .app-masterAsset {
    background-color: transparent !important; }
  [data-layout-mode="dark"] .app-systemhealth {
    background-color: transparent !important; }
  [data-layout-mode="dark"] .app-adminmenu {
    background-color: transparent !important; }
  [data-layout-mode="dark"] .app-masterproducts {
    background-color: transparent !important; }
  [data-layout-mode="dark"] .app-mastersales {
    background-color: transparent !important; }
  [data-layout-mode="dark"] .app-masterbook {
    background-color: transparent !important; }
  [data-layout-mode="dark"] .app-masterknowledge {
    background-color: transparent !important; }
  [data-layout-mode="dark"] .app-masterreports {
    background-color: transparent !important; }
  [data-layout-mode="dark"] .app-mastercommunications {
    background-color: transparent !important; }
  [data-layout-mode="dark"] .app-mastercomplaints {
    background-color: transparent !important; }
  [data-layout-mode="dark"] .app-masterpushdata {
    background-color: transparent !important; }
  [data-layout-mode="dark"] .app-mastersupport {
    background-color: transparent !important; }
  [data-layout-mode="dark"] .app-adminmaster {
    background-color: transparent !important; }
  [data-layout-mode="dark"] .navbar.workpulse-header .navbar-text,
  [data-layout-mode="dark"] .navbar.workpulse-header .navbar-brand {
    color: #e9ecef !important; }
  [data-layout-mode="dark"] .navbar.workpulse-header svg path {
    fill: #e9ecef; }
  [data-layout-mode="dark"] .navbar-fixed-top,
  [data-layout-mode="dark"] .navbar.fixed-top {
    background-color: #292e32 !important; }
  [data-layout-mode="dark"] #slidingMenuAppModal .modal-content {
    background-color: #252423 !important;
    border-color: #3d3c3b !important; }
  [data-layout-mode="dark"] #slidingMenuAppModal .sliding-header {
    background-color: #2f2e2d !important;
    border-bottom-color: #3d3c3b !important; }
    [data-layout-mode="dark"] #slidingMenuAppModal .sliding-header hr {
      border-color: #3d3c3b !important; }
    [data-layout-mode="dark"] #slidingMenuAppModal .sliding-header p {
      color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] #slidingMenuAppModal .sliding-title,
  [data-layout-mode="dark"] #slidingMenuAppModal .heading,
  [data-layout-mode="dark"] #slidingMenuAppModal p.heading {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] #slidingMenuAppModal .closeButton {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] #slidingMenuAppModal .sliding-modalbody {
    background-color: #252423 !important;
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] #slidingMenuAppModal .sliding-appname {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] #slidingMenuAppModal .slidingmenu-app {
    color: rgba(255, 255, 255, 0.8) !important; }
    [data-layout-mode="dark"] #slidingMenuAppModal .slidingmenu-app a {
      color: rgba(255, 255, 255, 0.8) !important;
      border-color: transparent !important;
      box-shadow: none !important; }
      [data-layout-mode="dark"] #slidingMenuAppModal .slidingmenu-app a:hover {
        background-color: #2f2e2d !important;
        border-color: #3d3c3b !important;
        box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.3) !important; }
  [data-layout-mode="dark"] #slidingMenuAppModal .slidingmenu-selectedapp {
    background-color: rgba(58, 87, 162, 0.2) !important; }
  [data-layout-mode="dark"] #slidingMenuAppModal .modal-header {
    background-color: #2f2e2d !important;
    border-bottom-color: #3d3c3b !important; }
    [data-layout-mode="dark"] #slidingMenuAppModal .modal-header .close,
    [data-layout-mode="dark"] #slidingMenuAppModal .modal-header .btn-close {
      color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] #slidingMenuAppModal .sliding-gotohomemargin a {
    color: #adb5bd !important; }
    [data-layout-mode="dark"] #slidingMenuAppModal .sliding-gotohomemargin a:hover {
      color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] #slidingMenuAppModal .sliding-gotohomepage {
    color: rgba(255, 255, 255, 0.8) !important; }
    [data-layout-mode="dark"] #slidingMenuAppModal .sliding-gotohomepage svg path,
    [data-layout-mode="dark"] #slidingMenuAppModal .sliding-gotohomepage img {
      filter: brightness(0) invert(1); }
  [data-layout-mode="dark"] .modal-backdrop {
    background-color: #000; }
  [data-layout-mode="dark"] .app-headingcolor {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] #mainContent {
    background-color: #1e1e1d; }
  [data-layout-mode="dark"] .wrapper {
    background-color: #1e1e1d; }
  [data-layout-mode="dark"] .navbar-fixed-bottom {
    background-color: #252423 !important;
    border-top-color: #3d3c3b !important; }
  [data-layout-mode="dark"] .footer-text,
  [data-layout-mode="dark"] .footer-copyright {
    color: #adb5bd !important; }
  [data-layout-mode="dark"] .centerfooterLink,
  [data-layout-mode="dark"] .footerLink {
    color: #adb5bd !important; }
  [data-layout-mode="dark"] .modal-content {
    background-color: #252423 !important;
    border-color: #3d3c3b !important;
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .modal-header,
  [data-layout-mode="dark"] .wp-modal .modal-header {
    background-color: #2f2e2d !important;
    border-bottom-color: #3d3c3b !important;
    color: rgba(255, 255, 255, 0.8) !important; }
    [data-layout-mode="dark"] .modal-header .modal-title,
    [data-layout-mode="dark"] .wp-modal .modal-header .modal-title {
      color: rgba(255, 255, 255, 0.8) !important; }
    [data-layout-mode="dark"] .modal-header .close,
    [data-layout-mode="dark"] .modal-header .btn-close,
    [data-layout-mode="dark"] .wp-modal .modal-header .close,
    [data-layout-mode="dark"] .wp-modal .modal-header .btn-close {
      color: rgba(255, 255, 255, 0.8) !important;
      opacity: 0.8; }
      [data-layout-mode="dark"] .modal-header .close svg path,
      [data-layout-mode="dark"] .modal-header .btn-close svg path,
      [data-layout-mode="dark"] .wp-modal .modal-header .close svg path,
      [data-layout-mode="dark"] .wp-modal .modal-header .btn-close svg path {
        fill: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .bg-admin.modal-header,
  [data-layout-mode="dark"] .bg-audit.modal-header,
  [data-layout-mode="dark"] .bg-actionPlan.modal-header,
  [data-layout-mode="dark"] .bg-people.modal-header,
  [data-layout-mode="dark"] .bg-asset.modal-header,
  [data-layout-mode="dark"] .bg-book.modal-header,
  [data-layout-mode="dark"] .bg-desk.modal-header,
  [data-layout-mode="dark"] .bg-devPlan.modal-header,
  [data-layout-mode="dark"] .bg-health.modal-header,
  [data-layout-mode="dark"] .bg-notes.modal-header,
  [data-layout-mode="dark"] .bg-quiz.modal-header,
  [data-layout-mode="dark"] .bg-wow.modal-header,
  [data-layout-mode="dark"] .bg-inventory.modal-header,
  [data-layout-mode="dark"] .bg-sales.modal-header,
  [data-layout-mode="dark"] .bg-delivery.modal-header {
    background-color: #2f2e2d !important;
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .wp-modal .modal-content .modal-header {
    background-color: #2f2e2d !important;
    color: rgba(255, 255, 255, 0.8) !important; }
    [data-layout-mode="dark"] .wp-modal .modal-content .modal-header .modal-title {
      color: rgba(255, 255, 255, 0.8) !important; }
    [data-layout-mode="dark"] .wp-modal .modal-content .modal-header .close {
      color: rgba(255, 255, 255, 0.8) !important; }
      [data-layout-mode="dark"] .wp-modal .modal-content .modal-header .close svg path {
        fill: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .wp-modal .modal-content .modal-footer .btn {
    background-color: #2f2e2d !important;
    border-color: #3d3c3b !important;
    color: rgba(255, 255, 255, 0.8) !important; }
    [data-layout-mode="dark"] .wp-modal .modal-content .modal-footer .btn.bg-people, [data-layout-mode="dark"] .wp-modal .modal-content .modal-footer .btn.bg-sales, [data-layout-mode="dark"] .wp-modal .modal-content .modal-footer .btn.bg-audit, [data-layout-mode="dark"] .wp-modal .modal-content .modal-footer .btn.bg-actionPlan, [data-layout-mode="dark"] .wp-modal .modal-content .modal-footer .btn.bg-admin, [data-layout-mode="dark"] .wp-modal .modal-content .modal-footer .btn.bg-asset, [data-layout-mode="dark"] .wp-modal .modal-content .modal-footer .btn.bg-book, [data-layout-mode="dark"] .wp-modal .modal-content .modal-footer .btn.bg-desk, [data-layout-mode="dark"] .wp-modal .modal-content .modal-footer .btn.bg-devPlan, [data-layout-mode="dark"] .wp-modal .modal-content .modal-footer .btn.bg-health, [data-layout-mode="dark"] .wp-modal .modal-content .modal-footer .btn.bg-notes, [data-layout-mode="dark"] .wp-modal .modal-content .modal-footer .btn.bg-quiz, [data-layout-mode="dark"] .wp-modal .modal-content .modal-footer .btn.bg-wow, [data-layout-mode="dark"] .wp-modal .modal-content .modal-footer .btn.bg-inventory, [data-layout-mode="dark"] .wp-modal .modal-content .modal-footer .btn.bg-delivery {
      background-color: #2f2e2d !important;
      color: rgba(255, 255, 255, 0.8) !important; }
    [data-layout-mode="dark"] .wp-modal .modal-content .modal-footer .btn:hover {
      background-color: #3a3938 !important; }
  [data-layout-mode="dark"] .peopleSummaryWebView .wp-modal .modal-content .modal-header {
    background-color: #2f2e2d !important;
    color: rgba(255, 255, 255, 0.8) !important; }
    [data-layout-mode="dark"] .peopleSummaryWebView .wp-modal .modal-content .modal-header .close {
      color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .peopleSummaryWebView .wp-modal .modal-content .modal-footer .btn {
    background-color: #2f2e2d !important;
    border-color: #3d3c3b !important;
    color: rgba(255, 255, 255, 0.8) !important; }
    [data-layout-mode="dark"] .peopleSummaryWebView .wp-modal .modal-content .modal-footer .btn:hover {
      background-color: #3a3938 !important; }
  [data-layout-mode="dark"] .modal-footer {
    background-color: #252423 !important;
    border-top-color: #3d3c3b !important; }
    [data-layout-mode="dark"] .modal-footer .btn,
    [data-layout-mode="dark"] .modal-footer .md-button,
    [data-layout-mode="dark"] .modal-footer .md-button.md-primary.md-raised {
      background-color: #2f2e2d !important;
      border-color: #3d3c3b !important;
      color: rgba(255, 255, 255, 0.8) !important; }
      [data-layout-mode="dark"] .modal-footer .btn.bg-people, [data-layout-mode="dark"] .modal-footer .btn.bg-sales, [data-layout-mode="dark"] .modal-footer .btn.bg-audit, [data-layout-mode="dark"] .modal-footer .btn.bg-actionPlan, [data-layout-mode="dark"] .modal-footer .btn.bg-asset, [data-layout-mode="dark"] .modal-footer .btn.bg-book, [data-layout-mode="dark"] .modal-footer .btn.bg-desk, [data-layout-mode="dark"] .modal-footer .btn.bg-devPlan, [data-layout-mode="dark"] .modal-footer .btn.bg-health, [data-layout-mode="dark"] .modal-footer .btn.bg-notes, [data-layout-mode="dark"] .modal-footer .btn.bg-quiz, [data-layout-mode="dark"] .modal-footer .btn.bg-wow, [data-layout-mode="dark"] .modal-footer .btn.bg-inventory, [data-layout-mode="dark"] .modal-footer .btn.bg-delivery, [data-layout-mode="dark"] .modal-footer .btn.bg-admin,
      [data-layout-mode="dark"] .modal-footer .md-button.bg-people,
      [data-layout-mode="dark"] .modal-footer .md-button.bg-sales,
      [data-layout-mode="dark"] .modal-footer .md-button.bg-audit,
      [data-layout-mode="dark"] .modal-footer .md-button.bg-actionPlan,
      [data-layout-mode="dark"] .modal-footer .md-button.bg-asset,
      [data-layout-mode="dark"] .modal-footer .md-button.bg-book,
      [data-layout-mode="dark"] .modal-footer .md-button.bg-desk,
      [data-layout-mode="dark"] .modal-footer .md-button.bg-devPlan,
      [data-layout-mode="dark"] .modal-footer .md-button.bg-health,
      [data-layout-mode="dark"] .modal-footer .md-button.bg-notes,
      [data-layout-mode="dark"] .modal-footer .md-button.bg-quiz,
      [data-layout-mode="dark"] .modal-footer .md-button.bg-wow,
      [data-layout-mode="dark"] .modal-footer .md-button.bg-inventory,
      [data-layout-mode="dark"] .modal-footer .md-button.bg-delivery,
      [data-layout-mode="dark"] .modal-footer .md-button.bg-admin,
      [data-layout-mode="dark"] .modal-footer .md-button.md-primary.md-raised.bg-people,
      [data-layout-mode="dark"] .modal-footer .md-button.md-primary.md-raised.bg-sales,
      [data-layout-mode="dark"] .modal-footer .md-button.md-primary.md-raised.bg-audit,
      [data-layout-mode="dark"] .modal-footer .md-button.md-primary.md-raised.bg-actionPlan,
      [data-layout-mode="dark"] .modal-footer .md-button.md-primary.md-raised.bg-asset,
      [data-layout-mode="dark"] .modal-footer .md-button.md-primary.md-raised.bg-book,
      [data-layout-mode="dark"] .modal-footer .md-button.md-primary.md-raised.bg-desk,
      [data-layout-mode="dark"] .modal-footer .md-button.md-primary.md-raised.bg-devPlan,
      [data-layout-mode="dark"] .modal-footer .md-button.md-primary.md-raised.bg-health,
      [data-layout-mode="dark"] .modal-footer .md-button.md-primary.md-raised.bg-notes,
      [data-layout-mode="dark"] .modal-footer .md-button.md-primary.md-raised.bg-quiz,
      [data-layout-mode="dark"] .modal-footer .md-button.md-primary.md-raised.bg-wow,
      [data-layout-mode="dark"] .modal-footer .md-button.md-primary.md-raised.bg-inventory,
      [data-layout-mode="dark"] .modal-footer .md-button.md-primary.md-raised.bg-delivery,
      [data-layout-mode="dark"] .modal-footer .md-button.md-primary.md-raised.bg-admin {
        background-color: #2f2e2d !important;
        border-color: #3d3c3b !important;
        color: rgba(255, 255, 255, 0.8) !important; }
      [data-layout-mode="dark"] .modal-footer .btn:hover,
      [data-layout-mode="dark"] .modal-footer .md-button:hover,
      [data-layout-mode="dark"] .modal-footer .md-button.md-primary.md-raised:hover {
        background-color: #3a3938 !important; }
      [data-layout-mode="dark"] .modal-footer .btn:disabled, [data-layout-mode="dark"] .modal-footer .btn[disabled],
      [data-layout-mode="dark"] .modal-footer .md-button:disabled,
      [data-layout-mode="dark"] .modal-footer .md-button[disabled],
      [data-layout-mode="dark"] .modal-footer .md-button.md-primary.md-raised:disabled,
      [data-layout-mode="dark"] .modal-footer .md-button.md-primary.md-raised[disabled] {
        background-color: #252423 !important;
        border-color: #3d3c3b !important;
        color: #878a99 !important; }
  [data-layout-mode="dark"] .modal-footer {
    background-color: #252423 !important;
    border-top-color: #3d3c3b !important; }
  [data-layout-mode="dark"] .modal-body {
    background-color: #252423 !important;
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .modal-title {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .modal .close,
  [data-layout-mode="dark"] .modal .btn-close {
    color: rgba(255, 255, 255, 0.8) !important;
    opacity: 0.8; }
  [data-layout-mode="dark"] .select2-dropdown {
    background-color: #252423 !important;
    border-color: #3d3c3b !important;
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .select2-search--dropdown .select2-search__field {
    background-color: #2f2e2d !important;
    border-color: #3d3c3b !important;
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .select2-results__option {
    color: #adb5bd !important; }
  [data-layout-mode="dark"] .select2-container--default .select2-results__option--highlighted[aria-selected],
  [data-layout-mode="dark"] .select2-container--default .select2-results__option--highlighted {
    background-color: rgba(58, 87, 162, 0.3) !important;
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .select2-container--default .select2-results__option[aria-selected="true"],
  [data-layout-mode="dark"] .select2-container--default .select2-results__option--selected {
    background-color: rgba(58, 87, 162, 0.2) !important;
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .select2-container--default .select2-selection--single {
    background-color: #2f2e2d !important;
    border-color: #3d3c3b !important; }
  [data-layout-mode="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #878a99 !important; }
  [data-layout-mode="dark"] .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #878a99 transparent transparent transparent !important; }
  [data-layout-mode="dark"] .select2-container--default .select2-selection--multiple {
    background-color: #2f2e2d !important;
    border-color: #3d3c3b !important; }
  [data-layout-mode="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #3a3938 !important;
    border-color: #3d3c3b !important;
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #adb5bd !important; }
  [data-layout-mode="dark"] .select2-results__message {
    color: #878a99 !important; }
  [data-layout-mode="dark"] input[type="time"]::-webkit-calendar-picker-indicator {
    filter: invert(1); }
  [data-layout-mode="dark"] #input-bg {
    background-color: var(--wp-card-bg) !important; }
  [data-layout-mode="dark"] .daterangepicker {
    background-color: #252423 !important;
    border-color: #3d3c3b !important;
    color: var(--wp-text-default) !important; }
  [data-layout-mode="dark"] .daterangepicker .ranges li:hover {
    background-color: var(--wp-bright-bg) !important; }
  [data-layout-mode="dark"] .daterangepicker .ranges li.active {
    background-color: #405189 !important;
    color: #fff !important; }
  [data-layout-mode="dark"] .daterangepicker td.off,
  [data-layout-mode="dark"] .daterangepicker td.off.in-range {
    background-color: #252423 !important;
    color: #878a99 !important; }
  [data-layout-mode="dark"] .daterangepicker td.in-range {
    background-color: #2f2e2d !important; }
  [data-layout-mode="dark"] .daterangepicker td.available:hover {
    background-color: #2f2e2d !important; }
  [data-layout-mode="dark"] .daterangepicker td.active,
  [data-layout-mode="dark"] .daterangepicker td.active:hover {
    background-color: #405189 !important;
    color: #fff !important; }
  [data-layout-mode="dark"] .daterangepicker .calendar-table {
    background-color: #252423 !important;
    border-color: #3d3c3b !important; }
  [data-layout-mode="dark"] .daterangepicker th {
    color: #adb5bd !important; }
  [data-layout-mode="dark"] .form-control,
  [data-layout-mode="dark"] input[type="text"],
  [data-layout-mode="dark"] input[type="search"],
  [data-layout-mode="dark"] input[type="number"],
  [data-layout-mode="dark"] input[type="email"],
  [data-layout-mode="dark"] input[type="password"],
  [data-layout-mode="dark"] textarea {
    background-color: #2f2e2d !important;
    border-color: #3d3c3b !important;
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .select-wrapper span.caret {
    color: #D3D3D3; }
  [data-layout-mode="dark"] .form-control::placeholder,
  [data-layout-mode="dark"] input::placeholder,
  [data-layout-mode="dark"] textarea::placeholder {
    color: #878a99 !important; }
  [data-layout-mode="dark"] .form-control:focus,
  [data-layout-mode="dark"] input:focus,
  [data-layout-mode="dark"] textarea:focus {
    border-color: #405189 !important; }
  [data-layout-mode="dark"] label,
  [data-layout-mode="dark"] .control-label {
    color: #adb5bd !important; }
  [data-layout-mode="dark"] table,
  [data-layout-mode="dark"] .table {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] table thead th,
  [data-layout-mode="dark"] .table thead th {
    background-color: #2f2e2d !important;
    color: rgba(255, 255, 255, 0.8) !important;
    border-color: #3d3c3b !important; }
  [data-layout-mode="dark"] table tbody td,
  [data-layout-mode="dark"] .table tbody td {
    border-color: #3d3c3b !important; }
  [data-layout-mode="dark"] table tbody tr:hover,
  [data-layout-mode="dark"] .table tbody tr:hover {
    background-color: #2f2e2d !important; }
  [data-layout-mode="dark"] md-progress-linear .md-container {
    background-color: var(--wp-grid-selected-bg) !important; }
  [data-layout-mode="dark"] .notificationListPanel .header {
    background-color: #292e32;
    color: rgba(255, 255, 255, 0.8) !important;
    border-bottom-color: #3d3c3b !important; }
    [data-layout-mode="dark"] .notificationListPanel .header span a.mark-read span {
      color: #4da3ff !important; }
    [data-layout-mode="dark"] .notificationListPanel .header .md-admin.md-checked .md-icon {
      background-color: #4da3ff !important; }
    [data-layout-mode="dark"] .notificationListPanel .header md-checkbox:not([disabled]).md-primary .md-ink-ripple {
      border-color: #878a99 !important; }
    [data-layout-mode="dark"] .notificationListPanel .header .close, [data-layout-mode="dark"] .notificationListPanel .header .btn-close {
      color: rgba(255, 255, 255, 0.8) !important;
      filter: invert(1); }
  [data-layout-mode="dark"] .notificationListPanel .undo-notification {
    color: rgba(255, 255, 255, 0.8) !important; }
    [data-layout-mode="dark"] .notificationListPanel .undo-notification .undo-btn {
      color: #4da3ff !important;
      border-color: #4da3ff !important; }
      [data-layout-mode="dark"] .notificationListPanel .undo-notification .undo-btn:active, [data-layout-mode="dark"] .notificationListPanel .undo-notification .undo-btn:hover {
        color: #4da3ff !important;
        background-color: transparent !important; }
  [data-layout-mode="dark"] .notificationListPanel .notification-box {
    background: #2f2e2d !important; }
  [data-layout-mode="dark"] .notificationListPanel .notification-box .notification-baloon {
    background: #4da3ff !important; }
  [data-layout-mode="dark"] .notificationListPanel .notification-details .title {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .notificationListPanel .notification-details .desc {
    color: #adb5bd !important; }
  [data-layout-mode="dark"] .notificationListPanel .read-panel {
    color: rgba(255, 255, 255, 0.8) !important; }
    [data-layout-mode="dark"] .notificationListPanel .read-panel:before {
      background: #3d3c3b !important; }
    [data-layout-mode="dark"] .notificationListPanel .read-panel span {
      background: #252423 !important; }
  [data-layout-mode="dark"] .notificationListPanel .readNotification {
    background-color: transparent !important; }
  [data-layout-mode="dark"] .notificationListPanel .dropdown .date {
    color: #adb5bd !important; }
  [data-layout-mode="dark"] .notificationListPanel .dropdown .notification-dropdown {
    background-color: #252423 !important;
    border-color: #3d3c3b !important;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.4) !important; }
    [data-layout-mode="dark"] .notificationListPanel .dropdown .notification-dropdown .noti-remove {
      color: rgba(255, 255, 255, 0.8) !important; }
    [data-layout-mode="dark"] .notificationListPanel .dropdown .notification-dropdown .noti-hint {
      color: #adb5bd !important; }
    [data-layout-mode="dark"] .notificationListPanel .dropdown .notification-dropdown .dropdown-item {
      color: rgba(255, 255, 255, 0.8) !important; }
      [data-layout-mode="dark"] .notificationListPanel .dropdown .notification-dropdown .dropdown-item:hover {
        background-color: #3a3938 !important; }
  [data-layout-mode="dark"] .notificationListPanel .search-header input {
    background-color: #2f2e2d !important;
    color: rgba(255, 255, 255, 0.8) !important;
    border-color: #3d3c3b !important; }
    [data-layout-mode="dark"] .notificationListPanel .search-header input::placeholder {
      color: #878a99 !important; }
  [data-layout-mode="dark"] .notificationListPanel .search-header .search-icon {
    color: #adb5bd !important; }
  [data-layout-mode="dark"] .notificationListPanel .search-header .clear-search {
    color: #adb5bd !important; }
  [data-layout-mode="dark"] .notificationListPanel .no-data-text {
    color: #adb5bd !important; }
    [data-layout-mode="dark"] .notificationListPanel .no-data-text .notification-icon {
      background: #3a3938 !important; }
  [data-layout-mode="dark"] .notificationListPanel .no-data {
    background-color: #252423 !important;
    color: var(--wp-text-dark) !important; }
  [data-layout-mode="dark"] .notificationListPanel .no-data-message {
    background: #2f2e2d !important;
    color: #adb5bd !important; }
  [data-layout-mode="dark"] .notificationListPanel .load-btn {
    color: #adb5bd !important;
    border-color: #3d3c3b !important; }
    [data-layout-mode="dark"] .notificationListPanel .load-btn:active {
      color: #adb5bd !important;
      background-color: transparent !important; }
  [data-layout-mode="dark"] .notificationListPanel #notificationList {
    background-color: #252423; }
  [data-layout-mode="dark"] md-checkbox.md-default-theme:not(.md-checked) .md-icon,
  [data-layout-mode="dark"] md-checkbox:not(.md-checked) .md-icon {
    border-color: #878a99 !important; }
  [data-layout-mode="dark"] .dx-datagrid {
    background-color: #252423 !important;
    color: #ced4da !important;
    border: 1px solid #3d3c3b !important; }
  [data-layout-mode="dark"] .dx-datagrid-group-panel .dx-group-panel-item {
    border: 1px solid var(--wp-border-color) !important; }
  [data-layout-mode="dark"] .dx-dropdowneditor-icon {
    background-color: var(--wp-elevated-bg) !important; }
  [data-layout-mode="dark"] .dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon, [data-layout-mode="dark"] .dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon {
    background-color: var(--wp-body-bg) !important;
    border: 1px solid var(--wp-border-gray) !important; }
  [data-layout-mode="dark"] .dx-menu-item {
    background-color: var(--wp-elevated-bg) !important; }
  [data-layout-mode="dark"] .dx-context-menu-container-border {
    border: 1px solid var(--wp-border-gray) !important; }
  [data-layout-mode="dark"] .dx-submenu {
    border: 1px solid var(--wp-border-gray) !important;
    background-color: transparent !important; }
    [data-layout-mode="dark"] .dx-submenu .dx-item {
      background-color: var(--wp-body-bg); }
  [data-layout-mode="dark"] .dx-menu-items-container:hover {
    border-color: var(--wp-border-color) !important;
    border: 1px solid var(--wp-border-gray) !important; }
  [data-layout-mode="dark"] .dx-context-menu .dx-submenu {
    background-color: var(--wp-elevated-bg) !important;
    border: 1px solid var(--wp-border-gray) !important;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15); }
  [data-layout-mode="dark"] .dx-context-menu .dx-menu-item:hover {
    background-color: var(--wp-elevated-bg) !important; }
  [data-layout-mode="dark"] .dx-menu-item-expanded.dx-state-hover {
    background-color: var(--wp-body-bg) !important;
    border: 1px solid var(--wp-border-gary) !important; }
  [data-layout-mode="dark"] .dx-context-menu-container {
    border: 1px solid var(--wp-border-gray) !important; }
  [data-layout-mode="dark"] .dx-context-menu-content-delimiter {
    background-color: var(--wp-body-bg) !important; }
  [data-layout-mode="dark"] .dx-overlay-shader {
    background-color: Transparent !important; }
  [data-layout-mode="dark"] .dx-datagrid-headers {
    background-color: #2f2e2d !important;
    color: rgba(255, 255, 255, 0.8) !important;
    border-color: #3d3c3b !important; }
    [data-layout-mode="dark"] .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
      color: rgba(255, 255, 255, 0.8) !important;
      border-color: #3d3c3b !important; }
  [data-layout-mode="dark"] .dx-popup-wrapper > .dx-overlay-content {
    border: 1px solid #3d3c3b !important; }
  [data-layout-mode="dark"] .dx-datagrid-nodata {
    background: var(--wp-no-data-bg); }
  [data-layout-mode="dark"] .dx-datagrid-rowsview {
    background-color: #252423 !important; }
    [data-layout-mode="dark"] .dx-datagrid-rowsview .dx-row {
      background-color: #252423 !important; }
      [data-layout-mode="dark"] .dx-datagrid-rowsview .dx-row.dx-row-alt {
        background-color: #2a2928 !important; }
        [data-layout-mode="dark"] .dx-datagrid-rowsview .dx-row.dx-row-alt > td {
          background-color: #2a2928 !important; }
      [data-layout-mode="dark"] .dx-datagrid-rowsview .dx-row:hover {
        background-color: #2f2e2d !important; }
      [data-layout-mode="dark"] .dx-datagrid-rowsview .dx-row.dx-selection {
        background-color: rgba(58, 87, 162, 0.2) !important; }
      [data-layout-mode="dark"] .dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused) {
        background-color: #252423 !important; }
  [data-layout-mode="dark"] .dx-datagrid-table tr.dx-selection td {
    background-color: #3a3938 !important; }
  [data-layout-mode="dark"] .dx-context-menu .dx-submenu {
    background-color: #252423 !important;
    border: 1px solid #3d3c3b !important; }
  [data-layout-mode="dark"] .dx-menu-item-wrapper {
    border-bottom: 1px solid #3d3c3b !important; }
  [data-layout-mode="dark"] .dx-datagrid-content .dx-datagrid-table .dx-row > td,
  [data-layout-mode="dark"] .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td {
    border-color: #3d3c3b !important; }
  [data-layout-mode="dark"] .datagrid-style .dx-datagrid .dx-data-row.dx-state-hover:not(.dx-row-focused):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused) {
    background-color: #3a3938 !important; }
  [data-layout-mode="dark"] .datagrid-style .dx-datagrid .dx-datagrid-headers .dx-datagrid-filter-row td.dx-editor-cell .dx-texteditor .dx-texteditor-input {
    background: #2f2e2d !important; }
  [data-layout-mode="dark"] .dx-datagrid-borders .dx-datagrid-headers .dx-datagrid-table {
    border-color: #3d3c3b !important; }
  [data-layout-mode="dark"] .dx-datagrid-borders .dx-datagrid-rowsview,
  [data-layout-mode="dark"] .dx-datagrid-borders .dx-datagrid-headers + .dx-datagrid-rowsview,
  [data-layout-mode="dark"] .dx-datagrid-rowsview.dx-datagrid-after-headers {
    border-top-color: #3d3c3b !important; }
  [data-layout-mode="dark"] .dx-datagrid-borders > .dx-datagrid-rowsview,
  [data-layout-mode="dark"] .dx-datagrid-borders > .dx-datagrid-total-footer {
    border-bottom-color: #3d3c3b !important; }
  [data-layout-mode="dark"] .dx-datagrid-borders > .dx-datagrid-headers,
  [data-layout-mode="dark"] .dx-datagrid-borders > .dx-datagrid-rowsview,
  [data-layout-mode="dark"] .dx-datagrid-borders > .dx-datagrid-total-footer {
    border-left-color: #3d3c3b !important;
    border-right-color: #3d3c3b !important; }
  [data-layout-mode="dark"] .dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable {
    background-color: #252423 !important; }
  [data-layout-mode="dark"] .dx-datagrid-filter-row {
    background-color: #2f2e2d !important; }
    [data-layout-mode="dark"] .dx-datagrid-filter-row td {
      background-color: #2f2e2d !important; }
  [data-layout-mode="dark"] .dx-header-filter-empty {
    color: #adb5bd !important; }
  [data-layout-mode="dark"] .dx-datagrid .dx-pager,
  [data-layout-mode="dark"] .dx-pager {
    background-color: #252423 !important;
    color: #ced4da !important;
    border-color: #3d3c3b !important; }
  [data-layout-mode="dark"] .dx-pager .dx-page-sizes .dx-page-size,
  [data-layout-mode="dark"] .dx-pager .dx-pages .dx-page {
    color: #adb5bd !important; }
  [data-layout-mode="dark"] .dx-pager .dx-page-sizes .dx-selection,
  [data-layout-mode="dark"] .dx-pager .dx-pages .dx-selection {
    color: #fff !important;
    background-color: #405189 !important; }
  [data-layout-mode="dark"] .dx-datagrid-total-footer {
    background-color: #252423 !important;
    border-color: #3d3c3b !important; }
  [data-layout-mode="dark"] .dx-datagrid-header-panel {
    background-color: #252423 !important;
    border-color: #3d3c3b !important; }
  [data-layout-mode="dark"] .dx-toolbar {
    background-color: #252423 !important; }
    [data-layout-mode="dark"] .dx-toolbar .dx-toolbar-items-container {
      background-color: #252423 !important; }
  [data-layout-mode="dark"] .dx-datagrid-nodata {
    color: #adb5bd !important; }
  [data-layout-mode="dark"] .dx-treeview-item-with-checkbox .dx-treeview-item {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .dx-dropdowneditor-icon {
    color: var(--wp-text-default) !important; }
  [data-layout-mode="dark"] .dx-editor-outlined {
    border-color: #3d3c3b !important; }
  [data-layout-mode="dark"] .dx-treeview-select-all-item {
    border-bottom: 1px solid #3d3c3b !important; }
  [data-layout-mode="dark"] .dx-datagrid-summary-item {
    color: #bfc8e2 !important; }
  [data-layout-mode="dark"] .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) .dx-master-detail-cell,
  [data-layout-mode="dark"] .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) > .dx-datagrid-group-space {
    background-color: #252423 !important; }
  [data-layout-mode="dark"] .dx-master-detail-cell .dx-datagrid {
    color: rgba(255, 255, 255, 0.8) !important; }
    [data-layout-mode="dark"] .dx-master-detail-cell .dx-datagrid .dx-datagrid-table .dx-row td {
      color: rgba(255, 255, 255, 0.8) !important; }
    [data-layout-mode="dark"] .dx-master-detail-cell .dx-datagrid .dx-header-row td {
      color: rgba(255, 255, 255, 0.8) !important; }
    [data-layout-mode="dark"] .dx-master-detail-cell .dx-datagrid .dx-datagrid-pager {
      background-color: #252423 !important;
      border-top-color: #3d3c3b !important; }
  [data-layout-mode="dark"] .dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused) {
    background-color: #2f2e2d !important; }
  [data-layout-mode="dark"] .dx-header-row > td > .dx-datagrid-text-content {
    color: var(--wp-text-default); }
  [data-layout-mode="dark"] .dx-progressbar-container {
    border: 1px solid var(--wp-border-color);
    background-color: var(--wp-border-gray); }
  [data-layout-mode="dark"] .dx-texteditor {
    background-color: #2a2928 !important; }
    [data-layout-mode="dark"] .dx-texteditor .dx-texteditor-input {
      color: #ced4da !important; }
    [data-layout-mode="dark"] .dx-texteditor.dx-state-focused {
      border-color: #405189 !important; }
  [data-layout-mode="dark"] .dx-dropdowneditor-button {
    background-color: #2f2e2d !important; }
  [data-layout-mode="dark"] .dx-overlay-content {
    background-color: #252423 !important;
    color: #ced4da !important; }
  [data-layout-mode="dark"] .dx-popup-title {
    background-color: #252423 !important;
    color: #ced4da !important; }
  [data-layout-mode="dark"] .dx-button {
    background-color: #2f2e2d !important;
    border-color: #3d3c3b !important;
    color: #ced4da !important; }
    [data-layout-mode="dark"] .dx-button .dx-button-text {
      color: #ced4da !important; }
    [data-layout-mode="dark"] .dx-button.dx-button-mode-contained:hover, [data-layout-mode="dark"] .dx-button.dx-button-mode-contained.dx-state-hover {
      background-color: #373635 !important; }
    [data-layout-mode="dark"] .dx-button.dx-button-mode-contained.dx-state-focused {
      border-color: #405189 !important; }
    [data-layout-mode="dark"] .dx-button.dx-button-mode-outlined {
      background-color: transparent !important;
      border-color: #3d3c3b !important; }
      [data-layout-mode="dark"] .dx-button.dx-button-mode-outlined:hover, [data-layout-mode="dark"] .dx-button.dx-button-mode-outlined.dx-state-hover {
        background-color: #2f2e2d !important; }
    [data-layout-mode="dark"] .dx-button.dx-button-mode-text {
      background-color: transparent !important; }
      [data-layout-mode="dark"] .dx-button.dx-button-mode-text:hover:hover, [data-layout-mode="dark"] .dx-button.dx-button-mode-text:hover.dx-state-hover, [data-layout-mode="dark"] .dx-button.dx-button-mode-text.dx-state-hover:hover, [data-layout-mode="dark"] .dx-button.dx-button-mode-text.dx-state-hover.dx-state-hover {
        background-color: #2f2e2d !important; }
      [data-layout-mode="dark"] .dx-button.dx-button-mode-text.dx-button-mode-text {
        background-color: transparent !important; }
        [data-layout-mode="dark"] .dx-button.dx-button-mode-text.dx-button-mode-text:hover, [data-layout-mode="dark"] .dx-button.dx-button-mode-text.dx-button-mode-text.dx-state-hover {
          background-color: #2f2e2d !important; }
  [data-layout-mode="dark"] .dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused) {
    background-color: #2f2e2d !important;
    /*color: #333;*/ }
  [data-layout-mode="dark"] .dx-widget {
    color: #ced4da !important; }
  [data-layout-mode="dark"] .dx-icon {
    color: #bfc8e2 !important; }
  [data-layout-mode="dark"] .dx-datagrid-filter-row .dx-menu .dx-menu-horizontal {
    background: var(--wp-elevated-bg); }
  [data-layout-mode="dark"] .dx-popup-wrapper > .dx-overlay-content {
    border: 1px solid var(--wp-border-gray) !important; }
  [data-layout-mode="dark"] .dx-checkbox-icon {
    background-color: var(--wp-elevated-bg) !important;
    border-color: var(--wp-border-gray) !important; }
    [data-layout-mode="dark"] .dx-checkbox-icon:hover {
      border-color: var(--wp-btn-hover-bg) !important; }
  [data-layout-mode="dark"] .dx-checkbox-checked .dx-checkbox-icon {
    background-color: var(--wp-elevated-bg) !important;
    color: var(--wp-delivery) !important; }
    [data-layout-mode="dark"] .dx-checkbox-checked .dx-checkbox-icon:hover {
      border: 1px solid var(--wp-btn-hover-bg) !important; }
  [data-layout-mode="dark"] .dx-list-select-all-label {
    color: #ced4da !important; }
  [data-layout-mode="dark"] .dx-checkbox-indeterminate .dx-checkbox-icon::before {
    background-color: var(--wp-delivery) !important; }
  [data-layout-mode="dark"] .dx-checkbox-text {
    color: #ced4da !important; }
  [data-layout-mode="dark"] .dx-dropdownlist-popup-wrapper .dx-list-search {
    background-color: var(--wp-body-bg) !important; }
  [data-layout-mode="dark"] .dx-list-item,
  [data-layout-mode="dark"] .dx-menu-item {
    color: #ced4da !important; }
  [data-layout-mode="dark"] .dx-list-item, [data-layout-mode="dark"] .dx-list .dx-empty-message {
    border-top: 1px solid var(--wp-border-gray) !important; }
  [data-layout-mode="dark"] .dx-context-menu {
    background-color: #252423 !important;
    border-color: #3d3c3b !important; }
  [data-layout-mode="dark"] input:-webkit-autofill,
  [data-layout-mode="dark"] input:-webkit-autofill:hover,
  [data-layout-mode="dark"] input:-webkit-autofill:focus,
  [data-layout-mode="dark"] textarea:-webkit-autofill,
  [data-layout-mode="dark"] select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px var(--wp-input-bg) inset !important;
    -webkit-text-fill-color: var(--wp-text-default) !important; }
  [data-layout-mode="dark"] .dx-scrollbar-hoverable .dx-scrollable-scroll-content {
    background-color: #878a99 !important; }
  [data-layout-mode="dark"] .dx-header-filter-menu .dx-overlay-content .dx-popup-content {
    background: #252423 !important;
    border-color: #3d3c3b !important; }
  [data-layout-mode="dark"] .datagrid-style .dx-datagrid .dx-header-filter.dx-header-filter-empty {
    color: #6B7280; }
  [data-layout-mode="dark"] .datagrid-style .dx-datagrid .dx-header-filter:not(.dx-header-filter-empty) {
    color: var(--wp-dx-filter-icon) !important; }
  [data-layout-mode="dark"] .dx-calendar {
    background-color: var(--wp-elevated-bg) !important; }
  [data-layout-mode="dark"] .dx-calendar-cell {
    color: var(--wp-disabled-color-bg) !important; }
  [data-layout-mode="dark"] .dx-calendar-cell:hover,
  [data-layout-mode="dark"] .dx-calendar-cell.dx-state-hover {
    background-color: var(--wp-tab-hover-bg) !important; }
  [data-layout-mode="dark"] .dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
    background-color: var(--wp-body-bg) !important;
    color: var(--wp-text-light); }
  [data-layout-mode="dark"] .dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled)
.dx-list-item.dx-state-hover .dx-list-item-content {
    background-color: var(--wp-elevated-bg) !important; }
  [data-layout-mode="dark"] dx-list-item {
    border: none !important; }
  [data-layout-mode="dark"] .dx-list-item, [data-layout-mode="dark"] .dx-list .dx-empty-message {
    color: var(--wp-text-default) !important; }
  [data-layout-mode="dark"] .dx-pivotgrid {
    background-color: var(--wp-body-bg); }
    [data-layout-mode="dark"] .dx-pivotgrid .dx-pivotgrid-horizontal-headers td {
      text-align: center;
      border: 1px solid var(--wp-border-gray); }
    [data-layout-mode="dark"] .dx-pivotgrid .dx-grandtotal {
      background-color: var(--wp-grid-background); }
    [data-layout-mode="dark"] .dx-pivotgrid .dx-pivotgrid-area-data tbody td {
      color: var(--wp-text-dark); }
    [data-layout-mode="dark"] .dx-pivotgrid .dx-scrollbar-hoverable {
      background-color: var(--wp-elevated-bg) !important; }
  [data-layout-mode="dark"] .dx-pivotgrid .dx-pivotgrid-border .dx-area-column-cell, [data-layout-mode="dark"] .dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell, [data-layout-mode="dark"] .dx-pivotgrid .dx-pivotgrid-border .dx-column-header, [data-layout-mode="dark"] .dx-pivotgrid .dx-pivotgrid-border .dx-filter-header {
    border-right: 1px solid var(--wp-border-light); }
  [data-layout-mode="dark"] .dx-pivotgrid .dx-pivotgrid-border .dx-area-column-cell, [data-layout-mode="dark"] .dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell, [data-layout-mode="dark"] .dx-pivotgrid .dx-pivotgrid-border .dx-column-header, [data-layout-mode="dark"] .dx-pivotgrid .dx-pivotgrid-border .dx-filter-header {
    border-right: 1px solid var(--wp-border-light); }
  [data-layout-mode="dark"] .dx-pivotgrid .dx-pivotgrid-border .dx-filter-header {
    border-top: 1px solid var(--wp-border-light); }
  [data-layout-mode="dark"] .dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell, [data-layout-mode="dark"] .dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell {
    border-bottom: 1px solidvar(--wp-border-light); }
  [data-layout-mode="dark"] .dx-pivotgrid .dx-pivotgrid-border .dx-area-description-cell, [data-layout-mode="dark"] .dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell, [data-layout-mode="dark"] .dx-pivotgrid .dx-pivotgrid-border .dx-data-header, [data-layout-mode="dark"] .dx-pivotgrid .dx-pivotgrid-border .dx-filter-header {
    border-left: 1px solid var(--wp-border-light); }
  [data-layout-mode="dark"] .dx-pivotgrid .dx-area-column-cell, [data-layout-mode="dark"] .dx-pivotgrid .dx-area-description-cell, [data-layout-mode="dark"] .dx-pivotgrid .dx-bottom-border {
    border-bottom: 1px solid var(--wp-border-light); }
  [data-layout-mode="dark"] .dx-pivotgrid .dx-area-description-cell, [data-layout-mode="dark"] .dx-pivotgrid .dx-area-row-cell {
    border-right: 1px solid var(--wp-border-light); }
  [data-layout-mode="dark"] .dx-list .dx-empty-message, [data-layout-mode="dark"] .dx-list-item {
    border-top: 1px solid var(--wp-border-gray) !important; }
  [data-layout-mode="dark"] .dx-loadpanel-content {
    border: 1px solid var(--wp-border-color) !important; }
  [data-layout-mode="dark"] .dx-texteditor.dx-editor-outlined {
    border: none !important; }
  [data-layout-mode="dark"] .list-group-item {
    background-color: var(--wp-input-bg) !important;
    color: var(--wp-text-default); }
  [data-layout-mode="dark"] .text-base-primary,
  [data-layout-mode="dark"] .capsule,
  [data-layout-mode="dark"] .dx-popup-content ul li,
  [data-layout-mode="dark"] .form-control {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .text-base-light,
  [data-layout-mode="dark"] .info-icon,
  [data-layout-mode="dark"] .centerListModal {
    color: #adb5bd !important; }
  [data-layout-mode="dark"] .dx-texteditor {
    background-color: #2a2928 !important;
    color: #adb5bd !important; }
  [data-layout-mode="dark"] .border-top,
  [data-layout-mode="dark"] .border-bottom,
  [data-layout-mode="dark"] .border-with-radius,
  [data-layout-mode="dark"] .form-control,
  [data-layout-mode="dark"] .selectionBox,
  [data-layout-mode="dark"] .border-group-schedule,
  [data-layout-mode="dark"] .locationHours-content-selection {
    border-color: #3d3c3b !important; }
  [data-layout-mode="dark"] .capsule,
  [data-layout-mode="dark"] .dx-popup-content,
  [data-layout-mode="dark"] .selected,
  [data-layout-mode="dark"] .bg-lgtgrey,
  [data-layout-mode="dark"] .dx-row-alt > td {
    background: #2f2e2d !important; }
  [data-layout-mode="dark"] .form-control[readonly],
  [data-layout-mode="dark"] .tableBody .tableDataRow,
  [data-layout-mode="dark"] .tableBody .input-selction,
  [data-layout-mode="dark"] .tableBody md-select,
  [data-layout-mode="dark"] .search-header {
    background: #252423 !important; }
  [data-layout-mode="dark"] .bg-white {
    background: #252423 !important; }
  [data-layout-mode="dark"] .no-data {
    background: #3a3938 !important; }
  [data-layout-mode="dark"] .selectionBox.disabled,
  [data-layout-mode="dark"] md-input-container.disabled,
  [data-layout-mode="dark"] .input-selction.disabled,
  [data-layout-mode="dark"] .textarea-Box:disabled,
  [data-layout-mode="dark"] #taskManagementPanel .btn:disabled,
  [data-layout-mode="dark"] #taskManagementPanel .btn.disabled {
    background: #3a3938 !important;
    color: #878a99 !important;
    border-color: #3d3c3b !important; }
  [data-layout-mode="dark"] .resetSvg.disabled svg path,
  [data-layout-mode="dark"] .addQuestion-btn.disabled svg path,
  [data-layout-mode="dark"] svg.disabled rect {
    fill: #3a3938 !important;
    stroke: #3a3938 !important; }
  [data-layout-mode="dark"] md-switch .md-label {
    color: var(--wp-text-default) !important; }
  [data-layout-mode="dark"] md-switch .md-container .md-bar {
    background-color: #3d3c3b !important; }
  [data-layout-mode="dark"] md-switch .md-label {
    color: var(--wp-text-default) !important; }
  [data-layout-mode="dark"] .md-label {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .md-select-menu-container *::-webkit-scrollbar-track {
    background-color: #1E1E1E !important; }
  [data-layout-mode="dark"] .md-select-menu-container *::-webkit-scrollbar-thumb {
    background-color: #555 !important;
    border-radius: 10px;
    border: 2px solid #1E1E1E; }
  [data-layout-mode="dark"] .table-striped tbody tr:nth-of-type(odd) {
    background-color: #252423 !important; }
  [data-layout-mode="dark"] .table-striped tbody tr:nth-of-type(even) {
    background-color: #2f2e2d !important; }
  [data-layout-mode="dark"] .tableHead .tableDataRow {
    background-color: #292e32 !important; }
  [data-layout-mode="dark"] .taskGridDataTable .tableDataRow th,
  [data-layout-mode="dark"] .taskGridDataTable .tableDataRow td {
    border-color: #3d3c3b !important; }
  [data-layout-mode="dark"] td.inputBox,
  [data-layout-mode="dark"] td.equipmentSelect {
    background-color: #2f2e2d !important; }
  [data-layout-mode="dark"] .input-selectgroup md-select .md-select-value,
  [data-layout-mode="dark"] .inputGroupsItems md-select .md-select-value {
    border-color: #3d3c3b !important;
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] md-select.disabled {
    background: #3a3938 !important; }
  [data-layout-mode="dark"] .group-item .md-off,
  [data-layout-mode="dark"] .overrideLocationHours md-radio-button .md-off,
  [data-layout-mode="dark"] #addEditKnowledgeContent md-radio-button .md-off {
    border-color: #3d3c3b !important; }
  [data-layout-mode="dark"] .group-item,
  [data-layout-mode="dark"] .overrideLocationHours md-radio-button,
  [data-layout-mode="dark"] #addEditKnowledgeContent md-radio-button {
    border-color: #3d3c3b !important; }
  [data-layout-mode="dark"] .group-item .md-label,
  [data-layout-mode="dark"] .overrideLocationHours md-radio-button .md-label,
  [data-layout-mode="dark"] #addEditKnowledgeContent md-radio-button .md-label {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .group-item.active,
  [data-layout-mode="dark"] .group-item.activeContent,
  [data-layout-mode="dark"] .group-item.md-checked,
  [data-layout-mode="dark"] .group-item .md-label,
  [data-layout-mode="dark"] .overrideLocationHours md-radio-button.active,
  [data-layout-mode="dark"] .overrideLocationHours md-radio-button.activeContent,
  [data-layout-mode="dark"] .overrideLocationHours md-radio-button.md-checked,
  [data-layout-mode="dark"] #addEditKnowledgeContent md-radio-button.active,
  [data-layout-mode="dark"] #addEditKnowledgeContent md-radio-button.activeContent {
    background: #2f2e2d !important; }
  [data-layout-mode="dark"] md-checkbox:not([disabled]).md-primary:not(.md-checked) .md-icon {
    border-color: #3d3c3b !important; }
  [data-layout-mode="dark"] md-checkbox[disabled]:not(.md-checked) .md-icon {
    background: #3a3938 !important;
    background: #2f2e2d !important; }
  [data-layout-mode="dark"] md-checkbox:not([disabled]).md-primary:not(.md-checked) .md-icon {
    border-color: #3d3c3b !important; }
  [data-layout-mode="dark"] md-checkbox[disabled]:not(.md-checked) .md-icon {
    background: #3a3938 !important; }
  [data-layout-mode="dark"] .itemCount {
    background: rgba(255, 255, 255, 0.8) !important;
    color: #252423 !important; }
  [data-layout-mode="dark"] .filter-header,
  [data-layout-mode="dark"] .filter-item,
  [data-layout-mode="dark"] .category-filter-item .item-title {
    border-color: #3d3c3b !important; }
  [data-layout-mode="dark"] .filter-item .item-title,
  [data-layout-mode="dark"] .category-filter-item .item-title {
    color: #adb5bd !important; }
  [data-layout-mode="dark"] .itemList .item {
    background: #3a3938 !important;
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .content-list {
    border-color: #3d3c3b !important; }
  [data-layout-mode="dark"] .bootbox-confirm .btn.btn-default,
  [data-layout-mode="dark"] .bootbox-alert .btn.btn-default {
    background-color: #252423 !important;
    color: rgba(255, 255, 255, 0.8) !important;
    border-color: #3d3c3b !important; }
    [data-layout-mode="dark"] .bootbox-confirm .btn.btn-default:hover,
    [data-layout-mode="dark"] .bootbox-alert .btn.btn-default:hover {
      background-color: #3a3938 !important; }
  [data-layout-mode="dark"] #addEditKnowledgeContent textarea {
    border-color: #3d3c3b !important;
    background: #2f2e2d !important;
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .dx-datagrid .dx-datagrid-table .dx-row td {
    border-right-color: #3d3c3b !important;
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    color: #adb5bd !important; }
  [data-layout-mode="dark"] .dx-datagrid-pager {
    background-color: #252423 !important;
    border-color: #3d3c3b !important;
    color: #adb5bd !important; }
  [data-layout-mode="dark"] #addEditKnowledgeContent .btn-cancel {
    color: #4da3ff !important; }
  [data-layout-mode="dark"] #addEditKnowledgeContent .btnSmall:hover {
    color: #fff !important; }
  [data-layout-mode="dark"] html {
    background-color: #1e1e1d !important; }
  [data-layout-mode="dark"] .my-dashboard {
    background-color: #1e1e1d !important; }
  [data-layout-mode="dark"] .main-right-penal {
    background-color: #252423 !important; }
  [data-layout-mode="dark"] .navbar.workpulse-header.app-dashboard {
    background-color: #292e32 !important; }
  [data-layout-mode="dark"] .nav > li > a:hover, [data-layout-mode="dark"] .nav > li > a:focus {
    background-color: var(--wp-bright-bg) !important; }
  [data-layout-mode="dark"] .app-dashboard {
    color: rgba(255, 255, 255, 0.8) !important;
    background-color: #292e32 !important; }
  [data-layout-mode="dark"] .navbar.workpulse-header .navbar-nav.login-menu .nav-link.userName {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .navbar-nav.login-menu .dropdown-menu {
    background-color: #252423 !important;
    border-color: #3d3c3b !important;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.4) !important; }
    [data-layout-mode="dark"] .navbar-nav.login-menu .dropdown-menu .dropdown-item {
      color: rgba(255, 255, 255, 0.8) !important; }
      [data-layout-mode="dark"] .navbar-nav.login-menu .dropdown-menu .dropdown-item:hover, [data-layout-mode="dark"] .navbar-nav.login-menu .dropdown-menu .dropdown-item:focus {
        background-color: #3a3938 !important;
        color: rgba(255, 255, 255, 0.8) !important; }
    [data-layout-mode="dark"] .navbar-nav.login-menu .dropdown-menu .dark-mode-toggle-item {
      color: rgba(255, 255, 255, 0.8) !important; }
      [data-layout-mode="dark"] .navbar-nav.login-menu .dropdown-menu .dark-mode-toggle-item .dashboard-settings-label {
        color: #adb5bd !important; }
  [data-layout-mode="dark"] .navbar-nav.login-menu #myprofile-dropdown .dropdown-menu {
    background-color: #252423 !important;
    border-color: #3d3c3b !important; }
    [data-layout-mode="dark"] .navbar-nav.login-menu #myprofile-dropdown .dropdown-menu .dropdown-item {
      color: rgba(255, 255, 255, 0.8) !important; }
      [data-layout-mode="dark"] .navbar-nav.login-menu #myprofile-dropdown .dropdown-menu .dropdown-item:hover, [data-layout-mode="dark"] .navbar-nav.login-menu #myprofile-dropdown .dropdown-menu .dropdown-item:focus {
        background-color: #3a3938 !important; }
    [data-layout-mode="dark"] .navbar-nav.login-menu #myprofile-dropdown .dropdown-menu #dashboard-user-popup-img-title-container {
      background-color: #2f2e2d !important;
      border-bottom: 1px solid #3d3c3b !important; }
    [data-layout-mode="dark"] .navbar-nav.login-menu #myprofile-dropdown .dropdown-menu #dashboard-user-popup-username {
      color: rgba(255, 255, 255, 0.8) !important; }
    [data-layout-mode="dark"] .navbar-nav.login-menu #myprofile-dropdown .dropdown-menu #dashboard-user-popup-email {
      color: #adb5bd !important; }
  [data-layout-mode="dark"] .navbar-nav.login-menu .pageHelp svg path,
  [data-layout-mode="dark"] .navbar-nav.login-menu .nav-link svg path {
    fill: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .navbar-dashboard-greeting {
    border-left-color: #3d3c3b !important; }
  [data-layout-mode="dark"] .dashboard-employee-anchor {
    border-left-color: #3d3c3b !important; }
  [data-layout-mode="dark"] .headerSelectLocation-container .select2-container .selection .select2-selection #select2-HeaderSelectedLocationId-container {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .headerSelectLocation-container .select2-container--default .select2-selection--single .select2-selection__arrow b,
  [data-layout-mode="dark"] .headerSelectAccessId-container .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: rgba(255, 255, 255, 0.8) transparent transparent transparent !important; }
  [data-layout-mode="dark"] .app-dashboard #openNotificationModalPopupLink svg path {
    fill: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] #app-dashbaord-searchBox {
    border-color: #3d3c3b !important;
    background-color: #2f2e2d !important; }
  [data-layout-mode="dark"] .app-newtile.app-newtile-sm {
    background-color: #1e1e1d !important; }
  [data-layout-mode="dark"] .app-newtile.app-newtile-sm:hover {
    background-color: #252423 !important; }
  [data-layout-mode="dark"] #appicon-sm-home svg path {
    fill: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .my-dashboard #new-dashboard-container .app-newtile {
    background-color: #1e1e1d !important;
    border-bottom-color: #1e1e1d !important; }
  [data-layout-mode="dark"] .my-dashboard .app-newtile .app-newicon-box .app-name,
  [data-layout-mode="dark"] .my-dashboard .app-newtile .app-newtitle {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .my-dashboard #new-dashboard-container .app-newtile .app-newicon-box .app-description {
    color: #adb5bd !important; }
  [data-layout-mode="dark"] .my-dashboard #new-dashboard-container .app-newtile.app-newtile-md:hover {
    background-color: #252423 !important; }
  [data-layout-mode="dark"] .my-dashboard .app-colnewtile {
    background-color: #252423 !important;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.5) !important;
    border-bottom-color: #252423 !important; }
  [data-layout-mode="dark"] .my-dashboard #new-dashboard-container .app-colnewtile.app-news .appicon-xl,
  [data-layout-mode="dark"] .my-dashboard #new-dashboard-container .app-colnewtile.app-knowledge .appicon-xl {
    background-color: #252423 !important; }
  [data-layout-mode="dark"] .my-dashboard #new-dashboard-container .app-colnewtile.app-news .app-newtitle.app-name,
  [data-layout-mode="dark"] .my-dashboard #new-dashboard-container .app-colnewtile.app-knowledge .app-newtitle.app-name {
    color: rgba(255, 255, 255, 0.8) !important;
    background-color: #252423 !important; }
  [data-layout-mode="dark"] .my-dashboard #new-dashboard-container .app-colnewtile.app-news .app-newtitle.app-name,
  [data-layout-mode="dark"] .my-dashboard #new-dashboard-container .app-colnewtile.app-knowledge .app-newtitle.app-name {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .my-dashboard #new-dashboard-container .app-colnewtile.app-news .app-description,
  [data-layout-mode="dark"] .my-dashboard #new-dashboard-container .app-colnewtile.app-knowledge .app-description {
    color: #adb5bd !important; }
  [data-layout-mode="dark"] .my-dashboard #new-dashboard-container .app-colnewtile.app-news:hover,
  [data-layout-mode="dark"] .my-dashboard #new-dashboard-container .app-colnewtile.app-knowledge:hover {
    background-color: #252423 !important;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.8) !important; }
  [data-layout-mode="dark"] .all-apps-tile:hover {
    background-color: #252423 !important;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2) !important; }
  [data-layout-mode="dark"] #dashboard-user-popup {
    background-color: #252423 !important; }
  [data-layout-mode="dark"] #dashboard-user-popup-username {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] #dashboard-user-popup-email {
    color: #adb5bd !important; }
  [data-layout-mode="dark"] #dashboard-user-popup a {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] #appInfoModal .modal-content,
  [data-layout-mode="dark"] #appInfoModal .modal-content .modal-body,
  [data-layout-mode="dark"] #appInfoModal .modal-content .modal-header,
  [data-layout-mode="dark"] #dashboardSettingsModal .modal-content,
  [data-layout-mode="dark"] #dashboardSettingsModal .modal-content .modal-body,
  [data-layout-mode="dark"] #dashboardSettingsModal .modal-content .modal-header {
    background-color: #252423 !important; }
  [data-layout-mode="dark"] #appInfoModal .modal-title,
  [data-layout-mode="dark"] #dashboardSettingsModal .modal-title {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] #appInfoModal .close-button svg,
  [data-layout-mode="dark"] #dashboardSettingsModal .close-button svg {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] #appInfoModal .close-button svg path,
  [data-layout-mode="dark"] #dashboardSettingsModal .close-button svg path {
    stroke: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] #appInfoModal #about-label {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] #appInfoModal #about-label {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] #appInfoModal #about-description {
    color: #adb5bd !important; }
  [data-layout-mode="dark"] #dashboardSettingsModal .dashboard-settings-label {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .docs-tabs .nav-link.active {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .tooltip-inner {
    background-color: #252423 !important;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.8) !important;
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .tooltip.bs-tooltip-right .arrow:before {
    border-right-color: #252423 !important; }
  [data-layout-mode="dark"] .announcement-section {
    background: #252423 !important; }
  [data-layout-mode="dark"] .announcement-section .announcement-title {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .announcement-section .dash-links {
    border-color: #3d3c3b !important;
    background: #252423 !important; }
  [data-layout-mode="dark"] .announcement-section .dash-links a {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .announcement-section .dash-links .pending-orders .title {
    color: #adb5bd !important; }
  [data-layout-mode="dark"] .announcement-section .dash-links:hover,
  [data-layout-mode="dark"] .announcement-section .dash-links:nth-child(even) {
    background: #2f2e2d !important; }
  [data-layout-mode="dark"] .announcement-section .dash-links .news-title {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .announcement-section .dash-links .news-source {
    color: #adb5bd !important; }
  [data-layout-mode="dark"] .announcement-section .dash-links .news-age {
    color: #adb5bd !important; }
  [data-layout-mode="dark"] #formheader {
    background: #252423 !important; }
  [data-layout-mode="dark"] #formheader .tabs-wrapper .nav-tabs {
    background: #252423 !important;
    border-bottom-color: #3d3c3b !important; }
  [data-layout-mode="dark"] #formheader .tabs-wrapper .nav-tabs button {
    color: #adb5bd !important; }
  [data-layout-mode="dark"] #formheader .tabs-wrapper .nav-tabs button.active {
    background: #2f2e2d !important; }
  [data-layout-mode="dark"] #mytask .app-name,
  [data-layout-mode="dark"] #mytask #hooray,
  [data-layout-mode="dark"] #mytask #hooray-desc,
  [data-layout-mode="dark"] #mytask .col-md-6 label {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] #mytask .mytask-divider {
    background-color: #3d3c3b !important; }
  [data-layout-mode="dark"] #my-task-location-container.row .location-name {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] #tipstricks .card {
    background-color: #252423 !important; }
  [data-layout-mode="dark"] #tipstricks .card-header {
    background-color: #3a3938 !important; }
  [data-layout-mode="dark"] #tipstricks #tips-tricks-tile-title {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] #tipstricks #tips-tricks-tile-description {
    color: #adb5bd !important; }
  [data-layout-mode="dark"] #tipstricks .fa-play-circle:before {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] #pendingOrderTilesContainer .card .card-header {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] #pendingOrderTilesContainer .card .info-value,
  [data-layout-mode="dark"] #pendingOrderTilesContainer .card .info-value.status {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] #pendingOrderTilesContainer .card .row {
    border-bottom-color: #3d3c3b !important; }
  [data-layout-mode="dark"] #notificationView {
    background: #252423 !important; }
  [data-layout-mode="dark"] .myprofileTabs .nav-tabs {
    background-color: #252423 !important; }
  [data-layout-mode="dark"] .myprofileTabs .nav-tabs .nav-item.open .nav-link,
  [data-layout-mode="dark"] .myprofileTabs .nav-tabs .nav-link.active {
    color: rgba(255, 255, 255, 0.8) !important;
    border-color: #3d3c3b !important;
    border-bottom-color: transparent !important; }
  [data-layout-mode="dark"] .myprofileTabs .nav-tabs .nav-link {
    color: #4da3ff !important; }
  [data-layout-mode="dark"] .myprofileTabs .nav-tabs li a:hover {
    background-color: #3a3938 !important; }
  [data-layout-mode="dark"] .my-dashboard .greetingMD {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .my-dashboard .app-newtile {
    background-color: #252423 !important; }
  [data-layout-mode="dark"] .my-dashboard .app-newtile:hover {
    background-color: #3a3938 !important;
    border-bottom-color: #3a3938 !important; }
  [data-layout-mode="dark"] .my-dashboard .app-newtile .app-newtitle {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .my-dashboard .app-colnewtile .app-name {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .my-dashboard .app-colnewtile .app-description {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .my-dashboard .app-colnewtile .app-colnewtitle {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .my-dashboard .app-colnewtile:hover {
    background-color: #3a3938 !important;
    border-bottom-color: #3a3938 !important; }
  [data-layout-mode="dark"] #settings-wheel svg path {
    fill: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] #slidingMenuAppModal .modal-content,
  [data-layout-mode="dark"] #slidingMenuAppModal .modal-content .modal-body,
  [data-layout-mode="dark"] #slidingMenuAppModal .sliding-modalbody {
    background-color: #252423 !important; }
  [data-layout-mode="dark"] #slidingMenuAppModal .sliding-header {
    background-color: #252423 !important; }
  [data-layout-mode="dark"] #slidingMenuAppModal .sliding-header p,
  [data-layout-mode="dark"] #slidingMenuAppModal .sliding-appname {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] #slidingMenuAppModal .homebutton svg,
  [data-layout-mode="dark"] #slidingMenuAppModal .sliding-header .closeButton svg {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] #slidingMenuAppModal .sliding-header .closeButton svg path {
    stroke: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .card-info-header-tooltip > svg > path,
  [data-layout-mode="dark"] .card-info-header-tooltip > svg > rect {
    fill: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] #Prep-2 > g {
    fill: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] canvas {
    filter: invert(1) hue-rotate(180deg) !important; }
  [data-layout-mode="dark"] .card {
    background-color: #252423 !important;
    border-color: #3d3c3b !important;
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .card-body {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .card-title,
  [data-layout-mode="dark"] .card-title a {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .card-label {
    color: #adb5bd !important; }
  [data-layout-mode="dark"] .cardfooter .empname,
  [data-layout-mode="dark"] .employee .empname,
  [data-layout-mode="dark"] .evaluator .empname {
    color: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .cardfooter .emptitle,
  [data-layout-mode="dark"] .employee .emptitle,
  [data-layout-mode="dark"] .evaluator .emptitle {
    color: #adb5bd !important; }
  [data-layout-mode="dark"] .count-info {
    color: #adb5bd !important; }
  [data-layout-mode="dark"] .input-group-text {
    background-color: #2f2e2d !important;
    border-color: #3d3c3b !important;
    color: #adb5bd !important; }
  [data-layout-mode="dark"] .form-control {
    background-color: #2f2e2d !important;
    border-color: #3d3c3b !important;
    color: rgba(255, 255, 255, 0.8) !important; }
    [data-layout-mode="dark"] .form-control::placeholder {
      color: #878a99 !important; }
  [data-layout-mode="dark"] .salesCard svg path[fill="currentColor"],
  [data-layout-mode="dark"] .auditCard svg path[fill="currentColor"] {
    fill: #adb5bd !important; }
  [data-layout-mode="dark"] .salesCard svg path[fill="#637381"],
  [data-layout-mode="dark"] .salesCard svg circle[fill="#637381"],
  [data-layout-mode="dark"] .salesCard svg rect[fill="#637381"],
  [data-layout-mode="dark"] .salesCard svg path[stroke="#637381"],
  [data-layout-mode="dark"] .auditCard svg path[fill="#637381"],
  [data-layout-mode="dark"] .auditCard svg circle[fill="#637381"],
  [data-layout-mode="dark"] .auditCard svg rect[fill="#637381"],
  [data-layout-mode="dark"] .auditCard svg path[stroke="#637381"] {
    fill: #adb5bd !important;
    stroke: #adb5bd !important; }
  [data-layout-mode="dark"] .salesCard svg path[style*="fill:#000"],
  [data-layout-mode="dark"] .salesCard svg circle[style*="fill:#000"],
  [data-layout-mode="dark"] .auditCard svg path[style*="fill:#000"],
  [data-layout-mode="dark"] .auditCard svg circle[style*="fill:#000"] {
    fill: rgba(255, 255, 255, 0.8) !important; }
  [data-layout-mode="dark"] .dot-button svg path[stroke="#637381"],
  [data-layout-mode="dark"] .assessmentdeletebtn svg path[stroke="#637381"] {
    stroke: #adb5bd !important; }
  [data-layout-mode="dark"] .salesCard svg rect[fill="#F4F6F8"],
  [data-layout-mode="dark"] .auditCard svg rect[fill="#F4F6F8"] {
    fill: #2f2e2d !important; }
  [data-layout-mode="dark"] md-menu-content,
  [data-layout-mode="dark"] .md-open-menu-container md-menu-content {
    background-color: #252423 !important;
    border: 1px solid #3d3c3b; }
    [data-layout-mode="dark"] md-menu-content md-menu-item .md-button,
    [data-layout-mode="dark"] .md-open-menu-container md-menu-content md-menu-item .md-button {
      background-color: #252423;
      color: rgba(255, 255, 255, 0.8) !important; }
      [data-layout-mode="dark"] md-menu-content md-menu-item .md-button:hover,
      [data-layout-mode="dark"] .md-open-menu-container md-menu-content md-menu-item .md-button:hover {
        background-color: #3a3938 !important; }
  [data-layout-mode="dark"] .dot-button svg path,
  [data-layout-mode="dark"] .assessmentdeletebtn svg path {
    stroke: #adb5bd !important; }
  [data-layout-mode="dark"] .alert-danger {
    background-color: rgba(220, 53, 69, 0.15) !important;
    border-color: rgba(220, 53, 69, 0.3) !important;
    color: #f5c2c7 !important; }
  [data-layout-mode="dark"] #dashboardWebView svg path[fill="#637381"],
  [data-layout-mode="dark"] #dashboardWebView svg circle[fill="#637381"],
  [data-layout-mode="dark"] #trainingSummaryWebView svg path[fill="#637381"],
  [data-layout-mode="dark"] #trainingSummaryWebView svg circle[fill="#637381"],
  [data-layout-mode="dark"] #viewImageModal svg path[fill="#637381"],
  [data-layout-mode="dark"] #viewImageModal svg circle[fill="#637381"],
  [data-layout-mode="dark"] #viewImageModal svg path[fill="#637381"],
  [data-layout-mode="dark"] #viewImageModal svg circle[fill="#637381"],
  [data-layout-mode="dark"] #locationModal svg path[fill="#637381"],
  [data-layout-mode="dark"] #locationModal svg circle[fill="#637381"],
  [data-layout-mode="dark"] #employeeModal svg path[fill="#637381"],
  [data-layout-mode="dark"] #employeeModal svg circle[fill="#637381"],
  [data-layout-mode="dark"] #formSelectionModal svg path[fill="#637381"],
  [data-layout-mode="dark"] #formSelectionModal svg circle[fill="#637381"],
  [data-layout-mode="dark"] #titleSelectionModal svg path[fill="#637381"],
  [data-layout-mode="dark"] #titleSelectionModal svg circle[fill="#637381"] {
    fill: var(--wp-text-light); }
  [data-layout-mode="dark"] #dashboardWebView svg path[stroke="#637381"],
  [data-layout-mode="dark"] #trainingSummaryWebView svg path[stroke="#637381"],
  [data-layout-mode="dark"] #viewImageModal svg path[stroke="#637381"],
  [data-layout-mode="dark"] #viewImageModal svg path[stroke="#637381"],
  [data-layout-mode="dark"] #locationModal svg path[stroke="#637381"],
  [data-layout-mode="dark"] #employeeModal svg path[stroke="#637381"],
  [data-layout-mode="dark"] #formSelectionModal svg path[stroke="#637381"],
  [data-layout-mode="dark"] #titleSelectionModal svg path[stroke="#637381"] {
    stroke: var(--wp-text-light); }
  [data-layout-mode="dark"] #dashboardWebView svg rect[fill="#F4F6F8"],
  [data-layout-mode="dark"] #trainingSummaryWebView svg rect[fill="#F4F6F8"],
  [data-layout-mode="dark"] #viewImageModal svg rect[fill="#F4F6F8"],
  [data-layout-mode="dark"] #viewImageModal svg rect[fill="#F4F6F8"],
  [data-layout-mode="dark"] #locationModal svg rect[fill="#F4F6F8"],
  [data-layout-mode="dark"] #employeeModal svg rect[fill="#F4F6F8"],
  [data-layout-mode="dark"] #formSelectionModal svg rect[fill="#F4F6F8"],
  [data-layout-mode="dark"] #titleSelectionModal svg rect[fill="#F4F6F8"] {
    fill: var(--wp-elevated-bg); }
  [data-layout-mode="dark"] #dashboardWebView svg path[fill="#000"],
  [data-layout-mode="dark"] #trainingSummaryWebView svg path[fill="#000"],
  [data-layout-mode="dark"] #viewImageModal svg path[fill="#000"],
  [data-layout-mode="dark"] #viewImageModal svg path[fill="#000"],
  [data-layout-mode="dark"] #locationModal svg path[fill="#000"],
  [data-layout-mode="dark"] #employeeModal svg path[fill="#000"],
  [data-layout-mode="dark"] #formSelectionModal svg path[fill="#000"],
  [data-layout-mode="dark"] #titleSelectionModal svg path[fill="#000"] {
    fill: var(--wp-text-dark); }
  [data-layout-mode="dark"] #dashboardWebView .fa.text-grey[style*="color: #637381"],
  [data-layout-mode="dark"] #trainingSummaryWebView .fa.text-grey[style*="color: #637381"],
  [data-layout-mode="dark"] #viewImageModal .fa.text-grey[style*="color: #637381"],
  [data-layout-mode="dark"] #viewImageModal .fa.text-grey[style*="color: #637381"],
  [data-layout-mode="dark"] #locationModal .fa.text-grey[style*="color: #637381"],
  [data-layout-mode="dark"] #employeeModal .fa.text-grey[style*="color: #637381"],
  [data-layout-mode="dark"] #formSelectionModal .fa.text-grey[style*="color: #637381"],
  [data-layout-mode="dark"] #titleSelectionModal .fa.text-grey[style*="color: #637381"] {
    color: var(--wp-text-light) !important; }
  [data-layout-mode="dark"] .dashboardTitle {
    color: var(--wp-text-dark) !important; }
  [data-layout-mode="dark"] #dashboardWebView .dashboardDetails {
    color: var(--wp-text-dark); }
    [data-layout-mode="dark"] #dashboardWebView .dashboardDetails .item-card {
      background-color: var(--wp-card-bg);
      color: var(--wp-text-dark); }
      [data-layout-mode="dark"] #dashboardWebView .dashboardDetails .item-card .locationName {
        color: var(--wp-text-dark); }
      [data-layout-mode="dark"] #dashboardWebView .dashboardDetails .item-card md-card-content {
        color: var(--wp-text-dark); }
        [data-layout-mode="dark"] #dashboardWebView .dashboardDetails .item-card md-card-content .published-text {
          color: var(--wp-text-light); }
        [data-layout-mode="dark"] #dashboardWebView .dashboardDetails .item-card md-card-content .published-text-bold {
          color: var(--wp-text-dark); }
    [data-layout-mode="dark"] #dashboardWebView .dashboardDetails .headerPanel {
      color: var(--wp-text-dark);
      border-bottom-color: var(--wp-border-gray); }
    [data-layout-mode="dark"] #dashboardWebView .dashboardDetails .locationCard {
      color: var(--wp-text-dark); }
      [data-layout-mode="dark"] #dashboardWebView .dashboardDetails .locationCard .locationName {
        color: var(--wp-text-dark); }
      [data-layout-mode="dark"] #dashboardWebView .dashboardDetails .locationCard .countPanel {
        color: var(--wp-text-dark); }
    [data-layout-mode="dark"] #dashboardWebView .dashboardDetails .detailPanel {
      color: var(--wp-text-dark);
      border-left-color: var(--wp-border-gray); }
      [data-layout-mode="dark"] #dashboardWebView .dashboardDetails .detailPanel .item {
        color: var(--wp-text-dark); }
        [data-layout-mode="dark"] #dashboardWebView .dashboardDetails .detailPanel .item .formName {
          color: var(--wp-text-dark); }
        [data-layout-mode="dark"] #dashboardWebView .dashboardDetails .detailPanel .item .scheduleDate {
          color: var(--wp-text-light); }
        [data-layout-mode="dark"] #dashboardWebView .dashboardDetails .detailPanel .item .count {
          color: var(--wp-text-dark); }
  [data-layout-mode="dark"] #dashboardWebView .dashboardFilter {
    color: var(--wp-text-dark);
    border-top-color: var(--wp-border-gray); }
    [data-layout-mode="dark"] #dashboardWebView .dashboardFilter label {
      color: var(--wp-text-light); }
    [data-layout-mode="dark"] #dashboardWebView .dashboardFilter .countInfo {
      color: var(--wp-text-dark); }
      [data-layout-mode="dark"] #dashboardWebView .dashboardFilter .countInfo .rightBorder {
        border-right-color: var(--wp-border-gray); }
  [data-layout-mode="dark"] #dashboardWebView .dateFilterPanel {
    color: var(--wp-text-dark); }
    [data-layout-mode="dark"] #dashboardWebView .dateFilterPanel .date-buttons span {
      color: var(--wp-text-dark); }
    [data-layout-mode="dark"] #dashboardWebView .dateFilterPanel .datetimerangePicker {
      color: var(--wp-text-dark); }
  [data-layout-mode="dark"] #dashboardWebView .date-buttons .md-raised {
    background-color: var(--wp-elevated-bg) !important; }
    [data-layout-mode="dark"] #dashboardWebView .date-buttons .md-raised md-icon {
      color: var(--wp-text-dark) !important; }
  [data-layout-mode="dark"] #formSelectionModal .modal-header,
  [data-layout-mode="dark"] #titleSelectionModal .modal-header {
    background-color: #2f2e2d !important;
    color: rgba(255, 255, 255, 0.8) !important; }
    [data-layout-mode="dark"] #formSelectionModal .modal-header .modal-title,
    [data-layout-mode="dark"] #titleSelectionModal .modal-header .modal-title {
      color: rgba(255, 255, 255, 0.8) !important; }
    [data-layout-mode="dark"] #formSelectionModal .modal-header .close,
    [data-layout-mode="dark"] #titleSelectionModal .modal-header .close {
      color: rgba(255, 255, 255, 0.8) !important;
      opacity: 0.8; }
  [data-layout-mode="dark"] #formSelectionModal .modal-body,
  [data-layout-mode="dark"] #titleSelectionModal .modal-body {
    background-color: var(--wp-card-bg); }
    [data-layout-mode="dark"] #formSelectionModal .modal-body .selectionPanel .item,
    [data-layout-mode="dark"] #titleSelectionModal .modal-body .selectionPanel .item {
      color: var(--wp-text-dark);
      border-bottom-color: var(--wp-border-gray); }
    [data-layout-mode="dark"] #formSelectionModal .modal-body md-content,
    [data-layout-mode="dark"] #titleSelectionModal .modal-body md-content {
      background-color: var(--wp-card-bg) !important; }
    [data-layout-mode="dark"] #formSelectionModal .modal-body md-checkbox,
    [data-layout-mode="dark"] #titleSelectionModal .modal-body md-checkbox {
      color: var(--wp-text-dark) !important; }
      [data-layout-mode="dark"] #formSelectionModal .modal-body md-checkbox .md-label,
      [data-layout-mode="dark"] #titleSelectionModal .modal-body md-checkbox .md-label {
        color: var(--wp-text-dark) !important; }
      [data-layout-mode="dark"] #formSelectionModal .modal-body md-checkbox .md-container .md-icon,
      [data-layout-mode="dark"] #titleSelectionModal .modal-body md-checkbox .md-container .md-icon {
        border-color: var(--wp-text-light) !important; }
  [data-layout-mode="dark"] #formSelectionModal .modal-footer,
  [data-layout-mode="dark"] #titleSelectionModal .modal-footer {
    background-color: var(--wp-card-bg);
    border-top-color: var(--wp-border-gray); }
  [data-layout-mode="dark"] #formSelectionModal .searchPanel,
  [data-layout-mode="dark"] #titleSelectionModal .searchPanel {
    background-color: var(--wp-elevated-bg); }
    [data-layout-mode="dark"] #formSelectionModal .searchPanel input,
    [data-layout-mode="dark"] #titleSelectionModal .searchPanel input {
      background-color: var(--wp-elevated-bg);
      color: var(--wp-text-dark);
      border-color: var(--wp-border-gray); }
      [data-layout-mode="dark"] #formSelectionModal .searchPanel input::placeholder,
      [data-layout-mode="dark"] #titleSelectionModal .searchPanel input::placeholder {
        color: var(--wp-text-muted); }
  [data-layout-mode="dark"] #trainingSummaryWebView .filterPanel {
    color: var(--wp-text-dark); }
    [data-layout-mode="dark"] #trainingSummaryWebView .filterPanel label {
      color: var(--wp-text-light) !important; }
    [data-layout-mode="dark"] #trainingSummaryWebView .filterPanel .selectionBoxLocation {
      color: var(--wp-text-dark); }
    [data-layout-mode="dark"] #trainingSummaryWebView .filterPanel md-input-container md-select {
      color: var(--wp-text-dark) !important; }
    [data-layout-mode="dark"] #trainingSummaryWebView .filterPanel md-input-container .md-select-value {
      color: var(--wp-text-dark) !important; }
    [data-layout-mode="dark"] #trainingSummaryWebView .filterPanel md-switch .md-label {
      color: var(--wp-text-dark) !important; }
  [data-layout-mode="dark"] #trainingSummaryWebView .dx-grid-searchbox .form-control::placeholder {
    color: var(--wp-text-muted) !important; }
  [data-layout-mode="dark"] #trainingSummaryWebView .popover-text-icon {
    background: var(--wp-text-muted) !important; }
  [data-layout-mode="dark"] #trainingSummaryWebView .summaryDetail {
    background-color: var(--wp-card-bg) !important; }
    [data-layout-mode="dark"] #trainingSummaryWebView .summaryDetail .dx-header-row {
      background-color: var(--wp-elevated-bg) !important;
      color: var(--wp-text-dark) !important; }
    [data-layout-mode="dark"] #trainingSummaryWebView .summaryDetail .dx-datagrid-table td {
      color: var(--wp-text-dark) !important; }
  [data-layout-mode="dark"] #trainingSummaryWebView .dashboardHeader .exportPopup,
  [data-layout-mode="dark"] #trainingSummaryWebView .dashboardHeader .filter-toggle {
    background-color: var(--wp-card-bg) !important;
    border: 1px solid var(--wp-border-gray) !important;
    color: var(--wp-text-dark) !important; }
    [data-layout-mode="dark"] #trainingSummaryWebView .dashboardHeader .exportPopup svg path,
    [data-layout-mode="dark"] #trainingSummaryWebView .dashboardHeader .exportPopup svg g,
    [data-layout-mode="dark"] #trainingSummaryWebView .dashboardHeader .filter-toggle svg path,
    [data-layout-mode="dark"] #trainingSummaryWebView .dashboardHeader .filter-toggle svg g {
      fill: var(--wp-text-light) !important; }
    [data-layout-mode="dark"] #trainingSummaryWebView .dashboardHeader .exportPopup:hover,
    [data-layout-mode="dark"] #trainingSummaryWebView .dashboardHeader .filter-toggle:hover {
      background-color: var(--wp-hover-bg) !important; }
  [data-layout-mode="dark"] #trainingSummaryWebView #observerModal .bg-modal-content {
    background-color: var(--wp-card-bg) !important; }
  [data-layout-mode="dark"] #trainingSummaryWebView #observerModal .itemList .item {
    color: var(--wp-text-dark) !important;
    border-bottom-color: var(--wp-border-gray) !important; }
    [data-layout-mode="dark"] #trainingSummaryWebView #observerModal .itemList .item:hover {
      background-color: var(--wp-hover-bg) !important; }
  [data-layout-mode="dark"] .dx-fileuploader-input-label {
    color: var(--wp-text-light) !important; }
  [data-layout-mode="dark"] .inventoryGrossMargin #sales-order-header-row .header-btn svg path {
    fill: var(--wp-white-bg) !important; }

.wp-toggle {
  position: relative;
  width: 36px;
  height: 20px;
  margin-bottom: 0px; }
  .wp-toggle input {
    opacity: 0;
    width: 0;
    height: 0; }
    .wp-toggle input:checked + .wp-toggle-slider {
      background-color: #405189 !important; }
    .wp-toggle input:checked + .wp-toggle-slider::before {
      transform: translateX(16px); }
    .wp-toggle input:focus + .wp-toggle-slider {
      box-shadow: 0 0 0 2px rgba(64, 81, 137, 0.25); }
  .wp-toggle .wp-toggle-slider {
    position: absolute;
    cursor: pointer;
    inset: 0;
    background-color: #ccc;
    border-radius: 20px;
    transition: background-color 0.25s ease, box-shadow 0.25s ease; }
    .wp-toggle .wp-toggle-slider::before {
      content: "";
      position: absolute;
      height: 14px;
      width: 14px;
      left: 3px;
      bottom: 3px;
      background-color: #fff;
      border-radius: 50%;
      transition: transform 0.25s ease; }

.dark-mode-toggle-item {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  padding: 6px 25px 6px 10px !important;
  cursor: default;
  min-width: 180px; }
  .dark-mode-toggle-item:hover {
    box-shadow: none !important;
    background-color: #eee !important; }
  .dark-mode-toggle-item:active {
    background-color: transparent !important; }
  .dark-mode-toggle-item .wp-toggle-label {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    margin: 0;
    white-space: nowrap; }

[data-layout-mode="dark"] .dark-mode-toggle-item .wp-toggle-label {
  color: rgba(255, 255, 255, 0.8); }