/* Whitelabel variable-driven overrides with safe fallbacks. */
.logo-bg {
    background: var(--login-logo-bg, #fff);
}

.external-page #main {
    background: var(--login-bg-color, #272727) !important;
}

.external-page {
    background-color: var(--login-bg-color, transparent) !important;
}

.external-page .admin-form .panel-warning .heading-border::before {
    background-color: var(--login-panel-border-color, #333333) !important;
}

.external-page .panel-warning > .panel-heading {
    border-color: var(--login-panel-heading-border-color, #333333) !important;
}

.external-page .admin-form .btn-info {
    background-color: var(--login-btn-bg, #444444) !important;
    color: var(--login-btn-text-color, #ffffff) !important;
}

.external-page .admin-form .btn-info:focus,
.external-page .admin-form .btn-info:hover {
    background-color: var(--login-btn-hover-bg, #555555) !important;
    border-color: var(--login-btn-hover-bg, #555555) !important;
    color: var(--login-btn-hover-text-color, #ffffff) !important;
}

.navbar {
    background-color: var(--header-bg, #1a1a1a) !important;
    box-shadow: 0 1px 0 0 var(--header-border-color, #333333) !important;
}

.navbar.bg-warning {
    background-color: var(--header-bg, #1a1a1a) !important;
}

.navbar-branding,
.navbar-branding.bg-warning,
.navbar-branding.bg-warning.dark,
.navbar-branding.bg-warning.show-me-little {
    background-color: var(--nav-logo-bg, #000000) !important;
}

.navbar-brand img {
    width: var(--nav-logo-width, auto) !important;
    height: var(--nav-logo-height, auto);
}

.navbar[class*="bg-"] #toggle_sidemenu_l,
.navbar[class*="bg-"] #toggle_sidemenu_l:focus,
.navbar[class*="bg-"] #toggle_sidemenu_l:hover {
    color: var(--nav-burger-color, #ffffff) !important;
}

.headermsg {
    color: var(--nav-headermsg-color, #fff) !important;
}

#profileIcon,
.error_Reporter {
    color: var(--nav-profile-icon-color, #fff) !important;
}

.top-nav {
    color: var(--nav-top-nav-color, inherit) !important;
}

#servicesIcon i {
    background-color: var(--nav-services-icon-bg, #fff) !important;
    border-color: var(--nav-services-icon-border-color, #fff) !important;
    color: var(--nav-services-icon-color, #1a1a1a) !important;
}

.no-childs.menu-open .fa,
.no-childs.menu-open .fa::before {
    color: var(--menu-open-icon-color, #ffffff) !important;
}

/* Page-scoped table header defaults (TEDALOS) */
body.wl-page-access_ids {
    --table-header-bg-page: var(--table-header-bg-page-access_ids, #333333);
}

body.wl-page-accessidsdevices {
    --table-header-bg-page: var(--table-header-bg-page-accessidsdevices, #333333);
}

body.wl-page-accessidsprojects {
    --table-header-bg-page: var(--table-header-bg-page-accessidsprojects, #333333);
}

body.wl-page-accountants {
    --table-header-bg-page: var(--table-header-bg-page-accountants, #444444);
}

body.wl-page-cost_centers {
    --table-header-bg-page: var(--table-header-bg-page-cost_centers, #444444);
}

body.wl-page-articles {
    --table-header-bg-page: var(--table-header-bg-page-articles, #555555);
}

body.wl-page-clusters {
    --table-header-bg-page: var(--table-header-bg-page-clusters, #444444);
}

body.wl-page-customers {
    --table-header-bg-page: var(--table-header-bg-page-customers, #333333);
}

body.wl-page-consumers {
    --table-header-bg-page: var(--table-header-bg-page-consumers, #333333);
}

body.wl-page-dashboard {
    --table-header-bg-page: var(--table-header-bg-page-dashboard, #222222);
}

body.wl-page-devices {
    --table-header-bg-page: var(--table-header-bg-page-devices, #444444);
}

body.wl-page-admin_devices {
    --table-header-bg-page: var(--table-header-bg-page-admin_devices, #444444);
}

body.wl-page-admin_roles {
    --table-header-bg-page: var(--table-header-bg-page-admin_roles, #444444);
}

body.wl-page-ekanbanlite {
    --table-header-bg-page: var(--table-header-bg-page-ekanbanlite, #333333);
}

body.wl-page-gateways {
    --table-header-bg-page: var(--table-header-bg-page-gateways, #222222);
}

body.wl-page-kanban_boxes {
    --table-header-bg-page: var(--table-header-bg-page-kanban_boxes, #444444);
}

body.wl-page-kanban_cards {
    --table-header-bg-page: var(--table-header-bg-page-kanban_cards, #555555);
}

body.wl-page-card {
    --table-header-bg-page: var(--table-header-bg-page-card, #555555);
}

body.wl-page-labels {
    --table-header-bg-page: var(--table-header-bg-page-labels, #222222);
}

body.wl-page-elabels {
    --table-header-bg-page: var(--table-header-bg-page-elabels, #222222);
}

body.wl-page-projects {
    --table-header-bg-page: var(--table-header-bg-page-projects, #333333);
}

body.wl-page-sensorunits {
    --table-header-bg-page: var(--table-header-bg-page-sensorunits, #444444);
}

body.wl-page-services {
    --table-header-bg-page: var(--table-header-bg-page-services, #222222);
}

body.wl-page-storage {
    --table-header-bg-page: var(--table-header-bg-page-storage, #1a1a1a);
}

body.wl-page-storages {
    --table-header-bg-page: var(--table-header-bg-page-storages, #1a1a1a);
}

body.wl-page-todo {
    --table-header-bg-page: var(--table-header-bg-page-todo, #555555);
}

body.wl-page-todos {
    --table-header-bg-page: var(--table-header-bg-page-todos, #555555);
}

body.wl-page-reportings {
    --table-header-bg-page: var(--table-header-bg-page-reportings, #555555);
}

body.wl-page-messages {
    --table-header-bg-page: var(--table-header-bg-page-messages, #555555);
}

body.wl-page-orders {
    --table-header-bg-page: var(--table-header-bg-page-orders, #555555);
}

body.wl-page-shipments {
    --table-header-bg-page: var(--table-header-bg-page-shipments, #555555);
}

body.wl-page-admin_mandators {
    --table-header-bg-page: var(--table-header-bg-page-admin_mandators, #555555);
}

body.wl-page-admin_rolesrights {
    --table-header-bg-page: var(--table-header-bg-page-admin_rolesRights, #555555);
}

body.wl-page-admin_usersrights {
    --table-header-bg-page: var(--table-header-bg-page-admin_usersRights, #555555);
}

body.wl-page-admin_userroles{
    --table-header-bg-page: var(--table-header-bg-page-admin_userroles, #555555);
}

body.wl-page-admin_sensorunits{
    --table-header-bg-page: var(--table-header-bg-page-admin_sensorunits, #555555);
}

body.wl-page-settingsreseller{
    --table-header-bg-page: var(--table-header-bg-page-settingsreseller, #555555);
}

body.wl-page-reportcodes{
    --table-header-bg-page: var(--table-header-bg-page-reportcodes, #555555);
}

body.wl-page-settingsmandator{
    --table-header-bg-page: var(--table-header-bg-page-settingsmandator, #555555);
}

.sidebar-menu > li > ul > li.active > a::after,
.sidebar-menu > li > ul > li > a.menu-open::after {
    background: var(--sidebar-menu-active-border, #ffffff) !important;
}

.sidebar-menu > li > ul > li:focus > a::after,
.sidebar-menu > li > ul > li:hover > a::after {
    background: var(--sidebar-menu-hover-border, #cccccc) !important;
}

.sidebar-menu > li > a:hover .caret {
    color: var(--sidebar-menu-caret-hover, #ffffff) !important;
}

.sidebar-menu > li > ul > li.active > a > span:nth-child(1),
.sidebar-menu > li > ul > li > a.menu-open > span:nth-child(1) {
    color: #fff !important;
}

.pb_header,
.tray-center .panel-heading {
    background: var(--table-header-bg-page, var(--table-header-bg, #333333)) !important;
    border-color: var(--table-header-bg-page, var(--table-header-bg, #333333)) !important;
}

.pb_header .csv-import-btn {
    color: var(--table-header-bg-page, var(--table-header-bg, #333333)) !important;
}

.pagination > .active > a {
    background-color: var(--btn-primary-bg, #444444) !important;
    border-color: var(--btn-primary-bg, #444444) !important;
    color: #fff !important;
}

.pagination > .active > a:hover {
    background-color: var(--btn-primary-bg-hover, #555555) !important;
    border-color: var(--btn-primary-bg-hover, #555555) !important;
    color: #fff !important;
}

.pagination > li > a {
    color: var(--btn-primary-bg, #444444) !important;
}

.btn-primary {
    background-color: var(--btn-primary-bg, #444444) !important;
    border-color: var(--btn-primary-bg, #444444) !important;
    text-shadow: none !important;
}

.btn-primary:hover {
    background-color: var(--btn-primary-bg-hover, #555555) !important;
    border-color: var(--btn-primary-bg-hover, #555555) !important;
    text-shadow: none !important;
}

.btn-info {
    background-color: var(--btn-primary-bg, #444444) !important;
    border-color: var(--btn-primary-bg, #444444) !important;
    text-shadow: none !important;
}

.btn.btn-default.buttons-columnVisibility.active::before {
    color: var(--btn-checkbox-active, #6eb336) !important;
}

.layerButton .closeBtn,
#base-layer #detail-layer-header .closeBtn,
.fa-pencil {
    color: var(--btn-primary-bg, #444444) !important;
}

.layerButton .closeBtn:hover,
#base-layer #detail-layer-header .closeBtn:hover, 
.fa-pencil:hover {
    color: var(--btn-primary-bg-hover, #555555) !important;
}

.documentation #doc-content h2 {
    color: var(--doc-header-color, #ffffff) !important;
}

.documentation #doc-content table tbody tr .table-group-header {
    color: var(--doc-header-color, #cccccc) !important;
}

.documentation .doc-sidenav li:not(.sub-nav):not(.sub-nav-group-header) > a {
    color: var(--doc-sidenav-header-color, #ffffff) !important;
}

.documentation .request-type .type {
    background-color: var(--doc-header-color, #444444) !important;
}

.documentation .doc-sidenav .sub-nav a.active,
.documentation .doc-sidenav .sub-nav a:hover {
    border-left: 3px solid var(--doc-accent-color, #ffffff) !important;
}

.documentation h3::after {
    background: var(--doc-separator-color, #333333) !important;
}

.documentation #doc-content table caption {
    border-bottom: 2px solid var(--doc-separator-color, #333333) !important;
}

.documentation .accordion dt.current-acc a {
    color: var(--doc-accent-color, #ffffff) !important;
}