/* Two-Tone Blue — faithful to original-template.png + original KPI hexes.
   Dark navy chrome (sidebar, top bar, tables) + the six original KPI blues.
   Does not apply to Black and Red or Dark. */

html.ui-theme-two-tone-blue #staging-banner,
html.ui-theme-blue-gray #staging-banner,
body.ui-theme-two-tone-blue #staging-banner,
body.ui-theme-blue-gray #staging-banner {
  display: none !important;
}

html.ui-theme-two-tone-blue,
html.ui-theme-blue-gray,
body.ui-theme-two-tone-blue,
body.ui-theme-blue-gray {
  background: #293b4d !important;
  background-color: #293b4d !important;
  color: #ffffff !important;
  padding-top: 0 !important;
}
html.ui-theme-two-tone-blue body,
html.ui-theme-blue-gray body {
  background: #293b4d !important;
  background-color: #293b4d !important;
  color: #ffffff !important;
  padding-top: 0 !important;
}

html.ui-theme-two-tone-blue #container,
html.ui-theme-blue-gray #container {
  background: #293b4d !important;
}

html.ui-theme-two-tone-blue #content,
html.ui-theme-blue-gray #content {
  color: #ffffff !important;
}

html.ui-theme-two-tone-blue #main-nav,
html.ui-theme-blue-gray #main-nav {
  background-color: #1c2c3d !important;
  color: #ffffff !important;
  border-right: 0 !important;
}

html.ui-theme-two-tone-blue #branding,
html.ui-theme-blue-gray #branding {
  border-bottom: 0 !important;
}

html.ui-theme-two-tone-blue .main-menu a,
html.ui-theme-two-tone-blue .main-menu .material-icons,
html.ui-theme-blue-gray .main-menu a,
html.ui-theme-blue-gray .main-menu .material-icons {
  color: #e7e7e7 !important;
}

html.ui-theme-two-tone-blue .main-menu li:hover,
html.ui-theme-blue-gray .main-menu li:hover {
  border-color: #4c96e0 !important;
}

html.ui-theme-two-tone-blue .main-menu a:hover,
html.ui-theme-blue-gray .main-menu a:hover {
  background-color: #243549 !important;
  color: #ffffff !important;
}

html.ui-theme-two-tone-blue #top-nav,
html.ui-theme-blue-gray #top-nav {
  background-color: #182432 !important;
  border-bottom: 1px solid #2a3c4e !important;
  border-top: 0 !important;
  color: #ffffff !important;
}

html.ui-theme-two-tone-blue #top-nav a,
html.ui-theme-two-tone-blue .breadcrumbs,
html.ui-theme-two-tone-blue .user-links,
html.ui-theme-two-tone-blue #username,
html.ui-theme-blue-gray #top-nav a,
html.ui-theme-blue-gray .breadcrumbs,
html.ui-theme-blue-gray .user-links,
html.ui-theme-blue-gray #username {
  color: #ffffff !important;
}

html.ui-theme-two-tone-blue #top-nav a:hover,
html.ui-theme-blue-gray #top-nav a:hover {
  color: #4c96e0 !important;
}

/* Panels / notices / modules — navy from the reference, never gray.
   :not(.statistic) so this cannot paint over KPI cards. */
html.ui-theme-two-tone-blue .section:not(.statistic),
html.ui-theme-two-tone-blue fieldset,
html.ui-theme-two-tone-blue .extras,
html.ui-theme-two-tone-blue .module,
html.ui-theme-two-tone-blue .notices,
html.ui-theme-two-tone-blue .ov-card,
html.ui-theme-two-tone-blue .ov-where,
html.ui-theme-blue-gray .section:not(.statistic),
html.ui-theme-blue-gray fieldset,
html.ui-theme-blue-gray .extras,
html.ui-theme-blue-gray .module,
html.ui-theme-blue-gray .notices {
  background: #182432 !important;
  background-color: #182432 !important;
  border-color: #2a3c4e !important;
  color: #ffffff !important;
}

html.ui-theme-two-tone-blue table,
html.ui-theme-two-tone-blue #content table,
html.ui-theme-two-tone-blue #changelist,
html.ui-theme-two-tone-blue #changelist table,
html.ui-theme-two-tone-blue #result_list,
html.ui-theme-two-tone-blue .results,
html.ui-theme-two-tone-blue .homepage table,
html.ui-theme-two-tone-blue .homepage .projects .scroll-wrapper,
html.ui-theme-blue-gray table,
html.ui-theme-blue-gray #changelist,
html.ui-theme-blue-gray #result_list,
html.ui-theme-blue-gray .results {
  background: #1d2c3d !important;
  background-color: #1d2c3d !important;
  color: #ffffff !important;
  border-color: #182432 !important;
}

html.ui-theme-two-tone-blue th,
html.ui-theme-two-tone-blue table thead th,
html.ui-theme-two-tone-blue #result_list thead th,
html.ui-theme-two-tone-blue .homepage table thead th,
html.ui-theme-two-tone-blue .homepage .projects table tr:first-child,
html.ui-theme-two-tone-blue .homepage .safety table tr:first-child,
html.ui-theme-blue-gray th,
html.ui-theme-blue-gray table thead th,
html.ui-theme-blue-gray #result_list thead th {
  background: #16202a !important;
  background-color: #16202a !important;
  color: #ffffff !important;
  border-color: #182432 !important;
}

html.ui-theme-two-tone-blue table tbody tr,
html.ui-theme-two-tone-blue #result_list tr,
html.ui-theme-two-tone-blue .homepage table tbody tr,
html.ui-theme-blue-gray table tbody tr,
html.ui-theme-blue-gray #result_list tr {
  background: #1d2c3d !important;
  background-color: #1d2c3d !important;
}

html.ui-theme-two-tone-blue table tbody tr:nth-child(even),
html.ui-theme-two-tone-blue #result_list tr:nth-child(even),
html.ui-theme-two-tone-blue tr:nth-child(even),
html.ui-theme-blue-gray table tbody tr:nth-child(even),
html.ui-theme-blue-gray tr:nth-child(even) {
  background: #243549 !important;
  background-color: #243549 !important;
}

html.ui-theme-two-tone-blue #changelist-filter,
html.ui-theme-two-tone-blue #changelist #toolbar,
html.ui-theme-two-tone-blue .actions,
html.ui-theme-two-tone-blue .paginator,
html.ui-theme-blue-gray #changelist-filter {
  background: #1c2c3d !important;
  color: #ffffff !important;
  border-color: #2a3c4e !important;
}

html.ui-theme-two-tone-blue input[type="text"],
html.ui-theme-two-tone-blue input[type="search"],
html.ui-theme-two-tone-blue input[type="number"],
html.ui-theme-two-tone-blue textarea,
html.ui-theme-two-tone-blue select,
html.ui-theme-blue-gray input[type="text"],
html.ui-theme-blue-gray select {
  background: #182432 !important;
  color: #ffffff !important;
  border-color: #2a3c4e !important;
}

html.ui-theme-two-tone-blue .button,
html.ui-theme-two-tone-blue input[type="submit"]:not(.title),
html.ui-theme-two-tone-blue .object-tools a,
html.ui-theme-blue-gray .button,
html.ui-theme-blue-gray input[type="submit"]:not(.title) {
  background: #4c96e0 !important;
  color: #ffffff !important;
  border: 0 !important;
}

html.ui-theme-two-tone-blue .wt,
html.ui-theme-blue-gray .wt {
  --wt-bg: #293b4d;
  --wt-panel: #182432;
  --wt-panel-2: #16202a;
  --wt-line: #2a3c4e;
  --wt-red: #4c96e0;
  --wt-text: #ffffff;
  --wt-muted: #b8d4ea;
}

html.ui-theme-two-tone-blue .wt-card,
html.ui-theme-two-tone-blue .wt-panel,
html.ui-theme-two-tone-blue .wt-table-wrap,
html.ui-theme-two-tone-blue .wt-empty,
html.ui-theme-blue-gray .wt-card,
html.ui-theme-blue-gray .wt-panel,
html.ui-theme-blue-gray .wt-table-wrap {
  background: #182432 !important;
  border-color: #2a3c4e !important;
  color: #ffffff !important;
}

html.ui-theme-two-tone-blue .wt-table th,
html.ui-theme-blue-gray .wt-table th {
  background: #16202a !important;
  color: #ffffff !important;
}

html.ui-theme-two-tone-blue .wt-btn,
html.ui-theme-blue-gray .wt-btn {
  background: #4c96e0 !important;
  color: #ffffff !important;
}

html.ui-theme-two-tone-blue .wt-section h2::after,
html.ui-theme-two-tone-blue .wt-bar > span,
html.ui-theme-two-tone-blue .wt-dot.on,
html.ui-theme-blue-gray .wt-section h2::after,
html.ui-theme-blue-gray .wt-bar > span,
html.ui-theme-blue-gray .wt-dot.on {
  background: #4c96e0 !important;
  color: #4c96e0 !important;
  border-color: #4c96e0 !important;
}

html.ui-theme-two-tone-blue .ui-theme-switcher select,
html.ui-theme-blue-gray .ui-theme-switcher select {
  background-color: #182432;
  color: #ffffff;
  border-color: #4c96e0;
}

html.ui-theme-two-tone-blue .safety .quick-stats div,
html.ui-theme-blue-gray .safety .quick-stats div {
  background-color: #75cfcf !important;
  color: #ffffff !important;
}
html.ui-theme-two-tone-blue .safety .quick-stats .days,
html.ui-theme-blue-gray .safety .quick-stats .days { background-color: #4eb4c3 !important; }
html.ui-theme-two-tone-blue .safety .quick-stats .incidents,
html.ui-theme-blue-gray .safety .quick-stats .incidents { background-color: #3396b5 !important; }
html.ui-theme-two-tone-blue .safety .quick-stats .hazard-assessments,
html.ui-theme-blue-gray .safety .quick-stats .hazard-assessments { background-color: #1a79a9 !important; }

/* KPI cards LAST so nothing can overpaint them.
   Exact original hexes, white type. */
html.ui-theme-two-tone-blue .quick-stats > .statistic,
html.ui-theme-two-tone-blue .quick-stats > .section.statistic,
html.ui-theme-two-tone-blue .homepage .quick-stats > .section.statistic,
html.ui-theme-two-tone-blue #content-main .quick-stats > .section.statistic,
html.ui-theme-two-tone-blue .wt-kpis > .wt-kpi,
html.ui-theme-blue-gray .quick-stats > .statistic,
html.ui-theme-blue-gray .quick-stats > .section.statistic,
html.ui-theme-blue-gray .homepage .quick-stats > .section.statistic,
html.ui-theme-blue-gray #content-main .quick-stats > .section.statistic,
html.ui-theme-blue-gray .wt-kpis > .wt-kpi {
  background: #75cfcf !important;
  background-color: #75cfcf !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: none !important;
}

html.ui-theme-two-tone-blue .quick-stats > .statistic:nth-child(2),
html.ui-theme-two-tone-blue .quick-stats > .section.statistic:nth-child(2),
html.ui-theme-two-tone-blue .homepage .quick-stats > .section.statistic:nth-child(2),
html.ui-theme-two-tone-blue #content-main .quick-stats > .section.statistic:nth-child(2),
html.ui-theme-two-tone-blue .wt-kpis > .wt-kpi:nth-child(2),
html.ui-theme-blue-gray .quick-stats > .statistic:nth-child(2),
html.ui-theme-blue-gray .quick-stats > .section.statistic:nth-child(2),
html.ui-theme-blue-gray .wt-kpis > .wt-kpi:nth-child(2) {
  background: #4eb4c3 !important;
  background-color: #4eb4c3 !important;
}

html.ui-theme-two-tone-blue .quick-stats > .statistic:nth-child(3),
html.ui-theme-two-tone-blue .quick-stats > .section.statistic:nth-child(3),
html.ui-theme-two-tone-blue .homepage .quick-stats > .section.statistic:nth-child(3),
html.ui-theme-two-tone-blue #content-main .quick-stats > .section.statistic:nth-child(3),
html.ui-theme-two-tone-blue .wt-kpis > .wt-kpi:nth-child(3),
html.ui-theme-blue-gray .quick-stats > .statistic:nth-child(3),
html.ui-theme-blue-gray .quick-stats > .section.statistic:nth-child(3),
html.ui-theme-blue-gray .wt-kpis > .wt-kpi:nth-child(3) {
  background: #3396b5 !important;
  background-color: #3396b5 !important;
}

html.ui-theme-two-tone-blue .quick-stats > .statistic:nth-child(4),
html.ui-theme-two-tone-blue .quick-stats > .section.statistic:nth-child(4),
html.ui-theme-two-tone-blue .homepage .quick-stats > .section.statistic:nth-child(4),
html.ui-theme-two-tone-blue #content-main .quick-stats > .section.statistic:nth-child(4),
html.ui-theme-two-tone-blue .wt-kpis > .wt-kpi:nth-child(4),
html.ui-theme-blue-gray .quick-stats > .statistic:nth-child(4),
html.ui-theme-blue-gray .quick-stats > .section.statistic:nth-child(4),
html.ui-theme-blue-gray .wt-kpis > .wt-kpi:nth-child(4) {
  background: #1a79a9 !important;
  background-color: #1a79a9 !important;
}

html.ui-theme-two-tone-blue .quick-stats > .statistic:nth-child(5),
html.ui-theme-two-tone-blue .quick-stats > .section.statistic:nth-child(5),
html.ui-theme-two-tone-blue .homepage .quick-stats > .section.statistic:nth-child(5),
html.ui-theme-two-tone-blue #content-main .quick-stats > .section.statistic:nth-child(5),
html.ui-theme-two-tone-blue .wt-kpis > .wt-kpi:nth-child(5),
html.ui-theme-blue-gray .quick-stats > .statistic:nth-child(5),
html.ui-theme-blue-gray .quick-stats > .section.statistic:nth-child(5),
html.ui-theme-blue-gray .wt-kpis > .wt-kpi:nth-child(5) {
  background: #195c93 !important;
  background-color: #195c93 !important;
}

html.ui-theme-two-tone-blue .quick-stats > .statistic:nth-child(6),
html.ui-theme-two-tone-blue .quick-stats > .section.statistic:nth-child(6),
html.ui-theme-two-tone-blue .homepage .quick-stats > .section.statistic:nth-child(6),
html.ui-theme-two-tone-blue #content-main .quick-stats > .section.statistic:nth-child(6),
html.ui-theme-two-tone-blue .wt-kpis > .wt-kpi:nth-child(6),
html.ui-theme-blue-gray .quick-stats > .statistic:nth-child(6),
html.ui-theme-blue-gray .quick-stats > .section.statistic:nth-child(6),
html.ui-theme-blue-gray .wt-kpis > .wt-kpi:nth-child(6) {
  background: #183f77 !important;
  background-color: #183f77 !important;
}

html.ui-theme-two-tone-blue .quick-stats > .statistic .number,
html.ui-theme-two-tone-blue .quick-stats > .statistic .title,
html.ui-theme-two-tone-blue .quick-stats > .statistic .sub-title,
html.ui-theme-two-tone-blue .quick-stats > .statistic p,
html.ui-theme-two-tone-blue .quick-stats > .section.statistic .number,
html.ui-theme-two-tone-blue .quick-stats > .section.statistic .title,
html.ui-theme-two-tone-blue .quick-stats > .section.statistic .sub-title,
html.ui-theme-two-tone-blue .wt-kpis > .wt-kpi .wt-num,
html.ui-theme-two-tone-blue .wt-kpis > .wt-kpi .label,
html.ui-theme-two-tone-blue .wt-kpis > .wt-kpi .sub,
html.ui-theme-blue-gray .quick-stats > .statistic .number,
html.ui-theme-blue-gray .quick-stats > .statistic .title,
html.ui-theme-blue-gray .quick-stats > .section.statistic .number,
html.ui-theme-blue-gray .quick-stats > .section.statistic .title,
html.ui-theme-blue-gray .wt-kpis > .wt-kpi .wt-num,
html.ui-theme-blue-gray .wt-kpis > .wt-kpi .label {
  color: #ffffff !important;
}