.text-dark[data-v-31cc9972]{color:#fff!important}.root-div[data-v-31cc9972]{margin-left:7%;margin-top:5%}@media only screen and (max-width:1501px){.root-div[data-v-31cc9972]{margin-left:10%;margin-right:-10%}}@media only screen and (max-width:1440px){.root-div[data-v-31cc9972]{margin-left:14%}}@media only screen and (max-width:1401px){.root-div[data-v-31cc9972]{margin-right:-7%}}@media only screen and (max-width:1351px){.root-div[data-v-31cc9972]{margin-left:17%;margin-right:-4%}}@media only screen and (max-width:1311px){.root-div[data-v-31cc9972]{margin-right:-2%}}@media only screen and (max-width:991px){.root-div[data-v-31cc9972]{margin-left:0;margin-top:10%;margin-bottom:40px}}@media only screen and (max-width:1201px){.welcome[data-v-31cc9972]{margin-left:15%}div.label-span.pk[data-v-31cc9972]{margin-left:7rem}}@media only screen and (max-width:1140px){.welcome[data-v-31cc9972]{margin-left:20%}div.label-span.pk[data-v-31cc9972]{margin-left:9rem}}@media only screen and (max-width:1140px){.welcome[data-v-31cc9972]{margin-left:25%}div.label-span.pk[data-v-31cc9972]{margin-left:11rem}}@media only screen and (max-width:991px){.welcome[data-v-31cc9972]{margin-left:2%}div.label-span.pk[data-v-31cc9972]{margin-left:5%}}@media only screen and (max-width:478px){.welcome[data-v-31cc9972]{font-size:1.3rem;margin-top:15px}}@media only screen and (max-width:420px){.welcome[data-v-31cc9972]{font-size:1.2rem}}@media only screen and (max-width:380px){.welcome[data-v-31cc9972]{font-size:1.1rem}}.class-data[data-v-31cc9972]{background:var(--bg-card);border-radius:10px;padding:15px;margin-right:20px;font-family:DMSans Bold}@media only screen and (max-width:991px){.class-data[data-v-31cc9972]{min-height:221px}}.class-data img[data-v-31cc9972]{width:64px;height:64px}.class-data h2[data-v-31cc9972]{margin-top:10px;margin-bottom:15px}.class-data p[data-v-31cc9972]{color:var(--dark-white-100);font-size:16px}.menu-group[data-v-31cc9972]{display:flex;vertical-align:middle;margin-bottom:30px;width:40%}@media only screen and (max-width:991px){.menu-group[data-v-31cc9972]{width:80%}}.menu-group button[data-v-31cc9972]{flex:1 1 auto;text-align:center;padding-top:23px;padding-bottom:10px;background:transparent;color:var(--dark-white-60);font-family:DMSans;font-style:normal;font-weight:500;font-size:16px;border-color:rgba(33,54,77,.1);border-top-style:none}.menu-group button[data-v-31cc9972]:focus{outline:none}.menu-group button.active[data-v-31cc9972],.menu-group button[data-v-31cc9972]:hover{color:var(--purple-100);border-bottom:2px solid var(--purple-100);transition:all .3s}.menu-group button[data-v-31cc9972]:not(:first-child){margin-left:-1px}.menu-group button[data-v-31cc9972]:first-child{border-left-style:none}.menu-group button[data-v-31cc9972]:last-child{border-right-style:none}h4[data-v-31cc9972]{font-family:DMSans;color:#fff}.label-span[data-v-31cc9972],label[data-v-31cc9972]{font-family:DMSans;font-size:20px;font-weight:700;color:#fff;margin-left:1rem;margin-top:1rem;text-align:left}@media only screen and (min-width:991px){.div-sertif[data-v-31cc9972]{display:none}}.sertifikat[data-v-31cc9972]{background:var(--bg-card);padding:15px;border-radius:15px;min-height:280px}.sertifikat img[data-v-31cc9972]{border-radius:10px;width:100%}.sertifikat p[data-v-31cc9972]{color:var(--dark-white-80);line-height:20px}.sertifikat h6[data-v-31cc9972]{font-family:DMSans Bold;color:var(--dark-white-80)}.skeleton[data-v-31cc9972]{width:85%}.btn-webinar[data-v-31cc9972]{font-family:DMSans Medium;height:60%;padding:12px;font-size:16px;line-height:20px;color:#fff;width:100%;margin-top:20px}.div-action[data-v-31cc9972]{margin-left:auto;margin-top:1rem;margin-right:1rem;font-family:DMSans;font-size:1rem;font-weight:700;color:var(--purple-60);cursor:pointer}@media(min-width:992px){.div-action[data-v-31cc9972]{display:none}}.custom-btn-materi[data-v-31cc9972]{width:70%!important;margin-left:56px!important}@media only screen and (max-width:1351px){.custom-btn-materi[data-v-31cc9972]{width:80%!important;margin-left:39px!important}}@media only screen and (max-width:1191px){.custom-btn-materi[data-v-31cc9972]{width:80%!important;margin-left:26px!important}}@media only screen and (max-width:991px){.custom-btn-materi[data-v-31cc9972]{width:100%!important;margin-left:0!important}}.btn-materi[data-v-31cc9972]{font-family:DMSans Medium;height:45px;margin-top:15px;padding:12px;font-size:16px;margin-left:30px;line-height:20px}@media(max-width:1201px){.btn-materi[data-v-31cc9972]{height:70%;margin-top:10px;padding:5px;font-size:15px;margin-left:0;line-height:16px}}@media only screen and (max-width:1080px){.btn-materi[data-v-31cc9972]{margin-right:0}}@media(max-width:992px){.btn-materi[data-v-31cc9972]{margin-top:0;margin-left:0}}@media(max-width:768px){.btn-materi[data-v-31cc9972]{width:115%;padding:10px}}@media(max-width:500px){.btn-materi[data-v-31cc9972]{font-size:15px}}.centang-ijo[data-v-31cc9972]{height:22px;width:22px;background:#00bb83;border-radius:50px;display:flex;justify-content:center;align-items:center;margin-right:7px;margin-top:2px}.centang-ijo .fa-check[data-v-31cc9972]{color:#fff;font-size:14px}.profile-complete-skeleton[data-v-31cc9972]{text-align:center;padding:30px;width:100%;border-radius:12px;margin-bottom:30px;display:inline-flex}@media(max-width:500px){.profile-complete-skeleton[data-v-31cc9972]{padding:30px 10px}}.profile-complete[data-v-31cc9972]{text-align:center;background:linear-gradient(90deg,#9320e0,#24aaf6 130%);padding:30px;font-family:Rubik;font-style:normal;font-weight:500;font-size:13px;width:100%;border-radius:12px;margin-bottom:30px;display:inline-flex}@media(max-width:500px){.profile-complete[data-v-31cc9972]{padding:30px 10px}}.profile-complete .yuk[data-v-31cc9972]{text-align:left;font-family:DMSans Medium;color:#fff;margin-right:20px}@media(max-width:768px){.profile-complete .yuk[data-v-31cc9972]{display:none}}.profile-complete .div-progress-mobile[data-v-31cc9972]{margin-right:40px}@media(max-width:500px){.profile-complete .div-progress-mobile[data-v-31cc9972]{margin-right:30px}}@media(max-width:401px){.profile-complete .div-progress-mobile[data-v-31cc9972]{margin-right:10px}}@media(max-width:381px){.profile-complete .div-progress-mobile[data-v-31cc9972]{margin-left:-15px}}@media(max-width:361px){.profile-complete .div-progress-mobile[data-v-31cc9972]{margin-left:-20px}}.profile-complete .yuk-mobile[data-v-31cc9972]{text-align:left;font-family:DMSans Medium;color:#fff;margin-right:20px;width:120%}@media(max-width:446px){.profile-complete .yuk-mobile[data-v-31cc9972]{width:130%}}@media(max-width:768px){.profile-complete .yuk-mobile h6[data-v-31cc9972]{font-size:15px}}@media(max-width:463px){.profile-complete .yuk-mobile h6[data-v-31cc9972]{font-size:13px}}.profile-complete .ml-w[data-v-31cc9972]{width:130%;margin-left:-20px;margin-top:10px}@media(max-width:380px){.profile-complete .ml-w[data-v-31cc9972]{margin-left:-5px;margin-left:0}}.profile-complete .progress-flex[data-v-31cc9972]{display:flex;width:140%}@media(max-width:445px){.profile-complete .progress-flex[data-v-31cc9972]{width:130%}}@media(max-width:415px){.profile-complete .progress-flex[data-v-31cc9972]{width:120%}}@media(max-width:390px){.profile-complete .progress-flex[data-v-31cc9972]{width:110%}}.profile-complete .robot-hi[data-v-31cc9972]{margin-left:-60px;margin-bottom:-60px}@media(max-width:768px){.profile-complete .robot-hi[data-v-31cc9972]{display:none}}@media(min-width:768px){.profile-complete .robot-hi[data-v-31cc9972]{margin-bottom:-58px}}.profile-complete .robot-hi img[data-v-31cc9972]{height:80%}.profile-complete .robot-hi-mobile[data-v-31cc9972]{margin-left:-60px;margin-bottom:-60px}@media(max-width:500px){.profile-complete .robot-hi-mobile[data-v-31cc9972]{width:50%;margin-left:-40px;margin-bottom:-58px}}@media(max-width:478px){.profile-complete .robot-hi-mobile[data-v-31cc9972]{margin-left:-50px;margin-bottom:-72px}}@media(max-width:432px){.profile-complete .robot-hi-mobile[data-v-31cc9972]{margin-left:-50px;margin-bottom:-89px}}@media(max-width:381px){.profile-complete .robot-hi-mobile[data-v-31cc9972]{margin-left:-43px;margin-bottom:-118px}}.profile-complete .robot-hi-mobile img[data-v-31cc9972]{height:80%}@media(max-width:478px){.profile-complete .robot-hi-mobile img[data-v-31cc9972]{height:70%}}@media(max-width:432px){.profile-complete .robot-hi-mobile img[data-v-31cc9972]{height:60%}}@media(max-width:380px){.profile-complete .robot-hi-mobile img[data-v-31cc9972]{height:50%}}.profile-complete .robot-hi-mobile-incomplete[data-v-31cc9972]{margin-left:-60px;margin-bottom:-60px}@media(max-width:500px){.profile-complete .robot-hi-mobile-incomplete[data-v-31cc9972]{width:50%;margin-left:-40px;margin-bottom:-58px}}@media(max-width:478px){.profile-complete .robot-hi-mobile-incomplete[data-v-31cc9972]{margin-left:-50px;margin-bottom:-76px}}@media(max-width:432px){.profile-complete .robot-hi-mobile-incomplete[data-v-31cc9972]{margin-left:-50px;margin-bottom:-99px}}@media(max-width:401px){.profile-complete .robot-hi-mobile-incomplete[data-v-31cc9972]{margin-left:-40px}}@media(max-width:381px){.profile-complete .robot-hi-mobile-incomplete[data-v-31cc9972]{margin-left:-43px;margin-bottom:-132px}}.profile-complete .robot-hi-mobile-incomplete img[data-v-31cc9972]{height:80%}@media(max-width:478px){.profile-complete .robot-hi-mobile-incomplete img[data-v-31cc9972]{height:70%}}@media(max-width:432px){.profile-complete .robot-hi-mobile-incomplete img[data-v-31cc9972]{height:60%}}@media(max-width:380px){.profile-complete .robot-hi-mobile-incomplete img[data-v-31cc9972]{height:50%}}.profile-complete .mobile-menu[data-v-31cc9972]{display:inline-flex}@media(min-width:768px){.profile-complete .mobile-menu[data-v-31cc9972]{display:none}}@media(max-width:768px){.profile-complete .desktop-menu[data-v-31cc9972]{display:none}}.profile-complete .user-foto[data-v-31cc9972]{display:flex;align-items:center;color:#21364d;width:60px;height:40px;min-width:30px;border-radius:50px;overflow:initial!important;margin-right:20px}@media(max-width:500px){.profile-complete .user-foto[data-v-31cc9972]{width:50px}}.profile-complete .user-foto img[data-v-31cc9972]{width:100%;border-radius:50px}.profile-complete .progress-number[data-v-31cc9972]{font-style:normal;font-weight:700;font-size:20px;line-height:19px;color:#fff;flex:0 0 50px;margin-left:20px;margin-top:15px;margin-right:10px}.profile-complete button[data-v-31cc9972]{font-family:DMSans Medium}@media(max-width:768px){.profile-complete button[data-v-31cc9972]{display:none}}.profile-complete .btn-profile-mobile[data-v-31cc9972]{cursor:pointer;height:42px;width:47px;background:#fff;border-radius:50px;display:flex;justify-content:center;align-items:center;margin-left:40px;margin-top:20px}@media(min-width:768px){.profile-complete .btn-profile-mobile[data-v-31cc9972]{display:none}}@media(max-width:500px){.profile-complete .btn-profile-mobile[data-v-31cc9972]{margin-right:20px}}@media(max-width:480px){.profile-complete .btn-profile-mobile[data-v-31cc9972]{height:34px}}@media(max-width:420px){.profile-complete .btn-profile-mobile[data-v-31cc9972]{margin-left:30px}}@media(max-width:410px){.profile-complete .btn-profile-mobile[data-v-31cc9972]{margin-left:20px}}.profile-complete .btn-profile-mobile .fa-angle-right[data-v-31cc9972]{font-family:DMSans;font-style:normal;font-weight:700;font-size:30px;line-height:17px;color:#717e8d}.profile-complete .progress[data-v-31cc9972]{flex:1;background:#f1f1f1;border-radius:6px}.empty-progress[data-v-31cc9972]{font-family:DMSans;color:var(--dark-white-100);text-align:center;font-size:1.5rem}.progress-belajar[data-v-31cc9972]{min-height:auto;width:100%;background:var(--bg-card);border-radius:10px;box-shadow:0 10px 20px rgba(0,0,0,.1);text-align:center;margin:20px auto 10px auto;font-weight:700;padding:10px 30px}@media only screen and (max-width:1201px){.progress-belajar[data-v-31cc9972]{min-height:80px;width:85%;margin-left:95px}}@media only screen and (max-width:1140px){.progress-belajar[data-v-31cc9972]{width:80%;margin-left:130px}}@media only screen and (max-width:1080px){.progress-belajar[data-v-31cc9972]{width:75%;margin-left:160px}}@media only screen and (max-width:991px){.progress-belajar[data-v-31cc9972]{width:100%;margin-left:0}}.progress-belajar .progress-group[data-v-31cc9972]{text-align:left;line-height:.7}.progress-belajar .progress-group span[data-v-31cc9972]{font-size:16px;color:#717e8d}@media(max-width:450px){.progress-belajar .progress-group span[data-v-31cc9972]{font-size:14px}}@media(max-width:391px){.progress-belajar .progress-group span[data-v-31cc9972]{font-size:13px}}@media(max-width:371px){.progress-belajar .progress-group span[data-v-31cc9972]{font-size:12px}}.progress-belajar .progress-group .bar-style[data-v-31cc9972]{height:.5rem;border-radius:1.5rem}.progress-belajar .w140[data-v-31cc9972]{width:140%}.progress-belajar .h45[data-v-31cc9972]{height:45px}.progress-belajar .h55[data-v-31cc9972]{height:55px}.progress-belajar .progress[data-v-31cc9972]{background-color:var(--dark-white-20)}.progress-belajar .skor-ujian[data-v-31cc9972]{text-align:left;color:#fff;margin-top:20px;width:50%}@media only screen and (max-width:1201px){.progress-belajar .skor-ujian[data-v-31cc9972]{width:70%}}.progress-belajar .skor-ujian .skor[data-v-31cc9972]{font-family:DMSans Bold;font-size:1rem}.progress-belajar .skor-ujian .name[data-v-31cc9972]{font-family:DMSans;font-size:.8rem}.progress-belajar button[data-v-31cc9972]{font-family:DMSans Medium;width:80%}@media only screen and (max-width:991px){.progress-belajar button[data-v-31cc9972]{margin-top:20px}}.skor-button[data-v-31cc9972]{display:inline-flex}@media(max-width:992px){.skor-button[data-v-31cc9972]{margin-bottom:10px}}.ig[data-v-31cc9972]{text-align:left}@media(max-width:992px){.ig[data-v-31cc9972]{line-height:80px}}@media(max-width:461px){.ig[data-v-31cc9972]{line-height:50px}}.ig img[data-v-31cc9972]{width:100%;border-radius:10px}@media(min-width:992px)and (max-width:1201px){.ig img[data-v-31cc9972]{width:150%;margin-left:-15px}}@media(max-width:768px){.ig img[data-v-31cc9972]{width:140%}}@media(max-width:461px){.ig img[data-v-31cc9972]{width:170%}}@media(max-width:401px){.ig img[data-v-31cc9972]{width:200%}}@media(max-width:381px){.ig img[data-v-31cc9972]{width:240%}}.progress-wrap[data-v-31cc9972]{border:1px solid rgba(33,54,77,.1);border-radius:12px;text-align:left;height:-moz-max-content;height:max-content;padding:7px 10px}.progress-wrap h6[data-v-31cc9972]{font-family:DMSans;color:#6f757f;font-weight:700}.class-status[data-v-31cc9972]{margin-right:auto;font-family:DMSans;font-size:.8rem}.value[data-v-31cc9972]{margin-left:auto;color:#717e8d}.value .percent[data-v-31cc9972]{margin-left:-10px}.selesai[data-v-31cc9972]{display:inline-flex;margin-left:-20px}@media(max-width:992px){.selesai[data-v-31cc9972]{margin-left:10px;margin-top:10px}}.selesai img[data-v-31cc9972]{max-width:30px;margin-right:5px}.selesai span[data-v-31cc9972]{font-size:18px}@media(max-width:992px){.hide-progress[data-v-31cc9972]{display:none}}.lihat-semua[data-v-31cc9972]{float:right}@media(max-width:991px){.lihat-semua[data-v-31cc9972]{display:none}}.lihat-semua[data-v-31cc9972]:hover{cursor:pointer}.lihat-semua span[data-v-31cc9972]{color:#717e8d;font-family:DMSans Medium;font-size:20px;margin-right:10px}@media screen and (min-width:991px){.title[data-v-31cc9972]{min-height:38.4px}}.title h5[data-v-31cc9972]{font-family:DMSans,sans-serif;font-size:1rem;font-weight:700;color:#fff;text-align:left}@media(max-width:992px){.title[data-v-31cc9972]{margin-top:30px;min-height:60px}.title h5[data-v-31cc9972]{font-size:1.3rem}}@media(max-width:500px){.title h5[data-v-31cc9972]{font-size:1rem}}@media(max-width:461px){.title[data-v-31cc9972]{margin-top:5px;margin-left:15px;min-height:50px}}.b-calendar[data-v-31cc9972]{background-color:var(--bg-card);color:#fff;margin-top:40px}@media(max-width:1199px){.b-calendar[data-v-31cc9972]{width:250px}}@media(max-width:992px){.b-calendar[data-v-31cc9972]{display:none}}.jadwal-webinar[data-v-31cc9972]{height:auto;width:115%;background:var(--bg-card);border-radius:10px;margin:20px auto 10px auto;font-weight:700;padding:10px}@media(max-width:1501px){.jadwal-webinar[data-v-31cc9972]{width:106%}}@media(max-width:1441px){.jadwal-webinar[data-v-31cc9972]{width:111%}}@media(max-width:1401px){.jadwal-webinar[data-v-31cc9972]{width:115%}}@media(max-width:1351px){.jadwal-webinar[data-v-31cc9972]{width:124%}}@media(max-width:1199px){.jadwal-webinar[data-v-31cc9972]{width:144%}}@media(min-width:991px){.jadwal-webinar button[data-v-31cc9972]{display:none}}.jadwal-webinar .webinar-done[data-v-31cc9972]{margin-top:20px}@media(min-width:991px){.jadwal-webinar .webinar-done[data-v-31cc9972]{display:none}}.jadwal-webinar .webinar-done img[data-v-31cc9972]{width:46px;height:46px}.jadwal-webinar .webinar-done p[data-v-31cc9972]{color:#fff;margin-bottom:4px}.jadwal-webinar .webinar-done h6[data-v-31cc9972]{color:var(--purple-60);font-family:DMSans Bold}@media(max-width:1199px){.jadwal-webinar[data-v-31cc9972]{width:135%}}@media(max-width:1090px){.jadwal-webinar[data-v-31cc9972]{width:130%}}@media(max-width:1060px){.jadwal-webinar[data-v-31cc9972]{width:120%}}@media(max-width:992px){.jadwal-webinar[data-v-31cc9972]{width:100%}}.jadwal-webinar h6[data-v-31cc9972]{color:#fff}@media(max-width:1020px){.jadwal-webinar h6[data-v-31cc9972]{font-size:15px}}.jadwal-webinar .webinar-date[data-v-31cc9972]{margin-right:auto;color:var(--dark-white-40)}@media(max-width:1060px){.jadwal-webinar .webinar-date[data-v-31cc9972]{font-size:13px}}.jadwal-webinar .webinar-time[data-v-31cc9972]{margin-left:auto;color:var(--dark-white-40)}@media(max-width:1060px){.jadwal-webinar .webinar-time[data-v-31cc9972]{font-size:13px}}.done-color[data-v-31cc9972]{color:var(--green-100)}.progress-color[data-v-31cc9972]{color:var(--purple-100)}.new-color[data-v-31cc9972]{color:var(--yellow-100)}