.not-set {
    color: var(--vz-danger);
    font-style: italic;
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: var(--vz-secondary-color);
}

.error-summary {
    color: var(--vz-danger);
    background: var(--vz-danger-bg-subtle);
    border-left: 3px solid var(--vz-danger);
    padding: 10px 20px;
    margin: 0 0 15px;
}

.help-block,
.invalid-feedback {
    display: block;
}

.site-login,
.site-contact,
.site-about,
.site-error {
    max-width: 980px;
}

.site-contact textarea.form-control {
    min-height: 140px;
}

.required label::after,
label.required::after {
    content: " *";
    color: var(--vz-danger);
}

.breadcrumb a {
    color: inherit;
}

.app-flash-alert {
    font-family: var(--vz-body-font-family);
    font-size: var(--vz-body-font-size);
    font-weight: var(--vz-body-font-weight);
    line-height: var(--vz-body-line-height);
}

html[data-bs-theme="light"] {
    --vz-header-bg: #ffffff;
    --vz-header-border: #e9ebec;
    --vz-vertical-menu-bg: #ffffff;
    --vz-vertical-menu-border: #e9ebec;
    --vz-vertical-menu-item-color: #495057;
    --vz-vertical-menu-item-hover-color: #212529;
    --vz-vertical-menu-item-active-color: #212529;
    --vz-vertical-menu-sub-item-color: #6c757d;
    --vz-vertical-menu-sub-item-hover-color: #212529;
    --vz-vertical-menu-sub-item-active-color: #212529;
}

html[data-bs-theme="dark"] {
    --vz-header-bg: #2f343a;
    --vz-header-border: #3d4248;
    --vz-vertical-menu-bg: #2f343a;
    --vz-vertical-menu-border: #3d4248;
    --vz-vertical-menu-item-color: #d7dce2;
    --vz-vertical-menu-item-hover-color: #ffffff;
    --vz-vertical-menu-item-active-color: #ffffff;
    --vz-vertical-menu-sub-item-color: #b8bec6;
    --vz-vertical-menu-sub-item-hover-color: #ffffff;
    --vz-vertical-menu-sub-item-active-color: #ffffff;
}

html[data-bs-theme="light"] #page-topbar,
html[data-bs-theme="light"] .app-menu,
html[data-bs-theme="light"] .navbar-brand-box {
    background-color: #ffffff;
}

html[data-bs-theme="dark"] #page-topbar,
html[data-bs-theme="dark"] .app-menu,
html[data-bs-theme="dark"] .navbar-brand-box {
    background-color: #2f343a;
}

html[data-bs-theme="dark"] .header-item,
html[data-bs-theme="dark"] .topbar-user .user-name-text,
html[data-bs-theme="dark"] .topbar-user .user-name-sub-text,
html[data-bs-theme="dark"] .navbar-menu .navbar-nav .nav-link,
html[data-bs-theme="dark"] .navbar-menu .navbar-nav .nav-link i,
html[data-bs-theme="dark"] .menu-title span {
    color: #d7dce2;
}

html[data-bs-theme="dark"] .topbar-user .btn:hover,
html[data-bs-theme="dark"] .navbar-menu .navbar-nav .nav-link:hover,
html[data-bs-theme="dark"] .navbar-menu .navbar-nav .nav-link:hover i {
    color: #ffffff;
}

html[data-bs-theme="dark"] .navbar-brand-box .logo-dark,
html[data-bs-theme="dark"] .horizontal-logo .logo-dark {
    display: none;
}

html[data-bs-theme="dark"] .navbar-brand-box .logo-light,
html[data-bs-theme="dark"] .horizontal-logo .logo-light {
    display: inline-block;
}

.auth-one-bg {
    background-color: #2f343a;
    background-image: none;
}

.auth-one-bg .bg-overlay {
    display: none;
}

.auth-language-switcher {
    position: fixed;
    top: 1.25rem;
    right: 1.5rem;
    z-index: 1080;
}

.auth-language-switcher .auth-language-btn {
    height: 38px;
    min-width: 72px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, .92);
    border-color: rgba(255, 255, 255, .7);
    color: #212529;
}

.auth-language-switcher .auth-language-btn:hover,
.auth-language-switcher .auth-language-btn:focus {
    background-color: #ffffff;
    color: #212529;
}

@media (max-width: 575.98px) {
    .auth-language-switcher {
        top: .75rem;
        right: .75rem;
    }
}

.branch-location-map {
    width: 100%;
    height: 360px;
    border: 1px solid var(--vz-border-color);
    border-radius: .5rem;
    background: var(--vz-light);
    overflow: hidden;
}

.branch-location-map .leaflet-control-attribution {
    font-size: 10px;
}

@media (max-width: 575.98px) {
    .branch-location-map {
        height: 290px;
    }
}