/* /Components/Dialogs/ApplyCouponDialog.razor.rz.scp.css */
body[b-dws1qjr1sv] {
}

.discount-card[b-dws1qjr1sv] {
    position: relative;
    background: #f2f4f7;
    border: 2px solid #e8ebed;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 6px;
    cursor: pointer;
    text-align: center;
    transition: all 0.5s ease;
    max-width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    user-select: none;
}

    .discount-card.existing[b-dws1qjr1sv] {
        background: #b1ebb191;
        pointer-events: none;
    }

    .discount-card.invalid-coupon[b-dws1qjr1sv] {
        background: #f5dddd9e;
        pointer-events: none;
    }

    .discount-card.expired[b-dws1qjr1sv] {
        pointer-events: none;
        background: #c2c7cd;
        filter: saturate(0);
    }

.box[b-dws1qjr1sv] {
    border: 1px solid #ccc;
    width: 100%;
    height: auto;
    position: relative;
    border-radius: 3px;
    margin: 30px auto;
    background: #7e7a7a1c;
}

    .box.ofh[b-dws1qjr1sv] {
        overflow: hidden;
    }

    .box .discount-card[b-dws1qjr1sv] {
        background: #e5e5e5;
    }

    .cover-ribbon[b-dws1qjr1sv] {
        height: 115px;
        width: 115px;
        position: absolute;
        right: -1px;
        top: -2px;
        overflow: hidden;
    }

    .cover-ribbon[b-dws1qjr1sv]::after {
        transform: rotate(49deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        left: 69px;
        top: 10px;
        position: absolute;
        color: #FFF;
        font-size: 14px;
    }


    .cover-ribbon .cover-ribbon-inside[b-dws1qjr1sv] {
        background: #ea4335;
        color: #fff;
        transform: rotate(45deg);
        position: absolute;
        right: -33px;
        top: 5px;
        padding: 10px;
        min-width: 127px;
        text-align: center;
    }

.expired .cover-ribbon[b-dws1qjr1sv]::after {
    content: "Expired";
}

.existing .cover-ribbon .cover-ribbon-inside[b-dws1qjr1sv] {
    background: rgb(25 141 25 / 57%);
}

.existing .cover-ribbon[b-dws1qjr1sv]::after {
    content: "Applied";
}

.invalid-coupon .cover-ribbon[b-dws1qjr1sv]::after {
    content: "Invalid";
}

.discount-card.active[b-dws1qjr1sv] {
    border-color: rgb(20 196 20);
    background: rgb(64 255 107 / 10%);
}

    .discount-card.active[b-dws1qjr1sv]::after {
        content: '\f00c';
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        position: absolute;
        height: 30px;
        width: 30px;
        top: -10px;
        right: -10px;
        background: #fff;
        border: 2px solid rgb(20 196 20);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.logo[b-dws1qjr1sv] {
    margin-bottom: 20px;
}

    .logo i[b-dws1qjr1sv] {
        font-size: 80px;
    }

.discount-card h3[b-dws1qjr1sv] {
    font-size: 28px;
    font-weight: 400;
    line-height: 40px;
}

.discount-card p[b-dws1qjr1sv] {
    font-size: 15px;
}

.coupon-row[b-dws1qjr1sv] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}
/* /Components/Dialogs/ViewDiscountDialog.razor.rz.scp.css */
body[b-wcgxnv3h51] {
}

.container[b-wcgxnv3h51] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 3rem;
}

.coupon-card[b-wcgxnv3h51] {
    background: linear-gradient(135deg, #4c5e95, #4254829e);
    color: #fff;
    text-align: center;
    padding: 20px 40px;
    border-radius: 15px;
    box-shadow: 0 10px 10px 0 rgba(0,0,0,0.15);
    position: relative;
}

.logo[b-wcgxnv3h51] {
    margin-bottom: 20px;
}

    .logo i[b-wcgxnv3h51] {
        font-size: 80px;
    }

.coupon-card h3[b-wcgxnv3h51] {
    font-size: 28px;
    font-weight: 400;
    line-height: 40px;
}

.coupon-card p[b-wcgxnv3h51] {
    font-size: 15px;
}

.coupon-row[b-wcgxnv3h51] {
    display: flex;
    align-items: center;
    margin: 25px auto;
    width: fit-content;
}

#cpnCode[b-wcgxnv3h51] {
    border: 1px dashed #fff;
    padding: 10px 20px;
    border-right: 0;
}

#cpnBtn[b-wcgxnv3h51] {
    border: 1px solid #fff;
    background: #fff;
    padding: 10px 20px;
    color: #7158fe;
    cursor: pointer;
}

.circle1[b-wcgxnv3h51], .circle2[b-wcgxnv3h51] {
    background: white;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.circle1[b-wcgxnv3h51] {
    left: -25px;
}

.circle2[b-wcgxnv3h51] {
    right: -25px;
}
/* /Components/Dialogs/ViewPaymentPlanDialog.razor.rz.scp.css */
body[b-zpdbie07jr] {
}

.logo-img[b-zpdbie07jr] {
    color: #147ec4;
    font-size: 60px;
    width: 100%;
}

.discount-coupn1[b-zpdbie07jr] {
    background-image: linear-gradient(333deg, #172553, #107597);
    padding: 7px 10px 7px 10px;
    border-radius: 6px;
    color: white;
    box-shadow: -1px 1px 2px 0px #105879, 3px 2px 9px 0px #133659, 2px 2px 0px 0px #3f51b580;
}

.coupn-header[b-zpdbie07jr] {
    background-image: linear-gradient(333deg, #172553, #107597);
    padding: 11px 10px 11px 10px;
    color: white;
    box-shadow: -1px 1px 2px 0px #105879, 3px 2px 9px 0px #133659, 2px 2px 0px 0px #3f51b580;
}

.coupn-img[b-zpdbie07jr] {
    width: 39px;
    height: 39px;
}
/* /Components/EmptyNotifications.razor.rz.scp.css */
body[b-b19ij58p9g] {
}

.empty-notification-img[b-b19ij58p9g] {
    width: 200px;
    margin: 20px 0;
}
/* /Components/NotificationComponent.razor.rz.scp.css */
body[b-y4npcxcwny] {
}

.notification-item[b-y4npcxcwny] {
    padding: 8px;
    display: flex;
    gap: 8px;
}

    .notification-item.unread[b-y4npcxcwny] {
        background: #eae8e8;
        border-radius: 4px;
    }

.notification-item-container[b-y4npcxcwny] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: clamp(30vw,400px,90vw);
}

    .notification-item-container .notification-item:not(:last-child)[b-y4npcxcwny] {
        border-bottom: 1px solid #00000024;
    }

.unread-count[b-y4npcxcwny] {
    position: absolute;
    top: -8px;
    right: -13px;
    min-width: 26px;
    height: 26px;
    padding: 0 4px;
    background: red;
    color: white;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    white-space: nowrap;
}

/* /Components/PayPalCheckOut.razor.rz.scp.css */
body[b-18fw266v5y] {
}

.pp-btn-container[b-18fw266v5y]{
    min-height: 170px;
    max-width: 500px;
}

.flex[b-18fw266v5y] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

    .flex.justify-space-between[b-18fw266v5y] {
        justify-content: space-between;
    }

.card[b-18fw266v5y] {
    padding: 50px;
    margin: 50px auto;
    max-width: fit-content;
    background: #fff;
    border-radius: 6px;
    box-sizing: border-box;
    box-shadow: 0px 24px 60px -1px rgba(37,44,54,0.14);
}

    .card .container[b-18fw266v5y] {
        max-width: 700px;
        margin: 0 auto;
    }

    .card .card-title[b-18fw266v5y] {
        margin-bottom: 50px;
    }

        .card .card-title h2[b-18fw266v5y] {
            margin: 0;
        }

    .card .card-body .payment-type[b-18fw266v5y],
    .card .card-body .payment-info[b-18fw266v5y] {
        margin-bottom: 25px;
    }

        .card .card-body .payment-type h4[b-18fw266v5y] {
            margin: 0;
        }

        .card .card-body .payment-type .types[b-18fw266v5y] {
            margin: 25px 0;
        }

            .card .card-body .payment-type .types .type[b-18fw266v5y] {
                width: 30%;
                position: relative;
                background: #f2f4f7;
                border: 2px solid #e8ebed;
                /*padding: 25px;*/
                box-sizing: border-box;
                border-radius: 6px;
                cursor: pointer;
                text-align: center;
                transition: all 0.5s ease;
                min-width: 250px;
            }

                .card .card-body .payment-type .types .type:hover[b-18fw266v5y] {
                    border-color: #28333b;
                }

                    .card .card-body .payment-type .types .type:hover .logo[b-18fw266v5y],
                    .card .card-body .payment-type .types .type:hover p[b-18fw266v5y] {
                        color: #28333b;
                    }

                .card .card-body .payment-type .types .type.selected[b-18fw266v5y] {
                    border-color: #147ec4;
                    background: rgba(64,179,255,0.1);
                }

                    .card .card-body .payment-type .types .type.selected .logo[b-18fw266v5y] {
                        color: #147ec4;
                    }

                    .card .card-body .payment-type .types .type.selected p[b-18fw266v5y] {
                        color: #28333b;
                    }

                    .card .card-body .payment-type .types .type.selected[b-18fw266v5y]::after {
                        content: '\f00c';
                        font-family: 'Font Awesome 5 Free';
                        font-weight: 900;
                        position: absolute;
                        height: 40px;
                        width: 40px;
                        top: -21px;
                        right: -21px;
                        background: #fff;
                        border: 2px solid #147ec4;
                        border-radius: 50%;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                    }

                .card .card-body .payment-type .types .type .logo[b-18fw266v5y],
                .card .card-body .payment-type .types .type p[b-18fw266v5y] {
                    transition: all 0.5s ease;
                }

                .card .card-body .payment-type .types .type .logo[b-18fw266v5y] {
                    font-size: 48px;
                    color: #8a959c;
                }

                .card .card-body .payment-type .types .type p[b-18fw266v5y] {
                    margin-bottom: 0;
                    font-size: 12px;
                    letter-spacing: 0;
                    color: #8a959c;
                }

        .card .card-body .payment-info .column[b-18fw266v5y] {
            width: calc(50% - 25px);
        }

        .card .card-body .payment-info .title[b-18fw266v5y] {
            display: flex;
            flex-direction: row;
            align-items: center;
        }

            .card .card-body .payment-info .title .num[b-18fw266v5y] {
                height: 24px;
                width: 24px;
                border-radius: 50%;
                border: 2px solid #147ec4;
                display: flex;
                align-items: center;
                justify-content: center;
                text-align: center;
                margin-right: 12px;
                font-size: 12px;
            }

.discount-coupn1[b-18fw266v5y] {
    background-image: linear-gradient(333deg, #172553, #107597);
    padding: 7px 10px 7px 10px;
    border-radius: 6px;
    color: white;
    box-shadow: -1px 1px 2px 0px #105879, 3px 2px 9px 0px #133659, 2px 2px 0px 0px #3f51b580;
}

.coupn-header[b-18fw266v5y] {
    background-image: linear-gradient(333deg, #172553, #107597);
    padding: 11px 10px 11px 10px;
    color: white;
    box-shadow: -1px 1px 2px 0px #105879, 3px 2px 9px 0px #133659, 2px 2px 0px 0px #3f51b580;
}

.coupn-img[b-18fw266v5y] {
    width: 39px;
    height: 39px;
}
/* /Components/Register.razor.rz.scp.css */
[b-ps1dxocx84] .mud-input-adornment {
    margin-right: 0;
}

[b-ps1dxocx84] .mud-input-adornment .mud-typography {
    padding-top: 4.6px;
}
/* /Components/UserData.razor.rz.scp.css */
[b-nkqxyqtuw3] html,
body[b-nkqxyqtuw3] {
    height: 100%;
}

[b-nkqxyqtuw3] .card {
    width: fit-content;
    margin: auto;
}

[b-nkqxyqtuw3] .profile-wrapper {
    position: relative;
    border: 1px solid grey;
    background: white;
    border-radius: 50%;
    overflow: hidden;
    max-width: 230px;
}

[b-nkqxyqtuw3] .mud-image {
    width: 230px;
    height: 230px;
    margin: -0.5rem;
}

[b-nkqxyqtuw3] .custom-profile-upload .mud-input-control-input-container {
    position: absolute;
    bottom: 18px;
    left: 0;
    right: 0;
}

[b-nkqxyqtuw3] .custom-profile-upload .mud-input-control-input-container .mud-button {
    background-color: #cfcfcf;
    box-shadow: 2px 2px 10px 1px grey;
}

[b-nkqxyqtuw3] .mud-input-adornment {
    margin-right: 0;
}

[b-nkqxyqtuw3] .mud-input-adornment .mud-typography {
    padding-top: 4.5px;
}

[b-nkqxyqtuw3] .bg-color {
    background-color: #ebeff1 !important
}
/* /Pages/Events/AddEvent.razor.rz.scp.css */
.event-description[b-mwk9lyu68q] {
    border: 1px solid var(--mud-palette-lines-inputs);
    border-radius: 4px;
    width: 100%;
}

    .event-description:focus-within[b-mwk9lyu68q] {
        border-width: 2px;
        border-color: var(--mud-palette-primary);
    }
/* /Pages/Events/Events.razor.rz.scp.css */
.box[b-y4o4yv2tez] {
    width: 200px;
    height: 300px;
    position: relative;
    border: 1px solid #bbb;
    background: #eee;
    float: left;
    margin: 20px;
}

.ribbon[b-y4o4yv2tez] {
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 93px;
    height: 93px;
    text-align: right;
}

    .ribbon span[b-y4o4yv2tez] {
        font-size: 0.8rem;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        font-weight: bold;
        line-height: 32px;
        transform: rotate(45deg);
        width: 125px;
        display: block;
        background: #79a70a;
        background: linear-gradient(#9bc90d 0%, #79a70a 100%);
        box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
        position: absolute;
        top: 17px;
        // change this, if no border right: -29px;
        // change this, if no border
    }

        .ribbon span[b-y4o4yv2tez]::before {
            content: '';
            position: absolute;
            left: 0px;
            top: 100%;
            z-index: -1;
            border-left: 3px solid #79A70A;
            border-right: 3px solid transparent;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #79A70A;
        }

        .ribbon span[b-y4o4yv2tez]::after {
            content: '';
            position: absolute;
            right: 0%;
            top: 100%;
            z-index: -1;
            border-right: 3px solid #79A70A;
            border-left: 3px solid transparent;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #79A70A;
        }

.redColor span[b-y4o4yv2tez] {
    background: linear-gradient(#f70505 0%, #8f0808 100%);
}

    .redColor span[b-y4o4yv2tez]::before {
        border-left-color: #8f0808;
        border-top-color: #8f0808;
    }

    .redColor span[b-y4o4yv2tez]::after {
        border-right-color: #8f0808;
        border-top-color: #8f0808;
    }

.blueColor span[b-y4o4yv2tez] {
    background: linear-gradient(#2989d8 0%, #1e5799 100%);
}

    .blueColor span[b-y4o4yv2tez]::before {
        border-left-color: #1e5799;
        border-top-color: #1e5799;
    }

    .blueColor span[b-y4o4yv2tez]::after {
        border-right-color: #1e5799;
        border-top-color: #1e5799;
    }

.foo[b-y4o4yv2tez] {
    clear: both;
}

.bar[b-y4o4yv2tez] {
    content: "";
    left: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid #79a70a;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #79a70a;
}

.baz[b-y4o4yv2tez] {
    font-size: 1rem;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    line-height: 2em;
    transform: rotate(45deg);
    width: 100px;
    display: block;
    background: #79a70a;
    background: linear-gradient(#9bc90d 0%, #79a70a 100%);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 100px;
    left: 1000px;
}
/* /Pages/Events/ViewEvent.razor.rz.scp.css */
.img-container[b-52ja4niwmg] {
    max-width: 300px;
    text-align: center;
}

.event-gradient[b-52ja4niwmg] {
    background: linear-gradient(135deg, rgb(18 31 73 / 87%), rgb(0 23 82 / 52%));
    height: 200px;
    margin: -16px;
    margin-bottom: -64px;
}

.event-content[b-52ja4niwmg] {
    display: flex;
    gap: 2rem;
}

[b-52ja4niwmg] .event-content .event-location {
    border-radius: 0.3rem !important;
    padding: 0.25rem 1rem !important;
    width: max-content;
    background-color: #d3d3d3;
}

.event-img[b-52ja4niwmg] {
    max-height: 300px;
    max-width: 100%;
    border-radius: 4px;
    width: 400px;
}

/* Calendar */
time.icon[b-52ja4niwmg] {
    display: block;
    position: relative;
    margin: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    overflow: hidden;
}

    time.icon *[b-52ja4niwmg] {
        display: block;
        width: 100%;
        font-weight: 700;
        font-style: normal;
        text-align: center;
    }

    time.icon .month[b-52ja4niwmg] {
        text-transform: uppercase;
        font-size: 14px;
        color: #fff;
        background-color: rgba(0,0,0,.1);
        padding: 7px 0;
        border-bottom: 1px solid rgba(0,0,0,.2);
    }

    time.icon .day[b-52ja4niwmg] {
        font-size: 28px;
        color: #fff;
        padding: 0;
        padding-top: 10px;
    }

    time.icon .week[b-52ja4niwmg] {
        font-size: 12px;
        line-height: 16px;
        color: #fff;
        padding: 5px 0;
        padding-bottom: 10px;
    }

.icon.tuesday[b-52ja4niwmg] {
    background-color: #1488c8;
    box-shadow: 0 1px 0 #1488c8,0 2px 0 #fff,0 3px 0 #1488c8,0 4px 0 #fff,0 5px 0 #1488c8,0 0 0 1px #fff;
    color: #fff !important;
    width: 150px;
    height: auto;
}
/* /Pages/Forms/ActivitySubmissionForm.razor.rz.scp.css */
.header-paper[b-5si9ph9g6q] {
    background-color: #f9f9f9 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.mud-elevation-1[b-5si9ph9g6q] {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}
/* /Pages/Forms/Feedback.razor.rz.scp.css */
[b-rzw2f0bo2a] div:has(.me-auto) .me-auto {
    padding-left: 0.5rem;
}
/* /Pages/Identity/LoginRegister.razor.rz.scp.css */
html[b-yjs4uely5k],
body[b-yjs4uely5k] {
    height: 100%;
}

.card[b-yjs4uely5k] {
    width: fit-content;
    margin: auto;
}
/* /Pages/Notification/Notifications.razor.rz.scp.css */
.notification-item[b-cil7gsy9ab] {
    padding: 16px 10px;
    gap: 10px;
}

    .notification-item.unread[b-cil7gsy9ab] {
        background: #eae8e8;
        border-radius: 4px;
    }

.notification-item-container[b-cil7gsy9ab] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

    .notification-item-container .notification-item:not(:last-child)[b-cil7gsy9ab] {
        border-bottom: 1px solid #00000024;
    }
/* /Pages/Payment/PaymentSuccessful.razor.rz.scp.css */
.main-container[b-mwg2vuqwyg] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.check-container[b-mwg2vuqwyg] {
    width: 13rem;
    height: 15.5rem;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: space-between;
}

    .check-container .check-background[b-mwg2vuqwyg] {
        width: 100%;
        height: calc(100% - 1.25rem);
        background: linear-gradient(to bottom right, #5de593, #41d67c);
        box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
        transform: scale(0.84);
        border-radius: 50%;
        animation: animateContainer-b-mwg2vuqwyg 0.75s ease-out forwards 0.75s;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
    }

        .check-container .check-background svg[b-mwg2vuqwyg] {
            width: 65%;
            transform: translateY(0.25rem);
            stroke-dasharray: 80;
            stroke-dashoffset: 80;
            animation: animateCheck-b-mwg2vuqwyg 0.35s forwards 1.25s ease-out;
        }

    .check-container .check-shadow[b-mwg2vuqwyg] {
        bottom: calc(-15% - 5px);
        left: 0;
        border-radius: 50%;
        background: radial-gradient(closest-side, #49da83, transparent);
        animation: animateShadow-b-mwg2vuqwyg 0.75s ease-out forwards 0.75s;
    }

@keyframes animateContainer-b-mwg2vuqwyg {
    0% {
        opacity: 0;
        transform: scale(0);
        box-shadow: 0px 0px 0px 90px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 90px rgba(255, 255, 255, 0.25) inset;
    }

    25% {
        opacity: 1;
        transform: scale(0.9);
        box-shadow: 0px 0px 0px 90px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 90px rgba(255, 255, 255, 0.25) inset;
    }

    43.75% {
        transform: scale(1.15);
        box-shadow: 0px 0px 0px 43.334px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 90px rgba(255, 255, 255, 0.25) inset;
    }

    62.5% {
        transform: scale(1);
        box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 21.667px rgba(255, 255, 255, 0.25) inset;
    }

    81.25% {
        box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;
    }

    100% {
        opacity: 1;
        box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;
    }
}

@keyframes animateCheck-b-mwg2vuqwyg {
    from {
        stroke-dashoffset: 80;
    }

    to {
        stroke-dashoffset: 0;
    }
}

@keyframes animateShadow-b-mwg2vuqwyg {
    0% {
        opacity: 0;
        width: 100%;
        height: 15%;
    }

    25% {
        opacity: 0.25;
    }

    43.75% {
        width: 40%;
        height: 7%;
        opacity: 0.35;
    }

    100% {
        width: 85%;
        height: 15%;
        opacity: 0.25;
    }
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-pa9d8l2laf] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

.sidebar[b-pa9d8l2laf] .mud-paper {
    border-radius: 0 !important;
    height: 100%;
    background-image: linear-gradient(45deg, black, #121f49);
}

    .sidebar[b-pa9d8l2laf] .mud-paper .mud-navmenu.mud-navmenu-default .mud-nav-item .mud-nav-link {
        text-decoration: none !important;
        color: #fff;
    }

        .sidebar[b-pa9d8l2laf] .mud-paper .mud-navmenu.mud-navmenu-default .mud-nav-item .mud-nav-link .mud-nav-link-expand-icon.mud-transform {
            color: #fff;
        }

        .sidebar[b-pa9d8l2laf] .mud-paper .mud-navmenu.mud-navmenu-default .mud-nav-item .mud-nav-link.active {
            background: #73c8b8;
            color: #111e46;
        }

    .sidebar[b-pa9d8l2laf] .mud-paper .mud-navmenu .mud-nav-group button {
        color: #fff;
    }

    .sidebar[b-pa9d8l2laf] .mud-paper .mud-navmenu .mud-nav-group .mud-nav-link .mud-icon-root.mud-svg-icon,
    .sidebar[b-pa9d8l2laf] .mud-paper .mud-navmenu .mud-nav-link .mud-icon-root.mud-svg-icon {
        fill: #fff;
    }


.top-row[b-pa9d8l2laf] {
    background-color: #121f49;
    border-bottom: 1px solid #d6d5d5;
    /*justify-content: flex-end;*/
    height: 3.5rem;
    display: flex;
    align-items: center;
    border-left: 1px solid grey;
}

    .top-row[b-pa9d8l2laf]  a, .top-row[b-pa9d8l2laf]  .btn-link {
        white-space: nowrap;
        /*margin-left: 1.5rem;*/
        text-decoration: none;
        color: #fff;
    }

        .top-row[b-pa9d8l2laf]  .btn-link .mud-icon-button {
            color: #fff;
        }

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

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

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-pa9d8l2laf] {
        display: none;
    }

    .top-row.auth[b-pa9d8l2laf] {
        justify-content: space-between;
    }

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

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

    article.content:has(.login-page)[b-pa9d8l2laf] {
        padding: 0 !important;
        max-height: 100%;
    }
}
/* /Shared/NavMenu.razor.rz.scp.css */
.sidebar-nav[b-bskoc0fzyx] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
}