/* _content/BlazorAppUserView/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-uycl9hcr5w] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-uycl9hcr5w] {
    flex: 1;
    min-height:100vh;
   
}

.sidebar[b-uycl9hcr5w] {
    background-image: linear-gradient(180deg, #04532f 0%, #024426 70% 70% );
}

.top-row[b-uycl9hcr5w] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

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

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

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

@media (max-width: 640.98px) {
    .top-row[b-uycl9hcr5w] {
        justify-content: space-between;
    }

    .top-row[b-uycl9hcr5w]  a, .top-row[b-uycl9hcr5w]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-uycl9hcr5w] {
        flex-direction: row;
    }

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

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

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

    .top-row[b-uycl9hcr5w], article[b-uycl9hcr5w] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-uycl9hcr5w] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-uycl9hcr5w] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/BlazorAppUserView/Components/Layout/ManagerLayout.razor.rz.scp.css */
.page[b-bjx4bddnjr] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-bjx4bddnjr] {
    flex: 1;
}

.sidebar[b-bjx4bddnjr] {
    background-image: linear-gradient(180deg, #042e6d 0%, #012356 70% 70%);
}

.top-row[b-bjx4bddnjr] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

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

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

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

@media (max-width: 640.98px) {
    .top-row[b-bjx4bddnjr] {
        justify-content: space-between;
    }

        .top-row[b-bjx4bddnjr]  a, .top-row[b-bjx4bddnjr]  .btn-link {
            margin-left: 0;
        }
}

@media (min-width: 641px) {
    .page[b-bjx4bddnjr] {
        flex-direction: row;
    }

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

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

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

    .top-row[b-bjx4bddnjr], article[b-bjx4bddnjr] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-bjx4bddnjr] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-bjx4bddnjr] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/BlazorAppUserView/Components/Layout/ManagerMenu.razor.rz.scp.css */
.navbar-toggler[b-1b5w8gddgm] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

    .navbar-toggler:checked[b-1b5w8gddgm] {
        background-color: rgba(255, 255, 255, 0.5);
    }

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

.navbar-brand[b-1b5w8gddgm] {
    font-size: 1.1rem;
}

.bi[b-1b5w8gddgm] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

/* Dashboard (home) */
.bi-house-door-fill-nav-menu[b-1b5w8gddgm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v3.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4Z'/%3E%3C/svg%3E");
}

/* Business (building) */
.bi-building-fill-nav-menu[b-1b5w8gddgm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M6.5.5v1h-1v-1h1Zm4 0v1h-1v-1h1ZM1 2.5v13h14v-13H1Zm13 12H2v-11h12v11Z'/%3E%3C/svg%3E");
}

/* Branches (map pin) */
.bi-geo-alt-fill-nav-menu[b-1b5w8gddgm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10Zm0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6Z'/%3E%3C/svg%3E");
}

/* Employees (person) */
.bi-person-fill-nav-menu[b-1b5w8gddgm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

/* New Phones (phone + plus) */
.bi-phone-plus-fill-nav-menu[b-1b5w8gddgm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M1 1.5A1.5 1.5 0 0 1 2.5 0h3A1.5 1.5 0 0 1 7 1.5v13A1.5 1.5 0 0 1 5.5 16h-3A1.5 1.5 0 0 1 1 14.5v-13ZM11 4V2h-1v2H8v1h2v2h1V5h2V4h-2Z'/%3E%3C/svg%3E");
}

/* Used Phones (phone) */
.bi-phone-fill-nav-menu[b-1b5w8gddgm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M1 2a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2Zm3 1v10h8V3H4Z'/%3E%3C/svg%3E");
}

/* Sold New Phones (phone check) */
.bi-phone-check-fill-nav-menu[b-1b5w8gddgm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M2 1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h7a.5.5 0 0 0 0-1H2V2h12v5a.5.5 0 0 0 1 0V2a1 1 0 0 0-1-1H2Zm10.854 10.146a.5.5 0 0 0-.708-.708L10.5 12.086 9.354 10.94a.5.5 0 1 0-.708.708l1.5 1.5a.5.5 0 0 0 .708 0l2-2Z'/%3E%3C/svg%3E");
}

/* Sold Used Phones (phone x) */
.bi-phone-x-fill-nav-menu[b-1b5w8gddgm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M2 1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h7a.5.5 0 0 0 0-1H2V2h12v5a.5.5 0 0 0 1 0V2a1 1 0 0 0-1-1H2Zm8.146 9.146a.5.5 0 1 1 .708.708L10.707 12l.647.646a.5.5 0 0 1-.708.708L10 12.707l-.646.647a.5.5 0 0 1-.708-.708L9.293 12l-.647-.646a.5.5 0 1 1 .708-.708L10 11.293l.646-.647Z'/%3E%3C/svg%3E");
}

/* Logout (box arrow right) */
.bi-box-arrow-right-fill-nav-menu[b-1b5w8gddgm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M6 3a.5.5 0 0 1 .5-.5H11a2 2 0 0 1 2 2v2a.5.5 0 0 1-1 0V4.5A.5.5 0 0 0 11.5 4h-5a.5.5 0 0 1-.5-.5ZM.146 8.354a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L1.707 7.5H10a.5.5 0 0 1 0 1H1.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3Z'/%3E%3C/svg%3E");
}

/* Login (box arrow in right) */
.bi-box-arrow-in-right-fill-nav-menu[b-1b5w8gddgm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M10 3a.5.5 0 0 1 .5-.5H13a2 2 0 0 1 2 2v2a.5.5 0 0 1-1 0V4.5A.5.5 0 0 0 13.5 4h-3a.5.5 0 0 1-.5-.5ZM1.146 8.354a.5.5 0 0 1 0-.708l3-3a.5.5 0 0 1 .708.708L2.707 7.5H11a.5.5 0 0 1 0 1H2.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3Z'/%3E%3C/svg%3E");
}

.bi-house-door-fill-nav-menu[b-1b5w8gddgm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-search-nav-menu[b-1b5w8gddgm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85Zm-5.242 1.156a5.5 5.5 0 1 1 0-11 5.5 5.5 0 0 1 0 11Z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-1b5w8gddgm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-1b5w8gddgm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-1b5w8gddgm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-1b5w8gddgm] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-1b5w8gddgm] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-1b5w8gddgm] {
        padding-bottom: 1rem;
    }

    .nav-item[b-1b5w8gddgm]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

    .nav-item[b-1b5w8gddgm]  a.active {
        background-color: rgba(255,255,255,0.37);
        color: white;
    }

    .nav-item[b-1b5w8gddgm]  .nav-link:hover {
        background-color: rgba(255,255,255,0.1);
        color: white;
    }

.nav-scrollable[b-1b5w8gddgm] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-1b5w8gddgm] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-1b5w8gddgm] {
        display: none;
    }

    .nav-scrollable[b-1b5w8gddgm] {
        /* Never collapse the sidebar for wide screens */
        display: block;
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/BlazorAppUserView/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-z0zpxsd7vj] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-z0zpxsd7vj] {
    background-color: rgba(255, 255, 255, 0.5);
}

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

.navbar-brand[b-z0zpxsd7vj] {
    font-size: 1.1rem;
}

.bi[b-z0zpxsd7vj] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

/* Dashboard (home) */
.bi-house-door-fill-nav-menu[b-z0zpxsd7vj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v3.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4Z'/%3E%3C/svg%3E");
}

/* Business (building) */
.bi-building-fill-nav-menu[b-z0zpxsd7vj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M6.5.5v1h-1v-1h1Zm4 0v1h-1v-1h1ZM1 2.5v13h14v-13H1Zm13 12H2v-11h12v11Z'/%3E%3C/svg%3E");
}

/* Branches (map pin) */
.bi-geo-alt-fill-nav-menu[b-z0zpxsd7vj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10Zm0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6Z'/%3E%3C/svg%3E");
}

/* Employees (person) */
.bi-person-fill-nav-menu[b-z0zpxsd7vj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

/* New Phones (phone + plus) */
.bi-phone-plus-fill-nav-menu[b-z0zpxsd7vj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M1 1.5A1.5 1.5 0 0 1 2.5 0h3A1.5 1.5 0 0 1 7 1.5v13A1.5 1.5 0 0 1 5.5 16h-3A1.5 1.5 0 0 1 1 14.5v-13ZM11 4V2h-1v2H8v1h2v2h1V5h2V4h-2Z'/%3E%3C/svg%3E");
}

/* Used Phones (phone) */
.bi-phone-fill-nav-menu[b-z0zpxsd7vj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M1 2a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2Zm3 1v10h8V3H4Z'/%3E%3C/svg%3E");
}

/* Sold New Phones (phone check) */
.bi-phone-check-fill-nav-menu[b-z0zpxsd7vj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M2 1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h7a.5.5 0 0 0 0-1H2V2h12v5a.5.5 0 0 0 1 0V2a1 1 0 0 0-1-1H2Zm10.854 10.146a.5.5 0 0 0-.708-.708L10.5 12.086 9.354 10.94a.5.5 0 1 0-.708.708l1.5 1.5a.5.5 0 0 0 .708 0l2-2Z'/%3E%3C/svg%3E");
}

/* Sold Used Phones (phone x) */
.bi-phone-x-fill-nav-menu[b-z0zpxsd7vj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M2 1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h7a.5.5 0 0 0 0-1H2V2h12v5a.5.5 0 0 0 1 0V2a1 1 0 0 0-1-1H2Zm8.146 9.146a.5.5 0 1 1 .708.708L10.707 12l.647.646a.5.5 0 0 1-.708.708L10 12.707l-.646.647a.5.5 0 0 1-.708-.708L9.293 12l-.647-.646a.5.5 0 1 1 .708-.708L10 11.293l.646-.647Z'/%3E%3C/svg%3E");
}

/* Logout (box arrow right) */
.bi-box-arrow-right-fill-nav-menu[b-z0zpxsd7vj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M6 3a.5.5 0 0 1 .5-.5H11a2 2 0 0 1 2 2v2a.5.5 0 0 1-1 0V4.5A.5.5 0 0 0 11.5 4h-5a.5.5 0 0 1-.5-.5ZM.146 8.354a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L1.707 7.5H10a.5.5 0 0 1 0 1H1.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3Z'/%3E%3C/svg%3E");
}

/* Login (box arrow in right) */
.bi-box-arrow-in-right-fill-nav-menu[b-z0zpxsd7vj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M10 3a.5.5 0 0 1 .5-.5H13a2 2 0 0 1 2 2v2a.5.5 0 0 1-1 0V4.5A.5.5 0 0 0 13.5 4h-3a.5.5 0 0 1-.5-.5ZM1.146 8.354a.5.5 0 0 1 0-.708l3-3a.5.5 0 0 1 .708.708L2.707 7.5H11a.5.5 0 0 1 0 1H2.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3Z'/%3E%3C/svg%3E");
}

/* Social Accounts (globe2) */
.bi-globe2-fill-nav-menu[b-z0zpxsd7vj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm7.5-6.923c-.67.204-1.335.82-1.887 1.855-.143.268-.276.56-.395.872.705.157 1.472.257 2.282.287V1.077zM4.249 3.539c.142-.384.304-.744.481-1.078a6.7 6.7 0 0 1 .597-.933A7.01 7.01 0 0 0 3.051 3.05c.362.184.763.349 1.198.49zM3.509 7.5c.036-1.07.188-2.087.436-3.008a9.124 9.124 0 0 1-1.565-.667A6.964 6.964 0 0 0 1.018 7.5h2.49zm1.4-2.741a12.344 12.344 0 0 0-.4 2.741H7.5V5.091c-.91-.03-1.783-.145-2.591-.332zM8.5 5.09V7.5h2.99a12.342 12.342 0 0 0-.399-2.741c-.808.187-1.681.301-2.591.332zM4.51 8.5c.035.987.176 1.914.399 2.741A13.612 13.612 0 0 1 7.5 10.91V8.5H4.51zm3.99 0v2.409c.91.03 1.783.145 2.591.332.223-.827.364-1.754.4-2.741H8.5zm-3.282 3.696c.12.312.252.604.395.872.552 1.035 1.218 1.65 1.887 1.855V11.91c-.81.03-1.577.13-2.282.287zm.11 2.276a6.696 6.696 0 0 1-.598-.933 8.853 8.853 0 0 1-.481-1.079 8.38 8.38 0 0 0-1.198.49 7.01 7.01 0 0 0 2.276 1.522zm-1.383-2.964A9.083 9.083 0 0 1 3.508 8.5H1.018a6.97 6.97 0 0 0 1.362 3.675c.47-.258.995-.482 1.565-.667zm6.728 2.964a7.009 7.009 0 0 0 2.275-1.521 8.376 8.376 0 0 0-1.197-.49 8.853 8.853 0 0 1-.481 1.078 6.688 6.688 0 0 1-.597.933zM8.5 11.909v3.014c.67-.204 1.335-.82 1.887-1.855.143-.268.276-.56.395-.872A12.63 12.63 0 0 0 8.5 11.91zm3.555-.401c.57.185 1.095.409 1.565.667A6.963 6.963 0 0 0 14.982 8.5h-2.49a9.086 9.086 0 0 1-.437 3.008zM14.982 7.5a6.963 6.963 0 0 0-1.362-3.675c-.47.258-.995.482-1.565.667.248.92.4 1.938.437 3.008h2.49zM11.27 2.461c.177.334.339.694.482 1.078a8.368 8.368 0 0 0 1.196-.49 7.01 7.01 0 0 0-2.275-1.52c.218.283.418.597.597.932zm-.488 1.343a7.765 7.765 0 0 0-.395-.872C9.835 1.897 9.17 1.282 8.5 1.077V4.09c.81-.03 1.577-.13 2.282-.287z'/%3E%3C/svg%3E");
}

.bi-layout-text-sidebar-reverse-nav-menu[b-z0zpxsd7vj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-layout-text-sidebar-reverse' viewBox='0 0 16 16'%3E%3Cpath d='M15 2a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1zM1 3v10h14V3z'/%3E%3Cpath d='M11 4h2v1h-2zM11 7h2v1h-2zM11 10h2v1h-2zM3 4h6v1H3zm0 3h6v1H3zm0 3h6v1H3z'/%3E%3C/svg%3E");
}


.bi-house-door-fill-nav-menu[b-z0zpxsd7vj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}
.bi-search-nav-menu[b-z0zpxsd7vj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85Zm-5.242 1.156a5.5 5.5 0 1 1 0-11 5.5 5.5 0 0 1 0 11Z'/%3E%3C/svg%3E");
}
.bi-person-fill-nav-menu[b-z0zpxsd7vj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-z0zpxsd7vj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-z0zpxsd7vj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-z0zpxsd7vj] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-z0zpxsd7vj] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-z0zpxsd7vj] {
        padding-bottom: 1rem;
    }

    .nav-item[b-z0zpxsd7vj]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-z0zpxsd7vj]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-z0zpxsd7vj]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-z0zpxsd7vj] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-z0zpxsd7vj] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-z0zpxsd7vj] {
        display: none;
    }

    .nav-scrollable[b-z0zpxsd7vj] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/BlazorAppUserView/Components/Layout/SalesmanLayout.razor.rz.scp.css */
.page[b-zkj6j6nrna] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-zkj6j6nrna] {
    flex: 1;
}

.sidebar[b-zkj6j6nrna] {
    background-image: linear-gradient(180deg, #b1880f 0%, #8b6803 70% 70%)
}

.top-row[b-zkj6j6nrna] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

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

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

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

@media (max-width: 640.98px) {
    .top-row[b-zkj6j6nrna] {
        justify-content: space-between;
    }

        .top-row[b-zkj6j6nrna]  a, .top-row[b-zkj6j6nrna]  .btn-link {
            margin-left: 0;
        }
}

@media (min-width: 641px) {
    .page[b-zkj6j6nrna] {
        flex-direction: row;
    }

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

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

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

    .top-row[b-zkj6j6nrna], article[b-zkj6j6nrna] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-zkj6j6nrna] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-zkj6j6nrna] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/BlazorAppUserView/Components/Layout/SalesmanMenu.razor.rz.scp.css */
.navbar-toggler[b-omglp0bc0n] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

    .navbar-toggler:checked[b-omglp0bc0n] {
        background-color: rgba(255, 255, 255, 0.5);
    }

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

.navbar-brand[b-omglp0bc0n] {
    font-size: 1.1rem;
}

.bi[b-omglp0bc0n] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

/* Dashboard (home) */
.bi-house-door-fill-nav-menu[b-omglp0bc0n] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v3.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4Z'/%3E%3C/svg%3E");
}

/* Business (building) */
.bi-building-fill-nav-menu[b-omglp0bc0n] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M6.5.5v1h-1v-1h1Zm4 0v1h-1v-1h1ZM1 2.5v13h14v-13H1Zm13 12H2v-11h12v11Z'/%3E%3C/svg%3E");
}

/* Branches (map pin) */
.bi-geo-alt-fill-nav-menu[b-omglp0bc0n] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10Zm0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6Z'/%3E%3C/svg%3E");
}

/* Employees (person) */
.bi-person-fill-nav-menu[b-omglp0bc0n] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

/* New Phones (phone + plus) */
.bi-phone-plus-fill-nav-menu[b-omglp0bc0n] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M1 1.5A1.5 1.5 0 0 1 2.5 0h3A1.5 1.5 0 0 1 7 1.5v13A1.5 1.5 0 0 1 5.5 16h-3A1.5 1.5 0 0 1 1 14.5v-13ZM11 4V2h-1v2H8v1h2v2h1V5h2V4h-2Z'/%3E%3C/svg%3E");
}

/* Used Phones (phone) */
.bi-phone-fill-nav-menu[b-omglp0bc0n] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M1 2a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2Zm3 1v10h8V3H4Z'/%3E%3C/svg%3E");
}

/* Sold New Phones (phone check) */
.bi-phone-check-fill-nav-menu[b-omglp0bc0n] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M2 1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h7a.5.5 0 0 0 0-1H2V2h12v5a.5.5 0 0 0 1 0V2a1 1 0 0 0-1-1H2Zm10.854 10.146a.5.5 0 0 0-.708-.708L10.5 12.086 9.354 10.94a.5.5 0 1 0-.708.708l1.5 1.5a.5.5 0 0 0 .708 0l2-2Z'/%3E%3C/svg%3E");
}

/* Sold Used Phones (phone x) */
.bi-phone-x-fill-nav-menu[b-omglp0bc0n] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M2 1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h7a.5.5 0 0 0 0-1H2V2h12v5a.5.5 0 0 0 1 0V2a1 1 0 0 0-1-1H2Zm8.146 9.146a.5.5 0 1 1 .708.708L10.707 12l.647.646a.5.5 0 0 1-.708.708L10 12.707l-.646.647a.5.5 0 0 1-.708-.708L9.293 12l-.647-.646a.5.5 0 1 1 .708-.708L10 11.293l.646-.647Z'/%3E%3C/svg%3E");
}

/* Logout (box arrow right) */
.bi-box-arrow-right-fill-nav-menu[b-omglp0bc0n] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M6 3a.5.5 0 0 1 .5-.5H11a2 2 0 0 1 2 2v2a.5.5 0 0 1-1 0V4.5A.5.5 0 0 0 11.5 4h-5a.5.5 0 0 1-.5-.5ZM.146 8.354a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L1.707 7.5H10a.5.5 0 0 1 0 1H1.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3Z'/%3E%3C/svg%3E");
}

/* Login (box arrow in right) */
.bi-box-arrow-in-right-fill-nav-menu[b-omglp0bc0n] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M10 3a.5.5 0 0 1 .5-.5H13a2 2 0 0 1 2 2v2a.5.5 0 0 1-1 0V4.5A.5.5 0 0 0 13.5 4h-3a.5.5 0 0 1-.5-.5ZM1.146 8.354a.5.5 0 0 1 0-.708l3-3a.5.5 0 0 1 .708.708L2.707 7.5H11a.5.5 0 0 1 0 1H2.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3Z'/%3E%3C/svg%3E");
}

.bi-house-door-fill-nav-menu[b-omglp0bc0n] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-search-nav-menu[b-omglp0bc0n] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85Zm-5.242 1.156a5.5 5.5 0 1 1 0-11 5.5 5.5 0 0 1 0 11Z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-omglp0bc0n] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-omglp0bc0n] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-omglp0bc0n] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-omglp0bc0n] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-omglp0bc0n] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-omglp0bc0n] {
        padding-bottom: 1rem;
    }

    .nav-item[b-omglp0bc0n]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

    .nav-item[b-omglp0bc0n]  a.active {
        background-color: rgba(255,255,255,0.37);
        color: white;
    }

    .nav-item[b-omglp0bc0n]  .nav-link:hover {
        background-color: rgba(255,255,255,0.1);
        color: white;
    }

.nav-scrollable[b-omglp0bc0n] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-omglp0bc0n] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-omglp0bc0n] {
        display: none;
    }

    .nav-scrollable[b-omglp0bc0n] {
        /* Never collapse the sidebar for wide screens */
        display: block;
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/BlazorAppUserView/Components/Pages/TopShops.razor.rz.scp.css */



.card:hover[b-2meim10qkc] {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.2) !important;
}

.card[b-2meim10qkc] {
    transition: background-size 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease !important;
}

.bg-image[b-2meim10qkc] {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 300px;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.5rem;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Netflix-style navigation buttons */
.netflix-control[b-2meim10qkc] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    height: auto;
    background: none;
    opacity: 1;
    z-index: 5;
}


.carousel-control-prev.netflix-control[b-2meim10qkc] {
    left: -50px; /* Adjusted for better mobile positioning */
}

.carousel-control-next.netflix-control[b-2meim10qkc] {
    right: -50px; /* Adjusted for better mobile positioning */
}

.netflix-control-icon[b-2meim10qkc] {
    width: 40px;
    height: 40px;
    background-color: rgba(20, 20, 20, 0.7);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid rgba(255, 255, 255, 0.7);
    transition: all 0.2s ease;
}

.netflix-control:hover .netflix-control-icon[b-2meim10qkc] {
    background-color: rgba(20, 20, 20, 0.9);
    transform: scale(1.1);
    border-color: white;
}

.carousel-control-prev-icon[b-2meim10qkc], .carousel-control-next-icon[b-2meim10qkc] {
    width: 20px;
    height: 20px;
}

/* Ensure the carousel doesn't show scrollbars */
.carousel-inner[b-2meim10qkc] {
    overflow: visible;
}

/* Add a subtle animation for slide transitions */
.carousel-item[b-2meim10qkc] {
    transition: transform 0.5s ease-in-out;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .carousel-control-prev.netflix-control[b-2meim10qkc] {
        left: -15px; /* Closer to content on mobile */
    }

    .carousel-control-next.netflix-control[b-2meim10qkc] {
        right: -15px; /* Closer to content on mobile */
    }

    .netflix-control-icon[b-2meim10qkc] {
        width: 30px;
        height: 30px;
    }

    .carousel-control-prev-icon[b-2meim10qkc],
    .carousel-control-next-icon[b-2meim10qkc] {
        width: 15px;
        height: 15px;
    }

    .bg-image[b-2meim10qkc] {
        height: 250px; /* Slightly smaller on mobile */
        padding: 1rem;
    }

    .container.px-6[b-2meim10qkc] {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 576px) {
    .bg-image[b-2meim10qkc] {
        height: 200px; /* Even smaller on very small screens */
    }

    h3.fw-bold[b-2meim10qkc] {
        font-size: 1.2rem;
    }

    p.small[b-2meim10qkc] {
        font-size: 0.8rem;
    }
}

/* _content/BlazorAppUserView/Components/Pages/TopUsedPhones.razor.rz.scp.css */


.card:hover[b-0oyw923vdm] {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.2) !important;
}

.card[b-0oyw923vdm] {
    transition: background-size 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease !important;
}

.bg-image[b-0oyw923vdm] {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 300px;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.5rem;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Netflix-style navigation buttons */
.netflix-control[b-0oyw923vdm] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    height: auto;
    background: none;
    opacity: 1;
    z-index: 5;
}


.carousel-control-prev.netflix-control[b-0oyw923vdm] {
    left: -50px; /* Adjusted for better mobile positioning */
}

.carousel-control-next.netflix-control[b-0oyw923vdm] {
    right: -50px; /* Adjusted for better mobile positioning */
}

.netflix-control-icon[b-0oyw923vdm] {
    width: 40px;
    height: 40px;
    background-color: rgba(20, 20, 20, 0.7);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid rgba(255, 255, 255, 0.7);
    transition: all 0.2s ease;
}

.netflix-control:hover .netflix-control-icon[b-0oyw923vdm] {
    background-color: rgba(20, 20, 20, 0.9);
    transform: scale(1.1);
    border-color: white;
}

.carousel-control-prev-icon[b-0oyw923vdm], .carousel-control-next-icon[b-0oyw923vdm] {
    width: 20px;
    height: 20px;
}

/* Ensure the carousel doesn't show scrollbars */
.carousel-inner[b-0oyw923vdm] {
    overflow: visible;
}

/* Add a subtle animation for slide transitions */
.carousel-item[b-0oyw923vdm] {
    transition: transform 0.5s ease-in-out;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .carousel-control-prev.netflix-control[b-0oyw923vdm] {
        left: -15px; /* Closer to content on mobile */
    }

    .carousel-control-next.netflix-control[b-0oyw923vdm] {
        right: -15px; /* Closer to content on mobile */
    }

    .netflix-control-icon[b-0oyw923vdm] {
        width: 30px;
        height: 30px;
    }

    .carousel-control-prev-icon[b-0oyw923vdm],
    .carousel-control-next-icon[b-0oyw923vdm] {
        width: 15px;
        height: 15px;
    }

    .bg-image[b-0oyw923vdm] {
        height: 250px; /* Slightly smaller on mobile */
        padding: 1rem;
    }

    .container.px-6[b-0oyw923vdm] {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 576px) {
    .bg-image[b-0oyw923vdm] {
        height: 200px; /* Even smaller on very small screens */
    }

    h3.fw-bold[b-0oyw923vdm] {
        font-size: 1.2rem;
    }

    p.small[b-0oyw923vdm] {
        font-size: 0.8rem;
    }
}