/* /Pages/Session/SessionRecord.razor.rz.scp.css */
.video-container[b-853ct6dquo] {
    background-color: hsla(235, 11%, 22%, 1);
    width: 95%;
}

@media only screen and (min-width: 1367px) {
    .video-container[b-853ct6dquo] {
        width: 50%;
    }
}
/* /Pages/User/ForgotPassword.razor.rz.scp.css */
.check-ellipse[b-vtiphe3n98] {
    background: url(../icons/check.png), url(../icons/check-ellipse.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 2rem;
    height: 2rem;
}
/* /Pages/User/Login.razor.rz.scp.css */
hr[b-ax5hz8qedz] {
    border: 1px solid #56586C;
    color: rgba(86, 88, 108, 1);
    width: 18.5rem;
}

.error-message[b-ax5hz8qedz] {
    background-color: hsla(352, 97.3%, 44.1%, 0.3);
    min-width: 18.5rem;
    color: white;
    text-align: center;
    padding: 0.32em 0.62em;
    margin-top: 1rem;
    border-radius: 5px;
}
/* /Shared/Components/CustomTooltip.razor.rz.scp.css */
.tooltip-wrapper[b-vcblnd261w] {
    position: relative;
    display: inline-block;
    cursor: help;
}

span[b-vcblnd261w] {
    position: absolute;
    width: 120px;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
    background-color: rgb(114 96 240);
    color: #f5f5f5;
    text-align: center;
    padding: 5px 0;
    border-radius: 5px;
    z-index: 1;
    font-size: 0.88rem;
    margin-bottom: 0.5rem;
}

    span[b-vcblnd261w]::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #555 transparent transparent transparent;
    }

.wide-tooltip[b-vcblnd261w] {
    width: 250px;
    left: 0;
    margin-left: -105px;
}
/* /Shared/Components/DateTime/Time.razor.rz.scp.css */
.time-picker-popup[b-h1y7twwf0g] {
    position: absolute;
    background: #3B3D4E;
    border: 1px solid #9563FE;
    border-radius: 5px;
    width: 206px;
    height: 146px;
    z-index: 1000;
    top: 45px;
    user-select: none;
}

.time-of-day[b-h1y7twwf0g] {
    width: 41px;
    height: 30px;
    background: #6F3FD5;
    border-radius: 20px;
    color: hsla(0, 0%, 96%, 1);
    font-size: 14px;
    padding: 5px, 10px, 5px, 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.input-time[b-h1y7twwf0g] {
    border-radius: 5px !important;
    width: 40px;
    text-align: left;
    padding-left: 0.5em !important;
}

input[b-h1y7twwf0g]::placeholder {
    color: hsla(0, 0%, 96%, 0.4);
}

input[type=number][b-h1y7twwf0g]::-webkit-inner-spin-button,
input[type=number][b-h1y7twwf0g]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
/* /Shared/Components/NewPassword.razor.rz.scp.css */
.validation-box[b-8aob25zygt] {
    width: 190px;
    height: 165px;
    top: 16px;
    border: 1px solid rgba(149, 99, 254, 1);
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 15px;
    color: white;
    position: absolute;
    top: 65px;
    background: rgba(59, 61, 78, 1);
    z-index: 1;
    font-size: 0.87rem;
    gap: 2px;
}

    .validation-box p[b-8aob25zygt] {
        margin: 0;
    }

.invalid[b-8aob25zygt]:before {
    position: relative;
    right: 5px;
    content: '';
    width: 0.45rem;
    height: 0.45rem;
    background: #F5F5F5;
    opacity: 0.3;
    display: inline-block;
    border-radius: 50%;
}

.valid[b-8aob25zygt]:before {
    position: relative;
    right: 5px;
    content: '';
    width: 0.45rem;
    height: 0.45rem;
    display: inline-block;
    border-radius: 50%;
    background: rgba(0, 185, 40, 1);
}
/* /Shared/Components/Spinner.razor.rz.scp.css */
.overlay[b-tljvj7gfit] {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: transparent;
    z-index: 10000;
}

.overlay-inner[b-tljvj7gfit] {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.overlay-content[b-tljvj7gfit] {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

@keyframes rotate-b-tljvj7gfit {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.spinner[b-tljvj7gfit] {
    animation: rotate-b-tljvj7gfit 1s linear infinite;
    background: radial-gradient(circle, transparent 40%, hsl(235, 13%, 27%) 40%);
    border-radius: 50%;
    position: relative;
}

    .spinner[b-tljvj7gfit]::before,
    .spinner[b-tljvj7gfit]::after {
        content: '';
        position: absolute;
    }

    .spinner[b-tljvj7gfit]::before {
        border-radius: 50%;
        background: url(images/loader.svg);
        background-repeat: no-repeat;
        background-size: 50% 50%;
        top: -1px;
        bottom: -1px;
        left: -1px;
        right: -1px;
    }

    .spinner[b-tljvj7gfit]::after {
        background: transparent;
        border-radius: 50%;
        top: 15%;
        bottom: 15%;
        left: 15%;
        right: 15%;
    }
/* /Shared/Components/UserMenu.razor.rz.scp.css */
.user-menu-dropdown[b-ahxtg2uul8] {
    position: absolute;
    width: 11.5rem;
    height: 4.38rem;
    background: rgba(59, 61, 78, 1);
    display: flex;
    flex-direction: column;
    color: white;
    padding: 0.31em;
    border-radius: 5px;
    right: 0;
}

    .user-menu-dropdown div[b-ahxtg2uul8] {
        padding: 0.1rem 0.1rem 0.1rem 0.5rem;
        gap: 5px;
    }

        .user-menu-dropdown div:hover[b-ahxtg2uul8] {
            background-color: rgba(158, 133, 211, 0.1);
            cursor: pointer;
            border-radius: 5px;
        }
/* /Shared/Layouts/MainLayout.razor.rz.scp.css */
.page[b-x6g73wmxp2] {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    user-select: none;
}

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

.content[b-x6g73wmxp2] {
    padding-top: 1.1rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    overflow-y: auto;
    overflow-x: hidden;
}
/* /Shared/Layouts/UserLayout.razor.rz.scp.css */
/*Tablets*/
@media only screen and (min-device-width: 768px) {
}
/*Desktop*/
@media only screen and (min-device-width: 1024px) {
    .line[b-x44o9yggkm] {
        width: 38rem;
        left: calc(50% - 19rem);
    }

    .gradient-container[b-x44o9yggkm] {
        height: 26.25rem;
    }
}

.page[b-x44o9yggkm] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    user-select: none;
}

.red-ellipse[b-x44o9yggkm] {
    background: radial-gradient(50% 50% at 50% 50%, #DE0321 0%, rgba(222, 3, 33, 0) 100%);
    opacity: 0.2;
    top: 35%;
    left: 45%;
}

.purple-ellipse[b-x44o9yggkm] {
    background: radial-gradient(50% 50% at 50% 50%, #6F3FD4 0%, rgba(111, 63, 212, 0) 100%);
    opacity: 0.4;
    top: 60%;
    left: 55%;
}

.ellipse[b-x44o9yggkm] {
    position: absolute;
    width: 32.5rem;
    height: 32.5rem;
    transform: translate(-50%, -50%);
}

.gradient-container[b-x44o9yggkm] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3.2rem 0px;
    width: 100%;
    height: 23rem;
    background: linear-gradient(90deg, rgba(50, 51, 62, 0) 0.08%, #32333E 50.6%, rgba(50, 51, 62, 0) 100.08%);
}

.line[b-x44o9yggkm] {
    position: absolute;
    width: 19rem;
    height: 1px;
    left: calc(50% - 8rem);
    background: linear-gradient(90deg, rgba(162, 118, 255, 0) 0.08%, rgba(162, 118, 255, 1) 50.6%, rgba(162, 118, 255, 0) 100.08%);
}

.top-line[b-x44o9yggkm] {
    bottom: 0;
}

.bottom-line[b-x44o9yggkm] {
    top: 0;
}

.content[b-x44o9yggkm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    width: 300px;
    height: 320px;
}
/* /Shared/Layouts/VideoLayout.razor.rz.scp.css */
.content[b-uqnpc1oont] {
    position: relative;
    height: 100vh;
}
/* /Shared/NavMenu.razor.rz.scp.css */
.nav-menu[b-b0oqls1bqk] {
    background-color: hsl(235, 10.7%, 22.0%);
    height: 3.38rem;
    display: flex;
    align-items: center;
    width: 100%;
    column-gap: 20px;
    padding: 0 10px;
}

    .nav-menu a[b-b0oqls1bqk] {
        color: hsla(0, 0%, 83%, 1);
        text-decoration: none;
        padding: 0.4rem 0.8rem;
        border-radius: 5px;
    }

        .nav-menu a:first-of-type[b-b0oqls1bqk] {
            margin-left: 2.5rem;
        }

        .nav-menu a:hover[b-b0oqls1bqk] {
            background: rgba(158, 133, 211, 0.1);
        }

.active-nav-link[b-b0oqls1bqk] {
    color: hsla(259, 100%, 84%, 1) !important;
    background: rgba(158, 133, 211, 0.1);
}

@media (min-width: 769px) {
    .nav-menu[b-b0oqls1bqk] {
        padding: 0 20px;
    }

        .nav-menu a:first-of-type[b-b0oqls1bqk] {
            margin-left: 5rem;
        }
}