/* _content/BeautySana.UI/Components/Layout/MainLayout.razor.rz.scp.css */
body[b-kl7hoinq84] {
    margin: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
}

.page[b-kl7hoinq84] {
    flex: 1;
    display: flex;
    overflow: hidden;
}

main[b-kl7hoinq84] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.top-row[b-kl7hoinq84] {
    background-color: var(--mud-palette-drawer-background);
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-kl7hoinq84]  a, .top-row[b-kl7hoinq84]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

        .top-row[b-kl7hoinq84]  a:hover, .top-row[b-kl7hoinq84]  .btn-link:hover {
            text-decoration: underline;
        }

        .top-row[b-kl7hoinq84]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

.content[b-kl7hoinq84] {
    flex: 1;
    overflow: auto;
    height: 100%;
}

.sidebar[b-kl7hoinq84] {
    width: 75px;
    height: 100vh;
    position: sticky;
    top: 0;
}

.top-row[b-kl7hoinq84] {
    position: sticky;
    top: 0;
    z-index: 1;
}

.top-row.auth[b-kl7hoinq84]  a:first-child {
    flex: 1;
    text-align: right;
    width: 0;
}

.openbtn[b-kl7hoinq84] {
    font-size: 20px;
}

/* _content/BeautySana.UI/Components/Layout/NavMenu.razor.rz.scp.css */

.top-row[b-g3k9op1k61] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}


.nav-item[b-g3k9op1k61] {
    font-size: 0.9rem;
}

.nav-item[b-g3k9op1k61]  .nav-link {
    cursor: pointer;
    color: #62ab2d;
    font-size: 1rem;
    border: none;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
    width: 100%;
}

.nav-item[b-g3k9op1k61]  a.active {
    background-color: #62ab2d26;
    color: #62ab2d;
}


.nav-item[b-g3k9op1k61]  .nav-link:hover {
    background-color: #62ab2d26;
    color: #62ab2d;
}

.nav-item-description[b-g3k9op1k61] {
    cursor:pointer;
    display: none;
    justify-content: center;
    align-items: center;
    height: 48px;
    font-weight: bold;
    font-size: 16px;
    color: #62ab2d;
    padding-left:5px;
}


.submenu  .nav-item-description[b-g3k9op1k61] {
    padding-left: 0px;
}

.nav-link > .fas[b-g3k9op1k61] 
{
    font-size: .7rem;
}

.submenu .nav-item[b-g3k9op1k61]  .closed {
    padding-left: 16px !important;
}

.submenu[b-g3k9op1k61] {
    display: none;
    padding-left: 30px;
}


.submenu .nav-item[b-g3k9op1k61] {
    height: 1.5rem;
}


.submenu .nav-item[b-g3k9op1k61]  .nav-link{
    height: 1.5rem;
    padding-left:5px;
}

.submenu .nav-item-description[b-g3k9op1k61] {
    font-size: 11px;
}

.submenu.show[b-g3k9op1k61] {
    display: block;
}

.navbar-toggler[b-g3k9op1k61] {
    /*text-align: right;*/
    /*position: absolute;*/
    /*right: 0px;*/
    padding-right:2px;
    padding:0;
    cursor: pointer;
}

    .navbar-toggler i[b-g3k9op1k61] {
        transition: transform 0.3s ease;
    }

        .navbar-toggler i.rotate[b-g3k9op1k61] {
            transform: rotate(-90deg);
        }



.nav-link[b-g3k9op1k61] {
    gap: 2px;
}

    .nav-link i[b-g3k9op1k61] {
        width: 20px;
    }

    .nav-link.justify-content-center[b-g3k9op1k61],
    .nav-link.active.justify-content-center[b-g3k9op1k61] {
        justify-content: center !important;
    }

    .nav-link.justify-content-start[b-g3k9op1k61],
    .nav-link.active.justify-content-start[b-g3k9op1k61] {
        justify-content: flex-start !important;
    }

.logo-small[b-g3k9op1k61] {
    width: 54px !important;
}



.navbar-items[b-g3k9op1k61] {
    overflow-y: auto;
    height: 90%;
    overflow-x: hidden;
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none; /* Firefox */
}

.navbar-items[b-g3k9op1k61]::-webkit-scrollbar {
    display: none; /* Safari and Chrome */
}
/* _content/BeautySana.UI/Components/Pages/Customer/Customer.razor.rz.scp.css */