.navbar-header .user-icon {
    color: var(--vz-header-item-sub-color);
}

lord-icon {
    width: 120px;
    height: 120px;
}

#back-to-top {
    bottom: 10px;
}

.progress {
    height: 6px;
}

@media (min-width: 768px) {
    .topbar-user {
        background-color: #2F3844;
    }
}

:root {
    --vz-vertical-menu-width: 270px;
    --vz-vertical-menu-width-md: 180px;
    --vz-vertical-menu-width-sm: 70px;
}

    :root[data-sidebar=dark] {
        --vz-vertical-menu-bg: #1F2937;
        --vz-vertical-menu-border: #1F2937;
    }

[data-bs-theme=dark][data-sidebar=dark] {
    --vz-vertical-menu-bg: #212529;
    --vz-vertical-menu-border: #212529;
}

:root[data-topbar=dark] {
    --vz-header-bg: #1F2937;
    --vz-header-border: #2F3844;
}

[data-bs-theme=dark][data-topbar=dark] {
    --vz-header-bg: #212529;
    --vz-header-border: #2F3844;
}

.navbar-header .btn-topbar:hover, .navbar-header .btn-topbar:focus, .navbar-header .btn-topbar:active, .navbar-header .btn-topbar.active {
    background-color: #2F3844;
}

.login-logo {
    max-height: 70px;
    width: auto;
    object-fit: contain;
}

.breadcrumb-wrapper {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #bbb transparent;
}

.breadcrumb-item {
    white-space: nowrap;
}

#dropzone-preview > * {
    margin-top: 0.5rem;
}

#dropzone {
    display: flex;
    align-items: center;
    justify-content: center;
}

#dropzone .dz-message {
    font-size: 0.9rem;
}

.modal-trigger {
    cursor: pointer;
}