@import 'VasioHub.Client.c3m0h878g2.bundle.scp.css';

/* _content/VasioHub/Components/Account/Pages/Manage/EnableAuthenticator.razor.rz.scp.css */
.info-message[b-xf4m0oimov] {
    margin: 0.625rem 0 0.625rem 0;
    justify-content: start;
}
/* _content/VasioHub/Components/Account/Pages/Manage/ExternalLogins.razor.rz.scp.css */
.current-logins[b-iiwfie0x8o] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.current-logins-item[b-iiwfie0x8o] {
    display: flex;
    gap: 0.625rem;
}
/* _content/VasioHub/Components/Account/Shared/ExternalLoginPicker.razor.rz.scp.css */
.external-logins[b-nu92dpd1a4] {
    display: flex;
    gap: 0.5rem;
}

@media (max-width: 500px) {
    .external-logins[b-nu92dpd1a4] {
        flex-direction: column;
    }
}
/* _content/VasioHub/Components/Account/Shared/ShowRecoveryCodes.razor.rz.scp.css */
.codes[b-td6l3it1p3] {
    margin: 0.625rem 0px 0.625rem 0px;
}
/* _content/VasioHub/Components/Layout/Drawer.razor.rz.scp.css */
[b-fbvi81tr8e] .navigation-drawer {
    --dxbl-drawer-panel-footer-justify-content: center;
    height: 100vh;
    max-height: 100%;
}

[b-fbvi81tr8e] .navigation-drawer > .dxbl-drawer-panel {
    background-image: linear-gradient(180deg, var(--bs-primary, var(--DS-primary-90)) 0%, var(--bs-black, #000) 150%);
}

[b-fbvi81tr8e] .navigation-drawer > .dxbl-drawer-content {
    height: 100vh;
    overflow: auto;
}

[b-fbvi81tr8e] .navigation-drawer > .dxbl-drawer-panel > .dxbl-drawer-header {
    border-bottom: none;
    padding: 2rem 1rem;
    background: none;
}

[b-fbvi81tr8e] .navigation-drawer > .dxbl-drawer-panel > .dxbl-drawer-header > .navigation-drawer-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

[b-fbvi81tr8e] .navigation-drawer > .dxbl-drawer-panel > .dxbl-drawer-body {
    --dxbl-drawer-panel-body-padding-x: 0;
    --dxbl-drawer-panel-body-padding-y: 1rem;
}

[b-fbvi81tr8e] .navigation-drawer > .dxbl-drawer-panel > .dxbl-drawer-footer {
    --dxbl-drawer-panel-footer-justify-content: center;
    border-top: none;
    padding-bottom: 1.5rem;
    background: none;
}

[b-fbvi81tr8e] .navigation-drawer > .dxbl-drawer-panel {
    display: flex;
}

[b-fbvi81tr8e] .navigation-drawer.mobile > .dxbl-drawer-panel {
    display: none;
    z-index: 110;
}

[b-fbvi81tr8e] .navigation-drawer.mobile > .dxbl-drawer-shading {
    display: none;
}

@media (max-width: 768px) {
    [b-fbvi81tr8e] .navigation-drawer > .dxbl-drawer-panel {
        display: none;
    }

    [b-fbvi81tr8e] .navigation-drawer.mobile > .dxbl-drawer-panel {
        display: flex;
    }

    [b-fbvi81tr8e] .navigation-drawer.mobile > .dxbl-drawer-shading {
        display: block;
    }
}

[b-fbvi81tr8e] .panel-open:not(.mobile) .menu-button {
    display: none;
}

@media (max-width: 768px) {
    [b-fbvi81tr8e] .panel-open:not(.mobile) .menu-button {
        display: inline-flex;
    }

    .mobile-drawer-closed .shading-copy[b-fbvi81tr8e] {
        display: none;
        visibility: hidden;
    }

    [b-fbvi81tr8e] .shading-copy {
        background-color: var(--dxbl-drawer-content-shading-bg);
        height: 100%;
        position: absolute;
        transition: opacity ease var(--dxbl-drawer-animation-duration);
        visibility: visible;
        width: 100%;
        z-index: 99;
        opacity: var(--dxbl-drawer-content-shading-opacity);
    }

    [b-fbvi81tr8e] .panel-open .shading-copy {
        opacity: 0;
        visibility: unset;
        height: unset;
    }
}

/* _content/VasioHub/Components/Layout/NavMenu.razor.rz.scp.css */
#sidebar[b-aijgmlkswh] {
    min-width: 15rem;
    max-width: 15rem;
    transition: transform 0.1s ease-out;
    height: 100%;
    max-height: 100%;
    display: block;
    background: inherit;
}

.logo[b-aijgmlkswh] {
    text-align: center;
}

[b-aijgmlkswh] .menu.display-mobile {
    margin-bottom: 2rem;
}

[b-aijgmlkswh] .menu-icon-home {
    margin-top: -2px;
    -webkit-mask-image: url("images/home.svg");
    mask-image: url("images/home.svg");
    mask-size: contain;
    -webkit-mask-size: contain;
}

[b-aijgmlkswh] .menu-icon-settings {
    margin-top: -2px;
    -webkit-mask-image: url("images/settings.svg");
    mask-image: url("images/settings.svg");
    mask-size: contain;
    -webkit-mask-size: contain;
}

[b-aijgmlkswh] .menu-icon-inbox {
    margin-top: -2px;
    -webkit-mask-image: url("images/inbox.svg");
    mask-image: url("images/inbox.svg");
    mask-size: contain;
    -webkit-mask-size: contain;
}
[b-aijgmlkswh] .menu-icon-archive {
    margin-top: -2px;
    -webkit-mask-image: url("images/archive.svg");
    mask-image: url("images/archive.svg");
    mask-size: contain;
    -webkit-mask-size: contain;
}

[b-aijgmlkswh] .menu-icon-persons {
    margin-top: -2px;
    -webkit-mask-image: url("images/persons.svg");
    mask-image: url("images/persons.svg");
    mask-size: contain;
    -webkit-mask-size: contain;
}

[b-aijgmlkswh] .menu-icon-group {
    margin-top: -2px;
    -webkit-mask-image: url("images/group.svg");
    mask-image: url("images/group.svg");
    mask-size: contain;
    -webkit-mask-size: contain;
}

[b-aijgmlkswh] .menu-icon-devices {
    margin-top: -2px;
    -webkit-mask-image: url("images/VasioCorder.svg");
    mask-image: url("images/VasioCorder.svg");
    mask-size: contain;
    -webkit-mask-size: contain;
}

[b-aijgmlkswh] .menu-icon-account {
    margin-top: 1px;
    -webkit-mask-image: url("images/account.svg");
    mask-image: url("images/account.svg");
    mask-size: contain;
    -webkit-mask-size: contain;
}

[b-aijgmlkswh] .menu-icon-logout {
    margin-top: 0px;
    -webkit-mask-image: url("images/logout.svg");
    mask-image: url("images/logout.svg");
    mask-size: contain;
    -webkit-mask-size: contain;
}

[b-aijgmlkswh] .menu-icon-login {
    margin-top: 0px;
    -webkit-mask-image: url("images/login.svg");
    mask-image: url("images/login.svg");
    mask-size: contain;
    -webkit-mask-size: contain;
}


[b-aijgmlkswh] .menu.display-iam {
    margin-bottom: 2rem;
}

[b-aijgmlkswh] .menu {
    --dxbl-menu-bottom-left-border-radius: 0;
    --dxbl-menu-bottom-right-border-radius: 0;
    --dxbl-menu-top-left-border-radius: 0;
    --dxbl-menu-top-right-border-radius: 0;
    background-color: inherit;
}

    [b-aijgmlkswh] .menu .dxbl-menu-item-list {
        gap: 0.5rem;
    }

[b-aijgmlkswh] .menu-item {
    
    color: var(--bs-white, #fff);
    max-width: 15rem !important;
}

/* Make ellipsis in text possible */
[b-aijgmlkswh] .dxbl-menu-item-text-container {
    display: inline-flex;
}

[b-aijgmlkswh] .dxbl-menu-item-text {
    flex: 1 1 auto;
    min-width: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 180px; /* adjust to taste */
}

[b-aijgmlkswh] .icon {
    margin-left: 0.5rem;
}

[b-aijgmlkswh] .home-icon {
    --icon-mask-image: var(--icon-home-mask-image);
}

[b-aijgmlkswh] .weather-icon {
    --icon-mask-image: var(--icon-weather-mask-image);
}

[b-aijgmlkswh] .counter-icon {
    --icon-mask-image: var(--icon-counter-mask-image);
}

[b-aijgmlkswh] .settings-icon {
    --icon-mask-image: var(--icon-settings-mask-image);
}

[b-aijgmlkswh] .log-in-icon {
    --icon-mask-image: var(--icon-log-in-mask-image);
}

[b-aijgmlkswh] .log-out-icon {
    --icon-mask-image: var(--icon-log-out-mask-image);
}

[b-aijgmlkswh] .user-icon {
    --icon-mask-image: var(--icon-user-mask-image);
}

@media (max-width: 768px) {
    #sidebar[b-aijgmlkswh] {
        min-width: inherit;
        max-width: inherit;
        display: block;
    }

    .logo[b-aijgmlkswh] {
        text-align: inherit;
    }
}