@import '_content/Blazor.QRCode/Blazor.QRCode.bundle.scp.css';
@import '_content/BlazorAutoComplate/BlazorAutoComplate.bundle.scp.css';
@import '_content/BlazorBSModal/BlazorBSModal.bundle.scp.css';
@import '_content/BlazorVideoPlayer/BlazorVideoPlayer.bundle.scp.css';

/* /Pages/Education/Quiz.razor.rz.scp.css */

.test[b-wdf5hjyskm] {
}

.carousel-control-bbb[b-wdf5hjyskm] {
    color: #000000;
    position: fixed;
    top: 4rem;    
    bottom:unset !important;
}

    .carousel-control-next:focus[b-wdf5hjyskm], .carousel-control-next:hover[b-wdf5hjyskm], .carousel-control-prev:focus[b-wdf5hjyskm], .carousel-control-prev:hover[b-wdf5hjyskm] {
        color: #000 !important;
    }
/* /Shared/AddButton.razor.rz.scp.css */
p[b-dxmppru7b4] {
    width: 40px;
    height: 40px;
    box-shadow: 0px 4px 16px 0px rgba(110, 132, 163, 0.34);
}
div[b-dxmppru7b4]{
    bottom:30px;
}

.pt-2[b-dxmppru7b4], .py-2[b-dxmppru7b4] {
    padding-top: .8rem !important; 


}
i[b-dxmppru7b4] {
    text-shadow: 4px 5px 12px #000;
}
/* /Shared/Components/ProfileBox.razor.rz.scp.css */
.profile[b-o7xngs1kwp] {
    width: 100%;
    height: 7.1rem;
    /*position: absolute;
        top: 50%;
        left: 50%;*/
    transform: translate(0%, 0%);
    border-radius: 0.5rem;
    background-color: #fafafa;
    box-shadow: 0 0 1rem 0px #babbbcb5;
    /*box-shadow: 0 0 2rem #babbbc;*/
    animation: show-profile-b-o7xngs1kwp 0.5s forwards ease-in-out;
    border-top-right-radius: 19rem;
    border-bottom-right-radius: 19rem;
}

@keyframes show-profile-b-o7xngs1kwp {
    0% {
        width: 0;
    }
}

.profile .photo[b-o7xngs1kwp], .profile .content[b-o7xngs1kwp] {
    box-sizing: border-box;
}

.profile .photo[b-o7xngs1kwp] {
    width: 7.1rem;
    height: 7.1rem;
    border-radius: 50%;
    overflow: hidden;
    border: 0.3rem solid #fafafa;
    background-color: #fafafa;
    /*margin-right: -40px;*/
    box-shadow: 0 0 0.5rem #babbbc;
    animation: rotate-photo-b-o7xngs1kwp 0.5s forwards ease-in-out;
}

@keyframes rotate-photo-b-o7xngs1kwp {
    100% {
        transform: rotate(-360deg);
    }
}

.profile .photo img[b-o7xngs1kwp] {
    width: 100%;
}

.profile .content[b-o7xngs1kwp] {
    padding: 0.7rem;
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

    .profile .content[b-o7xngs1kwp]::before {
        content: "";
        position: absolute;
        width: 15.5rem;
        height: 11rem;
        background-color: #cff0f5f0;
        right: 0;
        top: -2rem;
        margin-right: 2.7rem;
        z-index: -1;
        transform: rotate(-8deg);
    }

    .profile .content .text[b-o7xngs1kwp] {
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        margin-right: 6.8rem;
    }
        .profile .content .text h6[b-o7xngs1kwp] {
            width: 11rem;
        }


/*.profile .content .text h3, .profile .content .text h6 {
            font-weight: normal;
            margin: 3px 0;
            letter-spacing: 0.5px;
            white-space: nowrap;
        }*/
    .profile .content .btn[b-o7xngs1kwp] {
        background-color: #abc;
        width: 3.5rem;
        height: 3.5rem;
        position: absolute;
        left: 1.3rem;
        top: 1.8rem;
        border-radius: 50%;
        z-index: 1;
        cursor: pointer;
        transition-duration: 0.3s;
        animation: pop-btn-b-o7xngs1kwp 0.3s both ease-in-out 0.5s;
    }

@keyframes pop-btn-b-o7xngs1kwp {
    0% {
        transform: scale(0);
    }

    80% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

.profile .content .btn:hover[b-o7xngs1kwp] {
    box-shadow: 0 0 0 5px rgba(170, 187, 204, 0.5);
}

.profile .content .btn i[b-o7xngs1kwp] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-left: -0.1rem;
}

.profile .content .btn span[b-o7xngs1kwp] {
    width: 60%;
    height: 2px;
    position: absolute;
    background-color: white;
    top: 50%;
    left: 20%;
    transform: translateY(-50%);
    animation: to-hamburger-b-o7xngs1kwp 0.3s forwards ease-in-out;
}

    .profile .content .btn span[b-o7xngs1kwp]::before, .profile .content .btn span[b-o7xngs1kwp]::after {
        content: "";
        width: 100%;
        height: 2px;
        position: absolute;
        background-color: white;
        transition-duration: 0.3s;
        transform: rotate(0deg);
        right: 0;
    }

    .profile .content .btn span[b-o7xngs1kwp]::before {
        margin-top: -7px;
    }

    .profile .content .btn span[b-o7xngs1kwp]::after {
        margin-top: 7px;
    }

.profile .content .btn.active span[b-o7xngs1kwp] {
    animation: to-arrow-b-o7xngs1kwp 0.3s forwards ease-in-out;
}

    .profile .content .btn.active span[b-o7xngs1kwp]::before, .profile .content .btn.active span[b-o7xngs1kwp]::after {
        width: 60%;
        right: -1px;
    }

    .profile .content .btn.active span[b-o7xngs1kwp]::before {
        transform: rotate(45deg);
    }

    .profile .content .btn.active span[b-o7xngs1kwp]::after {
        transform: rotate(-45deg);
    }

@keyframes to-hamburger-b-o7xngs1kwp {
    from {
        transform: translateY(-50%) rotate(-180deg);
    }
}

@keyframes to-arrow-b-o7xngs1kwp {
    from {
        transform: translateY(-50%) rotate(0deg);
    }

    to {
        transform: translateY(-50%) rotate(180deg);
    }
}

.profile .box[b-o7xngs1kwp] {
    width: 120px;
    height: 120px;
    opacity: 0;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 50%;
    right: 47%;
    transform: translate(-50%, -50%);
    transition-duration: 0.3s;
}
/*i {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #ececec;
    font-size: 26px;
    text-align: center;
    line-height: 50px;*/
  /*  box-shadow: 0 0 0.5rem #babbbc;*/
/*}*/
    .profile .box a[b-o7xngs1kwp] {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: #ececec;
        font-size: 26px;
        text-align: center;
        line-height: 50px;
        position: absolute;
        left: 18px;
        top: calc(75px - 50px/2);
        box-shadow: 0 0 0.5rem #babbbc;
        transition-duration: 0.3s;
    }
   


        .profile .box a:hover[b-o7xngs1kwp] {
            transition-delay: initial !important;
            box-shadow: 0 0 0 5px #babbbc;
        }

    .profile .box.open[b-o7xngs1kwp] {
        opacity: 1;
    }

        .profile .box.open a[b-o7xngs1kwp] {
            left: 60px;
        }

            .profile .box.open a:nth-of-type(1)[b-o7xngs1kwp] {
                transform: rotate( 292deg ) translateX(60px) rotate( 68deg );
                transition-delay: 0s;
            }

            .profile .box.open a:nth-of-type(2)[b-o7xngs1kwp] {
                transform: rotate( 324deg ) translateX(94px) rotate( 36deg );
                transition-delay: 0.1s;
            }

            .profile .box.open a:nth-of-type(3)[b-o7xngs1kwp] {
                transform: rotate( -23deg ) translateX(142px) rotate( 23deg );
                transition-delay: 0.2s;
            }

            .profile .box.open a:nth-of-type(4)[b-o7xngs1kwp] {
                transform: rotate( 394deg ) translateX(30px) rotate( -34deg );
                transition-delay: 0s;
            }

            .profile .box.open a:nth-of-type(5)[b-o7xngs1kwp] {
                transform: rotate( 13deg ) translateX(80px) rotate( 347deg );
                transition-delay: 0.1s;
            }
            .profile .box.open a:nth-of-type(6)[b-o7xngs1kwp] {
                transform: rotate( 8deg ) translateX(132px) rotate( 352deg );
                transition-delay: 0.2s;
            }
/* /Shared/Components/SideBar.razor.rz.scp.css */

.sidebar[b-std55tren0] {
    /*    background-image: linear-gradient(180deg, rgb(36 105 179) 0%, #002246 70%);
*/ width: 250px;
    height: 100vh;
    position: fixed;
    top: 0;
    right: -255px;
    z-index: 99999;
    background: #fff;
    color: #fff;
    transition: all .3s;
    box-shadow: 3px 3px 3px rgba(51, 51, 51, 0.5);
    text-align: right;
}

    .sidebar.active[b-std55tren0] {
        right: 0;
    }
/***** Dark overlay *****/

.overlay[b-std55tren0] {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(51, 51, 51, 0.7);
    z-index: 99998;
    opacity: 0;
    transition: all .5s ease-in-out;
}

    .overlay.active[b-std55tren0] {
        display: block;
        opacity: 1;
    }



.open-menu[b-std55tren0] {
    position: fixed;
    /* top: 20px;
    right: 10px;*/
    z-index: 997;
    box-shadow: 3px 3px 3px rgba(51, 51, 51, 0.2);
}

    .open-menu.btn-customized[b-std55tren0],
    .open-menu.btn-customized:hover[b-std55tren0],
    .open-menu.btn-customized:active[b-std55tren0],
    .open-menu.btn-customized:focus[b-std55tren0],
    .open-menu.btn-customized:active:focus[b-std55tren0],
    .open-menu.btn-customized.active:focus[b-std55tren0],
    .open-menu.btn-customized.btn.btn-primary:not(:disabled):not(.disabled):active[b-std55tren0],
    .open-menu.btn-customized.btn.btn-primary:not(:disabled):not(.disabled):active:focus[b-std55tren0] {
        box-shadow: 3px 3px 3px rgba(51, 51, 51, 0.2);
    }





.closeSideBar[b-std55tren0] {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 30px;
    left: 10px;
    transition: all .3s;
    background: #444;
    border-radius: 4px;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
}

.logOutAccount[b-std55tren0] {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 80px;
    left: 10px;
    transition: all .3s;
    background: #444;
    border-radius: 4px;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
}

.dismiss[b-std55tren0] {
}

    .dismiss:hover[b-std55tren0],
    .dismiss:focus[b-std55tren0] {
        background: #555;
        color: #fff;
    }

.sidebar .logo[b-std55tren0] {
    padding: 40px 20px 10px 40px;
    border-bottom: 1px solid #444;
    transition: all .3s;
}

    .sidebar .logo a[b-std55tren0] {
        display: inline-block;
        width: 172px;
        height: 34px;
        background: url(../icon-512.jpg) left top no-repeat;
        border: 0;
        text-indent: -999999px;
    }

.sidebar ul.menu-elements[b-std55tren0] {
    padding: 10px 0;
    border-bottom: 1px solid #444;
    transition: all .3s;
}

.sidebar ul li a[b-std55tren0] {
    display: block;
    padding: 10px 20px;
    border: 0;
    color: #fff;
}

    .sidebar ul li a:hover[b-std55tren0],
    .sidebar ul li a:focus[b-std55tren0],
    .sidebar ul li.active > a:hover[b-std55tren0],
    .sidebar ul li.active > a:focus[b-std55tren0] {
        outline: 0;
        background: #555;
        color: #fff;
    }

    .sidebar ul li a i[b-std55tren0] {
        margin-right: 5px;
    }

.sidebar ul li.active > a[b-std55tren0],
a[aria-expanded="true"][b-std55tren0] {
    background: #444;
    color: #fff;
}

.sidebar ul ul a[b-std55tren0] {
    background: #444;
    padding-left: 30px;
    font-size: 14px;
}

.sidebar ul ul li.active > a[b-std55tren0] {
    background: #555;
}

.sidebar a[data-toggle="collapse"][b-std55tren0] {
    position: relative;
}

.sidebar .dropdown-toggle[b-std55tren0]::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

.sidebar .to-top[b-std55tren0] {
    padding: 10px 10px 0 10px;
    text-align: center;
}

.sidebar .dark-light-buttons[b-std55tren0] {
    padding: 10px 20px 30px 20px;
    text-align: center;
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-dcv9xmx4u1] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.main[b-dcv9xmx4u1] {
    flex: 1;
}


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

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

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

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

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

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

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


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

    .main > div[b-dcv9xmx4u1] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

/* Style for all buttons with the class btn-customized */

a.btn-customized[b-dcv9xmx4u1] {
    margin-left: 5px;
    margin-right: 5px;
    padding: .75rem 1.5rem;
    background: #f35b3f;
    border: 0;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    box-shadow: none;
}

    a.btn-customized:hover[b-dcv9xmx4u1],
    a.btn-customized:active[b-dcv9xmx4u1],
    a.btn-customized:focus[b-dcv9xmx4u1],
    a.btn-customized:active:focus[b-dcv9xmx4u1],
    a.btn-customized.active:focus[b-dcv9xmx4u1],
    a.btn-customized.btn.btn-primary:not(:disabled):not(.disabled):active[b-dcv9xmx4u1],
    a.btn-customized.btn.btn-primary:not(:disabled):not(.disabled):active:focus[b-dcv9xmx4u1] {
        outline: 0;
        background: #cd533d; /* for browsers that don't recognize rgba */
        background: rgba(243, 91, 63, 0.7);
        border: 0;
        color: #fff;
        box-shadow: none;
    }


a.btn-customized-3[b-dcv9xmx4u1] {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: .45rem 1.5rem;
    /*background: #444;*/
    border: 0;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    box-shadow: none;
}

    a.btn-customized-3:hover[b-dcv9xmx4u1],
    a.btn-customized-3:active[b-dcv9xmx4u1],
    a.btn-customized-3:focus[b-dcv9xmx4u1],
    a.btn-customized-3:active:focus[b-dcv9xmx4u1],
    a.btn-customized-3.active:focus[b-dcv9xmx4u1],
    a.btn-customized-3.btn.btn-primary:not(:disabled):not(.disabled):active[b-dcv9xmx4u1],
    a.btn-customized-3.btn.btn-primary:not(:disabled):not(.disabled):active:focus[b-dcv9xmx4u1] {
        outline: 0;
        background: #555;
        border: 0;
        color: #fff;
        box-shadow: none;
    }

    a.btn-customized-3 i[b-dcv9xmx4u1] {
        margin-right: 5px;
    }



a.btn-customized-4[b-dcv9xmx4u1] {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin: 0 3px;
    padding: 0;
    background: #444;
    border: 0;
    border-radius: 50%;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    box-shadow: none;
    text-indent: -999999px;
}

    a.btn-customized-4.btn-customized-dark[b-dcv9xmx4u1] {
        background: #222;
    }

    a.btn-customized-4.btn-customized-light[b-dcv9xmx4u1] {
        background: #fff;
    }

    a.btn-customized-4.btn-customized-dark:hover[b-dcv9xmx4u1],
    a.btn-customized-4.btn-customized-dark:active[b-dcv9xmx4u1],
    a.btn-customized-4.btn-customized-dark:focus[b-dcv9xmx4u1],
    a.btn-customized-4.btn-customized-dark:active:focus[b-dcv9xmx4u1],
    a.btn-customized-4.btn-customized-dark.active:focus[b-dcv9xmx4u1],
    a.btn-customized-4.btn-customized-dark.btn.btn-primary:not(:disabled):not(.disabled):active[b-dcv9xmx4u1],
    a.btn-customized-4.btn-customized-dark.btn.btn-primary:not(:disabled):not(.disabled):active:focus[b-dcv9xmx4u1] {
        outline: 0;
        background: #555;
        border: 0;
        color: #fff;
        box-shadow: none;
    }

    a.btn-customized-4.btn-customized-light:hover[b-dcv9xmx4u1],
    a.btn-customized-4.btn-customized-light:active[b-dcv9xmx4u1],
    a.btn-customized-4.btn-customized-light:focus[b-dcv9xmx4u1],
    a.btn-customized-4.btn-customized-light:active:focus[b-dcv9xmx4u1],
    a.btn-customized-4.btn-customized-light.active:focus[b-dcv9xmx4u1],
    a.btn-customized-4.btn-customized-light.btn.btn-primary:not(:disabled):not(.disabled):active[b-dcv9xmx4u1],
    a.btn-customized-4.btn-customized-light.btn.btn-primary:not(:disabled):not(.disabled):active:focus[b-dcv9xmx4u1] {
        outline: 0;
        background: #555;
        border: 0;
        color: #fff;
        box-shadow: none;
    }

.bottom-nav-menu *[b-dcv9xmx4u1] {
    background-color: #153b84;
    color: #d4b621;
}
.bottom-nav-menu a[b-dcv9xmx4u1] {
    text-decoration: none !important;
}
.top-nav-menu[b-dcv9xmx4u1] {
    text-decoration: none !important;
}
/* /Shared/NoData.razor.rz.scp.css */
.noData[b-40uwxbotcg] {
    height: 80vh;
}

    .noData div[b-40uwxbotcg] {
    
        text-align: center;
        font-weight: bold;
    }