.searchTextBox,.searchTextBox:focus{box-shadow:none!important;outline:0!important}::-webkit-scrollbar{width:3px!important;height:3px!important}::-webkit-scrollbar-track{background-color:#eee!important}::-webkit-scrollbar-thumb{background-color:#4ab0e4!important}::-webkit-scrollbar-thumb:hover{background-color:#dca91b!important}.classDetails{background-color:#00a6dd}.classWrapper:hover{background-color:#00a6dd20!important}.grpHeader{text-align:right;color:#aaa;border-bottom:1px solid #fff;margin:20px 5px;padding:5px;font-size:14px;font-weight:700;color:#000!important}.grpClass{text-align:right;position:relative}.classPoint{text-align:center}.classPoint div{background-color:#ccc;border:none;border-radius:5px;width:10px;height:10px;margin:20px 5px 10px;display:inline-block}.classItems{width:calc(50% - 10px);margin:10px 0;display:inline-block;position:relative}.classDetails,.coverImage{width:100%;position:absolute;left:0}.classItems .classWrapper{background-color:#fff;background-size:cover;border:1px solid #eee;border-radius:10px;margin:0 10px;padding:0;position:relative}.classItemsBadge{z-index:1;text-align:center;text-wrap-mode:nowrap;border:none;border-top:1px solid #bbb;border-radius:0 10px 10px 0;width:120px;padding:2px 0;font-size:12px;position:absolute;top:58px;right:-38px;overflow:hidden;transform:rotate(-90deg)}.classWrapper img{border-radius:10px;width:102px;height:102px;margin:auto}.coverImage{z-index:1;opacity:.1;filter:blur(2px);background-position:50%;background-size:cover;height:155px;top:0}.details,.teacherTitle{color:#696969;text-align:right;min-height:20px;padding-left:5px;padding-right:5px;font-size:13px}.classDetails{z-index:2;color:#696969;text-align:justify;border-radius:10px;height:100%;padding:10px;display:none;top:0;overflow:hidden}.LeftArrow:hover i,.RightArrow:hover i,.classTime{color:#dca91b}.classDetails span{color:#000;font-size:14px}.classTime{background:#fff;border-radius:3px;margin:0 5px;padding:1px 3px}.details div{color:#696969;font-size:12px}.classWrapper .enter{color:#173d7b;padding:5px;font-size:15px;font-weight:700}.classWrapper,.classWrapper .enter:hover{cursor:pointer;transition:all .5s}.owl-next,.owl-prev{color:#173d7b;margin:1vh 2vw;transition:all .5s;display:inline-block}.ListStyle .coverImage{display:none}.owl-next:hover,.owl-prev:hover{color:#fbc93d;transform:scale(1.2)}.owl-nav{margin:2vh 0}.menuIcon a{background:azure;border:1px solid #4ab0e4;border-radius:5px;padding:10px;display:block}.menuIcon img{margin-bottom:10px}.menuIcon span{color:#173d7b;font-size:14px}.menuIcon div{padding:5px!important}.searchStyle{text-align:right;padding-top:20px;padding-bottom:10px}.changeStyle span,.searchStyle span{-o-transition:1s;background-color:#0000;border:1px solid #dca91b;border-radius:5px;margin-left:5px;margin-right:5px;padding:12px 6px 6px;font-size:10px;-webkit-transition:all 1s;-moz-transition:all 1s;transition:all 1s}.changeStyle span:hover,.searchStyle span:hover{cursor:pointer;background-color:#dca91b}.changeStyle span:hover i,.searchStyle span:hover i{color:#fff}.changeStyle .active,.searchStyle .active{-o-transition:1s;background-color:#dca91b;-webkit-transition:all 1s;-moz-transition:all 1s;transition:all 1s}.MoocClass.ListStyle .classWrapper{background-color:#25a0db80}.searchBox{float:left;border-radius:5px;width:calc(50% - 10px);margin-top:-10px;margin-left:5px;margin-right:5px;padding:4px 0;position:relative}.searchBox *{-o-transition:1s;-webkit-transition:all 1s;-moz-transition:all 1s;transition:all 1s}.searchBoxL{direction:ltr!important}.searchBoxL .searchCheckBox{right:60px!important}.searchTextBox{text-align:center!important;border:none!important;width:100%!important;font-size:12px!important}.searchTextBox:focus{border:none!important}.searchButton{margin-top:2px;text-decoration:none;position:absolute;left:50px}.searchCheckBox{position:absolute;right:10px;border:none!important;margin:9px 0 0!important;padding:0!important}.searchCheckBox label{cursor:pointer;width:180px;position:absolute}.searchCheckBox input{cursor:pointer}.LeftArrow,.RightArrow{border-radius:16px;width:32px;font-size:16px;font-style:normal;position:absolute;top:45%}.searchCheckBox:hover{background-color:unset!important;cursor:pointer!important}.RightArrow{right:0}.LeftArrow{left:0}.LeftArrow:hover,.RightArrow:hover{cursor:pointer}.LeftArrow i,.RightArrow i{color:#ccc}.td1{height:50px;padding:0}.progressBar{background-color:#dca91b;border-radius:10px;height:5px;margin:auto}.MoocClass .classWrapper .classDetails{background-color:#25a0db!important}.MoocClass .classWrapper .classTime{color:#25a0db}.classPointActive{background-color:#dca91b!important}.grpClassM .classPointActive,.grpClassM .progressBar{background-color:#25a0db!important}.newsBox{z-index:999;background-color:#000000e6;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}.newsBoxContent{border-radius:5px;width:99vw;height:100vh;position:absolute;top:0;left:.5vw}.newsBoxContentMessage,.newsBoxContentNews{height:50vh;overflow:hidden}.newsBoxContentDetails p{padding:10px;font-size:14px}.reportBox{z-index:999;background-color:#000000e6;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}.reportBoxContent{border-radius:5px;width:99vw;height:80vh;position:absolute;top:10vh;left:.5vw}.reportBoxContentMessage{text-align:center;background-color:#fff;border:1px solid #b9d5e1;width:100%;height:39vh;overflow:hidden}.reportBox .reportBoxContent .reportBoxContentMessage div table tbody tr td a{color:#000;text-decoration:none}.ChangeLanguage{float:left;margin-left:.5%}.studentMenu{text-align:center;background-color:#00000040;border-radius:5px;width:110px;height:60px;margin:0 2.5px;padding-top:4px}.studentMenu:hover{cursor:pointer}.studentMenu a,.studentMenu p,.studentMenu span{color:#fff;font-size:12px;font-weight:700}.studentMenu a{width:100%}.studentMenu img{filter:brightness(100);margin:5px 0 8px}.studentMenu i{margin:5px 0}.studentMenuActive{background-color:#fff;position:relative}.studentMenuActive a,.studentMenuActive p,.studentMenuActive span{color:#25a0db}.studentMenuActive img{filter:unset}.studentMenuActive #GamificationCounter{color:#e3970c}.LanguagePanel{margin:20px 0;display:none}.LanguagePanel a{border:1px solid;border-radius:5px;padding:5px;display:block;margin:5px!important;text-decoration:none!important}.SearchIcon{cursor:pointer;background-color:#fff;border-radius:3px;width:32px;height:32px;margin-left:5px;margin-right:5px;padding:4px;display:block}.classProgressBar{text-align:left;background-color:#eee;border-radius:5px;height:2px;margin-bottom:8px;position:relative}.classProgressBar p{direction:ltr;background-color:#fff;border-radius:5px;margin-top:-6px;padding:0 5px;position:absolute;left:0}.classProgressBarDetails{height:2px}.MoocClass .classTime,.MoocClass .classWrapper .enter{color:#25a0db!important}.MoocClass .classWrapper:hover{background-color:#25a0db20!important}@media only screen and (width<=768px){.classItems{width:100%}.searchBox{float:unset;width:calc(100% - 2px);margin-top:unset}#ctl00_MainContent_aHelp,#list,#square,.searchCheckBox{display:none}.td1{width:110px!important}.searchTextBox{text-align:right!important}.tdWidth1{width:100%}.tdWidth2{width:0}.searchBox{height:36px;margin-top:2px}.tabNav{width:100%;margin:0!important}.tabNav tr td{width:47%;margin:4px 1%;display:inline-block}.studentMenu{width:100%;padding:10px;height:unset!important}.studentMenu img,.studentMenu i{display:none}.studentMenu p{margin:0}.studentMenu br{display:none}#ProfileDiv{width:98%!important;position:unset!important;border-radius:10px!important;top:3px!important;left:1%!important;right:1%!important}.LanguagePanel{position:unset}.studentMenuActive{position:unset;margin-top:unset;top:unset;border-radius:5px;height:60px}.studentMenu a,.studentMenu p,.studentMenu span{display:block}#GamificationCover{display:none}.classItems .classWrapper{margin:0 2px}.SearchIcon{border-radius:5px;padding:1px!important}}