/* Styles to for 'traditional' sub-theme */
html.layout\:grid .app .app-header {background: var(--classic);color: white;}
html.layout\:grid .app .app-header .header-logo {background-image: var(--img-logo-dark); }
html.layout\:grid .app .app-header .userbar {margin-left: 1rem;}
html.layout\:grid .app .app-header .userbar>.userbar-button>.userbar-button-text {color: white;}
html.layout\:grid .app .app-header .userbar>.userbar-button>.ui-icon-counter .roundBadge {background: var(--classic-l90);color: var(--classic);}
html.layout\:grid .app .app-header .userbar .userbar-button-caret>svg>path {fill: white !important;}
html.layout\:grid .app .app-header .nav-grid-trigger svg {color: white !important;}
html.layout\:grid .app .app-header .nav-grid-trigger svg:hover {color: white !important;opacity: 0.8;}
html.layout\:grid .app .app-header .domainsDropdown .Select>.Select__Button {border-color: var(--classic-l10);background: transparent;}
html.layout\:grid .app .app-header .domainsDropdown .Select>.Select__Button>.Select__Button__Label {color: white;}
html.layout\:grid .app .app-header .domainsDropdown .Select>.Select__Button>.Select__Button__Caret>svg {color: var(--classic-l10);}
html.layout\:grid .app .app-header .domainsDropdown .Select>.Select__Button>.Select__Button__Search {background: transparent;color: white;}
html.layout\:grid .app .app-header .domainsDropdown .Select>.Select__Button>.Select__Button__Search::placeholder {color: var(--classic-l30);}
html.layout\:grid .app .app-header .search input[type="text"] {background: transparent;color: white;border-color: var(--classic-l10);}
html.layout\:grid .app .app-header .search input[type="text"]::placeholder {color: white;opacity: 0.9;}
html.layout\:grid .app .app-header .search .search-icon>.icon>svg, html.layout\:grid .app .app-header .search .options-icon>.icon>svg {color: var(--classic-l10);}
html.layout\:grid .app .app-header .ui-toggle-switch {background: var(--classic);color: #fff;border-color: var(--classic-l10);}
html.layout\:grid .app .app-header .ui-toggle-switch>.label {background: var(--classic);color: #fff;}
html.layout\:grid .app .app-header .ui-toggle-switch>.options>.slider {background: var(--classic-l30);}
html.layout\:grid .app .icons-grid .filters-bar>.filters-bar-search {flex-grow: 1;margin-right: 1rem;}
html.layout\:grid .app .icons-grid .icons-grid-category {border: 1px solid #e5e5e5;border-radius: 4px;}
html.layout\:grid .app .icons-grid .icons-grid-category .icons-grid-category-title {padding: 1rem 1rem;background-color: var(--classic);border-top-left-radius: 4px;border-top-right-radius: 4px;color: white;}
html.layout\:grid .app .icons-grid .icons-grid-category .icons-grid-category-entries .icons-grid-category-entry {border-width: 0;}
html.layout\:grid .app .dashboard-mobile>div {padding: 1.5rem;padding-left: 1rem;}
html.layout\:grid .app .dashboard-mobile>div section.dashboardTab.dashboardTab {padding: 0 !important;}
html.layout\:grid .app .dashboard-mobile>div section.dashboardTab.dashboardTab .dashboardTabHeader {padding: 1rem 1rem;font-size: 1.3rem;font-weight: 600;letter-spacing: 0.5px;}
html.layout\:grid .app .dashboard-mobile>div section.dashboardTab.dashboardTab .dashboardTabHeader .icon svg {width: 16px !important;height: 16px !important;}
html.layout\:grid .app .dashboard-mobile>div section.dashboardTab.dashboardTab.-is-active {border: 1px solid #e5e5e5;border-radius: 4px;}
html.layout\:grid .app .dashboard-mobile>div section.dashboardTab.dashboardTab.-is-active .dashboardTabHeader {background: var(--classic);color: white;}
html.layout\:grid .app .dashboard-mobile>div section.dashboardTab.dashboardTab p.type\:h6 {padding: 0 1rem;}
html.layout\:grid .app .dashboard-mobile>div section.dashboardTab.dashboardTab .dashboardTab-more {margin-left: 1rem;}
html.layout\:grid .app .dashboard-mobile>div section.dashboardTab.dashboardTab .widget-content {padding: 1rem;}