/* ============================================================================
   theme-base.css — the shared theme layer
   ----------------------------------------------------------------------------
   GENERATED by scripts/css/split-theme.py. Do not hand-edit.

   The 14 theme files were the same 175 selectors differing only in colour. Those
   selectors live here once, with every shared colour replaced by a var(--dm-theme-*)
   reference; each theme is now a value set in Content/themes/<name>.css.

   The selectors are KEPT, not replaced by token overrides: 74% of them exist only in
   the theme layer (#sideBar, #profile, .alert*, .ColoredWell), so dropping them would
   delete most of what a theme does.

   Tokens are equivalence classes over all 14 themes — two positions share a token only
   if they carry the same colour in EVERY theme — so one token is one colour per theme
   by construction.

   .ColoredleftToRight and --wp-header-bg are NOT here: their shape differs between themes, so each theme file
   carries them verbatim.

   LOAD ORDER: this file takes the cascade slot the theme file occupied. The per-theme
   value set loads after it.
   ============================================================================ */

:root {
    --primary-color: var(--dm-theme-x-1);
}
.card{
  background-color: var(--dm-theme-bg-2); }

.lightBlue {
  color: var(--dm-theme-fg-3); }

.nav-tabs-simple > li.active > a::after {
  background-color: var(--dm-theme-bg-2) !important; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  background-color: var(--dm-theme-bg-2) !important; }

.tab-content > .tab-pane.active.flex-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background-color: var(--dm-theme-bg-6) !important; }

body {
  background-color: var(--dm-theme-bg-6); }

.nav-communication-banner-button {
  background: var(--dm-theme-bg-1);
  color: var(--dm-theme-fg-1); }

.logo-button:focus {
  color: var(--dm-theme-fg-3);
  background-color: var(--dm-theme-bg-3) !important;
  border-color: var(--dm-theme-border-1) !important;
  box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0.1);
  border-width: 1px !important; }

.logo-button:active {
  color: var(--dm-theme-fg-3);
  background-color: var(--dm-theme-bg-3) !important;
  border-color: var(--dm-theme-border-1) !important;
  box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0.1);
  border-width: 1px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="uuid-a71ccb7b-1336-4563-a5ae-f7470a6b2870" viewBox="0 0 978.96 979.2"><defs><style>.uuid-e4e5168a-ac89-4cb2-87f2-5e4177697bd8{fill:%23181918;}.uuid-e4e5168a-ac89-4cb2-87f2-5e4177697bd8,.uuid-cefe0f09-5cd2-4bbf-9ee8-0f6712a30259,.uuid-9ebf0a30-6a6d-4322-a614-62ed3717ee55,.uuid-ef369f08-e4c7-4e86-9fa9-ba9efd70fef9{stroke-width:0px;}.uuid-cefe0f09-5cd2-4bbf-9ee8-0f6712a30259{fill:%23231f20;}.uuid-9ebf0a30-6a6d-4322-a614-62ed3717ee55{fill:%230054a6;}.uuid-ef369f08-e4c7-4e86-9fa9-ba9efd70fef9{fill:%23fff;filter:url(%23uuid-edca2a82-e56f-4ba9-9356-94040d4019aa);}</style><filter id="uuid-edca2a82-e56f-4ba9-9356-94040d4019aa" filterUnits="userSpaceOnUse"><feOffset dx="4" dy="4"/><feGaussianBlur result="uuid-c99b30bb-64d4-4ab5-8273-93fdb1f5ca7e" stdDeviation="5"/><feFlood flood-color="%23181918" flood-opacity=".25"/><feComposite in2="uuid-c99b30bb-64d4-4ab5-8273-93fdb1f5ca7e" operator="in"/><feComposite in="SourceGraphic"/></filter></defs><rect class="uuid-ef369f08-e4c7-4e86-9fa9-ba9efd70fef9" x="11.0435" y="11.1642" width="948.8132" height="948.8132" rx="92.9066" ry="92.9066"/><g id="uuid-8e2bc765-c835-4111-8a82-16c44c617c76"><path class="uuid-e4e5168a-ac89-4cb2-87f2-5e4177697bd8" d="m112.6087,708.7767v-384.2949h144.3577c124.6481,0,186.2348,59.6186,186.2348,192.151s-61.5867,192.1438-186.2348,192.1438H112.6087Zm144.3577-81.2925c71.9341,0,94.0995-42.8634,94.0995-110.8513s-22.1654-110.8515-94.0995-110.8515h-53.2042v221.7028h53.2042Z"/><polygon class="uuid-cefe0f09-5cd2-4bbf-9ee8-0f6712a30259" points="661.3119 432.6005 601.8734 492.039 661.3257 551.4777 720.7505 492.039 661.3119 432.6005"/><polygon class="uuid-e4e5168a-ac89-4cb2-87f2-5e4177697bd8" points="553.1794 324.4818 553.1133 324.5472 553.1133 324.4876 469.0293 324.4876 469.0293 709.386 553.1133 709.386 553.1133 443.2725 598.6106 488.7697 658.0361 429.3312 553.1794 324.4818"/><path class="uuid-e4e5168a-ac89-4cb2-87f2-5e4177697bd8" d="m511.0786,299.5575c31.1572,0,56.4271-25.2626,56.4271-56.4343s-25.2698-56.4467-56.4271-56.4467-56.4416,25.2613-56.4416,56.4467,25.2698,56.4343,56.4416,56.4343Z"/><path class="uuid-9ebf0a30-6a6d-4322-a614-62ed3717ee55" d="m811.6671,299.5575c31.1573,0,56.4389-25.2626,56.4389-56.4343s-25.2816-56.4467-56.4389-56.4467c-31.173,0-56.4415,25.2613-56.4415,56.4467s25.2685,56.4343,56.4415,56.4343Z"/><polygon class="uuid-9ebf0a30-6a6d-4322-a614-62ed3717ee55" points="769.6434 324.5014 769.6303 324.4818 664.5878 429.504 724.0271 488.9353 769.6434 443.319 769.6434 709.386 853.7012 709.386 853.7012 324.4876 769.6434 324.4876 769.6434 324.5014"/></g></svg>') !important; }

.logo-button:hover {
  color: var(--dm-theme-fg-3);
  background-color: var(--dm-theme-bg-3);
  border-color: var(--dm-theme-border-1);
  box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0.1);
  border-width: 1px; }

.top-nav-btns:focus {
  color: var(--dm-theme-fg-3) !important;
  background-color: var(--dm-theme-bg-3) !important;
  border: 1px solid var(--dm-theme-border-1) !important;
  box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0.1); }

.top-nav-btns:active {
  color: var(--dm-theme-fg-3) !important;
  background-color: var(--dm-theme-bg-3) !important;
  border: 1px solid var(--dm-theme-border-1) !important;
  box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0.1) !important; }

.top-nav-btns:hover {
  color: var(--dm-theme-fg-3) !important;
  background-color: var(--dm-theme-bg-3) !important;
  border: 1px solid var(--dm-theme-border-1) !important;
  box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0.1) !important; }

.btn-secondary{
  text-shadow: none;
  background-color: var(--dm-theme-bg-3);
  border-color: var(--dm-theme-border-1);
  color: var(--dm-theme-fg-2);
  box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.1); }
.btn-secondary:active{
    color: var(--dm-theme-fg-2);
    background-color: var(--dm-theme-bg-3);
    border-color: var(--dm-theme-border-1);
    box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0.1);
    border-width: 1px; }
.btn-secondary .badge{
    text-shadow: none; }
.btn-secondary:hover{
    color: var(--dm-theme-fg-3);
    background-color: var(--dm-theme-bg-3);
    border-color: var(--dm-theme-border-1);
    box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0.1);
    border-width: 1px; }
.btn-secondary:focus{
    color: var(--dm-theme-fg-3);
    background-color: var(--dm-theme-bg-3);
    border-color: var(--dm-theme-border-1);
    box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0.1);
    border-width: 1px;
    background-position: 0 -15px; }
.btn-secondary:disabled{
    background-color: transparent;
    border-color: var(--dm-theme-border-4);
    color: var(--dm-theme-fg-4); }

.btn-primary {
  text-shadow: none;
  box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.1);
  background-color: var(--dm-theme-bg-1);
  border-color: var(--dm-theme-border-1);
  color: var(--dm-theme-fg-1); }
  .btn-primary:active {
    box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0.1);
    background-color: var(--dm-theme-bg-4);
    border-color: var(--dm-theme-border-3);
    color: var(--dm-theme-fg-1); }
  .btn-primary .badge {
    text-shadow: none; }
  .btn-primary:hover {
    background-color: var(--dm-theme-bg-4);
    background-position: 0 -15px;
    box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0.1);
    color: var(--dm-theme-fg-1); }
  .btn-primary:focus {
    background-color: var(--dm-theme-bg-4);
    background-position: 0 -15px;
    box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0.1);
    color: var(--dm-theme-fg-1); }
  .btn-primary:disabled {
    background-color: transparent;
    border-color: var(--dm-theme-border-4);
    color: var(--dm-theme-fg-4); }

.btn-success {
  text-shadow: none;
  box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.1);
  background-color: var(--dm-theme-bg-11);
  border-color: var(--dm-theme-border-9);
  color: var(--dm-theme-fg-2); }
  .btn-success:active {
    box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0.1);
    background-color: var(--dm-theme-bg-8);
    border-color: var(--dm-theme-border-7);
    color: var(--dm-ref-neutral-100); }
  .btn-success .badge {
    text-shadow: none; }
  .btn-success:hover {
    box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0.1);
    background-color: var(--dm-theme-bg-8);
    border-color: var(--dm-theme-border-7);
    color: var(--dm-ref-neutral-100);
    background-position: 0 -15px; }
  .btn-success:focus {
    box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0.1);
    background-color: var(--dm-theme-bg-8);
    border-color: var(--dm-theme-border-7);
    color: var(--dm-ref-neutral-100);
    background-position: 0 -15px; }
  .btn-success:disabled {
    background-color: transparent;
    border-color: var(--dm-theme-border-4);
    color: var(--dm-theme-fg-4); }

.btn-info {
  text-shadow: none;
  background-color: var(--dm-theme-bg-1);
  box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.1);
  border-color: var(--dm-theme-border-1);
  color: var(--dm-theme-fg-1); }
  .btn-info:active {
    box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0.1);
    background-color: var(--dm-theme-bg-4);
    border-color: var(--dm-theme-border-3);
    color: var(--dm-theme-fg-1); }
  .btn-info .badge {
    text-shadow: none; }
  .btn-info:hover {
    box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0.1);
    background-color: var(--dm-theme-bg-4);
    border-color: var(--dm-theme-border-3);
    color: var(--dm-theme-fg-1);
    background-position: 0 -15px; }
  .btn-info:focus {
    box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0.1);
    background-color: var(--dm-theme-bg-4);
    border-color: var(--dm-theme-border-3);
    color: var(--dm-theme-fg-1);
    background-position: 0 -15px; }
  .btn-info:disabled {
    background-color: var(--dm-theme-bg-3);
    border-color: var(--dm-theme-border-4);
    color: var(--dm-theme-fg-4); }
    .btn-info:disabled:hover {
      background-color: var(--dm-theme-bg-3);
      border-color: var(--dm-theme-border-4);
      color: var(--dm-theme-fg-4); }

.btn-danger {
  text-shadow: none;
  background-color: var(--dm-theme-bg-10);
  border-color: var(--dm-theme-border-8);
  box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.1);
  color: var(--dm-ref-neutral-100); }
  .btn-danger:active {
    box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0.1);
    background-color: var(--dm-theme-bg-7);
    border-color: var(--dm-theme-border-6);
    color: var(--dm-ref-neutral-100); }
  .btn-danger .badge {
    text-shadow: none; }
  .btn-danger:hover {
    box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0.1);
    background-color: var(--dm-theme-bg-7);
    border-color: var(--dm-theme-border-6);
    color: var(--dm-ref-neutral-100);
    background-position: 0 -15px; }
  .btn-danger:focus {
    box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0.1);
    background-color: var(--dm-theme-bg-7);
    border-color: var(--dm-theme-border-6);
    color: var(--dm-ref-neutral-100);
    background-position: 0 -15px; }
  .btn-danger:disabled {
    background-color: transparent;
    border-color: var(--dm-theme-border-4);
    color: var(--dm-theme-fg-4); }

.btn-group-sm > .btn-secondary{
  text-shadow: none;
  background-color: var(--dm-theme-bg-3);
  border-color: var(--dm-theme-border-1);
  color: var(--dm-theme-fg-2); }
.btn-group-sm > .btn-secondary:active{
    background-color: var(--dm-theme-bg-1);
    border-color: var(--dm-theme-border-1);
    color: var(--dm-theme-fg-1); }
.btn-group-sm > .btn-secondary:hover{
    background-color: var(--dm-theme-bg-1);
    color: var(--dm-theme-fg-1); }

.btn-group-sm > .btn-secondary.active{
  background-color: var(--dm-theme-bg-1);
  border-color: var(--dm-theme-border-1);
  color: var(--dm-theme-fg-1); }

.btn-group-sm > .btn-secondary.hover{
  background-color: var(--dm-theme-bg-1);
  border-color: var(--dm-theme-border-1);
  color: var(--dm-theme-fg-1); }

.btn-group-sm > .btn-secondary{
  text-shadow: none;
  background-color: var(--dm-theme-bg-3);
  border-color: var(--dm-theme-border-1);
  color: var(--dm-theme-fg-2); }
.btn-group-sm > .btn-secondary:active{
    background-color: var(--dm-theme-bg-1);
    border-color: var(--dm-theme-border-1);
    color: var(--dm-theme-fg-1); }
.btn-group-sm > .btn-secondary:hover{
    background-color: var(--dm-theme-bg-1);
    color: var(--dm-theme-fg-1); }

.btn-group-sm > .btn-secondary.active{
  background-color: var(--dm-theme-bg-1);
  border-color: var(--dm-theme-border-1);
  color: var(--dm-theme-fg-1); }

.btn-group-sm > .btn-secondary.hover{
  background-color: var(--dm-theme-bg-1);
  border-color: var(--dm-theme-border-1);
  color: var(--dm-theme-fg-1); }

.btn-call-select:hover {
  background-color: var(--dm-theme-bg-4);
  border-color: var(--dm-theme-border-3);
  color: var(--dm-theme-fg-1); }

.btn-call-select:focus {
  background-color: var(--dm-theme-bg-4);
  border-color: var(--dm-theme-border-3);
  color: var(--dm-theme-fg-1); }

.sliderControlBtn {
  background-color: var(--dm-theme-bg-1);
  border-color: var(--dm-theme-border-1);
  color: var(--dm-theme-fg-1); }

.thumbnail {
  box-shadow: none; }

.img-thumbnail {
  box-shadow: none; }

.dropdown-menu > li > a:hover {
  background-color: var(--dm-theme-bg-2); }

.dropdown-menu > li > a:focus {
  background-color: var(--dm-theme-bg-2); }

.dropdown-menu > .active > a {
  background-color: var(--dm-theme-bg-1);
  color: var(--dm-theme-fg-1); }
  .dropdown-menu > .active > a:hover {
    background-color: var(--dm-theme-bg-1);
    color: var(--dm-theme-fg-1); }
  .dropdown-menu > .active > a:focus {
    background-color: var(--dm-theme-bg-1);
    color: var(--dm-theme-fg-1); }

.flexMenu-popup > li.active {
  background-color: var(--dm-theme-bg-1);
  color: var(--dm-theme-fg-1); }
  .flexMenu-popup > li.active > a {
    background-color: var(--dm-theme-bg-1);
    color: var(--dm-theme-fg-1); }

.dropdown-toggle-theme {
  background-color: var(--dm-theme-bg-3);
  border-color: var(--dm-theme-border-4);
  border-width: 1px;
  color: var(--dm-theme-fg-2); }
  .dropdown-toggle-theme:hover {
    background-color: var(--dm-theme-bg-3);
    border-color: var(--dm-theme-border-2);
    border-width: 1px;
    color: var(--dm-theme-fg-2); }
  .dropdown-toggle-theme:focus {
    background-color: var(--dm-theme-bg-3);
    border-color: var(--dm-theme-border-2);
    border-width: 1px;
    color: var(--dm-theme-fg-2); }

.navbar-default {
  background-color: var(--dm-theme-bg-3);
  box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.1);
  color: var(--dm-theme-fg-2); }
  .navbar-default .navbar-nav > .open > a {
    background-color: var(--dm-theme-bg-2);
    box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.1);
    color: var(--dm-theme-fg-2); }
  .navbar-default .navbar-nav > .active > a {
    background-color: var(--dm-theme-bg-5);
    box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.1);
    color: var(--dm-theme-fg-2); }

.navbar-brand {
  text-shadow: none; }

.navbar-nav > li > a {
  text-shadow: none; }

.navbar-theme {
  background-color: var(--dm-theme-bg-3); }
  .navbar-theme .navbar-nav > .open > a {
    background-color: var(--dm-theme-bg-6);
    color: var(--dm-theme-fg-2);
    outline: 0; }
  .navbar-theme .navbar-nav > .active > a {
    background-color: var(--dm-theme-bg-6);
    color: var(--dm-theme-fg-2);
    outline: 0; }
  .navbar-theme .navbar-nav > li:not(.active) > a:hover {
    background-color: var(--dm-theme-bg-3);
    color: var(--dm-theme-fg-2); }
  .navbar-theme .navbar-nav > li > a {
    color: var(--dm-theme-fg-1);
    font-weight: bold;
}
  .navbar-theme .navbar-nav > li.active > a:hover {
    cursor: default; }
  .navbar-theme .navbar-brand {
    color: var(--dm-theme-fg-2);
    font-weight: bold;
    padding-top: 3px; }

.vehicle-tabs {
  background-color: var(--dm-theme-bg-13); }
  .vehicle-tabs > .nav-tabs > li.active > a {
    background-color: var(--dm-theme-bg-6);
    border: 1px solid transparent;
    color: var(--dm-theme-fg-2); }
  .vehicle-tabs > .nav-tabs > li:not(.active) > a:hover {
    background-color: var(--dm-theme-bg-3);
    color: var(--dm-theme-fg-2); }

.navbar-static-top {
  border-radius: var(--dm-sys-shape-md); }

.navbar-fixed-top {
  border-radius: 0px; }

.navbar-fixed-bottom {
  border-radius: var(--dm-sys-shape-md); }

/* NOTE: "theader" is not an element, so this rule has never matched anything. The
   selector is left as-is deliberately — correcting it to thead would not help either
   (a thead cannot sit inside a tbody), and making it match would apply styling that
   has never applied, with unknown visual effect. Whoever knows the intent should fix
   the selector; the colour is corrected here so it is not a bug in waiting.
   fg-1 on bg-5 measured 1.11:1 in 12 of 15 themes — bg-5 is a pale cream everywhere,
   so white-on-it is invisible. fg-2 gives 15.7:1, and the :hover rule below already
   pairs bg-5 with fg-2. */
.table-striped > tbody > theader {
  background-color: var(--dm-theme-bg-5);
  color: var(--dm-theme-fg-2); }

.table-striped > tbody > tr:nth-of-type(2n+1) {
  background-color: var(--dm-theme-bg-9); }
  .table-striped > tbody > tr:nth-of-type(2n+1):hover {
    background-color: var(--dm-theme-bg-5);
    color: var(--dm-theme-fg-2); }

.table-striped > tbody > tr.selected {
  background-color: var(--dm-theme-bg-5); }

.hoverTable {
  color: var(--dm-theme-fg-2); }
  .hoverTable thead tr .header {
    background-color: var(--dm-theme-bg-1);
    border: 1px solid var(--dm-theme-border-5);
    font-size: 8pt;
    padding: 4px;
    color: var(--dm-theme-fg-1); }
    .hoverTable thead tr .header:hover {
      background-color: var(--dm-theme-bg-4);
      border: 1px solid var(--dm-theme-border-5);
      font-size: 8pt;
      padding: 4px;
      color: var(--dm-theme-fg-1); }
  .hoverTable tr {
    background-color: var(--dm-theme-bg-6); }
    .hoverTable tr:hover {
      background-color: var(--dm-theme-bg-5); }
  .hoverTable tr.selected {
    background-color: var(--dm-theme-bg-5); }

.selectedLead {
  background-color: var(--dm-theme-bg-5); }

.hoverTableNoRowOver {
  color: var(--dm-theme-fg-2); }
  .hoverTableNoRowOver thead tr .header {
    background-color: var(--dm-theme-bg-1);
    border: 1px solid var(--dm-theme-border-5);
    font-size: 8pt;
    padding: 4px;
    color: var(--dm-theme-fg-1); }
    .hoverTableNoRowOver thead tr .header:hover {
      background-color: var(--dm-theme-bg-4);
      border: 1px solid var(--dm-theme-border-5);
      font-size: 8pt;
      padding: 4px;
      color: var(--dm-theme-fg-1); }
  .hoverTableNoRowOver tr {
    background-color: var(--dm-theme-bg-6); }
    .hoverTableNoRowOver tr:hover {
      background-color: var(--dm-theme-bg-5); }
  .hoverTableNoRowOver tr.selected {
    background-color: var(--dm-theme-bg-5); }

.alert {
  text-shadow: none;
  box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.1); }

.alert-success {
  background-color: var(--dm-theme-bg-3);
  border-color: var(--dm-theme-border-9); }

.alert-info {
  background-color: var(--dm-theme-bg-3);
  border-color: var(--dm-theme-border-1); }

.alert-warning {
  background-color: var(--dm-theme-bg-3);
  border-color: var(--dm-theme-border-11); }

.alert-danger {
  background-color: var(--dm-theme-bg-3);
  border-color: var(--dm-theme-border-8); }

.progress {
  background-color: var(--dm-theme-bg-19); }

.progress-bar {
  background-color: var(--dm-theme-bg-1); }

.progress-bar-success {
  background-color: var(--dm-theme-bg-11); }

.progress-bar-info {
  background-color: var(--dm-theme-bg-1); }

.progress-bar-warning {
  background-color: var(--dm-theme-bg-17); }

.progress-bar-danger {
  background-color: var(--dm-theme-bg-10); }

.progress-bar-striped {
  background-color: var(--dm-theme-bg-1); }

.list-group {
  border-radius: var(--dm-sys-shape-sm);
  box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.1); }

.list-group-item.active {
  text-shadow: none;
  background-color: var(--dm-theme-bg-1);
  border-color: var(--dm-theme-border-1);
  color: var(--dm-theme-fg-1); }
  .list-group-item.active:hover {
    text-shadow: none;
    background-color: var(--dm-theme-bg-4);
    border-color: var(--dm-theme-border-3);
    color: var(--dm-theme-fg-1); }
    .list-group-item.active:hover .badge {
      text-shadow: none; }
  .list-group-item.active:focus {
    text-shadow: none;
    background-color: var(--dm-theme-bg-4);
    border-color: var(--dm-theme-border-3);
    color: var(--dm-theme-fg-1); }
    .list-group-item.active:focus .badge {
      text-shadow: none; }
  .list-group-item.active .badge {
    text-shadow: none; }

.card{
  box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.1); }

.card > .card-header{
  background: var(--dm-theme-bg-1);
  color: var(--dm-theme-fg-1); }

.deskingTheme {
  border: 2px solid var(--dm-theme-border-10);
  background-color: var(--dm-theme-bg-20); }

.desking-form-control {
  background-color: var(--dm-theme-bg-16); }

.card-body{
  background-color: var(--dm-theme-bg-9);
  border-color: var(--dm-theme-border-2); }

tabbed-navigation .panel-body.flex-container.flex-column.flex-auto {
  background-color: var(--dm-theme-bg-2);
  border-color: var(--dm-theme-border-2); }

.profile-grid {
  background-color: var(--dm-theme-bg-6);
  border-color: var(--dm-theme-border-2); }

.nav-tabs .fa-info-circle {
  color: var(--dm-theme-fg-5) !important;
  box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.1); }

.modal-header {
  background: var(--dm-theme-bg-1);
  color: var(--dm-theme-fg-1); }

.modal-title {
  color: var(--dm-theme-fg-1);
  font-weight: 600; }

.card.card-body{
  background-color: var(--dm-theme-bg-2);
  border-color: var(--dm-theme-border-2);
  box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.1);
  padding-top: 0;
  padding-bottom: 40px;
  color: var(--dm-theme-fg-2); }

.droppableSection {
  color: var(--dm-theme-fg-2);
  background-color: var(--dm-theme-bg-3);
  border-color: var(--dm-theme-border-2);
  box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.1);
  padding-top: 0; }

div.droppableSection ul li {
  color: var(--dm-theme-fg-2);
  background-color: var(--dm-theme-bg-3);
  border-color: var(--dm-theme-border-2);
  box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.1); }
  div.droppableSection ul li:nth-child(even) {
    background-color: var(--dm-theme-bg-2); }

.flexSidebarWrapper > .flexSidebar {
  color: var(--dm-theme-fg-2);
  background-color: var(--dm-theme-bg-2);
  border-color: var(--dm-theme-border-2);
  box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.1); }

.flexSidebarWrapperRight > .flexSidebar {
  color: var(--dm-theme-fg-2);
  background-color: var(--dm-theme-bg-2);
  border-color: var(--dm-theme-border-2);
  box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.1); }

.mySliderClass {
  color: var(--dm-theme-fg-2);
  background-color: var(--dm-theme-bg-2);
  border-color: var(--dm-theme-border-2);
  box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.1); }

.ColoredWell {
  color: var(--dm-theme-fg-2);
  background-color: var(--dm-theme-bg-2);
  border-color: var(--dm-theme-border-2);
  box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.1);
  border-radius: var(--dm-sys-shape-md);
  padding: 15px; }


#sidebar-wrapper {
  background: var(--dm-theme-bg-2); }

#social-tab > div {
  background-color: var(--dm-theme-bg-2); }

#profile {
  font-family: "Roboto", sans-serif; }

#page-content-wrapper {
  background-color: var(--dm-theme-bg-2); }

#tabGrid {
  background-color: var(--dm-theme-bg-2); }

#history {
  background-color: var(--dm-theme-bg-1);
  color: var(--dm-theme-fg-1); }

.navbar-one {
  background-color: var(--dm-theme-bg-6);
  border-bottom: none; }

.navbar-two {
  background: var(--dm-theme-bg-1);
  height: 32px;
  min-height: 32px;
  border-top: none;
  color: var(--dm-theme-fg-1); }

th {
  background-color: var(--dm-theme-bg-9);
  color: var(--dm-theme-fg-2); }

.target {
  background-color: var(--dm-theme-bg-2); }

.slider-handle {
  background-color: var(--dm-theme-bg-1); }

.sidebarContent {
  background-color: var(--dm-theme-bg-2); }

.modal-body {
  background-color: var(--dm-theme-bg-2); }

.modal-footer {
  background-color: var(--dm-theme-bg-2); }

.card-footer{
  background-color: var(--dm-theme-bg-2); }

#sideBar {
  background: var(--dm-theme-bg-2); }

#sidePanel {
  margin-left: -10px;
  margin-right: 10px;
  background-color: var(--dm-theme-bg-2);
  border-radius: var(--dm-sys-shape-sm); }

.navMenuItem {
  cursor: pointer; }
  .navMenuItem:hover {
    background-color: var(--dm-theme-bg-18) !important; }

.licenceInfo:hover {
  background-color: var(--dm-theme-bg-15) !important;
  color: var(--dm-theme-fg-2) !important; }

.deskingSelected {
  background-color: var(--dm-theme-bg-12); }

.licenceInfo.selected {
  background-color: var(--dm-theme-bg-12); }

.filterButtons:hover {
  background-color: var(--dm-theme-bg-1) !important;
  color: var(--dm-theme-fg-1) !important; }

.filterButtons.active {
  background-color: var(--dm-theme-bg-14) !important; }

.dropdown-menu-rightAlign {
  left: auto;
  right: 0px; }

.apptSchedListTable {
  background-color: var(--dm-theme-bg-2); }
  .apptSchedListTable tr.selected {
    background-color: var(--dm-theme-bg-4);
    /* fg-1, not fg-2: bg-4 is a dark surface and its other 14 rules all pair it with
       fg-1. With fg-2 (near-black) this rendered at 1.01:1 on the white theme —
       black on black. Found by css-guard.py's contrast-pair check. */
    color: var(--dm-theme-fg-1); }
  .apptSchedListTable thead tr .header {
    background-color: var(--dm-theme-bg-1); }
    .apptSchedListTable thead tr .header:hover {
      background-color: var(--dm-theme-bg-4); }
  .apptSchedListTable .apptSchedListTimeSlot {
    background-color: var(--dm-theme-bg-2); }
  .apptSchedListTable .apptSchedListAppt {
    background-color: var(--dm-theme-bg-2); }

@media (max-width: 767px) {
  .navbar .navbar-nav .open .dropdown-menu > .active > a {
    color: var(--dm-theme-fg-1);
    background-color: var(--dm-theme-bg-1); }
    .navbar .navbar-nav .open .dropdown-menu > .active > a:hover {
      color: var(--dm-theme-fg-1);
      background-color: var(--dm-theme-bg-4); }
    .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: var(--dm-theme-fg-1);
      background-color: var(--dm-theme-bg-4); } }

.trim-link {
  background-color: var(--dm-theme-bg-1);
  border-radius: var(--dm-sys-shape-sm);
  box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.1);
  color: var(--dm-theme-fg-1);
  padding-left: 5px;
  padding-right: 5px; }
  .trim-link:hover {
    box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0.1);
    text-decoration: underline !important;
    padding-bottom: 1px;
    color: var(--dm-theme-fg-1); }
  .trim-link:focus {
    outline: none !important;
    text-decoration: none;
    color: var(--dm-theme-fg-1); }
.topBorder {
    border-top: 1px solid var(--dm-theme-border-1);
}