:root {
    --primary-dark: #a1a8b8;
    --select2-background: #1e1e25;
}

.section-header {
    color: white !important;
    padding-bottom: 8px;
    font-weight: bold;
}

.dash-headers {
    color: white;
}

a {
    color: #a1a8b8;
}
.dark-white, .alert {
    color:#fff;
}
.alert.alert-warning {
    color: #1a1a1a;
}
#topnav-menu-content #menu-bar li.active {
    border-bottom: 1px solid white !important;
}
.nav-item .active {
    background-color: #034357 !important;
    border: 1px solid white;
    color: white;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: "San Francisco", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  }

.select2-container--default .select2-results__option[aria-selected="true"]{
    background-color: #363c48 !important;
}
a:hover {
    color: #fff;
}
.table, .dataTables_filter {
    color: #fff;
}

.trumbowyg-editor-box {
    color: white;
}

.notification-menu .text-primary,
.notification-menu .text-primary:hover {
    color: white !important;
}

.text-black {
    color: black;
}
.custom-switch .custom-control-label::after {
    background-color: white;
}

.btn-categories {
    border-radius: unset;
    color: white;
    position: relative;
    top: 0;
    transition: top 0.1s ease-in-out;
}
.btn-categories:hover {
    background-color: black;
    color: white;
    top: -3px;
}
.btn-categories:active {
    background-color: black !important;
}
#latestAlertsTable tbody th, #latestAlertsTable tbody td {
    border-top: none !important;
}
.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #ffffff;
    background-color: #ffffff;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='%2312344d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/></svg>")
}

.monitoring-legend {
    background-color: var(--dark-secondary) !important;
}

/* CUSTOM SELECT */
.select2-container--default .select2-selection--single {
    display: inline-block !important;
    width: 100% !important;
    padding: 0.31rem 1.75rem 0.30rem 0.25rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #a1a8b8 !important;
    vertical-align: middle !important;
    /* background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23bcc1cc' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px !important; */
    /* background-color: #363c48 !important; */
    background-color: transparent !important;
    border: 1px solid #3b414e !important;
    border-radius: 0.3rem !important;
    appearance: none !important;
    height: calc(1.5em + 1rem + 2px) !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 7px !important;
    right: 8px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #a1a8b8 !important;
}
.select2-results__options {
    /* background: #363c48; */
    background: var(--select2-background);
    color: white;
}
.select2-container--default .select2-results__option--highlighted {
    background-color:  var(--main-hoverbg-color) !important;
}
.select2-container--open .select2-dropdown--below {
    border-color: #363c48;
}
/* /CUSTOM SELECT */

.feature-widget {
    border: 1px solid white !important;
}

.monitoring-label {
    color: white;
    display: block ruby;
}

.topnav-scrolled {
    background-color: #000 !important;
}

.d-only-desktop {
    background: var(--select2-background);
}

.text-grey-light {
    color: #BEC9CE;
}