/* /Pages/ChangePassword.razor.rz.scp.css */
.paper[b-mwg1oqqy0l] {
}

.label[b-mwg1oqqy0l] {
    margin-left: 1rem;
}

.line[b-mwg1oqqy0l] {
    display: flex;
    flex-direction: row;
    margin-bottom: 1rem;
}

.star[b-mwg1oqqy0l] {
    width: 1rem;
    text-align: center;
    font-size: 1rem;
    margin-top: 0.5rem;
}

input:not([type="checkbox"])[b-mwg1oqqy0l],
select[b-mwg1oqqy0l],
button[b-mwg1oqqy0l]{
    box-sizing: content-box;
    box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
    width: 20rem;
    height: 1.5rem;
    padding: 0.5rem 1rem;
    margin-right: 1rem;
    font-size: 1rem;
    border: solid 1px #c1c1c1;
    border-radius: 3px;
}

input[type="checkbox"][b-mwg1oqqy0l] {
    margin-right: 1rem;
    cursor: pointer;
}

button[b-mwg1oqqy0l] {
    margin-left: 1rem;
    color: white;
    background-color: deepskyblue;
    font-weight: bold;
    cursor: pointer;
}

#success[b-mwg1oqqy0l],
#error[b-mwg1oqqy0l] {
    position: relative;
    height: 3rem;
    margin: 0 1rem;
}

#error[b-mwg1oqqy0l] {
    height: 5rem;
}

#successMessage[b-mwg1oqqy0l],
#errorMessage[b-mwg1oqqy0l] {
    position: absolute;
}

#successMessage[b-mwg1oqqy0l] {
    display: none;
    right: 0;
    color: limegreen;
    background-image: url(images/success.png);
    background-position-x: right;
    background-size: 26px auto;
    padding-right: 34px;
}

#errorMessage[b-mwg1oqqy0l] {
    color: red;
}

#showPasswords[b-mwg1oqqy0l] {
    width: fit-content;
    margin: 0 0 1rem 1rem;
    cursor: pointer;
}



@media (max-width: 1000px) {

    input[type=password][b-mwg1oqqy0l], input[type=text][b-mwg1oqqy0l] {
        height: 37px;
        font-size: 25px;
        width: 80%;
    }

    button[b-mwg1oqqy0l]{
        font-weight: 700;
        font-size: 21px;
    }

    .star[b-mwg1oqqy0l] {
        margin-top: 1.3rem;
        font-size: 1.6rem;
    }

    #showPasswords[b-mwg1oqqy0l] {
        font-size: 25px;
    }

    input[type=checkbox][b-mwg1oqqy0l] {
        height: 20px;
        width: 20px;
    }
}
/* /Pages/Components/ComingSoonComponent.razor.rz.scp.css */
#coming-soon[b-ws78z2j1ck] {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 24rem;
    height: 12rem;
    /*margin-top: -12rem;*/
    background-size: 100%;
}
/* /Pages/Components/ContactComponent.razor.rz.scp.css */
/*.header {
    background-image: url(../images/underlining/orange/long.png);
    background-size: 100% 40px;
    background-position-y: 8px;
    font-size: 45px;
    font-weight: 800;
    width: fit-content;
    height: 70px;
    padding:0 20px;
}*/

.contactcontainer[b-cl30tbgln3]{
    position:relative;
    height:1100px;
}

.concactdetails[b-cl30tbgln3] {
    font-size: 19px;
    padding: 53px ;
    box-sizing: border-box;
    background-color: white;
    box-shadow: 0 0 54px 7px rgb(0 0 0 / 5%);
    border-radius: 4px;
    position: absolute;
    vertical-align: top;
    line-height: 27px;
    
}

    .concactdetails h2[b-cl30tbgln3] {
        margin-top: 8px;
        text-align: left;
    }


    .concactdetails.small[b-cl30tbgln3] {
        width: 486px;
        height: 400px;
        top: 0;
    }
        .concactdetails.small.faq[b-cl30tbgln3] {
            left: 530px;
            text-align: center;
        }

        .concactdetails.small.faq img[b-cl30tbgln3] {
            width:220px;
        }


    .concactdetails.big[b-cl30tbgln3] {
        top: 432px;
        width:1014px;
    }

    .concactdetails .tablewriteus[b-cl30tbgln3] {
        width: 100%;
        border-spacing: 0;
    }

    .concactdetails .tablewriteus .firstcell[b-cl30tbgln3] {
        width: 130px;
       
    }

.tablewriteus input[b-cl30tbgln3] {
    padding: 5px 11px;
    font-size: 16px;
    box-shadow: 0 0 55px 7px rgb(0 0 0 / 5%);
    border-radius: 4px;
    border: solid 1px #C1C1C1;
    width: 100%;
    height: 37px;
    margin: 5px 0;
    box-sizing: border-box;
}


.tablewriteus textarea[b-cl30tbgln3] {
    height: 260px;
    margin-top: 20px;
    padding: 5px 11px;
    font-size: 16px;
    box-shadow: 0 0 55px 7px rgb(0 0 0 / 5%);
    border-radius: 4px;
    border: solid 1px #BEBEBE;
    width: 100%;
    resize: none;
    box-sizing: border-box;
}

.tablewriteus input[b-cl30tbgln3]::placeholder, .tablewriteus textarea[b-cl30tbgln3]::placeholder {
    color: #BEBEBE;
}


.tablewriteus .errortext[b-cl30tbgln3] {
    color: #C40000;
    height: 26px;
}


.tablewriteus .buttonsend[b-cl30tbgln3] {
    width: 146px;
    color: white;
    background-color: #323232;
    padding: 5px 16px 16px 16px;
    border-radius: 4px;
    text-align: center;
    font-weight: 700;
    height: 21px;
    font-size: 21px;
    margin-top: 10px;
    float:right;
    cursor:pointer;
}


@media (max-width: 1000px) {
    .contactcontainer[b-cl30tbgln3] {
        height: 1500px;
    }

    .concactdetails[b-cl30tbgln3] {
        font-size: 25px;
    }

        .concactdetails.small[b-cl30tbgln3] {
            width: 100%;
        }

            .concactdetails.small.faq[b-cl30tbgln3] {
                left: 0;
                top: 1126px;
            }

        .concactdetails.big[b-cl30tbgln3] {
            width: 100%;
        }

    .tablewriteus input[b-cl30tbgln3], .tablewriteus textarea[b-cl30tbgln3] {
        font-size: 20px;
        line-height: 26px;
    }


    .contactcontainer.relative .concactdetails[b-cl30tbgln3] {
        position: relative;
        margin-top: 50px;
        left: unset;
        top: unset;
    }
}
/* /Pages/Components/FeedbackComponent.razor.rz.scp.css */

#feedback[b-b5sehf6ncf] {
    width: 153px;
    height: 33px;
    background-size: 200px auto;
    top: 710px;
    position: absolute;
    right: 0;
    padding-left: 27px;
    z-index: 2;
    background-image: url('images/feedback/blue.png');
    cursor: pointer;
    font-size: 17px;
    font-weight: 800;
}

    #feedback.orange[b-b5sehf6ncf] {
        background-image: url('images/feedback/orange.png');
    }

    #feedback.green[b-b5sehf6ncf] {
        background-image: url('images/feedback/green.png');
    }

    #feedback.paleblue[b-b5sehf6ncf] {
        background-image: url('images/feedback/paleblue.png');
    }

    #feedback.purple[b-b5sehf6ncf] {
        background-image: url('images/feedback/purple.png');
    }

    #feedback.yellow[b-b5sehf6ncf] {
        background-image: url('images/feedback/yellow.png');
    }

    #feedback.pink[b-b5sehf6ncf] {
        background-image: url('images/feedback/pink.png');
    }

    #feedback.red[b-b5sehf6ncf] {
        background-image: url('images/feedback/red.png');
    }

@media (max-width: 1000px) {
    #popupcontainer[b-b5sehf6ncf], #feedback[b-b5sehf6ncf] {
        display: none;
    }
}
/* /Pages/Components/FooterComponent.razor.rz.scp.css */
#footer[b-aqxt0ryxdm] {
    position: relative;
    padding: 20px 0 40px 66px;
    background-color: #F7F7F7;
    margin: 0 13px 13px 13px;
    font-family: 'proxima_novaregular';
    color: #323232;
}

#footer .clickme[b-aqxt0ryxdm]{
    cursor:pointer;
}

.google-play[b-aqxt0ryxdm] {
    height: 40px;
}

#newsletterbox[b-aqxt0ryxdm] {
    font-family: 'proxima_novaextrabold';
    font-size: 46px;
    display: inline-block;
    vertical-align: top;
    padding-right: 40px;
    margin-bottom: 40px;
    width: 640px;
    font-weight: 800;
}

    #newsletterbox .button[b-aqxt0ryxdm] {
        width: 200px;
        height: 22px;
        font-size: 18px;
        border-radius: 4px;
        text-align: center;
        box-shadow: 0 0 54px 7px rgb(0 0 0 / 8%);
        border-radius: 4px;
        padding: 10px 16px 12px 16px;
        margin-top: 40px;
        cursor:pointer;
    }

    #newsletterbox .newslettertext2[b-aqxt0ryxdm] {
        background-image: url('images/underlining/pink/long.png');
        background-position-y: -3px;
        background-size: 495px auto;
        margin-left: -8px;
        padding-left: 8px;
        padding-bottom: 8px;
    }



    #contactbox[b-aqxt0ryxdm] {
        font-size: 20px;
        line-height: 30px;
        display: inline-block;
        width: 44%;
    }

    #contactbox table[b-aqxt0ryxdm] {
        width: 560px;
    }

    #contactbox th[b-aqxt0ryxdm] {
        font-weight: 700;
        text-align: left;
    }

    #contactbox div[b-aqxt0ryxdm] {
        vertical-align:top;
    }

        #contactbox .logo[b-aqxt0ryxdm] {
            width: 146px;
            height: 28px;
            display: inline-block;
            margin-left: 4px;
            background-image: url('images/highlight-logo.png');
            background-size: 126px auto;
        }

        #contactbox .some[b-aqxt0ryxdm] {
            display: inline-block;
            height: 56px;
            width: 46px;
        }
   

#appbox[b-aqxt0ryxdm] {
    font-size: 20px;
    font-weight: 800;
    position: absolute;
    top: 34px;
    left: 1360px;
    width: 280px;
    margin-bottom: 10px;
}


@media (max-width: 1700px) {

    #footer[b-aqxt0ryxdm]{
        padding-bottom:150px;
    }

    #appbox[b-aqxt0ryxdm] {
        left: 754px;
        top: 300px;
    }
}

@media (max-width: 1350px) {

    #footer[b-aqxt0ryxdm] {
        margin: 0;
       /* padding-left: 10px;
        padding-right: 10px;*/
    }

    #newsletterbox[b-aqxt0ryxdm] {
        /*margin-bottom: 200px;*/
        /*font-size: 60px;*/
        width: 560px;
    }

        /*#newsletterbox .button {
            width: 320px;*/
            /*font-size: 32px;*/
    /*height: 32px;
            cursor:pointer;
        }


        #newsletterbox .newslettertext2 {
            background-size: 656px 107px;
        }

    #contactbox {
        margin-top: 230px;
        font-size: 14px;
        width: 100%;
    }

        #contactbox table{
            width:100%;
        }

        #contactbox th {
            padding-top: 24px;
        }

        #contactbox .logo {
            background-position-y: bottom;
            width: 80%;
            background-size:contain;
        }*/

    #appbox[b-aqxt0ryxdm] {
        left: 674px;
        top: 300px;
    }

    /*#appbox {
        position: absolute;
        left: 0;
        top: 370px;
        width: 100%;
        background-color: white;
        padding: 70px;*/
       /* font-size: 36px;*/
        /*font-weight: 800;
        margin-bottom: 30px;
        box-sizing: border-box;
    
    }*/

   /* #appbox img {
        height: 80px;
    }*/
}

@media (max-width: 1250px) {


    #newsletterbox[b-aqxt0ryxdm] {
        font-size: 60px;
        width:unset;
    }

        #newsletterbox .button[b-aqxt0ryxdm] {
            width: 320px;
            height: 32px;
            cursor: pointer;
            font-size: 32px;
            font-weight: 800;
        }


        #newsletterbox .newslettertext2[b-aqxt0ryxdm] {
            background-size: 648px 107px;
        }

    #contactbox[b-aqxt0ryxdm] {
        margin-top: 400px;
        font-size: 14px;
        width: 100%;
    }

        #contactbox table[b-aqxt0ryxdm] {
            width: 100%;
            font-size: 25px;
            line-height: 29px;
        }

        #contactbox th[b-aqxt0ryxdm] {
            padding-top: 24px;            
        }

        #contactbox .logo[b-aqxt0ryxdm] {
            background-position-y: bottom;
            width: 80%;
            background-size: 110px;
        }

    #appbox[b-aqxt0ryxdm] {
        position: absolute;
        left: 0;
        top: 370px;
        width: 100%;
        background-color: white;
        padding: 70px;
        font-size: 36px;
        font-weight: 800;
        margin-bottom: 30px;
        box-sizing: border-box;
    }

        #appbox img[b-aqxt0ryxdm] {
            height: 80px;
        }
}
/* /Pages/Components/HeaderComponent.razor.rz.scp.css */
#alertmessage[b-diot21lpfx] {
    position: fixed;
    z-index: 5;
    background-color: #ffc51b;
    width: 100%;
    padding: 40px 80px;
    box-sizing: border-box;
}

    #alertmessage .message[b-diot21lpfx] {
        background-image: url(images/attention.png);
        background-size: 26px auto;
        background-position-y: center;
        padding-left: 50px;
        font-size: 19px;
        line-height: 19px;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 50px;
    }

#iAmAdmin[b-diot21lpfx] {
    background-image: url(images/login.png);
    height: 20px;
    width: 20px;
    padding: 4px;
    cursor: pointer;
    background-size: 20px;
    position: absolute;
    top: 5px;
    right: 5px;
}

#header[b-diot21lpfx] {
    background-color: white;
    padding: 13px 13px 0pt 13px;
    color: #323232;
    position: fixed;
    width: 100%;
    box-sizing: border-box;
    z-index: 4;
    height: 90px;
    font-weight: 800;
    font-size: 21px;
}

    #header.Message[b-diot21lpfx] {
        margin-top: 66px;
    }

    #header table[b-diot21lpfx] {
        box-sizing: border-box;
        padding: 20px 66px 16px 66px;
        width: 100%;
        height: 100%;
        background-color: #f7f7f7;
    }

    #header .logo[b-diot21lpfx] {
        width: 146px;
        cursor: pointer;
    }

        #header .logo img[b-diot21lpfx] {
            width: 100%;
        }

    #header .video[b-diot21lpfx] {
        padding-left: 90px;
        width: 140px;
        cursor: pointer;
        position: relative;
        background-position-x: 80px;
        background-position-y: 15px;
        background-size: 110px 22px;
    }


        #header .video.blue[b-diot21lpfx], #header .quiz.blue[b-diot21lpfx] {
            background-image: url(images/underlining/blue/small.png);
        }

        #header .video.pink[b-diot21lpfx], #header .quiz.pink[b-diot21lpfx] {
            background-image: url(images/underlining/pink/medium.png);
        }

        #header .video.paleblue[b-diot21lpfx], #header .quiz.paleblue[b-diot21lpfx] {
            background-image: url(images/underlining/paleblue/small.png);
            background-position-y: 18px;
        }

        #header .video.red[b-diot21lpfx], #header .quiz.red[b-diot21lpfx] {
            background-image: url(images/underlining/red/small.png);
            background-position-y: 18px;
        }

        #header .video.orange[b-diot21lpfx], #header .quiz.orange[b-diot21lpfx] {
            background-image: url(images/underlining/orange/small.png);
        }

        #header .video.green[b-diot21lpfx], #header .quiz.green[b-diot21lpfx] {
            background-image: url(images/underlining/green/small.png);
        }

        #header .video.yellow[b-diot21lpfx], #header .quiz.yellow[b-diot21lpfx] {
            background-image: url(images/underlining/yellow/small.png);
        }

        #header .video.purple[b-diot21lpfx] {
            background-image: url(images/underlining/purple/small.png);
            background-size: 110px 18px;
            background-position-y: 17px;
        }

    #header .quiz.purple[b-diot21lpfx] {
        background-image: url(images/underlining/purple/small.png);
        background-size: 90px 18px;
        background-position-y: 17px;
    }


    #header .video img[b-diot21lpfx] {
        position: absolute;
        top: 16px;
        left: 153px;
    }

    #header .quiz[b-diot21lpfx] {
        width: 130px;
        cursor: pointer;
        position: relative;
        background-position-y: 15px;
        padding-left: 6px;
        box-sizing: border-box;
        background-size: 90px 22px;
    }

        #header .quiz img[b-diot21lpfx] {
            position: absolute;
            top: 16px;
            left: 58px;
        }


    #header .aboutus[b-diot21lpfx] {
        width: 110px;
        cursor: pointer;
    }

    #header .price[b-diot21lpfx] {
        width: 90px;
        cursor: pointer;
    }

    #header .videos[b-diot21lpfx] {
        cursor: pointer;
    }

    #header .user[b-diot21lpfx] {
        float: right;
        height: 100%;
    }

    #header .login[b-diot21lpfx] {
        display: inline-block;
        box-sizing: border-box;
        padding: 6px 36px;
        vertical-align: middle;
        cursor: pointer;
    }

    #header .createuser[b-diot21lpfx] {
        color: white;
        background-color: #323232;
        padding: 7px 16px 14px 16px;
        border-radius: 4px;
        text-align: center;
        height: 22px;
        display: inline-block;
        font-weight: 700;
        cursor: pointer;
    }

    #header .profilemobile[b-diot21lpfx] {
        background-image: url(images/menu.png);
        width: 42px;
        background-size: 32px;
        padding: 14px;
        box-sizing: border-box;
        background-position: center;
        display: none;
    }

    #header .user .currentuser[b-diot21lpfx] {
        background-image: url(images/me.png);
        background-size: auto 27px;
        padding-left: 38px;
        height: 100%;
        line-height: 28px;
        cursor: pointer;
    }


#mysearch[b-diot21lpfx] {
    width: calc(100% + 27px);
    height: 50px;
    background-color: white;
    position: relative;
    line-height: 50px;
    font-size: 20px;
    box-shadow: 0 6px 10px -6px rgb(0 0 0 / 8%);
    margin-left: -13px;
}

    #mysearch .blueline[b-diot21lpfx] {
        width: 5px;
        height: 100%;
        background-color: #4cd1ff;
        position: absolute;
        left: 13px;
    }

    #mysearch img[b-diot21lpfx] {
        box-sizing: border-box;
        position: absolute;
        top: 11px;
        left: 80px;
    }

    #mysearch input[b-diot21lpfx] {
        border: none;
        height: 100%;
        width: 100%;
        box-sizing: border-box;
        font-size: 24px;
        padding: 5px 11px 5px 120px;
        margin-bottom: 16px;
        box-shadow: 0 0 54px 7px rgb(0 0 0 / 5%);
        border-radius: 4px;
        outline: none;
    }

        #mysearch input[b-diot21lpfx]::placeholder {
            color: #2f2f2f;
            font-size: 21px;
        }


@media (max-width: 1350px) {

    #header .videos[b-diot21lpfx] {
        display: none;
    }
}

@media (max-width: 1200px) {

    #header .price[b-diot21lpfx] {
        display: none;
    }
}


@media (max-width: 1100px) {

    #header .aboutus[b-diot21lpfx] {
        display: none;
    }
}


@media (max-width: 1000px) {

    #header[b-diot21lpfx] {
        height: 120px;
        padding: 0;
    }

        #header table[b-diot21lpfx] {
            padding: 16px 20px;
        }

        #header .logo[b-diot21lpfx] {
            width: unset;
            padding-left: 40px;
        }

            #header .logo img[b-diot21lpfx] {
                width: 230px;
            }


        #header .user[b-diot21lpfx] {
            width: 60px;
            padding-top: 26px;
        }

        #header .profilemobile[b-diot21lpfx] {
            display: block;
            cursor: pointer;
        }

        #header .user .login[b-diot21lpfx] {
            display: none;
        }

        #header .user .createuser[b-diot21lpfx] {
            display: none;
        }

        #header .user .currentuser[b-diot21lpfx] {
            display: none;
        }

        #header .video[b-diot21lpfx] {
            width: 127px;
            padding-left: 6px;
            font-size: 35px;
        }

            #header .video img[b-diot21lpfx] {
                top: 38px;
                right: 0;
                left: unset;
                width: 25px;
            }

        #header .quiz img[b-diot21lpfx] {
            top: 38px;
            right: 0;
            left: unset;
            width: 25px;
        }

        #header .quiz[b-diot21lpfx] {
            width: 137px;
            cursor: pointer;
            padding-left: 30px;
            font-size: 35px;
        }


        #header .video[b-diot21lpfx] {
            background-position-x: 0;
            background-position-y: 34px;
            padding-left: 6px;
        }


        #header .quiz[b-diot21lpfx] {
            background-position-y: 34px;
            background-size: 94px 20px;
            background-position-x: 20px;
        }


        #header .video.purple[b-diot21lpfx], #header .quiz.purple[b-diot21lpfx] {
            background-position-y: 34px;
        }

       

}
/* /Pages/Components/MenuItemComponent.razor.rz.scp.css */
.active[b-yp114i8m5r]{
    font-weight:800;
}
/* /Pages/Components/MenuPageComponent.razor.rz.scp.css */
#menu[b-9hns3qmn6r] {
    font-size: 19px;
    width: 100%;
}

    #menu div[b-9hns3qmn6r] {
        padding: 12px 12px 12px 0;
        margin-bottom: 14px;
        width: 100%;
        cursor: pointer;
    }
/* /Pages/Components/MenuUserComponent.razor.rz.scp.css */
#menu[b-45b95pmm6b] {
    font-size: 19px;
    width: 100%;
}

    #menu div[b-45b95pmm6b] {
        padding: 12px 12px 12px 0;
        margin-bottom: 14px;
        width: 100%;
        cursor: pointer;
    }
/* /Pages/Components/MenuUserMobileComponent.razor.rz.scp.css */
#menu[b-dpy4f2jbjy] {
    width: 100%;
}

    #menu div[b-dpy4f2jbjy] {
        width: 100px;
        height: 100px;
        background-size: 84px, 155px auto;
        background-position-x: center, -11px;
        background-position-y: center, -17px;
        display: inline-block;
        padding: 24px;
        margin-left: 3px;
        margin-right: 3px;
    }

    #menu .userprofile[b-dpy4f2jbjy] {
        background-image: url(images/me.png);
    }
        #menu .userprofile.selected[b-dpy4f2jbjy] {
            background-image: url(images/me.png),url(images/underlining/orange/double.png);
        }
    

#menu .password[b-dpy4f2jbjy] {
    background-image: url(images/password.png);
}
    #menu .password.selected[b-dpy4f2jbjy] {
        background-image: url(images/password.png),url(images/underlining/blue/double.png);
    }

#menu .subscription[b-dpy4f2jbjy] {
    background-image: url(images/subscription.png);
}
    #menu .subscription.selected[b-dpy4f2jbjy] {
        background-image: url(images/subscription.png),url(images/underlining/pink/double.png);
    }

#menu .history[b-dpy4f2jbjy] {
    background-image: url(images/history.png);
}
    #menu .history.selected[b-dpy4f2jbjy] {
        background-image: url(images/history.png),url(images/underlining/green/double.png);
    }
    
/* /Pages/Components/PlaylistComponent.razor.rz.scp.css */

.playlistcontainer[b-k9og8ps0us] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0);
    z-index: 50;
    /*overflow-y: auto;*/
}

.playlistcomponent[b-k9og8ps0us] {
    padding: 20px;
    position: absolute;
    background-color: white;
    width: 240px;
    text-align: left;
    right: 0;
    top: 50px;
    z-index: 3;
    box-shadow: 0 0 57px 7px rgb(0 0 0 / 12%);
    border-radius: 6px;
}


.videoItem .playlistcomponent[b-k9og8ps0us] {
    top: 310px;
}

.playlistcontainer.hidden[b-k9og8ps0us] {
    display: none;
}

.playlistcontainer .listitems[b-k9og8ps0us] {
    max-height: 250px;
    overflow-y: auto;
}


.blackbutton[b-k9og8ps0us] {
    background-color: #323232;
    color: white;
    width: 100%;
    height: 36px;
    line-height: 32px;
    text-align: center;
    font-weight: 800;
    font-size: 16px;
    border-radius: 4px;
    margin-top: 10px;
    cursor: pointer;
}

h4[b-k9og8ps0us] {
    font-size: 16px;
    font-weight: 800;
    margin: 16px 0;
}
.playlistitem[b-k9og8ps0us] {
    font-size: 16px;
    padding: 8px 0 8px 26px;
    cursor: pointer;
    position: relative;
    font-weight: 300;
}

.close[b-k9og8ps0us] {
    background-image: url(images/close_red.png);
    position: absolute;
    top: 10px;
    right: 10px;
    width: 12px;
    height: 10px;
    PADDING: 6px;
    background-position: center;
    cursor:pointer;
}

.inputtext[b-k9og8ps0us] {
    width: 100%;
    height: 30px;
    padding: 5px;
    border: none;
    box-shadow: 0 0 41pt 5pt rgb(0 0 0 / 5%);
    border-radius: 4px;
    border: solid 1px #C1C1C1;
    box-sizing: border-box;
    font-size: 14px;
    margin-top: 4px;
}

.checkbox[b-k9og8ps0us] {
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 5px;
    cursor:pointer;
}

.message[b-k9og8ps0us] {
    height: 26px;
    font-weight: 600;
    margin-top: 8px;
    font-size: 16px;
    opacity: 1;
    line-height: 26px;
    color: #f66ab2;
}

    .message.fadeout[b-k9og8ps0us] {
        opacity: 0;
        transition-delay: 1.5s;
        transition-property: opacity ;
        transition-duration:0.5s;
    }

    
/* /Pages/Components/PopupCancelSubscriptionComponent.razor.rz.scp.css */
#popupCancelSubscriptionComponent[b-8qvg6vjjwd] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 10;
    overflow: hidden;
    display: none;
}

#popupCancelSubscriptionContainer[b-8qvg6vjjwd] {
    width: 26rem;
    height: fit-content;
    border-radius: 4px;
    font-size: 25px;
    line-height: 29px;
    position: absolute;
    background-color: #FFFFFF;
    z-index: 50;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 20pt;
}

    #popupCancelSubscriptionContainer .close[b-8qvg6vjjwd] {
        background-image: url('images/close.png');
        width: 20px;
        height: 20px;
        position: absolute;
        top: 1rem;
        right: 1rem;
        cursor: pointer;
    }

    #popupCancelSubscriptionContainer #logo[b-8qvg6vjjwd] {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        width: 150pt;
        margin-top: 3rem;
    }

    #popupCancelSubscriptionContainer input[b-8qvg6vjjwd] {
        width: 242pt;
        height: 20pt;
        padding: 4pt 8pt 4pt 8pt;
        font-size: 12pt;
        margin-bottom: 12pt;
        box-shadow: 0 0 41pt 5pt rgb(0 0 0 / 5%);
        border-radius: 3pt;
        border: solid 1pt #C1C1C1;
    }

    #popupCancelSubscriptionContainer button[b-8qvg6vjjwd] {
        color: white;
        background-color: deepskyblue;
        padding: 4pt 12pt 12pt 12pt;
        border: none;
        border-radius: 3pt;
        text-align: center;
        height: 30pt;
        font-size: 16pt;
        width: 100%;
        font-weight: bold;
        cursor: pointer;
    }

        #popupCancelSubscriptionContainer button:first-of-type:not(.closeButton)[b-8qvg6vjjwd] {
            margin-bottom: 1rem;
        }

        #popupCancelSubscriptionContainer button:disabled[b-8qvg6vjjwd] {
            background-color: #323232;
            opacity: 0.5;
            cursor: not-allowed;
        }

        #popupCancelSubscriptionContainer button.closeButton[b-8qvg6vjjwd] {
            background-color: white;
            color: black;
            border: 2px inset black;
        }

.cancelMessage[b-8qvg6vjjwd] {
    font-size: 1.3rem;
    white-space: break-spaces;
    font-weight: bold;
}

.radioButtonGroup[b-8qvg6vjjwd] {
    margin: 1rem 0;
    /*max-height: 12rem;*/
    overflow-y: auto;
}

.radioButton[b-8qvg6vjjwd] {
    font-size: 1.3rem;
}

    .radioButton.selected[b-8qvg6vjjwd] {
        background-color: #CFCFCF;
        border-radius: 4px;
    }

.radioButton:not(:last-child)[b-8qvg6vjjwd] {
    margin-bottom: 0.5rem;
}

    .radioButton[b-8qvg6vjjwd]  input[type="radio"] {
        appearance: none;
        width: 1rem;
        height: 1rem;
        border-radius: 50%;
        box-shadow: 0 0 0.2rem 0.1rem #00000020;
        background-color: white;
        margin-right: 3rem;
        display: inline-grid;
        place-content: center;
    }

        .radioButton[b-8qvg6vjjwd]  input[type="radio"]::before {
            content: "";
            width: 12px;
            height: 12px;
            background-color: #00BEFF;
            border-radius: 7px;
            position: relative;
            transform: scale(0);
        }

        .radioButton[b-8qvg6vjjwd]  input[type="radio"]:checked::before {
            transform: scale(1);
        }

.buttons[b-8qvg6vjjwd] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.canceledMessage[b-8qvg6vjjwd] {
    text-align: center;
    font-weight: bold;
    font-size: 1.2rem;
    white-space: break-spaces;
    margin-bottom: 1rem;
}

.canceledMessage ~ .canceledMessage[b-8qvg6vjjwd] {
    text-align: left;
    font-weight: normal;
}
/* /Pages/Components/PopupFeedBackComponent.razor.rz.scp.css */
#feedbackcontainer[b-tvq4v1z73j] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 50;
    overflow-y: auto;
}


#feedbackcontainer .message[b-tvq4v1z73j] {
    width: 970px;
    height: 613px;
    border-radius: 4px;
    position: absolute;
    background-color: #FFFFFF;
    z-index: 10;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 30px;
    box-sizing: border-box;
}

    #feedbackcontainer .message .close[b-tvq4v1z73j] {
        background-image: url(images/close.png);
        width: 20px;
        height: 20px;
        position: absolute;
        top: 24px;
        right: 14px;
        cursor: pointer;
        padding: 6px;
    }



    #feedbackcontainer .message .title[b-tvq4v1z73j] {
        font-weight: 800;
        background-image: url(images/underlining/pink/medium.png);
        background-position-y: bottom;
        background-size: 120px 19px;
        height: 27px;
        margin-bottom: 43px;
        padding: 0 13px;
        font-size: 21px;
    }


    #feedbackcontainer .message textarea[b-tvq4v1z73j] {
        width: 720px;
        height: 387px;
        padding: 5px 11px;
        margin: 0pt 80pt 10pt 50pt;
        font-size: 16px;
        box-shadow: 0 0 57px 7px rgb(0 0 0 / 5%);
        border-radius: 4px;
        border: solid 1px #C1C1C1;
        outline: none;
        resize: none;
        line-height: 27px;
    }

        #feedbackcontainer .message textarea[b-tvq4v1z73j]::placeholder {
            color: #c4bebe;
            font-size: 16px;
        }


    #feedbackcontainer .message .button[b-tvq4v1z73j] {
        color: white;
        background-color: #323232;
        padding: 5px 16px 16px 16px;
        border-radius: 4px;
        text-align: center;
        font-weight: 700;
        font-size: 21px;
        height: 21px;
        width: 67px;
        float: right;
        margin-top: 24px;
        cursor: pointer;
    }


    #feedbackcontainer .message .error[b-tvq4v1z73j] {
        margin-left: 67px;
        color: #C40000;
        height: 27px;
        font-size: 19px;
        line-height: 24px;
        font-weight: 300;
    }


@media (max-width: 1000px) {

    #feedbackcontainer .message[b-tvq4v1z73j] {
        width: 800px;
    }

    #feedbackcontainer .message .title[b-tvq4v1z73j] {
        background-image: none;
        font-size: 35px;
    }

    #feedbackcontainer .message .button[b-tvq4v1z73j] {
        font-size: 25px;
    }

    #feedbackcontainer .message .error[b-tvq4v1z73j] {
        font-size: 25px;
    }

    #feedbackcontainer .message textarea[b-tvq4v1z73j]::placeholder {
        font-size: 25px;
    }

        #feedbackcontainer .message textarea[b-tvq4v1z73j] {
            width: 590px;
        }
}
/* /Pages/Components/PopupLoginComponent.razor.rz.scp.css */
#popupLoginComponent[b-hfhp44q48d] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 10;
    overflow: hidden;
    display: none;
}

#popupLoginContainer[b-hfhp44q48d] {
    width: 324pt;
    height: 305pt;
    border-radius: 4px;
    font-size: 25px;
    line-height: 29px;
    position: absolute;
    background-color: #FFFFFF;
    z-index: 50;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 20pt;
}

    #popupLoginContainer #login[b-hfhp44q48d],
    #popupLoginContainer #forgot[b-hfhp44q48d] {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #popupLoginContainer .close[b-hfhp44q48d] {
        background-image: url('images/close.png');
        width: 20px;
        height: 20px;
        position: absolute;
        top: 1rem;
        right: 1rem;
        cursor: pointer;
    }

    #popupLoginContainer #logo[b-hfhp44q48d] {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        width: 150pt;
        margin-top: 3rem;
    }

    #popupLoginContainer input[b-hfhp44q48d] {
        width: 242pt;
        height: 20pt;
        padding: 4pt 8pt 4pt 8pt;
        font-size: 12pt;
        margin-bottom: 12pt;
        box-shadow: 0 0 41pt 5pt rgb(0 0 0 / 5%);
        border-radius: 3pt;
        border: solid 1pt #C1C1C1;
    }

    #popupLoginContainer #errorMessage[b-hfhp44q48d] {
        height: 6rem;
        padding-top: 0.5rem;
    }

        #popupLoginContainer #errorMessage #exclamation[b-hfhp44q48d] {
            position: relative;
            left: 50%;
            transform: translateX(-50%);
            width: 20px;
        }

        #popupLoginContainer #errorMessage #first[b-hfhp44q48d],
        #popupLoginContainer #errorMessage #second[b-hfhp44q48d] {
            font-size: 14pt;
            font-weight: normal;
            color: red;
            line-height: 18pt;
            text-align: center;
        }

        #popupLoginContainer #errorMessage #first[b-hfhp44q48d] {
            font-weight: bold;
        }

    #popupLoginContainer button[b-hfhp44q48d] {
        color: white;
        background-color: #323232;
        padding: 4pt 12pt 12pt 12pt;
        border-radius: 3pt;
        text-align: center;
        height: 30pt;
        font-size: 16pt;
        width: 260pt;
        font-weight: bold;
        cursor: pointer;
    }

    #popupLoginContainer #forgotPassword[b-hfhp44q48d],
    #popupLoginContainer #createUser[b-hfhp44q48d],
    #popupLoginContainer #createUserQuestion[b-hfhp44q48d],
    #popupLoginContainer #forgotPasswordSent[b-hfhp44q48d] {
        font-size: 14pt;
        font-weight: normal;
        text-align: center;
    }

    #popupLoginContainer #forgotPassword[b-hfhp44q48d],
    #popupLoginContainer #createUser[b-hfhp44q48d] {
        cursor: pointer;
    }

    #popupLoginContainer #createUserQuestion[b-hfhp44q48d] {
        margin-top: 10rem;
    }

    #popupLoginContainer #forgotPasswordSent[b-hfhp44q48d] {
        margin-top: 4rem;
    }
/* /Pages/Components/PopupMenuComponent.razor.rz.scp.css */
#popupMenuComponent[b-9f79hlngmf] {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0);
    z-index: 50;
    overflow-y: auto;
}

    #popupMenuComponent #menu[b-9f79hlngmf] {
        position: absolute;
        top: 100px;
        left: 300px;
        padding: 20px 20px 20px 40px;
        background-color: white;
        width: 246px;
        box-shadow: 0 0 57px 7px rgb(0 0 0 / 5%);
        border-radius: 4px;
    }

    #popupMenuComponent.message #menu[b-9f79hlngmf] {
        top: 160px;
    }

    #popupMenuComponent #menu.user[b-9f79hlngmf] {
        left: unset;
        right: 13px;
    }

    #popupMenuComponent #triangle[b-9f79hlngmf] {
        width: 0px;
        height: 13px;
        border-bottom: solid 13px white;
        border-left: solid 13px transparent;
        border-right: solid 13px transparent;
        position: absolute;
        top: -23px;
        right: 100px;
    }

        #popupMenuComponent #triangle.video[b-9f79hlngmf] {
            left: 80px;
        }
        #popupMenuComponent #triangle.quiz[b-9f79hlngmf] {
            left: 200px;
        }

    #popupMenuComponent #menu .subjetitem[b-9f79hlngmf] {
        font-size: 21px;
        padding: 20px 0;
        font-weight: 300;
        cursor: pointer;
    }

        #popupMenuComponent #menu .subjetitem.bold[b-9f79hlngmf] {
            margin-top: 30px;
            font-weight: 800;
        }

        #popupMenuComponent #menu .subjetitem.user[b-9f79hlngmf] {
           padding-left:60px;
           font-weight:800;
            background-size: 29px auto;
            background-position-y: center;
        }

        #popupMenuComponent #menu .subjetitem.login[b-9f79hlngmf] {
            background-image: url('images/menu/login.png');
        }
        #popupMenuComponent #menu .subjetitem.logout[b-9f79hlngmf] {            
            background-image: url('images/menu/logout.svg');
        }
        #popupMenuComponent #menu .subjetitem.home[b-9f79hlngmf] {
            background-image: url('images/menu/home.svg');
        }
        #popupMenuComponent #menu .subjetitem.createprofile[b-9f79hlngmf] {
            background-image: url('images/menu/me.svg');
        }
        #popupMenuComponent #menu .subjetitem.aboutus[b-9f79hlngmf] {
            background-image: url('images/menu/omos.svg');
        }
        #popupMenuComponent #menu .subjetitem.price[b-9f79hlngmf] {
            background-image: url('images/menu/pris.svg');
        }
        #popupMenuComponent #menu .subjetitem.videos[b-9f79hlngmf] {
            background-image: url('images/menu/play.svg');
        }
        #popupMenuComponent #menu .subjetitem.profile[b-9f79hlngmf] {
            background-image: url('images/menu/me.svg');
        }
        #popupMenuComponent #menu .subjetitem.mylearning[b-9f79hlngmf] {
            background-image: url('images/menu/mybrain.svg');
        }
        #popupMenuComponent #menu .subjetitem.mylist[b-9f79hlngmf] {
            background-image: url('images/menu/heart.svg');
        }

        #popupMenuComponent #menu .subjetitem.aboutus[b-9f79hlngmf], #popupMenuComponent #menu .subjetitem.price[b-9f79hlngmf], #popupMenuComponent #menu .subjetitem.videos[b-9f79hlngmf]{
            display:none;
        }

@media (max-width: 1000px) {
    #popupMenuComponent[b-9f79hlngmf] {
        background-color: rgba(0, 0, 0, 0.75);
    }

        #popupMenuComponent #triangle.video[b-9f79hlngmf] {
            left: unset;
            right: 300px;
        }

        #popupMenuComponent #triangle.quiz[b-9f79hlngmf] {
            left: unset;
            right: 160px;
        }

        #popupMenuComponent #triangle.user[b-9f79hlngmf] {
            right: 30px;
        }

        #popupMenuComponent #menu[b-9f79hlngmf] {
            width: calc(100% - 66px);
            left: 0;
            top: 120px;
            margin-left: 20px;
            margin-right: 20px;
            box-sizing: border-box;
        }

            #popupMenuComponent #menu .subjetitem[b-9f79hlngmf] {
                font-size: 35px;
                line-height:44px;
            }

                #popupMenuComponent #menu .subjetitem.aboutus[b-9f79hlngmf], #popupMenuComponent #menu .subjetitem.price[b-9f79hlngmf], #popupMenuComponent #menu .subjetitem.videos[b-9f79hlngmf] {
                    display: block;
                }



                #popupMenuComponent #menu .subjetitem.videos[b-9f79hlngmf] {
                    background-size: 24px auto;
                }

                    
                    
}
/* /Pages/Components/PopupMessageCampaignComponent.razor.rz.scp.css */
#popupcontainer[b-adsuiitwj4] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 50;
    overflow-y: auto;
    /*display: none;*/
}


#smallmodalmessage[b-adsuiitwj4] {
    width: 480px;
    height: 450px;
    border-radius: 4px;
    font-size: 19px;
    line-height: 29px;
    position: absolute;
    background-color: #FFFFFF;
    z-index: 10;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    
}

    #smallmodalmessage .close[b-adsuiitwj4] {
        background-image: url('images/close.png');
        width:20px;
        height:20px;
        position:absolute;
        top:20px;
        right:20px;
        cursor:pointer;
    }

    #smallmodalmessage img[b-adsuiitwj4] {
        width: 200px;
        position: absolute;
        top: 110px;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
    }

    #smallmodalmessage .text[b-adsuiitwj4] {
        text-align: center;
        position: absolute;
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
        top: 150px;
    }

    #smallmodalmessage .button[b-adsuiitwj4] {
        color: white;
        padding: 5px 30px 16px 30px;
        border-radius: 4px;
        text-align: center;
        font-weight: 700;
        height: 21px;
        font-size: 21px;
        position: absolute;
        bottom: 4rem;
        cursor:pointer;
    }

        #smallmodalmessage .button.cancel[b-adsuiitwj4] {
            background-color: deepskyblue;
            left:4rem;
        }
        #smallmodalmessage .button.ok[b-adsuiitwj4] {
            background-color: #323232;
            right: 4rem;
        }




@media (max-width: 1000px) {
        #smallmodalmessage[b-adsuiitwj4] {
        font-size: 25px;
    }
}
/* /Pages/Components/PopupMessageSmallComponent.razor.rz.scp.css */
#popupcontainer[b-pktmzoyssy] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 50;
    overflow-y: auto;
    display: none;
}


#smallmodalmessage[b-pktmzoyssy] {
    width: 480px;
    height: 450px;
    border-radius: 4px;
    font-size: 19px;
    line-height: 29px;
    position: absolute;
    background-color: #FFFFFF;
    z-index: 10;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    
}

    #smallmodalmessage .close[b-pktmzoyssy] {
        background-image: url('images/close.png');
        width:20px;
        height:20px;
        position:absolute;
        top:20px;
        right:20px;
        cursor:pointer;
    }

    #smallmodalmessage img[b-pktmzoyssy] {
        width: 200px;
        position: absolute;
        top: 140px;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
    }

    #smallmodalmessage .title[b-pktmzoyssy] {
        font-weight: 800;
        text-align: center;
        position: absolute;
        width: 100%;
        top: 210px;
        
    }
    #smallmodalmessage .text[b-pktmzoyssy] {
        text-align: center;
        position: absolute;
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
        top: 240px;
        font-weight: 300;
    }



@media (max-width: 1000px) {
    #smallmodalmessage[b-pktmzoyssy] {
        font-size: 25px;
    }
}
/* /Pages/Components/PopupNotLoggedInComponent.razor.rz.scp.css */
#popupcontainer[b-wwhpoz0rkv] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 50;
    overflow-y: auto;    
}


#smallmodalmessage[b-wwhpoz0rkv] {
    width: 480px;
    height: 450px;
    border-radius: 4px;
    font-size: 25px;
    line-height: 29px;
    position: absolute;
    background-color: #FFFFFF;
    z-index: 10;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    padding: 10px;
}

    #smallmodalmessage .close[b-wwhpoz0rkv] {
        background-image: url('images/close.png');
        width:20px;
        height:20px;
        position:absolute;
        top:20px;
        right:20px;
        cursor:pointer;
    }

    #smallmodalmessage img[b-wwhpoz0rkv] {
        width: 200px;
        margin-top: 115px;
    }

    #smallmodalmessage .text1[b-wwhpoz0rkv] {
        font-size: 19px;
        margin-top: 14px;
    }


    #smallmodalmessage .button[b-wwhpoz0rkv] {
        padding: 12px;
        background-color: #FFB900;        
        border-radius: 4px;
        font-weight: 600;
        display: inline-block;
        font-size: 19px;
        margin-top: 22px;
        cursor:pointer;
    }

    #smallmodalmessage .text2[b-wwhpoz0rkv] {
        width: 100%;
        box-sizing: border-box;
        font-size: 19px;
        font-weight: 300;
        margin-top: 30px;
    }

        #smallmodalmessage .text2 label[b-wwhpoz0rkv] {
            font-weight: 600;
            cursor: pointer;
        }



        @media (max-width: 1000px) {
            #smallmodalmessage .text1[b-wwhpoz0rkv], #smallmodalmessage .text2[b-wwhpoz0rkv], #smallmodalmessage .button[b-wwhpoz0rkv] {
                font-size: 25px;
            }
        }
/* /Pages/Components/PopupReferencesComponent.razor.rz.scp.css */
#popupcontainer[b-l9eryf7yav] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 50;
    overflow-y: auto;
}


#smallmodalmessage[b-l9eryf7yav] {
    width: 850px;
    height: fit-content;
    border-radius: 4px;
    font-size: 25px;
    line-height: 29px;
    position: absolute;
    background-color: #FFFFFF;
    z-index: 10;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    
}

    #smallmodalmessage .close[b-l9eryf7yav] {
        background-image: url('images/close.png');
        width:20px;
        height:20px;
        position:absolute;
        top:20px;
        right:20px;
        cursor:pointer;
    }

    #smallmodalmessage .title[b-l9eryf7yav] {
        background-image: url('images/underlining/green/small.png');
        background-size: 110px 16px;
        font-weight: 800;
        font-size: 21px;
        margin-left: 26px;
        margin-top: 26px;
        background-position-y: bottom;
        padding-left: 8px;
        
    }
    #smallmodalmessage .text[b-l9eryf7yav] {
        box-shadow: 0 0 57px 7px rgb(0 0 0 / 5%);
        border-radius: 4px;
        margin-left: auto;
        margin-right: auto;
        width: 600px;
        padding: 40px;
        margin-top: 40px;
        margin-bottom: 66px;
        border: 1px #C1C1C1 solid;
        overflow-y: scroll;
        max-height: 400px;
        font-size: 19px;
    }

   


        @media (max-width: 1000px) {
            #smallmodalmessage .title[b-l9eryf7yav] {
        font-size: 35px;
        background-size: 140px 22px;
        padding-bottom: 7px;
    }

    #smallmodalmessage .text[b-l9eryf7yav] {
        font-size: 25px;
        
    }
}
/* /Pages/Components/PopupResetPasswordComponent.razor.rz.scp.css */
#popupResetPasswordComponent[b-2v1pjyn5ei] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 10;
    overflow: hidden;
}

#popupResetPasswordContainer[b-2v1pjyn5ei] {
    width: 324pt;
    height: 305pt;
    border-radius: 4px;
    font-size: 25px;
    line-height: 29px;
    position: absolute;
    background-color: #FFFFFF;
    z-index: 50;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 20pt;
}

    #popupResetPasswordContainer #reset[b-2v1pjyn5ei] {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #popupResetPasswordContainer .close[b-2v1pjyn5ei] {
        background-image: url('images/close.png');
        width: 20px;
        height: 20px;
        position: absolute;
        top: 1rem;
        right: 1rem;
        cursor: pointer;
    }

    #popupResetPasswordContainer #logo[b-2v1pjyn5ei] {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        width: 150pt;
        margin-top: 3rem;
    }

    #popupResetPasswordContainer input[b-2v1pjyn5ei] {
        width: 242pt;
        height: 20pt;
        padding: 4pt 8pt 4pt 8pt;
        font-size: 12pt;
        margin-bottom: 12pt;
        box-shadow: 0 0 41pt 5pt rgb(0 0 0 / 5%);
        border-radius: 3pt;
        border: solid 1pt #C1C1C1;
    }

    #popupResetPasswordContainer #errorMessage[b-2v1pjyn5ei] {
        height: 6rem;
        padding-top: 0.5rem;
    }

        #popupResetPasswordContainer #errorMessage #exclamation[b-2v1pjyn5ei] {
            position: relative;
            left: 50%;
            transform: translateX(-50%);
            width: 20px;
        }

        #popupResetPasswordContainer #errorMessage #second[b-2v1pjyn5ei] {
            font-size: 14pt;
            font-weight: normal;
            color: red;
            line-height: 18pt;
            text-align: center;
            width: 242pt;
        }

    #popupResetPasswordContainer button[b-2v1pjyn5ei] {
        color: white;
        background-color: #323232;
        padding: 4pt 12pt 12pt 12pt;
        border-radius: 3pt;
        text-align: center;
        height: 30pt;
        font-size: 16pt;
        width: 260pt;
        font-weight: bold;
        cursor: pointer;
    }

    #popupResetPasswordContainer #boldMessage[b-2v1pjyn5ei],
    #popupResetPasswordContainer #message[b-2v1pjyn5ei] {
        font-size: 14pt;
        font-weight: normal;
        line-height: 18pt;
        text-align: center;
        width: 150pt;
        margin-top: 1rem;
    }

    #popupResetPasswordContainer #boldMessage[b-2v1pjyn5ei] {
        font-weight: bold;
        margin-top: 3rem;
    }
/* /Pages/Components/VideoBandComponent.Razor.rz.scp.css */
.videoBand[b-etzigzihtg] {
    padding: 60px 80px 20px 80px;
    background-color: white;
    position: relative;
}

    .videoBand .title[b-etzigzihtg] {
        padding: 0  20px 10px 20px;
        font-size: 45px;
        font-weight: 800;
        background-position-y: bottom;
        width: fit-content;        
    }

        .videoBand .title.green[b-etzigzihtg] {
            background-image: url(images/underlining/green/long.png);
            background-size: 100% 34px;
        }

        .videoBand .title.blue[b-etzigzihtg] {
            background-image: url(images/underlining/blue/long.png);
            background-size: 100% 34px;
        }
        .videoBand .title.paleblue[b-etzigzihtg] {
            background-image: url(images/underlining/paleblue/long.png);
            background-size: 100% 34px;
        }
        .videoBand .title.red[b-etzigzihtg] {
            background-image: url(images/underlining/red/long.png);
            background-size: 100% 34px;
        }
        .videoBand .title.orange[b-etzigzihtg] {
            background-image: url(images/underlining/orange/long.png);
            background-size: 100% 34px;
        }
        .videoBand .title.pink[b-etzigzihtg] {
            background-image: url(images/underlining/pink/long.png);
            background-size: 100% 64px;
            padding-bottom: 26px;
        }
        .videoBand .title.yellow[b-etzigzihtg] {
            background-image: url(images/underlining/yellow/long.png);
            background-size: 100% 34px;
        }

        .videoBand .title.purple[b-etzigzihtg] {
            background-image: url(images/underlining/purple/long.png);
            background-size: 100% 34px;
        }


    .videoBand .videos[b-etzigzihtg] {
        margin-top: 40px;
        overflow: hidden;
    }

        .videoBand .videos.draggable[b-etzigzihtg] {
            height: 344px;
        }

        .videoBand .videos.open:not(.draggable)[b-etzigzihtg] {
            height: unset;
        }
        .videoBand .videos.closed:not(.draggable)[b-etzigzihtg] {
            height: 350px;
        }


    .videoBand .showmore[b-etzigzihtg] {
        position: absolute;
        right: 70px;
        top: 90px;
        cursor: pointer;
        font-weight: 600;
        padding: 10px;
    }

@media ( max-width: 1000px) {
    .videoBand .title[b-etzigzihtg] {
        font-size: 60px;
    }

        .videoBand .title.green[b-etzigzihtg] {
            background-size: 450px;
        }

        .videoBand .title.blue[b-etzigzihtg] {
            background-size: 648px 50px;
        }

}
/* /Pages/Components/VideoEndedComponent.Razor.rz.scp.css */
.videoended[b-h3xxy9vktl] {
    width: 100%;
    height: 100%;
    background-color: rgba(78, 78, 78, 0.95);
    position: absolute;
    top: -1px;
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.buttons div[b-h3xxy9vktl] {
    display: inline-block;
    vertical-align: top;
    background-position: center;
    position: relative;
    cursor: pointer;
    margin: 0 1.5rem;
}

.buttons .restart[b-h3xxy9vktl] {
    background-image: url(images/restartArrow.svg);
    width: 65px;
    height: 75px;
}

.buttons .quiz[b-h3xxy9vktl],
.buttons .next[b-h3xxy9vktl] {
    width: 74px;
    height: 49px;
    color: white;
    border-radius: 0.2rem;
    margin-top: 17px;
}

.buttons .quiz[b-h3xxy9vktl] {
    background-color: #FFB900;
    background-image: url(images/quizWhite.svg);
}

.buttons .next[b-h3xxy9vktl] {
    background-color: #FF6EB9;
    background-image: url(images/nextVideo.svg);
}

.buttons span[b-h3xxy9vktl] {
    position: absolute;
    top: 100%;
    padding-top: 0.5rem;
    color: #ffffff;
    font-weight: 400;
    font-size: 14px;
    left: -0.25rem;
    right: -0.25rem;
}

.suggestions[b-h3xxy9vktl] {
    margin-bottom: 3rem;
}

.videoended .suggestions h2[b-h3xxy9vktl] {
    text-align: center;
    color: #ffffff;
    font-weight: 800;
    font-size: 38px;
    margin-top: unset;
}

.suggestions .thumbnail[b-h3xxy9vktl] {
    width: 30%;
    display: inline-block;
    margin: 0 0.75%;
}

.thumbnail img[b-h3xxy9vktl] {
    display: block;
    width: 100%;
    cursor: pointer;
}

.thumbnail div[b-h3xxy9vktl] {
    position: relative;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    height: 25px;
    line-height: 25px;
    margin-top: 0.3rem;
}

.thumbnail span[b-h3xxy9vktl] {
    background-image: url(images/bookmarkwhite.svg);
    width: 30px;
    height: 100%;
    background-position: center;
    position: absolute;
    cursor: pointer;
    right: 0;
}

    .thumbnail span.bookmarked[b-h3xxy9vktl] {
        background-image: url(images/bookmark_selected.svg);
    }

@media (max-width: 1200px) {
    .videoended .next[b-h3xxy9vktl] {
        display: none;
    }
}
/* /Pages/Components/VideoItemComponent.Razor.rz.scp.css */
.videoItem[b-yd5cx6m5ck] {
    height: 306px;
    width: 360px;
    display: inline-block;
    margin-right: 21px;
    vertical-align: top;
    margin-bottom: 50px;
    position: relative;
}

    .videoItem .videoImage[b-yd5cx6m5ck] {
        height: 227px;
        margin-bottom: 5px;
        position: relative;
        color: white;
        border: 1px solid #c7c7c7;
        cursor:pointer;
    }

        .videoItem .videoImage img[b-yd5cx6m5ck] {
            width: 100%;
            min-width: 100%;
            min-height: 100%;
        }

        .videoItem .videoImage .time[b-yd5cx6m5ck] {
            font-size: 11px;
            font-weight: 300;
            background-color: #707070;
            padding: 4px 3px 7px 3px;
            width: 32px;
            position: absolute;
            text-align: center;
            bottom: 13px;
            left: 13px;
            z-index: 3;
            color: white;
        }

        .videoItem .videoImage .play[b-yd5cx6m5ck] {
            background-image: url(images/playblue.png);
            width: 100px;
            height: 64px;
            position: absolute;
            margin: auto;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background-position: center center;
        }

        .videoItem .videoImage .descriptionLayer[b-yd5cx6m5ck] {
            background-color: #222222;
            opacity: 0.8;
            padding: 20px 26px 44px 26px;
            line-height: 23px;
            height: 107px;
            display: none;
            position: absolute;
            bottom: -1px;
            width: 307px;
            color: white;
            z-index: 2;
            font-size: 16px;
            font-weight: 300;
            
        }

            .videoItem .progressbar[b-yd5cx6m5ck] {
                background-color: #E7E5D7;
                height: 4px;
                width: 293px;
                margin-left: 40px;
                margin-bottom: 13px;
                border-radius: 4px;
            }

        .videoItem .progressbar .progress[b-yd5cx6m5ck] {
            background-color: #00BEFF;
            height: 100%;
            border-radius: 4px;
        }


    .videoItem .title[b-yd5cx6m5ck] {
        font-size: 21px;
        font-weight: 800;
        cursor: pointer;
        overflow: hidden;
    }

    .videoItem .viewcount[b-yd5cx6m5ck] {
        font-size: 19px;
        color: #AAAAAA;
        height: 48px;
        line-height: 48px;
        display: inline-block;
        font-weight:300;
    }

    .videoItem .bookmark[b-yd5cx6m5ck] {
        height: 53px;
        width: 27px;
        float: right;
        background-position-y: 43px;
        padding: 13px 133px 13px 13px;
        background-position-x: 133px;
        margin-top: -33px;
        z-index: 2;
        position: relative;
        background-image: url(images/bookmark.svg);
        background-size: 27px;
        cursor:pointer;
    }

    .videoItem .bookmark.selected[b-yd5cx6m5ck] {
        background-image: url(images/bookmark_selected.svg);
    }



@media ( max-width: 1000px) {

    .videoItem[b-yd5cx6m5ck] {
        height: 350px;        
    }

    .videoItem .title[b-yd5cx6m5ck]{
        font-size:35px;
    }

    .videoItem .viewcount[b-yd5cx6m5ck] {
        font-size: 25px;
    }
}
/* /Pages/Contact.razor.rz.scp.css */
.contactcontainer[b-4vrehkk2yz]{
    position:relative;
    height:1100px;
}

.concactdetails[b-4vrehkk2yz] {
    font-size: 19px;
    padding: 53px ;
    box-sizing: border-box;
    background-color: white;
    box-shadow: 0 0 54px 7px rgb(0 0 0 / 5%);
    border-radius: 4px;
    position: absolute;
    vertical-align: top;
    line-height: 27px;
    
}

    .concactdetails h2[b-4vrehkk2yz] {
        margin-top: 8px;
        text-align: left;
    }


    .concactdetails.small[b-4vrehkk2yz] {
        width: 486px;
        height: 400px;
        top: 0;
    }
        .concactdetails.small.faq[b-4vrehkk2yz] {
            left: 530px;
            text-align: center;
        }

        .concactdetails.small.faq img[b-4vrehkk2yz] {
            width:220px;
        }


    .concactdetails.big[b-4vrehkk2yz] {
        top: 432px;
        width:1014px;
    }

    .concactdetails .tablewriteus[b-4vrehkk2yz] {
        width: 100%;
        border-spacing: 0;
    }

    .concactdetails .tablewriteus .firstcell[b-4vrehkk2yz] {
        width: 130px;
       
    }

.tablewriteus input[b-4vrehkk2yz] {
    padding: 5px 11px;
    font-size: 16px;
    box-shadow: 0 0 55px 7px rgb(0 0 0 / 5%);
    border-radius: 4px;
    border: solid 1px #C1C1C1;
    width: 100%;
    height: 37px;
    margin: 5px 0;
    box-sizing: border-box;
}


.tablewriteus textarea[b-4vrehkk2yz] {
    height: 260px;
    margin-top: 20px;
    padding: 5px 11px;
    font-size: 16px;
    box-shadow: 0 0 55px 7px rgb(0 0 0 / 5%);
    border-radius: 4px;
    border: solid 1px #BEBEBE;
    width: 100%;
    resize: none;
    box-sizing: border-box;
}

.tablewriteus input[b-4vrehkk2yz]::placeholder, .tablewriteus textarea[b-4vrehkk2yz]::placeholder {
    color: #BEBEBE;
}


.tablewriteus .errortext[b-4vrehkk2yz] {
    color: #C40000;
    height: 26px;
}


.tablewriteus .buttonsend[b-4vrehkk2yz] {
    width: 146px;
    color: white;
    background-color: #323232;
    padding: 5px 16px 16px 16px;
    border-radius: 4px;
    text-align: center;
    font-weight: 700;
    height: 21px;
    font-size: 21px;
    margin-top: 10px;
    float:right;
    cursor:pointer;
}


@media (max-width: 1000px) {
    .contactcontainer[b-4vrehkk2yz] {
        height: 1500px;
    }

    .concactdetails[b-4vrehkk2yz] {
        font-size: 25px;
    }

        .concactdetails.small[b-4vrehkk2yz] {
            width: 100%;
        }

            .concactdetails.small.faq[b-4vrehkk2yz] {
                left: 0;
                top: 1126px;
            }

        .concactdetails.big[b-4vrehkk2yz] {
            width: 100%;
        }

    .tablewriteus input[b-4vrehkk2yz], .tablewriteus textarea[b-4vrehkk2yz] {
        font-size: 20px;
        line-height: 26px;
    }
}
/* /Pages/Cookies.razor.rz.scp.css */

.faqitem[b-ku3gug32c2] {
    
    padding-left:60px;
    margin-bottom:40px;
    cursor: pointer;
    position: relative;
    
}

    .faqitem .img[b-ku3gug32c2] {
        background-image: url('images/quotes.png');
        background-size: contain;
        background-position:center;
        height: 22px;
        width: 27px;
        position: absolute;
        left: 0;
        top: 0;
        transform: rotate(-90deg);
        transition: all 0.3s ease;
       }


.imageRotate[b-ku3gug32c2] {
    transform: rotate(0deg);
    transition: all 0.3s ease;
}

    .faqitem .question[b-ku3gug32c2] {
        font-size: 17px;
        font-weight:800;
    }

.faqitem .answer[b-ku3gug32c2] {
    font-size: 19px;
    display: none ;
}

.faqitem.True .answer[b-ku3gug32c2] {
    display: block;
}

.faqitem.True .img[b-ku3gug32c2] {
    transform: rotate(0deg);
    transition: all 0.3s ease;
}
/* /Pages/Dashboard.razor.rz.scp.css */
.header[b-cvspwu8ryk] {    
    background-size: 50px auto;
    font-size: 31px;
    font-weight: 800;
    padding-left: 67px;
    margin-bottom: 30px;
    
}

#myDashboard[b-cvspwu8ryk] {
    padding: 67px;
    position: relative;
}


    #myDashboard .statistic[b-cvspwu8ryk]{
        background-color:white;
        border-radius:4px;
        width:70%;
        padding:40px;
        display:inline-block;
    }
    #myDashboard .subjects[b-cvspwu8ryk] {
        vertical-align: top;
        position: absolute;
        left: 79%;
        top: 180px;
    }

        #myDashboard .subjects .subject[b-cvspwu8ryk] {
            height: 40px;
            padding-left: 13px;
            background-position-y: 5px;
            font-size: 21px;
            font-weight: 800;
            cursor:pointer;
        }
            #myDashboard .subjects .subject.selected.blue[b-cvspwu8ryk] {
                background-image: url(images/underlining/blue/medium.png);
                background-size: 210px 20px;
                background-position-y: 9px;
            }
            #myDashboard .subjects .subject.selected.pink[b-cvspwu8ryk] {
                background-image: url(images/underlining/pink/medium.png);
                background-size: 175px 24px;
            }
            #myDashboard .subjects .subject.selected.orange[b-cvspwu8ryk] {
                background-image: url(images/underlining/orange/small.png);
                background-size: 221px 24px;
            }
            #myDashboard .subjects .subject.selected.purple[b-cvspwu8ryk] {
                background-image: url(images/underlining/purple/small.png);
                background-size: 175px;
            }
            #myDashboard .subjects .subject.selected.paleblue[b-cvspwu8ryk] {
                background-image: url(images/underlining/paleblue/medium.png);
                background-size: 133px;
                background-position-y: 9px;
            }
            #myDashboard .subjects .subject.selected.red[b-cvspwu8ryk] {
                background-image: url(images/underlining/red/medium.png);
                background-size: 133px;
                background-position-y: 9px;
            }
            #myDashboard .subjects .subject.selected.green[b-cvspwu8ryk] {
                background-image: url(images/underlining/green/small.png);
                background-size: 189px;
            }
            #myDashboard .subjects .subject.selected.yellow[b-cvspwu8ryk] {
                background-image: url(images/underlining/yellow/small.png);
                background-size: 115px;
            }





        #myDashboard .statistic table[b-cvspwu8ryk] {
            width: 100%;
        }

        #myDashboard .header[b-cvspwu8ryk] {
            background-image: url(images/brain.svg);
            line-height: 76px;
        }


    #myDashboard .tableheader[b-cvspwu8ryk] {
        font-size: 28px;
        font-weight: 800;
        
        height: 43px;
        text-align: left;
    }
        #myDashboard .tableheader.video[b-cvspwu8ryk] {
            background-image: url(images/playbig.png);
            background-size: 31px;
            padding-left: 50px;
        }
        #myDashboard .tableheader.quiz[b-cvspwu8ryk] {
            background-image: url(images/quiz/pokalbig.png);
            background-size: 37px;
            padding-left: 50px;
        }


    #myDashboard .cellChapterName[b-cvspwu8ryk] {
        font-size: 19px;
        font-weight: 800;
        width: 270px;
        height: 40px;
        color: #AAAAAA;
        pointer-events: none;
    }

        #myDashboard .cellChapterName.enabled[b-cvspwu8ryk] {
            color: #323232;
            cursor:pointer;
            pointer-events: unset;
        }


    #myDashboard .cellProgress[b-cvspwu8ryk] {
        font-size: 19px;
    }

        #myDashboard .cellProgress .progressContainer.enabled[b-cvspwu8ryk] {
            cursor: pointer;
        }



        #myDashboard .cellProgress .progressContainer[b-cvspwu8ryk] {
            background-color: #EFEFEF;
            border-radius: 4px;
            line-height: 29px;
            height: 27px;
            margin-right: 12px;
            position: relative;
            min-width: 200px;
        }

            #myDashboard .cellProgress .progressContainer label[b-cvspwu8ryk] {
                position: absolute;
                z-index: 1;
                margin-left: 10px;
                cursor: pointer;
            }

            #myDashboard .cellProgress .progressContainer .progress[b-cvspwu8ryk] {
                border-radius: 4px;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                cursor: pointer;
            }
            #myDashboard .cellProgress .progressContainer .progress.video[b-cvspwu8ryk] {
                background-color: #64F500;
            }
            #myDashboard .cellProgress .progressContainer .progress.quiz[b-cvspwu8ryk] {
                background-color: #FFB900;
            }

    #myDashboard .cellPoints[b-cvspwu8ryk] {
        font-size: 22px;
        font-weight: 800;
        background-image: url(images/quiz/pokalgrey.png);
        background-size: 29px;
        background-position: center;
        width: 110px;
        text-align: center;
        vertical-align: top;
    }

        #myDashboard .cellPoints.started[b-cvspwu8ryk] {
            background-image: url(images/quiz/pokalgul.png);
        }



#myPlaylists[b-cvspwu8ryk] {
    padding: 67px;
    position: relative;
}

    #myPlaylists .header[b-cvspwu8ryk] {
        background-image: url(images/heart.svg);
        line-height: 54px;
        margin-bottom: 20px;
    }

    #myPlaylists .noplaylists[b-cvspwu8ryk] {
        font-size: 24px;
        margin-top: 10px;
    }


    #myPlaylists .buttoncreateplaylist[b-cvspwu8ryk] {
        font-size: 16px;
        font-weight: 700;
        line-height: 27px;
        text-align: center;
        width: 160px;
        height: 32px;
        color: white;
        background-color: #323232;
        border-radius: 4px;
        cursor: pointer;
        margin-top: 14px;
    }

        #myPlaylists .buttoncreateplaylist.top[b-cvspwu8ryk] {
            position: absolute;
            top: 60px;
            right: 67px;
        }

    #myPlaylists .playlistitem[b-cvspwu8ryk] {
        height: 70px;
        box-sizing: border-box;
        width: 100%;
        padding: 14px 30px;
        box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
        background-color: white;
        border-radius: 4px;
        font-size: 24px;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 20px;
        position: relative;
        
    }

        #myPlaylists .playlistitem.True[b-cvspwu8ryk] {
            height: unset;
            min-height: 300px;
        }

        #myPlaylists .playlistitem .openclose[b-cvspwu8ryk] {
            background-image: url(images/plus.png);
            background-size: 32px;
            background-position: center;
            height: 40px;
            width: 40px;
            position: absolute;
            right: 48px;
            top: 15px;
            
        }

        #myPlaylists .playlistitem .openclose.True[b-cvspwu8ryk] {
            background-image: url(images/minus.png);
            
        }


        #myPlaylists .playlistitem .title[b-cvspwu8ryk] {
            padding: 10px;
            display: inline-block;
        }

        #myPlaylists .playlistitem .dots[b-cvspwu8ryk] {
            font-size: 42px;
            line-height: 12px;
            padding: 6px;
            cursor: pointer;
            display: inline-block;
        }
        #myPlaylists .playlistitem .line[b-cvspwu8ryk] {
            width: 100%;
            
            height: 40px;
            cursor: pointer;
        }


        #myPlaylists .playlistitem .novideos[b-cvspwu8ryk] {
            text-align: center;
            font-size: 28px;
            flex: 0 0 100%;
            margin-top: 120px;
            margin-bottom: 50px;
            position: absolute;
            margin-left: 30%;
            margin-right: 30%;
        }


        #myPlaylists .playlistitem .videolist[b-cvspwu8ryk] {
            margin: 40px;
            flex: 0 0 100%;
            cursor: default;
        }



#myPlaylists .playlistitem .novideos .button[b-cvspwu8ryk] {
    background-color: #00BEFF;
    font-size: 20px;
    color: white;
    border-radius: 4px;
    height: 37px;
    line-height: 34px;
    width: 180px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    font-weight: 600;
    cursor: pointer;
}


    #playlistpopupcontainer[b-cvspwu8ryk] {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(255, 255, 255, 0);
        z-index: 50;
        
    }



        #playlistpopupcontainer .popup[b-cvspwu8ryk] {
            margin-top: 34px;
            font-size: 18px;
            padding: 20px 30px;
            /*display: unset;*/
            width: 240px;
            height: fit-content;
            margin-left: -33px;
            box-shadow: 0 0 41pt 5pt rgb(0 0 0 / 5%);
            position: relative;
            background-color: white;
            border-radius: 4px;
            z-index: 2;
        }

            #playlistpopupcontainer .popup.green[b-cvspwu8ryk] {
                background-color: #92f84c;
            }

            #playlistpopupcontainer .popup div[b-cvspwu8ryk] {
                padding: 4px 0;
                cursor: pointer;
            }
                #playlistpopupcontainer .popup div.close[b-cvspwu8ryk] {
                    background-image: url(images/close_red.png);
                    position: absolute;
                    top: 10px;
                    right: 10px;
                    width: 12px;
                    height: 10px;
                    PADDING: 6px;
                    background-position: center;
                }

                #playlistpopupcontainer .popup div.close.hide[b-cvspwu8ryk] {
                    display:none;
                }

                #playlistpopupcontainer .popup div.itemup[b-cvspwu8ryk] {
                    background-image: url(images/arrowup.png);
                    background-position: 78px 7px;
                }
                #playlistpopupcontainer .popup div.itemdown[b-cvspwu8ryk] {
                    background-image: url(images/arrowdown.png);
                    background-position: 78px 8px;
                }

            #playlistpopupcontainer .popup .deletext[b-cvspwu8ryk] {
                margin-top: 30px;
                margin-bottom: 20px;
                font-weight: 600;
                font-size: 20px;
            }
         

            #playlistpopupcontainer .popup .buttoncancel[b-cvspwu8ryk] {
                color: #AAAAAA;
                width: 90px;
                height: 32px;
                display: inline-block;
                font-size: 18px;
                text-align: center;
                margin-right: 10px;
            }

            #playlistpopupcontainer .popup .buttondelete[b-cvspwu8ryk] {
                font-size: 18px;
                font-weight: 700;
                line-height: 20px;
                text-align: center;
                width: 90px;
                height: 22px;
                color: white;
                background-color: #323232;
                border-radius: 4px;
                cursor: pointer;
                margin-top: 14px;
                display: inline-block;
            }


    #myPlaylists input[b-cvspwu8ryk] {
        width: 100%;
        height: 40px;
        padding: 5px 14px;
        margin-bottom: 16px;
        border: none;
        box-shadow: 0 0 41pt 5pt rgb(0 0 0 / 5%);
        border-radius: 4px;
        border: solid 1px #C1C1C1;
        box-sizing: border-box;
        font-size: 22px;
    }
    
    #myDashboard #statsMobile[b-cvspwu8ryk] {
        display: none;
    }



@media (max-width: 1300px) {

    #myDashboard .statistic[b-cvspwu8ryk] {
        width: 90%;
    }

    #myDashboard .subjects[b-cvspwu8ryk] {
        position: relative;
        left:unset;
        top:unset;
    }


        #myDashboard .subjects .subject[b-cvspwu8ryk] {
            
            display: inline-block;
            margin-right: 35px;
            margin-bottom: 35px;
            font-size: 21px;
            word-break: break-word;
            TEXT-ALIGN: center;
            border-radius: 4px;
            width: 173px;
            height: 77px;
            border: 1px solid black;
            white-space: initial;
            line-height: 24px;
            padding: 13px;
            box-sizing: border-box;
            vertical-align: top;
        }


            #myDashboard .subjects .subject.selected.green[b-cvspwu8ryk] {
                background-color: #92f84c;
                border-color: #92f84c;
                background-image: none;
            }

            #myDashboard .subjects .subject.selected.blue[b-cvspwu8ryk] {
                background-color: #4cd1ff;
                border-color: #4cd1ff;
                background-image: none;
            }
            #myDashboard .subjects .subject.selected.pink[b-cvspwu8ryk] {
                background-color: #ff99ce;
                border-color: #ff99ce;
                background-image: none;
            }
            #myDashboard .subjects .subject.selected.yellow[b-cvspwu8ryk] {
                background-color: #F5FF00;
                border-color: #F5FF00;
                background-image: none;
            }
            #myDashboard .subjects .subject.selected.paleblue[b-cvspwu8ryk] {
                background-color: #84a6cc;
                border-color: #84a6cc;
                background-image: none;
            }
            #myDashboard .subjects .subject.selected.orange[b-cvspwu8ryk] {
                background-color: #FFB900;
                border-color: #FFB900;
                background-image: none;
            }
            #myDashboard .subjects .subject.selected.purple[b-cvspwu8ryk] {
                background-color: #b684da;
                border-color: #b684da;
                background-image: none;
            }
            #myDashboard .subjects .subject.selected.red[b-cvspwu8ryk] {
                background-color: #fd4e74;
                border-color: #fd4e74;
                background-image: none;
            }


    #myDashboard .subjects .subject .cl1[b-cvspwu8ryk] {
        display: table;
        height: 100%;
        width: 100%;
        text-align: center;
    }

    #myDashboard .subjects .subject .cl2[b-cvspwu8ryk] {
        display: table-cell;
        vertical-align: middle;
    }
}


@media (max-width: 1000px) {

    #myDashboard #statsNotMobile[b-cvspwu8ryk]{
        display:none;
    }

    #myDashboard #statsMobile[b-cvspwu8ryk] {
        display: block;
        position:relative;
    }

    #myDashboard .tableheader[b-cvspwu8ryk] {
        height: 57px;
        padding-top: 5px;
    }

        #myDashboard .tableheader.quiz[b-cvspwu8ryk] {
            margin-top: 100px;
        }


        #myDashboard .cellChapterName[b-cvspwu8ryk][b-cvspwu8ryk] {
            font-size: 24px;
            height: 25px;
            
        }

    #myDashboard .cellProgress[b-cvspwu8ryk] {
        font-size: 25px;
        margin-bottom: 20px;
    }

    #myDashboard .totalpoints[b-cvspwu8ryk] {
        font-size: 28px;
        font-weight: 800;
        text-align: right;        
        padding-right: 16px;
        margin-top: -60px;
        margin-bottom: 40px;
    }
}
/* /Pages/ErrorHandler.razor.rz.scp.css */
#popupcontainer[b-o0vv9cbim5] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 50;
    overflow-y: auto;
}


#smallmodalmessage[b-o0vv9cbim5] {
    width: 480px;
    height: 450px;
    border-radius: 4px;
    font-size: 19px;
    line-height: 29px;
    position: absolute;
    background-color: #FFFFFF;
    z-index: 10;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

    #smallmodalmessage .close[b-o0vv9cbim5] {
        background-image: url('images/close.png');
        width: 20px;
        height: 20px;
        position: absolute;
        top: 20px;
        right: 20px;
        cursor: pointer;
    }

    #smallmodalmessage img[b-o0vv9cbim5] {
        width: 200px;
        position: absolute;
        top: 110px;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
    }

    #smallmodalmessage .title[b-o0vv9cbim5] {
        font-weight: 800;
        text-align: center;
        position: absolute;
        width: 100%;
        top: 180px;
    }

    #smallmodalmessage .text[b-o0vv9cbim5] {
        text-align: center;
        position: absolute;
        width: 100%;
        padding: 20px 14px;
        box-sizing: border-box;
        top: 210px;
        font-weight: 300;
        line-height: 26px;
    }



@media (max-width: 1000px) {
    #smallmodalmessage[b-o0vv9cbim5] {
        font-size: 25px;
    }
}
/* /Pages/Faq.razor.rz.scp.css */

.faqitem[b-z2jh9982gt] {
    
    padding-left:60px;
    margin-bottom:40px;
    cursor: pointer;
    position: relative;
    
}

    .faqitem .img[b-z2jh9982gt] {
        background-image: url('images/quotes.png');
        background-size: contain;
        background-position:center;
        height: 22px;
        width: 27px;
        position: absolute;
        left: 0;
        top: 0;
        transform: rotate(-90deg);
        transition: all 0.3s ease;
       }


.imageRotate[b-z2jh9982gt] {
    transform: rotate(0deg);
    transition: all 0.3s ease;
}

    .faqitem .question[b-z2jh9982gt] {
        font-size: 17px;
        font-weight:800;
    }

.faqitem .answer[b-z2jh9982gt] {
    font-size: 19px;
    display: none ;
}

.faqitem.True .answer[b-z2jh9982gt] {
    display: block;
}

.faqitem.True .img[b-z2jh9982gt] {
    transform: rotate(0deg);
    transition: all 0.3s ease;
}
/* /Pages/Frontpage.razor.rz.scp.css */
h1[b-wy92aai9cf] {
    font-size: 6vw;
    font-weight: 800;
    margin: 0;
}

h2[b-wy92aai9cf] {
    font-size: 45px;
    font-weight: 800;
    margin: 0;
}



#frontimage[b-wy92aai9cf] {
    background-image: url('images/underlining/pink/big.png');
    background-size: 100%;
    background-position-x: -10px;
    padding-bottom: 30px;
    padding-top: 50px;
    background-position-y: -20px;
}

    #frontimage .image[b-wy92aai9cf] {
        width: 50%;
        display: inline-block;
        margin-left: 60px;
        margin-top: 50px;
        position: relative;
        height:460px;
    }

        #frontimage .image img[b-wy92aai9cf]{
            width:100%;
            height:auto;
        }

        #frontimage .textcontainer[b-wy92aai9cf] {
            display: inline-block;
            padding-left: 27px;
            vertical-align: top;
            margin-top: 2.5rem;
            width: 38%;
            box-sizing: border-box;
        }

        #frontimage .textcontainer .text1[b-wy92aai9cf] {
            padding: 0 13px 9px 27px;
            padding-bottom: 9px;
            margin-bottom: 16px;
            
        }

        #frontimage .textcontainer .text2[b-wy92aai9cf] {
            padding: 0 13px 9px 27px;
            font-size: 2vw;
            margin-bottom: 16px;
            line-height: 2.2vw;
        }

        #frontimage .textcontainer .free[b-wy92aai9cf] {
            background-image: url(images/underlining/yellow/big.png);
            height: 9rem;
            width: 70%;
            margin-left: 27px;
            background-size: contain;
            background-position: left, center;
            font-size: 2.6vw;
            transition: all 0.5s ease-in-out;
            box-sizing: border-box;
            position: relative;
            cursor: pointer;
            
           
        }

            #frontimage .textcontainer .free .freetext[b-wy92aai9cf] {
                position: absolute;
                top: 50%;
                left: 34%;
                transform: translate(-50%,-50%);
                font-weight: 800;
            }
            #frontimage .textcontainer .free .freearrow[b-wy92aai9cf] {
                background-image: url(images/arrow.png);
                position: absolute;
                right: 18%;
                height: 100%;
                width: 8%;
                top: 0;
                background-size: contain;
                background-position-y: center;
                transition: all 0.5s ease-in-out;
            }


        #frontimage .textcontainer .free:hover[b-wy92aai9cf] {
            background-image: url(images/underlining/yellow/bigHover.png);
        }

            #frontimage .textcontainer .free:hover .freearrow[b-wy92aai9cf] {
                right: 14%;
            }

            #frontimage .textcontainer .pricetext[b-wy92aai9cf] {
                font-size: 16px;
                font-weight: 800;
                MARGIN-LEFT: 40px;
                text-align: left;
                padding-top: 16px;
            }




/*****************************************/

/***  subjectline in subjectline.css !!! ***/

#subjectLine[b-wy92aai9cf] {
    text-align: center;
}

/*****************************************/

#testemonials[b-wy92aai9cf] {
    padding: 150px 60px 0 60px;
    position: relative;
    background-color: white;
}
#testemonials .header[b-wy92aai9cf] {
    background-image: url('images/underlining/orange/long.png');
    width: fit-content;
    margin-left: -13px;
    background-size: 100% 40px;
    background-position-y: 21px;
    padding: 0 19px 13px 13px;
    margin-bottom: 16px;
}

    #testemonials .subheader[b-wy92aai9cf] {
        font-size: 19px;
    }

        #testemonials .subheader label[b-wy92aai9cf] {
            font-weight: 800;
            cursor: pointer;
        }

    #testemonials .showall[b-wy92aai9cf] {
        position: relative;
        width: fit-content;
        font-weight: 700;
        font-size: 19px;
        margin-left: auto;
        margin-top: -40px;
        padding: 13px;
        background-image: url('images/underlining/blue/small.png');
        background-position-y: 20px;
        background-size: contain;
        cursor:pointer;
    }


        #testemonials #quotes[b-wy92aai9cf] {
            margin-top: 27px;
            height: 507px;
            overflow: hidden;
            white-space: nowrap;
        }

        #testemonials #quotes .carousel[b-wy92aai9cf] {
            position: relative;
            padding: 0 13px;
        }


    #testemonials .shiftQuotes[b-wy92aai9cf] {
        width: 147px;
        height: 40px;
        margin-left: auto;
        margin-right: auto;
        margin-top: -27px;
    }

        #testemonials .shiftQuotes .arrow[b-wy92aai9cf] {
            display: inline-block;
            background-size: 19px;
            background-position-y: center;
            background-image: url(images/arrowHorisontal.png);
            width: 40px;
            height: 40px;
            cursor:pointer;
        }
        #testemonials .shiftQuotes .arrow.left[b-wy92aai9cf] {
            transform: rotate(180deg);
            margin-right: 20px;
        }
        #testemonials .shiftQuotes .arrow.right[b-wy92aai9cf] {
           margin-left:20px;
        }







        #teaser[b-wy92aai9cf] {
            font-size: 18px;
            color: #323232;
            line-height: 24px;
            
            padding: 100px 60px 80px 60px;
            background-color:white;
        }

            #teaser .cell1[b-wy92aai9cf] {
                display: inline-block;
                width: 40%;
                vertical-align: top;
                margin-right: 77px;
            }

                #teaser .cell1 h2[b-wy92aai9cf] {
                    margin-bottom: 21px;
                    line-height: 45px;                    
                    margin-top: 18px;
                }
                
                #teaser .cell1 .text2[b-wy92aai9cf] {
                    margin-top: 26px;
                }

            #teaser .cell2[b-wy92aai9cf] {
                display: inline-block;
                width: 45%;
                vertical-align: top;
            }

                #teaser .cell2 .tableline[b-wy92aai9cf] {
                    margin-left: 40px;
                    margin-bottom: 40px;
                    font-size: 18px;
                    position: relative;
                    padding-left: 70px;
                }

                    #teaser .cell2 .tableline h3[b-wy92aai9cf] {
                        margin-bottom: 10px;
                        font-weight: 800;
                        font-size: 24px;
                    }

                    #teaser .cell2 .tableline .no[b-wy92aai9cf] {
                        position: absolute;
                        left: 10px;
                        background-size: 40px;
                        background-position-y: 10px;
                        font-weight: 800;
                        font-size: 24px;
                        text-align: center;
                        background-position-y: 10px;
                        width: 40px;
                        margin-right: 26px;
                        padding-bottom: 8px;
                    }

                    #teaser .cell2 .tableline .no1[b-wy92aai9cf] {
                        background-image: url('images/underlining/blue/tiny.png');
                    }

                    #teaser .cell2 .tableline .no2[b-wy92aai9cf] {
                        background-image: url('images/underlining/pink/tiny.png');
                    }

                    #teaser .cell2 .tableline .no3[b-wy92aai9cf] {
                        background-image: url('images/underlining/yellow/tiny.png');
                    }

@media (min-width: 1650px) and (max-width: 2400px) {


    #frontimage .textcontainer .free[b-wy92aai9cf][b-wy92aai9cf] {
        height: 200px;
        margin-left: 0;
    }

    #frontimage .textcontainer .free .freearrow[b-wy92aai9cf] {
        left: 70%;
        right: unset;
    }

    #frontimage .textcontainer .free:hover .freearrow[b-wy92aai9cf] {
        left: 72%;
        right: unset;
    }
}

@media (min-width: 1950px) {

    #frontimage[b-wy92aai9cf] {
        padding-bottom: 70px;
    }
}

@media (min-width: 2150px) {

    #frontimage[b-wy92aai9cf] {
        padding-bottom: 120px;
    }
}

@media (min-width: 2400px) {

    #frontimage .textcontainer .free[b-wy92aai9cf] {
        height: 280px;
    }
}


@media (max-width: 1000px) {

    h1[b-wy92aai9cf] {
        font-size: 8vw;
        margin-top: 27px;
        margin-bottom: 13px;
    }

    h2[b-wy92aai9cf] {
        font-size: 60px;
        font-weight: 800;
    }

    #frontimage[b-wy92aai9cf] {
        background-size: 140%, auto;
        background-position-x: -webkit-calc(100% - 50px);
        background-position-y: 0;
        padding: 0;
    }

        #frontimage .image[b-wy92aai9cf] {
            position: absolute;
            top: 540px;
            width: 101%;
            left: -14px;
            margin-left: 0;
        }

        #frontimage .textcontainer[b-wy92aai9cf] {
            width: 100%;
            padding-left: 60px;
        }

            #frontimage .textcontainer .text1[b-wy92aai9cf] {
                padding: 0;
                margin-bottom: 0;
            }


            #frontimage .textcontainer .text2[b-wy92aai9cf] {
                font-size: 5vw;
                padding: 0;
                line-height: 5vw;
                margin-top: 30px;
            }

            #frontimage .textcontainer .free[b-wy92aai9cf] {
                background-size: 100% 160px;
                height: 10rem;
                font-size: 5vw;
                width: 50%;
                margin-top: 44px;
                margin-left: 0;
            }

                #frontimage .textcontainer .free .freearrow[b-wy92aai9cf] {
                    right: 17%;
                }

            #frontimage .textcontainer .pricetext[b-wy92aai9cf] {
                display: none;
            }


    #subjectLine[b-wy92aai9cf] {
        width: 666px;
        margin-left: auto;
        margin-right: auto;
        text-align: unset;
        margin-top: 700px;
    }

        #subjectLine .subjectBtn[b-wy92aai9cf] {
            margin: 13px;
            width: 300px;
            height: 300px;
            background-size: 180px;
            cursor:pointer;
        }

            #subjectLine .subjectBtn.pink[b-wy92aai9cf], #subjectLine .subjectBtn.purple[b-wy92aai9cf], #subjectLine .subjectBtn.paleblue[b-wy92aai9cf] {
                background-size: 154px;
            }

            #subjectLine .subjectBtn.yellow[b-wy92aai9cf], #subjectLine .subjectBtn.orange[b-wy92aai9cf], #subjectLine .subjectBtn.green[b-wy92aai9cf] {
                background-size: 180px;
            }



    #testemonials[b-wy92aai9cf] {
        padding: 100px 50px 0 50px;
    }

        #testemonials .shiftQuotes[b-wy92aai9cf] {
            margin-top: 24px;
        }

        #testemonials .header[b-wy92aai9cf] {
            margin-left: 5px;
            font-size: 60px;
            font-weight: 800;
        }

        #testemonials .subheader[b-wy92aai9cf] {
            padding: 0 20px;
            font-size: 25px;
        }

        #testemonials .showall[b-wy92aai9cf] {
            margin-right: 20px;
            margin-top: 40px;
            font-size: 27px;
        }

    #quotes[b-wy92aai9cf] {
        padding-bottom: 67px;
    }

    #teaser[b-wy92aai9cf] {
        padding: 50px;
    }

        #teaser .cell1[b-wy92aai9cf] {
            margin-right: 20px;
            font-size: 25px;
            line-height: 29px;
        }

        /*    #teaser .cell1 h2 {
                font-size: 60px;
                font-weight: 800;
            }*/

        #teaser .cell2 .header[b-wy92aai9cf], #teaser .cell2 .text[b-wy92aai9cf] {
            margin-left: 10px;
        }

        #teaser .cell2 .tableline[b-wy92aai9cf][b-wy92aai9cf] {
            margin-left: 10px;
            padding-left: 60px;
            font-size: 25px;
            line-height: 29px;
        }
}

/* /Pages/Handelsbetingelser.razor.rz.scp.css */

.faqitem[b-tu7230i1uu] {
    
    padding-left:60px;
    margin-bottom:40px;
    cursor: pointer;
    position: relative;
    
}

    .faqitem .img[b-tu7230i1uu] {
        background-image: url('images/quotes.png');
        background-size: contain;
        background-position:center;
        height: 22px;
        width: 27px;
        position: absolute;
        left: 0;
        top: 0;
        transform: rotate(-90deg);
        transition: all 0.3s ease;
       }


.imageRotate[b-tu7230i1uu] {
    transform: rotate(0deg);
    transition: all 0.3s ease;
}

    .faqitem .question[b-tu7230i1uu] {
        font-size: 17px;
        font-weight:800;
    }

.faqitem .answer[b-tu7230i1uu] {
    font-size: 19px;
    display: none ;
}

.faqitem.True .answer[b-tu7230i1uu] {
    display: block;
}

.faqitem.True .img[b-tu7230i1uu] {
    transform: rotate(0deg);
    transition: all 0.3s ease;
}
/* /Pages/Home.razor.rz.scp.css */

#welcome[b-wbd40kdbf4] {
    padding: 80px 66px 40px 66px;
}

    #welcome .title[b-wbd40kdbf4] {
        font-size:35px;
        font-weight:800;
    }

#welcomeitems[b-wbd40kdbf4] {
    padding-top: 50px;
}

    #welcomeitems div[b-wbd40kdbf4] {
        width: 144px;
        height: 144px;
        display: inline-block;
        box-sizing: border-box;
        text-align: center;
        font-size: 20px;
        font-weight: 800;
        padding-top: 110px;
        margin-right: 22px;
        cursor: pointer;
        position: relative;
        vertical-align: top;
        background-position-x: center;
        background-position-y: 5px;
        background-size: 80px;
        background-color: white;
        border-radius: 4px;
        transition: background-size 0.5s ease-in;
        -moz-transition: background-size 0.5s ease-in;
        -ms-transition: background-size 0.5s ease-in;
        -o-transition: background-size 0.5s ease-in;
        -webkit-transition: background-size 0.5s ease-in;
    }

    #welcomeitems .continue[b-wbd40kdbf4] {
        background-image: url(images/progress.svg);
    }
    #welcomeitems .dashboard[b-wbd40kdbf4] {
        background-image: url(images/brain.svg);
        background-size: 70px;
    }
    #welcomeitems .mylist[b-wbd40kdbf4] {
        background-image: url(images/heart.svg);
        background-position-y: 20px;
    }
    #welcomeitems .allvideos[b-wbd40kdbf4] {
        background-image: url(images/allvideos.svg);
        background-position-y: 28px;
        background-size: 100px;
    }

    #welcomeitems .inspiration[b-wbd40kdbf4] {
        background-image: url(images/inspiration.svg);
        background-size: 78px;
        background-position-y: 15px;
    }

@media (hover: hover) {
    #welcomeitems div:hover[b-wbd40kdbf4] {
        box-shadow: 0 0 55px 7px rgba(0, 0, 0, 0.05);
        cursor: pointer;
        background-size: 88px;
    }

    #welcomeitems .dashboard:hover[b-wbd40kdbf4] {
        background-size: 78px;
    }

    #welcomeitems .allvideos:hover[b-wbd40kdbf4] {
        background-size: 108px;
    }
}
/* /Pages/Inspiration.razor.rz.scp.css */
#header[b-xi654bi4es] {
    background-image: url(images/inspiration.svg);
    padding-top: 120px;
    font-size: 40px;
    font-weight: 800;
    background-size: 84px auto;
    background-position-y: 90px;
    background-color: white;
    background-position-x: 60px;
    padding-left: 160px;
    padding-bottom: 30px;
}

/* /Pages/MySubscription.razor.rz.scp.css */
.paper[b-khqjd54x7v] {
    max-width: 54rem;
}

.nextbutton[b-khqjd54x7v] {
    width: 470px;
    color: white;
    background-color: #323232;
    padding: 8px 16px 14px 16px;
    border-radius: 4px;
    text-align: center;
    height: 20px;
    font-size: 20px;
    font-weight: 800;
    cursor: pointer;
    text-transform: uppercase;
}

.planCardWrapper[b-khqjd54x7v] {
    position: relative;
    display: inline-grid;
    min-width: 24rem;
    height: 30rem;
    box-shadow: 0 0 41pt 5pt rgb(0 0 0 / 5%);
    margin: 1rem;
}

.planCard[b-khqjd54x7v] {
    position: relative;
    padding: 1rem 2rem;
}

    .planCard .planDescription[b-khqjd54x7v]  li {
        display: flex;
        background-image: url(images/greencross.svg);
        padding-left: 28pt;
        margin-top: 10pt;
        height: 1.4rem;
        background-size: 1.3rem;
        align-items: center;
    }

.planCardWrapper .nextbutton[b-khqjd54x7v] {
    width: calc(100% - 32px);
    margin: unset;
    bottom: 0;
    position: absolute;
}

#asteriskMessage[b-khqjd54x7v] {
    position: relative;
    font-style: italic;
    color: #aaaaaa;
    left: 50%;
    transform: translateX(-50%);
    max-width: 40rem;
    text-align: center;
}

#planSelector[b-khqjd54x7v] {
    width: calc(100% - 2rem);
    display: flex;
    flex-direction: row;
    padding: 1rem;
    flex-wrap: wrap;
    justify-content: center;
}

#subscription[b-khqjd54x7v] {
    display: flex;
    flex-direction: column;
    width: 35rem;
}

.flexbetween[b-khqjd54x7v] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3rem
}

    .flexbetween.paymentmethod[b-khqjd54x7v]{
        margin-top:5rem;
    }

    .flexbetween .subscriptionname[b-khqjd54x7v] {
        font-weight: 700;
    }

    .flexbetween .subscription[b-khqjd54x7v] {
        color: deepskyblue;
        cursor: pointer;
    }


    .planCard .planname[b-khqjd54x7v] {
        font-weight: 700;
        text-align: center
    }

    #subscription .nextbutton[b-khqjd54x7v] {
        width: fit-content;
        background-color: deepskyblue;
        text-transform: none;
    }

.cardInformation[b-khqjd54x7v] {
    display: flex;
    align-items: center;
    font-size: 14px;
    margin: 30px 0;
}

.cardImage[b-khqjd54x7v] {
    position: relative;
    width: 4rem;
    height: 100%;
    margin-right: 0.5rem;
}

.mobilePay[b-khqjd54x7v] {
    width: 6rem;
    height: 42px;
    position: relative;
}

.mobilePayImage[b-khqjd54x7v] {
    bottom: 0;
    position: absolute;
    width: inherit;
}


@media (max-width: 1000px) {
    .planCardWrapper[b-khqjd54x7v]{
        width: 90%;
    }
    .planCard .planname[b-khqjd54x7v] {
        font-weight: 800;
        font-size: 40px;
        margin-top: 20px;
    }

    .planDescription[b-khqjd54x7v] {
        margin-top: 40px;
    }

    .planDescription h2[b-khqjd54x7v] {
        font-size: 38px;
        font-weight: 700;
    }

    .planCard .planDescription[b-khqjd54x7v]  li {
        font-size: 25px;
        height: 2rem;
        background-position-y: center;
    }
}
/* /Pages/Newsletter.razor.rz.scp.css */
.contactcontainer[b-ypgxjqyn1a]{
    position:relative;
   width:750px;
}

.concactdetails[b-ypgxjqyn1a] {
    font-size: 19px;
    padding: 53px ;
    box-sizing: border-box;
    background-color: white;
    box-shadow: 0 0 54px 7px rgb(0 0 0 / 5%);
    border-radius: 4px;
}

    

    .concactdetails .tablewriteus[b-ypgxjqyn1a] {
        width: 100%;
        border-spacing: 0;
    }

    .concactdetails .tablewriteus .firstcell[b-ypgxjqyn1a] {
        width: 130px;       
    }

.tablewriteus input[type=text][b-ypgxjqyn1a], .tablewriteus input[type=email][b-ypgxjqyn1a] {
    padding: 5px 11px;
    font-size: 16px;
    box-shadow: 0 0 55px 7px rgb(0 0 0 / 5%);
    border-radius: 4px;
    border: solid 1px #C1C1C1;
    width: 100%;
    height: 37px;
    margin: 8px 0;
    box-sizing: border-box;
}

.tablewriteus input[b-ypgxjqyn1a]::placeholder {
    color: #BEBEBE;
}

.tablewriteus .errortext[b-ypgxjqyn1a] {
    color: #C40000;
    padding-top:20px;
    height:26px;
}

.tablewriteus .newslettertext[b-ypgxjqyn1a]{
    line-height:26px;
    padding-left:60px;
    position:relative;
}

    .tablewriteus .newslettertext input[b-ypgxjqyn1a] {
        position: absolute;
        left:0;
        top:20px;
        width:20px;
        height:20px;
    }
    .tablewriteus .newslettertext ul[b-ypgxjqyn1a] {
        padding: 0;
        margin-top: 20px;
    }

.tablewriteus #newsletterok[b-ypgxjqyn1a]{
    width:100%;
    height:60px;
    
}
.tablewriteus #newsletterok div[b-ypgxjqyn1a] {
    display: none;
    color: limegreen;
    background-image: url(images/success.png);
    text-align: right;
    padding: 20PX 40px 20px 0;
    background-position: right;
    background-size: 26px;
}

.tablewriteus .buttonsend[b-ypgxjqyn1a] {
    width: 146px;
    color: white;
    background-color: #323232;
    padding: 5px 16px 16px 16px;
    border-radius: 4px;
    text-align: center;
    font-weight: 700;
    height: 21px;
    font-size: 21px;
    float: right;
    cursor: pointer;
}

.tablewriteus .link[b-ypgxjqyn1a]{
    text-decoration:underline;
    cursor:pointer;
}

@media (max-width: 1000px) {
    .concactdetails[b-ypgxjqyn1a] {
        font-size: 25px;
        width: 100%;
    }

    .tablewriteus input[b-ypgxjqyn1a]{
        font-size: 20px;
     
    }
}
/* /Pages/PaymentHistory.razor.rz.scp.css */
.contact[b-bu6alnjgt1] >  #pageTable {
    width: 64rem;
    padding: unset;
}

    .contact[b-bu6alnjgt1] >  #pageTable .contactcontainer {
        height: 60.6rem;
    }

.payment table[b-bu6alnjgt1] {
    width: 50%;
    border-spacing: 1rem;
}

.payment th[b-bu6alnjgt1] {
    font-weight: normal;
    text-align: left;
}

.payment td[b-bu6alnjgt1] {
    font-weight: bold;
    font-size: 17px;
}

.payment .info[b-bu6alnjgt1] {
    margin: 1rem 0 0 1rem;
}

@media (max-width: 1000px) {
    .contact[b-bu6alnjgt1] >  #pageTable {
        width: 100%;
    }

    .payment table[b-bu6alnjgt1] {
        width: 100%;
        margin-bottom:40px;
    }
}
/* /Pages/Persondatapolitik.razor.rz.scp.css */

.faqitem[b-7gyq1kz08t] {
    
    padding-left:60px;
    margin-bottom:40px;
    cursor: pointer;
    position: relative;
    
}

    .faqitem .img[b-7gyq1kz08t] {
        background-image: url('images/quotes.png');
        background-size: contain;
        background-position:center;
        height: 22px;
        width: 27px;
        position: absolute;
        left: 0;
        top: 0;
        transform: rotate(-90deg);
        transition: all 0.3s ease;
       }


.imageRotate[b-7gyq1kz08t] {
    transform: rotate(0deg);
    transition: all 0.3s ease;
}

    .faqitem .question[b-7gyq1kz08t] {
        font-size: 17px;
        font-weight:800;
    }

.faqitem .answer[b-7gyq1kz08t] {
    font-size: 19px;
    display: none ;
}

.faqitem.True .answer[b-7gyq1kz08t] {
    display: block;
}

.faqitem.True .img[b-7gyq1kz08t] {
    transform: rotate(0deg);
    transition: all 0.3s ease;
}
/* /Pages/Quiz.razor.rz.scp.css */

#subjectHeader[b-82ytbvw2oa] {
    font-size: 64px;
    font-weight: 800;
    background-size: 100% 64px;
    background-position-y: bottom;
    margin: 0 0 53px 67px;
    width: max-content;
    width: -moz-max-content;
    width: -webkit-max-content;
    padding: 93px 27px 23px 27px;
}

    #subjectHeader.blue[b-82ytbvw2oa] {
        background-image: url(images/underlining/blue/medium.png);
    }

    #subjectHeader.paleblue[b-82ytbvw2oa] {
        background-image: url(images/underlining/paleblue/long.png);
    }

    #subjectHeader.red[b-82ytbvw2oa] {
        background-image: url(images/underlining/red/long.png);
    }

    #subjectHeader.pink[b-82ytbvw2oa] {
        background-image: url(images/underlining/pink/medium.png);
    }

    #subjectHeader.orange[b-82ytbvw2oa] {
        background-image: url(images/underlining/orange/medium.png);
    }

    #subjectHeader.yellow[b-82ytbvw2oa] {
        background-image: url(images/underlining/yellow/long.png);
    }

    #subjectHeader.purple[b-82ytbvw2oa] {
        background-image: url(images/underlining/purple/long.png);
    }

    #subjectHeader.green[b-82ytbvw2oa] {
        background-image: url(images/underlining/green/long.png);
    }

    #subjectHeader.orange[b-82ytbvw2oa] {
        background-image: url(images/underlining/orange/long.png);
    }

    #subjectHeader img[b-82ytbvw2oa] {
        vertical-align: bottom;
        width: 60px;
    }

.chapterItem[b-82ytbvw2oa] {
    background-color: white;
    padding-left: 27px;
    padding-right: 53px;
    margin: 30px 80px;
    border-radius: 4px;
    box-shadow: 0 0 57px 7px rgb(0 0 0 / 5%);
    font-size: 21px;
    font-weight: 800;
    position: relative;
}

    .chapterItem.closed[b-82ytbvw2oa] {
        line-height: 67px;
        cursor: pointer;
    }

    .chapterItem.disabled[b-82ytbvw2oa] {
        cursor: unset;
    }

        .chapterItem.disabled .chapterHeader[b-82ytbvw2oa] {
            color: #AAAAAA;
        }

    .chapterItem.open[b-82ytbvw2oa] {
        padding: 80px;
    }

    .chapterItem .image[b-82ytbvw2oa] {
        background-image: url(images/plus.png);
        background-position: center;
        width: 32px;
        height: 32px;
        position: absolute;
        right: 50px;
        top: 19px;
    }

        .chapterItem .image.open[b-82ytbvw2oa] {
            background-image: url(images/minus.png);
            padding: 20px;
            cursor: pointer;
            right: 30px;
        }

    .chapterItem .chapterHeaderOpen[b-82ytbvw2oa] {
        font-size: 45px;
        font-weight: 800;
        padding: 0 13px 13px 13px;
        margin-left: -13px;
        margin-bottom: 50px;
        background-position-y: bottom;
        background-size: 100% 40px;
        width: -webkit-max-content;
    }

        .chapterItem .chapterHeaderOpen.blue[b-82ytbvw2oa] {
            background-image: url(images/underlining/blue/medium.png);
        }

        .chapterItem .chapterHeaderOpen.paleblue[b-82ytbvw2oa] {
            background-image: url(images/underlining/paleblue/long.png);
        }

        .chapterItem .chapterHeaderOpen.red[b-82ytbvw2oa] {
            background-image: url(images/underlining/red/long.png);
        }

        .chapterItem .chapterHeaderOpen.orange[b-82ytbvw2oa] {
            background-image: url(images/underlining/orange/long.png);
        }

        .chapterItem .chapterHeaderOpen.yellow[b-82ytbvw2oa] {
            background-image: url(images/underlining/yellow/long.png);
        }

        .chapterItem .chapterHeaderOpen.green[b-82ytbvw2oa] {
            background-image: url(images/underlining/green/long.png);
        }

        .chapterItem .chapterHeaderOpen.pink[b-82ytbvw2oa] {
            background-image: url(images/underlining/pink/medium.png);
        }

        .chapterItem .chapterHeaderOpen.purple[b-82ytbvw2oa] {
            background-image: url(images/underlining/purple/long.png);
        }

#quizItem[b-82ytbvw2oa] {
    background-color: #eeeeee;
    padding: 53px 80px;
    position: relative;
    margin: 66px 0 30px 0;
    border-radius: 4px;
}

    #quizItem .name[b-82ytbvw2oa] {
        font-size: 29px;
        font-weight: 800;
        margin-bottom: 48px;
        background-size: 32px auto;
        height: 40px;
        line-height: 32px;
        width: fit-content;
        width: -moz-fit-content;
        padding-right: 40px;
    }

    #quizItem .questionFlow[b-82ytbvw2oa] {
        font-size: 19px;
        font-weight: 800;
    }

    #quizItem .question[b-82ytbvw2oa] {
        margin-bottom: 27px;
        margin-top: 5px;
        font-size: 19px;
        font-weight: 300;
        /*line-height: 0px;*/
    }

    #quizItem .answer[b-82ytbvw2oa] {
        font-size: 19px;
        font-weight: 300;
        border-radius: 4px;
        max-width: 720px;
        margin-bottom: 13px;
        min-height: 38px;
        box-sizing: border-box;
        padding: 17px 13px 13px 66px;
        line-height: 21px;
        background-image: url(images/quiz/dot.png);
        cursor: pointer;
        background-position-y: center;
        background-position-x: 13px;
        margin-left: -13px;
        cursor: pointer;
    }

        #quizItem .answer.selected[b-82ytbvw2oa] {
            background-color: #CECECE;
        }

            #quizItem .answer.selected.blue[b-82ytbvw2oa] {
                background-image: url(images/quiz/bluedot.png);
            }

            #quizItem .answer.selected.paleblue[b-82ytbvw2oa] {
                background-image: url(images/quiz/palebluedot.png);
            }

            #quizItem .answer.selected.orange[b-82ytbvw2oa] {
                background-image: url(images/quiz/orangedot.png);
            }

            #quizItem .answer.selected.green[b-82ytbvw2oa] {
                background-image: url(images/quiz/greendot.png);
            }

            #quizItem .answer.selected.yellow[b-82ytbvw2oa] {
                background-image: url(images/quiz/yellowdot.png);
            }

            #quizItem .answer.selected.pink[b-82ytbvw2oa] {
                background-image: url(images/quiz/pinkdot.png);
            }

            #quizItem .answer.selected.purple[b-82ytbvw2oa] {
                background-image: url(images/quiz/purpledot.png);
            }

        #quizItem .answer.correct[b-82ytbvw2oa] {
            background-image: url(images/quiz/correct.png);
        }

        #quizItem .answer.wrong[b-82ytbvw2oa] {
            background-image: url(images/quiz/wrong.png);
        }

    #quizItem .button[b-82ytbvw2oa] {
        background-color: #CECECE;
        color: white;
        border-radius: 4px;
        text-align: center;
        width: 190px;
        height: 40px;
        line-height: 40px;
        margin-top: 40px;
        cursor: pointer;
        font-size: 19px;
    }

        #quizItem .button.color[b-82ytbvw2oa] {
            color: black;
            cursor: pointer;
        }

            #quizItem .button.color.blue[b-82ytbvw2oa] {
                background-color: #49CEFC;
            }

    #quizItem #quizStatus[b-82ytbvw2oa] {
        position: relative;
        display: contents;
        font-size: 19px;
    }

        #quizItem #quizStatus .header[b-82ytbvw2oa] {
            position: relative;
            line-height: 24px;
        }

        #quizItem #quizStatus .completecount[b-82ytbvw2oa] {
            height: 64px;
            position: relative;
            background-image: url(images/quiz/pokalgul.png);
            background-size: 43px;
            display: inline-block;
            width: 44px;
            text-align: center;
            padding-top: 3px;
            font-weight: 800;
        }

        #quizItem #quizStatus .completetext[b-82ytbvw2oa] {
            position: relative;
            display: contents;
            font-weight: 800;
        }

        #quizItem #quizStatus .revisit[b-82ytbvw2oa] {
            background-image: url(images/quiz/revisit.png);
            cursor: pointer;
            position: absolute;
            right: 133px;
            top: 0;
            background-position-x: left;
            padding: 8px 0pt 3px 40px;
        }

        #quizItem #quizStatus .restart[b-82ytbvw2oa] {
            background-image: url(images/quiz/restart.png);
            cursor: pointer;
            position: absolute;
            top: 0;
            right: 0;
            padding: 8px 0pt 3px 40px;
        }

        #quizItem #quizStatus .questions[b-82ytbvw2oa] {
            column-count: 2;
            position: relative;
            margin-bottom: 20px;
            margin-top: 13px;
        }

        #quizItem #quizStatus .question[b-82ytbvw2oa] {
            height: 37px;
            width: 100%;
            margin-bottom: 5px;
            background-color: white;
            border-radius: 4px;
            display: inline-block;
            box-sizing: border-box;
            padding: 4px 13px;
            line-height: 32px;
        }

            #quizItem #quizStatus .question .text[b-82ytbvw2oa] {
                display: inline-block;
                width: 86%;
            }

            #quizItem #quizStatus .question .pokal[b-82ytbvw2oa] {
                vertical-align: top;
                width: 27px;
                height: 100%;
                display: inline-block;
                float: right;
                background-size: 27px;
                background-position-y: center;
                background-image: url(images/quiz/pokalgrey.png);
            }

                #quizItem #quizStatus .question .pokal.passed[b-82ytbvw2oa] {
                    background-image: url(images/quiz/pokalgul.png);
                }

.pokal.passed.rotate[b-82ytbvw2oa] {
    animation-duration: 2s;
    animation-iteration-count: 2;
    animation-name: yoyo-b-82ytbvw2oa;
    animation-timing-function: linear;
}

@keyframes yoyo-b-82ytbvw2oa {
    from {
        transform: rotate( 0deg);
    }

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

.links[b-82ytbvw2oa] {
    height: 60px;
    position: relative;
}

    .links .gotovideo[b-82ytbvw2oa] {
        font-size: 16px;
        font-weight: 300;
        background-image: url(images/play.png);
        right: 170px;
        background-size: 20px;
        position: absolute;
        width: 108px;
        background-position-x: right;
        line-height: 27px;
        color: #AAAAAA;
        cursor: pointer;
    }

    .links .write[b-82ytbvw2oa] {
        font-size: 16px;
        font-weight: 300;
        background-image: url(images/comment.png);
        background-size: 24px auto;
        background-position-y: bottom;
        right: 27px;
        position: absolute;
        width: 104px;
        background-position-x: right;
        line-height: 27px;
        color: #AAAAAA;
        cursor: pointer;
    }

.pickHeader[b-82ytbvw2oa] {
    font-size: 29px;
    font-weight: 800;
    margin-bottom: 30px;
}

.quizList[b-82ytbvw2oa] {
    display: table;
    border-spacing: 5px 20px;
}

.quizTile[b-82ytbvw2oa] {
    position: relative;
    margin-bottom: 16px;
    border-radius: 4px;
    box-sizing: border-box;
    line-height: 32px;
    display: table-row;
    cursor: pointer;
}

    .quizTile .quizname[b-82ytbvw2oa] {
        width: fit-content;
        display: table-cell;
        position: relative;
        white-space: nowrap;
        min-width: 270px;
        font-size: 19px;
        font-weight: 800;
    }

    .quizTile .quizprogress[b-82ytbvw2oa] {
        display: table-cell;
        position: relative;
        height: 33px;
        width: 400px;
        border-radius: 4px;
        TEXT-ALIGN: right;
        line-height: 33px;
        background-color: #EEEEEE;
        vertical-align: top;
    }

        .quizTile .quizprogress .resultProgress[b-82ytbvw2oa] {
            background-color: #FFB900;
            height: 100%;
            float: left;
            border-radius: 4px;
        }

        .quizTile .quizprogress .resultProgressText[b-82ytbvw2oa] {
            position: absolute;
            left: 230px;
            font-weight: 300;
        }

@media (max-width: 1300px) {
}

@media (max-width: 1000px) {

    #subjectHeader[b-aw4azd2g6o][b-82ytbvw2oa] {
        font-size: 81px;
    }

    .chapterItem .chapterHeaderOpen[b-82ytbvw2oa] {
        font-size: 60px;
    }

    .chapterItem .chapterHeader[b-82ytbvw2oa] {
        font-size: 35px;
    }

    .quizList[b-82ytbvw2oa] {
        display: unset;
    }

    .quizTile[b-82ytbvw2oa] {
        display: block;
        height: 80px;
        width: 100%;
    }

        .quizTile .quizname[b-82ytbvw2oa] {
            display: block;
            font-size: 27px;
        }

        .quizTile .quizprogress[b-82ytbvw2oa] {
            display: block;
            font-size: 27px;
            width: 100%;
            height: 40px;
            position: unset;
        }

    #quizItem[b-82ytbvw2oa] {
        padding-top: 100px;
    }

        #quizItem .questionFlow[b-82ytbvw2oa] {
            font-size: 27px;
        }

        #quizItem #quizStatus .restart[b-82ytbvw2oa] {
            top: -180px;
            right: unset;
            font-weight: 300;
            font-size: 25px;
        }

        #quizItem #quizStatus .revisit[b-82ytbvw2oa] {
            right: 0;
            top: -180px;
            font-weight: 300;
            font-size: 25px;
        }

        #quizItem .name[b-82ytbvw2oa] {
            padding-top: 70px;
            margin-bottom: 50px;
        }


        #quizItem #quizStatus .questions[b-82ytbvw2oa] {
            column-count: unset;
        }

        #quizItem .question[b-82ytbvw2oa] {
            font-size: 25px;
        }

        #quizItem .answer[b-82ytbvw2oa] {
            font-size: 25px;
            line-height: 25px;
        }

        #quizItem .button[b-82ytbvw2oa] {
            font-size: 25px;
            margin-left: auto;
            margin-right: auto;
            width: 240px;
            height: 50px;
            line-height: 50px;
        }

    .links[b-82ytbvw2oa] {
        height: 100px;
    }
}
/* /Pages/Search.razor.rz.scp.css */
#searchcontainer[b-vm1y0dmpfr] {
    padding: 80px;
    background-color: white;
    position: relative;
}

    #searchcontainer .searchresult[b-vm1y0dmpfr] {
        font-weight: 800;
        font-size: 29px;
    }

    #searchcontainer .close[b-vm1y0dmpfr] {
        background-color: #FF6EB9;
        background-image: url(images/close.svg);
        background-position: center center;
        border-radius: 6px;
        width: 40px;
        height: 40px;
        position: absolute;
        right: 80px;
        top: 60px;
        cursor:pointer;
    }

h1[b-vm1y0dmpfr] {
    font-size: 29px;
    font-weight: 700;
}

.title[b-vm1y0dmpfr] {
    background-size: 100% 25px;
    background-position-y: bottom;
    padding: 8px 13px;
    height: 52px;
    width: max-content;
    width: -moz-max-content;
    width: -webkit-max-content;
    margin-bottom: 40px;
    margin-top: 50px;
}


    .title.blue[b-vm1y0dmpfr] {
        background-image: url(images/underlining/blue/small.png);
    }
    .title.orange[b-vm1y0dmpfr] {
        background-image: url(images/underlining/orange/small.png);
    }
    .title.paleblue[b-vm1y0dmpfr] {
        background-image: url(images/underlining/paleblue/small.png);
    }
    .title.red[b-vm1y0dmpfr] {
        background-image: url(images/underlining/red/small.png);
    }
    .title.pink[b-vm1y0dmpfr] {
        background-image: url(images/underlining/pink/medium2.png);
    }
    .title.yellow[b-vm1y0dmpfr] {
        background-image: url(images/underlining/yellow/small.png);
    }
    .title.green[b-vm1y0dmpfr] {
        background-image: url(images/underlining/green/small.png);
    }
    .title.purple[b-vm1y0dmpfr] {
        background-image: url(images/underlining/purple/small.png);
    }
/* /Pages/Signup.razor.rz.scp.css */
#signupsteps[b-w9rucgek5d] {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 16px;
}

    #signupsteps div[b-w9rucgek5d] {
        display: inline-block;
        font-size: 16px;
        font-weight: 600;
        position: relative;
        margin-left: 10pt;
        margin-right: 10pt;
        color: #cccccc;
    }

        #signupsteps div.current[b-w9rucgek5d] {
            color: #323232;
        }

#signupsheet[b-w9rucgek5d] {
    background-color: white;
    border-radius: 4px;
    padding: 52px;
    box-shadow: 0 0 54px 7px rgb(0 0 0 / 8%);
    margin-left: auto;
    margin-right: auto;
    color: #323232;
    width: 1000px;
    font-size: 19px;
    box-sizing: border-box;
}

    #signupsheet .paper[b-w9rucgek5d] {
        margin-left: auto;
        margin-right: auto;
        width: 540px;
    }

    #signupsheet .inputline[b-w9rucgek5d] {
        padding-left: 20px;
        position: relative;
        margin-bottom: 10px;
    }

        #signupsheet .inputline .star[b-w9rucgek5d] {
            position: absolute;
            top: 34px;
            left: 0px;
        }

    #signupsheet input[type='email'][b-w9rucgek5d],
    #signupsheet input[type='password'][b-w9rucgek5d],
    #signupsheet input[type='text'][b-w9rucgek5d],
    #signupsheet[b-w9rucgek5d]  select {
        width: 480px;
        height: 25px;
        padding: 5px 10px;
        font-size: 16px;
        margin-bottom: 16px;
        border: none;
        box-shadow: 0 0 41pt 5pt rgb(0 0 0 / 5%);
        border-radius: 4px;
        border: solid 1px #C1C1C1;
    }

    #signupsheet[b-w9rucgek5d]  select {
        height: 37px;
        width: 504px;
    }

    #signupsheet .inputtextHeader[b-w9rucgek5d] {
        margin-bottom: 4px;
    }

    #signupsheet .inputline input[type='checkbox'][b-w9rucgek5d] {
        position: absolute;
        left: -10px;
        width: 16px;
        height: 16px;
        top: -2px;
    }

    #signupsheet .inputline .newsletterHeader[b-w9rucgek5d] {
        font-weight: 800;
        font-size: 18px;
        margin-top: 18px;
        background-image: url(images/thumbs.png);
        background-position-x: 295px;
        padding-top: 2px;
    }

    #signupsheet .inputline .accept[b-w9rucgek5d] {
        font-size: 16px;
        color: #AAAAAA ;
        line-height: 24px;
    }

    #signupsheet ul[b-w9rucgek5d] {
        padding-left: 20px;
    }

    #signupsheet li[b-w9rucgek5d] {
        margin-bottom: 4px;
        line-height: 24px;
    }

    .nextbuttonContainer[b-w9rucgek5d] {
        display: flex;
        justify-content: center;
        margin-top: 2rem;
    }

#signupsheet .nextbutton[b-w9rucgek5d] {
    width: 180px;
    color: white;
    background-color: #323232;
    border-radius: 4px;
    height: 50px;
    font-size: 20px;
    font-weight: 800;
    cursor: pointer;
    border: unset;
}

    #signupsheet .inputline .alert[b-w9rucgek5d] {
        background-image: url(images/attention.png);
        width: 20px;
        height: 20px;
        position: absolute;
        left: -10px;
        background-size: contain;
        background-position: center;
    }

    #signupsheet .inputline .errorText[b-w9rucgek5d] {
        color: red;
        margin-bottom: 20px;
    }

    #signupsheet .inputline.False[b-w9rucgek5d] {
        visibility: hidden;
    }

    #signupsheet .paymentDisclaimer[b-w9rucgek5d] {
        background-image: url(images/pointinghand.svg);
        background-position: 1.5rem 0;
    }

        #signupsheet .paymentDisclaimer p[b-w9rucgek5d] {
            margin-left: 6rem;
        }

    #signupsheet .commercial[b-w9rucgek5d] {
        margin-left: 1.2rem;
    }

    #signupsheet #reepayMessage[b-w9rucgek5d] {
        text-align: center;
        height: 10rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    #signupsheet .planCardWrapper[b-w9rucgek5d] {
        position: relative;
        display: inline-grid;
        width: 27rem;
       
        box-shadow: 0 0 41pt 5pt rgb(0 0 0 / 5%);
        margin-bottom: 2.75rem;
    }

    #signupsheet .planCard[b-w9rucgek5d] {
        position: relative;
        padding: 1rem 2rem;
    }

        #signupsheet .planCard .planName[b-w9rucgek5d] {
            text-align: center;
            margin-top: 0.75rem;
            padding-bottom: 1.75rem;
            font-weight: 800;
            font-size:21px;
        }

            #signupsheet .planCard .planName.True[b-w9rucgek5d] {
                background-image: url(images/underlining/green/long.png);
                background-position: center bottom;
                background-size: contain;
                padding: 0 0.6rem 0.4rem 0.6rem;
            }

        #signupsheet .planCard .planDescription[b-w9rucgek5d] {
            line-height: 24px;
            margin-bottom: 5rem;
        }

            #signupsheet .planCard .planDescription[b-w9rucgek5d]  h2 {
                font-weight: 800 !important;
            }

            #signupsheet .planCard .planDescription[b-w9rucgek5d]  h3 {
                height: 100px;
                width: 100px;
                background-color: #8ff549;
                border-radius: 50%;
                display: inline-block;
                text-align: center;
                box-sizing: border-box;
                position: absolute;
                right: 1.25rem;
                top: 7.5rem;
                font-weight: 800;
                padding: 24px 10px 0 10px;
            }

            #signupsheet .planCard .planDescription[b-w9rucgek5d]  ul,
            #signupsheet .planCard .planDescription[b-w9rucgek5d]  ol {
                padding-left: 0;
            }

            #signupsheet .planCard .planDescription[b-w9rucgek5d]  li {
                display: flex;
                background-image: url(images/greencross.svg);
                padding-left: 28pt;
                margin-top: 10pt;
                height: 1.4rem;
                background-size: 1.3rem;
                align-items: center;
            }

    #signupsheet .planCardWrapper .nextbutton[b-w9rucgek5d] {
        width: calc(100% - 32px);
        margin: unset;
        bottom: 0;
        position: absolute;
        background-color: black;
        padding-bottom: 8px;
        font-size: 1rem;
        line-height: 20px;
        border-radius: unset;
    }

    #signupsheet #asteriskMessage[b-w9rucgek5d] {
        position: relative;
        color: #aaaaaa;
        width: 40rem;
        line-height: 26px;
        width: 100%;
        margin: 30px 0 50px 20px;
    }

    #signupsheet #planSelector[b-w9rucgek5d] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

.signupTitle[b-w9rucgek5d] {
    background-image: url(images/underlining/blue/medium.png);
    background-size: 95% auto;
    background-position: center 30px;
    display: inline-block;
    padding: 1.2rem;
    margin: 0;
    font-weight: 800;
}

.inputline .error[b-w9rucgek5d] {
    border-color: red
}

#gotProfileCard[b-w9rucgek5d] {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-items: center;
    padding: 0 20px;
}

#alreadyGotAProfile[b-w9rucgek5d] {
    font-weight: bold;
    position: relative;
    text-align: center;
}

#loginButton[b-w9rucgek5d] {
    width: 180px;
    color: #323232;
    border: 1px solid #323232;
    background-color: white;
    border-radius: 4px;
    text-align: center;
    height: 50px;
    font-size: 20px;
    font-weight: 800;
    cursor: pointer;
    margin-top: 1rem;
}

[b-w9rucgek5d]::placeholder {
    color: #bebec4;
}

@media (max-width: 1300px) {
    #signupsteps[b-w9rucgek5d]{
        margin-top: 100px;
    }

    #signupsheet[b-w9rucgek5d]{
        width:100%;
    }

        #signupsheet #planSelector[b-w9rucgek5d] {
            flex-direction: column;
        }

        #signupsheet .planCardWrapper[b-w9rucgek5d] {
            width: 80%;
        
            margin-left: auto;
            margin-right: auto;
        }
}


@media (max-width: 1000px) {
    h1[b-w9rucgek5d] {
        font-size: 60px !important;
       
    }

    body *[b-w9rucgek5d] {
        font-size: 25px;
    }

    .signupTitle[b-w9rucgek5d]{
        background-size:98% 38px;
        background-position-y:47px;
    }

    #signupsheet .planCard .planName[b-w9rucgek5d] {
        font-size: 35px;
        font-weight: 800;
    }


    #signupsheet .planDescription h2[b-w9rucgek5d] {
        font-size: 38px !important;
    }

    #signupsheet .planCardWrapper .nextbutton[b-w9rucgek5d] {
        font-size: 24px;
    }

    #signupsheet .planCard .planDescription[b-w9rucgek5d] {
        line-height: 29px;
        
    }

        #signupsheet .planCard .planDescription[b-w9rucgek5d]  li {
            height: 29px;
        }

    #signupsheet #asteriskMessage[b-w9rucgek5d] {
        font-size:19px;
    }

    #signupsheet .inputline .newsletterHeader[b-w9rucgek5d] {
        background-position-x: 390px;
        font-size: 24px;
        padding-top:0;
    }

    #signupsheet .inputline .accept[b-w9rucgek5d] {
        font-size: 21px;
    }



    #signupsheet[b-w9rucgek5d]  select {
        font-size: 25px;
        height:50px;
    }

    #signupsheet input[type='text'][b-w9rucgek5d] {
        font-size: 25px;
        height: 40px;
    }


    #signupsheet .nextbutton[b-w9rucgek5d] {
        font-size: 25px;
    }

    #loginButton[b-w9rucgek5d] {
        font-size: 25px;
    }
}
/* /Pages/SignupComplete.razor.rz.scp.css */
#mainlayout[b-8wyyuzotu7] {
    padding-top: 156px !important;
}

#signupsteps[b-8wyyuzotu7] {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 16px;
}

    #signupsteps div[b-8wyyuzotu7] {
        display: inline-block;
        font-size: 16px;
        font-weight: 600;
        position: relative;
        margin-left: 10pt;
        margin-right: 10pt;
        color: #cccccc;
    }

        #signupsteps div.current[b-8wyyuzotu7] {
            color: #323232;
        }

#signupsheet[b-8wyyuzotu7] {
    background-color: white;
    border-radius: 4px;
    padding: 52px;
    box-shadow: 0 0 54px 7px rgb(0 0 0 / 8%);
    margin-left: auto;
    margin-right: auto;
    color: #323232;
    width: 65%;
    font-size: 19px;
    min-width: 34rem;
}

    #signupsheet .paper[b-8wyyuzotu7] {
        margin-left: auto;
        margin-right: auto;
        width: 540px;
    }

    #signupsheet h1[b-8wyyuzotu7] {
        font-size: 45px;
        font-weight: 800;
        background-image: url(images/underlining/blue/medium.png);
        background-size: 98% 32px;
        background-position: 4px bottom;
        padding: 16px 16px 8px 20px;
        width: fit-content;
        margin: unset;
        margin-bottom: 1rem;
    }

    #signupsheet .inner[b-8wyyuzotu7] {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        #signupsheet .inner img[b-8wyyuzotu7] {
            margin: 3rem 0 3rem 0;
            width: 8rem;
            height: 8rem;
        }

    #signupsheet .seeVideos[b-8wyyuzotu7] {
        color: white;
        background-color: #323232;
        padding: 8px 16px 14px 16px;
        border-radius: 4px;
        text-align: center;
        height: 20px;
        font-size: 20px;
        font-weight: 800;
        cursor: pointer;
        margin-bottom: 1rem;
    }



#signupsheet .inner .message[b-8wyyuzotu7] {
    font-weight: 800;
    font-size: 21px;
}


 
@media (max-width: 1300px) {
    #signupsteps[b-8wyyuzotu7] {
        margin-top: 100px;
    }

    #signupsheet[b-8wyyuzotu7] {
        width: 100%;
    }
}

    @media (max-width: 1000px) {
        h1[b-8wyyuzotu7] {
            font-size: 60px !important;
        }


        #signupsheet[b-8wyyuzotu7] {
            box-sizing: border-box;
            width: 100%;
        }

            #signupsheet .paper[b-8wyyuzotu7] {
                width: 700px;
            }


            #signupsheet .inner .message[b-8wyyuzotu7] {
                font-size: 35px;
            }


            #signupsheet .seeVideos[b-8wyyuzotu7] {
                font-size: 25px;
            }

           
    }
/* /Pages/Testemonials.razor.rz.scp.css */
body[b-44g6wbbtli] {
}
/* /Pages/UserProfile.razor.rz.scp.css */
.paper[b-ivh78nyfr6] {
}

.label[b-ivh78nyfr6] {
    margin-left: 1rem;
    font-weight: 800;
    margin-top: 14px;
    
}

.line[b-ivh78nyfr6] {
    display: flex;
    flex-direction: row;
    margin-bottom: 1rem;
}

.star[b-ivh78nyfr6] {
    width: 1rem;
    text-align: center;
    font-size: 1rem;
    margin-top: 0.5rem;
}

input[b-ivh78nyfr6],
select[b-ivh78nyfr6],
button[b-ivh78nyfr6] {
    box-sizing: content-box;
    box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
    width: 20rem;
    height: 1.5rem;
    padding: 0.5rem 1rem;
    margin-right: 1rem;
    font-size: 1rem;
    border: solid 1px #c1c1c1;
    border-radius: 3px;
}

button[b-ivh78nyfr6] {
    margin-left: 1rem;
    color: white;
    background-color: deepskyblue;
    font-weight: bold;
    cursor: pointer;
}

#success[b-ivh78nyfr6],
#error[b-ivh78nyfr6] {
    position: relative;
    height: 3rem;
    margin: 0 1rem;
    
}

#successMessage[b-ivh78nyfr6],
#errorMessage[b-ivh78nyfr6] {
    position: absolute;
}

#successMessage[b-ivh78nyfr6] {
    display: none;
    right: 0;
    color: limegreen;
    
    background-image: url(images/success.png);
    background-position-x: right;
    background-size:26px auto;
    padding-right:34px;
} 

#errorMessage[b-ivh78nyfr6] {
    bottom: 0;
    color: red;
}


@media (max-width: 1000px) {

    input[b-ivh78nyfr6], select[b-ivh78nyfr6] {
        height: 37px;
        font-size: 25px;
        width: 100%;
    }

    .label[b-ivh78nyfr6] {
        font-size: 27px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
    }

    button[b-ivh78nyfr6]{
        font-weight: 700;
        font-size: 21px;
    }

    .star[b-ivh78nyfr6] {
        margin-top: 1rem;
    }
}
/* /Pages/Video.razor.rz.scp.css */

#subjectHeader[b-aw4azd2g6o] {
    font-size: 64px;
    font-weight: 800;
    background-size: 100% 64px;
    background-position-y: bottom;
    margin: 0 0 53px 67px;
    width: max-content;
    width: -moz-max-content;
    width: -webkit-max-content;
    padding: 93px 27px 23px 27px;
}

    #subjectHeader.blue[b-aw4azd2g6o] {
        background-image: url(images/underlining/blue/medium.png);
    }

    #subjectHeader.paleblue[b-aw4azd2g6o] {
        background-image: url(images/underlining/paleblue/long.png);
    }

    #subjectHeader.red[b-aw4azd2g6o] {
        background-image: url(images/underlining/red/long.png);
    }

    #subjectHeader.pink[b-aw4azd2g6o] {
        background-image: url(images/underlining/pink/medium.png);
    }

    #subjectHeader.orange[b-aw4azd2g6o] {
        background-image: url(images/underlining/orange/medium.png);
    }

    #subjectHeader.yellow[b-aw4azd2g6o] {
        background-image: url(images/underlining/yellow/long.png);
    }

    #subjectHeader.purple[b-aw4azd2g6o] {
        background-image: url(images/underlining/purple/long.png);
    }

    #subjectHeader.green[b-aw4azd2g6o] {
        background-image: url(images/underlining/green/long.png);
    }

    #subjectHeader.orange[b-aw4azd2g6o] {
        background-image: url(images/underlining/orange/long.png);
    }


    #subjectHeader img[b-aw4azd2g6o] {
        vertical-align: text-bottom;
    }




.chapterItem[b-aw4azd2g6o] {
    background-color: white;
    padding-left: 27px;
    padding-right: 53px;
    margin: 30px 80px;
    border-radius: 4px;
    box-shadow: 0 0 57px 7px rgb(0 0 0 / 5%);
    font-size: 21px;
    font-weight: 800;
    position: relative;
}

    .chapterItem.closed[b-aw4azd2g6o] {
        line-height: 67px;
        cursor: pointer;
    }

    .chapterItem.disabled[b-aw4azd2g6o] {
        cursor: unset;
    }

        .chapterItem.disabled .chapterHeader[b-aw4azd2g6o] {
            color: #AAAAAA;
        }

    .chapterItem.open[b-aw4azd2g6o] {
        padding: 80px;
    }

    .chapterItem .image[b-aw4azd2g6o] {
        background-image: url(images/plus.png);
        background-position: center;
        width: 32px;
        height: 32px;
        position: absolute;
        right: 50px;
        top: 19px;
    }


        .chapterItem .image.open[b-aw4azd2g6o] {
            background-image: url(images/minus.png);
            padding: 20px;
            cursor: pointer;
            right: 30px;
        }

    .chapterItem .chapterHeaderOpen[b-aw4azd2g6o] {
        font-size: 45px;
        font-weight: 800;
        padding: 0 13px 13px 13px;
        margin-left: -13px;
        margin-bottom: 50px;
        background-position-y: bottom;
        background-size: 100% 40px;
        width: -webkit-max-content;
    }

        .chapterItem .chapterHeaderOpen.blue[b-aw4azd2g6o] {
            background-image: url(images/underlining/blue/medium.png);
        }

        .chapterItem .chapterHeaderOpen.paleblue[b-aw4azd2g6o] {
            background-image: url(images/underlining/paleblue/long.png);
        }

        .chapterItem .chapterHeaderOpen.red[b-aw4azd2g6o] {
            background-image: url(images/underlining/red/long.png);
        }

        .chapterItem .chapterHeaderOpen.orange[b-aw4azd2g6o] {
            background-image: url(images/underlining/orange/long.png);
        }

        .chapterItem .chapterHeaderOpen.yellow[b-aw4azd2g6o] {
            background-image: url(images/underlining/yellow/long.png);
        }

        .chapterItem .chapterHeaderOpen.green[b-aw4azd2g6o] {
            background-image: url(images/underlining/green/long.png);
        }

        .chapterItem .chapterHeaderOpen.pink[b-aw4azd2g6o] {
            background-image: url(images/underlining/pink/medium.png);
        }

        .chapterItem .chapterHeaderOpen.purple[b-aw4azd2g6o] {
            background-image: url(images/underlining/purple/long.png);
        }



#videotable[b-aw4azd2g6o] {
    margin-bottom: 50px;
    max-width: 1400px;
    position: relative;
}

    #videotable .videoContainer[b-aw4azd2g6o] {
        width: calc(100% - 290px);
    }

    #videotable .video[b-aw4azd2g6o] {
        position: relative;
        aspect-ratio: 16/9;
    }

    #videotable #videoimg[b-aw4azd2g6o] {
        width: 100%;
        height: 100%;
        cursor: pointer;
    }

    #videotable .playbutton[b-aw4azd2g6o] {
        background-image: url(images/playblue.png);
        width: 100px;
        height: 54px;
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-position: center center;
        cursor: pointer;
    }

    #videotable .videoline[b-aw4azd2g6o] {
        font-size: 16px;
        font-weight: 300;
        height: 67px;
    }

        #videotable .videoline table[b-aw4azd2g6o] {
            height: 100%;
            width: 100%;
            text-align: right;
        }

        #videotable .videoline .references[b-aw4azd2g6o] {
            background-image: url(images/references.svg);
            background-position: right center;
            background-size: 31px;
            display: inline-block;
            padding: 20px 40px 20px 0;
            cursor: pointer;
        }

        #videotable .videoline .quiz[b-aw4azd2g6o] {
            background-image: url(images/quiz/pokalSmall.svg);
            background-position: center right;
            background-size: 24px;
            width: 120px;
            padding-right: 33px;
            box-sizing: border-box;
            cursor: pointer;
        }

        #videotable .videoline .bookmark[b-aw4azd2g6o] {
            width: 160px;
            padding-right: 33px;
            box-sizing: border-box;            
            position: relative;
        }

            #videotable .videoline .bookmark .heart[b-aw4azd2g6o] {
                background-image: url(images/bookmark.svg);
                background-position: center right;
                background-size: 27px;
                width: 30px;
                padding-right: 33px;
                box-sizing: border-box;
                cursor: pointer;
                position: absolute;
                height: 30px;                
                right: 0;
                top: 18px;
            }


        #videotable .videoline label[b-aw4azd2g6o] {
            color: #AAAAAA;
            cursor: pointer;
        }

        #videotable .videoline .bookmark .heart.selected[b-aw4azd2g6o] {
            background-image: url(images/bookmark_selected.svg);
        }

        #videotable .videoline .write[b-aw4azd2g6o] {
            width: 120px;
            background-image: url(images/comment.png);
            background-position: center right;
            color: #AAAAAA;
            padding-right: 33px;
            box-sizing: border-box;
            cursor: pointer;
        }


    #videotable .videoName[b-aw4azd2g6o] {
        font-size: 45px;
        font-weight: 800;
        margin: 10px 0;
    }

    #videotable .videoShow[b-aw4azd2g6o] {
        font-size: 19px;
        color: #AAAAAA;
        font-weight: 300;
    }

    #videotable .videoText[b-aw4azd2g6o] {
        font-size: 19px;
        line-height: 24px;
        font-weight: 300;
        margin-top: 27px;
    }

    #videotable .sections[b-aw4azd2g6o] {
        padding: 19px 13px 13px 27px;
        line-height: 24px;
        font-size: 19px;
        box-sizing: border-box;
        background-color: #F7F7F7;
        margin-left: 20px;
        overflow-y: scroll;
        position: absolute;
        right: 0;
        top: 0;
        width: 266px;
        height: 100%;
    }

    #videotable .sectionHeader[b-aw4azd2g6o] {
        font-size: 19px;
        font-weight: 800;
        margin-top: 12px;
    }

    #videotable .section[b-aw4azd2g6o] {
        font-size: 19px;
        font-weight: 300;
        padding-left: 10px;
        margin-bottom: 2px;
        cursor: pointer;
    }

        #videotable .section.selected[b-aw4azd2g6o] {
            font-weight: 600;
        }

        #videotable .section div[b-aw4azd2g6o] {
            margin-left: -10px;
            position: absolute;
            cursor: pointer;
        }

        #videotable .section label[b-aw4azd2g6o] {
            cursor: pointer;
        }

.videoComponentMobile[b-aw4azd2g6o] {
    display: none;
}

.videoComponentNotMobile[b-aw4azd2g6o] {
    display: inline-block;
}

@media (max-width: 1300px) {
    #videotable .videoline label[b-aw4azd2g6o] {
        display: none;
    }

    #videotable .videoline .quiz[b-aw4azd2g6o], #videotable .videoline .bookmark[b-aw4azd2g6o], #videotable .videoline .write[b-aw4azd2g6o] {
        width: 66px;
    }
}

@media (max-width: 1000px) {

    #subjectHeader[b-aw4azd2g6o] {
        font-size: 81px;
    }

    .chapterItem .chapterHeaderOpen[b-aw4azd2g6o] {
        font-size: 60px;
    }

    .chapterItem .chapterHeader[b-aw4azd2g6o] {
        font-size: 35px;
    }

    #videotable .videoContainer[b-aw4azd2g6o] {
        width: 100%;
    }

    #videotable .sections[b-aw4azd2g6o] {
        display: none;
    }

    #videotable .videoName[b-aw4azd2g6o] {
        font-size: 60px;
    }

    #videotable .videoShow[b-aw4azd2g6o] {
        font-size: 25px;
    }

    #videotable .videoText[b-aw4azd2g6o] {
        font-size: 25px;
        line-height: 29px;
    }

    #videotable .videoline .quiz[b-aw4azd2g6o], #videotable .videoline .bookmark[b-aw4azd2g6o], #videotable .videoline .write[b-aw4azd2g6o] {
        width: 100px;
    }

    .videoComponentMobile[b-aw4azd2g6o] {
        display: block;
        background-image: url(images/playblue.png);
        padding-left: 80px;
        font-size: 27px;
        background-size: 60px;
        height: 70px;
        line-height: 38px;
        cursor: pointer;
    }

    .videoComponentNotMobile[b-aw4azd2g6o] {
        display: none;
    }
}
/* /Pages/VideoAll.razor.rz.scp.css */
h1[b-17cldw8uq2] {
    font-size: 64px;
    font-weight: 800;
}

h2[b-17cldw8uq2] {
    font-size: 48px;
    font-weight: 800;
    margin:0;
}

h3[b-17cldw8uq2] {
    font-size: 30px;
    font-weight: 700;
    margin: 0;
}

#videocontainer[b-17cldw8uq2] {
    padding: 30px 90px 80px 90px;
}

.subjectContainer[b-17cldw8uq2] {
    background-color: #FFFFFF;
    box-shadow: 0 0 57px 7px rgb(0 0 0 / 5%);
    border-radius: 4px;
    padding: 37px 13px 53px 13px;
    margin-bottom:20px;
}

    .subjectContainer .subjectname[b-17cldw8uq2] {
        
        cursor: pointer;
        display: inline-block;
        padding: 10px 20px;
        margin-bottom: 16px;
        background-size: 100% 32px;
        background-position-y: bottom;
    }

  

        .subjectContainer .subjectname.blue[b-17cldw8uq2] {
            background-image: url('images/underlining/blue/long.png');
        }
        .subjectContainer .subjectname.orange[b-17cldw8uq2] {
            background-image: url('images/underlining/orange/long.png');
        }
        .subjectContainer .subjectname.pink[b-17cldw8uq2] {
            background-image: url('images/underlining/pink/long.png');
            background-size:100% 45px;
        }
        .subjectContainer .subjectname.purple[b-17cldw8uq2] {
            background-image: url('images/underlining/purple/long.png');
        }
        .subjectContainer .subjectname.paleblue[b-17cldw8uq2] {
            background-image: url('images/underlining/paleblue/long.png');
        }
        .subjectContainer .subjectname.red[b-17cldw8uq2] {
            background-image: url('images/underlining/red/long.png');
        }
        .subjectContainer .subjectname.green[b-17cldw8uq2] {
            background-image: url('images/underlining/green/long.png');
        }
        .subjectContainer .subjectname.yellow[b-17cldw8uq2] {
            background-image: url('images/underlining/yellow/long.png');
        }


.videolistcontainer[b-17cldw8uq2]{
    column-width:500px;
}

.chaptername[b-17cldw8uq2] {
    padding: 20px;
}

.videoname[b-17cldw8uq2] {
    font-size: 24px;
    padding: 3px 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    line-height: 26px;
}

h3:hover[b-17cldw8uq2], h2:hover[b-17cldw8uq2]{
    color: #666666;
    cursor:pointer;
}

.videoname:hover[b-17cldw8uq2] {
    color: #666666;
    cursor: pointer;
    font-weight: 600;
}


#gototop[b-17cldw8uq2] {
    background-image: url('images/scrollTop.png');
    width: 54px;
    height: 54px;
    background-color: #FFFFFF;
    box-shadow: 0 10px 40px 7px rgb(0 0 0 / 16%);
    position: fixed;
    right: 66px;
    bottom: 8%;
    cursor: pointer;
    border-radius: 50%;
    background-position: center;
    display:none;
}

    #gototop.visible[b-17cldw8uq2] {
        display: unset;
    }