@font-face{font-family:Poppins Light;src:url(Poppins-Light.3cd70e685e27cd02.otf)}@font-face{font-family:Poppins Extra Light;src:url(Poppins-ExtraLight.e3627bbd6fe32ae9.otf)}@font-face{font-family:Poppins Medium;src:url(Poppins-Medium.611e5816e888d263.otf)}@font-face{font-family:Poppins Bold;src:url(Poppins-Bold.ddabd3f8e2403484.otf)}@font-face{font-family:Billabong;src:url(Billabong.6f44087fc5759dfe.ttf)}input,textarea{outline:none}.custom-loading{--background: none;--backdrop-opacity: .8}.custom-loadingTwo{width:100%;height:100%;text-align:center;vertical-align:middle!important;position:fixed;top:0;left:0;background:rgba(0,0,0,.8);z-index:1000}.custom-loading .loading-wrapper{box-shadow:none}.custom-loadingTwo .loading-wrapper{width:4vw;height:5.5vh;padding-top:2.5vh;position:relative;top:48vh;left:46vw}.custom-loading .loading-wrapper ion-spinner,.custom-loadingTwo .loading-wrapper ion-spinner{color:#df4b99;vertical-align:baseline;transform:scale(1.5)}.custom-loadingTwo .loading-content{width:4vw;height:2.5vh;color:silver;font-family:Poppins Medium;text-shadow:0 0 2px black;position:relative;top:47vh;left:46vw}.custom-alert{position:fixed;--backdrop-opacity: .8}.custom-primary span{color:#df4b99}.custom-primary-full{width:100%;margin:2px!important;--padding: 8px!important;cursor:pointer;font-size:1.2em!important;text-align:center!important;border-radius:6px!important;background:#df4b99!important}.custom-primary-full span{width:-moz-fit-content!important;width:fit-content!important;height:5px;margin:auto;padding:1px 8px 9px;display:block;color:#fff;font-family:Poppins Medium;text-transform:capitalize;text-shadow:0 0 2px gray;border-radius:6px!important}.custom-secondary span{color:gray}.custom-toast{--width: 230px;color:#fff;font-family:Poppins Light;--background: rgba(30, 30, 30, .7)}.danger{width:-moz-fit-content!important;width:fit-content!important;color:#fff;--background: red!important}.success{color:#fff;--background: green!important}body{margin:0;padding:0;color:#848a96;font-family:Poppins Light;background:rgb(244,244,244)}table{border-collapse:collapse}input,select,textarea{outline:none;resize:none}#body{padding-top:15px;padding-left:17vw;padding-right:1vw}#body .content{width:100%}#body .content .button{float:right;margin-top:5px}#body .content .button button{padding:10px 15px;color:#fff;font-family:Poppins Medium;font-size:1.1em;cursor:pointer;border:none;background:#df4b99;border-radius:5px}#body .content .button button i{font-size:.8em;color:#fffc}ion-breadcrumb{--color: rgb(81, 155, 198);--color-active: rgb(150, 112, 220);--color-hover: rgb(103, 61, 180)}#body .content .breadcrumbs{width:100%;margin-top:3vh;margin-bottom:5vh}#body .content .breadcrumbs div{height:30px;display:inline-table}#body .content .breadcrumbs .item{padding:10px 30px 10px 0;cursor:pointer}#body .content .breadcrumbs .item:hover{transition-duration:.5s;text-decoration:underline;font-family:Poppins Medium}#body .content .breadcrumbs .direction{padding:10px 30px 10px 0;color:gray}#body .content .title{width:40%;color:#000;font-family:Poppins Bold;font-size:1.4em}#body .content .title .required{margin-top:8px;float:right;font-family:Poppins Light;font-size:.7em}#body .content .title .required span{color:#df4b99}#body .content .subTitle{margin-top:30px;color:#000;font-family:Poppins Bold;font-size:1.2em}#body .content .steps{width:62vw;margin-top:40px;margin-bottom:30px}#body .content .steps .item{width:220px;display:inline-block;font-family:Poppins Medium;font-size:.8em;border-top:1px solid rgb(214,214,214)}#body .content .steps .item:last-child{border:none}#body .content .steps .selected{color:#df4b99}#body .content .steps .done{color:#1e1e1e}#body .content .steps .round{width:30px;height:23px;margin-top:-15px;padding-top:7px;text-align:center;background:white;border-radius:50px;box-shadow:0 0 2px silver}#body .content .steps .done .round{width:24px;height:20px;padding-top:4px;color:#fff;border:3px solid rgba(255,255,255,.5);background:#df4b99}#body .content .steps .txt{padding-top:10px}.blue{background:rgb(45,169,225)!important}.show{display:block!important}.opacity{opacity:.4}#body .content .addCourse .labelWCN{margin-top:20px;margin-bottom:30px;padding:20px 30px 0;background:silver;border-radius:10px}#body .content .addCourse .oldChapter{max-height:463px;overflow:hidden;position:relative;background:silver}#body .content .addCourse .oldChapter .more{width:100%;position:absolute;left:0;bottom:0;text-align:center}#body .content .addCourse .oldChapter .more .moText{width:-moz-fit-content;width:fit-content;margin:auto;padding:10px 15px;color:#e6e6e6;cursor:pointer;font-size:.9em;font-family:Poppins Medium;background:rgba(36,36,36);border-radius:10px 10px 0 0;text-shadow:0 0 3px black}#body .content .addCourse .oldChapter .more .moText span{color:#fff;font-family:Poppins Bold}#body .content .addCourse .w30{width:30vw;margin:auto;margin-top:10vh!important}#body .content .addCourse .labelWCN:nth-child(1){margin-bottom:0}#body .content .addCourse .labelWCN .deleteChapter{width:30px;height:27px;margin:20px -15px 0 10px;padding-top:3px;float:right;cursor:pointer;color:silver;text-align:center;background:gray;border-radius:40px;box-shadow:inset 0 0 2px #0006}#body .content .addCourse .labelWCN .deleteChapter i{margin-top:3px}#body .content .addCourse .labelWCN .chapterName{width:100%}#body .content .addCourse .labelWCN .chapterName button{float:right;margin-top:15px;padding:11px 15px 9px;color:#fff;font-family:Poppins Medium;text-align:center;cursor:pointer;border:none;background:#4196e3;border-radius:4px}#body .content .addCourse .labelWCN .chapterName span{padding:3px 8px;color:silver;font-size:.8em;background:gray;border-radius:30px}#body .content .addCourse .labelWCN .chapterName input::placeholder{color:#fff;font-family:Poppins Extra Light}#body .content .addCourse .labelWCN .chapterName .input{width:100%;margin-top:10px;color:#fff;font-family:Poppins Medium;font-size:1.4em;text-shadow:0 0 5px rgba(0,0,0,.4);border:none;background:none}#body .content .addCourse .labelWCN .lessonContent{width:100%;padding-bottom:30px}#body .content .addCourse .labelWCN .lessonContent .iteration{width:100%;height:45px;margin-top:10px;padding-top:20px;cursor:pointer;color:silver;background:rgba(0,0,0,.1);border-radius:8px}#body .content .addCourse .labelWCN .lessonContent .iteration .play{width:30px;height:29px;margin-top:-3px;margin-left:-15px;margin-right:10px;float:left;text-align:center;background:#df4b99;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:30px}#body .content .addCourse .labelWCN .lessonContent .iteration .play i{color:#fff;font-size:.6em;text-shadow:0 0 2px black}#body .content .addCourse .labelWCN .lessonContent .iteration .sort{width:30px;height:29px;margin-top:-3px;margin-right:10px;padding-top:5px;float:right;text-align:center}#body .content .addCourse .labelWCN .lessonContent .iteration .sort i{color:#fff;font-size:1.2em;text-shadow:0 0 2px black}#body .content .addCourse .labelWCN .lessonContent .iteration .lessonName{color:#fff;text-shadow:0 1px 0 gray}#body .content .addCourse .labelWCN .itemCont{margin-top:30px}#body .content .addCourse .labelWCN .itemCont label{color:silver}#body .content .addCourse .labelWCN .itemCont label span{color:#fff!important}#body .content .addCourse .labelWCN .itemCont label i{color:#fffc!important}#body .content .messages .text-content .text .body{padding:20px;height:54.4vh;overflow-y:auto;overflow-x:hidden}#body .content .messages .text-content .text .body .loading{width:100%;height:52.5vh;position:relative}#body .content .messages .text-content .text .body .loading ion-spinner{color:#df4b99;position:absolute;left:48%;top:47%;vertical-align:baseline;transform:scale(1.5)}#body .content .messages .text-content .text .body .hint{width:100%;margin-top:20vh;text-align:center}#body .content .messages .text-content .text .body .hint .icon{width:100px;height:100px;margin:auto;text-align:center;background:rgb(214,214,214);border-radius:100px;box-shadow:inset 0 0 6px gray}#body .content .messages .text-content .text .body .hint .icon i{margin-top:30px;font-size:2.2em;text-shadow:0 1px 0 white}#body .content .messages .text-content .text .body .text{width:60%;margin:15px auto auto}#body .content .messages .text-content .text .body .send{width:100%;margin-bottom:20px}#body .content .messages .text-content .text .body .send .content{width:50%}#body .content .messages .text-content .text .body .send .content .avatar{width:40px;height:40px;margin-top:15px;margin-right:15px;float:left;overflow:hidden;background:rgb(244,244,244);border-radius:30px}#body .content .messages .text-content .text .body .send .content .avatar img{width:100%;height:40px;object-fit:cover}#body .content .messages .text-content .text .body .send .content .chat{margin-left:55px;padding:2% 4%;background:rgb(236,239,246);border-radius:30px 30px 30px 0}#body .content .messages .text-content .text .body .receive{width:100%;margin-left:50%;margin-bottom:20px}#body .content .messages .text-content .text .body .receive .content{width:46%;padding:2%;color:#fff;border-radius:30px 30px 0}#body .content .messages .text-content .text .body .receive .content .avatar{width:40px;height:40px;margin-top:15px;margin-left:15px;float:right;overflow:hidden;background:rgb(244,244,244);border-radius:30px}#body .content .messages .text-content .text .body .receive .content .avatar img{width:100%;height:40px;object-fit:cover}#body .content .messages .text-content .text .body .receive .content .chat{margin-right:55px;padding:2% 4%;background:#df4b99;border-radius:30px 30px 0}#body .content .messages .text-content .text .body .receive .content .status{padding:10px 55px 0 0;color:silver;font-size:.9em;text-align:right}#body .content .messages .text-content .text .body .receive .content .status i{font-size:.8em}#body .content .messages .text-content .text .body .receive .content .read{color:#4196e3;opacity:.4}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);pointer-events:none;border-radius:10px;border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.2)}.gu-mirror .play{width:30px;height:29px;margin-top:18px;margin-left:-15px;margin-right:10px;float:left;text-align:center;background:#df4b99;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:30px;opacity:.6}.gu-mirror .play i{color:#fff;font-size:.6em;text-shadow:0 0 2px black}.gu-mirror .sort{width:30px;height:29px;margin-top:18px;margin-right:10px;padding-top:5px;float:right;text-align:center}.gu-mirror .sort i{color:#fff;font-size:1.2em;text-shadow:0 0 2px black}.gu-mirror .lessonName{padding-top:20px}.gu-hide{left:-9999px!important}.gu-unselectable{-webkit-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity = 20)}.gu-transit div{display:inline-block}