@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);canvas[data-v-8e7f9488]{max-width:100%;height:auto}.circle-image[data-v-d9dc1a6a]{width:60px!important;height:60px!important;border-radius:50%!important;-o-object-fit:cover!important;object-fit:cover!important}.loading-screen[data-v-efbd504e]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:2000}.loading-container[data-v-efbd504e]{display:flex;flex-direction:column;align-items:center}.loading-logo[data-v-efbd504e]{width:100px;height:auto;margin-bottom:20px}.loading-bar[data-v-efbd504e]{position:relative;width:200px;height:5px;background-color:hsla(0,0%,100%,.2);overflow:hidden;border-radius:10px}.loading-bar-inner[data-v-efbd504e]{position:absolute;height:100%;width:50%;background-color:#fff;animation:loadingAnimation-efbd504e 1.5s linear infinite}@keyframes loadingAnimation-efbd504e{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}.hover-background[data-v-21f9e29b]{display:flex;align-items:center;cursor:pointer;transition:background-color .3s ease;padding:10px;border-radius:8px}.hover-background[data-v-21f9e29b]:hover{background-color:hsla(0,0%,66%,.5)}.multiselect-component[data-v-38eed536]{width:100%;position:relative}.multiselect-container[data-v-38eed536]{display:flex;align-items:center;flex-wrap:wrap;padding:8px;border:1px solid #bbb;border-radius:8px;cursor:pointer;width:50%;height:43px;position:relative}.body-login-profile .multiselect-container[data-v-38eed536]{display:flex;align-items:center;flex-wrap:wrap;padding:8px;border:1px solid #dfdede;border-radius:8px;cursor:pointer;width:100%;height:44px;position:relative}.body-login-profile .placeholder[data-v-38eed536]{color:#0f2239;font-size:16px;margin-right:auto;font-size:14px;display:flex;min-height:auto;vertical-align:baseline;cursor:default!important;background-color:transparent!important;opacity:1!important}.body-login-profile .dropdown[data-v-38eed536]{position:absolute;background-color:#fff;border:1px solid #dfdede;border-radius:4px;width:100%;max-height:150px;overflow-y:auto;z-index:10;margin-top:4px;padding:8px}.my .multiselect-container[data-v-38eed536]{display:flex;align-items:center;flex-wrap:wrap;padding:8px;border:1px solid #dfdede;border-radius:8px;cursor:pointer;width:100%;height:44px;position:relative}.my .placeholder[data-v-38eed536]{color:#0f2239;font-size:16px;margin-right:auto;font-size:14px;display:flex;min-height:auto;vertical-align:baseline;cursor:default!important;background-color:transparent!important;opacity:1!important}.my .dropdown[data-v-38eed536]{position:absolute;background-color:#fff;border:1px solid #dfdede;border-radius:4px;width:100%;max-height:150px;overflow-y:auto;z-index:10;margin-top:4px;padding:8px}.pd .multiselect-container[data-v-38eed536]{display:flex;align-items:center;flex-wrap:wrap;padding:8px;border:1px solid #dfdede;border-radius:8px;cursor:pointer;width:100%;height:44px;position:relative}.pd .placeholder[data-v-38eed536]{color:#0f2239;font-size:16px;margin-right:auto;font-size:14px;display:flex;min-height:auto;vertical-align:baseline;cursor:default!important;background-color:transparent!important;opacity:1!important}.pd .dropdown[data-v-38eed536]{position:absolute;background-color:#fff;border:1px solid #dfdede;border-radius:4px;width:100%;max-height:150px;overflow-y:auto;z-index:10;margin-top:4px;padding:8px}.selected-items[data-v-38eed536]{display:flex;gap:8px;flex-wrap:wrap;flex:1}.selected-item[data-v-38eed536]{background-color:rgba(231,244,254,.8);color:#0f2239;padding:4px 8px;border-radius:16px;display:flex;align-items:center;font-size:14px}.remove-item[data-v-38eed536]{margin-left:4px;cursor:pointer;color:#007bff}.placeholder-and-arrow[data-v-38eed536]{display:flex;justify-content:space-between;width:100%}.placeholder[data-v-38eed536]{color:#0f2239;font-size:16px;margin-right:auto;display:flex;min-height:auto;vertical-align:baseline;cursor:default!important;background-color:transparent!important;opacity:1!important}.arrow[data-v-38eed536]{display:flex;align-items:center}.more-items[data-v-38eed536]{background-color:rgba(231,244,254,.8);color:#0f2239;font-size:14px;padding:4px 8px;border-radius:16px;margin-left:auto;margin-right:20px}.dropdown[data-v-38eed536]{position:absolute;background-color:#fff;border:1px solid #ccc;border-radius:4px;width:50%;max-height:150px;overflow-y:auto;z-index:10;margin-top:4px;padding:8px}.dropdown ul[data-v-38eed536]{list-style:none;padding:0;margin:0}.dropdown li[data-v-38eed536]{padding:8px;display:flex;align-items:center;cursor:pointer}.dropdown li.is-selected[data-v-38eed536]{background-color:rgba(231,244,254,.8)}.dropdown li input[type=checkbox][data-v-38eed536]{margin-right:8px;transform:scale(1.5)}.search-input[data-v-38eed536]{width:100%;padding:8px;margin-bottom:8px;border:1px solid #bbb;border-radius:4px}.fp[data-v-303de4e2]{display:none}.c-pointer[data-v-303de4e2]{cursor:pointer}.c-default[data-v-303de4e2]{cursor:default}.bottom-right[data-v-303de4e2]{position:absolute;bottom:10px;right:10px}.border-c[data-v-303de4e2]{border:1px solid #adaaaa}.video-wrapper-container[data-v-258aef2c]{position:relative;width:100%;max-width:560px;border-radius:20px;overflow:hidden;height:315px;margin-top:10px;margin-bottom:10px}.video-wrapper[data-v-258aef2c]{margin-top:10px;margin-bottom:10px;border-radius:20px;width:100%;height:100%}@media (max-width:768px){.video-wrapper-container[data-v-258aef2c]{border-radius:15px}}button.bg-none:hover{background-color:#e0e0e0;transition:background-color .3s ease;cursor:pointer}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:10;display:flex;align-items:center;justify-content:center;border-radius:8px}.spinner{width:40px;height:40px;border:4px solid hsla(0,0%,100%,.5);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.video-wrapper-container[data-v-5297a813]{position:relative;width:100%;max-width:560px;border-radius:20px;overflow:hidden;height:315px;margin-top:10px;margin-bottom:20px}.video-wrapper[data-v-5297a813]{margin-top:10px;margin-bottom:10px;border-radius:20px;width:100%;height:100%}@media (max-width:768px){.video-wrapper-container[data-v-5297a813]{border-radius:15px}}.image-preview-container{max-width:100%;padding:8px;border:1px solid #ddd;border-radius:8px;text-align:center}.image-preview-container img{height:auto;max-height:150px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="8px"]:before{content:"8"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="10px"]:before{content:"10"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="12px"]:before{content:"12"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="14px"]:before{content:"14"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="16px"]:before{content:"16"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="18px"]:before{content:"18"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="20px"]:before{content:"20"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="22px"]:before{content:"22"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="24px"]:before{content:"24"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="26px"]:before{content:"26"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="28px"]:before{content:"28"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="30px"]:before{content:"30"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="32px"]:before{content:"32"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="34px"]:before{content:"34"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="36px"]:before{content:"36"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="38px"]:before{content:"38"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="40px"]:before{content:"40"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="42px"]:before{content:"42"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="44px"]:before{content:"44"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="46px"]:before{content:"46"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="48px"]:before{content:"48"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="50px"]:before{content:"50"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="52px"]:before{content:"52"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="54px"]:before{content:"54"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="56px"]:before{content:"56"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="58px"]:before{content:"58"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="60px"]:before{content:"60"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="62px"]:before{content:"62"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="64px"]:before{content:"64"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="66px"]:before{content:"66"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="68px"]:before{content:"68"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="70px"]:before{content:"70"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="72px"]:before{content:"72"}.table-horizontal-container{max-width:200px;overflow-x:hidden;white-space:nowrap;cursor:grab}.table-horizontal-container:active{cursor:grabbing}.table-horizontal-container::-webkit-scrollbar{display:none}.table-horizontal-container{scrollbar-width:none}.table-horizontal-item{display:inline-block;margin-right:8px;padding:5px 10px;border-radius:15px;color:#fff}.allowed-levels-container{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center}.profile-image{width:40px;height:40px;border-radius:50%}.hover-background[data-v-641215b1]{display:flex;align-items:center;cursor:pointer;transition:background-color .3s ease;padding:10px;border-radius:8px}.hover-background[data-v-641215b1]:hover{background-color:hsla(0,0%,66%,.5)}.video-wrapper-container[data-v-fa0f815a]{position:relative;width:100%;max-width:560px;border-radius:20px;overflow:hidden;height:315px;margin-top:10px;margin-bottom:10px}.video-wrapper[data-v-fa0f815a]{margin-top:10px;margin-bottom:10px;border-radius:20px;width:100%;height:100%}@media (max-width:768px){.video-wrapper-container[data-v-fa0f815a]{border-radius:15px}}.video-wrapper-container[data-v-4fa1e3b2]{position:relative;width:100%;max-width:560px;border-radius:20px;overflow:hidden;height:315px;margin-top:10px;margin-bottom:20px}.video-wrapper[data-v-4fa1e3b2]{margin-top:10px;margin-bottom:10px;border-radius:20px;width:100%;height:100%}@media (max-width:768px){.video-wrapper-container[data-v-4fa1e3b2]{border-radius:15px}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{background:#fff;font-family:Poppins,sans-serif;width:100%}footer .row{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);width:100vw;overflow-x:hidden;overflow-y:hidden}.vertical-scroll{width:100%;overflow-x:hidden;scrollbar-color:transparent transparent}.vertical-scroll::-webkit-scrollbar{display:none}:root{--colorHijau:#06a73b;--colorRed:#f44336;--colorOrange:#fdc04e;--colorStart:#ffc300;--colorOren:#fcd980;--colorKuning:#fbff00;--colorPrimary:#001aff;--colorBG:#fbfada;--colorBlue:#4582ff;--colorGreen:#00d6d3;--colorBlack:#0f2239;--paraColor:#636363;--ratingColor:#f1cc38;--colorWhite:#fff;--colorSidebar:#9197b3;--colorUngu:#1e0342;--colorBiru:#f4f7fe;--colorBlueSide:#1c1e53;--colorBgDashboard:#ededed;--colorBgSearch:#f0f4ff;--colorBgRoom:#f4f6fc;--paraFont:"Rubik",sans-serif;--headingFont:"Montserrat",sans-serif;--box-shadow:rgba(99,99,99,.2) 0px 2px 8px 0px}.navbar{padding-top:18px!important;padding-bottom:18px!important;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out!important;animation-name:fadeInDown;animation-duration:1s}.navbar-dashboard{padding-top:20px!important;padding-bottom:20px!important;transition:none!important;animation:none!important}.navbar-nav .nav-item{display:flex;align-items:center}.nav-link.active,.navbar-nav .nav-link.active{color:var(--colorOrange)!important}.nav-link{color:inherit!important;transition:color .3s ease-in-out!important}.nav-link:hover{color:var(--colorOrange)!important}nav.transparent{background-color:hsla(0,0%,100%,.2)!important}nav.scrolled,nav.transparent{transition:background-color .3s ease!important}nav.scrolled{background-color:#fff!important;box-shadow:0 4px 8px rgba(0,0,0,.1)!important}.active-link{color:var(--colorOrange)!important}.navbar-light .navbar-nav .nav-link{margin:0 20px 0 0!important}.img-navbar{width:150px;height:40px}.custom-dropdown{min-width:75%}.offcanvas-menu{position:fixed;top:0;right:-100%;width:280px;height:100vh;background-color:#fff;box-shadow:-2px 0 5px rgba(0,0,0,.1);transition:right .3s ease-in-out;z-index:1050;padding:20px;border-radius:25px 0 0 25px}.offcanvas-menu.show-menu{right:0}.offcanvas-header{display:flex;justify-content:space-between;align-items:center}.bi-x{font-size:2rem;color:#000;cursor:pointer}.dropdown-toggle-custom .bg .dropdown-item:active{background-color:#f5f5f5!important;color:#000}.dropdown-toggle-custom .bg .dropdown-item:hover{background-color:#e9e9e9!important;color:#000}.rounded-25{border-radius:25px}.r-17{right:17%}.r-24{right:24%}.r-8{right:30%}.p-25{padding:25px}.p-30{padding:30px}.pt-13{padding-top:13px!important}.pt-18{padding-top:18px!important}.pt-20{padding-top:20px!important}.pt-55{padding-top:55px}.pt-100{padding-top:100px}.pt100{padding-top:200px}.plr{padding-left:25px!important;padding-right:25px!important;border-radius:12px!important}.mr-220{margin-right:220px}.cme-5{margin-right:20px}.me-12{margin-right:12px}.me--8{margin-right:-8px}.me-22{margin-right:22px}.me-60{margin-right:60px}.me-150{margin-right:150.5px}.cmt-1{margin-top:1px}.cmt-2{margin-top:2px}.mt-6{margin-top:6.8px}.mt-11{margin-top:11px}.mt-12{margin-top:12px}.mt-17{margin-top:17px}.mt-35{margin-top:35px}.mt-50{margin-top:50px}.mt-60{margin-top:60px}.mt-70{margin-top:70px}.mt-80{margin-top:80px}.mt-95{margin-top:95px}.mt-100{margin-top:100px}.mt--1{margin-top:-1.3px!important}.mt--3{margin-top:-3px!important}.mt--10{margin-top:-10px!important}.mt--18{margin-top:-18px}.mt--20{margin-top:-20px!important}.mt--85{margin-top:-85px}.mb--3{margin-bottom:-3px}.mb--5{margin-bottom:-5px}.mb--6{margin-bottom:-6px}.mb--20{margin-bottom:-20px}.mr--10{margin-right:-10px}.mr--25{margin-right:-25px}.mr--35{margin-right:-35px}.mt--50{margin-top:-50px}.mt--80{margin-top:-80px}.mt--100{margin-top:-100px}.cms-5{margin-left:5px}.ms-10{margin-left:10px}.ms-11{margin-left:11px}.ms--2{margin-left:-1px}.ms--8{margin-left:-8px}.ms--10{margin-left:-10px!important}.ms--15{margin-left:-15px}.ms--35{margin-left:-35px}.ms-18{margin-left:18px}.ms-24{margin-left:24px}.ms-33{margin-left:33px}.ms-42{margin-left:42px}.ms--10{margin-left:-5px}.p-6{left:6%}.text-justify{text-align:justify}.nav-item .text-left,.side .text-left{text-align:left!important}.mx-auto{margin-left:auto;margin-right:auto}.p-absolute{position:absolute}.p-relative{position:relative}.text-black{color:var(--colorBlack)}.color-orange{color:var(--colorOrange)}.color-start{color:var(--colorStart)}.text-biru-side{color:var(--colorBlueSide);font-weight:400}.text-biru-side2{color:#303030;opacity:75%}.active-sidebar{color:#303030!important;font-weight:700}.color-sidebar{color:var(--colorSidebar)!important;font-weight:500}.bg-login{background-color:#f5f7fa}.bg-progress{background-color:#c4c4c4}.bg-progress-done{background-color:var(--colorOrange)}.bg-progress-succcess{background-color:var(--colorHijau)}.bg-progress-failed{background-color:#777575}.bg-progress-progress{background-color:#3b3d74}.bg-room{background:var(--colorBgRoom);height:auto;min-height:100vh;width:100vw}.ligh{color:#999}.text-merah{color:#ff4c4c}.card-abu-muda{background-color:#f4f7fe}.fs-8{font-size:8px}.fs-10{font-size:10px}.f-12{font-size:12px!important}.fs-12{font-size:12px}.fs-14{font-size:14px}.f-13{font-size:13px!important}.fs-16{font-size:16px}.fs-17{font-size:17px}.fs-18{font-size:18px}.fs-20{font-size:20px}.fs-21{font-size:21px}.fs-24{font-size:24px}.fs-25{font-size:25px}.fs-26{font-size:26px}.fs-30{font-size:30px}.fs-36{font-size:36px}.fs-40{font-size:40px}.fs-42{font-size:42px}.fs-43{font-size:43px}.fs-45{font-size:45px}.fs-48{font-size:48px}.w-11{width:11%}.w-13{width:12%}.w-15{width:15%}.w-20{width:20%}.w-25{width:25%}.w-30{width:30%}.w-35{width:35%}.w-p40{width:40%}.w-40{width:40px}.w-58{width:58%}.w-66{width:66%}.w-78{width:78%}.w-80{width:80%}.w-87{width:87.8%}.w-94{width:94%}.w-96{width:96%}.w-110{width:110px}.w-120{width:120px}.w-130{width:130px}.w-180{width:180px!important}.w-170{width:170px}.w-310{width:310px}.w-330{width:330px}.w-250{width:250px}.w-450{width:450px}.w-500{width:500px}.w-650{width:650px}.w-800{width:800px}.w-sidebar-profil{width:auto;min-width:270px}.w-sidebar-profil2{width:auto;min-width:308px}.w-sidebar{width:auto;min-width:270px}.h-8{height:8px}.h-34{height:34px!important}.h-37{height:37px!important}.h-38{height:38px!important}.h-39{height:39px}.h-40{height:40px}.h-43{height:43px}.h-45{height:45px}.h-48{height:48px}.h-49{height:49px}.h-50{height:50px!important}.min-height-68{min-height:68vh}.h-200{height:200px}.btn-orange{background-color:var(--colorOrange)!important;color:#fff!important;border:none;padding:10px 20px;text-align:center;cursor:pointer}.btn-orange:active,.btn-orange:focus,.btn-orange:hover{background-color:#ffa600!important;color:#fff!important;border:none!important}.btn-hijau{background-color:var(--colorHijau);color:#fff;border:none;padding:0 20px;text-align:center;cursor:pointer}.btn-hijau:active,.btn-hijau:focus,.btn-hijau:hover{background-color:#048b30!important;color:#fff!important;border:none!important}.btn-putih{background-color:#fff;padding:9.4px 20px;text-align:center;cursor:pointer}.btn-putih,.btn-putih:active,.btn-putih:focus,.btn-putih:hover{color:var(--colorOrange)!important;border:1px solid var(--colorOrange)!important}.btn-putih:active,.btn-putih:focus,.btn-putih:hover{background-color:#f8f8f8!important}.btn-merah{background-color:#ff4c4c;color:#fff;border:none;padding:0 20px;text-align:center;cursor:pointer}.btn-merah:active,.btn-merah:focus,.btn-merah:hover{background-color:#ff2525!important;color:#fff!important;border:none!important}.btn-red{background-color:var(--colorRed);color:#fff;border:none;padding:0 20px;text-align:center;cursor:pointer}.btn-red:active,.btn-red:focus,.btn-red:hover{background-color:#f32719!important;border:none!important}.btn-tag{background-color:#f4f7fe;color:#303030;border:none;padding:0 20px;text-align:center;cursor:pointer}.btn-plus{width:40px;height:39px;display:flex;align-items:center;justify-content:center}.pagination{display:flex;justify-content:flex-start;gap:15px}.pagination .page-item{display:inline-block}.pagination .page-link{border-radius:10%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;background-color:#f5f5f5;color:#000;border:none}.pagination .page-item.active .page-link{background-color:#28a745;color:#fff}.pagination .page-item:not(.active) .page-link{color:#000}.pagination .page-item.disabled .page-link{background-color:transparent;color:#000;cursor:default}.pagination .page-link:hover{background-color:#e0e0e0}.button-biru{background-color:#065bcc}.pagination-circle{width:15px;height:15px;margin:0 5px;border-radius:50%;background-color:rgba(28,30,83,.4);display:inline-block;cursor:pointer;transition:background-color .3s ease}.active-circle,.pagination-circle:hover{background-color:#1c1e53}.c-border,.navbg-sa .c-border:hover,.pt .c-border:hover{border-color:#bbb;border-width:1px;border-style:solid}.search-input{position:relative}.search-input input{padding-left:2.3rem;border-radius:.5rem}.search-input .bi-search{top:50%}.search-input .bi-search,.studentsa .search-input .bi-search{position:absolute;left:.75rem;transform:translateY(-50%);color:#6c757d}.studentsa .search-input .bi-search{top:55%}.user-background .search-input input{background-color:var(--colorBgSearch);border:none;border-radius:12px!important}.user-background2 .search-input input{border-radius:12px!important}.user-background2 .search .search-input input{border-radius:8px!important}.help .search-input input{background-color:#fff}.down-input{position:relative}.down-input input{padding-left:1rem}.down-input .bi-chevron-down{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);color:#6c757d}.icon-back{position:absolute;top:35px;left:80px;font-size:24px;cursor:pointer}.icon-back i{color:#000}.icon-white{position:absolute;top:35px;left:80px;font-size:24px;cursor:pointer}.icon-white i{color:#fff}.icon-dark{position:absolute;top:35px;left:80px;font-size:24px;cursor:pointer}.icon-dark i{color:#222}.eye-icon{width:20px;height:20px}.carousel-indicators button{background-color:rgba(28,30,83,.4)!important;width:15px!important;height:15px!important;border-radius:50%!important;border:none!important;opacity:1!important}.carousel-indicators .active{background-color:#1c1e53!important;width:15px!important;height:15px!important}.garis-{text-decoration:none}.custom-shadow{box-shadow:6px 6px 10px rgba(0,0,0,.2);transition:box-shadow .3s ease-in-out}.custom-shadow:hover{box-shadow:8px 8px 15px rgba(0,0,0,.3)}.custom-shadow2{box-shadow:6px 6px 10px rgba(0,0,0,.2)}.custom-shadow2,.custom-shadow3{transition:box-shadow .3s ease-in-out}.custom-shadow3{box-shadow:3px 8px 10px rgba(0,0,0,.3)}.date{border-radius:15px;padding:5px;position:absolute;right:15px;top:210px;background-color:#d8d8d8}.password-wrapper{position:relative}.toggle-button{display:inline-flex;position:absolute;top:50%;transform:translateY(-50%);left:unset;right:12px;cursor:pointer}.dashboard input::-moz-placeholder{font-size:12px}.dashboard input::placeholder{font-size:12px}.progress-text{top:3px}.progress-text,.progress-text2{position:absolute;right:0;font-size:12px;font-weight:700;color:#1c1e53}.progress-text2{top:-17px}.modal-header{border-bottom:none!important}.modal-body{padding:0 2rem 2rem 2rem!important}.course-card{display:flex!important;align-items:center!important;padding:10px!important;border:1px solid #eaeaea!important;border-radius:8px!important;margin-bottom:10px!important;cursor:pointer;transition:background-color .3s ease}.course-card.selected,.course-card:hover{background-color:#f0f0f0!important}.course-card img{width:127.62px!important;height:77px!important;border-radius:8px!important;margin-right:15px!important}.course-card h5{margin:0!important}.enroll-btn{background-color:#28a745!important;color:#fff!important;padding:10px 30px!important;border:none!important;border-radius:8px!important;font-size:16px!important}.course-list{max-height:185px;overflow-y:auto;position:relative}.course-list::-webkit-scrollbar{width:10px}.course-list::-webkit-scrollbar-track{background:#f1f1f1}.course-list::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.course-list::-webkit-scrollbar-thumb:hover{background:#555}.cs .modal-dialog{max-width:600px!important}.scroll-icon{position:absolute;right:5px;bottom:5px;z-index:1}.custom-title{font-size:22px!important}.custom-button,.custom-small-text,.custom-text{font-size:14px!important}.custom-button{width:180px;margin:5px;border-radius:10px;margin-bottom:30px;background-color:#0d92f4!important}.custom-button :active,.custom-button :focus,.custom-button :hover{background-color:#0095ff!important}.custom-button2{width:200px;margin:5px;border-radius:10px;font-weight:medium}.modal.fade.show{display:block;opacity:1;background-color:rgba(0,0,0,.5)}.table tbody tr td{border-bottom:none}.star-rating{direction:rtl;display:inline-block}.star-rating input[type=radio]{display:none}.star-rating label{font-size:4.6em;color:#ddd;cursor:pointer}.star-rating input[type=radio]:checked~label,.star-rating label:hover,.star-rating label:hover~label{color:#f5b301}.custom-feedback{width:80%;padding:10px;margin-top:2px;border:1px solid #bbb;border-radius:10px;font-size:12px}.custom-feedback:focus{border-color:#bbb;outline:none}.custom-feedback::-moz-placeholder{font-size:12px;color:#aaa}.custom-feedback::placeholder{font-size:12px;color:#aaa}.text-start,.text-start2{text-align:left;display:block;font-weight:500;font-size:15px}.text-start2{margin-left:45px}.custom-button{padding:10px 20px;font-size:1.2em;margin:10px}.title-custom{margin-bottom:-30px;margin-top:20px;font-size:22px!important}.file-upload{border-color:#bbb;border-width:1px;border-style:solid;border-radius:10px;padding:40px;text-align:center;cursor:pointer}.file-upload .icon{font-size:48px;color:#343a40;margin-bottom:10px}.profil-mobile{width:40px;height:40px;margin-right:10px}.asigg{background-color:#e9e9e9;position:absolute;margin-top:-5px;height:10%}.dp{display:none}.db{display:block}.navdua.navbar-blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:-webkit-backdrop-filter .3s ease;transition:backdrop-filter .3s ease;transition:backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease;z-index:997}.side .sidebar{position:fixed;top:15px;left:0;width:400px;height:98.4%;background-color:#fff;z-index:1000;border-radius:0 15px 15px 0;display:flex}.side .sidebar-content{padding:20px;width:100%}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;float:right}.overlay-blur{position:fixed;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,65%,.3);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:998}.fp{display:none}.fw-500{font-weight:500}.posisi-profil{font-weight:100;display:block;margin-top:-5px}.side .nav-link:hover{color:var(--colorBlueSide)!important}.bg-biru{background-color:#f4f7fe}.user-background,.user-background2{background:var(--colorBgDashboard);height:auto;min-height:100vh;width:100vw}.navdua .navbar{background-color:#fff;height:80px;z-index:1000}#sidebar{position:fixed;top:80px;left:0;height:calc(100% - 80px);width:280px;background-color:#fff;transition:width .3s ease;z-index:100}#sidebar.collapsed{width:70px}#sidebar.collapsed a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#sidebar ul{padding:0;list-style-type:none;margin-top:20px}#sidebar ul li a{color:#fff;text-decoration:none}#sidebar ul li a.active{color:#000}#sidebar ul li a span{opacity:1;transform:translateX(0);transition:opacity .3s ease,transform .3s ease}#sidebar.collapsed ul li a span{opacity:0;transform:translateX(-20px);transition:opacity .3s ease,transform .3s ease}#sidebar ul li a .icon{transition:transform .3s ease}#sidebar.collapsed ul li a .icon{transform:scale(1.2)}#sidebar-course{position:fixed;top:80px;left:0;height:calc(100% - 80px);width:300px;background-color:#fff;transition:width .3s ease;z-index:100;overflow-y:auto;scrollbar-color:transparent transparent}#sidebar-course::-webkit-scrollbar{display:none}#sidebar-course ul{padding:0;list-style-type:none;margin-top:20px}.side #sidebar-course{position:fixed;top:95px;left:0;height:calc(100% - 95px);width:390px;background-color:#fff;transition:width .3s ease;z-index:1000;overflow-y:auto;scrollbar-color:transparent transparent}.toggle{font-size:24px;color:#000;margin-right:2px}#content{margin-left:240px}#content,#room{transition:margin-left .3s ease;padding:20px}#room{margin-left:300px;margin-top:80px}#content.collapsed{margin-left:60px}#side-menu{cursor:pointer;position:absolute;top:14px}.profile-section2{justify-content:flex-start}.profile-section,.profile-section2{display:flex;align-items:center;padding-right:20px}.profile-section{justify-content:flex-end}.profile-section img{height:40px;width:40px;border-radius:50%;margin-right:10px}.profile-name{color:#000;margin-right:10px}.dropdown-menu a{color:#000}.otp-field{flex-direction:row;-moz-column-gap:25px;column-gap:25px;display:flex;align-items:center;justify-content:center}.otp-field input{height:50px;width:65px;border-radius:6px;outline:none;font-size:1.125rem;text-align:center;border:1px solid #ddd}.otp-field input:focus{box-shadow:0 1px 0 rgba(0,0,0,.1)}.otp-field input::-webkit-inner-spin-button,.otp-field input::-webkit-outer-spin-button{display:none}.otp-field input.filled{border:2px solid #007dea}.footer,.resend{font-size:12px}.footer{position:absolute;bottom:10px;right:10px;color:#000;text-align:right;font-family:monospace}.footer a{color:#000;text-decoration:none}.sd .menu-header{display:flex;justify-content:space-between;align-items:center;padding:15px}.sd .menu-logo-text{font-size:25px;font-weight:300;top:13px;left:25px;position:absolute}.side.collapsed .menu-logo-text,.side.collapsed .menu-text{display:none}#colors-example-2{width:100%}#colors-example-2 .column{--color:#f2efff}#colors-example-2 .column td{border-radius:5px;margin-bottom:10px;margin:3px!important}.month-labels{display:flex;justify-content:space-between;margin-top:10px;font-size:12px}.month-labels span{flex:1;text-align:center;font-size:10px;font-weight:500;opacity:75%}.navbar .dropdown-toggle-custom .bg{background-color:#fff!important}.navdua .dropdown-toggle-custom:active,.navdua .dropdown-toggle-custom:focus,.navdua .dropdown-toggle-custom:hover{background-color:#e9e9e9!important}.dropdown-toggle-custom{border:none;padding:10px 20px;cursor:pointer}.dropdown-toggle-custom:active,.dropdown-toggle-custom:focus,.dropdown-toggle-custom:hover{background-color:#e9e9e9!important}.dropdown-toggle-custom2{background-color:var(--colorBgSearch);border:none;padding:10px 20px;border-radius:9px!important}.dropdown-toggle-custom2:active,.dropdown-toggle-custom2:focus,.dropdown-toggle-custom2:hover{background-color:var(--colorBgSearch)!important}.dropdown-menu{border-radius:10px}.dropdown-toggle:after{display:none}.size-profil{width:220px;height:220px}hr.custom-line{border:none;height:3px;background-color:#000;margin-top:-32px;margin-bottom:-5px;font-weight:700}.cd__intro{padding:60px 30px;margin-bottom:15px;flex-direction:column}.cd__credit,.cd__intro{display:flex;width:100%;justify-content:center;align-items:center;background:#fff;color:#333;line-height:1.5;text-align:center}.cd__intro h1{font-size:18pt;padding-bottom:15px}.cd__intro p{font-size:14px}.cd__action{text-align:center;display:block;margin-top:20px}.cd__action a.cd__btn{text-decoration:none;color:#666;border:2px solid #666;padding:10px 15px;display:inline-block;margin-left:5px}.cd__action a.cd__btn:hover{background:#666;color:#fff;transition:.3s;-webkit-transition:.3s}.cd__action .cd__btn:before{font-family:FontAwesome;font-weight:400;margin-right:10px}.down:before{content:"\f019"}.back:before{content:"\f112"}.cd__credit{padding:12px;font-size:9pt;margin-top:40px}.cd__credit span:before{font-family:FontAwesome;color:#e41b17;content:"\f004"}.cd__credit a{color:#333;text-decoration:none}.cd__credit a:hover{color:#1dbf73}.cd__credit a:hover:after{font-family:FontAwesome;content:"\f08e";font-size:9pt;position:absolute;margin:3px}.cd__main{background:#fff;padding:20px;flex-direction:row;flex-wrap:wrap;justify-content:center;display:flex;width:100%}.bg-faq-isi{position:relative;height:auto;width:96%;background-color:#f4f7fe;box-shadow:0 2px 2px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.1)}.no-spinner::-webkit-inner-spin-button,.no-spinner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.no-spinner[type=number]{-moz-appearance:textfield}.fixed-dropdown{position:fixed;z-index:2000!important;background-color:#e9e9e9!important;min-width:150px!important;border:1px solid #ddd!important;border-radius:4px!important}.pointer{cursor:pointer}@media (min-width:769px){.toggle .navbar-toggler{display:none}}@media (max-width:779px){#content{margin-left:0;transition:margin-left .3s ease}.overview .container{padding:0;width:100%;max-width:none}.overview .fs-24{font-size:18px}.overview .table-responsive .fs-16{font-size:12px}.overview .table-responsive .fs-12{font-size:10px}.mycourse .fs-24{font-size:18px}.mycourse .fs-16{font-size:12px}.mycourse .table-responsive .fs-12{font-size:10px}.editpw .container{padding:0;width:100%;max-width:none}.editpw .fs-40{font-size:24px}.editpw .fs-16,.editpw input{font-size:12px}.help .container,.mycourse .container{padding:0;width:100%;max-width:none}.help .fs-40{font-size:24px}.help .fs-16{font-size:12px}.help .fs-12{font-size:10px}.help input,.help textarea{font-size:13px}.help .w-25{width:35%!important}}@media only screen and (min-width:1360px){.cd__main{max-width:1280px;margin-left:auto;margin-right:auto;padding:24px}}@media screen and (min-width:992px){.mf--45{margin-left:-45px}}@media screen and (min-width:2560px){.banner .fs-42{font-size:63px}.banner .fs-18{font-size:27px}.banner .cmt-48{margin-top:48px!important}.banner .cmt-40{margin-top:20px!important}.bg-pie .chart-container{position:relative;width:330px;height:330px;margin:auto;border-radius:50%;background-color:#fff;border:1px solid #f4f4f4}.dc .dc-height{height:1555px!important;padding-top:30px!important;width:2510px!important;margin-left:-855px!important}}@media screen and (max-width:2800px){.banner{height:100vh;width:100vw}.second-banner{position:relative;height:655px;width:99.7%;background-color:#f4f7fe}.hide-on-small{position:absolute;bottom:55px;right:200px;width:400px;height:auto}.s-image{height:400px;width:530px}.custom-footer{width:250px;margin:0 0 0 240px}.posisi{position:absolute;margin-top:60px;left:12%}.border-left{border-left:1.5px solid #c5c5c5}.cborder-bottom{border-bottom:none!important}.ms-30{margin-left:97px}.bg-pie .chart-container{position:relative;width:330px;height:330px;margin:auto;border-radius:50%;background-color:#fff;border:1px solid #f4f4f4}.dc .dc-height{height:1248px!important;padding-top:30px!important;width:1675px!important;margin-left:-415px!important}}@media screen and (max-width:1922px){.banner{height:100vh;width:100vw}.second-banner{position:relative;height:460px;width:99.7%;background-color:#f4f7fe}.hide-on-small{position:absolute;bottom:45px;right:80px;width:400px;height:auto}.s-image{height:300px;width:430px}.custom-footer{width:250px;margin:0 0 0 220px}.posisi{position:absolute;margin-top:60px;left:15%}.border-left{border-left:1.5px solid #c5c5c5}.cborder-bottom{border-bottom:none!important}.logo-about{position:absolute;bottom:20px;right:150px;width:330px;height:280px}.ms-30{margin-left:97px}.banner .fs-18{font-size:18px}.banner .fs-42{font-size:42px}.banner .cmt-40,.banner .cmt-48{margin-top:0!important}.bg-pie .chart-container{position:relative;width:330px;height:330px;margin:auto;border-radius:50%;background-color:#fff;border:1px solid #f4f4f4}.dc .dc-height{height:748px!important;padding-top:30px!important;width:1258px!important;margin-left:-208px!important}}.second-banner{background-color:#f4f7fe}@media screen and (max-width:1740px){.banner{height:100vh;width:100vw}.second-banner{position:relative;height:420px;width:99.7%;background-color:#f4f7fe}.hide-on-small{position:absolute;bottom:25px;right:90px;width:400px;height:auto}.s-image{height:310px;width:440px}.custom-footer{width:250px;margin:0 0 0 200px}.posisi{position:absolute;margin-top:60px;left:16%}.border-left{border-left:1.5px solid #c5c5c5}.cborder-bottom{border-bottom:none!important}.logo-about{position:absolute;bottom:20px;right:150px;width:330px;height:280px}.ms-30{margin-left:97px}.bg-pie .chart-container{position:relative;width:330px;height:330px;margin:auto;border-radius:50%;background-color:#fff;border:1px solid #f4f4f4}.dc .dc-height{height:595px!important;width:1040px!important;margin-left:-112px!important;height:648px!important;padding-top:30px!important;width:1115px!important;margin-left:-148px!important}}@media screen and (max-width:1600px){.banner{height:100vh;width:100vw}.second-banner{position:relative;height:420px;width:99.7%;background-color:#f4f7fe}.hide-on-small{position:absolute;bottom:25px;right:90px;width:400px;height:auto}.s-image{height:310px;width:440px}.custom-footer{width:250px;margin:0 0 0 180px}.posisi{position:absolute;margin-top:60px;left:16%}.border-left{border-left:1.5px solid #c5c5c5}.cborder-bottom{border-bottom:none!important}.logo-about{position:absolute;bottom:20px;right:150px;width:330px;height:280px}.ms-30{margin-left:95px}.bg-pie .chart-container{position:relative;width:328px;height:328px;margin:auto;border-radius:50%;background-color:#fff;border:1px solid #f4f4f4}.dc .dc-height{height:605px!important;padding-top:30px!important;width:1045px!important;margin-left:-113px!important}}@media screen and (max-width:1440px){.tf__banner{height:auto;min-height:680px!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;position:relative}.banner{height:100vh;width:100vw}.second-banner{position:relative;height:420px;width:99.7%;background-color:#f4f7fe}.hide-on-small{position:absolute;bottom:30px;right:90px;width:400px;height:auto}.s-image{height:310px;width:440px}.custom-footer{width:250px;margin:0 0 0 140px}.posisi{position:absolute;margin-top:60px;left:15%}.border-left{border-left:1.5px solid #c5c5c5}.cborder-bottom{border-bottom:none!important}.logo-about{position:absolute;bottom:20px;right:60px;width:330px;height:280px}.ms-30{margin-left:80px}.bg-pie .chart-container{position:relative;width:280px;height:280px;margin:auto;border-radius:50%;background-color:#fff;border:1px solid #f4f4f4}.dc .dc-height{height:535px!important;padding-top:30px!important;width:930px!important;margin-left:-45px!important}}@media screen and (max-width:1400px){.dc .dc-height{height:480px!important;padding-top:30px!important;width:100%!important;margin-left:0!important}.tf__banner{min-height:680px!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;position:relative}.banner{height:100vh;width:100vw}.second-banner{position:relative;height:420px;width:99.7%;background-color:#f4f7fe}.hide-on-small{position:absolute;bottom:30px;right:80px;width:400px;height:auto}.s-image{height:300px;width:430px}.custom-footer{width:250px;margin:0 0 0 120px}.ms-100{margin-left:140px}.border-left{border-left:1.5px solid #c5c5c5}.cborder-bottom{border-bottom:none!important}.logo-about{position:absolute;bottom:30px;right:83px;width:330px;height:280px}.date{border-radius:15px;padding:5px!important;position:absolute;right:20px;top:176px!important;background-color:#d8d8d8}.ms-30{margin-left:68px}}@media screen and (max-width:1340px){.bg-pie .chart-container{position:relative;width:238px;height:238px;margin:auto;border-radius:50%;background-color:#fff;border:1px solid #f4f4f4}}@media screen and (max-width:1240px){.bg-pie .chart-container{position:relative;width:230px;height:230px;margin:auto;border-radius:50%;background-color:#fff;border:1px solid #f4f4f4}}@media screen and (max-width:1208px){.room .student .w-20{width:28%}.size-profil{width:200px;height:200px}.student .my-3 .w-15{width:19%}}@media screen and (max-width:1200px){.banner{height:100vh;width:100vw}.second-banner{position:relative;height:450px;width:99%;background-color:#f4f7fe}.hide-on-small{position:absolute;bottom:-17px;right:0;width:400px;height:auto}.border-left{border-left:1.5px solid #c5c5c5}.cborder-bottom{border-bottom:none!important}.date{border-radius:15px;padding:5px!important;position:absolute;right:20px;top:144px!important;background-color:#d8d8d8}.ms-30{margin-left:58px}.dc-teacher p{margin-left:30px}.size-profil{width:200px;height:200px}.bg-pie .chart-container{position:relative;width:205px;height:205px;margin:auto;border-radius:50%;background-color:#fff;border:1px solid #f4f4f4}}@media screen and (max-width:1100px){.bg-pie .chart-container{position:relative;width:190px;height:190px;margin:auto;border-radius:50%;background-color:#fff;border:1px solid #f4f4f4}}@media screen and (max-width:1024px){.banner{height:100vh;width:100vw}.second-banner{position:relative;height:630px;width:99%;background-color:#f4f7fe}.hide-on-small{position:absolute;bottom:-17px;right:0;width:400px;height:auto}.dc-teacher p{margin-left:70px}.size-profil{width:160px;height:160px}.overview .chart-container .text-overlay .fs-24{font-size:18px}.overview .chart-container .text-overlay .f-13{font-size:7px}.bg-pie .chart-container{position:relative;width:170px;height:170px;margin:auto;border-radius:50%;background-color:#fff;border:1px solid #f4f4f4}}@media screen and (max-width:992px){.w-350{width:380px}nav.scrolled,nav.transparent{background-color:#fff!important;transition:background-color .3s ease}nav.transparent{background-color:hsla(0,0%,100%,.2)!important;transition:background-color .3s ease!important}.cmt-4{margin-top:25px}.cmx-4{padding:10px 5px 10px 15px}.p-10{padding:0 15px 0 0}.ms-30{margin-left:45px}.date{border-radius:10px;padding:3px!important;position:absolute;right:5px;top:100px!important;background-color:#d8d8d8;font-size:11px}.w-170{width:150px}.room .student .w-20{width:30%}.s-image{height:250px;width:380px}.bg-pie .chart-container{position:relative;width:160px;height:160px;margin:auto;border-radius:50%;background-color:#fff;border:1px solid #f4f4f4}}@media screen and (min-width:769px) and (max-width:992px){.hide-on-small{position:absolute;bottom:100px;right:150px;width:400px;height:auto}.banner .cbtn{position:absolute;right:250px;bottom:40px}}@media screen and (max-width:930px){.size-profil{width:140px;height:140px}.bg-pie .chart-container{position:relative;width:150px;height:150px;margin:auto;border-radius:50%;background-color:#fff;border:1px solid #f4f4f4}}@media screen and (max-width:850px){.size-profil{width:120px;height:120px}.bg-pie .chart-container{position:relative;width:130px;height:130px;margin:auto;border-radius:50%;background-color:#fff;border:1px solid #f4f4f4}}@media screen and (max-width:820px){.bg-pie .chart-container{position:relative;width:110px;height:110px;margin:auto;border-radius:50%;background-color:#fff;border:1px solid #f4f4f4}}@media screen and (max-width:794px){.bg-pie .chart-container{position:relative;width:70px;height:70px;margin:auto;border-radius:50%;background-color:#fff;border:1px solid #f4f4f4}}@media screen and (max-width:1250px){.ms--35{margin-left:0}}@media screen and (max-width:769px){#contentsa,#contentte{margin-left:0!important;transition:margin-left .3s ease;padding:0!important}.nav-sa .container-fluid,.nav-te .container-fluid{display:none}.add .mt--50{margin-top:0}}@media screen and (min-width:769px){.nav-sa .kosong,.nav-sa .lg,.nav-te .kosong,.nav-te .lg{display:none}}.bs-toast{top:60px;left:36%;z-index:1500}.bg-light-success{background-color:#28a745!important}.bg-light-error{background-color:#e42a2a!important}#contentsa{margin-left:266px;transition:margin-left .3s ease;padding:20px 3px 20px 20px}#contentsa.collapsed{margin-left:60px}.navbg-sa .ul ul{list-style-type:none;padding-left:0;margin-left:0}.navbg-sa .platform{display:inline-block;width:80px}.c-close{margin-top:-30px!important;margin-right:-10px!important}.navbg-sa{background:#f9f9f9;height:auto;min-height:100vh}.nav-sa .navbar{background-color:#fff;height:80px;z-index:1000}#sidebarsa{position:fixed;top:80px;left:0;height:calc(100% - 80px);width:280px;background-color:#fff;transition:width .3s ease;z-index:100;overflow-y:scroll}#sidebarsa::-webkit-scrollbar{display:none}#sidebarsa{scrollbar-width:none}#sidebarsa.collapsed{width:70px}#sidebarsa.collapsed a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#sidebarsa ul{padding:0;list-style-type:none;margin-top:20px}#sidebarsa ul li a{color:#fff;text-decoration:none}#sidebarsa ul li a.active{color:#000}#sidebarsa ul li a span{opacity:1;transform:translateX(0);transition:opacity .3s ease,transform .3s ease}#sidebarsa.collapsed ul li a span{opacity:0;transform:translateX(-20px);transition:opacity .3s ease,transform .3s ease}#sidebarsa ul li a .icon{transition:transform .3s ease}#sidebarsa.collapsed ul li a .icon{transform:scale(1.2)}.sd .menu-text-sa{font-size:25px;font-weight:300;top:13px;left:18px;position:absolute}.side.collapsed .menu-text-sa{display:none}.font-weight-500{font-weight:500}.sidebar-sa .color-sidebar{height:50px;padding-top:6px}.sidebar-sa .color-sidebar,.sidebar-sa .color-sidebar2{color:#303030!important;font-weight:500}.sidebar-sa .nav-link:hover{color:#0d92f4!important}.sidebar-sa .active-sidebar{background-color:#e7f4fe;height:50px;padding-top:6px}.sidebar-sa .active-sidebar,.sidebar-sa .active-sidebar2{color:#0d92f4!important;font-weight:500}.sd .menu-logo-sa{font-size:25px;font-weight:300;top:13px;left:25px;position:absolute}.side.collapsed .menu-logo-sa,.side.collapsed .menu-text{display:none}.r-13{right:13%}.dashboard-sa .pagination{display:flex;justify-content:flex-start;gap:15px}.dashboard-sa .pagination .page-item{display:inline-block}.dashboard-sa .pagination .page-link{border-radius:10%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;background:none;color:#000;border:none}.dashboard-sa .pagination .page-item.active .page-link{background-color:#0d92f4;color:#fff}.dashboard-sa .pagination .page-item:not(.active) .page-link{color:#000}.dashboard-sa .pagination .page-item.disabled .page-link{background-color:transparent;color:#000;cursor:default}.dashboard-sa .pagination .page-link:hover{background-color:#a8a8a8}.body-login-admin{background-size:cover;background-repeat:no-repeat;background-position:50%;background-attachment:fixed;position:relative;height:auto;min-height:100vh;width:100%;background-color:#f4f7fe;display:flex;justify-content:center;align-items:center}.bg-login-admin{background-color:#fff}.body-login-profile{background-size:cover;background-repeat:no-repeat;background-position:50%;background-attachment:fixed;position:relative;height:auto;min-height:100vh;width:100%;background-color:#f4f7fe;display:flex}.btn-biru{background-color:#0d92f4!important;color:#fff!important;border:none;padding:0 20px;text-align:center;cursor:pointer}.btn-biru:active,.btn-biru:focus,.btn-biru:hover{background-color:#0095ff!important;color:#fff!important;border:none!important}.btn-history{background-color:#06a73b}.btn-history,.btn-trash{font-size:20px;height:35px;width:35px;color:#fff}.btn-trash{background-color:red}.btn-eye{background-color:#a8a8a8}.btn-edit,.btn-eye{font-size:20px;height:35px;width:35px;color:#fff}.btn-edit{background-color:#0095ff}.btn-download{font-size:20px;background-color:#28a745;height:35px;width:35px;color:#fff}.btn-border,.btn-border:active,.btn-border:focus,.btn-border:hover{border-color:#bbb;border-width:1px;border-style:solid}.navbg-sa .hidden{display:none}.navbg-sa .modal-backdrop{background-color:rgba(0,0,0,.3)}.navbg-sa .modal-content{background-color:#fff}.navbg-sa .custom-table{border-radius:16px;overflow:hidden}.navbg-sa .table-custom .dropdown-menu{margin-right:17px!important;background:#e9e9e9}.navbg-sa .thead-custom{background-color:#d8d8d8!important}.navbg-sa .thead-custom th,.navbg-sa .thead-custom tr{background-color:#e9e9e9!important;border-bottom:#a8a8a8;height:45px}.navbg-sa .table-custom tr:last-of-type td{background-color:#e9e9e9!important;padding:5px!important}.navbg-sa .table-custom thead{background-color:#d8d8d8!important;color:#fff}.navbg-sa .custom-modal{max-width:500px;width:100%}.navbg-sa .custom-modal-sosmed{max-width:600px;width:100%}.navbg-sa .custom-pagination .page-link{height:30px;width:30px;line-height:15px;font-size:15px}.navbg-sa .table-custom{border-radius:16px;overflow:hidden}.navbg-sa .table-custom thead{border-top-left-radius:16px;border-top-right-radius:16px;overflow:hidden}.navbg-sa .table-custom th{border:none}.navbg-sa .table-custom td{border-top:1px solid #a8a8a8}.navbg-sa .table-custom tbody tr td:first-child,.navbg-sa .table-custom tbody tr td:last-child,.navbg-sa .table-custom tbody tr td:nth-child(2){border-right:none}.navbg-sa .pagination{margin:0}.w-1{width:1px}.w-10{width:10px}.w-150{width:150px}.w-200{width:200px}.w-350{width:350px}.w-400{width:400px}.w-750{width:750px}.image-tabel-sa{width:55px;height:55px}.bg-none{background:none}.bordersa{border:1px solid #bbb}.terms .modal-body{padding:0 2rem 0 2rem!important}.terms .modal{display:none}.terms .modal.show{display:block}.terms .modal-footer{min-height:75px}.terms .tinggi{max-height:300px;overflow-y:auto;overflow-x:hidden}.dashboard-sa .gap-4 .pointer{cursor:pointer;transition:background-color .3s,opacity .3s,color .3s;position:relative;color:#000}.dashboard-sa .gap-4 .active-tab{color:#0d92f4}.dashboard-sa .gap-4 label{transition:color .3s ease}.biru .gap-4 .active-tab,.dashboard-sa .gap-4 label:hover{color:#0d92f4}.biru .gap-4 label{transition:color .3s ease}.biru .gap-4 label:hover{color:#0d92f4}.border-spasi{border:1px dashed #ccc;border-style:dashed;border-width:1.7px}.date-range-input-container{position:relative}.date-range-icon{position:absolute;right:25px;top:50%;transform:translateY(-50%);color:#aaa;font-size:15px;pointer-events:none}.profil-teacher{width:100px;height:100px}.cbg-card,.cbg-card2{background-color:#fff}.cbg-card2{border-radius:10px}.hidden{display:none}.img-teacher{max-height:100px;max-width:150px;display:block}.cpointer{cursor:pointer}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter,.fade-leave-to{opacity:0}.navbg-sa .ds .card{box-shadow:0 2px 3px rgba(0,0,0,.1),0 1px 4px rgba(0,0,0,.1)}.da .hover-card{position:relative;overflow:hidden}.da .download-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;color:#fff;background-color:rgba(0,0,0,.5);padding:75px 65px 75px 65px;display:none;cursor:pointer}.da .hover-card:hover .download-icon{display:block}.ans #checkbox1:checked{background-color:#ff4c4c;border-color:#ff4c4c}.ans #checkbox1:focus{box-shadow:0 0 0 .25rem rgba(255,76,76,.25)}.ans #checkbox1:checked+.form-check-label:before{color:#fff}.ans #checkbox2:checked{background-color:#28a745;border-color:#28a745}.ans #checkbox2:focus{box-shadow:0 0 0 .25rem rgba(40,167,69,.25)}.ans #checkbox2:checked+.form-check-label:before{color:#fff}.ans #checkbox3:checked{background-color:#28a745;border-color:#28a745}.ans #checkbox3:focus{box-shadow:0 0 0 .25rem rgba(40,167,69,.25)}.ans #checkbox3:checked+.form-check-label:before{color:#fff}.ans #checkbox4:checked{background-color:#28a745;border-color:#28a745}.ans #checkbox4:focus{box-shadow:0 0 0 .25rem rgba(40,167,69,.25)}.ans #checkbox4:checked+.form-check-label:before{color:#fff}.ans .bg-danger,.ans .bg-danger:checked{background-color:#ff4c4c!important;border-color:#ff4c4c!important}.ans .bg-success,.ans .bg-success:checked{background-color:#28a745!important;border-color:#28a745!important}.dashboard-sa .modul .dynamic-input{width:500px!important;max-width:500px!important;transition:width .3s ease!important}.dashboard-sa .modul .dynamic-input:focus{width:500px!important}.dashboard-sa .modul input:focus{outline:none;box-shadow:.1px}.dashboard-sa .modul .text-container{display:inline-block;max-width:500px;overflow-x:auto;white-space:nowrap;cursor:pointer;scrollbar-width:none;-ms-overflow-style:none}.dashboard-sa .modul .text-container::-webkit-scrollbar{display:none}.table-custom tr:hover,.table-custom tr:hover td{background-color:#eee;transition:background-color .3s ease}#contentte{margin-left:270px;transition:margin-left .3s ease;padding:20px}#contentte.collapsed{margin-left:60px}.navbg-te .ul ul{list-style-type:none;padding-left:0;margin-left:0}.navbg-te .platform{display:inline-block;width:80px}.navbg-te{background:#f9f9f9;height:auto;min-height:100vh;width:100vw}.nav-te .navbar{background-color:#fff;height:80px;z-index:1000;border-bottom:1px solid #bbb}.tc .gap-4 .active-tab{color:#0d92f4}#sidebarte{position:fixed;top:80px;left:0;height:calc(100% - 80px);width:280px;background-color:#fff;transition:width .3s ease;z-index:100;border-right:1px solid #bbb;overflow-y:scroll}#sidebarte::-webkit-scrollbar{display:none}#sidebarte{scrollbar-width:none}#sidebarte.collapsed{width:70px}#sidebarte.collapsed a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#sidebarte ul{padding:0;list-style-type:none;margin-top:20px}#sidebarte ul li a{color:#fff;text-decoration:none}#sidebarte ul li a.active{color:#000}#sidebarte ul li a span{opacity:1;transform:translateX(0);transition:opacity .3s ease,transform .3s ease}#sidebarte.collapsed ul li a span{opacity:0;transform:translateX(-20px);transition:opacity .3s ease,transform .3s ease}#sidebarte ul li a .icon{transition:transform .3s ease}#sidebarte.collapsed ul li a .icon{transform:scale(1.2)}.sd .menu-text-te{font-size:25px;font-weight:300;top:13px;left:18px;position:absolute}.icon{font-size:24px;color:#000;margin-right:13px}.side.collapsed .menu-text-te{display:none}.toggle-teacher{font-size:24px;color:#fff;margin-right:2px}.sidebar-te .color-sidebar{height:50px;padding-top:6px}.sidebar-te .color-sidebar,.sidebar-te .color-sidebar2{color:#303030!important;font-weight:500}.sidebar-te .nav-link:hover{color:#0d92f4!important}.sidebar-te .active-sidebar{background-color:#e7f4fe;height:50px;padding-top:6px}.sidebar-te .active-sidebar,.sidebar-te .active-sidebar2{color:#0d92f4!important;font-weight:500}.sd .menu-logo-te{font-size:25px;font-weight:300;top:13px;left:25px;position:absolute}.side.collapsed .menu-logo-te,.side.collapsed .menu-text{display:none}#toggle-btn{cursor:pointer;position:absolute;top:8px;right:10px;color:#fff;background:none;border:none}.bg-blok{height:100vh}.navbg-teacher{background:#f9f9f9;height:auto;min-height:100vh;width:100vw}.dashboard-teacher .gap-4 .pointer{cursor:pointer;transition:background-color .3s,opacity .3s,color .3s;position:relative;color:#000}.dashboard-teacher .gap-4 .active-tab{color:#0d92f4}.navbg-teacher .ds .card,.navbg-teacher .lvl .card,.navbg-teacher .pw .card{box-shadow:0 2px 3px rgba(0,0,0,.1),0 1px 4px rgba(0,0,0,.1)}.navbg-teacher .custom-table{border-radius:16px;overflow:hidden}.navbg-teacher .table-custom .dropdown-menu{margin-right:17px!important;background:#e9e9e9}.navbg-teacher .thead-custom{background-color:#d8d8d8!important}.navbg-teacher .thead-custom th,.navbg-teacher .thead-custom tr{background-color:#e9e9e9!important;border-bottom:#a8a8a8;height:45px}.navbg-teacher .table-custom tr:last-of-type td{background-color:#e9e9e9!important;padding:5px!important}.navbg-teacher .table-custom thead{background-color:#d8d8d8!important;color:#fff}.navbg-teacher .custom-modal{max-width:500px;width:100%}.navbg-teacher .custom-modal-sosmed{max-width:600px;width:100%}.navbg-teacher .table-custom{border-radius:16px;overflow:hidden}.navbg-teacher .table-custom thead{border-top-left-radius:16px;border-top-right-radius:16px;overflow:hidden}.navbg-teacher .table-custom th{border:none}.navbg-teacher .table-custom td{border-top:1px solid #a8a8a8}.navbg-teacher .table-custom tbody tr td:first-child,.navbg-teacher .table-custom tbody tr td:last-child,.navbg-teacher .table-custom tbody tr td:nth-child(2){border-right:none}.navbg-teacher .pagination{margin:0}.body-login-profile .custom-table{border-radius:16px;overflow:hidden}.body-login-profile .thead-custom{background-color:#d8d8d8!important}.body-login-profile .thead-custom th,.body-login-profile .thead-custom tr{background-color:#e9e9e9!important;border-bottom:#a8a8a8;height:45px}.body-login-profile .table-custom tr:last-of-type td{background-color:#e9e9e9!important;height:43px!important}.body-login-profile .table-custom thead{background-color:#d8d8d8!important;color:#fff}.body-login-profile .custom-modal{max-width:500px;width:100%}.body-login-profile .custom-modal-sosmed{max-width:600px;width:100%}.body-login-profile .table-custom{border-radius:16px;overflow:hidden}.body-login-profile .table-custom thead{border-top-left-radius:16px;border-top-right-radius:16px;overflow:hidden}.body-login-profile .table-custom th{border:none}.body-login-profile .table-custom td{border-top:1px solid #a8a8a8}.body-login-profile .table-custom tbody tr td:first-child,.body-login-profile .table-custom tbody tr td:last-child,.body-login-profile .table-custom tbody tr td:nth-child(2){border-right:none}.body-login-profile .modal-backdrop{background-color:rgba(0,0,0,.3)!important}.my .custom-table{border-radius:16px;overflow:hidden}.my .thead-custom{background-color:#d8d8d8!important}.my .thead-custom th,.my .thead-custom tr{background-color:#e9e9e9!important;border-bottom:#a8a8a8}.my .table-custom tr:last-of-type td{background-color:#e9e9e9!important;height:41px!important}.my .table-custom thead{background-color:#d8d8d8!important;color:#fff}.my .custom-modal{max-width:500px;width:100%}.my .custom-modal-sosmed{max-width:600px;width:100%}.my .table-custom{border-radius:16px;overflow:hidden}.my .table-custom thead{border-top-left-radius:16px;border-top-right-radius:16px;overflow:hidden}.my .table-custom th{border:none}.my .table-custom td{border-top:1px solid #a8a8a8}.my .table-custom tbody tr td:first-child,.my .table-custom tbody tr td:last-child,.my .table-custom tbody tr td:nth-child(2){border-right:none}.my .modal-backdrop{background-color:rgba(0,0,0,.3)!important}.navbg-teacher .pagination{display:flex;justify-content:flex-start;gap:15px}.dashboard-teacher .pagination .page-item{display:inline-block}.navbg-teacher .pagination .page-link{border-radius:10%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;background:none;color:#000;border:none}.navbg-teacher .pagination .page-item.active .page-link{background-color:#0d92f4;color:#000}.navbg-teacher .pagination .page-item:not(.active) .page-link{color:#000}.navbg-teacher .pagination .page-item.disabled .page-link{background-color:transparent;color:#000;cursor:default}.navbg-teacher .pagination .page-link:hover{background-color:#a8a8a8}.navbg-teacher .custom-pagination .page-link{height:30px;width:30px;line-height:15px;font-size:15px}.navbg-teacher .tc .tooltip{position:absolute!important;bottom:100%!important;left:50%!important;transform:translateX(-50%)!important;background-color:#656668!important;color:#fff!important;border-radius:4px!important;white-space:nowrap!important;visibility:hidden!important;opacity:0!important;transition:opacity .2s!important;z-index:10!important;margin-left:20px!important;margin-bottom:5px!important;font-size:12px!important;font-weight:400!important}.navbg-teacher .tc td:hover .tooltip{visibility:visible!important;opacity:1!important}.navbg-teacher .tc .tooltip:after{margin-left:-25px!important;border-color:#656668 transparent transparent transparent!important}.reminder-student{background-color:#3b82f6}.reminder-rating,.reminder-student{width:15px;height:15px;margin-right:5px}.reminder-rating{background-color:#fdc04e}.reminder-student-sa{width:15px;height:15px;background-color:#7ed321;margin-right:5px}.reminder-teacher-sa{width:15px;height:15px;background-color:#f5a623;margin-right:5px}.reminder-overview{width:50px;height:50px;background-color:#3b82f6;padding:3px;text-align:center}.studentteacher .search-input .bi-search{position:absolute;top:55%;left:.75rem;transform:translateY(-50%);color:#6c757d}.navbg-teacher .modal-backdrop{background-color:rgba(0,0,0,.3)}.bg-biruu{background-color:#f4f7fd}.navbg-teacher .c-border:hover{border-color:#bbb;border-width:1px;border-style:solid}.dashboard-teacher .modul .dynamic-input{width:500px!important;max-width:500px!important;transition:width .3s ease!important}.dashboard-teacher .modul .dynamic-input:focus{width:500px!important}.dashboard-teacher .modul input:focus{outline:none;box-shadow:none}.dashboard-teacher .modul .text-container{display:inline-block;max-width:500px;overflow-x:auto;white-space:nowrap;cursor:pointer;scrollbar-width:none;-ms-overflow-style:none}.dashboard-teacher .modul .text-container::-webkit-scrollbar{display:none}