@charset "UTF-8";.img-loading{height:60px;top:-5px;position:absolute;right:-10px;transition:all .4s}.bg-login{height:100vh;width:100vw;font-family:"RobotoTxt";font-weight:400;display:flex;align-items:center;justify-content:center;overflow-y:auto}.bg-login .fade{background-color:#fff;display:table-cell;vertical-align:middle;position:absolute}.bg-login .fade .login{text-align:center;margin-left:auto;margin-right:auto;max-height:100vh;overflow-y:auto;width:100%;max-width:400px;background-color:#fff;border-radius:20px;box-shadow:0 0 8px 0 rgba(44,44,44,0.6)}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.bg-login .fade .login .logo img{animation:spin 5s infinite linear;width:40px;height:auto;float:left}.bg-login .fade .login .title-login{display:block;padding:15px;background:#cfc;color:#d30000;border-radius:20px;margin:auto;margin-bottom:20px}.bg-login .fade .login input{border-bottom:1px solid #3c763d}.bg-login .fade .login label{color:#3c763d}.bg-login .fade .login .login-form{padding:0 20px 20px}.bg-login .fade .login .login-form .row .login-btn .btn{width:49%;display:inline-block}@media screen and (max-width:833px){.bg-login .fade .login .login-form .row .login-btn .btn{width:100%;margin-top:5px}}#reload{display:none;cursor:pointer;float:left;margin-top:10px}.hover1:hover{font-weight:600;font-size:18px;text-decoration:underline;transition:ease-in-out .4s}.hover3:hover{font-size:16px}.otp-container{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:10px}.otp-inputs{display:flex;gap:10px}.otp-inputs input{text-align:center;font-size:1.9rem !important;font-weight:600}.status{text-align:center;font-size:17px;color:white;display:block;height:0;line-height:0;overflow:hidden;width:100%;z-index:1100;position:fixed;top:0;font-weight:400}.success{background:#28a745}.failed{background:#dc3545}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.fadeInLogin{animation-name:fadeIn;animation-duration:1s}@keyframes fadeRight{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}.fadeRight{animation-name:fadeRight;animation-duration:.5s}@font-face{font-family:"Material Icons";font-style:normal;font-weight:400;src:url("../fonts/material-icon.woff2") format("woff2")}@font-face{font-family:"RobotoTxt";font-style:normal;font-weight:400;src:url("../fonts/text/ptr.otf") format("woff2")}@font-face{font-family:"RobotoTxt";font-style:normal;font-weight:500;src:url("../fonts/text/ptm.otf") format("woff2")}@font-face{font-family:"RobotoTxt";font-style:normal;font-weight:600;src:url("../fonts/text/pts.otf") format("woff2")}@font-face{font-family:"RobotoLCD";font-style:normal;font-weight:400;src:url("../fonts/display/pdr.otf") format("woff2")}@font-face{font-family:"RobotoLCD";font-style:normal;font-weight:500;src:url("../fonts/display/pdm.otf") format("woff2")}@font-face{font-family:"RobotoLCD";font-style:normal;font-weight:600;src:url("../fonts/display/pds.otf") format("woff2")}.material-icons{font-family:"Material Icons";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}:root{--blue-black:#2997ff;--blue-white:#0071e3;--black-big:#1d1d1f;--black-small:#1d1d1f;--white-text:rgb(255,255,255,0.897);--green-white:#02796e;--pink-white:#e74c3c;--red-white:#d22d1d;--red-black:#f38d86;--orange-white:#ff5a00}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.svg-apple img{animation:spin 5s infinite linear;width:40px;height:auto;margin-top:8px}.body-login{overflow:hidden;font-family:"RobotoTxt" !important;font-weight:500;color:#1d1d1f;background:#fff;box-sizing:border-box;width:100%;height:100%}@media screen and (min-width:1068px){.body-login{font-size:17px}}@media screen and (max-width:833px){.body-login{font-weight:400}}.math-tex{font-size:20px}.tabs .indicator{background-color:#1d1d1f !important}.clear{clear:both}.hidden{display:none !important}.pad-left-20{padding-left:20px}.font-color{color:#1d1d1f}.font-color-2{color:var(--green-white)}.reset-margin{margin:0 !important}.nav-green{background:linear-gradient(to right,black,#1d1d1f)}.cursor{cursor:pointer}.overflow{overflow:auto !important}.sidebar-left{max-width:220px;height:100%;min-height:315px;left:0;position:fixed;z-index:996;background:white;transition:all .4s;transform:translateX(-105%);box-shadow:2px 0 1px #e8e8e8}.menu-sidebar{overflow-y:auto;height:calc(100% - 60px);padding-bottom:35px}.menu-sidebar .list{padding:0}.menu-sidebar .list .menu-list{display:block;color:#1d1d1f;box-shadow:inset 0 -1px #b5bdc3;padding:10px;margin-left:20px}.logout{transition:all .4s !important;text-align:center;z-index:1000 !important;position:fixed !important;left:0;bottom:0;height:35px;width:220px;color:#1d1d1f;font-weight:inherit;box-shadow:0 -1px 4px 0 rgba(0,0,0,0.34),0 0 0 0 rgba(0,0,0,0.14);padding:8px;background:white;transform:translateX(-105%)}.sidebar-show{transform:translateX(0) !important}.box-content{min-width:320px;width:100vw;transition:all .4s}.box-content-mini{width:calc(100vw - 220px)}.title{height:100%;display:inline-block;font-size:15px;font-weight:inherit;padding:0;margin:5px 20px}.title-content{margin-bottom:2px;background:white;color:#d30000;box-shadow:0 1px 1px -1px rgba(0,0,0,0.34),0 0 6px 0 rgba(0,0,0,0.14)}.title-content .timer{display:inline-block;position:absolute;right:0;top:0;padding-top:2px;font-weight:600;color:white}.block-content{overflow-x:hidden;max-height:calc(100vh - 115px);padding-bottom:20px}.content{border-top:1.5px solid #1d1d1f;position:relative;height:auto;min-height:500px;margin:0 0 5px;padding:0 20px;background:white}.footer{z-index:99;position:fixed;bottom:0;right:0;width:100vw;min-width:320px;transition:all .4s;border-top:1px solid #e7eaec;background:white;padding:6px 20px;box-shadow:0 1px 1px -1px rgba(0,0,0,0.34),0 0 6px 0 rgba(0,0,0,0.14);font-size:15px}.footer-mini{width:calc(100vw - 220px)}.avatar{width:70px;height:70px}.modal-edit{width:70%;height:70%}.valid-img{transition:all .4s;width:40px;height:40px;right:0;top:0;position:absolute}.notification_content{height:450px}.notification_content .message{display:block;margin:3px 10px 15px 10px;padding:5px 15px;border-bottom:.5px solid #e0e0e0;border-radius:30px;box-shadow:0 0 8px 0 rgba(44,44,44,0.3);box-shadow:0 2px 8px rgba(0,0,0,0.15);word-wrap:break-word;overflow-wrap:break-word}.notification_content .message span{margin:2px}.notification_content .message .name{color:#d30000;font-size:18px}.notification_content .message .time_sent{display:block;font-size:13px}.notification_content .message .notification_title{display:block;color:var(--blue-white);font-size:16px}.notification_content .message .receive_name{display:block;color:black}.preload{z-index:1200;background:rgba(255,255,255,0);height:100%;width:100%;position:fixed}.preload img{background:black;width:300px;height:100px;opacity:.7;padding:10px 100px;border-radius:10px;margin-left:30%;margin-top:5%}.action{display:inline-block;margin:5px}.help{font-size:16px;color:var(--green-white)}.exam_quest{font-size:18px}.exam_detail{font-size:20px;color:darkgreen;margin-left:20px}.exam_ans{padding:15px;display:flex;justify-content:space-around}.exam_ans span{color:#1d1d1f;font-size:20px !important;font-weight:bolder}.exam_small{font-size:16px}.send_exam{padding-bottom:20px;display:flex;justify-content:space-around}.scrollbar::-webkit-scrollbar{width:8px;background-color:transparent}.scrollbar::-webkit-scrollbar:hover{width:10px}.scrollbar::-webkit-scrollbar-track{background-color:transparent;border-radius:10px}.scrollbar::-webkit-scrollbar-thumb{background-color:rgba(100,100,100,0.6);border-radius:10px}.scrollbar::-webkit-scrollbar-thumb:hover{background-color:rgba(100,100,100,0.9)}.rot{transform:rotate(90deg);transition:.5s}#dashboard{width:96%;height:100%;margin:10px 5px;padding:5px;position:absolute}#dashboard .dashboard-inner-item{display:inline-block;width:80%;margin:10px 0;border:.5px solid #1d1d1f;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,0.1);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;background-color:#1d1d1f}#dashboard .dashboard-inner-item .left-item{text-align:center;left:0;display:inline-block;width:30%;font-size:30px;padding:12px 0;color:white;background:#1d1d1f;border-top-left-radius:8px;border-bottom-left-radius:8px;transition:background-color .3s ease}#dashboard .dashboard-inner-item .right-item{text-align:center;float:right;display:inline-block;width:70%;height:100%;line-height:32px;padding:10px 0;color:var(--white-text);background-color:#1d1d1f}#dashboard .dashboard-inner-item .right-item .right-item-top{width:100%;display:block;font-size:36px;font-weight:inherit;line-height:50px}#dashboard .dashboard-inner-item .right-item .right-item-bottom{width:100%;display:block;font-size:20px;font-family:"RobotoLCD";line-height:10px}#dashboard .dashboard-inner-item:hover{border:1.5px solid #02796e;transform:translateY(-6px);box-shadow:0 6px 12px rgba(0,0,0,0.4);background-color:#02796e}#dashboard .dashboard-inner-item:hover .left-item{background:#02796e}#dashboard .dashboard-inner-item:hover .right-item,#dashboard .dashboard-inner-item:hover .right-item-top{background-color:white;color:#02796e;font-size:50px}.test-content{position:relative;margin-bottom:5px !important;height:auto;min-height:505px;background:white}.testing-left{width:130px;overflow-y:auto;display:inline-block;position:fixed;transition:.5s;height:calc(100% - 65px);background:white;border:2px solid #1d1d1f;border-radius:8px;top:58px}.testing-left .menu-link{display:block;padding-left:15px;padding-bottom:3px;font-size:16px;font-weight:inherit}.testing-left .menu-link .tick{float:right;color:green;margin-right:15px}.testing-right{display:inline-block;float:right;overflow-y:auto;width:calc(100% - 125px);padding-top:5px}.item-quest{padding-left:10px;padding-right:10px}.item-quest .quest-title{color:#02796e;font-weight:inherit;font-size:18px;margin:20px 0 10px 0}.item-quest .quest-content{color:#1d1d1f;font-weight:inherit;font-size:19px}.item-quest .quest-content p{padding:auto;margin:auto}.item-quest .quest-answer{margin:10px 0}.item-quest .quest-answer label>span>p,.item-quest .quest-answer label>span,.item-quest .quest-answer span{font-weight:inherit;font-size:19px;color:#1d1d1f;display:inline}.item-quest .quest-answer span{color:rgba(29,29,31,0.8)}.answer{padding:5px}.answer span>p{display:inline}.quest-answer table{background:#f5f5f5;border:1px solid #aaa;font-size:18px;color:#1d1d1f;border-collapse:collapse;box-shadow:0 4px 8px rgba(0,0,0,0.1);margin-bottom:20px;border-radius:20px;overflow:hidden}.quest-answer table tr{transition:background-color .3s ease}.quest-answer table tr:hover{background-color:#fff}.quest-answer table td,.quest-answer table th{height:40px;text-align:center;border-right:1px solid #aaa;border-bottom:1px solid #aaa;white-space:nowrap;padding:6px;vertical-align:middle}.quest-answer table input{box-sizing:border-box;text-align:center;border:none !important;border-radius:4px;transition:box-shadow .2s ease}.quest-answer table th:first-child,.quest-answer td:first-child,.quest-answer tr:first-child th,.quest-answer tr:first-child td,.quest-answer .th{background-color:#e3e3e3}.tests-list{display:inline-block;width:100%;border:1.5px solid #1d1d1f;border-radius:10px;padding:10px}.full-width{width:100% !important}.link-white{display:flex;justify-content:center;cursor:pointer}.link-white a{font-size:18px;font-weight:600;position:relative}.link-white a:hover{text-decoration:underline}.link-white a::after{position:absolute;content:"";height:6px;width:6px;flex-direction:column;border-style:solid;border-width:0 2px 2px 0;border-color:transparent inherit inherit transparent;transform:translate(-40%,-40%) rotate(-45deg);transition:border .2s;right:-15px;top:50%}.link-white a:hover::after{text-decoration:none}.read-more a::after{transform:translate(-60%,-60%) rotate(45deg);right:-20px}.collapse a::after{transform:translate(-10%,-10%) rotate(-135deg);right:-18px}@media screen and (max-width:736px){#helloText img{height:350px}}.hover2,.menu-sidebar .list .menu-list,#menu,.message,.menu-link,.btn{transition:transform .3s ease}.hover2:hover,.menu-sidebar .list .menu-list:hover,#menu:hover,.message:hover,.menu-link:hover{transition:.4s;color:#02796e;transform:translateY(-4px);font-size:18.5px}.btn:hover{transform:translateY(-4px)}.profit_text_container{display:flex;flex-flow:row wrap;justify-content:space-between;flex-direction:column;align-items:center;text-align:center;margin:20px;background-color:#000}.profit_text_container h3,h2{color:white;font-size:24px}.profit_text_container h3{background-image:linear-gradient(90deg,#63d8e3,#29beff,#007aff);background-size:100%;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;display:inline;font-weight:600}.card-image img{width:200px !important;height:200px;border-radius:50% !important;object-fit:cover !important;margin:auto}.card-image span{padding:8px !important}