@import url(https://fonts.googleapis.com/css2?family=Beiruti:wght@200..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Kufam:ital,wght@0,400..900;1,400..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&family=Amatic+SC:wght@400;700&family=Kufam:ital,wght@0,400..900;1,400..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Readex+Pro:wght@160..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Readex+Pro:wght@160..700&display=swap);:root{--orange:#ff7e42;--head:#ffffffe6;--head-main:linear-gradient(180deg,#00315ccc,#0000);--head-font-color:#fff;--head-border-color:#ffffff1a;--menu:#045170;--menu-border-top:#005071;--menu-font-color:#fff;--effect-font-color:#fff;--catbox-color:#fff;--catbox-font-color:#555;--catbox-border:1px solid #0000001a;--head-color:#ebebf0;--head-text-color:#393f47;--menu-color:#464190;--menu-text-color:#fff;--menu-sub-text-color:#fff;--menu-color-sp:#ff7e42;--menu-sub-color:#1c1212}*{box-sizing:border-box;font-family:Readex Pro,sans-serif;font-size:12pt;line-height:150%;margin:0;padding:0}.tox{outline:0!important}body,html{overflow:hidden}body{background-color:#fff;direction:rtl;text-align:right}a:hover{opacity:.8}a{cursor:pointer;text-decoration:none}img{display:block;max-width:100%}li{list-style-type:none}.backgroundVideo{height:100vh;object-fit:cover;width:100vw;z-index:-1}section.main{height:100vh;overflow:overlay;overflow-x:hidden;position:absolute;right:0;top:0;width:100vw}.mainWidth{margin:auto;max-width:1024px;position:relative;width:100%}.mobile{display:none}.btn{align-items:center;background-color:var(--menu-color-sp);border:1px solid #0000001a;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:10pt;font-weight:600;justify-content:center;line-height:160%;padding:8px 15px}.btn.gray{background-color:#777!important}.btn.orange{background-color:#ff8a36!important}.btn.red{background-color:#ec3030!important}.btn.blue{background-color:#2b75dc!important}.btn.green{background-color:#1acca3!important}.pauseBox{align-items:center;background-color:#0006;display:flex;height:40px;justify-content:center;top:150px;width:40px;z-index:5}.pauseBox svg{color:#fff;font-size:17pt}.no_data{background-color:#f8f8f8;border:1px solid #eee;color:#555;font-size:10pt;font-weight:300;padding:30px 15px;text-align:center}table.table{border:1px solid #eee;border-radius:10px 10px 0 0;border-spacing:0;width:100%}table.table thead td{font-weight:500}.sortabled td,table.table td{border-bottom:1px solid #eee;border-right:1px solid #eee;font-size:9pt;font-weight:300;padding:10px;text-align:center}table.table.h-border td{border-right:0!important}table.table.same-color tr{background-color:initial!important}table.table td.text-right{text-align:right}table.table tbody tr:nth-child(odd){background-color:#f7f7f7}table.table .btn{align-items:center;background-color:initial;border-radius:initial;border-radius:4px;display:inline-flex;height:26px;justify-content:center;margin-left:5px!important;margin-top:0;padding:0;width:26px}table.table td b{font-size:10pt;font-weight:500}table.table td p{color:#555;font-size:10pt;font-weight:300;margin-top:4px}table.table .tableNumberTD{color:#00b58b;font-size:11pt;font-weight:600;vertical-align:top}.sortabled td .btn{display:none}.sortabled td{text-align:right}.table td .tableCheck{zoom:1.5}.table td.side{text-align:start}:focus-visible{outline:2px dashed #ef7935!important}.warningText{color:#ef7935;display:block;font-size:9pt;font-weight:300}.tag{background-color:#e7fcfb;border:1px solid #c6edeb;border-radius:5px;color:#2fb6af;font-size:8pt;padding:5px 8px}.tag.gray{background-color:#e5e8e8;border:1px solid #dadbdb;color:#656b6b}.tag.orange{background-color:#fff9f0;border:1px solid #f3e6cf;color:#f5af6a}.tag.red{background-color:#fff0f0;border:1px solid #f3cfcf;color:#f56a6a}.tag.blue{background-color:#f0f7ff;border:1px solid #cfdaf0;color:#6aa4f5}.tag.green{background-color:#e7fcfb;border:1px solid #c6edeb;color:#2fb6af}.tabs{background-color:#fff;border-bottom:1px solid #ddd;display:flex;padding:0 10px}.tabs a{color:#888;font-size:9pt;font-weight:300;margin-top:15px;padding:8px 15px}.tabs a.ck{background-color:#fff;border:1px solid #ddd;border-bottom:0;border-top:2px solid var(--menu-color-sp);color:#444;font-weight:600;transform:translateY(1px)}.noData{background-color:#f9f9f9;font-size:10pt;padding:30px;text-align:center}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 30px #fff!important}.breadcrumbs{align-items:center;display:flex;gap:5px;padding-bottom:10px}.breadcrumbs a{color:#777;font-size:9pt;font-weight:300;font-weight:600}.breadcrumbs a:active{color:#333}.breadcrumbs svg{color:var(--menu-color-sp)}.LoaderBox{height:100%;position:fixed;right:0;top:0;width:100%;z-index:99}.loader{background:#0000;display:inline-block;overflow:hidden;width:100%}.loader,.loader:after{height:4.8px;position:absolute}.loader:after{animation:animFw .8s linear infinite;background:#d93627;box-sizing:border-box;content:"";left:0;top:0;width:0}@keyframes animFw{0%{width:0}to{width:100%}}@media only screen and (min-width:700px){section.main::-webkit-scrollbar{background-color:#111;padding:2px;width:5px}section.main::-webkit-scrollbar-thumb{background:#dcb160}section.main::-webkit-scrollbar-track-piece:start{background:#0000}section.main::-webkit-scrollbar-track-piece:end{background:#0000}}@media only screen and (max-width:820px){.mobile{display:block}section.main{display:flex;flex-direction:column}.f1 .phoneNumberBox{display:none!important}.textEffect{padding:20px}.siteBody .textEffect{display:flex;flex-direction:column;height:450px;justify-content:end}.siteBody .textEffect .btn{display:none!important}.effectBox h1{font-size:25pt!important}.effectBox h2{font-size:14pt!important}.effectBox p{font-size:12pt!important}.bottomMenu{bottom:140px!important;flex-wrap:wrap;gap:2%!important;padding:10px}.bottomMenu a{flex:none!important;margin-top:40px;padding:5px!important;width:31%!important}.bottomMenu a button,.bottomMenu a p{display:none!important}.bottomMenu a h4{font-size:10pt!important}.loginBox .right form{padding:0 20px!important}.loginBox .left{display:none!important}.loginBody{padding:15px}.section1 .sectionBody{padding:10px}.section1 .sectionBody a{width:48%!important}.section6 .mainWidth nav{flex-wrap:wrap}.section6 .mainWidth nav li{flex:initial!important;margin-bottom:30px;width:48%!important}header{padding:0!important}header .mainWidth{align-items:center!important;display:flex;justify-content:space-between;padding:10px}header nav{background-color:#000000eb;flex-direction:column;height:100vh;overflow:auto;padding:30px;position:fixed;right:0;top:0;transform:translateX(100vw);transition:all .3s;width:100vw;z-index:2}.menuIconBox svg{color:#fff;font-size:20pt}.float_menu .menuBox .userLogedIn:hover ul{top:34px!important}.section4{padding:15px!important}.breadcrumbs{padding:0 10px 10px 0}.audioListBox{flex-wrap:wrap}.audioListBox a.audioList{width:48%!important}.taskBody{height:auto!important}.taskBody .taskMainBox{flex-direction:column-reverse!important;flex-flow:column-reverse!important}.taskBody.audioContainer .taskBox.left{height:auto!important;margin-top:40px!important}.taskBody.audioContainer .taskBox{flex:initial!important;min-height:0!important;min-height:auto!important;overflow:visible!important;overflow:initial!important}.taskBody.audioContainer .mainWidth.taskMainBox{max-height:none!important;min-height:0!important;min-height:auto!important}.section4 .mainWidth .taskListBox .taskList{width:46%!important}.section4 .mainWidth .taskListBox .taskList ul{flex-direction:column}.section4 .mainWidth .taskListBox .taskList ul .btn{max-width:100%!important}.mainSectionBox.inside{flex-direction:column;gap:20px}.popupBox .popup .popupBody>div{flex-direction:column}.newQuestionsBox{max-width:100%;overflow:auto}.newQuestionsBox table{min-width:600px}.taskMainNewBox .mainTitleBox{flex-direction:column}.taskMainNewBox .mainTitleBox .sendTaskTo{margin-top:20px}header nav.open{transform:translateX(0)}header .logo{height:60px!important}header nav .parent ul{max-height:none!important;overflow:visible!important;overflow:initial!important;position:static!important;width:100%!important}header nav .parent ul div{background-color:initial!important}header nav .parent ul div a{color:#fff!important}header nav .parent ul div a:hover{background-color:#fff!important;color:#b28f4f!important}.categoriesBox{flex-direction:column;margin-bottom:40px;padding:15px;transform:translateY(0)!important}.aboutBox{padding:20px!important}.section3 .mainWidth{padding:50px 20px!important}.section3 .mainWidth div{flex-wrap:wrap;gap:8%!important}.section3 .mainWidth div a{width:45%!important}footer{padding:0 30px!important}footer .mainWidth{flex-direction:column}footer .mainWidth .links{margin-top:40px}footer .mainWidth .links strong{margin-bottom:10px!important}footer .mainWidth .links a{font-size:12pt!important}footer .mainWidth .contactBox{border-top:1px solid #555;margin-top:30px;padding-bottom:30px;padding-top:30px}}.tiny_pop{align-items:center;background-color:#00000080;bottom:0;display:flex;height:100%;justify-content:center;left:0;position:fixed;right:0;top:0;width:100%;z-index:11}.tiny_pop .tiny_body{background-color:#fff;border-radius:10px;box-shadow:0 0 5px #0000001a;max-width:500px;min-height:100px;width:96%}.tiny_pop .tiny_body h3{background-color:#f1f1f1;border-bottom:1px solid #d8d8d8;border-radius:10px 10px 0 0;font-size:10pt;padding:10px;text-align:center}.tiny_pop .tiny_body .tiny_Inside{padding:20px}.mathPopBody{align-items:center;display:flex;justify-content:center;padding:40px 0}.mathPopBody .mathAljabraBox *{max-width:100%}.mathPopBody .mathAljabraBox{align-items:center;display:flex;gap:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mathPopBody .mathAljabraBox div{display:flex;flex-direction:column;gap:10px;width:100%}.mathPopBody .mathAljabraBox input{background-color:#f9f9f9;border:1px solid #ccc;font-size:14pt;max-width:65px;padding:5px;text-align:center}.mathPopBody .mathAljabraBox input.number{background-color:initial;border:0}.mathPopBody .mathAljabraBox input.answer{background-color:#f1f1f1;border-color:#5ecfff}.mathPopBody .mathAljabraBox hr{border:0;border-top:1px solid #000}.mathInputValue{position:relative}.mathInputValue:hover nav{display:flex}.mathInputValue:hover input{border-color:#1ec16f}.mathInputValue nav{display:none;gap:3px;padding-bottom:10px;position:absolute;right:0;top:-19px}.mathInputValue nav svg{background-color:red;border-radius:5px;color:#fff;font-size:14pt;padding:2px}.mathInputValue nav a{background-color:#1e90c1;border-radius:0;color:#fff;font-size:8pt;line-height:100%;padding:4px 6px}.mathInputValue nav a:nth-child(2){background-color:#1ec16f}.mathInputValue a:hover{opacity:1}.formInputBox{display:block;max-width:400px;padding:25px 10px;position:relative;width:100%}.formInputBox span{color:#999;display:block;font-size:11px;font-weight:400;height:18px;transform:translateY(18px);transition:all .1s}.formInputBox span b{color:#f05a56;font-size:9pt;font-weight:600}.formInputBox input,.formInputBox textarea{background-color:initial;border:0;border-bottom:1px solid #d3dbe5;color:#555;font-size:14px;font-weight:400;padding:3px 0;width:100%}.formInputBox textarea{display:block;margin:0;min-height:80px}.formInputBox.focused span{color:#42a5f5;transform:translateY(0)}.formInputBox hr{border:0;border-bottom:1px solid #42a5f5;margin:0;padding:0;position:absolute;transform:scaleX(0);transition:all .3s;width:95%}.formInputBox.focused hr{transform:scaleX(1)}.formInputBox.error span{color:#f05a56}.formInputBox p{display:none}.formInputBox.error p{color:#f05a56;display:block;font-size:10pt;margin-top:2px}.formInputBox.error hr{border-color:#f05a56}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}.selectBox .selectName{align-items:center;border-bottom:1px solid #d3dbe5;color:#555;cursor:pointer;display:flex;font-size:14px;font-weight:400;justify-content:space-between;padding:3px 0}.selectBox svg{font-size:14pt}nav.dropDownBox{background-color:#fff;box-shadow:0 0 5px #0000001a;height:0;overflow:hidden;position:absolute;top:50px;transition:all .4s;width:100%;z-index:5}nav.dropDownBox.top{bottom:25px;top:auto}nav.dropDownBox.open{height:auto}nav.dropDownBox.open div{max-height:180px;overflow:auto}nav.dropDownBox input{background-color:#f9f9f9;border-bottom:1px solid #eee;font-size:11pt;padding:10px}nav.dropDownBox a,nav.dropDownBox label{display:block;font-size:10pt;padding:8px 20px}nav.dropDownBox a:hover,nav.dropDownBox label:hover{background-color:#4fa0ff;color:#fff}.dropDownBox .multiSelectBox label{align-items:center;display:flex;gap:5px}.dropDownBox .multiSelectBox label svg{color:#4fa0ff;font-size:16pt}.dropDownBox .multiSelectBox label:hover svg{color:#fff}.formInputBox .uploadForm.Img{aspect-ratio:1;border:2px solid #eee;border-radius:10px;cursor:pointer;object-fit:cover;width:150px}.formInputBox .uploadForm.Img:hover{opacity:.7}.formInputBox .uploadField{height:1px;visibility:hidden;width:1px}.ThemeformInputBox.smallImgInput{margin-top:30px!important}.ThemeformInputBox.smallImgInput .uploadVideoAndImgThumb{width:40px}.ThemeformInputBox.smallImgInput .uploadVideoAndImgThumb img{border-radius:10px;display:block}.ThemeformInputBox.smallImgInput .uploadVideoAndImgThumb svg{font-size:15pt;left:auto;right:-14px;top:-8px}.smallImgInput .uploadVideoAndImgBox{align-items:center;display:flex;gap:4px}.smallImgInput .uploadVideoAndImgBox label.uploadVideoAndImg{align-items:center;aspect-ratio:unset;border:0;border-bottom:1px solid #d3dbe5;border-radius:10px;display:flex;flex-direction:row;gap:5px;justify-content:start;max-width:300px;padding:5px 10px;width:100%}.smallImgInput .uploadVideoAndImgBox label.uploadVideoAndImg svg{font-size:18pt}.smallImgInput .uploadVideoAndImgBox label.uploadVideoAndImg strong{color:#666;font-size:9pt;margin:0}.ThemeformInputBox span{color:#7c899c;display:block;font-size:9pt;font-weight:500;margin-top:20px}.ThemeformInputBox.imgCenterUpload{align-items:center;display:flex;justify-content:center;margin-bottom:20px;margin-top:20px!important}.uploadVideoAndImgBox{display:flex;gap:10px;margin-top:15px}.uploadVideoAndImgBox .videoPlayer{border-radius:10px;display:block;flex:1 1;height:100%;object-fit:cover;width:100%}.uploadVideoAndImg{align-items:center;aspect-ratio:1;background-color:#f8f8f8;border:2px dotted #ddd;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;position:relative;width:130px}.uploadVideoAndImg:hover{opacity:.8}.uploadVideoAndImg input{height:2px;visibility:hidden;width:2px}.uploadVideoAndImg svg{font-size:30pt}.uploadVideoAndImg strong{color:#777;font-size:9pt;font-weight:300;margin-top:10px}.uploadVideoAndImg b{color:#777;font-size:11pt;font-weight:300}.uploadVideoAndImgThumb{aspect-ratio:1;background-color:#f8f8f8;position:relative;width:130px}.uploadVideoAndImgThumb .deleteImgVid{background-color:#dc3333;border-radius:50%;color:#fff;cursor:pointer;font-size:18pt;left:0;margin:5px;padding:4px;position:absolute;top:0;z-index:1}.uploadVideoAndImgThumb .deleteImgVid:hover{opacity:.7}.uploadVideoAndImgThumb .imgPlug{border-radius:10px;height:100%;object-fit:cover;width:100%}.radioOptionsBox{align-items:center;background-color:#f9f9f9;border:1px solid #eee;border-radius:10px;display:flex;justify-content:space-between;margin-top:12px;max-width:400px;width:100%}.radioOptionsBox .radioOptions{align-items:center;display:flex;flex:1 1}.radioOptionsBox .radioOptionsImg{background-color:#fff;border-left:1px solid #eee;border-radius:0 10px 10px 0;cursor:pointer;padding:5px 10px;position:relative}.radioOptionsBox .radioOptionsImg input{height:1px;position:absolute;width:1px}.radioOptionsBox .radioOptionsImg svg{color:#555;font-size:16pt;transform:translateY(3px)}.radioOptionsBox .radioOptionsImg img{border-radius:5px;height:30px;width:30px}.radioOptionsBox .radioOptionsImg .audioBox{padding:0 3px}.radioOptionsBox .radioOptionsImg .audioBox svg{color:#1acca3;font-size:18pt}.radioOptionsBox .radioOptionsText{flex:1 1}.radioOptionsBox .radioOptionsText input{background-color:initial;border:0;font-size:10pt;padding:5px 10px;width:100%}.radioOptionsBox .radioBtnBox{align-items:center;cursor:pointer;display:flex;justify-content:center;padding:5px;position:relative}.radioOptionsBox .radioBtnBox span{background-color:#000;border-radius:5px;color:#fff;display:none;font-size:8pt;padding:2px 6px;position:absolute;right:-18px;top:-15px;white-space:nowrap}.radioOptionsBox .radioBtnBox:hover span{display:block}.radioOptionsBox svg.radioBtn{color:#1acca3;font-size:20pt}.inputBox{display:flex;flex-direction:column;padding:20px 10px}.inputBox span{color:#888;font-size:8pt;font-weight:400;margin-bottom:3px;transform:translate(-20px,25px);transition:all .3s}html[lang=he] .inputBox span{font-size:10pt}.inputBox.noIcon span{position:relative;transform:translateY(25px);z-index:1}.inputBox span b{color:red;font-size:8pt}.inputBox.focused span{font-weight:700;transform:translate(0)}.inputBox .formInBox{align-items:center;background-color:#f9f9f9;border:1px solid #eee;border-radius:5px;display:flex;position:relative}.inputBox .formInBox svg{color:#555;font-size:12pt}.inputBox .formInBox svg.passEye.ck{color:var(--admin-orange)}.inputBox .formInBox input,.inputBox .formInBox textarea{background-color:initial;color:#111;flex:1 1;font-size:11pt;padding:5px}.inputBox .formInBox.selectType .selectedInputBox{color:#111;cursor:pointer;display:flex;font-size:9pt;justify-content:space-between;padding:8px;width:100%}.inputBox .formInBox.selectType .selectedInputBox b{display:flex;flex-wrap:wrap;gap:5px}.inputBox .formInBox.selectType .selectedInputBox b span{background-color:#fff;border-radius:10px;color:#111;font-size:9pt;padding:2px 5px}.inputBox .formInBox.selectType .selectedInputBox svg{font-size:14pt}.inputBox .formInBox.selectType .selectedInputBox:hover svg{color:var(--admin-red)}.inputBox .formInBox.selectType ul{background-color:#fff;box-shadow:0 0 6px #0000001a;position:absolute;right:0;top:6px;width:100%;z-index:3}.inputBox .formInBox.selectType ul li{max-height:200px;overflow:auto}.inputBox .formInBox.selectType ul a{color:#444;display:flex;font-size:10pt;font-weight:500;padding:8px 20px}.inputBox .formInBox.selectType ul a.multiCheck{align-items:center;gap:5px}.inputBox .formInBox.selectType ul a.multiCheck.ck2{background-color:#f8f8f8}.inputBox .formInBox.selectType ul a.multiCheck svg{color:var(--admin-blue);font-size:18pt}.inputBox .formInBox.selectType ul a.ck{background-color:var(--admin-blue);color:#fff}.inputBox .formInBox.selectType ul a:hover{background-color:#d9e8f5!important;color:#111!important}.inputBox .formInBox.selectType ul a:hover svg{color:#fff!important}.inputBox .formInBox.selectType ul input{background-color:#f9f9f9;background-color:#fff;border:0;border-bottom:1px solid #ddd;font-size:9pt;padding:12px;width:100%}.inputBox.disabled .formInBox{opacity:.4}.quizPrevBox{display:flex;flex-direction:column;height:90vh;min-height:0}.quizPrevBox .quizInfo{background-color:#f9f9f9}.quizPrevBox .quizInfo .left{display:flex;gap:10px;padding:15px 10px}.quizPrevBox .quizInfo .left img{aspect-ratio:1.2;border-radius:5px;object-fit:cover;width:120px}.quizPrevBox .quizInfo .left .infoText h2{color:#555;font-size:14pt;font-weight:600}.quizPrevBox .quizInfo .left .infoText p{color:#555;font-size:11pt;font-weight:300}.quizPrevBox .quizInfo .left .moreInfo{display:flex;gap:10px;margin-top:4px}.quizPrevBox .quizInfo .left .moreInfo text{align-items:center;background-color:#fd745a;border-radius:20px;color:#fff;display:flex;font-size:10pt;padding:2px 10px}.quizPrevBox .quizInfo .left .moreInfo text b{font-size:9pt;font-weight:600;margin-left:2px}.quizPrevBox .quizInfo .left .moreInfo text svg{margin-right:3px}.quizPrevBox .questionsBox{border-top:1px solid #e9e9e9;display:flex;flex:1 1;flex-direction:column;gap:15px;min-height:0;overflow:auto;padding:30px 50px}.quizPrevBox .questionsBox .question{border-radius:5px;box-shadow:0 0 5px #fd745a80;padding:0;position:relative}.quizPrevBox .questionsBox .question h3{color:#555;font-size:12pt;font-weight:600;padding:5px 0 0 15px}.quizPrevBox .questionsBox .question .notesBox{color:#888;font-size:10pt;font-weight:300;padding:10px 0 0 15px}.quizPrevBox .questionsBox .question .notesBox b{color:#666;font-size:10pt;font-weight:500}.quizPrevBox .questionsBox .question .answersBox{display:flex;flex-direction:column;gap:6px;margin-bottom:30px;margin-top:20px;padding:0 15px}.quizPrevBox .questionsBox .question .answersBox label{align-items:center;background-color:#fff;border-radius:5px;color:#555;display:flex;font-size:11pt;font-weight:300;gap:5px;padding:0 10px}.quizPrevBox .questionsBox .question .answersBox label svg.radio{color:#999;font-size:14pt}.quizPrevBox .questionsBox .question .answersBox label svg.radio.on{color:#fd745a}.quizPrevBox .questionsBox .question .qVideoPlayer{padding:15px}.quizPrevBox .questionsBox .question .qVideoPlayer iframe{aspect-ratio:16/9;width:100%}.quizPrevBox .questionsBox .question .qVideoPlayer p{color:#777;font-size:10pt;font-weight:300;padding:0 15px}.quizPrevBox .quizBtnBox{background-color:#f9f9f9;border-top:1px solid #e9e9e9;display:flex;gap:5px;justify-content:flex-end;padding:15px}.quizPrevBox .quizBtnBox .btn{cursor:pointer;font-size:12pt;font-weight:400;padding:6px 15px}.quizPrevBox .quizBtnBox .btn:hover{opacity:.8}.quizPrevBox .questionsBox .question .fav{background-color:#999;bottom:10px;padding:4px;position:absolute;right:10px}.quizPrevBox .questionsBox .question .fav.on{background-color:#01b2bc}.questionComments{align-items:center;background-color:#f9f9f9;border-radius:0 0 5px 5px;border-top:1px solid #e7e7e7;display:flex;justify-content:space-between;margin-top:20px;padding:0 15px}.questionComments .formInputBox{padding:10px;width:100px}.questionComments .formInputBox input{background-color:#fff;border:1px solid #e4e4e4;border-radius:5px;font-size:16pt;text-align:center}.questionComments .formInputBox span{transform:translateY(0)}.questionComments .formInputBox .dropDownBox input,.questionComments .formInputBox hr{display:none}.kettersSplit{padding:20px}.kettersSplit a{aspect-ratio:1;width:30px}.answerLetTr{margin-top:10px;text-align:center}.answerLetTr b{color:#fd745a;font-size:30pt;font-weight:600;letter-spacing:5px;text-transform:uppercase}.storyBox{border-radius:5px;box-shadow:0 0 5px #fd745a80;padding:10px}.storyBox strong{font-weight:800}.storyBox h2{font-size:14pt;font-weight:600;margin-bottom:5px}header.broun .logoBox{background-color:var(--head-color)!important}header.broun .logoBox .headMainBtns,header.broun .phoneNumberBox b,header.broun .phoneNumberBox span{color:var(--head-text-color)!important}header.broun .menuBox{background-color:var(--menu-color)!important}.siteBody .btn{background-color:var(--menu-color-sp)!important}.siteBody .effectBox h2{border-bottom:2px solid var(--menu-color-sp)}header.broun nav .parent ul div,header.broun nav .parent:hover{background-color:var(--menu-sub-color)!important}.siteBody header nav .parent.selected{border-bottom:2px solid var(--menu-color-sp)}.siteBody header nav a{color:var( --menu-text-color);font-size:10pt;font-weight:600}.siteBody header nav .parent ul div a,.siteBody header nav .parent:hover a{color:var(--menu-sub-text-color)}.siteBody header nav .parent ul div a:hover{background-color:var(--menu-color-sp)}.siteBody .effectBox{height:70vh;justify-content:flex-end}.siteBody header .logoBox .mainWidth .f1 .phoneNumberBox b{color:var(--head-text-color)!important;letter-spacing:0}.siteBody .effectBox .mainWidth{align-items:end;margin:0 auto 4%}footer{background-color:#111;padding:50px 0}footer .mainWidth{display:flex;gap:5%}footer .mainWidth .links strong{color:#555;display:block;font-size:11pt;font-weight:400;margin-bottom:20px}footer .mainWidth .links a{align-items:center;color:#999;display:flex;font-size:12pt;font-weight:300;padding:2px 0}footer .mainWidth .links a i{font-size:12pt}footer .mainWidth .contactBox{color:#ccc}footer .mainWidth .contactBox img{filter:brightness(0) invert(1);height:80px;margin-bottom:20px}footer .mainWidth .contactBox label{align-items:center;display:block;display:flex;font-size:11pt;font-weight:200;gap:10px;letter-spacing:2px;margin-top:10px}footer .mainWidth .contactBox label svg{color:#fdc680;font-size:12pt}.buildBy{background-color:#000000e6;border-top:1px solid #222;color:#555;font-size:11pt;padding:30px 0;text-align:center}.buildBy a{color:#6c5327}.btn.openFilter{background-color:#fff!important;color:#444}.pauseBox{background-color:#000;left:0;margin:auto;position:absolute;right:0;top:210px;z-index:6}.cloudEffect{background-position:bottom;background-repeat:repeat-x;background-size:contain;height:200px;opacity:1;position:absolute;top:-200px;width:100%;z-index:15}.section2,.section2.blackSection{background-color:var(--catbox-color)}.section2.blackSection{padding:0 0 20px;position:relative}.categoriesBox{display:flex;gap:20px;padding:10px 0}.categoriesBox a{background-color:#fff;border-radius:30px;box-shadow:0 0 10px #0000001a;color:#4e4e53;flex:1 1;opacity:1;position:relative;text-align:center}.categoriesBox a div{flex:1 1;margin-top:10px;padding:10px;text-align:center}.categoriesBox a p{padding:10px 15px}.categoriesBox a .btn{width:100%}.categoriesBox a span{align-items:center;background-color:#5b72ee;border-radius:50%;display:flex;height:40px;justify-content:center;left:0;margin:auto;position:absolute;right:0;transform:translateY(-30px);width:40px;z-index:11}.categoriesBox a span svg{color:#fff;font-size:18pt}.categoriesBox a h3{color:var(--catbox-font-color);font-size:18pt;font-weight:400}.categoriesBox a p{color:#888;font-size:12pt;font-weight:300;margin-top:10px}.mainSectionBox{display:table;margin:auto;padding:10px 0}.mainSectionBox h1,.mainSectionBox h2{color:#333;font-size:20pt;text-align:right}.mainSectionBox p{color:#777;font-size:10pt;font-weight:300;text-align:right}.mainSectionBox hr{border:0;border-bottom:2px solid var(--menu-color-sp);margin-top:10px}.mainSectionBox.inside{align-items:center;display:flex;justify-content:space-between;margin:0}.section1{background-color:#fff;padding:30px 0 60px}.section1 .sectionBody{display:flex;flex-wrap:wrap;gap:3%}.section1 .sectionBody a{background-color:#fff;border-radius:20px;box-shadow:0 0 10px #0000001a;margin-top:3%;padding:3%;text-align:center;width:31%}.section1 .sectionBody a svg{background-color:#e3e7ea;border-radius:50%;color:#082a4d;font-size:55pt;padding:20px}.section1 .sectionBody a img{aspect-ratio:1;background-color:#e3e7ea;border-radius:50%;display:table;margin:auto;padding:20px;width:80px}.section1 .sectionBody a h3{color:#333;font-size:14pt;font-weight:600;margin-top:15px}.section1 .sectionBody a p{color:#777;font-size:11pt;font-weight:300}.section1 .sectionBody a:nth-child(2) img{background-color:#fef1e9;color:#f89035}.section1 .sectionBody a:nth-child(3) img{background-color:#e9efff;color:#4280fb}.section1 .sectionBody a:nth-child(4) img{background-color:#feeaf4;color:#f94ea4}.section1 .sectionBody a:nth-child(5) img{background-color:#ebeaf4;color:#554da7}.section1 .sectionBody a:nth-child(6) img{background-color:#f5f9ed;color:#b3d369}.section2.text .mainWidth{align-items:center;display:flex;gap:20px;padding:30px 0}.section2.text img{float:right;height:300px;object-fit:cover}.aboutBox{display:flex;flex-direction:column;justify-content:center;text-align:center}.aboutBox h5{color:#db9c27;font-size:12pt;font-weight:300;letter-spacing:2px}.aboutBox h4{font-size:24pt;font-weight:300;margin-top:-5px}.aboutBox p{color:#444;font-size:12pt;font-weight:400;margin-top:10px}.section3{background-color:#f8f8f8;border-top:1px solid #ddd}.section3 .mainWidth{padding:60px 0;text-align:center}.section3 .mainWidth h5{color:#db9c27;font-size:12pt;font-weight:300;letter-spacing:2px}.section3 .mainWidth h4{font-size:16pt;font-weight:300;margin-top:-5px}.section3 .mainWidth div{display:flex;flex-wrap:wrap;gap:3%;margin-top:30px}.section3 .mainWidth div a{margin-top:30px;text-align:right;width:17.2%}.section3 .mainWidth div a img{aspect-ratio:1;border-bottom:3px solid #db9c27;border-radius:50%;height:auto;object-fit:cover;width:100%}.section3 .mainWidth div a h6{color:#111;font-size:14pt;margin-top:5px}.section4{background-color:#f9f9f9;border-top:1px solid #eee;color:#fff;padding:10px 0 60px;position:relative}.section4 .mainWidth .taskListBox{display:flex;flex-wrap:wrap;gap:20px;margin-top:40px}.section4 .mainWidth .taskListBox .taskList{background-color:#fff;border:1px solid #fff;box-shadow:0 0 3px #00000012;color:#555;display:flex;flex-direction:column;padding:0;position:relative;width:23.3%}.section4 .mainWidth .taskListBox .taskList.myTask{background-color:#fffeef;border:1px solid #ffdfa9}.section4 .mainWidth .taskListBox .taskList.ck{background-color:#ffe6d1;border:1px solid #f89035}.section4 .mainWidth .taskListBox .taskList a{flex:1 1}.section4 .mainWidth .taskListBox .taskList img{aspect-ratio:16/10;height:auto;margin-bottom:10px;object-fit:cover;width:100%}.section4 .mainWidth .taskListBox .taskList h5{color:#333;font-size:11pt;font-weight:600;padding:0 10px}.section4 .mainWidth .taskListBox .taskList p{color:#777;font-size:10pt;font-weight:300;margin-top:5px;padding:0 10px 15px}.section4 .mainWidth .taskListBox .taskList ul{align-items:center;border-top:1px solid #eee;display:flex;gap:10px;justify-content:space-between;padding:14px 10px}.section4 .mainWidth .taskListBox .taskList ul li{align-items:center;display:flex;gap:3px}.section4 .mainWidth .taskListBox .taskList ul li svg{border-radius:50%;color:var(--menu-color-sp);font-size:12pt}.section4 .mainWidth .taskListBox .taskList ul li b{color:#999;font-size:9pt;font-weight:400}.section4 .mainWidth .taskListBox .taskList ul li:nth-child(2){background-color:#d4edda;border-radius:4px;padding:4px 8px}.section4 .mainWidth .taskListBox .taskList ul li:nth-child(2) svg{display:none}.section4 .mainWidth .taskListBox .taskList ul li:nth-child(2) b{color:#165724}.section4 .mainWidth .taskListBox .taskList ul .btn{font-size:10pt;max-width:53%;padding:6px 15px}.section4 .mainWidth .taskListBox .taskList a:hover{opacity:1}.section4 .mainWidth .taskListBox .taskList nav{left:5px;position:absolute;top:5px}.section4 .mainWidth .taskListBox .taskList nav .mainMenuVert{color:#000}.section4 .mainWidth .taskListBox .taskList nav .mainMenuVert svg{background-color:#0006;color:#fff;font-size:18pt;padding:3px;text-shadow:#000 2px 2px}.section4 .mainWidth .taskListBox .taskList nav:hover .mainMenuVert svg{background-color:#fff;color:#000}.section4 .mainWidth .taskListBox .taskList nav menu{background-color:#fff;box-shadow:0 0 10px #0000001a;display:none;left:0;position:absolute;top:22px}.section4 .mainWidth .taskListBox .taskList nav menu a{align-items:center;border-right:1px solid #e9e9e9;color:#444;display:block;display:flex;flex-direction:column;font-size:8pt;justify-content:center;padding:8px 0;width:55px}.section4 .mainWidth .taskListBox .taskList nav menu a svg{color:var(--menu-color-sp);font-size:16pt}.section4 .mainWidth .taskListBox .taskList nav menu a:hover{background-color:#f7f7f7}.section4 .mainWidth .taskListBox .taskList nav:hover menu{display:flex}.section5{background-color:#ffffffe6;border-top:1px solid #ddd;padding:50px 0}.section5 .mainWidth div{display:flex;gap:20px;margin-top:30px}.section5 .mainWidth div img{border-left:3px solid #db9c27;object-fit:cover;width:40%}.section5 .mainWidth div p{color:#444;font-size:15pt}.section5 .mainWidth div p b{color:#333;font-size:15pt}.section6{background-color:#000000d9}.section6 .mainWidth{padding:60px 0}.section6 .mainWidth nav{display:flex}.section6 .mainWidth nav li{align-items:center;color:#fff;display:flex;flex:1 1;flex-direction:column}.section6 .mainWidth nav li svg{color:#fff;font-size:50pt}.section6 .mainWidth nav li b{font-size:24pt;font-weight:500;margin-top:5px}.section6 .mainWidth nav li span{font-size:9pt;font-weight:300}.section6 .mainWidth nav li:first-child svg{color:#dd4c9a}.section6 .mainWidth nav li:nth-child(2) svg{color:#4382ff}.section6 .mainWidth nav li:nth-child(3) svg{color:#f89035}.section6 .mainWidth nav li:nth-child(4) svg{color:#b3d369}.sendGamesToStudentBox{align-items:center;background-color:#fff;bottom:0;box-shadow:0 0 10px #0000001a;position:fixed;right:0;width:100%;z-index:2}.pagingBox,.sendGamesToStudentBox{display:flex;justify-content:center;padding:10px}.pagingBox{gap:5px;margin-top:20px}.pagingBox a{background-color:var(--menu-color);color:#fff;font-size:14pt;padding:4px 10px}.pagingBox a.ck{background-color:var(--menu-color-sp)}.filterPagesBox{background-color:#00000080;display:none;height:100%;position:fixed;right:0;top:0;width:100%;z-index:17}.filterPagesBox.open{display:block}.filterBodyBox{background-color:#fff;box-shadow:0 0 10px #0003;display:flex;flex-direction:column;height:100%;left:0;max-width:320px;padding:10px;position:fixed;top:0;transform:translateX(-330px);transition:all .3s;width:80%;z-index:999999}.filterBodyBox.open{transform:translateX(0)}.filterBodyBox h1{border-bottom:1px solid #ddd;font-size:12pt;font-weight:600;margin-bottom:10px;padding:10px 0;text-align:center}.filterBodyBox .filterFormBox{display:flex;flex:1 1;flex-direction:column;padding:0 10px}.filterBodyBox .filterFormBox label{border-bottom:1px solid #eee;display:block;padding:20px 0}.filterBodyBox .filterFormBox label span{color:var(--menu-color-sp);display:block;font-size:9pt;margin:0 10px}.filterBodyBox .filterFormBox input,.filterBodyBox .filterFormBox select{background-color:#f9f9f9;border:1px solid #e5e5e5;border-radius:20px;font-size:10pt;padding:10px;width:100%}.noPermssionsBox{align-items:center;background-color:#ededed;display:flex;height:100vh;justify-content:center;width:100%}.noPermssionsBox div{max-width:700px;text-align:center}.noPermssionsBox div svg{color:#797c7e;font-size:80pt}.noPermssionsBox div h3{font-size:14pt}.noPermssionsBox div p{color:#999;font-size:11pt;font-weight:300;margin-top:10px}.noPermssionsBox div .btn{margin:20px auto auto}.noPermssionsBox.popup{position:fixed;z-index:17}.audioListBox{display:flex;flex-wrap:wrap;gap:2%;margin-top:40px}.audioListBox a.audioList{background-color:#fff;box-shadow:0 0 3px #00000012;color:#555;display:flex;flex-direction:column;margin-top:20px;padding:0;position:relative;width:23.3%}.audioListBox a.audioList img{aspect-ratio:16/9;border-bottom:2px solid var(--menu-color-sp);object-fit:cover;width:100%}.audioListBox a.audioList h5{font-size:11pt;font-weight:600;padding:5px 10px}.audioListBox a.audioList p{flex:1 1;font-size:10pt;font-weight:300;padding:0 10px 10px}.audioListBox a.audioList ul{border-top:1px solid #eee;display:flex;gap:5px;padding:10px}.audioListBox a.audioList ul li{display:table}a.audioList.bookList{position:relative}a.audioList.bookList img{aspect-ratio:.9}a.audioList.bookList h5{padding:10px}a.audioList.bookList h5 b{color:var(--menu-color-sp);font-size:12px}.section4.contentBoxAll{padding:0}.section4.contentBoxAll .mainWidth{background-color:#fff;box-shadow:0 0 15px #0000001a;padding:15px 25px 20px}.contentBoxAll .mainSectionBox.inside{margin-top:0!important}.fullTextBox{margin-top:20px}.fullTextBox *{color:#111}.fullTextBox a{color:#2b3ee1}header .logo{height:80px}header{position:absolute;right:0;top:0;width:100%;z-index:16}header .logoBox{background-color:var(--head);padding:5px 0}header.main .logoBox{background:var(--head-main);padding:5px 0}header .logoBox .mainWidth{align-items:center;display:flex;justify-content:space-between}header .logoBox .mainWidth .f1{display:flex;gap:30px}header .logoBox .mainWidth .f1 .phoneNumberBox{border-right:1px solid var(--head-border-color);display:flex;flex-direction:column;justify-content:center;padding:0 30px}header .logoBox .mainWidth .f1 .phoneNumberBox p{align-items:center;display:flex;gap:8px}header .logoBox .mainWidth .f1 .phoneNumberBox p svg{color:var(--orange);font-size:18pt}header .logoBox .mainWidth .f1 .phoneNumberBox p span{color:var(--head-font-color);direction:ltr;font-size:16pt;font-weight:400}header .logoBox .mainWidth .f1 .phoneNumberBox b{color:var(--head-font-color);font-size:10pt;font-weight:300;letter-spacing:1px}header .logoBox .mainWidth .f2{align-items:center;color:var(--head-font-color);display:flex}header .logoBox .mainWidth .f2 .userLogedIn,header .logoBox .mainWidth .f2 a.headMainBtns{align-items:center;border-right:1px solid var(--head-border-color);cursor:pointer;display:flex;flex-direction:column;font-size:9pt;font-weight:300;gap:5px;padding:5px 15px}header .logoBox .mainWidth .f2 .userLogedIn svg,header .logoBox .mainWidth .f2 a.headMainBtns svg{display:block;font-size:18pt}header .menuBox{background-color:var(--menu);box-shadow:0 6px 10px #0003;transition:all .3s;z-index:15}.float_menu .menuBox{position:fixed;right:0;top:0;width:100%}header nav{display:flex;flex:1 1;font-weight:200;gap:5px}header nav a{align-items:center;color:var(--menu-font-color);display:flex;font-size:13pt;font-weight:500;gap:3px;padding:15px 10px}header nav a svg{font-size:12pt}header nav .parent{position:relative}header nav .parent:hover{background-color:var(--menu-sub-color);color:#fff}header nav .parent:hover a{color:#fff}header nav .parent ul{max-height:0;overflow:hidden;position:absolute;right:0;top:45px;transform-origin:top;transition:all .5s;width:240px;z-index:10}header nav .parent:hover ul{max-height:500px}header nav .parent ul div{background-color:#043e55;margin-top:4px;padding:5px 0;width:100%}header nav .parent ul div a{color:#fff;display:flex;padding:6px 10px}header nav .parent ul div a:hover{background-color:var(--orange);color:#fff}.effectBox{color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;position:relative;width:100vw}.blend{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGymlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDYwLCAyMDIwLzA1LzEyLTE2OjA0OjE3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI0LTEwLTExVDEwOjE3OjA4KzAzOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0xMC0xMVQxMDoxODo1OCswMzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0xMC0xMVQxMDoxODo1OCswMzowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5ZWFiNDU5Yi1jOTQ4LTRlY2ItODhlMy0xY2E2ZTkyMzUwYjEiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDphMzcxYTJmZi1lNTM4LTY3NDctYjhkNS00ZTExOGU2YjY3MjEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4MkQzNjQ3Njk4RUMxMUU1OTYyRUFCNjczREJCODQyMyIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjgyRDM2NDczOThFQzExRTU5NjJFQUI2NzNEQkI4NDIzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjgyRDM2NDc0OThFQzExRTU5NjJFQUI2NzNEQkI4NDIzIi8+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjI2Y2I2YjUxLTE4MDAtNDc3NC1iMDA5LTRiZjliOGU4NjdhMSIgc3RFdnQ6d2hlbj0iMjAyNC0xMC0xMVQxMDoxODo1OCswMzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjllYWI0NTliLWM5NDgtNGVjYi04OGUzLTFjYTZlOTIzNTBiMSIgc3RFdnQ6d2hlbj0iMjAyNC0xMC0xMVQxMDoxODo1OCswMzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+82MK5wAAAERJREFUKJFjZGPnrFdSN3vAwMDAcO/mKQVS2IwaevbxDGQCJnI1MjAwMDDdu3lKAcYhlT3qbFI1jzqbRJvJ1cjAwMAAAN3hS2UwUausAAAAAElFTkSuQmCC);height:100%;position:absolute;right:0;top:0;width:100%;z-index:0}.effectBox .mainWidth{align-items:center;color:var(--effect-font-color);display:flex;justify-content:space-between;z-index:1}.effectBox h1{font-size:34pt}.effectBox h1,.effectBox h2{font-family:Kufam,sans-serif;opacity:0;text-shadow:#0003 2px 2px;transform:translateY(-200px);transition:all 1s}.effectBox h2{border-bottom:2px solid var(--orange);display:table;font-size:20pt;margin-bottom:20px;margin-top:0;padding-bottom:2px}.effectBox p{font-weight:400;margin-bottom:30px;margin-top:0;max-width:600px;opacity:0;text-shadow:#0003 2px 2px}.effectBox .btn,.effectBox p{font-size:14pt;transform:translateY(-200px);transition:all 1s}.effectBox .btn{background-color:var(--orange);border-radius:3px;color:#fff;display:table;font-weight:500;letter-spacing:1px;opacity:1;padding:8px 30px;text-shadow:#0000}.effectBox .btn.open,.effectBox h1.open,.effectBox h2.open,.effectBox p.open{opacity:1;transform:translateY(0)}.effectBox .loginBox{background-color:#ffffffe6;border-radius:40px;height:400px;width:300px}.closeMenu{align-self:self-end}.closeMenu svg{font-size:30pt}.userLogedIn{position:relative}.userLogedIn:hover ul{display:block}.f2 .userLogedIn{flex-direction:row;gap:0;justify-content:start;padding:4px}.f2 .userLogedIn img{border:1px solid var(--orange);border-radius:50%;height:30px;object-fit:cover;width:30px}.f2 .userLogedIn p b{color:var(--menu-color-sp)!important;display:block;font-size:9pt;font-weight:300;transform:translateY(-2px)}.f2 .userLogedIn p span{display:none}.menuRightAND{display:flex;justify-content:space-between}.menuBox .userLogedIn{display:none}.float_menu .menuBox .userLogedIn{align-items:center;display:flex;gap:5px;padding:0 10px}.float_menu .menuBox .userLogedIn img{aspect-ratio:1;border-radius:50%;object-fit:cover;width:30px}.float_menu .menuBox .userLogedIn p{color:var(--menu-font-color);display:flex;flex-direction:column}.float_menu .menuBox .userLogedIn p b{font-size:9pt}.float_menu .menuBox .userLogedIn p span{font-size:9pt;font-weight:300}.userLogedIn ul,.userLogedIn:hover{background-color:var(--menu-sub-color)}.userLogedIn ul{display:none;left:0;padding:10px 0;position:absolute;top:60px;width:200px;z-index:1}.float_menu .menuBox .userLogedIn ul{top:50px}.userLogedIn ul a{color:var(--menu-sub-text-color);flex-direction:row;font-weight:600;gap:5px;padding:6px 10px}.userLogedIn ul a,.userLogedIn ul a li{align-items:center;display:flex;font-size:9pt}.userLogedIn ul a li{font-weight:600!important;justify-content:space-between;width:100%}.userLogedIn ul a li b{align-items:center;background-color:#ed5353;border-radius:50%;color:#fff;display:flex;font-size:8pt;height:18px;justify-content:center;width:18px}.userLogedIn ul a:hover{color:var(--menu-color-sp);opacity:1}.userLogedIn ul a:hover span b{color:#fff}.userLogedIn ul a svg{font-size:12pt!important}.taskHeader .userLogedIn ul{top:45px}.menuRightAND .userLogedInInfo{color:#fff;display:flex;flex-direction:column}.menuRightAND .userLogedInInfo span{font-size:8pt!important}.menuRightAND .parent a{font-size:11pt!important}.userLogedIn:focus-within{background-color:var(--menu-sub-color)}.userLogedIn:focus-within ul{display:block}.textEffect{padding:0 30px}.bottomMenu{bottom:0;display:flex;gap:0;justify-content:center;position:absolute;width:100%;z-index:1}.bottomMenu a{align-items:center;background-color:#fff;border-radius:0;border-top:2px solid #5b72ee;box-shadow:0 0 15px #0003;color:#555;display:flex;flex:1 1;flex-direction:column;gap:10px;max-width:350px;padding:15px;transform:translateY(140px);transition:all .5s}.bottomMenu a.ck,.bottomMenu a:hover{opacity:1;transform:translateY(0)}.bottomMenu a svg{background-color:#5b72ee;border:2px solid #fff;border-radius:50%;color:#fff;font-size:36pt;margin-top:-40px;padding:8px}.bottomMenu a h4{font-family:Kufam,sans-serif;font-size:14pt;font-weight:600}.bottomMenu a p{color:#888;font-family:Kufam,sans-serif;font-size:9pt;line-height:160%;margin-top:5px;text-align:center}.bottomMenu a button{margin:10px 0;width:100%}.bottomMenu a.color-orange{border-top:2px solid #f48c04}.bottomMenu a.color-orange button,.bottomMenu a.color-orange svg{background-color:#f48c04}.bottomMenu a.color-blue{border-top:2px solid #29b9e7}.bottomMenu a.color-blue button,.bottomMenu a.color-blue svg{background-color:#29b9e7}.bottomMenu a.color-green{border-top:2px solid #3fca8b}.bottomMenu a.color-green button,.bottomMenu a.color-green svg{background-color:#3fca8b}.bottomMenu a.color-red{border-top:2px solid #ca3f51}.bottomMenu a.color-red button,.bottomMenu a.color-red svg{background-color:#ca3f51}.loginBody{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;position:fixed;right:0;top:0;width:100%;z-index:17}.loginBox{background-color:#fff;border-radius:20px;box-shadow:0 0 20px #0000001a;display:flex;position:absolute;position:relative;width:800px}.loginBox .closeLogin{left:-14px;position:absolute;top:-14px}.loginBox .closeLogin svg{background-color:#fff;border-radius:50%;color:#111;font-size:22pt;padding:5px}.loginBox .right{display:flex;flex:1 1;flex-direction:column;padding:20px;text-align:center}.loginBox .right h2{color:#222;font-size:26pt;font-weight:300}.loginBox .right h2 *{color:#306dc9;font-size:26pt}.loginBox .right p{color:#999;font-size:9pt;font-weight:300;margin-top:5px}.loginBox .right .moeLoginBox{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:40px;padding:20px 0}.loginBox .right .moeLoginBox p{margin-bottom:5px}.loginBox .right .moeLoginBox .btn{align-items:center;background-color:#666;border-radius:50px;display:flex;font-size:10pt;letter-spacing:0;padding:6px 14px 6px 20px}.loginBox .right .moeLoginBox .btn img{height:34px}.loginBox .right .or{margin-top:10px;position:relative}.loginBox .right .or b{background-color:#fff;display:table;font-size:10pt;font-weight:300;margin:auto;padding:0 10px;transform:translateY(8px)}.loginBox .right .or hr{border:0;border-bottom:1px solid #ddd}.loginBox .right form{margin:30px 0;padding:0 40px}.loginBox .right form .formInputBox{margin-top:-5px;padding:0 10px;position:relative;text-align:right}.loginBox .right form .formInputBox span{color:#c5c5d0;display:table;font-size:8pt;font-weight:400;margin-right:10px;transform:translateY(28px)}.loginBox .right form .formInputBox hr{display:none}.loginBox .right form .formInputBox.focused span{background-color:#fff;color:#629aea;font-size:8pt;padding:0 10px;transform:translateY(8px)}.loginBox .right form .formInputBox input{background-color:#fafafa;border:1px solid #e8e8e8;border-radius:30px;direction:ltr;padding:8px;text-align:right}.loginBox .right form .formInputBox.focused input{background-color:#fff;border:1px solid #bcd7ff}.loginBox .right form .formInputBox svg{color:#c5c5d0;left:20px;margin-top:12px;position:absolute}.loginBox .right form .formInputBox.focused svg{color:#629aea}.loginBox .right form .forgotPs{margin-top:4px;text-align:left}.loginBox .right form .forgotPs a{color:#9da7ab;font-size:8pt;margin-left:15px}.loginBox .right form .loginBtnBox{margin-top:20px;padding:0 10px}.loginBox .right form .loginBtnBox .btn{background-color:#306dc9;font-size:11pt;letter-spacing:0;margin-top:10px;width:100%}.loginBox .left{align-items:center;background-color:#306dc9;border-radius:20px 0 0 20px;display:flex;flex:1 1;flex-direction:column;gap:5%;justify-content:center;padding:20px}.loginBox .left div{max-width:240px;text-align:center}.loginBox .left h1{color:#fff;font-size:16pt;margin-top:10px;max-width:200px}.loginBox .left p{color:#fff9;font-size:10pt;margin-top:5px}:focus{outline:none}.taskBody{align-items:center;background-image:url(/static/media/background.47323856f727256ace83.jpg);background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;min-height:0;width:100vw}.taskBody .taskHeader{background-color:#000;padding:0;position:relative;width:100%}.taskBody .taskHeader .mainWidth{align-items:center;display:flex;justify-content:space-between;max-height:60px}.taskBody .taskHeader .mainWidth .logo{border-radius:50%;height:90px;margin-top:15px;padding:5px}.taskBody .taskHeader .btnTask{background-color:#1acca3;font-size:9pt}.rightTaskMenu{align-items:center;background-color:#fff;border-radius:10px;bottom:0;box-shadow:1px 1px 10px #0006;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto;position:fixed;right:10px;top:0;z-index:18}.rightTaskMenu a{border-radius:10px;padding:6px 10px}.rightTaskMenu a svg{color:#444;font-size:16pt}.rightTaskMenu a span{background-color:#000;border-radius:20px;color:#fff;display:none;font-size:8pt;padding:2px 6px;position:absolute;right:45px;white-space:nowrap}.rightTaskMenu a:hover{background-color:#f5f5f5;opacity:1}.rightTaskMenu a:hover span{display:inline;display:initial}.rightTaskMenu a.admin svg{color:#ff4d4b}.taskBody .taskMainBox{box-shadow:0 0 30px #000000b3;display:flex;flex-flow:row wrap;margin:3vh 0;min-height:60vh;width:96vw}.taskBody .taskMainBox .taskBox{background-color:#fff;display:flex;flex:1 1;flex-direction:column;min-height:0;padding:40px}.taskBody .taskMainBox .taskBox.right{background-color:#f9f9f9;box-shadow:inset 1px 1px 50px #0006;height:100%;padding:0;position:relative}.taskBody .taskMainBox .taskBox.right .quizMainBox{display:flex;flex:1 1;flex-direction:column;justify-content:start;min-height:0;overflow:auto;overflow-x:hidden}.taskBody .taskMainBox .taskBox.right .taskButtonsBox{display:flex;gap:5px;justify-content:end;padding:30px 40px}.taskBody .taskMainBox .taskBox.right .taskButtonsBox .btn{padding:10px 15px}.taskBody .taskMainBox .taskBox.right .taskButtonsBox .btn:hover{opacity:.9}.taskBody .taskMainBox .taskBox.right .taskButtonsBox .btn.next{flex:1 1}.taskBody .taskMainBox .taskBox.right .taskButtonsBox .btn:first-child svg{transform:translateY(2px)}.taskBody .taskMainBox .taskBox.left{background-color:#f1f1f1;box-shadow:inset 1px 1px 50px #0006;height:100%;min-height:0;overflow:auto}.taskBody .taskMainBox .taskBox.left h1{font-size:16pt;font-weight:800}.taskBody .taskMainBox .taskBox.left div{font-size:11pt;margin-top:15px}.taskBody .taskMainBox .taskBox .quizMainBox::-webkit-scrollbar{background-color:#ccc;padding:2px;width:5px}.taskBody .taskMainBox .taskBox .quizMainBox::-webkit-scrollbar-thumb{background:#dcb160;border-radius:10px}.taskBody .taskMainBox .taskBox .quizMainBox::-webkit-scrollbar-track-piece:start{background:#0000}.taskBody .taskMainBox .taskBox .quizMainBox::-webkit-scrollbar-track-piece:end{background:#0000}.taskBody .taskMainBox .taskBox::-webkit-scrollbar{background-color:#ccc;padding:2px;width:5px}.taskBody .taskMainBox .taskBox::-webkit-scrollbar-thumb{background:#dcb160;border-radius:10px}.taskBody .taskMainBox .taskBox::-webkit-scrollbar-track-piece:start{background:#0000}.taskBody .taskMainBox .taskBox::-webkit-scrollbar-track-piece:end{background:#0000}.taskBody .taskMainBox .taskBox.right .btn{align-self:flex-end;background-color:#ffb844;font-size:10pt;padding:8px 30px}.newTaskForm{background-color:#fff;border-radius:10px;box-shadow:1px 1px 20px #0006;max-width:500px;min-height:400px;position:absolute;transform:translateX(-100vw);transition:all .3s;width:100%}.newTaskForm h1{background-color:#1acca3;border-bottom:1px solid #40a08a;border-radius:10px 10px 0 0;color:#fff;font-size:14pt;font-weight:600;padding:10px;text-align:center}.newTaskForm .form{display:flex;flex-direction:column;padding:20px}.newTaskForm .btn{background-color:#28b695;cursor:pointer;flex:1 1;margin-top:20px}.newTaskForm .btn.prev{padding:8px 20px}.newTaskForm .btn.prev svg{transform:translateY(2px)}.newTaskForm .formInputBox{max-width:100%;padding:13px 11px}.newTaskForm .formInputBox span{color:#999;font-size:10px;transform:translateY(0)}.newTaskForm .formInputBox .selectName,.newTaskForm .formInputBox input{background-color:#f8f8f8;padding:10px}.newTaskForm .formInputBox .dropDownBox{top:32px}.newTaskForm.box3,.newTaskForm.box4{max-width:700px}.newTaskForm.box2{max-width:500px;min-height:auto}.addTask.step2 .newTaskForm.box1,.addTask.step3 .newTaskForm.box1,.addTask.step3 .newTaskForm.box2,.addTask.step4 .newTaskForm.box1,.addTask.step4 .newTaskForm.box2,.addTask.step4 .newTaskForm.box3{transform:translateX(100vw)}.addTask.step2 .newTaskForm.box2,.addTask.step3 .newTaskForm.box3,.addTask.step4 .newTaskForm.box4,.newTaskForm.box1{transform:translateX(0)}.newTaskForm.box4 .btn.newq{align-self:end;flex:0 1;font-size:10pt;letter-spacing:0;margin:0}.newTaskForm.box4 .form{min-height:400px}.newQuestionsBox{flex:1 1;margin-top:20px}.answerMissingWords *{font-size:9pt}.answerMissingWords inp{font-weight:600}.taskMainBox.f-14 .answersBox span,.taskMainBox.f-14 .questionB *,.taskMainBox.f-14 .storyBoxText *{font-size:14pt}.taskMainBox.f-16 .answersBox span,.taskMainBox.f-16 .questionB *,.taskMainBox.f-16 .storyBoxText *{font-size:16pt}.taskMainBox.f-18 .answersBox span,.taskMainBox.f-18 .questionB *,.taskMainBox.f-18 .storyBoxText *{font-size:18pt}.taskHeader .userLogedIn{align-items:center;display:flex;gap:5px;padding:5px}.taskHeader .userLogedIn img{border-radius:50%;height:35px;width:35px}.taskHeader .userLogedIn p a{display:flex;flex-direction:column}.taskHeader .userLogedIn b{color:#fff;font-size:9pt}.taskHeader .userLogedIn span{color:#ffffff80;font-size:9pt;font-weight:300}.btn.addTask{background-color:#777!important}.pdfStory{padding:5% 0}.pdfStory h1 *{font-size:22pt}.pdfStory *{font-size:16pt}.pdfNameDateBox{display:flex;justify-content:space-between;margin-bottom:50px}.pdfNameDateBox div{font-size:16pt}.pdfPrintBox .logo{display:table;margin:auto auto 30px}.pdfPrint{background-color:#000}.pdfPrint .quizBox.show{background-color:initial;break-inside:avoid;display:grid;margin:0;padding:4% 0;page-break-inside:avoid;width:100%}.pdfPrint .quizBox .answerTextBox .answer_text{border-radius:0;height:150px}.pdfPrint .pdfStory *{font-size:16pt}.pdfPrint .quizBox .questionB *{font-size:16pt;font-weight:600!important}.pdfPrint .quizBox b{color:#000!important;font-size:16pt}.pdfPrint .quizBox .missingWordBox *{font-size:16pt}.pdfPrint .quizBox .missingWordBox inp{border:0;border-bottom:1px solid #000;border-radius:0;letter-spacing:2px}.pdfPrint .quizBox .tagsToDragFrom{display:none;visibility:hidden}.pdfPrint .quizBox a span{color:#000!important;font-size:16pt}.pdfPrint .quizBox a svg{font-size:30pt}.pdfPrint .favBox{display:none}.pdfPrint .quizBox .answersBox a{background-color:initial;box-shadow:0 0 0;padding:0}.pdfPrint .quizBox .answersBox a:hover{border:0;transform:translate(0)}.pdfPrint .quizBox .answersBox a span{font-size:16pt}.pdfPrint .quizBox .answersBox a svg{font-size:22pt}.pdfPrint .quizBox .answersBox a span:nth-child(3){display:none}.timerBox{display:table;left:0;margin:auto;position:fixed;right:0;top:13px;z-index:17}.timerBox span{background-color:#444;border-radius:20px;color:#fff;display:block;font-size:14pt;padding:2px 10px}page[size=A4]{background:#fff;display:table;margin:0 auto;width:100%}.printBoxTasksOut{zoom:0;position:fixed}.attachedFilexBox{background-color:#f2f7ff;border:1.3px dashed #42b1ea;border-radius:10px;cursor:pointer;margin:auto auto 40px;padding:30px 20px;position:relative;text-align:center;width:120px}.attachedFilexBox input{height:1px;position:absolute;visibility:hidden;width:1px}.attachedFilexBox span{color:#222;display:block;font-size:9pt;font-weight:300}.attachedFilexBox svg{color:#42b1ea;font-size:30pt}.table.attached td input{background-color:#fff;border:1px solid #e5e5e5;border-radius:5px;font-size:9pt;padding:9px;width:100%}.table.attached td .attachIco{border-radius:5px;color:#999;font-size:24pt}.taskPagingBox{justify-content:center;padding:30px 40px;width:100%}.taskPagingBox,.taskPagingBox div,.taskPagingBox label{align-items:center;display:flex}.taskPagingBox label{background-color:#fff;border:1px solid #ccc;border-radius:50%;cursor:pointer;font-size:8pt;height:22px;justify-content:center;text-align:center;width:22px}.taskPagingBox hr{background-color:#eee;border:0;flex:1 1;height:5px;max-width:80px}.taskPagingBox label.ck{border:1px solid #1acca3;color:#fff}.taskPagingBox hr.ck,.taskPagingBox label.ck{background-color:#1acca3}.taskPagingBox label.sel{border:2px solid #32b589}.quizBox{display:none;margin:30px 30px 10px;padding:15px 10px}.quizBox .questBox{align-items:flex-start;justify-content:space-between}.quizBox .questBox,.quizBox .questBox .flex{display:flex;gap:5px}.quizBox .questBox .questionB *{font-weight:500}.quizBox .questBox b{color:#32b589}.quizBox.show{display:block}.quizBox .answersBox{padding:15px 30px}.quizBox h2{color:#333;font-size:14pt;font-weight:800}.quizBox h3{color:#888;font-size:10pt;font-weight:300}.quizBox .answersBox a{align-items:center;background-color:#fff;border-radius:20px;box-shadow:0 0 4px #0000001a;display:block;display:flex;gap:10px;margin-top:12px;padding:10px;transition:transform .2s}.quizBox .answersBox a.ck{background-color:#ffb844;color:#fff!important;opacity:1}.quizBox .answersBox a.right{background-color:#1acca3;color:#fff!important;opacity:1}.quizBox .answersBox a.ck *,.quizBox .answersBox a.right *{color:#fff}.quizBox .answersBox a:hover{border-right:3px solid #32b589;opacity:1;transform:translateX(-5px)}.quizBox .answersBox a svg{color:#5f6c68;font-size:17pt}.quizBox .answersBox a span{color:#5f6c68;font-size:11pt}.quizBox .answersBox a img{aspect-ratio:1;border-radius:50%;height:55px;object-fit:cover}.quizBox .answerTextBox{margin-top:15px}.quizBox .answerTextBox .answer_text{background-color:#fff;border:1px solid #ddd;border-radius:10px;height:200px;padding:10px;width:100%}.quizBox .selectBoxAnswer{background-color:#fff;border:1px solid #ddd;border-radius:20px;color:#15835e;min-width:70%;padding:10px}.quizBox .missingWordBox{margin-top:20px}.quizBox .missingWordBox *{font-size:11pt;line-height:200%}.quizBox .missingWordBox inp{background-color:#fff;border:1px solid #ccc;border-radius:5px;cursor:pointer;display:inline-table;font-size:11pt;font-weight:500;margin:0 2px;padding:0 8px;position:relative}.quizBox .missingWordBox inp.selected{background-color:#ffed7a}.quizBox .missingWordBox inp svg{background-color:red;border-radius:10px;color:#fff;font-size:12pt;padding:2px;position:absolute;right:-6px;top:-6px}.tagsToDragFrom{display:flex;gap:5px;margin-top:20px;padding:5px}.tagsToDragFrom span{background-color:#32b589;border-radius:5px;color:#fff;cursor:move;font-size:10pt!important;font-weight:600;padding:4px 10px}.favBox{transform:translate(-10px,-10px)}.favBox svg{background-color:#fff;border:1px solid #eee;border-radius:50%;box-shadow:1px 1px 1px #0003;font-size:26pt;padding:5px}.favBox.ck svg{color:red}.quizBox .answersBox .audioPlayerBox{position:relative}.quizBox .answersBox .audioPlayerBox svg{background-color:#999;border-radius:50%;color:#fff;font-size:40pt;padding:10px}.quizBox .answersBox .audioPlayerBox audio{height:1px;position:absolute;visibility:hidden;width:1px}.fractionBoxFull{margin-top:30px}.fractionBox{align-items:center;display:flex;gap:10px}.fractionBox div{width:70px}.fractionBox div.rightFrac{display:flex;flex-direction:column;gap:5px}.fractionBox div label{display:block;text-align:center;width:100%}.fractionBox div label b,.fractionBox div label spanInput{display:block;font-size:13pt;padding:5px;text-align:center;width:100%}.fractionBox div label input,.fractionBox div label spanInput{border:1px solid #ddd;line-height:150%}.fractionBox div label input{display:block;font-size:13pt;padding:5px;text-align:center;width:100%}.fractionBox hr{border:0;border-top:1px solid #111;width:100%}.fractionBox div.leftFrac{align-items:center;display:flex;gap:5px}.teacherNotesBox{background-color:#ffe7e7;border-radius:20px;font-size:10pt;font-weight:300;margin-bottom:25px;padding:10px}.teacherNotesBox b{font-size:10pt}.charectersBox{height:100%;position:fixed;right:0;top:0;width:100%;z-index:2}.charecters{bottom:0;left:0;margin:auto;position:fixed;right:0;width:240px}.readyToStartBox{align-items:center;background-color:#000000e6;display:flex;height:100vh;justify-content:center;position:fixed;right:0;top:0;width:100vw;z-index:20}.readyToStartBox .readyToStartBody{border-radius:5px;max-width:450px;transition:all .3s;width:96%}.readyToStartBox .readyToStartBody.hide{transform:scale(0)}.readyToStartBox .readyToStartBody h1{background-color:var(--menu-color-sp);border-radius:5px 5px 0 0;color:#fff;padding:20px}.readyToStartBody .taskClassesBox{border:0!important;flex-direction:column}.readyToStartBody .tag,.readyToStartBody img{display:none}.readyToStartBody .btn{border-radius:0;font-size:12pt;margin-top:15px;padding:12px 30px;width:100%}.readyToStartBox .numbersBox{position:absolute}.readyToStartBox .numbersBox li{color:#fff;display:none;font-size:100pt;font-weight:200;transition:all .2s}.readyToStartBox .numbersBox li.ck{display:block}.readyToStartBox .timeEnded{padding-top:20px;text-align:center}.readyToStartBox .timeEnded svg{color:#666;font-size:80pt}.readyToStartBox .timeEnded p{color:#555;font-size:12pt;font-weight:600;padding:15px}.readyToStartBox .scoreView{text-align:center}.readyToStartBox .scoreView b{color:var(--menu-color-sp);font-size:40pt;font-weight:600}.readyToStartBox .scoreView span{color:#777;font-size:10pt;margin-bottom:20px;margin-top:-10px}.readyToStartBox .scoreView h2{margin-top:10pt}.readyToStartBox .scoreView p{font-size:10pt;margin-top:6px}.questionTaskResultBox{background-color:#fff;border-radius:0 0 10px 10px;border-top:1px solid #ddd;display:flex;gap:20px;justify-content:space-between;padding:30px 20px}.questionTaskResultBox textarea{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;flex:0.8 1;font-size:9pt;height:60px;padding:10px}.questionTaskResultBox div{display:flex;flex-direction:column;text-align:center}.questionTaskResultBox div span{color:#888;font-size:9pt;font-weight:300}.questionTaskResultBox div input,.questionTaskResultBox div select{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;color:#000;font-size:12pt;margin-top:3px;padding:8px 5px;text-align:center;width:70px}.questionsAllScoresBox{align-items:center;border-radius:10px;display:flex;justify-content:end;margin-top:20px;padding:0 20px}.questionsAllScoresBox .questionTaskResultBox{background-color:initial;border:0;padding:20px 0}.questionsAllScoresBox .questionTaskResultBox input{font-size:18pt;width:80px}.questionsAllScoresBox .btn,.questionsAllScoresBox .questionTaskResultBox select{font-size:10pt;padding:16px;width:auto}.questionsAllScoresBox .btn{border-radius:5px;margin-right:20px;transform:translateY(9px)}.readyTaskInfo{padding:15px}.readyTaskInfo h3{color:#555;font-size:14pt;font-weight:800}.readyTaskInfo span{color:#999;font-size:9pt}.readyTaskInfo p{color:#555;font-size:9pt;margin-top:10px}.readyTaskInfo .table{margin-top:30px}.readyTaskInfo .table td{border-right:0;color:#798185;font-size:9pt;font-weight:600}.shadow{background-color:#fff;box-shadow:0 0 10px #0000004d}.taskNewBody{background-image:url(/static/media/background.47323856f727256ace83.jpg);background-size:cover;height:100vh;overflow:auto;padding-bottom:30px;width:100vw}.taskNewBody .taskHeader{background-color:#000000e6;padding:0;position:relative;position:fixed;right:0;top:0;width:100%}.taskNewBody .taskHeader h5{color:#fff;font-size:14pt}.taskNewBody .taskHeader .mainWidth{align-items:center;display:flex;justify-content:space-between;max-height:60px}.taskNewBody .taskHeader .mainWidth .logo{height:90px;margin-top:15px;padding:5px}.taskNewBody .taskHeader .btnTask{background-color:#1acca3;font-size:9pt}.mainTitleBox{align-items:flex-start;display:flex;justify-content:space-between;padding:10px 0 20px}.mainTitleBox .mainTitle{color:#fff;font-size:22pt;margin-bottom:10px;text-shadow:#7d4e39 2px 2px}.mainTitleBox nav{align-items:center;display:flex;gap:5px}.mainTitleBox nav .tagInfo{background-color:#ffb53a;border-radius:20px;color:#111;font-size:9pt;padding:2px 10px}.mainTitleBox nav .tagInfo:first-child{background-color:#1acca3}.mainTitleBox .sendTaskTo{background-color:#1acca3;border-radius:50px;font-size:12pt;padding:10px 20px}.taskMainNewBox{margin-top:100px;max-width:840px;padding:0 20px}.taskMainNewBox .sectionTigtle{background-color:var(--menu-color-sp);border-radius:0;color:#fff;display:table;font-size:12pt;padding:10px 20px;position:relative;transform:translate(15px,10px)}.taskMainNewBox .storyBoxText{padding:10px 10px 20px}.taskMainNewBox .storyBoxText *{line-height:180%;padding:20px}.taskMainNewBox .storyBoxText img{height:auto;max-width:100%}.taskMainNewBox .storyBoxText audio{height:100px;margin:10px 0;max-width:96%;padding:0}.taskMainNewBox .storySection{border-radius:10px;display:table;margin-top:20px;padding-top:5px;position:relative;width:100%}.taskMainNewBox .storySection.grayBg{background-color:#f9f9f9}.taskMainNewBox .storySection .quizBox{background-color:initial;padding:10px 0 20px}.taskMainNewBox .storySection .quizBox .answersBox{max-width:450px}.questionsBoxNewTitle{align-items:center;display:flex;margin:30px 0;position:relative}.questionsBoxNewTitle hr{border:0;border-bottom:.5px solid #dcc9b6;border-top:.5px solid #a4896e;flex:1 1}.questionsBoxNewTitle span{color:#301f0d;font-weight:500;padding:0 10px}.mainWidth.taskMainNewBox.f-14 .storyBoxText *{font-size:14pt}.mainWidth.taskMainNewBox.f-16 .storyBoxText *{font-size:16pt}.mainWidth.taskMainNewBox.f-18 .storyBoxText *{font-size:18pt}.mainWidth.taskMainNewBox.f-14 .questionB *{font-size:14pt}.mainWidth.taskMainNewBox.f-16 .questionB *{font-size:16pt}.mainWidth.taskMainNewBox.f-18 .questionB *{font-size:18pt}.mainWidth.taskMainNewBox.f-14 .answerTextBox textarea{font-size:14pt}.mainWidth.taskMainNewBox.f-16 .answerTextBox textarea{font-size:16pt}.mainWidth.taskMainNewBox.f-18 .answerTextBox textarea{font-size:18pt}.mainWidth.taskMainNewBox.f-14 .answersBox a span{font-size:14pt}.mainWidth.taskMainNewBox.f-16 .answersBox a span{font-size:16pt}.mainWidth.taskMainNewBox.f-18 .answersBox a span{font-size:18pt}.mainWidth.taskMainNewBox.f-14 .selectBoxAnswer{font-size:14pt}.mainWidth.taskMainNewBox.f-16 .selectBoxAnswer{font-size:16pt}.mainWidth.taskMainNewBox.f-18 .selectBoxAnswer{font-size:18pt}.mainWidth.taskMainNewBox.f-14 .missingWordBox *{font-size:14pt}.mainWidth.taskMainNewBox.f-16 .missingWordBox *{font-size:16pt}.mainWidth.taskMainNewBox.f-18 .missingWordBox *{font-size:18pt}.mainWidth.taskMainNewBox.f-14 .tagsToDragFrom span{font-size:14pt!important}.mainWidth.taskMainNewBox.f-16 .tagsToDragFrom span{font-size:16pt!important}.mainWidth.taskMainNewBox.f-18 .tagsToDragFrom span{font-size:18pt!important}.triangle-up{border:10px solid;border-color:#0000 #0000 #000;bottom:-10px;display:inline-block;position:absolute;right:5px;transform:rotate(-45deg)}.taskUserInfoBox{display:flex;gap:5px;left:10px;position:absolute;top:10px}.taskUserInfoBox a{border-radius:20px;font-size:9pt}.studentImg{zoom:.9;display:table;margin:auto}.studentImg .ThemeformInputBox{margin-top:0!important}.studentImg .uploadVideoAndImgThumb{background-color:initial}.studentImg .imgPlug,.studentImg .uploadVideoAndImg{border:1px solid #ddd;border-radius:50%}.userinfoBox .studentInput{display:table;margin:auto;width:70%}.userinfoBox .btn{font-size:12pt;margin-bottom:20px;max-width:400px;width:100%}.teacherTaskBox .breadcrumbs{padding:10px}.teacherTaskBox .mainWidth{margin-top:90px}.teacherTaskBox .mainWidth h1{color:#333;font-size:20pt;font-weight:600;padding:10px 15px;text-align:center}.tasksStatsBox{background-color:#f9f9f9;border-top:1px solid #e9e9e9;display:flex;gap:20px;margin-top:20px;padding:30px 20px}.tasksStatsBox div{align-items:center;background-color:#fff;border:1px solid #eee;border-radius:10px;display:flex;flex:1 1;justify-content:space-between;padding:25px 15px;position:relative}.tasksStatsBox div hr{border:0;border-bottom:3px solid #01bcd5;left:5%;position:absolute;top:0;width:40%}.tasksStatsBox div p{display:flex;flex-direction:column}.tasksStatsBox div b{color:#01bcd5;font-size:28pt;font-weight:400}.tasksStatsBox div span{color:#888;font-size:9pt;font-weight:300;margin-top:-6px}.tasksStatsBox div svg{color:#01bcd5;font-size:30pt}.tasksStatsBox div:nth-child(2) b,.tasksStatsBox div:nth-child(2) svg{color:#ff9421}.tasksStatsBox div:nth-child(2) hr{border-color:#ff9421}.tasksStatsBox div:nth-child(3) b,.tasksStatsBox div:nth-child(3) svg{color:#ed1d62}.tasksStatsBox div:nth-child(3) hr{border-color:#ed1d62}.tasksStatsBox div.studentInfoBox{align-items:flex-start;flex:1.3 1;gap:10px;justify-content:flex-start}.tasksStatsBox div.studentInfoBox img{aspect-ratio:16/12;border-radius:5px;object-fit:cover;width:80px}.tasksStatsBox div.studentInfoBox nav{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.tasksStatsBox div.studentInfoBox nav .tag{align-items:center;border-radius:20px;display:flex;font-size:10pt;gap:3px;margin-bottom:10px;padding:2px 5px}.tasksStatsBox div.studentInfoBox nav .tag svg{color:inherit;font-size:11pt}.filterBox{align-items:center;background-color:#fff;border-top:1px solid #e9e9e9;display:flex;gap:5px;justify-content:space-between;padding:20px 15px}.filterBox div{font-size:9pt}.filterBox form{align-items:center;display:flex;gap:10px}.filterBox input.searchInput,.filterBox select.searchInput{background-color:#fff;border:1px solid #ddd;border-radius:30px;box-shadow:inset 0 0 10px #0000000d;flex:1 1;font-size:9pt;padding:10px}.filterBox input.searchInput{width:250px}.filterBox select.searchInput{max-width:150px;width:100%}.myTaskBody{background-color:#f9f9f9;border-top:1px solid #e9e9e9;min-height:300px;padding:15px;position:relative}.myTaskBody .taskClassesSection{background-color:#fff;box-shadow:0 0 5px #0000001a;margin-top:35px}.myTaskBody .taskClassesSection .taskClassesTitle{background-color:#26c07a;color:#fff;display:table;font-size:13pt;padding:8px 10px;transform:translateY(-20px)}.taskClassesBox{align-items:flex-start;border:2px solid #fff;border-top:1px solid #e9e9e9;display:flex;gap:15px;padding:20px}.taskClassesBox .midFlex{flex:1 1}.taskClassesBox:hover{border-right:2px solid #ed1d62}.taskClassesBox img{aspect-ratio:1;height:80px;object-fit:cover;width:80px}.taskClassesBox:nth-child(2){border-top:0}.taskClassesBox h3{color:#333;font-size:16pt;font-weight:600}.taskClassesBox h4{color:#666;font-size:9pt;font-weight:400;margin-top:2px}.taskClassesBox text{color:#888;display:block;font-size:9pt;font-weight:300;margin-top:10px}ul.taskInfoUl{align-items:center;display:flex;gap:10px;margin-top:20px}ul.taskInfoUl li{background-color:#f0f6f8;border-radius:20px;color:#798185;display:flex;font-size:9pt;font-weight:300;gap:5px;justify-content:center;padding:2px 5px}.taskClassesBox .taskMenuBox{position:relative}.taskClassesBox .taskMenuBox .copyBox{background-color:#000;border-radius:20px;color:#fff;font-size:8pt;font-weight:300;padding:4px 5px;position:absolute;transform:translate(45px,-30px);white-space:nowrap}.taskClassesBox .mainDotesMenu svg{background-color:#f8f8f8;border-radius:5px;font-size:18pt;padding:4px}.taskClassesBox .taskMenuBox ul{background-color:#fff;box-shadow:0 0 10px #0000001a;display:none;flex-wrap:wrap;left:0;position:absolute;width:250px;z-index:2}.taskClassesBox .taskMenuBox ul.open{display:flex;flex-direction:column}.taskClassesBox .taskMenuBox ul a.mLink{align-items:center;border-bottom:1px solid #eee;color:#555;display:flex;font-size:8pt;font-weight:300;gap:8px;justify-content:start;padding:6px 10px;position:relative}.taskClassesBox .taskMenuBox ul a.mLink svg{color:#555;display:table;font-size:16pt}.taskClassesBox .taskMenuBox ul a.mLink b{font-size:9pt;font-weight:300}.taskClassesBox .taskMenuBox ul a.mLink:hover b{display:table}.taskClassesBox .taskMenuBox ul a.mLink:hover{background-color:#f9f9f9}.taskClassesBox .taskMenuBox ul a.mLink .teams-share-button{zoom:.4;display:table}.taskClassesBox .taskMenuBox ul a.mLink div{height:auto!important;width:auto!important}.taskClassesBox .taskMenuBox ul a.mLink iframe{zoom:.4}ul.taskInfoUl.inTask{justify-content:center;margin-bottom:40px;margin-top:0}.insideMyTask .taskClassesBox{border-right:0;padding:40px 20px}.myTaskBody.studentTasksBox .taskClassesBox{background-color:#fff;box-shadow:0 0 5px #0000001a}.myTaskBody.studentTasksBox .taskClassesBox .tag{white-space:nowrap}.taskAnswerStBox{text-align:center}.taskAnswerStBox.bord{border-right:1px solid #eee;padding-right:20px}.taskAnswerStBox b{color:#ff9a4b;display:block;font-size:29pt;font-weight:300;margin-top:20px}.myTaskBody .table tbody td{padding:15px 10px}.myTaskBody .table tbody td .tag,.myTaskBody .table tbody td:first-child{font-weight:600}.mainMyTasksTitleBox{align-items:center;display:flex}.mainMyTasksTitleBox h1{flex:1 1}.mainMyTasksTitleBox nav{display:flex;padding:10px;position:relative}.mainMyTasksTitleBox nav a.mainClick{padding:5px}.mainMyTasksTitleBox nav a.mainClick svg{background-color:#f5f5f5;border-radius:50%;font-size:21pt;padding:5px}.mainMyTasksTitleBox nav ul{background-color:#fff;box-shadow:0 0 10px #0000001a;left:15px;position:absolute;top:45px;width:200px}.mainMyTasksTitleBox nav ul a{align-items:center;color:#444;display:flex;font-size:9pt;gap:5px;padding:10px}.mainMyTasksTitleBox nav ul a svg{color:#555;font-size:14pt}.gameVheckBox input{accent-color:#ff5722;cursor:pointer;transform:scale(1.4)}.myTaskBody .selectAll{font-size:10pt;font-weight:800;left:20px;position:absolute;top:15px}.myTaskBody .selectAll:hover{color:red}.mainTitleBox.audioTitleBox{border-bottom:1px solid #d5d5d5;flex-direction:column;margin-bottom:20px}.mainTitleBox.audioTitleBox h2{color:#444;font-size:18pt;font-weight:600}.mainTitleBox.audioTitleBox nav{margin-top:10px}.taskBody.audioContainer .taskBox.right{overflow:auto;padding:15px 30px}.taskBody.audioContainer .mainWidth.taskMainBox{max-height:90vh}.taskBody.audioContainer .taskBox.left{display:block;flex:1.2 1;padding:30px}.audioPlayerBox{margin-top:0!important;padding:0}.audioPlayerBox nav{display:flex;padding:0 30px 0 0}.audioPlayerBox nav a{font-size:9pt;padding:8px 10px}.audioPlayerBox nav a.ck{background-color:#fff;border:1px solid #ddd;border-bottom:0;border-radius:5px 5px 0 0;color:#555;transform:translateY(1px)}.audioPlayerBox audio{background-color:#fff;border:1px solid #ddd;border-radius:30px 10px 0 0;height:70px;padding:10px;width:100%}.noteImageBox{background-color:#fff;border:1px solid #ddd;border-top:0;margin-top:0!important;padding:5px 10px 10px;transform:translateY(-7px);width:100%}.noteImageBox .noteThumb{align-items:center;display:flex;gap:5px;justify-content:center;margin-top:10px!important;max-width:100%}.noteImageBox .noteThumb img{aspect-ratio:1;border:2px solid #fff;width:50px}.noteImageBox .noteThumb img.ck{border-color:var(--menu-color-sp)}.noteImageBox .noteThumb b{background-color:#555;border-radius:50%;height:10px;width:10px}.noteImageBox a:hover{opacity:1}.noteImageBox.full{background-color:#000000e6;display:block;height:100%;padding:5%;position:fixed;right:0;top:0;width:100%;z-index:17}.audioContainer.f-14 .fullText *{font-size:14pt!important}.audioContainer.f-16 .fullText *{font-size:16pt!important}.audioContainer.f-18 .fullText *{font-size:24pt!important}.closeImgFull{color:#fff;left:10px;position:absolute;top:10px}.closeImgFull svg{font-size:30pt}.closeAfter{display:none}.taskBody.audioContainer.fullscreen .taskBox.right{left:0;margin:auto;max-width:1024px;position:fixed;right:0;top:0;width:96%;z-index:17}.taskBody.audioContainer.fullscreen .taskBox.right .closeAfter{display:block;left:10px;position:absolute;top:10x}.taskBody.audioContainer.fullscreen .taskBox.right .closeAfter svg{font-size:40pt}.addQuestions .popup{max-height:96vh;max-width:600px}.addQuestions .popup h2{background-color:#1acca3;color:#fff;font-size:14pt;padding:10px}.addQuestions .popup .tab{background-color:#f5f5f5;border-bottom:1px solid #e8e8e8;display:flex;gap:10px;height:55px;padding:20px 10px 0}.addQuestions .popup .tab a{align-items:center;background-color:#eee;border:1px solid #e5e5e5;border-bottom:0;color:#111;display:flex;font-size:9pt;font-weight:300;height:34px;padding:6px 10px}.addQuestions .popup .tab a.ck{background-color:#fff;border-bottom:1px solid #fff;border-top:2px solid #1acca3;height:35px}.addQuestions .popup .questionsTypesAdd{padding:20px}.addQuestions .popup .questionsTypesAdd .formInputBox{max-width:100%}.questionsTypesAdd .formInputBox span{font-size:9pt;font-weight:500}.questionsTypesAdd .formInputBox.focused span{transform:translate(0)}.questionsTypesAdd .btn{background-color:#1acca3;font-size:11pt;letter-spacing:0;margin-top:15px;padding:8px 25px}.addQuestions .questionBoxAns{display:none}.addQuestions .questionBoxAns.show{display:block}.questionsBox{display:none;min-height:200px;padding:20px}.questionsBox.show{display:block}.questionsBox h4{font-size:10pt;font-weight:300;margin-bottom:30px}.questionsBox h4 b{font-size:10pt}.questionsBox .formInputBox{max-width:100%}.questionsBox .formInputBox textarea{height:100px}.popupBox{align-items:center;animation:popup .2s linear;background-color:#000c;display:flex;height:100vh;justify-content:center;opacity:1;padding:10px;position:fixed;right:0;top:0;width:100vw;z-index:17}@keyframes popup{0%{opacity:0}to{opacity:1}}.popupBox .popup{animation:popupBox .2s linear;background-color:#fff;box-shadow:0 0 30px #0000004d;display:flex;flex-direction:column;max-height:90vh;min-height:0;transform:scale(1);width:96%}@keyframes popupBox{0%{transform:scale(0)}to{transform:scale(1)}}.popupBox .popup .closePop{align-items:center;background-color:#d23e3e;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:26px;justify-content:center;left:-15px;position:absolute;top:-15px;width:26px}.popupBox .popup .closePop:hover{opacity:.8}.popupBox .popup h1{align-items:center;background-color:var(--menu-color);color:#fff;display:flex;font-size:14pt;font-weight:600;gap:5px;padding:14px 20px}.popupBox .popup h1 svg{cursor:pointer;font-size:24pt}.popupBox .popup h1 svg:hover{opacity:.7}.popupBox .popup .popupBody{flex:1 1;overflow:auto}.popupBox .popup .popupBody form{padding:20px}.popupBox .popup .popupBody::-webkit-scrollbar{background-color:#eee;padding:2px;width:5px}.popupBox .popup .popupBody::-webkit-scrollbar-thumb{background:var(--menu-color)}.popupBox .popup .popupBody::-webkit-scrollbar-track-piece:start{background:#0000}.popupBox .popup .popupBody::-webkit-scrollbar-track-piece:end{background:#0000}.taskBtnSend{background-color:#f1f1f1;box-shadow:inset 0 0 3px #0000001a;display:flex;gap:5px;justify-content:flex-end;padding:15px}.taskBtnSend .btn{border-radius:40px;font-size:10pt;padding:8px 20px}.taskBtnSend .btn.send{background-color:var(--menu-color)}.taskBtnSend .btn.prev{background-color:#666}.sendTaskBox .formInputBox{padding:20px 10px}.sendTaskBox .formInputBox .selectName,.sendTaskBox .formInputBox input,.sendTaskBox .formInputBox textarea{background-color:#f9f9f9;border:1px solid #eee;border-radius:5px;font-size:10pt;padding:10px}.sendTaskBox .formInputBox textarea{height:150px}.sendTaskBox .formInputBox span{transform:translate(-10px,29px)}.sendTaskBox .formInputBox.focused span{color:#999;transform:translateY(-5px)}.sendTaskBox .formInputBox nav.dropDownBox{top:40px}.sendTaskBox .formInputBox nav.dropDownBox.top{top:auto}.sendTaskBox .formInputBox.focused hr{display:none}.newQuestionsBox{user-select:none;-webkit-user-select:none;-ms-user-select:none}.sortabled{background-color:#fff9d5;z-index:20}.newGameInfoBox{padding:20px 0}.newGameInfoBox div h2{font-size:16pt}.newGameInfoBox div p{display:flex;gap:5px;margin-top:10px}.newGameInfoBox div p span{background-color:#f1f1f1;border-radius:20px;color:#555;display:flex;font-size:9pt;gap:5px;padding:1px 10px}.newGameInfoBox div p span b{font-size:9pt}.selectedGamesBox section:hover{background-color:#f5f5f5}.selectedGamesBox section{border-bottom:1px solid #eee;display:flex;gap:10px;padding:10px 0}.selectedGamesBox section img{aspect-ratio:16/10;object-fit:cover;width:100px}.selectedGamesBox section div{flex:1 1}.selectedGamesBox section div h3{font-size:11pt;font-weight:600}.selectedGamesBox section div h4{color:#666;font-size:10pt;font-weight:300}.selectedGamesBox section .delete{align-self:flex-start;color:red;cursor:pointer;padding:5px}.selectedGamesBox section .delete svg{font-size:16pt}.popupBody.schoolsChangeListBox{background-color:#f9f9f9}.popupBody.schoolsChangeListBox a{align-items:center;background-color:#fff;box-shadow:0 0 5px #0000001a;display:flex;gap:5px;margin-bottom:12px;padding:10px}.popupBody.schoolsChangeListBox a svg{color:var(--menu-color-sp);font-size:15pt}.popupBody.schoolsChangeListBox a span{font-size:10pt}.favQuestionBox{background-color:#fff;border-radius:10px}.favQuestionBox .table{border:0}.favQuestionBox .table tbody td{padding:20px 10px}.favQuestionBox .table tbody tr:last-child td{border-bottom:0}.favCpBox{background-color:#111;bottom:0;gap:5px;padding:10px;width:100%;z-index:1}.favCpBox,.successWhite{display:flex;position:fixed}.successWhite{align-items:flex-start;animation:Successopacity .5s ease;background-color:#f6f8fab3;height:100vh;justify-content:center;opacity:1;right:0;top:0;width:100vw;z-index:20}.successBox{align-items:center;animation:success 2.5s ease;background-color:#fff;border-bottom:5px solid #2cd640;border-radius:20px;box-shadow:0 0 15px #0000001a;display:flex;gap:10px;margin-top:10px;max-width:400px;padding:20px;transform:scale(0);width:90%}@keyframes success{0%,to{transform:scale(0)}10%,90%{transform:scale(1)}}@keyframes Successopacity{0%{opacity:0}to{opacity:1}}.successBox.error{border-bottom:5px solid #e53434}.successBox p{align-items:center;background-color:#e3ffe4;border-radius:10px;display:flex;height:40px;justify-content:center;width:40px}.successBox.error p{background-color:#ffeaed}.successBox p b{align-items:center;background-color:#2cd640;border-radius:50%;color:#fff;display:flex;height:22px;justify-content:center;padding:5px;width:22px}.successBox.error p b{background-color:#e53434}.successBox div.text{flex:1 1}.successBox div.text h3{color:#485164;font-size:9pt;font-weight:600;line-height:140%}.successBox div.text span{color:#555;font-size:9pt}.successBox a{cursor:pointer}.successBox a:hover{opacity:.8}.popupBody.newQuestion .steps{display:none}.popupBody.newQuestion .steps.active{display:block}.popupBody.newQuestion .answersBox label{align-items:center;background-color:#fff;border-radius:20px;box-shadow:0 0 4px #0003;display:flex;margin-top:10px;max-width:420px;padding:6px}.popupBody.newQuestion .answersBox label input{border:0;flex:1 1;font-size:10pt;padding:5px 10px}.popupBody.newQuestion .answersBox label .ico{color:#999;cursor:pointer;font-size:16pt}.popupBody.newQuestion .answersBox label .ico:hover{color:#ee4d4d}.popupBody.newQuestion .answersBox label .check{border-radius:5px;border-radius:50%;color:#999;font-size:24pt;line-height:0;margin-left:2px}.popupBody.newQuestion .answersBox label .check.on{color:#265de6}.popupBody.newQuestion .answersBox .btn{border-radius:20px;margin-right:140px;margin-top:10px;padding:5px 5px 5px 10px}.popupBody.newQuestion .answersBox{background-color:#fff;border:1px solid #eee;border-radius:10px;margin-top:0;padding:10px 20px}.popupBody.newQuestion .answersType{display:flex;gap:8px;margin-top:10px;padding-left:20px}.popupBody.newQuestion .answersType a{background-color:#f9f9f9;border:1px solid #eee;border-radius:5px 5px 0 0;font-size:10pt;padding:6px 10px}.popupBody.newQuestion .answersType a.checked{background-color:#fff;border-bottom:0;font-weight:600;transform:translateY(1px)}.buttonsDataPopUp{display:flex;gap:5px;justify-content:end;padding:20px 10px}.buttonsDataPopUp .btn{align-items:center;display:flex;font-size:11pt;gap:5px;padding:6px 15px 6px 6px}.popupBox.addQuestions .popup{max-height:96vh;max-width:600px}.popupBox.addQuestions h2{background-color:#1acca3;border-bottom:1px solid #ddd;color:#fff;font-size:16pt;font-weight:400!important;padding:15px!important;text-align:center}.popupBox.addQuestions form{padding:0!important}.mainAllMusicNotes{display:flex;flex-direction:column;height:100vh}.mainAllMusicNotes iframe{flex:1 1;width:100%}.moeLoginBoxNew{border-radius:5px;height:100vh;margin-top:100px;width:100%}.moeLoginBoxNew,.moeLoginBoxNew .insideBox{align-items:center;display:flex;flex-direction:column}.moeLoginBoxNew .insideBox{background-color:#fff;box-shadow:0 0 10px #0000001a;gap:10px;padding:30px;width:400px}.moeLoginBoxNew .insideBox svg{color:#d93627;font-size:100pt}.moeLoginBoxNew .insideBox h1{font-size:16pt}.moeLoginBoxNew .insideBox p{color:#555;font-size:10pt;font-weight:300;text-align:center}
/*# sourceMappingURL=main.0b812dd0.css.map*/