/* /Views/Shared/_Layout.cshtml.rz.scp.css */
.layout-wrapper[b-sy3q9u1sz0] {
    width: 100%;
    min-height: 100dvh;
    display: flex;
    background: #f5f5f9;
}

sidebar[b-sy3q9u1sz0] {
    position: fixed;
    width: 250px;
    height: 100dvh;
    background: white;
    box-shadow: 0 0.1875rem 0.5rem 0 rgba(34, 48, 62, 0.1);
    display: flex;
    flex-direction: column;
    transition: all 0.5s;
    z-index: 1000;
}
.show[b-sy3q9u1sz0] {
    transform: translateX(0px) !important;
}

.main-div[b-sy3q9u1sz0] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 250px;
    transition: padding 0.5s;
}

header[b-sy3q9u1sz0] {
    width: calc(100% - 60px);
    height: 50px;
    background: white;
    margin: 15px 30px;
    border-radius: 5px;
    box-shadow: 0 0.1875rem 0.5rem 0 rgba(34, 48, 62, 0.1);
    padding: 0px 15px;
}

.header-nav h2[b-sy3q9u1sz0] {
    font-size: 25px;
    word-spacing: 2px;
    letter-spacing: 4px;
    margin: 0;
}

main[b-sy3q9u1sz0] {
    width: 100%;
    margin-top: 20px;
    padding: 10px 30px;
}

.sidebar-head[b-sy3q9u1sz0] {
    position: relative;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-nav[b-sy3q9u1sz0] {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sidebar-down-section[b-sy3q9u1sz0] {
    position: relative;
    height: 160px;
}

.sidebar-down-section[b-sy3q9u1sz0]::before {
    content: '';
    position: absolute;
    top: 0px;
    right: 10px;
    width: calc(100% - 20px);
    height: 2px;
    background: black;
    box-shadow: 0 0.1875rem 0.5rem 0 rgba(34, 48, 62, 0.1);
    border-radius: 2px;
}

.sidebar-top-section[b-sy3q9u1sz0] {
    height: calc(100vh - 224px);
    padding: 10px 0px;
}

sidebar ul[b-sy3q9u1sz0] {
    margin: 0;
    padding: 0px;
}

sidebar li[b-sy3q9u1sz0] {
    text-decoration: none;
    list-style: none;
    margin: 10px 0px;
    height: 40px;
}

sidebar .menu-link[b-sy3q9u1sz0]  {
    text-decoration: none;
    background: rgb(0 0 0 / 5%);
    display: flex;
    margin: 0px 10px;
    height: 100%;
    padding: 0px 10px;
    border-radius: 5px;
    align-items: center;
    position: relative;
    transition: all 0.5s;
    cursor: pointer;
}
sidebar .menu-link:hover[b-sy3q9u1sz0] {
    background: rgb(102, 126, 234);
    box-shadow: 0 0.1875rem 0.5rem 0 rgba(34, 48, 62, 0.1);
}

sidebar .menu-link:hover .menu-icon[b-sy3q9u1sz0] {
    background: white;
}
sidebar .menu-link:hover .menu-text[b-sy3q9u1sz0] {
    color: white;
}

sidebar .menu-link.active[b-sy3q9u1sz0] {
    background: rgb(118, 75, 162);
}

sidebar .menu-link.active .menu-text[b-sy3q9u1sz0] {
    color: white;
}

sidebar .menu-link.logout[b-sy3q9u1sz0]{
    justify-content: center;
    padding-right: 20px;
}

sidebar .menu-link.active[b-sy3q9u1sz0]::after {
    content: '';
    position: absolute;
    bottom: 0px;
    right: -10px;
    width: 5px;
    height: 100%;
    background: rgb(118, 75, 162);
    border-radius: 5px 0px 0px 5px;
}

sidebar .menu-link.logout:hover[b-sy3q9u1sz0] {
    background: rgb(255 0 0);
    box-shadow: 0 0.1875rem 0.5rem 0 rgba(34, 48, 62, 0.1);
}

sidebar .menu-link.active.logout[b-sy3q9u1sz0]::after {
    content: '';
    position: absolute;
    bottom: 0px;
    right: -10px;
    width: 5px;
    height: 100%;
    background: #ff0000;
    border-radius: 5px 0px 0px 5px;
}

.menu-text[b-sy3q9u1sz0] {
    font-size: 16px;
    color: black;
    margin-left: 5px;
}

sidebar .menu-link.active .menu-icon[b-sy3q9u1sz0] {
    background-color: white;
}

.menu-icon[b-sy3q9u1sz0] {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: black;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.toggle-icon[b-sy3q9u1sz0] {
    position: absolute;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    background: #764ba2;
    justify-content: center;
    bottom: 6px;
    right: -20px;
    border: 10px solid #ffffff;
    border-radius: 50%;
    box-shadow: 0 0.1875rem 0.5rem 0 rgba(34, 48, 62, 0.1);
    cursor: pointer;
}

.toggle-icon.move[b-sy3q9u1sz0] {
    right: 0px;
}

.toggle-icon .menu-icon[b-sy3q9u1sz0] {
    background-color: white;
}

.menu-toggle[b-sy3q9u1sz0] {
    position: absolute;
    left: 0;
}


.icon-menu[b-sy3q9u1sz0] {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z'/%3E%3C/svg%3E");
}

.icon-left[b-sy3q9u1sz0] {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M13.293 6.293L7.586 12l5.707 5.707l1.414-1.414L10.414 12l4.293-4.293z'/%3E%3C/svg%3E");
}

.icon-dashboard[b-sy3q9u1sz0] {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3 13h1v7c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2v-7h1a1 1 0 0 0 .707-1.707l-9-9a1 1 0 0 0-1.414 0l-9 9A1 1 0 0 0 3 13m9-8.586l6 6V15l.001 5H6v-9.586z'/%3E%3Cpath fill='black' d='M12 18c3.703 0 4.901-3.539 4.95-3.689l-1.9-.621c-.008.023-.781 2.31-3.05 2.31c-2.238 0-3.02-2.221-3.051-2.316l-1.899.627C7.099 14.461 8.297 18 12 18'/%3E%3C/svg%3E");
}

.icon-pg[b-sy3q9u1sz0] {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19 2H9c-1.103 0-2 .897-2 2v5.586l-4.707 4.707A1 1 0 0 0 3 16v5a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V4c0-1.103-.897-2-2-2m-8 18H5v-5.586l3-3l3 3zm8 0h-6v-4a.999.999 0 0 0 .707-1.707L9 9.586V4h10z'/%3E%3Cpath fill='black' d='M11 6h2v2h-2zm4 0h2v2h-2zm0 4.031h2V12h-2zM15 14h2v2h-2zm-8 1h2v2H7z'/%3E%3C/svg%3E");
}

.icon-tenants[b-sy3q9u1sz0] {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 2a5 5 0 1 0 5 5a5 5 0 0 0-5-5m0 8a3 3 0 1 1 3-3a3 3 0 0 1-3 3m9 11v-1a7 7 0 0 0-7-7h-4a7 7 0 0 0-7 7v1h2v-1a5 5 0 0 1 5-5h4a5 5 0 0 1 5 5v1z'/%3E%3C/svg%3E");
}

.icon-payments[b-sy3q9u1sz0] {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M21 4H3a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1m-1 11a3 3 0 0 0-3 3H7a3 3 0 0 0-3-3V9a3 3 0 0 0 3-3h10a3 3 0 0 0 3 3z'/%3E%3Cpath fill='black' d='M12 8c-2.206 0-4 1.794-4 4s1.794 4 4 4s4-1.794 4-4s-1.794-4-4-4m0 6c-1.103 0-2-.897-2-2s.897-2 2-2s2 .897 2 2s-.897 2-2 2'/%3E%3C/svg%3E");
}

.icon-report[b-sy3q9u1sz0] {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m20 8l-6-6H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2zM9 19H7v-9h2zm4 0h-2v-6h2zm4 0h-2v-3h2zM14 9h-1V4l5 5z'/%3E%3C/svg%3E");
}

.icon-user-detail[b-sy3q9u1sz0] {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M15 11h7v2h-7zm1 4h6v2h-6zm-2-8h8v2h-8zM4 19h10v-1c0-2.757-2.243-5-5-5H7c-2.757 0-5 2.243-5 5v1h2zm4-7c1.995 0 3.5-1.505 3.5-3.5S9.995 5 8 5S4.5 6.505 4.5 8.5S6.005 12 8 12z' fill='black'/%3E%3C/svg%3E");
}

.icon-profile[b-sy3q9u1sz0] {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 2C6.579 2 2 6.579 2 12s4.579 10 10 10s10-4.579 10-10S17.421 2 12 2m0 5c1.727 0 3 1.272 3 3s-1.273 3-3 3c-1.726 0-3-1.272-3-3s1.274-3 3-3m-5.106 9.772c.897-1.32 2.393-2.2 4.106-2.2h2c1.714 0 3.209.88 4.106 2.2C15.828 18.14 14.015 19 12 19s-3.828-.86-5.106-2.228'/%3E%3C/svg%3E");
}

.icon-logout[b-sy3q9u1sz0] {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 21c4.411 0 8-3.589 8-8c0-3.35-2.072-6.221-5-7.411v2.223A6 6 0 0 1 18 13c0 3.309-2.691 6-6 6s-6-2.691-6-6a6 6 0 0 1 3-5.188V5.589C6.072 6.779 4 9.65 4 13c0 4.411 3.589 8 8 8'/%3E%3Cpath fill='black' d='M11 2h2v10h-2z'/%3E%3C/svg%3E");
}


@media(min-width: 1200px) {
    .sidebar-head .toggle-icon[b-sy3q9u1sz0] {
        display: none;
    }
    .header-nav .menu-toggle[b-sy3q9u1sz0] {
        display: none;
    }
}
@media(max-width: 1200px) {
    .main-div[b-sy3q9u1sz0] {
        padding-left: 0px !important;
    }
    sidebar[b-sy3q9u1sz0] {
        transform: translateX(-250px);
    }
}
@media(max-width: 450px) {
    .header-nav h2[b-sy3q9u1sz0] {
        font-size: 18px !important;
    }
}