/* navigation tabs > active state */
.nav-tabs .nav-link.active, .nav-tabs>li>a.active {
   color:var(--background-color);
   font-weight:bold;
   border-bottom: 3px solid var(--background-color) !important;
   box-shadow: var(--background-color) !important;
}

/* on hover we want text color to change and background color to change */
.nav-link:hover {
   color: var(--background-color) !important;
   font-weight:bold;
   background: #D5D2CE;
}


/* labels of widgets > select input or date inputs */
.form-label, .shiny-input-container .control-label {
   margin-left:1px;
   color:var(--background-color);
   font-weight:bold;
}

/* drop down visuals */

.vscomp-toggle-button:focus,
.vscomp-toggle-button:hover,
.input-daterange:focus,
.input-daterange:hover {
  border: 2px solid var(--background-color) !important;
  box-sizing: border-box;
}