button:focus,button:focus-visible{outline:0}.font-size-24{font-size:1.5rem}.text-color{color:var(--textColor)}.subtext-color{color:var(--subtextColor)}.yellow{color:var(--yellowColor)}.officer-subbg-color{background-color:var(--officerSubBgColor)!important}.bg-color{background-color:var(--bgColor)!important}.bg-subbg{background-color:var(--subBgColor)!important}.bg-table-header{background-color:var(--tableHeaderBgColor)!important}.main-color{color:var(--mainColor)!important}.dashboard-red{color:#FF3D3E!important}.dashboard-green{color:#00BC3F!important}.dashboard-orange{color:#FF8122!important}.dashboard-blue{color:#34A8FF!important}.pb-10-rem{padding-bottom:10rem}.spinner-border{padding:0.6rem}header{display:none}.d-none-on-mobile{display:block}@media (max-width:500px){.d-none-on-mobile{display:none}}.d-block-on-mobile{display:none}@media (max-width:500px){.d-block-on-mobile{display:block}}button:focus{-webkit-box-shadow:none!important;box-shadow:none!important}.button-transparent{font-size:1.125rem;padding:0 40px;height:48px;white-space:nowrap;background-color:transparent;color:var(--textColor);border-radius:24px}.button-transparent:not(.disabled,:disabled):hover{background-color:transparent;color:var(--mainColor)}.button-main-theme{font-size:1.125rem;padding:0 40px;height:48px;white-space:nowrap;background-color:var(--mainColor);color:white;border-radius:24px}.button-main-theme:not(.disabled,:disabled):hover{background-color:var(--mainColorHover);color:white}.button-main-theme.disabled,.button-main-theme:disabled{background-color:var(--mainColor);color:white}.button-main-theme.icon-only{border-radius:10px;padding:0!important}.button-main-theme.icon-only-circle{width:32px;height:32px;border-radius:50%;padding:0!important}.button-main-grey-border{font-size:1.125rem;padding:0 40px;height:48px;white-space:nowrap;background-color:transparent;color:var(--greyColor);border:1px solid var(--greyColor);border-radius:24px}.button-main-grey-border.btn-sm{width:100px;padding:0px}.button-main-grey-border:not(.disabled,:disabled):hover{background-color:var(--greyColor);border:0;color:white}.button-main-theme-border{font-size:1.125rem;padding:0 40px;height:48px;white-space:nowrap;background-color:transparent;color:var(--mainColor);border:1px solid var(--mainColor);border-radius:24px}.button-main-theme-border.max-width{width:100px}.button-main-theme-border:not(.disabled,:disabled):hover{background-color:var(--mainColor);color:white}.button-main-grey{font-size:1.125rem;padding:0 40px;height:48px;white-space:nowrap;background-color:var(--greyColor);color:white;border-radius:24px}.button-main-grey:not(.disabled,:disabled):hover{background-color:var(--darkGreyColor);color:white}.button-main-grey.disabled,.button-main-grey:disabled{background-color:var(--greyColor);color:white}.button-main-grey.icon-only{border-radius:10px;padding:0!important}.button-danger{font-size:1.125rem;padding:0 40px;height:48px;white-space:nowrap;background-color:var(--redColor);color:white;border-radius:24px}.button-danger:not(.disabled,:disabled):hover{background-color:var(--redHoverColor);color:white}.button-danger.icon-only{border-radius:10px;padding:0!important}.modal-open{padding-right:0!important}.dropdown-item:focus{background-color:unset}select{background-color:#fafafa;height:45px;width:100%;border:1px solid #ccc;padding:0.5rem;border-radius:0}.form-control{border-radius:10px;background-color:var(--bgColor)!important;border-color:var(--lightGreyColor);color:var(--textColor);height:48px;caret-color:var(--textColor)}.form-control.subbgColor{background-color:var(--subBgColor)!important}.form-control:disabled{opacity:0.5!important}.form-control:focus{color:var(--textColor);-webkit-box-shadow:none;box-shadow:none;border-color:unset}.file-caption .file-caption-name{margin-top:5px!important}header .navbar{padding:0.7rem 1.5rem}@media (max-width:500px){header .navbar{padding:15px}}header .navbar-nav li a{color:var(--textColor)}header .navbar-nav li a i.mainIcon{font-size:1.25 rem;margin-right:10px;margin-left:10px}header .navbar-nav li a:hover{text-decoration:none;color:var(--mainColor)}header .navbar-nav li.lang-ch{margin-left:20px}header .navbar-nav li.lang-ch span{color:var(--textColor)}header .navbar-nav li.btn-nav{margin-left:10px}header .profileImage{width:40px;height:40px;border-radius:50%;margin-left:10px}@media (max-width:767px){header .dropdown{position:static}header .dropdown .dropdown-menu{width:100%!important;overflow:hidden;margin:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}header .dropdown .dropdown-menu.show{display:-webkit-box;display:-ms-flexbox;display:flex}header .dropdown .dropdown-menu .logout{margin-top:auto}}header .dropdown .dropdown-menu{min-width:unset;width:270px;padding:1rem 1.5rem;background-color:var(--subBgColor);border:none;border-radius:6px;-webkit-box-shadow:0px 3px 6px rgba(0,0,0,0.1607843137);box-shadow:0px 3px 6px rgba(0,0,0,0.1607843137)}header .dropdown .dropdown-menu.miniSize{width:154px}header .dropdown .dropdown-menu hr{border-color:var(--lightGreyColor);margin-top:0.8rem;margin-bottom:0.8rem;width:100%}header .dropdown .dropdown-menu .mainText{font-size:1rem;color:var(--textColor);margin-top:10px;margin-bottom:5px}header .dropdown .dropdown-menu .subText{font-size:1rem;color:var(--subtextColor);margin-top:10px;margin-bottom:5px}header .dropdown .dropdown-menu .dropdown-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1rem;color:var(--subtextColor);padding:0.25rem 0}header .dropdown .dropdown-menu .dropdown-item:hover{background-color:transparent}header .dropdown .dropdown-menu .dropdown-item i{font-size:0.875rem;margin-right:10px}.tab-nav-container{width:100vw;background-color:var(--bgColor);-webkit-box-shadow:0 15px 10px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.16);box-shadow:0 15px 10px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.16);position:fixed;bottom:0;z-index:1010;padding:15px 30px 40px 30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.tab{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tab i{color:var(--subtextColor);font-size:1.25 rem}.tab p{color:var(--subtextColor);font-size:0.75rem;margin-top:2px;margin-bottom:0}.tab.active i{color:var(--mainColor)!important}.tab.active p{color:var(--mainColor)!important}.login-section a:hover{color:var(--mainColor)}.login-section .header{font-size:1.5rem;color:var(--textColor)}.login-section .back-button{font-size:0.75rem;color:var(--textColor)}.login-section .social-section{margin-top:30px}.login-section .social-section .google-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:24px;background-color:white;border:1px solid var(--lightGreyColor);color:var(--darkColor);padding:10px}.login-section .social-section .google-button img{margin-right:5px}.login-section .social-section .facebook-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:24px;background-color:#4267B2;color:white;padding:10px}.login-section .social-section .facebook-button i{font-size:1.25 rem;margin-right:10px}.login-section .social-section .apple-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:24px;background-color:black;color:white;padding:10px}.login-section .social-section .apple-button i{font-size:1.25 rem;margin-right:10px}.login-section .hr-section{margin-top:20px;margin-bottom:20px}.login-section .hr-section hr{border-color:var(--lightGreyColor)}.login-section .hr-section h5{font-size:1.125rem;color:var(--textColor)}.login-section .text-bottom-section p{font-size:1rem;color:var(--textColor)}.login-section .text-bottom-section p a{color:var(--mainColor)}.login-section form .form-group label{font-size:1rem;color:var(--textColor)}.card{background-color:unset}.card .card-header{background-color:var(--tableHeaderBgColor)}.cke_top{background-color:var(--subbgColor)}.input-group input+.input-group-append a,.input-group input+.input-group-append button,.input-group input+.input-group-append label.btn,.input-group input+.input-group-prepend a,.input-group input+.input-group-prepend button,.input-group input+.input-group-prepend label.btn{border-top-left-radius:0!important;border-bottom-left-radius:0!important;border-top-right-radius:10px!important;border-bottom-right-radius:10px!important}.input-group .input-group-append:first-child a,.input-group .input-group-append:first-child button,.input-group .input-group-append:first-child label.btn,.input-group .input-group-prepend:first-child a,.input-group .input-group-prepend:first-child button,.input-group .input-group-prepend:first-child label.btn{border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-top-left-radius:10px!important;border-bottom-left-radius:10px!important}.pg-head.pg-head-small{margin-bottom:0.5rem}.pg-head.pg-head-small h4{font-size:1rem;margin:0}.pg-head.pg-head-small h5{font-size:1rem;font-weight:400;margin:0}.progress.progress-small{height:10px;background-color:var(--subBgColor)}.report-member .header{font-size:1.125rem;color:var(--textColor)}.report-member .header i{margin-right:5px}.report-member .text{font-size:1.125rem;color:var(--subtextColor)}.ratingModal h1{margin-bottom:1.5rem}.ratingModal .rating{cursor:pointer;margin-bottom:2rem}.ratingModal .rating .rating-star{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;color:var(--subtextColor);font-size:2.813rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ratingModal .rating .rating-star:not(:first-child){margin-left:1rem}.ratingModal .rating .rating-star[data-selected=true]{color:#FFC115}.profileAvatar{border:1px solid var(--greyColor);border-radius:100%;color:#fafafa;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 150px;flex:0 0 150px;height:150px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;position:relative;width:150px;margin-bottom:1rem}.profileAvatar .checked{display:none}.profileAvatar.selected{border:none;border-radius:unset}.profileAvatar.selected .overlay{border:10px solid var(--greenColor);border-radius:100%;-webkit-transition:border-width 0.25s;transition:border-width 0.25s;opacity:1;background-color:unset}.profileAvatar.selected .checked{background-color:var(--greenColor);border-radius:100%;padding:3px 8px;position:absolute;right:10px;bottom:10px;z-index:1;display:block}.profileAvatar.selected .checked i{color:var(--textColor);font-size:0.875rem}.profileAvatar .bg{height:100%;width:100%;background-size:cover;border-radius:100%}.profileAvatar img{height:100%;width:100%;padding:10px;background-color:#333333;border-radius:100%}.profileAvatar .overlay{border:1px solid var(--greyColor);-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;-webkit-transition:opacity 0.25s;transition:opacity 0.25s;z-index:1;cursor:pointer}.profileAvatar .overlay i{color:var(--textColor);font-size:2.5rem}.profileAvatar .overlay.canHover:hover{background-color:var(--greyColor);opacity:0.65}.profileAvatar .overlay.canHover:hover i{opacity:1}.profile h4{font-size:1rem;color:var(--textColor)}.profile p{font-size:0.875rem;color:var(--subtextColor)}.profileModal .collection .collectionName h4{font-size:1rem}.border-theme{border:1px solid var(--lightGreyColor);border-radius:8px}.landing-page .landing-header nav{padding:0;-webkit-box-shadow:none;box-shadow:none}@media (min-width:768px){.landing-page .landing-header nav ul{padding:16px 0;padding-right:16px}.landing-page .landing-header nav ul li:not(:nth-last-child(-n+2)){padding-right:16px;border-right:1px solid var(--lightGreyColor)}.landing-page .landing-header nav .mobile{display:none}.landing-page .landing-header nav .desktop{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}}.landing-page .landing-header nav .navbar-brand{padding:16px 0;padding-left:16px}.landing-page .landing-header nav .navbar-toggler{margin-right:16px}.landing-page .landing-header nav .navbar-toggler i{color:var(--textColor)}.landing-page .landing-header nav .desktop{display:none}.landing-page .landing-header nav .desktop .dropdown-toggle{padding:4px 16px;border-radius:100px;white-space:nowrap;background-color:transparent;border:1px solid var(--textColor);height:39px}.landing-page .landing-header nav .desktop .dropdown-toggle i{margin-left:8px}.landing-page .landing-header nav .mobile{margin-right:10px}.landing-page .landing-header nav .mobile .dropdown-toggle{white-space:nowrap;background-color:transparent;border:0;padding:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.landing-page .landing-header nav .mobile .dropdown-menu{position:static}.landing-page .landing-header nav button{font-size:1.25 rem;height:39px;margin-bottom:0}.landing-page .landing-header nav ul{padding-top:8px;padding-bottom:8px}.landing-page .landing-footer{background-color:var(--subBgColor);padding:40px 0}@media (max-width:767px){.landing-page .landing-footer .margin{margin-bottom:24px}}.landing-page .landing-footer .logo-image{height:60px;margin-bottom:24px}.landing-page .landing-footer .title-text{color:var(--textColor);font-weight:600}.landing-page .landing-footer .link-text{color:var(--textColor)}.landing-page .landing-footer .link-text:hover{text-decoration:none;color:var(--mainColor)}.landing-page .landing-footer .list{list-style:none;padding:0}.landing-page .landing-footer .list li{margin-bottom:8px}.landing-page .landing-footer .list li a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.landing-page .landing-banner{margin-bottom:80px}@media (max-width:767px){.landing-page .landing-banner{display:none}.landing-page .landing-banner .swiper-pagination{margin-bottom:-0.125rem!important}.landing-page .landing-banner .swiper-pagination .swiper-pagination-bullet{width:5px;height:5px}.landing-page .landing-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:20px!important;height:5px}}.landing-page .landing-banner .swiper-pagination{margin-bottom:1rem}.landing-page .landing-banner .swiper-pagination .swiper-pagination-bullet{background-color:var(--lightGreyColor);border:none}.landing-page .landing-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{-webkit-transition:width 0.25s;transition:width 0.25s;background-color:var(--mainColor);width:2.5rem;border-radius:8px}.landing-page .landing-card{margin-bottom:40px}.landing-page .landing-card .swiper .swiper-slide:hover{text-decoration:none;color:var(--mainColor)}.landing-page .landing-card .swiper .swiper-slide:hover .card-text{text-decoration:none;color:var(--mainColor)}.landing-page .landing-card .swiper .swiper-button-next,.landing-page .landing-card .swiper .swiper-button-prev{background:var(--bgColor);padding:10px;width:48px;height:48px;border-radius:100%;-webkit-box-shadow:0px 2px 10px 0px rgba(0,0,0,0.2509803922);box-shadow:0px 2px 10px 0px rgba(0,0,0,0.2509803922)}.landing-page .landing-card .swiper .swiper-button-next:after,.landing-page .landing-card .swiper .swiper-button-prev:after{font-size:1.125rem;color:var(--mainColor)}.landing-page .landing-card .card-head-text{font-size:2rem;font-weight:600}.landing-page .landing-card .card-text{font-size:1.25 rem;font-weight:600;color:var(--textColor)}.landing-page .landing-card .card-text:hover{text-decoration:none;color:var(--mainColor)}.landing-page .landing-text-editor{margin-bottom:80px}.landing-page .landing-text-editor .blog-head-text{font-size:2.5rem;font-weight:600}.landing-page .landing-background-image{margin-bottom:80px}.landing-page .landing-background-image .bg-wrapper{position:relative}@media (max-width:1024px){.landing-page .landing-background-image .bg-wrapper .bg-text .text{width:80%!important;font-size:1.5rem!important}}@media (max-width:767px){.landing-page .landing-background-image .bg-wrapper .bg-text .text{width:100%!important;font-size:1rem!important}}.landing-page .landing-background-image .bg-wrapper .bg-overlay{position:absolute;width:100%;height:100%;top:0;background-color:rgba(0,0,0,0.4)}.landing-page .landing-background-image .bg-wrapper .bg-text{position:absolute;width:100%;color:var(--bgColor);top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.landing-page .landing-background-image .bg-wrapper .bg-text .text{width:60%;font-size:2rem}.landing-page .landing-blog{margin-bottom:80px}.landing-page .landing-blog .blog-head-text{font-size:2.5rem;font-weight:600}.landing-page .landing-blog .blog-see-more{font-size:1.25 rem;color:var(--textColor);white-space:nowrap}.landing-page .landing-blog .blog-see-more:hover{text-decoration:none;color:var(--mainColor)}.landing-page .landing-blog .blog-content{margin-bottom:16px}.landing-page .landing-blog .blog-content img{border-radius:20px}.landing-page .landing-blog .blog-content a:hover{text-decoration:none;color:var(--mainColor)}.landing-page .landing-blog .blog-content a:hover .blog-content-header h4{color:var(--mainColor)}.landing-page .landing-blog .blog-content a:hover .blog-content-detail p{color:var(--mainColor)}.landing-page .landing-blog .blog-content .blog-content-header h4{font-size:1.75rem;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--textColor)}.landing-page .landing-blog .blog-content .blog-content-detail p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--textColor)}.landing-page .landing-blog .blog-content .blog-content-footer p{color:var(--textColor);margin-bottom:0}.landing-page .landing-poll{margin-bottom:80px}.landing-page .landing-poll .blog-head-text{font-size:2.5rem;font-weight:600}.landing-page .landing-poll .card{padding:25px;border-radius:10px!important}@media (max-width:500px){.landing-blog .blog-content:first-child .blog-row{display:block!important}.landing-blog .blog-content:first-child .blog-image{width:100%!important;max-width:100%!important;-webkit-box-flex:0!important;-ms-flex:0 0 100%!important;flex:0 0 100%!important}.landing-blog .blog-content:first-child .blog-text{width:100%!important;max-width:100%!important;-webkit-box-flex:0!important;-ms-flex:0 0 100%!important;flex:0 0 100%!important}.landing-blog .blog-content:first-child img{margin-bottom:1rem}}a.button{text-decoration:none}a.button:hover{color:var(--mainColor)}a.cardHover{text-decoration:none}a.cardHover .card-rounded{margin-right:20px;width:356px;border-radius:10px;border:1px solid var(--lightGreyColor)}@media (max-width:991px){a.cardHover .card-rounded{width:290px}}@media (max-width:500px){a.cardHover .card-rounded{width:340px;margin-right:10px}}@media (max-width:375px){a.cardHover .card-rounded{width:290px;margin-right:10px}}a.cardHover .card-rounded:hover{border:1px solid var(--textColor)}a.cardHover .card-rounded img{border-top-left-radius:9px;border-top-right-radius:9px}a.cardHover .card-rounded .card-body .card-content{min-height:180px}a.cardHover .card-rounded .card-body .card-content h1{font-size:1.5rem;font-weight:bold;color:var(--textColor)}a.cardHover .card-rounded .card-body .card-content p{font-size:1.125rem;color:var(--subtextColor);margin:0}@media (max-width:500px){a.cardHover .card-rounded .card-body .rating{font-size:0.75rem!important}}a.cardHover .card-rounded:hover .contentOverlay{opacity:1}a.cardHover .card-rounded:hover h1{color:var(--mainColor);cursor:pointer}a.cardHover .card-suggest{border-radius:10px;margin-right:20px;width:262px;border:1px solid var(--lightGreyColor)}@media (max-width:991px){a.cardHover .card-suggest{width:185px}}@media (max-width:500px){a.cardHover .card-suggest{width:150px;margin-right:10px}}@media (max-width:375px){a.cardHover .card-suggest{width:150px;margin-right:10px}}a.cardHover .card-suggest:hover{border:1px solid var(--textColor)}a.cardHover .card-suggest img{border-top-left-radius:10px;border-top-right-radius:10px}a.cardHover .card-suggest .card-body{border-radius:0 0 10px 10px}a.cardHover .card-suggest .card-body .card-content{min-height:110px}a.cardHover .card-suggest .card-body .card-content h1{font-size:1.5rem;font-weight:bold;color:var(--textColor)}@media (max-width:500px){a.cardHover .card-suggest .card-body .card-content h1{font-size:1rem}}a.cardHover .card-suggest .card-body .card-content p{font-size:1.125rem;color:var(--subtextColor);margin:0}@media (max-width:500px){a.cardHover .card-suggest .card-body .card-content p{font-size:0.75rem}}@media (max-width:500px){a.cardHover .card-suggest .card-body .card-content{min-height:60px}}@media (max-width:500px){a.cardHover .card-suggest .card-body .rating{font-size:0.75rem!important}}a.cardHover .card-suggest:hover .contentOverlay{opacity:1}a.cardHover .card-suggest:hover h1{color:var(--mainColor);cursor:pointer}.card-rounded{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;border-radius:10px;margin-right:20px;width:262px;height:340px;background-color:var(--bgColor);border:1px solid var(--lightGreyColor)}.card-rounded.recent{height:420px;width:320px}.card-rounded.favourite{height:420px;width:100%!important;background-color:var(--bgColor)}.card-rounded.courseList{height:420px}@media (max-width:991px){.card-rounded{width:185px}}@media (max-width:500px){.card-rounded{width:160px;margin-right:10px;height:250px}}@media (max-width:375px){.card-rounded{width:150px;margin-right:10px}}.card-rounded .imagethumnail{overflow:hidden;margin:0 auto}.card-rounded img{border-top-left-radius:10px;border-top-right-radius:10px;-webkit-transition:0.5s all ease-in-out;transition:0.5s all ease-in-out}.card-rounded:hover .imagethumnail img{-webkit-transform:scale(1.5);transform:scale(1.5)}.card-rounded a{position:relative;z-index:1;font-size:0.875rem}.card-rounded .courseName{padding:20px 20px 0px 20px}.card-rounded .courseName h1{font-size:1.5rem;font-weight:bold;color:var(--textColor);overflow-wrap:break-word}@media (max-width:500px){.card-rounded .courseName h1{font-size:1.125rem}}.card-rounded .courseName p{font-size:0.875rem;color:var(--subtextColor);margin:0}.card-rounded .courseName a{text-decoration:none;position:static}.card-rounded .courseName a:before{content:"";position:absolute;z-index:0;top:0;left:0;width:100%;height:100%}.card-rounded .courseDetail{padding:0px 20px;margin-bottom:1rem}.card-rounded .courseDetail a.category{text-align:left;padding:2px 10px;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;border-radius:20px;text-decoration:none;color:var(--subtextColor)!important;border:1px solid var(--lightGreyColor);margin-top:0.5rem}.card-rounded .courseDetail a.category:hover{color:var(--textColor)!important;border-color:var(--textColor)!important}.card-rounded .courseDropdown{position:absolute;top:10px;right:10px}.card-rounded .courseDropdown button{background-color:rgba(0,0,0,0.7);color:white;padding:2.5px 5px;border-radius:6px}.card-rounded .courseDropdown button:hover{background-color:var(--darkColor)}.card-rounded .courseDropdown button i{font-size:1.75rem}.card-rounded .courseDropdown .dropdown-menu{background-color:var(--subBgColor);border-radius:6px;min-width:272px;margin:0;padding:0}.card-rounded .courseDropdown .dropdown-menu ul{list-style-type:none;padding-top:10px;padding-bottom:10px;padding-left:0;margin-bottom:0}.card-rounded .courseDropdown .dropdown-menu ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:15px;padding-right:15px}.card-rounded .courseDropdown .dropdown-menu ul li:hover a{color:var(--mainColor)!important}.card-rounded .courseDropdown .dropdown-menu ul li:not(:last-child) a{border-bottom:1px solid var(--lightGreyColor)}.card-rounded .courseDropdown .dropdown-menu ul li a{padding:10px 5px;color:var(--subtextColor);width:100%;font-size:1rem}.card-rounded .courseDropdown .dropdown-menu ul li a:hover{text-decoration:none}.card-rounded .courseDropdown .dropdown-menu ul li a i{width:18px;text-align:center}.card-rounded .courseDropdown .dropdown-menu ul li a font{margin-left:5px}.courseFooter{padding:0px 20px}.coursePrice{margin-bottom:0;font-size:1.25rem;color:var(--textColor)}.coursePrice .currency{margin-bottom:0;color:var(--yellow)}a{color:var(--mainColor)}a:hover{color:var(--mainColorHover)}a.category{text-decoration:none}a.category .categoryCard{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50px;background-color:var(--subBgColor);color:var(--textColor);font-size:1.125rem;font-weight:normal;padding:0.7rem 1rem;min-height:77px;text-align:center}@media (max-width:500px){a.category .categoryCard{font-size:1rem;padding:0.2rem 1rem}}a.category .categoryCard:hover{background-color:var(--greyColor)}.couresRecent .slick-slide{-webkit-box-sizing:border-box;box-sizing:border-box}.newsSection a>div{margin-bottom:1rem}.newsSection a h4{font-size:1.125rem;color:var(--textColor)}.newsSection a .imageHover .contentImage{position:relative}.newsSection a .imageHover .contentImage img{border-radius:5px}.newsSection a .imageHover .contentImage .contentOverlay{background:rgba(0,0,0,0.3);position:absolute;height:100%;width:100%;left:0;top:0;bottom:0;right:0;opacity:0;-webkit-transition:all 0.2s ease-in-out 0s;transition:all 0.2s ease-in-out 0s;cursor:pointer}.newsSection a .imageHover:hover .contentOverlay{opacity:1}.newsSection a .imageHover:hover h4{color:var(--mainColor);cursor:pointer}.newsSection a .contentDetail{margin-bottom:0.5rem}.newsSection a small{font-size:0.875rem;color:var(--subtextColor)}.newsCard{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.newsCard a{position:relative;z-index:1}.newsCard h4{font-size:1.125rem;color:var(--textColor)}.newsCard h4.title{margin-top:1rem}@media (max-width:500px){.newsCard h4{margin-top:1rem}}.newsCard .newsTitle a{text-decoration:none;position:static}.newsCard .newsTitle a:before{content:"";position:absolute;z-index:0;top:0;left:0;width:100%;height:100%}.newsCard .imageHover .contentImage{position:relative}.newsCard .imageHover .contentImage img{border-radius:5px}.newsCard .imageHover .contentImage .contentOverlay{background:rgba(0,0,0,0.3);position:absolute;height:100%;width:100%;left:0;top:0;bottom:0;right:0;opacity:0;-webkit-transition:all 0.2s ease-in-out 0s;transition:all 0.2s ease-in-out 0s;cursor:pointer}.newsCard .imageHover:hover .contentOverlay{opacity:1}.newsCard .imageHover:hover h4{color:var(--mainColor);cursor:pointer}.newsCard .tag:hover{color:var(--subtextColor)!important}.newsCard .contentDetail{margin-bottom:0.5rem}.newsCard small{font-size:0.875rem;color:var(--subtextColor)}.newsCard .contentFooter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:auto}h4 font.textEllipsis{white-space:nowrap;display:inline-block;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;white-space:normal}h4 font.textEllipsis.twoLine{-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;line-height:23px}h4 font.textEllipsis.threeLine{-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;line-height:23px}.textEllipsis{white-space:nowrap;display:inline-block;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;white-space:normal}.textEllipsis p{margin-bottom:0}.textEllipsis.oneLine{-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;white-space:normal}.textEllipsis.twoLine{-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;white-space:normal}.textEllipsis.threeLine{-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;line-height:23px}@media (max-width:500px){.containerBanner{width:100%;padding-right:unset;padding-left:15px;margin-right:auto;margin-left:auto}}@media (max-width:500px){.containerSlide{padding-right:unset}}.bannerSlide{position:absolute;max-height:600px;overflow:hidden}@media (max-width:500px){.bannerSlide{height:200px}}.bannerSlide .bannerItem{width:100%;background-color:black}@media (max-width:500px){.bannerSlide .bannerItem{width:80%;margin-right:20px;border-radius:10px;height:200px}}.bannerSlide .bannerItem .imgVideoBanner .bannerOverlay{position:absolute;left:0;top:0;background:black;color:#f1f1f1;width:100%;height:100%;-webkit-transition:0.5s ease;transition:0.5s ease;opacity:1;color:white;font-size:1.25 rem;padding:20px;text-align:center;background:-webkit-gradient(linear,left top,right top,from(black),to(rgba(0,0,0,0.2)));background:linear-gradient(to right,black,rgba(0,0,0,0.2))}@media (max-width:500px){.bannerSlide .bannerItem .imgVideoBanner .bannerOverlay{border-radius:10px}}.bannerSlide .bannerItem .imgVideoBanner video{width:70%!important;max-height:600px;-o-object-fit:cover;object-fit:cover;-o-object-position:right;object-position:right;-webkit-mask-image:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(60%,black));-webkit-mask-image:linear-gradient(to right,transparent 0%,black 60%);mask-image:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(60%,black));mask-image:linear-gradient(to right,transparent 0%,black 60%)}@media (max-width:500px){.bannerSlide .bannerItem .imgVideoBanner video{border-radius:10px;height:200px;-o-object-fit:cover;object-fit:cover;-webkit-mask-image:-webkit-gradient(linear,left top,right top,color-stop(20%,transparent),to(black));-webkit-mask-image:linear-gradient(to right,transparent 20%,black 100%);mask-image:-webkit-gradient(linear,left top,right top,color-stop(20%,transparent),to(black));mask-image:linear-gradient(to right,transparent 20%,black 100%)}}.bannerSlide .bannerItem .imgVideoBanner img{width:100%;max-height:600px;-o-object-fit:cover;object-fit:cover;-o-object-position:right top;object-position:right top;-webkit-mask-image:-webkit-gradient(linear,left top,right top,color-stop(50%,transparent),to(black));-webkit-mask-image:linear-gradient(to right,transparent 50%,black 100%);mask-image:-webkit-gradient(linear,left top,right top,color-stop(50%,transparent),to(black));mask-image:linear-gradient(to right,transparent 50%,black 100%)}@media (max-width:500px){.bannerSlide .bannerItem .imgVideoBanner img{border-radius:10px;height:200px;-o-object-fit:cover;object-fit:cover;-webkit-mask-image:-webkit-gradient(linear,left top,right top,color-stop(20%,transparent),to(black));-webkit-mask-image:linear-gradient(to right,transparent 20%,black 100%);mask-image:-webkit-gradient(linear,left top,right top,color-stop(20%,transparent),to(black));mask-image:linear-gradient(to right,transparent 20%,black 100%)}}.bannerSlide .title-course-large{display:block;height:65px!important;font-size:1.125rem;font-weight:bold}.bannerSlide .bannerCaption{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;overflow:hidden;padding-left:60px;padding-top:30px}@media (max-width:500px){.bannerSlide .bannerCaption{padding-left:15px;padding-top:10px}}.bannerSlide .bannerCaption .imageCaption .fallback-logo-container .title-course-large{height:80px;overflow:hidden;color:#FFF}@media (max-width:500px){.bannerSlide .bannerCaption .imageCaption .fallback-logo-container .title-course-large{height:50px!important}}@media (max-width:1024px){.bannerSlide .bannerCaption .imageCaption img{height:100px!important}}@media (max-width:500px){.bannerSlide .bannerCaption .imageCaption img{height:50px!important}}.bannerSlide .captionOverview{width:40%;min-width:330px;color:black;line-height:1.3;margin-top:1.2vh}.bannerSlide .captionOverview .courseDetail{color:#FFF;height:80px;font-size:1.313rem;overflow:hidden;margin-top:1.2vw}@media (max-width:500px){.bannerSlide .captionOverview .courseDetail{display:block;font-size:0.875rem;height:40px}}.bannerSlide .captionOverview .buttonCaption{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:1.2vw}@media (max-width:500px){.bannerSlide .captionOverview .buttonCaption{margin-top:10.2vw}}.bannerSlide .captionOverview .footerCaption{margin-top:1.2vw;color:#FFF;font-size:1rem}.img-radius{border-radius:6px}.select2-container--default .select2-selection--single{background-color:var(--bgColor)!important;border-radius:10px!important;height:47px!important}.select2-search--dropdown{background:var(--bgColor)}.select2-container--default .select2-search--dropdown .select2-search__field{background:var(--bgColor);color:var(--textColor);border-radius:10px!important}.select2-container--default .select2-search--dropdown .select2-search__field:focus-visible{border:none}.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--textColor)!important;font-size:0.875rem!important;line-height:47px!important}.select2-selection__arrow b{border:none!important;font-weight:500!important}.select2-selection__arrow b:before{content:"\f078";font-family:"Font Awesome 5 Pro";font-size:0.875rem}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:before{content:"\f077";font-family:"Font Awesome 5 Pro";font-size:0.875rem}.select2-container--default .select2-selection--single .select2-selection__arrow{height:30px!important;width:30px!important}.select2-container--default .select2-results__option[aria-selected=true]{background-color:var(--lightGreyColor);color:var(--darkGreyColor)}.select2-container--default .select2-results__option--highlighted{background-color:var(--mainColor)!important;color:white!important}.select2-container--open .select2-dropdown--below{border-top:1px solid var(--lightGreyColor)!important;border-radius:0 0 10px 10px!important}.select2-results{background-color:var(--bgColor)!important;border-radius:0px 0px 10px 10px!important}.courseDetailSection{padding-top:1.5rem;padding-bottom:1.5rem}.courseDetailSection .title{font-size:1.5rem;font-weight:bold;color:var(--textColor)}.courseDetailSection .title.yellow{color:var(--yellow)!important}.courseDetailSection .openLecturerHistory{color:var(--mainColor)!important}.courseDetailSection .imgCommentProfile{border-radius:50%;width:40px;height:40px}.courseDetailSection .p-video-quiz-name-black{color:var(--subtext)!important}.courseDetailSection .progress{background:#F5F5F6;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:10px}.courseDetailSection .progress .progress-value{-webkit-animation:load 3s normal forwards;animation:load 3s normal forwards;background:var(--greenColor)!important;height:10px}.accordItem .panel-heading{border-bottom:1px solid var(--lightGreyColor);padding-bottom:15px;margin-bottom:10px}.accordItem .panel-heading a{display:block;font-size:1.125rem;padding:10px 40px 10px 5px;color:var(--subtextColor)}@media (max-width:500px){.accordItem .panel-heading a{padding:10px 45px 10px 0px}}.accordItem .panel-heading .panal-sub-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--subtextColor)}.accordItem .panel-heading .panal-sub-title .join-class{max-height:32px!important;max-width:109px!important;font-size:0.875rem}.accordItem .panel-heading .panal-sub-title .request-petition{color:var(--mainColor)!important;text-decoration:none}.accordItem .panel-heading .panal-sub-title .request-petition:hover{color:var(--mainColorHover)!important}.accordItem .view-answer{max-height:32px!important;max-width:109px!important;font-size:0.875rem}.accordion-toggle.collapsed:before{position:absolute;content:"\f077";font-family:"Font Awesome 5 Pro";font-size:1rem;top:13px;left:95%}.accordion-toggle.closed{position:relative}.accordion-toggle.collapse:before{position:absolute;content:"\f077";font-family:"Font Awesome 5 Pro";font-size:1rem;top:13px;left:95%}.accordion-toggle{position:relative}.accordion-toggle:before{position:absolute;content:"\f077";font-family:"Font Awesome 5 Pro";font-size:1rem;top:13px;left:95%}.accordion-toggle.collapsed{position:relative}.accordion-toggle.collapsed:before{position:absolute;content:"\f078";font-family:"Font Awesome 5 Pro";font-size:1rem;top:13px;left:95%}.accordion-toggle[aria-expanded=true]{color:var(--textColor)!important}@media (max-width:768px){.accordion-toggle.collapse:before,.accordion-toggle.collapsed:before,.accordion-toggle.collapsed:before,.accordion-toggle:before{left:93%}}@media (max-width:400px){.accordion-toggle.collapse:before,.accordion-toggle.collapsed:before,.accordion-toggle.collapsed:before,.accordion-toggle:before{left:90%}}.panel-body-item{font-size:1rem;color:var(--subtextColor)}.panel-body-item .row{border-bottom:1px solid var(--lightGreyColor);margin:10px 0px 10px 0px;padding-bottom:10px}@media (max-width:500px){.panel-body-item{}}.commentBox:focus{color:var(--textColor)!important}.pen body{padding-top:50px}.modal.right_modal{position:fixed;z-index:99997}.modal.right_modal .modal-dialog{position:fixed;margin:auto;width:30%;height:100%;-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}@media (max-width:1024px) and (min-width:501px){.modal.right_modal .modal-dialog{width:70%!important}}@media (max-width:500px){.modal.right_modal .modal-dialog{width:100%}}.modal-dialog{}@media (min-width:576px){.right_modal .modal-dialog{max-width:100%}}.modal.right_modal .modal-content{height:100vh!important}.modal.right_modal .modal-body{padding:0px!important}.modal.right_modal.fade .modal-dialog{right:-50%;-webkit-transition:opacity 0.3s linear,right 0.3s ease-out;transition:opacity 0.3s linear,right 0.3s ease-out}@media (max-width:500px){.modal.right_modal.fade .modal-dialog{bottom:-50%;right:unset;-webkit-transition:opacity 0.3s linear,bottom 0.3s ease-out;transition:opacity 0.3s linear,bottom 0.3s ease-out}}.modal.right_modal.fade.show .modal-dialog{right:0;-webkit-box-shadow:0px 0px 19px rgba(0,0,0,0.5);box-shadow:0px 0px 19px rgba(0,0,0,0.5)}@media (max-width:500px){.modal.right_modal.fade.show .modal-dialog{bottom:0;right:unset}}.modal-content{border-radius:0;border:none}.modal-content.courselist{background-color:var(--bgColor)!important}.modal_outer .modal-body{overflow-y:hidden;overflow-x:hidden;height:91vh}.modal-header.courseHeader{background-color:var(--bgColor)!important;color:var(--textColor)!important}.modal-header.courseHeader .title-modal-course{font-size:1rem!important;color:var(--textColor)!important}.courseSection{border-bottom:1px solid var(--lightGreyColor)}.courseSection .courseSection-header{padding:0;border-bottom:1px solid var(--lightGreyColor)}.courseSection .courseSection-header .btn-header-link{color:var(--textColor);text-align:left;padding:20px 20px 0px 20px;font-size:1.125rem;content:"\f078";display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:start}.courseSection .courseSection-header .btn-header-link:after{content:"\f077";font-family:"Font Awesome 5 Pro";font-weight:900;float:right}.courseSection .courseSection-header .btn-header-link.collapsed{color:var(--subtextColor)}.courseSection .courseSection-header .btn-header-link.collapsed:after{content:"\f078"}.courseSection .courseSection-header .btn-header-link i{color:var(--mainColor)}.courseSection .collapsing{font-size:1.125rem}.courseSection .collapsing .card-body{padding-bottom:1rem!important}.courseSection .collapsing .card-body .courseModule{padding:0rem 0rem 0rem 1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:start}.courseSection .collapsing .card-body .courseModule a{color:var(--subtextColor)!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;text-decoration:none}.courseSection .collapsing .card-body .courseModule a:hover{color:var(--mainColor)!important}.courseSection .collapsing .card-body .courseModule a.active{color:var(--mainColor)!important}.courseSection .collapsing .card-body .courseModule a i{margin-right:0.5rem}.courseSection .collapsing .card-body .courseModule .learning-progress i{color:white;background-color:var(--greenColor);padding:7px;border-radius:50%}.courseSection .collapsing .card-body .courseModule .learning-progress p{margin-bottom:0}.courseSection .collapsing .courseActivity{padding:0rem 0rem 0.5rem 2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:start}.courseSection .collapsing .courseActivity a{color:var(--subtextColor)!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-decoration:none}.courseSection .collapsing .courseActivity a:hover{color:var(--mainColor)!important}.courseSection .collapsing .courseActivity a.active{color:var(--mainColor)!important}.courseSection .collapsing .courseActivity a i{margin-right:0.5rem}.courseSection .collapsing .courseActivity .learning-progress i{color:white;background-color:var(--greenColor);padding:7px;border-radius:50%}.courseSection .collapsing .courseActivity .learning-progress p{margin-bottom:0}.courseSection .collapse{font-size:1.125rem}.courseSection .collapse.show{color:var(--subtextColor)!important}.courseSection .collapse .card-body{padding-bottom:1rem!important}.courseSection .collapse .card-body .courseModule{padding:0rem 0rem 0rem 1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:start}.courseSection .collapse .card-body .courseModule a{color:var(--subtextColor)!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;text-decoration:none}@media (max-width:500px){.courseSection .collapse .card-body .courseModule a{-webkit-box-align:start;-ms-flex-align:start;align-items:start}}.courseSection .collapse .card-body .courseModule a:hover{color:var(--mainColor)!important}.courseSection .collapse .card-body .courseModule a.active{color:var(--mainColor)!important}.courseSection .collapse .card-body .courseModule a i{margin-right:0.5rem}.courseSection .collapse .card-body .courseModule .learning-progress i{color:white;background-color:var(--greenColor);padding:7px;border-radius:50%}.courseSection .collapse .card-body .courseModule .learning-progress p{margin-bottom:0}.courseSection .collapse .card-body .courseActivity{padding:0rem 0rem 0.5rem 2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:start}.courseSection .collapse .card-body .courseActivity a{color:var(--subtextColor)!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-decoration:none}.courseSection .collapse .card-body .courseActivity a:hover{color:var(--mainColor)!important}.courseSection .collapse .card-body .courseActivity a.active{color:var(--mainColor)!important}.courseSection .collapse .card-body .courseActivity a i{margin-right:0.5rem}.courseSection .collapse .card-body .courseActivity .learning-progress i{color:white;background-color:var(--greenColor);padding:7px;border-radius:50%}.courseSection .collapse .card-body .courseActivity .learning-progress p{margin-bottom:0}.courseDowloadSection{padding-left:1rem}.courseDowloadSection .courseDowloadHeader{text-decoration:none;color:var(--textColor);font-size:1.125rem;text-align:left;padding:0.375rem 0.75rem}.courseDowloadSection .courseDowloadContent a{text-decoration:none;color:var(--subtextColor);font-size:1.125rem;text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:start;-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:start!important}.courseDowloadSection .courseDowloadContent a:hover{color:var(--mainColor)!important}.noteSection{padding:2rem}.noteSection .header{font-size:1rem}.noteListSection{padding:0rem 2rem 10rem 2rem;height:75%}.noteListSection .header{font-size:1.125rem}.noteList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:1.125rem;margin:0.5rem 0rem}.noteList .noteComment .form-control{width:unset!important;display:unset!important;padding:0!important}.noteList .noteComment font{overflow-wrap:anywhere}.noteList .noteAction{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.noteList .noteAction button{color:var(--textColor)}.noteList .noteAction button:hover{color:var(--mainColor)!important}.bottomLearningNav{z-index:99;position:fixed;bottom:0;width:100%;background-color:var(--subBgColor);font-size:1rem}.bottomLearningNav .action{width:auto}.bottomLearningNav .action .btn{color:var(--textColor);font-size:1rem}.bottomLearningNav .action .btn:hover{color:var(--mainColor)!important}@media (max-width:500px){.bottomLearningNav .action{width:100%}}@media (min-height:500px){.QuizContainer{padding-top:120px!important}}.Quiz .choice label{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;font-weight:500;position:relative;overflow:hidden;margin-bottom:1rem;background-color:var(--subBgColor);border-radius:6px}.Quiz .choice label input{position:absolute;left:-9999px}.Quiz .choice label input:checked+span:before{-webkit-box-shadow:inset 0 0 0 0.28rem var(--mainColor);box-shadow:inset 0 0 0 0.28rem var(--mainColor);background-color:white;margin-top:3px}.Quiz .choice label.true{border:1px solid var(--greenColor);border-radius:6px}.Quiz .choice label.false{border:1px solid var(--redColor);border-radius:6px}.Quiz .choice label span.input_label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:start;width:100%;-webkit-transition:0.25s ease;transition:0.25s ease;background-color:var(--subBgColor);padding:1rem 1rem;color:var(--textColor);margin-right:15px}.Quiz .choice label span.input_label:hover{}.Quiz .choice label span.input_label:before{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;content:"";width:1rem;height:1rem;border-radius:50%;margin-right:0.375em;-webkit-transition:0.25s ease;transition:0.25s ease;-webkit-box-shadow:inset 0 0 0 0.125em grey;box-shadow:inset 0 0 0 0.125em grey;margin-top:3px}.Quiz .choice label span.input_label img{max-width:100%!important;height:auto!important}.Quiz .choice label span.markQuiz{border-radius:50%;width:15px;height:15px;text-align:center;font-size:0.625rem;position:absolute;right:20px;top:20px}.Quiz .choice label span.markQuiz.false{background:var(--redColor)}.Quiz .choice label span.markQuiz.true{background:var(--greenColor)}.Quiz .choice label span.markQuiz i{color:white}.QuizSection{padding:25px}.QuizSection .status{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.QuizSection .status .done{height:10px;width:10px;background-color:var(--greenColor);border-radius:50%;display:inline-block}.QuizSection .status .done-remark{height:10px;width:10px;background-color:var(--yellowColor);border-radius:50%;display:inline-block}.QuizSection .status .wait{height:10px;width:10px;border-radius:50%;border:1px solid var(--subtextColor);display:inline-block}.QuizSection .status .false{height:10px;width:10px;background-color:var(--redColor);border-radius:50%;display:inline-block}.QuizSection .status .wait-approve{height:10px;width:10px;background-color:var(--yellowColor);border-radius:50%;display:inline-block}.QuizSection .progress{background:white;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;border-radius:6px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:14px}.QuizSection .progress-value{-webkit-animation:load 3s normal forwards;animation:load 3s normal forwards;border-radius:6px;background:var(--greenColor);height:14px}.badgeCircle{display:inline-table;vertical-align:middle;width:60px;height:60px;border-radius:50%;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none}.badgeCircle.done{background-color:var(--greenColor)}.badgeCircle.done-remark{background-color:var(--yellowColor)}.badgeCircle.false{background-color:var(--redColor)}.badgeCircle.wait-approve{background-color:var(--yellowColor)}.badgeCircle.wait{border:1px solid var(--subtextColor)}.badgeCircle.wait .badgeCircle__content{color:var(--subtextColor)!important}.badgeCircle.active{background-color:var(--mainColor)}.badgeCircle :hover{cursor:pointer}.badgeCircle__content{display:table-cell;vertical-align:middle;text-align:center;font-size:1.125rem;color:white}.evalute .evaluation-header{margin-bottom:1.5rem}.evalute .evaluation-header .evaHeader{font-size:1.125rem;font-weight:400}.evalute .evaluteDescription{margin-bottom:2rem}.evalute .evaluteQuestionSection .choiceSection{background-color:var(--tableHeaderBgColor);border-radius:10px;margin-bottom:2rem;padding:1.5rem}.evalute .evaluteQuestionSection .choiceSection.officer .evaluteQuestion{font-size:1.125rem;font-weight:400;margin-left:0;padding:0;margin-bottom:1rem}.evalute .evaluteQuestionSection .choiceSection.officer .evaluteChoice label span{font-size:1rem;font-weight:400;padding:0}.evalute .evaluteQuestionSection .choiceSection .evaluteQuestion{margin-left:1rem;padding:0.5rem 0rem}.evalute .evaluteQuestionSection .choiceSection .evaluteChoice{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:end}.evalute .evaluteQuestionSection .choiceSection .evaluteChoice label{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;font-weight:500;position:relative;overflow:hidden;margin-bottom:1rem}.evalute .evaluteQuestionSection .choiceSection .evaluteChoice label input{position:absolute;left:-9999px}.evalute .evaluteQuestionSection .choiceSection .evaluteChoice label input:checked+span:before{-webkit-box-shadow:inset 0 0 0 0.28rem var(--mainColor);box-shadow:inset 0 0 0 0.28rem var(--mainColor);background-color:white}.evalute .evaluteQuestionSection .choiceSection .evaluteChoice label span{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-flow:column-reverse;flex-flow:column-reverse;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;-webkit-transition:0.25s ease;transition:0.25s ease;padding:1rem 1rem;color:var(--textColor);font-size:0.875rem;text-align:center}.evalute .evaluteQuestionSection .choiceSection .evaluteChoice label span:before{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;content:"";width:1rem;height:1rem;border-radius:50%;-webkit-transition:0.25s ease;transition:0.25s ease;-webkit-box-shadow:inset 0 0 0 0.125em grey;box-shadow:inset 0 0 0 0.125em grey;margin-top:0.5rem}.nav-learning{font-size:1.125rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:start;padding:2rem}@media (max-width:500px){.nav-learning{padding:1rem}}@media (max-width:770px){.nav-learning .course-back label{visibility:hidden}}.flip-clock-label{display:none!important}.flip-clock-wrapper ul{margin:5px 5px 0px 5px!important}@media (max-width:500px){.flip-clock-wrapper ul{-webkit-padding-start:20px!important;padding-inline-start:20px!important;-webkit-margin-before:15px!important;margin-block-start:15px!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important}}.flip-clock-wrapper ul li{width:3rem!important;height:3rem!important;line-height:50px!important}@media (max-width:500px){.flip-clock-wrapper ul li{width:1.5rem!important;height:1.5rem!important;line-height:25px!important}}.flip-clock-wrapper ul li a div div.inn{background-color:var(--mainColor)!important;font-size:1.5rem!important}@media (max-width:500px){.flip-clock-wrapper ul li a div div.inn{font-size:1.125rem!important}}.flip-clock-dot{width:5px!important;height:5px!important;background:white!important}@media (max-width:500px){.flip-clock-dot{width:3px!important;height:3px!important}}.flip-clock-divider{height:65px!important;margin-left:10px!important}@media (max-width:500px){.flip-clock-divider{margin-left:unset!important;width:10px!important}}.quiz-header p{font-size:1.125rem!important;margin-bottom:0.5rem}@media (max-width:500px){.quiz-header p{font-size:0.875rem!important}}.markQuizSection label.name{font-size:1.125rem}.markQuizSection label.score{font-size:1.5rem}.scrollbar{overflow-y:auto!important}.scrollbar::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px;background-color:var(--darkColor)}.scrollbar::-webkit-scrollbar{width:12px;background-color:var(--darkColor)}.scrollbar::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:var(--subBgColor)}#verifyBox p{font-size:1.125rem;text-align:center}#verifyBox label{color:var(--subBgColor)}#verifyBox label.reference{color:var(--textColor)!important}#verifyBox .pincode input::-webkit-inner-spin-button,#verifyBox .pincode input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#verifyBox .pincode input[type=number]{-moz-appearance:textfield}#verifyBox .pincode input.inputBox{width:40px;height:50px;border:none;border-radius:8px;text-align:center;font-size:1.313rem;background:var(--greyColor);color:var(--textColor);margin:0px 5px}#verifyBox .pincode input.inputBox:focus{outline:none}.responsive-modal{position:fixed;z-index:99997}@media (max-width:500px){.responsive-modal .responsive-modal-header{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center}}.modal.responsive-modal .modal-content{}@media (max-width:500px){.modal.responsive-modal .modal-content{width:100%;height:100vh!important}}@media (max-width:500px){.modal.responsive-modal .modal-dialog.responsive-modal-dailog{width:100%;height:100vh;margin:0!important}}@media (max-width:500px){.mobile-responsive{margin-right:0!important}}.bottomNav{display:none}@media (max-width:500px){.bottomNav{z-index:99;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;bottom:0;width:100%;background-color:var(--darkColor);font-size:1rem}.bottomNav button{color:var(--subtextColor)}.bottomNav button.active,.bottomNav button:active,.bottomNav button:hover{color:var(--mainColor)}.bottomNav button p{font-size:0.75rem}}@media (max-width:500px){.listHeader h3{font-size:1.25rem}}.listHeader .ddl-left{margin-left:12rem}@media (max-width:820px){.listHeader .ddl-left{margin-left:unset}}.listHeader .ddl-right{margin-right:12rem}@media (max-width:820px){.listHeader .ddl-right{margin-right:unset}}.newsDetail .newsHeader{font-size:1.5rem}.newsDetail .newsDetailEditor img{height:auto!important;width:100%!important}.imageHoverIcon{position:relative;width:100%;max-width:400px}.imageHoverIcon :hover.imageOverlay{opacity:1}.imageOverlay{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;-webkit-transition:0.3s ease;transition:0.3s ease}.imageOverlay .icon{color:white;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center}.buttonCircle{background-color:var(--subBgColor);border:none;color:var(--textColor);text-align:center;text-decoration:none;display:inline-block;font-size:1rem;width:48px;height:48px;border-radius:50%}.viewCount{font-size:1.5rem}textarea.editor:disabled{background-color:var(--subBgColor)!important}.listMenu{list-style:none;padding-left:0}.listMenu .menuItem{border-bottom:1px solid var(--subtextColor);padding:1rem 0}.listMenu .menuItem a{text-decoration:none;color:var(--textColor)}.listMenu .menuItem a .titleMenu{margin-bottom:0}label.checkBox{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;font-weight:500;position:relative;overflow:hidden}label.checkBox input{position:absolute;left:-9999px}label.checkBox input:checked+span:before{-webkit-box-shadow:inset 0 0 0 0.28rem var(--mainColor);box-shadow:inset 0 0 0 0.28rem var(--mainColor);background-color:white;margin-top:3px}label.checkBox span.input_label{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-transition:0.25s ease;transition:0.25s ease}label.checkBox span.input_label:before{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;content:"";width:1rem;height:1rem;border-radius:50%;margin-right:0.375em;-webkit-transition:0.25s ease;transition:0.25s ease;-webkit-box-shadow:inset 0 0 0 0.125em grey;box-shadow:inset 0 0 0 0.125em grey;margin-top:3px}label.checkBox span.input_label img{max-width:100%!important;height:auto!important}label.checkBox span.markQuiz{border-radius:50%;width:15px;height:15px;text-align:center;font-size:0.625rem;position:absolute;right:20px;top:20px}label.checkBox span.markQuiz.false{background:var(--redColor)}label.checkBox span.markQuiz.true{background:var(--greenColor)}label.checkBox span.markQuiz i{color:white}.paymentSection .header{font-size:1.5rem}.paymentSection [type=checkbox]:checked,.paymentSection [type=checkbox]:not(:checked),.paymentSection [type=radio]:checked,.paymentSection [type=radio]:not(:checked){position:absolute;left:-9999px;width:0;height:0;visibility:hidden}.paymentSection .checkbox-payment:checked+label,.paymentSection .checkbox-payment:not(:checked)+label{padding:1.5rem;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;text-align:center;border-radius:6px;overflow:hidden;cursor:pointer;font-size:1.125rem;margin-bottom:1rem}.paymentSection .checkbox-payment:not(:checked)+label{background-color:var(--subBgColor);border:1px solid var(--subBgColor)}.paymentSection .checkbox-payment:checked+label{border:1px solid var(--mainColor)}.paymentSection .checkbox-payment:not(:checked)+label:hover{border:1px solid var(--subtextColor)}.paymentSection .checkbox-payment:checked+label:before,.paymentSection .checkbox-payment:not(:checked)+label:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;border-radius:6px;background-color:var(--subBgColor);z-index:-1}.paymentSection .checkbox-payment:not(:checked)+label span:before{max-height:0}.paymentSection .checkbox-payment:checked+label span:before{max-height:100%}.uploaddiv{border:1px solid var(--greyColor);border-radius:6px}.uploaddiv .dropzone .dz-preview.dz-image-preview{background-color:transparent;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.uploaddiv .dz-image{border-radius:0px!important}.uploaddiv .dz-error-mark,.uploaddiv .dz-error-message,.uploaddiv .dz-progress,.uploaddiv .dz-progress,.uploaddiv .dz-success-mark{display:none}.uploaddiv .dz-remove{margin-top:2rem;border-radius:24px;background-color:var(--textColor);color:var(--greyColor)!important;width:186px;padding:10px}.uploaddiv .dz-remove:hover{border-radius:24px;background-color:var(--greyColor);color:var(--textColor)!important}header .dropdown .dropdown-menu{}.paymentHistory .paymentCard{background-color:var(--greyColor);border-radius:6px;padding:2rem;margin-bottom:1rem}.paymentHistory .paymentCard p{font-size:1rem}@media (max-width:500px){.paymentHistory .paymentCard button.detail{width:100%}}.cookieBanner{font-size:0.875rem;width:100%;position:fixed;bottom:0;background-color:var(--subBgColor);z-index:99;color:var(--textColor)}#NotiflixNotifyWrap{z-index:99998}@media (max-width:500px){#NotiflixNotifyWrap{margin:unset!important;margin-left:auto!important}}.quiz-question img{height:auto!important}@media (max-width:500px){.quiz-question img{width:100%!important}}#image-viewer{display:none;position:fixed;z-index:888;padding-top:100px;left:0;top:0;width:100%;height:100vh;overflow:auto;background-color:rgba(0,0,0,0.9)}#image-viewer .modal-content{margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:80%;max-width:700px;height:auto}#image-viewer .modal-content{-webkit-animation-name:zoom;animation-name:zoom;-webkit-animation-duration:0.6s;animation-duration:0.6s}#image-viewer .close{position:absolute;top:15px;right:35px;color:white;font-size:2.5rem;font-weight:bold;-webkit-transition:0.3s;transition:0.3s}#image-viewer .close:focus,#image-viewer .close:hover{color:var(--mainColor);text-decoration:none;cursor:pointer}.plyr__menu__container .plyr__control>span{color:var(--darkColor)}.plyr__menu__value{color:var(--darkColor)}.dashboard-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--bgColor);position:relative;overflow:hidden}.dashboard-card .label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.dashboard-card .label .title{font-size:1rem;font-weight:600;margin-bottom:0}.dashboard-card .label .count{font-size:64px;font-weight:700;color:var(--mainColor);margin-bottom:0}.dashboard-card img{position:absolute;right:35px;bottom:-20px;-webkit-transform:rotate(-30deg) translateY(60px);transform:rotate(-30deg) translateY(60px);opacity:0.5}@media (max-width:960px){.dashboard-card img{right:-65px;bottom:-24px}}.account-dasboard .title{font-weight:700;font-size:1.125rem}.account-dasboard .day{font-weight:600;font-size:1rem}.account-dasboard .notification-card{border:1px solid;border-radius:8px;border-color:#D8D9D9;padding:10px 20px;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}@media (max-width:540px){.account-dasboard .notification-card{padding:20px 10px}}.account-dasboard .notification-card .badge{padding:0.5em 1em;border-radius:20px;font-size:0.875rem;display:inline-block;text-align:center}.account-dasboard .notification-card .badge.blue{color:#2D4A84;border:1px solid #2D4A84}.account-dasboard .notification-card .badge.blue :hover{background-color:#2D4A84;color:var(--mainColor)}.account-dasboard .notification-card .badge.red{color:#EF3E4C;border:1px solid #EF3E4C}.account-dasboard .notification-card .badge.red :hover{background-color:#EF3E4C;color:var(--mainColor)}.account-dasboard .notification-card .badge.green{color:#66A73E;border:1px solid #66A73E}.account-dasboard .notification-card .badge.green :hover{background-color:#66A73E;color:var(--mainColor)}.account-dasboard .notification-card .badge.yellow{color:#FFC115;border:1px solid #FFC115}.account-dasboard .notification-card .badge.yellow :hover{background-color:#FFC115;color:var(--mainColor)}.account-dasboard .notification-card .badge.orange{color:#FD8A2B;border:1px solid #FD8A2B}.account-dasboard .notification-card .badge.orange :hover{background-color:#FD8A2B;color:var(--mainColor)}.account-dasboard .notification-card .badge.purple{color:#8644A2;border:1px solid #8644A2}.account-dasboard .notification-card .badge.purple :hover{background-color:#8644A2;color:var(--mainColor)}.account-dasboard .notification-card .badge.blue-gray{color:#51779E;border:1px solid #51779E}.account-dasboard .notification-card .badge.blue-gray :hover{background-color:#51779E;color:var(--mainColor)}.account-petition .title{font-weight:700;font-size:1.125rem}.petition .header{font-size:1rem}.petition .content{color:#939595;font-size:1rem}.petition .file-target{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#939595;text-decoration:none}.petition .file-target:hover{color:var(--mainColorHover)}.calendar{width:auto}.calendar .calendar-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;font-size:1.5rem;margin-bottom:20px}.calendar .calendar-header .month-year{font-size:1.5rem;font-weight:600}.calendar .calendar-header .button-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.calendar .days{display:-ms-grid;display:grid;-ms-grid-columns:1fr 5px 1fr 5px 1fr 5px 1fr 5px 1fr 5px 1fr 5px 1fr;grid-template-columns:repeat(7,1fr);gap:5px;justify-items:center}.calendar .day{padding:10px;text-align:center;cursor:pointer;border-radius:50%;width:40px;height:40px;font-weight:400!important}.calendar .day:hover{background-color:#cfcfcf}.calendar .day.selected{background-color:var(--mainColor)!important;color:white}.calendar .day.currentDate{background-color:var(--mainColorHover);color:white}.calendar .day.inactive{color:#939595}.calendar .day-names{background-color:#F5F5F6;display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[7];grid-template-columns:repeat(7,1fr);font-weight:400!important;text-align:center;border-radius:10px}.calendar .event-dot{width:100%;height:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.calendar .dot{width:6px;height:6px;background-color:var(--mainColorHover);border-radius:50%}.modal-right{position:fixed;z-index:3;right:-100%;width:30%;top:0;height:100%;background-color:white;overflow-x:hidden;-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out;-webkit-box-shadow:-2px 0 5px rgba(0,0,0,0.5);box-shadow:-2px 0 5px rgba(0,0,0,0.5);padding:20px}@media (max-width:1400px){.modal-right{width:50%}}@media (max-width:500px){.modal-right{width:100%}}.modal-right.active{right:0}.modal-right .modal-right-content{padding:0!important}.modal-right .modal-right-content .header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal-right .modal-right-content .header .close{font-size:1.875rem;cursor:pointer}.modal-right .modal-right-content .header .close:hover{color:var(--mainColorHover)}.modal-right .modal-right-content .header .tittle{font-weight:700;font-size:2rem}.calendar-event .title{font-weight:600;font-size:1.5rem}.calendar-event .date{color:var(--mainColor);font-size:1.25 rem}.calendar-event .events .event{background-color:var(--subBgColor);border-radius:20px;padding:24px;width:100%}.calendar-event .events .event .title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.calendar-event .events .event .title .header{font-size:1.25 rem;width:100%}.calendar-event .events .event .activity{color:#939595;background-color:#FFFFFF;border-radius:50px;padding:6px 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:5px}.calendar-event .events .event .activity .name{font-size:0.875rem;width:100%}.button-calendar:hover{color:var(--mainColor)}.verify-email .title{font-weight:600;font-size:1.5rem;color:var(--mainColor)}.verify-email .description{font-size:1rem;color:#939595}.verify-email .email{font-size:1.25 rem;font-weight:600;color:var(--mainColor)}.verify-email a{font-size:1rem;color:var(--mainColor);text-decoration:underline}.verify-email a:hover{color:var(--mainColorHover)}body[data-mobile=true] .account-dashboard-card{display:none}body[data-mobile=true] .button-menu-bars{display:none!important}body[data-mobile=true] .navback-menu{display:block!important}.profile-section .sub-header{font-size:1.25 rem;font-weight:600;margin-bottom:3px}.chat-button{position:fixed;bottom:80px;right:20px;background-color:var(--mainColor);color:white;border-radius:50%;width:60px;height:60px;font-size:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:0 4px 8px rgba(0,0,0,0.2);box-shadow:0 4px 8px rgba(0,0,0,0.2);cursor:pointer;z-index:1000}.chat-box{position:fixed;bottom:150px;right:20px;width:368px;max-height:85vh;background-color:white;border:1px solid #ccc;border-radius:10px;display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:0 4px 12px rgba(0,0,0,0.15);box-shadow:0 4px 12px rgba(0,0,0,0.15);z-index:1000;overflow:hidden}.chat-box .chat-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:var(--mainColor);color:white!important;padding:10px;font-weight:bold}.chat-box .chat-messages{height:100%;overflow-y:auto;background-color:white;padding-left:0;min-height:60vh;padding-top:15px}.chat-box .chat-messages .chat-date{width:100%;text-align:center;color:#939595;font-size:1rem}.chat-box .chat-messages .chat-message{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-bottom:5px;padding-top:2px}.chat-box .chat-messages .chat-message .text-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.chat-box .chat-messages .chat-message .text-message{background:#F5F5F6;border-radius:8px;font-size:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:4px 8px;margin-bottom:0;-ms-flex-line-pack:center;align-content:center;height:100%!important;min-height:40px}.chat-box .chat-messages .chat-message .time{text-align:right;font-size:0.75rem;color:#939595;margin-bottom:2px}.chat-box .chat-messages .chat-message .image-profile{width:40px;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:5px;background-color:var(--mainColor);-ms-flex-negative:0;flex-shrink:0}.chat-box .chat-messages .chat-message .image-profile.is-admin{background-color:#FD8300!important}.chat-box .chat-input{border:none;padding:10px;border-top:1px solid #ccc;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chat-box .chat-input .chat-input-message{background-color:#F5F5F6!important;border-radius:100px;padding:8px;width:100%}.chat-box-admin{max-height:85vh;background-color:white;border:1px solid #ccc;border-radius:10px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:0 4px 12px rgba(0,0,0,0.15);box-shadow:0 4px 12px rgba(0,0,0,0.15);width:368px}.chat-box-admin .chat-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:var(--mainColor);color:white!important;padding:10px;font-weight:bold}.chat-box-admin .chat-messages{height:70vh;overflow-y:auto;background-color:white;padding-left:0;max-height:100vh;padding-top:15px}.chat-box-admin .chat-messages .chat-date{width:100%;text-align:center;color:#939595;font-size:1rem}.chat-box-admin .chat-messages .chat-message{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-bottom:5px;padding-top:2px}.chat-box-admin .chat-messages .chat-message .text-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.chat-box-admin .chat-messages .chat-message .text-message{background:#F5F5F6;border-radius:8px;font-size:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:4px 8px;margin-bottom:0;-ms-flex-line-pack:center;align-content:center;height:100%!important;min-height:40px}.chat-box-admin .chat-messages .chat-message .time{text-align:right;font-size:0.75rem;color:#939595;margin-bottom:2px}.chat-box-admin .chat-messages .chat-message .image-profile{width:40px;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:5px;background-color:var(--mainColor);-ms-flex-negative:0;flex-shrink:0}.chat-box-admin .chat-messages .chat-message .image-profile.is-admin{background-color:#FD8300!important}.chat-box-admin .chat-input{border:none;padding:10px;border-top:1px solid #ccc;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chat-box-admin .chat-input .chat-input-message{background-color:#F5F5F6!important;border-radius:100px;padding:8px;width:100%}.img-flag{width:32px;height:32px;border-radius:50%}.img-flag.active{border:1px solid var(--mainColor)}.button-font-size{width:32px;height:32px;border-radius:50%;color:#939595}.button-font-size.small{font-size:0.75rem}.button-font-size.medium{font-size:1rem}.button-font-size.large{font-size:1.125rem}.button-font-size.active{background-color:#4A8AED;color:white!important}.pollSection .questionPoll{font-weight:600;font-size:1.5rem}.pollSection .progress-container{width:100%;font-size:1rem;color:#888}.pollSection .progress-container .progress-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:4px}.pollSection .progress-container .progress-label .progress-percent{min-width:40px;-ms-flex-item-align:start;-ms-grid-row-align:start;align-self:start}.pollSection .progress-container .progress-label .progress-percent.active{font-weight:600}.pollSection .progress-container .progress-label .progress-text{margin-left:4px}.pollSection .progress-container .progress-label .progress-text.active{font-weight:600}.pollSection .progress-container .progress-bar-bg{background-color:var(--mainColor);border-radius:4px;height:8px;overflow:hidden}.report-statistic-dashboard .card-total{border-radius:16px;padding:16px 8px;margin-bottom:5px;height:100%}.report-statistic-dashboard .card-total.py-0{padding-top:0!important;padding-bottom:0!important}.report-statistic-dashboard .card-total .number{font-size:2.5rem;font-weight:600}.report-statistic-dashboard .card-total .description{font-size:1rem}.report-statistic-dashboard .card-total.green-yellow{background-color:#DFEB95}.report-statistic-dashboard .card-total.green{background-color:#A6DC8C}.report-statistic-dashboard .card-total.blue{background-color:#ADDCE4}.chart-section{margin-bottom:40px}.chart-section .chart-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}.chart-section .chart-header p.title{margin:0;font-size:1rem;font-weight:400}.chart-section canvas{background:white;padding:10px;border-radius:8px}.courselistSection{padding-bottom:100px}body{font-family:"Roboto","NotoSans";color:var(--textColor)}body[data-mobile=true] .social-section.desktop{display:none}body[data-mobile=true] .social-section.mobile{display:block}body[data-mobile=false] .social-section.desktop{display:block}body[data-mobile=false] .social-section.mobile{display:none}body::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px;background-color:var(--darkColor)}body::-webkit-scrollbar{width:12px;background-color:var(--darkColor)}body::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:var(--subBgColor)}textarea{border-radius:6px 6px 0px 6px!important}textarea::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:6px;background-color:var(--darkColor)}textarea::-webkit-scrollbar{width:10px;background-color:var(--subBgColor);border-radius:6px;border-radius:0px 10px 0px 0px!important}textarea::-webkit-scrollbar-thumb{border-radius:6px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:var(--subBgColor)}textarea::-webkit-resizer{background-color:transparent;border:10px;border-style:solid;border-color:transparent var(--greyColor) var(--greyColor) transparent}textarea:disabled::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:6px;background-color:var(--subBgColor)}textarea:disabled::-webkit-scrollbar{width:10px;background-color:var(--subBgColor);border-radius:6px;border-radius:0px 10px 0px 0px!important}textarea:disabled::-webkit-scrollbar-thumb{border-radius:6px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:var(--darkColor)}textarea:disabled::-webkit-resizer{background-color:transparent;border:10px;border-style:solid;border-color:transparent var(--greyColor) var(--greyColor) transparent}.no-animate{-webkit-animation:none;animation:none}.fix-bottom-navigation-padding{background-color:var(--bgColor)}.backgroundTheme{background-color:var(--bgColor)}.stay-open{display:block!important}a.disabled:hover,a[disabled]:hover,button.disabled:hover,button[disabled]:hover{cursor:not-allowed}.hasDatepicker:disabled,.hasDatepicker[readonly]{background-color:#fff;opacity:1}.swal2-popup .swal2-styled.swal2-confirm{background-color:var(--mainColor)!important}#wait{position:fixed;background:black url("../../Image/loading.gif") no-repeat center center;top:0;left:0;width:100%;height:100%;z-index:999999;filter:alpha(opacity=50);opacity:0.5}.footerCopyright{position:fixed;bottom:0;width:100%;z-index:2000}.analysis-stat-box i[class^=iconmoon-]{color:var(--mainColor)}.color-main{color:var(--mainColor)!important}.bg-F7{background-color:#F7F7F7}.text-danger>span{color:#dc3545!important}label{text-transform:none!important}body{font-size:1rem;height:100%;font-family:"Roboto","NotoSans";overflow-x:hidden}.modal-body{padding:25px!important}#closeModalButton{cursor:pointer}h4{font-size:1rem}pre{color:var(--textColor)!important;font-family:"Roboto","NotoSans";font-size:0.9375rem!important;white-space:pre-line;white-space:-moz-pre-line;white-space:-pre-line;white-space:-o-pre-line;word-wrap:break-word}.card-header{border-bottom:none}.layout-center-background{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0.9))),url(../Image/modalBackgroundImage.jpg);background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.9)),url(../Image/modalBackgroundImage.jpg);background-size:cover}.input-group-prepend a,.input-group-prepend button{pointer-events:none}.input-group-prepend label{background-color:#F7F7F7!important}.input-group-prepend label.btn{background-color:#999999!important}#ui-datepicker-div{z-index:1051!important}.table-striped thead tr{background-color:var(--tableHeaderBgColor);font-size:1rem;white-space:nowrap}.table-striped thead tr th:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.table-striped thead tr th:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.table-striped thead tr th.no-border-top-left-radius{border-top-left-radius:0!important}.table-striped thead tr th.no-border-bottom-left-radius{border-bottom-left-radius:0!important}.table-striped thead tr th.no-border-top-right-radius{border-top-right-radius:0!important}.table-striped thead tr th.no-border-bottom-right-radius{border-bottom-right-radius:0!important}.table-striped tbody tr:nth-of-type(2n){background-color:transparent}.table-striped tbody tr:nth-of-type(odd){background-color:transparent}.table-striped tbody tr td{color:var(--textColor);font-size:1rem;vertical-align:middle;border-bottom:1px solid var(--lightGreyColor)}.table tbody td a{margin-bottom:5px}.text-success{color:var(--greenColor)!important}.text-danger{color:var(--redColor)!important}.text-warning{color:var(--yellowColor)!important}.course a{color:black}ul.list-inline{margin-bottom:0.5rem}#InformationAccordion .card-header{background-color:transparent!important;border:none!important;padding:0!important}#InformationAccordion .card{border:none!important}#InformationAccordion .card-body{padding:0!important}#InformationAccordion .card-header h5{padding:0!important}#InformationAccordion .card-header h5>a{display:block;position:relative;text-align:left}select.form-control{}select.form-control::-ms-expand{display:none}select.form-control:-moz-focusring{color:transparent!important;text-shadow:0 0 0 var(--white)}.selectFormcontrol{position:relative;margin-bottom:5px}.csv_preview h4{margin:0;font-size:1rem;font-weight:normal!important}.csv_preview .sec1{padding:15px;background-color:#F7F7F7;border:1px solid #D8D8D8;margin-bottom:10px}.center-area{overflow-y:auto}span{color:var(--textColor)}span.spinner-border{color:white!important}hr{border-top:1px solid var(--lightGreyColor)}.btn.focus,a:active,a:focus,a:visited,btn:focus{-webkit-box-shadow:none!important;box-shadow:none!important}.image-logo{margin:0.5rem 0.5rem}.icon-menu-main{padding-top:17px}.padding-container{padding:1rem 2.5rem;margin-top:6px}.nav-item.active .nav-link-contop,.nav-link-contop:hover{color:var(--mainColorHover)}.nav-link-contop{color:white}.nav-link-contop i{font-size:35px}.nav-link-main{color:#999}.btn-profile{color:white;border:1px solid white}.btn-profile:hover{color:black;background-color:white}.btn-course-search{background-color:white}.dropdown-toggle:after{display:none!important}@media (min-width:1200px){.profile-nav-menu .dropdown-item i{display:inline!important}}@media (max-width:1023px){.btn-nav>a{border:none}}.nav-link-main>i{font-size:1.25 rem}.border-lang{border-left:1px solid #D8D8D8}.dropdown-menu>h4{font-size:1.125rem;font-weight:bold}.profile-nav{padding:15px}.dropdown-menu>.profile-nav{background-color:#FFF}.profile-nav h4{margin:0}.profile-nav>.profile-nav-menu{padding-top:20px}.profile-nav-menu>a{color:#999999}.profile-nav-menu>a>i{font-size:1.125rem}ul.profile-nav-noti li{margin-bottom:15px}.dropdown-menu .dropdown-item:hover{color:var(--mainColor)!important;cursor:pointer}.badge1{position:relative}.badge1[data-badge]:after{content:attr(data-badge);position:absolute;top:-10px;right:-10px;font-size:0.5em;font-family:"Roboto","NotoSans";background:#e74c3c;color:white;width:20px;height:20px;text-align:center;line-height:20px;border-radius:50%}.nav-link-main>img{border-radius:50%;width:50px;height:50px}.header-dashboard{max-height:80px;background-color:var(--bgColor);font-size:1.125rem;color:var(--textColor)}.dropdown-dashboard{width:280px;left:-254%;top:110%}.dropdown-dashboard p{padding:0.25rem 1.5rem;font-weight:400;text-align:inherit;white-space:nowrap;border:0}.btn{font-size:1.125rem;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.btn.icon-only{width:41px;height:41px}.btn-main-theme{background-color:var(--mainColor);color:white!important;border-radius:10px}.btn-main-theme.btn-sm{width:100px;padding:0px}.btn-main-theme.min-width{min-width:124px}.btn-main-theme.with-width{width:186px;padding:10px}.btn-main-theme:hover{background-color:var(--mainColorHover);color:white}.btn-white-theme{background-color:var(--textColor);color:var(--greyColor)!important;border-radius:10px}.btn-white-theme.with-width{width:186px;padding:10px}.btn-white-theme:hover{background-color:var(--subBgColor);color:white}.btn-main-theme-border{border:1px solid var(--mainColor);color:var(--mainColor);border-radius:10px}.text-color-main-theme{color:var(--mainColor)}.text-color-main-grey{color:#999}.btn-main-theme-border:hover{background-color:var(--mainColor);color:white}.btn-transparent-border{border-radius:6px;border:1px solid #d8d8d8;background-color:transparent;color:var(--textColor);min-width:180px;padding:10px}.btn-transparent-border.small-width{width:130px}.btn-transparent-border.non-min-width{min-width:unset;padding-left:20px;padding-right:20px}.btn-transparent-border.disabled:hover,.btn-transparent-border:disabled:hover{color:var(--textColor);border-color:#d8d8d8}.btn-transparent-border:hover{border-color:var(--mainColor);color:var(--mainColor)}.btn-transparent{border-radius:24px;background-color:transparent;color:white;min-width:180px;padding:10px}.btn-transparent.btn-sm{width:100px;padding:0px}.btn-transparent.non-min-width{min-width:unset;width:unset;padding-left:20px;padding-right:20px}.btn-transparent:hover{border-radius:24px;color:var(--mainColor)}.btn-main-theme-radius{border-radius:24px;background-color:var(--mainColor);color:white!important;width:186px;padding:10px}.btn-main-theme-radius.btn-sm{width:100px;padding:0px}.btn-main-theme-radius.non-min-width{min-width:unset;width:unset;padding-left:20px;padding-right:20px}.btn-main-theme-radius:hover{border-radius:24px;background-color:var(--mainColorHover);color:white}.btn-main-theme-border-radius{border-radius:24px;border:1px solid var(--mainColor);color:var(--mainColor);width:186px;padding:10px}.btn-main-theme-border-radius:hover{background-color:var(--mainColorHover);color:white}.btn-main-theme-border-radius.btn-sm{width:100px;padding:0px}.btn-main-theme-border-radius.non-min-width{min-width:unset;width:unset;padding-left:20px;padding-right:20px}.btn-grey-theme-radius{border-radius:24px;background-color:var(--greyColor);color:var(--subBgColor)!important;width:186px;padding:10px}.btn-grey-theme-radius.btn-sm{width:100px;padding:0px}.btn-grey-theme-radius.non-min-width{min-width:unset;padding-left:20px;padding-right:20px}.btn-grey-theme-radius:hover{border-radius:24px;background-color:var(--subBgColor);color:white!important}.btn-white-theme-radius{border-radius:24px;background-color:var(--textColor);color:var(--greyColor)!important;width:186px;padding:10px}.btn-white-theme-radius.btn-sm{width:100px;padding:0px}.btn-white-theme-radius.non-min-width{min-width:unset;padding-left:20px;padding-right:20px}.btn-white-theme-radius:hover{border-radius:24px;background-color:var(--greyColor);color:var(--textColor)!important}.btn-example-video{border-radius:24px;border:1px solid #6767AB;text-align:center;border-radius:5px;color:var(--mainColor)!important}.btn-example-video:hover{background-color:var(--mainColorHover);color:white!important}.bg-main-grey{background-color:#F7F7F7}.btn-file>span{color:#FFF!important}.fileinput-remove-button{background-color:var(--redColor)!important;border:none}.fileinput-remove-button>span{color:#FFF!important}.btn-file{background-color:#999!important;border:none}.i-down:before{content:"\f107"}.i-up:before{content:"\f106"}.dropdown-course,.dropdown-notification{width:272px;left:-145%}.dropdown-notification h4{margin-bottom:15px}.dropdown-notification .profile-nav{margin-bottom:15px}.dropdown-submenu{position:relative}.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;border-top:4px solid var(--mainColor)}.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px}.dropdown-submenu>.dropdown-item>i{font-size:1.563rem}.dropdown-submenu:hover>a:after{border-left-color:#555}.navbar{-webkit-box-shadow:0px 1px 6px rgba(0,0,0,0.1607843137);box-shadow:0px 1px 6px rgba(0,0,0,0.1607843137)}.navbar-nav .dropdown-menu{position:absolute;float:none}.navbar-nav .dropdown-menu:focus-visible{outline:none!important}@media (max-width:1200px){.header-dashboard-item{padding:0.7rem 0.8rem 0.5rem 0.7rem}.dropdown-dashboard{left:-390%}}.wrapper-contentleft{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.wrapper-contentleft .sidebar{top:0;bottom:0;left:0;-webkit-transition:all 0.3s;transition:all 0.3s;min-width:250px!important;background-color:var(--officerBgColor)}.wrapper-contentleft .sidebar.active{margin-left:-250px}.wrapper-contentleft .sidebar.collapsed{min-width:50px!important}.wrapper-contentleft .sidebar.collapsed .nav-item{display:none!important}.wrapper-contentleft .sidebar.collapsed .nav-item font{display:none!important}.wrapper-contentleft .sidebar.collapsed .collapse-button{left:34px}.wrapper-contentleft .sidebar.collapsed .collapse-button i:before{content:"\f054"!important}.wrapper-contentleft .sidebar .collapse-button{position:absolute;top:75px;left:234px;z-index:101;border-radius:100%;border:none;background-color:var(--mainColor);color:white;width:35px;height:35px;-webkit-transition:left 0.3s;transition:left 0.3s}.wrapper-contentleft .sidebar .collapse-button:hover{background-color:var(--mainColorHover)}.wrapper-contentleft .sidebar .collapse-button:focus{-webkit-box-shadow:none;box-shadow:none;outline:none}.wrapper-contentleft .sidebar .sidebar-sticky-manage{height:100%;padding-top:0.5rem;scrollbar-width:none;-ms-overflow-style:none;overflow-y:auto;overflow-x:hidden}.wrapper-contentleft .sidebar .sidebar-sticky-manage .nav-item{padding:0 10px}.wrapper-contentleft .sidebar .sidebar-sticky-manage .nav-item .nav-link{border-bottom:1px solid var(--lightGreyColor);color:var(--subtextColor);font-size:1rem;margin-right:4px;padding-right:0.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1rem 1rem}.wrapper-contentleft .sidebar .sidebar-sticky-manage .nav-item .nav-link+.nav-item-sub .nav-link{border:none!important}.wrapper-contentleft .sidebar .sidebar-sticky-manage .nav-item .nav-link+.nav-item-sub .nav-link i{margin-left:5px}.wrapper-contentleft .sidebar .sidebar-sticky-manage .nav-item .nav-link i{margin-right:5px;font-size:1.25 rem}.wrapper-contentleft .sidebar .sidebar-sticky-manage .nav-item .nav-link.active,.wrapper-contentleft .sidebar .sidebar-sticky-manage .nav-item .nav-link:hover{color:var(--textColor)}.wrapper-contentleft .sidebar .sidebar-sticky-manage::-webkit-scrollbar{display:none}.wrapper-contentleft .content-left-content{width:100%;-webkit-transition:all 0.3s;transition:all 0.3s}@media (min-width:1025px){#sidebar.active{margin-left:0}}@media (max-width:1024px){#sidebarCollapse{display:block!important}}#copyright{background-color:var(--bgColor);border-top:1px solid var(--lightdarkColor);display:block}#copyright small{color:var(--greyColor);font-size:1rem}#copyright small.divide{margin-left:5px;margin-right:5px}#copyright small a{color:var(--greyColor)}.modal-content{border:none;border-radius:10px;background-color:var(--officerBgColor)!important}.modal-header{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between;padding:25px;border-bottom:1px solid var(--greyColor);border-radius:0}.modal-header h4{font-size:1.125rem;font-weight:400;color:var(--textColor);margin:0}.modal-header a{color:var(--textColor)!important}.btn-main-White{background-color:White;color:var(--subtextColor);border-radius:10px;font-size:1.125rem}.btn-main-White:hover{background-color:var(--subtextColor);color:white}.btn-main-White.min-width{min-width:124px}.btn-main-grey{background-color:#999999;text-align:center;color:white!important;border-radius:10px}.btn-main-grey.with-width{width:186px;padding:10px}.btn-main-grey:hover{background-color:#808080;text-decoration:none;color:white!important}.slide-banner-1{left:50px;top:160px}.slide-banner-2{left:50px;top:210px}.slide-banner-3{left:50px;top:280px}.slide-banner-4{left:50px;top:340px}.ms-promo-info{font-size:2.5rem;margin:0}.ms-promo-info-in{font-size:2.5rem;margin:0}.course-filter{text-align:center}.course-filter>a{color:white!important;outline:none;font-size:1.125rem}.course-filter>a.factive,.course-filter>a:hover{text-decoration:underline!important;cursor:pointer}.filter-tab{background:-webkit-gradient(linear,left top,right top,from(rgb(108,116,199)),to(rgb(60,170,189)));background:linear-gradient(90deg,rgb(108,116,199) 0%,rgb(60,170,189) 100%)}.slick-prev{left:-10px!important}.slick-next{right:-10px!important}.slick-next:before{content:"\f105"!important}.slick-prev:before{content:"\f104"!important}.slick-next:before,.slick-prev:before{font-family:"FontAwesome"!important;font-size:35px;color:white!important;font-weight:bold}.slick-dots li.slick-active button:before{color:var(--mainColor)!important}.course-box{min-height:100px;padding:10px;border:1px solid #D8D8D8;padding:0;margin-bottom:20px}.course-content{padding:10px}.course-content>h4{font-size:1rem}.course-content>ul>li{font-size:0.938rem}.list-inline-item>a:hover{text-decoration:none}.list-inline-item>a>i.fa.fa-star,.list-inline-item>a>i.fa.fa-star-half-o,.list-inline-item>a>i.fa.fa-star-o{color:#F4C150}.brand-box{padding:40px;border:1px solid #e8e8e8;background-color:white;margin-bottom:20px}#intro{position:relative;margin-bottom:0;margin-top:15px;background:url(../Image/introbg.jpg) 100% no-repeat;background-size:cover;height:auto}.text-intro{text-align:center;padding:40px}.text-intro>h1{color:white}.head-recent>h3{text-align:center;padding-top:20px;padding-bottom:10px;font-size:1.125rem;font-weight:bold}.between-sec{border-top:15px solid #FAFAFB}.icon-recent{text-align:center;padding-top:20px;padding-bottom:20px}.icon-recent>i{font-size:80px;color:var(--mainColor)}.content-recent{text-align:center}.head-info>h3{text-align:center;padding-top:20px;padding-bottom:10px;font-size:1.313rem;font-weight:bold}.content-recent>h4{font-weight:bold;font-size:1.125rem;color:var(--mainColor)}.content-recent>p{font-size:1rem}.head-hr{width:50px;border:2px solid var(--mainColor);background-color:var(--mainColor);text-align:center;margin-top:0;margin-bottom:0}.head-hr-recent{width:60px;border:2px solid var(--mainColor);background-color:var(--mainColor);text-align:center;margin-top:0;margin-bottom:0}.news-content{margin-top:20px}.news>a{color:black}.news>a:hover{color:var(--mainColor);text-decoration:none}#header-activity,#header-course{min-height:30px;background-color:var(--mainColor)}.text-header{padding-top:20px;padding-bottom:20px;color:white}.text-header h4{margin:0;color:white}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{border-top:2px solid var(--mainColor);color:var(--textColor);font-size:1rem}.tabs .nav-tab.active,.tabs .nav-tab.show .nav-tab{border-bottom:2px solid gray;color:var(--textColor);font-size:1rem}@media (max-width:767px){[role=tablist]:not([data-tabs-mobile-type=slide-up-down]):not([data-tabs-mobile-type=accordion]){border-color:#e8e8e8}}#activityTabDesktop,#activityTabDesktop2,#content-course{padding-top:20px;margin-bottom:20px}#activityTab>.slick-list>.slick-track{padding-top:20px!important;margin-left:-40px}#activityTab>.slick-list{overflow:visible}#activityTab>.slick-list>.slick-track>li{padding:0;text-align:center}.nav-tabs>li{padding:0;text-align:center}.nav-tabs>li,.nav-tabs>li>a{color:var(--subtextColor)}.nav-link:focus{color:var(--mainColor)}#activityTab{margin-bottom:20px;border-color:var(--lightGreyColor)}#activityTabDesktop,#activityTabDesktop2{border-bottom:1px solid #D8D9D9}#activityTab>.slick-list>.slick-track{padding-top:20px!important;margin-left:-40px}#activityTab>.slick-list{overflow:visible}#activityTab>.slick-list>.slick-track li{padding:0;text-align:center}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{background-color:var(--officerBgColor)}.tabs .nav-tab.active,.tabs .nav-tab.show .nav-link{background-color:var(--officerBgColor)}#activityTab a.nav-link,#activityTabDesktop a.nav-link,#activityTabDesktop2 a.nav-link{color:var(--subtextColor);outline:none;font-size:1rem;border-top:4px solid white}#activityTab a.nav-link.active,#activityTab a.nav-link.factive,#activityTabDesktop a.nav-link.active,#activityTabDesktop a.nav-link.factive,#activityTabDesktop2 a.nav-link.active,#activityTabDesktop2 a.nav-link.factive{border-top:4px solid var(--mainColor)!important;border-right:1px solid #D8D9D9;border-left:1px solid #D8D9D9;color:var(--textColor);font-size:1rem;border-bottom:2px solid white;margin-bottom:-1px}#activityTab a.nav-link:hover,#activityTabDesktop a.nav-link:hover,#activityTabDesktop2 a.nav-link:hover{color:var(--mainColor)!important;cursor:pointer}#activityTab a.nav-link.factive,#activityTab a.show,#activityTabDesktop a.nav-link.factive,#activityTabDesktop a.show,#activityTabDesktop2 a.nav-link.factive,#activityTabDesktop2 a.show{color:var(--textColor);background-color:var(--officerBgColor)}.ul-tabs{overflow-y:hidden;margin-bottom:20px;overflow-x:auto;position:relative;white-space:nowrap;width:100%;font-size:0}.ul-tabs>.nav-tabs{display:inline-block;padding:2px;margin:0;position:relative;border-bottom:1px solid #dee2e6;top:0;left:0}.ul-tabs>.nav-tabs>li{background:unset;display:inline-block;position:relative;white-space:normal;float:none;font-size:0.875rem}.ul-tabs>.nav-tabs>li{margin-bottom:2px}.ul-tabs>.nav-tabs>li>a{display:inline;margin-right:0}.ul-tabs a.nav-link.factive{border-top:2px solid var(--mainColor)!important;color:var(--textColor);font-size:1rem}.ul-tabs a.nav-link.factive,.ul-tabs a.show{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}@media (min-width:993px){.ul-tabs>.nav-tabs{display:-webkit-box;display:-ms-flexbox;display:flex;padding:2px;margin:0;position:relative;border-bottom:1px solid #dee2e6;top:0;left:0}}.see-all{text-align:center}.see-all>a{color:black;cursor:pointer}.see-all>a:hover{color:var(--mainColor)!important;text-decoration:none}.about-course,.keyword-course,.ranking-course,.register-box,.teacher-course{min-height:50px;border:1px solid #D8D8D8;padding:20px;margin-bottom:20px}.img-qa{border-radius:50%;width:50px;height:50px}.img-teacher{border-radius:50%;width:70px;height:70px}.table-reward img{border-radius:50%;width:30px;height:30px}.era,.pg{margin-bottom:20px}.btn-key{border:1px solid #D8D8D8;text-align:center;padding:10px;border-radius:5px;color:black;margin-bottom:15px}.btn-key:hover{color:var(--mainColor);text-decoration:none}.video-course{position:relative;margin-bottom:20px}.play-btn{position:absolute;bottom:50%;right:50%;margin:0px -50px -50px 0px;color:white}.play-btn:hover{color:var(--mainColor);border-color:var(--mainColor);text-decoration:none}.play-btn>i{font-size:5em}.bg-danger{background-color:var(--redColor)!important}.progress-bar{display:-ms-flexbox;display:block;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:var(--greenColor);-webkit-transition:width 0.6s ease;transition:width 0.6s ease;height:auto;line-height:1.4}.acc-v1 .panel-heading a{display:block;font-size:1rem;font-weight:bold;padding:10px 50px 10px 15px;background:#e4e4e4;color:#000;margin-bottom:20px}.panel-body>div,.panel-body>ul{list-style:none;margin-bottom:0;margin-top:0;padding-left:10px}.panel-body ul>a{margin-bottom:20px}.panel-body ul>li{margin-bottom:15px}.a-file-download,.panel-body a{height:auto;margin-bottom:20px;color:#999}a.a-file-download{color:#999!important}a.a-file-download:hover{cursor:pointer;color:var(--mainColor)!important}.panel-body>hr{margin-top:0;margin-bottom:1rem}.panel-body a:hover,.panel-title a:hover{text-decoration:none;color:var(--mainColor)}.panel-title a>i{color:var(--greenColor)}.accordion-toggle1.collapsed:before{position:absolute;content:"\f068";font-family:FontAwesome;top:13px;left:95%}.accordion-toggle1.closed{position:relative}.accordion-toggle1.collapse:before{position:absolute;content:"\f067";font-family:FontAwesome;top:13px;left:95%}.accordion-toggle1{position:relative}.accordion-toggle1:before{position:absolute;content:"\f068";font-family:FontAwesome;top:13px;left:95%}.accordion-toggle1.collapsed{position:relative}.accordion-toggle1.collapsed:before{position:absolute;content:"\f067";font-family:FontAwesome;top:13px;left:95%}@media (max-width:768px){.accordion-toggle1.collapse:before,.accordion-toggle1.collapsed:before,.accordion-toggle1.collapsed:before,.accordion-toggle1:before{left:93%}}@media (max-width:400px){.accordion-toggle1.collapse:before,.accordion-toggle1.collapsed:before,.accordion-toggle1.collapsed:before,.accordion-toggle1:before{left:90%}}.btn-ex{border:1px solid var(--mainColor);text-align:center;border-radius:5px;color:var(--mainColor)!important}.btn-ex:hover{background-color:var(--mainColor);color:white!important;text-decoration:none}.course-detail li{color:#999999;font-size:0.938rem}.course-detail span{color:#999999;font-size:0.938rem}.course-download a{color:#999999}.course-download a:hover{color:var(--mainColor);text-decoration:none}.related-course h4{font-size:1rem;font-weight:bold}.related-course ul li{font-size:0.938rem}thead th{color:var(--textColor)}.grade-table .table>tbody tr td>i{color:white;background-color:var(--greenColor);padding:7px;border-radius:50%}.grade-table tbody tr td{color:black}.grade-table table tbody tr td{font-size:0.938rem}.grade-avg h4{font-size:1rem}.question .row,.see-all-qa .row{padding:20px}.question{border:1px solid #D8D8D8;min-height:100px;margin-bottom:20px}.img-qa{border-radius:50%;width:50px;height:50px}.comment-box{padding:10px}.qa-footer{background-color:#F7F7F7;border-top:1px solid #D8D8D8;padding:0;min-height:50px}.text-all{padding:10px}.text-all>a{color:black}.text-all>a:hover{color:var(--mainColor);text-decoration:none}.qa-footer hr{margin-top:1rem;margin-bottom:1rem}#toggle-font{color:black!important}#toggle-font:hover,.acc-v2 .panel-body ul a:hover,.acc-v2 .panel-heading a:hover{color:var(--mainColor)!important}.acc-v2 .panel-heading a{display:block;font-size:1rem;padding:10px 15px;color:#999;margin-bottom:20px;border-bottom:1px solid #e8e8e8}.acc-v2 .panel-heading img{border-radius:50%}.acc-v2 .panel-body ul{display:block;font-size:1rem;padding:10px 15px;margin-bottom:20px;background-color:#e8e8e8}.acc-v2 .panel-body ul a{color:black}.eva-modal h4{font-size:1rem;font-weight:bold}.eva-modal .eva-warning{background-color:#F7F7F7;padding:15px}.eva-modal .eva-warning span{font-size:0.938rem;color:black}.eva-modal .eva-content{margin-top:20px}.eva-question{margin-bottom:20px}.eva-question span{color:black;padding-left:1rem}.eva-content .custom-control{padding-left:2.5rem}.eva-content .custom-control-input:checked~.custom-control-label:before{color:#fff;border-color:var(--mainColor);background-color:var(--mainColor)}.btn-back-course{color:var(--textColor)}.btn-back-course:hover{color:var(--mainColor);text-decoration:underline;cursor:pointer}.btn-back-course:hover label{cursor:pointer}.learning-header{height:auto;background-color:var(--darkColor);color:var(--textColor)}.nav-link-learning{padding:20px;border:none;background-color:transparent;color:var(--textColor)}.nav-link-learning.lactive{background-color:var(--mainColor);color:white}.nav-link-learning:hover{background-color:var(--mainColor);color:white}.nav-link-learning:active,.nav-link-learning:focus,.nav-link-learning:visited{border:none}.dropdown-learning-course{width:480px;left:5px!important}@media (max-width:501px){.dropdown-learning-course{width:410px;left:5px!important}}@media (max-width:450px){.dropdown-learning-course{width:350px;left:5px!important}.dropdown-each .dropdown-menu{max-height:450px}}.dropdown-learning-course li{padding:10px;list-style-type:none}.dropdown-learning-course li a{color:#999999}.dropdown-learning-course li a:hover{color:var(--mainColor);text-decoration:none}.dropdown-learning-course li p{color:#999999;font-weight:bold}.dropdown-learning-course li div i{color:white;background-color:var(--greenColor);padding:7px;border-radius:50%}.dropdown-learning-course .course-head{color:var(--mainColor)}.dropdown-learning-course .course-head i{color:var(--mainColor)}.dropdown-learning-course .course-head a{color:var(--textColor)}.ddlmemo-list li p font.time-memo{color:var(--mainColor)}.ddlmemo-list li p font.time-memo:hover{color:var(--mainColor);cursor:pointer}.ddlmemo-list li p{font-weight:normal}.ddlmemo-list li div i{background-color:inherit;color:inherit;border-radius:inherit}.learning-question{border-bottom:1px solid #D8D8D8;padding-bottom:5px}.img-learning-qa{width:30px;height:30px;border-radius:50%}.learning-answer-col{margin-top:15px}.hr-learning-chat{padding:5px!important;background-color:#F7F7F7}.learning-answer-sub{margin-top:20px}#slider-section i{font-size:1rem;margin:10px;color:var(--textColor);padding:10px}.slide-learning-course img{width:100%;height:100%;-o-object-fit:fill;object-fit:fill}.slide-pic{width:inherit;height:inherit}.course-change i{font-size:1rem;margin:10px;border-radius:50%;background-color:#999999;color:white;padding:10px}.course-change a:hover{text-decoration:none}.carousel-sync{position:absolute;bottom:3%;left:-10%;z-index:1;padding-left:0;margin-right:15%;margin-left:15%}.gradient-bg{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.8)));background-image:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.8));height:80px;width:100%;position:absolute;bottom:0%;left:0%}.carousel-sync a{color:white}.carousel-sync a i{background-color:transparent!important;padding:10px;margin:0!important}.carousel-sync a:hover{color:var(--mainColor);text-decoration:none}.quiz-header h4{font-weight:bold}.quiz-instruct{background-color:#F7F7F7;padding:20px}.quiz-instruct span{font-size:1rem;color:black}.quiz-eachq .custom-control{padding-left:2.5rem}.quiz-eachq .custom-control-input:checked~.custom-control-label:before{color:#fff;border-color:var(--mainColor);background-color:var(--mainColor)}.quiz-eachq h4{font-weight:bold;font-size:1rem}.quiz-eachq label{font-size:1rem;color:#999999}.quiz-action a{margin-left:10px;margin-right:10px;width:120px}.pagination li:first-child a{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination li:last-child a{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination>.active>a{background-color:var(--mainColor);padding-top:10px;padding-bottom:10px;padding-left:15px;padding-right:15px;color:white}.pagination>.active:hover{color:white}.pagination>li>a{padding-top:10px;padding-bottom:10px;padding-left:15px;padding-right:15px;color:var(--textColor);background-color:transparent;border:1px solid var(--lightGreyColor)}.pagination>li>a i{font-size:0.75rem}.pagination>li>a:hover{text-decoration:none;background-color:var(--mainColor);color:white}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.modal-xxl{max-width:98%}.progress-bar-success{border-radius:20%;padding-top:5px;padding-bottom:5px}.result_content .iconmoon-complete{color:var(--greenColor);font-size:1.563rem}.result_content{margin-bottom:20px}.progress_result h4{font-weight:bold;font-size:0.938rem}.menu-area{background:white}.menu-area .dropdown-menu{padding:0;margin:0;border-top:4px solid var(--mainColor);border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important;overflow:visible!important;min-width:300px;max-width:300px}.menu-area ul li a i{font-size:1.125rem}.menu-area ul .btn-nav a{margin:12px 5px 5px 5px;padding:5px;color:var(--mainColor)}.menu-area ul .lang-ch a{padding-top:20px}.menu-area ul .btn-nav a:hover{color:white!important}.menu-area .dropdown-menu.profile-nav-courseCategory{left:-5px}.menu-area .dropdown-menu.profile-nav-newsCategory{left:-50px}.menu-area .dropdown-menu.profile-nav-noti{padding:20px}.menu-area .dropdown-menu.profile-nav-noti{left:-155px}.menu-area .dropdown-menu.profile-nav{left:-200px}.menu-area .lang-ch{border-left:1px solid #D8D8D8}.menu-area .lang-ch .dropdown-menu{min-width:80px}.menu-area .dropdown-toggle img{width:40px;height:40px;border-radius:50%}.mainmenu a,.mainmenu ul li a,.navbar-default .navbar-nav>li>a,.navbar-expand-lg .navbar-nav .nav-link{color:#999999;font-size:1rem;text-transform:capitalize;padding:7px 15px;display:block!important}.mainmenu .active a,.mainmenu .active a:focus,.mainmenu .active a:hover,.mainmenu li a:focus,.mainmenu li a:hover,.navbar-default .navbar-nav>.show>a,.navbar-default .navbar-nav>.show>a:focus,.navbar-default .navbar-nav>.show>a:hover{color:var(--mainColor);outline:0;text-decoration:none}.mainmenu .collapse ul>li:hover>a{color:var(--mainColor)}.mainmenu .collapse ul ul>li:hover>a,.navbar-default .navbar-nav .show .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .show .dropdown-menu>li>a:hover{color:var(--mainColor)}.mainmenu .collapse ul ul ul>li:hover>a{color:var(--mainColor)}.menu-area .dropdown-menu .dropdown-menu{left:-100%;top:-7%}@media (max-width:1023px){.menu-area .dropdown-menu{position:static;width:100%;min-width:100%;max-width:100%;padding-left:20px;padding-right:20px}.menu-area .dropdown-menu .dropdown-menu{position:static;width:100%;min-width:100%;max-width:100%}.menu-area .lang-ch{border-left:none}}.status-success{background-color:var(--greenColor);border:none;color:white!important;padding:5px 20px;text-align:center;text-decoration:none;display:inline-block;cursor:pointer;border-radius:16px}.status-other{background-color:#EBEBEB;border:none;color:black!important;padding:5px 20px;text-align:center;text-decoration:none;display:inline-block;cursor:pointer;border-radius:16px}.status-danger{background-color:#CB4333;border:none;color:white!important;padding:5px 20px;text-align:center;text-decoration:none;display:inline-block;cursor:pointer;border-radius:16px}.status-pill{background-color:transparent;border:1px solid var(--textColor);color:var(--textColor)!important;padding:2px 10px;text-align:center;text-decoration:none;display:inline-block;cursor:pointer;border-radius:16px;font-size:0.75rem}.ms-container{max-width:100%;width:100%!important}.ms-container span{color:black!important}.ms-container .ms-list{border-radius:0!important}.ms-container .ms-selectable li.ms-hover,.ms-container .ms-selection li.ms-hover{background-color:var(--mainColor)!important}.ms-container .ms-selectable li.ms-hover span,.ms-container .ms-selection li.ms-hover span{color:white!important}.ms-container .ms-selectable li.ms-elem-selectable,.ms-container .ms-selection li.ms-elem-selection{border:none!important;padding:10px 10px!important;color:white!important}.dropzone{min-height:300px!important;border:none!important}.dz-message i{font-size:50px}.dropzone .dz-message{margin:5em 0!important}#accordion_member_manage .card-header{background-color:transparent!important;padding:0.75rem 0!important;border-bottom:1px solid #999!important}#accordion_member_manage .card-header button{color:black;text-decoration:none}#accordion_member_manage .card-header button:hover{color:var(--mainColor)}#accordion_member_manage .card{border:none}#accordion_member_manage .card .card-body{padding-left:0!important;padding-right:0!important}#accordion_member_manage .card-header button[data-toggle=collapse]:before{font-family:FontAwesome;content:"\f107";position:absolute;left:97%}#accordion_member_manage .card-header button[data-toggle=collapse].collapsed:before{font-family:FontAwesome;content:"\f105";position:absolute;left:97%}#advance-search{margin-left:0;margin-right:0;margin-bottom:20px}.text-main-theme{color:var(--mainColor)!important;cursor:pointer}.text-main-theme:hover{text-decoration:underline!important}.text-color-theme{color:var(--textColor)!important;cursor:pointer}.text-color-theme:hover{text-decoration:underline!important}.content-news p{color:#999}.grid-boxes-news li a,.grid-boxes-news li a i{color:black}.grid-boxes-news li a:hover,.grid-boxes-news li a:hover i{color:var(--mainColor)}.note-detail{padding-top:25px!important;padding-bottom:25px!important}.note-message{width:80%}.rate2{font-size:50px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.rate2 span{color:#F4C150}.carousel-item .video-banner video{max-width:100%!important;z-index:2}.carousel-indicators{margin-left:0!important;margin-right:0!important}.carousel-indicators li{width:0.625rem;height:0.625rem;border-radius:50%;cursor:pointer;background-color:var(--mainColor);margin-bottom:0px!important}.banner-caption{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;overflow:hidden;padding-left:60px;padding-top:30px}.banner-caption div.caption-overview{width:70%;min-width:330px;color:black;line-height:1.3;margin-top:1.2vw}.banner-caption div.caption-overview div.course-detail{color:#FFF;height:80px;font-size:1.313rem;overflow:hidden;margin-top:1.2vw}.banner-caption div.caption-overview div.button-caption,.banner-caption div.caption-overview div.footer-caption{margin-top:1.2vw}.banner-caption div.caption-overview div.footer-caption{color:#FFF;font-size:1rem}.bg-caption{background-color:#000}.carousel-caption{width:100%;bottom:35%;left:5%}.carousel-caption h3{color:#FFF}.carousel-control-next,.carousel-control-prev{width:10%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2392268E' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")}.carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2392268E' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.title-course{display:none;color:black;font-size:1.125rem;height:44px;overflow:hidden}.fallback-logo-container .title-course-large{height:80px;overflow:hidden;color:#FFF}@media (max-width:767px){.banner-caption{padding-left:10px;padding-top:10px}.title-course{display:none}.image-caption img{height:50px!important}.banner-caption div.caption-overview div.course-detail{display:block;font-size:0.875rem;height:40px}.title-course-large{display:block;height:auto!important;font-size:0.938rem;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fallback-logo-container{display:block}.video-banner img{width:100%}.video-banner{max-height:600px}.video-banner img,.video-banner video{}.footer-caption{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}@media (min-width:768px) and (max-width:992px){.banner-caption{}.title-course-large{display:block;-ms-flex-item-align:end;align-self:flex-end;color:black}.fallback-logo-container{height:auto;width:70%;display:-webkit-box;display:-ms-flexbox;display:flex}.banner-caption div.caption-overview div.course-detail{color:black}.video-banner img,.video-banner video{}.banner-caption{}.video-banner{max-height:400px!important}.image-caption img{height:70px!important}.title-course-large{display:block;height:65px!important;font-size:1.125rem;font-weight:bold}}@media (min-width:992px) and (max-width:1199px){.image-caption img{height:80px!important}.title-course-large{display:block;height:53px!important;font-size:1.313rem;font-weight:bold}.banner-caption div.caption-overview,.fallback-logo-container{height:auto}}@media (min-width:1199px){.img-banner{position:relative}.banner-caption div.caption-overview,.fallback-logo-container{width:40%}.video-banner{max-height:600px!important}}.video-banner video{max-width:100%!important;z-index:2;-webkit-mask-image:-webkit-gradient(linear,left top,right top,color-stop(1%,transparent),to(white));-webkit-mask-image:linear-gradient(to right,transparent 1%,white 100%);mask-image:-webkit-gradient(linear,left top,right top,color-stop(1%,transparent),to(white));mask-image:linear-gradient(to right,transparent 1%,white 100%)}.video-banner img{max-width:100%!important;width:100%;z-index:2;-webkit-mask-image:-webkit-gradient(linear,left top,right top,color-stop(1%,transparent),color-stop(50%,white));-webkit-mask-image:linear-gradient(to right,transparent 1%,white 50%);mask-image:-webkit-gradient(linear,left top,right top,color-stop(1%,transparent),to(white));mask-image:linear-gradient(to right,transparent 1%,white 100%)}#menuTool .menuIconBelow{}#menuTool .menuIconBelow i{color:#999999;font-size:1.125rem}.account-badge{width:40px;height:40px;border-radius:50%;color:#fff!important;text-align:center;background:var(--mainColor);padding:0px!important;padding-top:6px!important;margin-top:40%;font-size:20px!important}.sidemenu .list-group-item{color:#999;font-size:1rem}.sidemenu .list-group-item.active{color:white;background-color:var(--mainColor);border:none}.sidemenu .list-group-item:hover{color:white!important;background-color:var(--mainColor)}.pointer{cursor:pointer}#menu-tog a>i{color:black!important}#menu-tog a:hover>i{color:var(--mainColor)!important}.select2-container{width:100%!important}.page-item>.question-number{border-radius:25px!important;margin-right:10px;border:1px solid transparent}.page-item>.exam-success{background-color:var(--greenColor);color:white}.page-item>.exam-success:hover{background-color:#517b13;color:white}.page-item>.exam-warning{background-color:#ffc107;color:white}.page-item>.exam-warning:hover{background-color:#ce9c06;color:white}.page-item>.exam-danger{background-color:white;border:1px solid var(--mainColor);color:black}.page-item>.exam-danger:hover{background-color:var(--mainColor);border:1px solid transparent;color:white}.page-item>.exam-notcorrect{background-color:#dc3545;border:1px solid transparent;color:white}.page-item>.exam-notcorrect:hover{background-color:#a52430;border:1px solid transparent;color:white}.page-item>.exam-active{background-color:var(--mainColor);border:1px solid transparent;color:white}.page-item>.exam-active:hover{background-color:var(--mainColorHover);color:white}.quiz-question i.iscorrect{color:white;background-color:var(--greenColor);padding:7px;border-radius:50%}.quiz-question i.notcorrect{color:white;background-color:#dc3545;padding:7px;border-radius:50%}.quiz-question i.waitcorrect{color:white;background-color:#ffc107;padding:7px;border-radius:50%}.quiz-eachq .custom-control-input:checked~.custom-control-label.iscorrect:before{color:#fff;border-color:var(--greenColor)!important;background-color:var(--greenColor)!important}.analysis-stat-box{background-color:var(--subBgColor);min-height:100px;padding-top:10px}@media (max-width:1199px){.analysis-stat-box.first-box{min-height:100px;max-height:400px!important}}.evaluation-each h4,.evaluation-header h4{font-weight:bold}.evaluation-text{margin-bottom:1rem}.badges .badge{margin:0 8px 10px 0}.badge{vertical-align:middle;padding:7px 12px;font-weight:600;letter-spacing:0.3px;border-radius:30px;font-size:0.75rem}.badge.badge-primary{background-color:var(--mainColor);margin:2px}.message-content{display:block;color:black}.chat-discussion{background:#eee;padding:15px;height:300px}.message{background-color:#fff;border:1px solid #e7eaec;text-align:left;display:block;padding:10px 20px;position:relative;border-radius:4px}.chat-message{padding:10px 20px}.activity-complete i{color:white;background-color:var(--greenColor);padding:7px;margin:12px 0px;border-radius:50%;vertical-align:middle}.activity-complete{margin-bottom:15px}.a-course-preview-action{color:#000000}.a-course-preview-action:hover{color:var(--mainColor);text-decoration:none}.h-course-preview-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ddlchat-list li div i{background-color:inherit;color:inherit;border-radius:inherit}.course-content ul,.profile-nav-courseCategory li a.cat{list-style-position:inside;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coursedetail-content{padding:10px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:-webkit-box;display:-ms-flexbox;display:flex}@media (min-width:0px) and (max-width:321px){.flip-clock-wrapper{zoom:0.85;-moz-transform:scale(0.85)}.sendAnswerBtn{text-align:center;margin-bottom:10px}}@media (min-width:322px) and (max-width:562px){.sendAnswerBtn{text-align:center}.flip-clock-wrapper{zoom:1;-moz-transform:scale(1)}}ul.dropdown-menu.dropdown-learning-course{max-width:463.69px;-webkit-transform:translate3d(-5px,64px,0px);transform:translate3d(-5px,64px,0px);overflow-x:hidden}@media (min-width:1025px){.flex-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}video{width:100%!important}.video-learning-course .plyr{height:calc(100vh - 310px)!important}.video-learning-course .plyr__video-embed,.video-learning-course .plyr__video-wrapper--fixed-ratio{width:100%!important;height:100%!important;padding-bottom:0!important}.video-learning-course .plyr__video-embed iframe{top:0!important;height:100%!important}.slide-learning-course .carousel,.slide-learning-course .carousel-inner,.slide-learning-course .gradient{height:calc(100vh - 310px)}}@media (max-width:1024px){.video-learning-course{max-width:100%!important}.slide-learning-course{max-width:100%!important}}.video-learning-course{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.video-learning-course .plyr--fullscreen-fallback{position:fixed!important;top:0;left:0;width:100vw!important;height:100vh!important;z-index:9999;background-color:black}.slide-learning-course{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.wrap-textwithdots{list-style-position:inside;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wrap-keyword{width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-show-answers-all,.btn-show-question-all{cursor:pointer}.btn-show-answers-all:hover,.btn-show-question-all:hover{color:var(--mainColor)!important}.openLecturer{cursor:pointer;color:#007bff!important}.btn-chat{padding:0.1rem 0rem;margin:0}.li-sub-activity{text-indent:10px}.li-sub-activity.video-quiz{text-indent:20px;color:#999999}.csort{border-radius:12px}.csort label,.csort span,.paragraphQuestionHeader span{color:var(--textColor)}.nav-link-learning.nav-link-disabled{pointer-events:none;opacity:0.4}.p-video-quiz-name-black{color:#212529!important}.p-video-quiz-name{text-indent:1rem;color:#999}.learning-icon-activity-infoModal i{background-color:#FFF;margin-top:0;margin-bottom:0.5rem;margin-left:0;color:#999999;text-indent:0px}.learningSideNav{height:100%;width:0;position:fixed;z-index:999;top:0;right:0;background-color:white;overflow-x:hidden;-webkit-transition:0.5s;transition:0.5s;text-align:left}@media (max-width:500px){.learningSideNav.widthOpen{width:350px}}@media (min-width:501px){.learningSideNav.widthOpen{width:480px}}.learningSideNav .headBarSide{padding-left:10px;padding-right:10px;height:60px;background-color:var(--mainColor);text-align:right}.learningSideNav .headBarSide .closebtn{color:white;font-size:36px}.learningSideNav .headBarSide .closebtn:hover{text-decoration:none;color:#999}.dropdown-learning-course{left:unset!important}.title{font-weight:bold}.profile-nav-noti li a.cat{list-style-position:inside;overflow:hidden;text-overflow:ellipsis}.profile-nav-newsCategory li a.cat{list-style-position:inside;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.owl-theme .owl-dots .owl-dot span{margin:3px 3px!important}pre.p-message-content{color:black!important}.achievement{padding-top:20px;padding-bottom:20px}.achievement-list h4{font-size:36px;font-weight:bold;margin:15px 0px}.achievement-mycourse{color:#CB4333}.achievement-certificate{color:#86BC2F}.achievement-award{color:#D6BD00}.achievement-totalScore{color:#3398DC}.achievement-list p{color:#000;font-size:1rem;font-weight:bold;margin:0px}.achievement-list span{color:#999;font-size:0.875rem;font-weight:normal;margin:0px}.achievement-list-disabled h4,.achievement-list-disabled i{opacity:0.55}.achievement-list-disabled .achievement-disabled-icon i{font-size:1.875rem;float:right;margin-right:15px;color:#999999;right:30px}.achievement-list-disabled .achievement-disabled-icon{right:30px}@media (max-width:576px){.achievement-list-disabled .achievement-disabled-icon i{font-size:1.5rem;float:right;margin-right:0px;color:#999999;right:40px}.achievement-list-disabled .achievement-disabled-icon{right:20px}}@media (max-width:767px){.achievement-list-disabled .achievement-disabled-icon i{font-size:1.5rem;float:right;margin-right:0px;color:#999999}.achievement-list-disabled .achievement-disabled-icon{right:10px}}@media (min-width:768px){.achievement-list-disabled .achievement-disabled-icon i{font-size:1.5rem;float:right;margin-right:0px;color:#999999;right:40px}.achievement-list-disabled .achievement-disabled-icon{right:20px}}@media (min-width:1000px){.achievement-list-disabled .achievement-disabled-icon i{font-size:1.875rem;float:right;margin-right:15px;color:#999999}.achievement-list-disabled .achievement-disabled-icon{right:30px}}.dashboard-section .dashboard-category{margin-top:50px}.dashboard-section .dashboard-category h4{font-size:1.125rem;font-weight:bold;color:var(--textColor)}.dashboard-section .dashboard-menu-list{background-color:var(--bgColor);border:1px solid var(--lightGreyColor);border-radius:10px;margin-bottom:2rem;min-height:350px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:-webkit-box;display:-ms-flexbox;display:flex;padding:25px}.dashboard-section .dashboard-menu-list i{font-size:80px;color:var(--mainColor)}.dashboard-section .dashboard-menu-list p{margin-top:10px;margin-bottom:0;font-size:1.125rem;color:var(--textColor);font-weight:600}.dashboard-section .dashboard-menu-list p.small{font-size:1rem!important;margin-bottom:5px!important}.dashboard-section .dashboard-menu-list span{font-size:1rem!important;color:var(--subtextColor)}.dashboard-section .dashboard-menu-list.low-height{min-height:200px}.dashboard-section .dashboard-menu-list .icon-with-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dashboard-section .dashboard-menu-list .icon-with-text i{font-size:2rem;margin-right:10px}.dashboard-section .dashboard-menu-list .icon-with-text h4{font-size:36px;margin:0}.dashboard-section .dashboard-menu-disabled .dashboard-menu-disabled-icon i{font-size:1.25rem;float:right;margin-right:15px;color:var(--greyColor)}.dashboard-section .dashboard-menu-disabled .icon-with-text,.dashboard-section .dashboard-menu-disabled i{opacity:0.5}button.disabled,button:disabled{cursor:not-allowed!important;pointer-events:none}.header-coursefilter,.keyword-div,.select-type{padding-bottom:20px}.header-coursefilter h3{color:white;font-weight:bold;font-size:1.313rem;font-weight:bold;margin-bottom:0;margin-top:10px}.course-menu-box{min-height:100px;border:1px solid #e8e8e8;padding:20px}.course-menu-box hr{margin:15px 0;border:solid 1px #f3f3f3}.course-menu-box>a>h5{color:#999;font-size:1rem}.course-menu-box>a:hover,.course-menu-box>a>h5:hover{color:var(--mainColor);text-decoration:none}.main_section_left_menu{font-size:1rem!important;background-color:var(--officerSubBgColor);height:100%}.main_section_left_menu .main_section_left_menu_header{padding:20px 30px;background-color:var(--officerBgColor);border-left:2px solid var(--officerSubBgColor)}.main_section_left_menu .main_section_left_menu_header i{color:var(--mainColor)}.main_section_left_menu .main_section_left_menu_header h4{font-size:1.125rem;font-weight:bold;margin-bottom:0;color:var(--textColor)}.main_section_left_menu .main_section_left_menu_header h4 a{color:var(--textColor);margin-left:3px}.main_section_left_menu .main_section_left_menu_header h4 i{color:var(--textColor)}.main_section_left_menu .main_section_left_menu_content{padding:20px;font-size:1.125rem}@media (max-width:500px){.main_section_left_menu .main_section_left_menu_content{padding:20px 16px}}.main_section_left_menu .main_section_left_menu_content:first-child{padding-top:0!important;padding-left:1px}.main_section_left_menu .main_section_left_menu_content .main_section_left_menu_body{background-color:var(--officerBgColor);padding:20px}.main_section_left_menu .main_section_left_menu_content .main_section_left_menu_body.max-height{min-height:100vh}.main_section_left_menu .main_section_left_menu_content .main_section_left_menu_body .header{color:var(--textColor)}.main_section_left_menu .main_section_left_menu_content .main_section_left_menu_body .content{color:var(--subtextColor)}@media (max-width:500px){.main_section_left_menu .main_section_left_menu_content .main_section_left_menu_body{padding:10px}}.course-success{border-radius:50px;background-color:var(--greenColor);color:#FFF;padding-top:0.35714rem!important;padding-bottom:0.35714rem!important;text-align:center}.course-pending{border-radius:50px;background-color:#EBEBEB;color:#000;padding-top:0.35714rem!important;padding-bottom:0.35714rem!important;text-align:center}.course-notaccept{border-radius:50px;background-color:#CB4333;color:#FFF;padding-top:0.35714rem!important;padding-bottom:0.35714rem!important;text-align:center}.course-timeout{border-radius:50px;background-color:#EBEBEB;color:#000;padding-top:0.35714rem!important;padding-bottom:0.35714rem!important;text-align:center}.progress{display:-ms-flexbox;display:-webkit-box;display:flex;height:1.9rem;overflow:hidden;font-size:0.75rem;background-color:#D8D8D8;border-radius:0rem}.progress-bar{padding-top:6px}.date-Box{color:#fff;float:left;text-align:center;background-color:var(--mainColor);margin:7px 13px 0 0;padding:15px 20px;font-family:"kanit";width:86px}.date-Box span{color:#fff;font-family:"kanit";display:block;font-size:40px!important;font-weight:bold!important;line-height:25px!important}.date-Box small{font-size:0.75rem!important;font-weight:300!important}.view_mycourse h4{font-size:1rem;font-weight:bold;color:var(--textColor)}.view_mycourse p{font-size:1rem;color:var(--textColor)}.circle-icon{background:var(--greenColor);padding:5px 5px;margin-left:auto;margin-right:auto;width:30px}.circle-icon i{color:#FFF}.learningplan-skill{margin-bottom:25px}.learningplan-skill{margin-bottom:25px}.learningplan-skill h4{margin-bottom:15px;font-size:1rem;font-weight:bold}.learningplan-skill-percent{width:70px;height:70px}.learningplan-skill-percent p{margin-top:15px;font-size:1.5rem;font-weight:bold}.learningplan-skill-detail{width:100%;padding-left:80px;padding-right:15px}.learningplan-skill-detail h4{font-size:1rem;font-weight:bold;margin:0;padding-top:5px}.learningplan-skill-detail p{font-size:0.938rem;color:#999;line-height:1.5}.bg-blue{background-color:#5485E5;color:#FFF}.bg-orange{background-color:#E2703E;color:#FFF}.bg-purple{background-color:#9065E5;color:#FFF}.bg-yellow{background-color:#E4BA2A;color:#FFF}.bg-pink{background-color:#E54594;color:#FFF}.bg-green{background-color:var(--greenColor);color:#FFF}.bg-light-gray{background-color:#F7F7F7;color:#000}.div-inline{float:left}ol{width:100%;padding-left:10px}ol#sortable1,ol#sortable2{padding-left:0px}ol.sortable,ol.sortable ol{list-style-type:none}.sortable li div{border:1px solid var(--lightGreyColor);border-radius:10px;border-color:var(--lightGreyColor) var(--lightGreyColor) var(--lightGreyColor);margin:0;padding:20px 20px;margin-bottom:15px}.placeholder{outline:1px dashed #4183C4}ol.sortable>li>div{background-color:unset}.manage-process-success{border-bottom:5px solid var(--greenColor)}.manage-process-success i{font-size:50px;color:var(--greenColor)}.manage-process-unsuccess i{font-size:50px;color:#d8d8d8}.iconmoon-complete.active{color:var(--greenColor);background-color:transparent!important}.sidebar-noti-collapse{padding:15px 20px;background-color:#F5F5F6;color:black;margin-top:5px;cursor:pointer}.label-circle{border-radius:2.25em!important}.switch{position:relative;display:inline-block;width:40px;height:25px}.switch input{opacity:0;width:0;height:0}.slider_sw{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:0.4s;transition:0.4s}.slider_sw:before{position:absolute;content:"";height:17px;width:17px;left:2px;bottom:4px;background-color:white;-webkit-transition:0.4s;transition:0.4s}input:checked+.slider_sw{background-color:var(--mainColor)}input:focus+.slider_sw{-webkit-box-shadow:0 0 1px #2196F3;box-shadow:0 0 1px #2196F3}input:checked+.slider_sw:before{-webkit-transform:translateX(17px);transform:translateX(17px)}.slider_sw.round{border-radius:34px}.slider_sw.round:before{border-radius:50%}.form-check label{margin-bottom:0px}.form-check input[type=checkbox]{position:absolute;right:9000px}.form-check input[type=checkbox]+.label-text:before{content:"\f096";font-family:"FontAwesome";speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;width:1em;display:inline-block;margin-right:5px;font-size:1.25 rem;top:1px;left:15px}.form-check input[type=checkbox]+input[type=hidden]+.label-text:before{content:"\f096";font-family:"FontAwesome";speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;width:1em;display:inline-block;margin-right:5px;font-size:1.25 rem;top:1px;left:15px}.form-check input[type=checkbox]:checked+.label-text:before{font-size:1.25 rem;content:"\f14a";color:var(--mainColor);-webkit-animation:effect 250ms ease-in;animation:effect 250ms ease-in}.form-check input[type=checkbox]:checked+input[type=hidden]+.label-text:before{font-size:1.25 rem;content:"\f14a";color:var(--mainColor);-webkit-animation:effect 250ms ease-in;animation:effect 250ms ease-in}.form-check input[type=checkbox]:disabled+.label-text{color:#aaa}.form-check input[type=checkbox]:disabled+.label-text:before{content:"\f0c8";color:#ccc}.form-check span{color:var(--textColor);font-size:1rem}.custom-control-input:checked~.custom-control-label:before{color:#fff;border-color:var(--mainColor);background-color:var(--mainColor)}.custom-radio .custom-control-input:disabled:checked~.custom-control-label:before{background-color:var(--mainColor)}.Upload-box{border:3px dashed #999;width:100%;height:300px}.u-file-attach{position:relative;overflow:hidden;cursor:pointer}.custom-file-label:after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(1.5em + 0.75rem);padding:0.375rem 0.75rem;line-height:1.5;color:#FFF;content:"Browse";background-color:#999;border-left:inherit;border-radius:0 0.25rem 0.25rem 0}#video_preview{width:560px;height:315px}.border-main-grey{border:solid 1px #D8D8D8}.div-sub{background-color:#FFF}.nav-item-sub{list-style:none;margin-top:10px;padding-left:15px}.nav-item-sub{list-style:none;margin-top:10px;padding-left:15px;display:none}.nav-item-sub.in{display:block}.pointer-move{cursor:move}@media (max-width:767px){.course-content{padding:10px;min-height:212px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:-webkit-box;display:-ms-flexbox;display:flex}}.course-content a.btn-main-White{color:#000}.course-content a.btn-main-White:hover{color:#FFF}@media (max-width:500px){.hamburger-box{width:20px!important;height:24px;display:inline-block;position:relative}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{width:30px!important;height:4px;background-color:#000;border-radius:4px;position:absolute;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:0.15s;transition-duration:0.15s;-webkit-transition-timing-function:ease;transition-timing-function:ease}}.video-banner video{-o-object-fit:fill;object-fit:fill;width:100%;height:100%}@media (min-width:992px){.video-banner video{-o-object-fit:cover;object-fit:cover;width:100%}}@media (min-width:767px){.c-h-100{height:100vh}}@media (min-width:813px){.middle-box{padding-top:50px;padding-bottom:50px}.headLogin{margin-bottom:20px}}@media (max-width:1200px){.mainmenu a,.mainmenu ul li a,.navbar-default .navbar-nav>li>a,.navbar-expand-lg .navbar-nav .nav-link{color:#999999;font-size:1rem;text-transform:capitalize;padding:5px 15px;display:block!important}}.btn{margin-bottom:10px}.News-content{padding:10px;min-height:70px;max-height:70px}.News-content>h4{font-size:1rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.News-content>ul>li{font-size:0.938rem}@media (max-width:767px){.News-content{padding:10px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:-webkit-box;display:-ms-flexbox;display:flex}}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2;margin-bottom:0px;border-radius:10px;padding-left:15px;padding-right:15px;font-size:1rem!important}#accordion_card_1 .card .card-header{cursor:pointer!important}.btn-main-White.disabled:hover,.btn-main-White:disabled:hover{color:unset!important;background-color:unset!important;cursor:not-allowed}.disabled{cursor:not-allowed!important}.pading-login{}.middle-box-header{padding-top:10px}.middle-box-header i{font-size:0.625rem}.iconmoon-size{font-size:100px}@media (max-width:812px){.pading-login{margin-top:50px;margin-bottom:50px}.headLogin{margin-bottom:10px}}.header-logo{width:180px}.login-logo{width:180px}.advanceSearchInput .input-group-append .btn{border-top-left-radius:0!important;border-bottom-left-radius:0!important}#NotiflixLoadingWrap{z-index:99999!important}.tablinks{background-color:transparent;border:none;cursor:pointer;padding:10px 20px;margin:0}.tablinks.active{border:none!important;border-bottom:2px solid #606BBD!important}.comment_area{width:100%}.time-label{color:#9B9B9B;margin-right:4px}.reply_container{color:blue}.text-align{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.image-container{position:relative;display:inline-block}.file-input-wrapper{position:absolute;top:60%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.min-h-85vh{min-height:85vh}