@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);.flex-col[data-v-06e6344b]{flex-direction:column}.name-circle[data-v-06e6344b]{font-weight:600;font-size:18px;line-height:25px;text-align:center;color:#fff;cursor:pointer;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:linear-gradient(111.75deg,#179eff -.58%,#162ca2 100.82%)}.navbar-custom[data-v-06e6344b]{max-height:100vh;position:fixed;background:#162ca2;z-index:1}.sub-menu[data-v-06e6344b]{font-weight:400;font-size:14px;line-height:24px;align-items:center;margin-top:10px;padding-left:15px!important;cursor:pointer}.actived[data-v-06e6344b]{color:#162ca2!important;background:#f1f6ff;border-radius:10px;padding:8px;font-weight:700}.actived2[data-v-06e6344b]{color:f1f6ff!important;background:#3f52b4;border-radius:10px;padding:8px;font-weight:700}.left-navbar-top[data-v-06e6344b]{width:80px;height:90vh;border:1px solid #162ca2;border-right-color:#d9d9d9;padding-left:10px;padding-right:10px}.left-navbar-bottom[data-v-06e6344b]{width:80px;height:10vh;border-right-color:#d9d9d9;padding-left:10px;padding-right:10px;justify-content:center;align-items:center}.right-navbar[data-v-06e6344b]{width:220px;height:100vh;border:1px solid #fff;border-right-color:#d9d9d9;background-color:#fff;padding-left:20px;padding-right:20px}.logo-div[data-v-06e6344b]{margin-top:30px;margin-bottom:30px;justify-content:center}.line[data-v-06e6344b]{height:1px;width:40px;margin-left:auto;margin-right:auto;margin-bottom:30px;background:#d9d9d9}.title[data-v-06e6344b]{margin-top:50px;margin-bottom:35px;font-weight:600;font-size:26px;line-height:35px}.actived[data-v-032d2da1]{color:#162ca2!important;background:#f1f6ff;border-radius:10px;padding:8px;font-weight:700}.sub-menu[data-v-032d2da1]{font-weight:400;font-size:14px;line-height:24px;align-items:center;margin-top:10px;cursor:pointer}.navbar-mobile[data-v-2fd44679]{padding:10px 18px;align-items:center;position:fixed;width:100%;z-index:1;background:#f5f5f5}.name-circle[data-v-2fd44679]{font-weight:600;font-size:14px;line-height:25px;text-align:center;color:#fff;cursor:pointer;margin-left:19px;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(111.75deg,#179eff -.58%,#162ca2 100.82%)}#font-poppins{font-family:Poppins,sans-serif!important}.template-mo-1{background:#f5f6f9;padding:10px}.container-custom{margin-left:40px;padding:70px 100px}.container-custom,.container-custom-body{position:static;background:#f5f6f9;width:100%;min-height:100vh}.container-custom-body{margin-left:150px;padding:70px 200px}.card-schedule{background:#fff;border-radius:30px;padding:20px 30px;margin-bottom:20px;align-items:center}.cursor-pointer{cursor:pointer}.title{font-weight:700;font-size:20px;line-height:32px;color:#36373f}.long-line{width:100%;height:1px;background:#d3d6e1;margin:10px 0}.box-info{text-align:center;margin:0 30px 0 0;display:flex;align-items:center;justify-content:center}.box-info img{display:block}.box-img{margin-right:10px}.text-red{font-weight:500;font-size:15px;color:#b80f0a}.button-blue{width:180px;text-align:center;font-size:16px;margin-top:20px;font-weight:600;background:#162ca2;border-radius:15px;color:#fff;padding:5px 0;cursor:pointer}.notification-info{padding:20px 30px;background-color:#f1f6ff;display:flex;align-items:flex-start;gap:30px}.button-light-blue{background:#f5f6f9;border-radius:24px;color:#162ca2;font-weight:400;margin-bottom:10px}.button-grey,.button-light-blue{width:135px;text-align:center;padding:5px 0}.button-grey{background:#fff;border:1px solid #d3d6e1;border-radius:12px;cursor:pointer}.v-breadcrumbs a{color:#162ca2!important}.v-breadcrumbs__item--disabled{pointer-events:none;font-weight:700;color:#36373f!important}.container-radius{margin-top:35px;padding:40px;background:#fff;border-radius:24px}.bg-ghost-white{background:#f7f9fd;border-radius:24px;padding:28px 50px}.btn-out-grey{padding:7px 20px;background:#fff;justify-content:center;align-content:center;border:1px solid #d3d6e1;border-radius:16px;cursor:pointer}.btn-radius{height:56px!important;margin-left:auto;border-radius:16px!important;font-weight:600;cursor:pointer}.vertical-line{width:2px;height:100%;background:#d3d6e1}.btn-stoke-blue{display:flex;border:1px solid #162ca2;border-radius:15px!important;padding:15px 80px!important;height:56px!important;color:#162ca2!important;font-size:14px;font-weight:600;cursor:pointer}.gray-button{color:#575966!important;border-color:#7b7e8c}.font-bold{font-weight:700}.text-line-1{-webkit-line-clamp:1}.text-line-1,.text-line-2{display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;visibility:visible}.text-line-2{-webkit-line-clamp:2}.text-line-3{-webkit-line-clamp:3}.text-line-3,.text-line-4{display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;visibility:visible}.text-line-4{-webkit-line-clamp:4}.text-line-5{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;visibility:visible}.form-input{border-radius:14px!important;background-color:transparent!important}.text-left{text-align:left!important}.category-container{padding:25px;position:fixed;z-index:50;bottom:0;border-radius:30px 30px 0 0;width:100%;background-color:#fff}.button-filter{position:fixed;bottom:10px;width:100%;justify-content:center;display:flex;left:0}.info-class{font-size:12px;margin-top:5px;gap:8px}.info-class-ctn{display:flex;justify-content:flex-start;gap:1px;gap:10px;margin-top:8px;align-items:center}.info-class-ctn span{font-size:13px;text-align:center;display:block}.info-class-ctn img{display:block;height:27px;width:27px}@media only screen and (max-width:900px){.hamburger-menu{padding:20px;background:#fff;width:100%;height:100vh;z-index:1;position:relative}.text-red{font-size:13px}.container-body-mobile{background:#f5f6f9;min-height:100vh;padding:80px 19px}.container-radius{margin-top:20px;text-align:justify;padding:20px;background:#fff;border-radius:24px}.button-light-blue{width:100px;background:#f5f6f9;border-radius:24px;color:#162ca2;font-weight:400;text-align:center;margin-bottom:10px;padding:0 10px;font-size:11px}.notification-info{padding:10px 20px;gap:10px}.card-schedule{background:#fff;margin-bottom:10px;align-items:center;box-shadow:2px 2px 10px 3px rgba(13,28,113,.1)}.bg-ghost-white,.card-schedule{border-radius:24px;padding:15px}.bg-ghost-white{background:#f7f9fd}.btn-radius{margin-left:auto;border-radius:16px!important}.btn-radius,.btn-stoke-blue{height:40px!important;font-weight:600;cursor:pointer}.btn-stoke-blue{display:flex;border:1px solid #162ca2;border-radius:15px!important;padding:15px 80px!important;color:#162ca2!important;font-size:14px}}.stars[data-v-ab2aee0a]{gap:8px}.star-ctn[data-v-ab2aee0a],.stars[data-v-ab2aee0a]{display:flex;align-items:center}.cursor-pointer[data-v-ab2aee0a]{cursor:pointer}.container-chat[data-v-1ab4daa3]{margin-top:10px;padding:5px 19px;border-radius:12px;position:relative;z-index:10px;border:1px solid #d3d6e1;display:flex;align-items:center;justify-content:space-between}.date-ratting[data-v-1ab4daa3]{font-size:15px}.container-chat .content[data-v-1ab4daa3]{display:flex;gap:8px;align-items:center!important}.dekstop[data-v-1ab4daa3]{display:block}.mobile[data-v-1ab4daa3]{display:none}.name-circle[data-v-1ab4daa3]{font-weight:600;font-size:18px;line-height:25px;text-align:center;color:#fff;cursor:pointer;align-items:center;justify-content:center;text-transform:uppercase;width:50px;height:50px;border-radius:50%;background:linear-gradient(111.75deg,#179eff -.58%,#162ca2 100.82%)}.b1[data-v-1ab4daa3]{display:flex;justify-content:center;align-items:center;gap:15px}.border-card[data-v-1ab4daa3]{border:1px solid #d3d6e1}.container-label-top[data-v-1ab4daa3]{display:flex;align-items:center;gap:10px}.label-top[data-v-1ab4daa3]{display:flex;justify-content:center;align-items:center;background-color:#f1f6ff;padding:7px 12px;border-radius:24px;color:#36373f;font-family:Poppins,sans-serif;font-weight:400;font-size:13px;line-height:18px}.title-card[data-v-1ab4daa3]{margin-top:10px;display:block;color:#36373f;font-weight:600;font-size:20px;line-height:26px}.box-info-card[data-v-1ab4daa3]{display:flex;justify-content:center;align-items:center;gap:8px}.box-info-card span[data-v-1ab4daa3]{color:#36373f;font-family:Poppins,sans-serif;font-weight:400;font-size:14px;line-height:18px}.button-warning[data-v-1ab4daa3]{margin-top:16px;border:1px solid #b80f0a;border-radius:10px;padding:8px 18px;display:flex;align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;gap:12px;color:#b80f0a;font-family:Poppins,sans-serif;font-weight:400;font-size:14px;line-height:16px}@media only screen and (max-width:920px){.dekstop[data-v-1ab4daa3]{display:none}.mobile[data-v-1ab4daa3]{display:block}.img-class[data-v-1ab4daa3]{height:80px;width:80px;border-radius:16px}.title-2[data-v-1ab4daa3]{font-weight:700;font-size:15px!important;line-height:19px!important;color:#36373f;margin-top:15px}.date-ratting[data-v-1ab4daa3]{font-size:12px}}.background-loading[data-v-9c1ff876]{width:100vw;display:flex;justify-content:center;align-items:center;height:100vh;position:fixed;z-index:50;top:0;left:0;background-color:rgba(0,0,0,.4)}.image[data-v-9c1ff876]{background-position:50%;background-repeat:no-repeat;background-size:contain;width:200px;height:200px}@media only screen and (max-width:990px){.image[data-v-9c1ff876]{width:120px;height:120px}}.empty-class[data-v-7c4c8f32]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:50vh}.empty-class>h3[data-v-7c4c8f32]{color:#7b7e8c;font-weight:600;font-size:19px;line-height:22px;margin-top:16px}.empty-class>p[data-v-7c4c8f32]{max-width:420px;color:#7b7e8c;font-weight:400;font-size:14px;line-height:18px;text-align:center;margin-top:4px}.button[data-v-97619578]{display:flex;font-weight:700!important;justify-content:center;align-items:center;border-radius:12px;cursor:pointer;font-size:17px;color:#fff;background-color:#162ca2}.button[data-v-97619578]:hover{background-color:#132791}.button[data-v-97619578]:active{color:#112381}.button-disabled[data-v-97619578]{background-color:#acafbf!important;gap:15px}.button-disabled[data-v-97619578],.button-red[data-v-97619578]{display:flex;justify-content:center;align-items:center;border-radius:12px;font-weight:700!important;cursor:pointer;font-size:17px;color:#fff}.button-red[data-v-97619578]{background-color:#b80f0a}.button-red[data-v-97619578]:hover{background-color:#a50d09}.button-red[data-v-97619578]:active{color:#930c08}.button-red-disabled[data-v-97619578]{background-color:#acafbf!important;display:flex;justify-content:center;align-items:center;gap:15px;border-radius:12px;font-weight:700!important;cursor:pointer;font-size:17px;color:#fff}.button-cust[data-v-97619578]{display:flex;gap:10px}@media only screen and (max-width:990px){.button-disabled[data-v-97619578],.button-red-disabled[data-v-97619578],.button-red[data-v-97619578],.button[data-v-97619578]{font-size:14px}}.class-schedule-text[data-v-633811a3]{color:#36373f;font-family:Poppins,sans-serif;font-weight:700;font-size:20px;line-height:30px}.container-class[data-v-633811a3]{background-color:#fff;padding:40px 32px;border-radius:24px;margin-top:16px}.certificate-card[data-v-633811a3]{border-radius:10px;cursor:pointer;width:500px;height:380px}.notification-info[data-v-633811a3]{padding:20px 30px;background-color:#f1f6ff;display:flex;align-items:flex-start;gap:30px}.title[data-v-633811a3]{font-weight:700;font-size:22px;line-height:22px;margin:25px 20px;color:#36373f}.label-category[data-v-633811a3]{position:absolute;right:20px;top:20px}.certificates[data-v-633811a3]{margin-top:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.certificates .cardss[data-v-633811a3]{box-shadow:2px 2px 10px 3px rgba(13,28,113,.1)!important;border-radius:24px;cursor:pointer;padding:0!important;position:relative;background-color:#fff}.border-gray[data-v-633811a3]{border:1px solid #d3d6e1;border-radius:16px}.certificates .ctn[data-v-633811a3]{width:100%;border-radius:14px 14px 0 0;height:200px;-o-object-fit:cover;object-fit:cover}@media only screen and (max-width:990px){.certificates[data-v-633811a3]{grid-template-columns:repeat(2,1fr)}}.certificate-card[data-v-43c02791]{border-radius:10px;cursor:pointer;width:500px;height:270px}.notification-info[data-v-43c02791]{padding:10px;background-color:#f1f6ff;display:flex;align-items:flex-start;gap:15px}.title[data-v-43c02791]{font-weight:700;font-size:14px!important;line-height:28px;margin:23px 20px;color:#36373f}.label-category[data-v-43c02791]{position:absolute;right:20px;top:20px}.certificates[data-v-43c02791]{display:grid;grid-template-columns:repeat(1,1fr);gap:20px}.certificates .cardss[data-v-43c02791]{box-shadow:2px 2px 10px 3px rgba(13,28,113,.1)!important;border-radius:24px;padding:0!important;position:relative;cursor:pointer;background-color:#fff}.certificates .ctn[data-v-43c02791]{width:100%;border-radius:14px 14px 0 0;height:200px;-o-object-fit:cover;object-fit:cover}.card-info[data-v-adcfec9e]{background:#fff;border-radius:30px!important;padding:30px 50px}.line[data-v-adcfec9e]{width:100%;height:1px;background:#d3d6e1;margin:25px 0}.circle[data-v-adcfec9e]{width:20px;height:20px;border-radius:50%;margin-right:12px}span[data-v-adcfec9e]{font-size:14px}.data-table[data-v-2b027d0c]{height:80px;width:100px;text-align:center;padding-top:5px}.hor-line[data-v-2b027d0c]{width:40px;height:6px;border-radius:4px 4px 0 0;margin-left:auto;margin-right:auto;margin-top:28px}.assesment-value[data-v-2b027d0c]{font-weight:700;margin-top:10px;font-size:21px}.note[data-v-2b027d0c]{font-size:16px;line-height:20px}[data-v-2b027d0c] .v-data-table-header{background:#f5f6f9;color:#36373f;font-weight:700;font-size:20px;text-align:center}.theme--light.v-data-table[data-v-2b027d0c]{background-color:#fff;color:rgba(0,0,0,.87);border-radius:20px!important}.container-history[data-v-2b027d0c]{display:flex;align-items:center;justify-content:flex-end}.button-history[data-v-2b027d0c]{display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;padding:5px 10px}.button-history[data-v-2b027d0c]:hover{background-color:#d3d6e1;border-radius:10px}.button-history p[data-v-2b027d0c]{margin:0;color:#36373f;font-family:Poppins,sans-serif;font-weight:400;font-size:14px;line-height:20px}.class-schedule-text[data-v-2b027d0c]{color:#36373f;font-family:Poppins,sans-serif;font-weight:700;font-size:20px;line-height:30px}.category-text[data-v-2b027d0c]{color:#36373f;font-family:Poppins,sans-serif;font-weight:400;font-size:14px;line-height:20px}.container-class[data-v-2b027d0c]{background-color:#fff;padding:40px 32px;border-radius:24px}.container-card[data-v-2b027d0c]{margin-top:32px;display:flex;flex-direction:column;gap:16px}.empty-class[data-v-2b027d0c]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:50vh}.empty-class>h3[data-v-2b027d0c]{color:#7b7e8c;font-weight:600;font-size:16px;line-height:22px;margin-top:16px}.empty-class>p[data-v-2b027d0c]{max-width:420px;color:#7b7e8c;font-weight:400;font-size:13px;line-height:18px;text-align:center;margin-top:4px}.name-circle[data-v-2b027d0c]{font-weight:600;font-size:18px;line-height:25px;text-align:center;color:#fff;cursor:pointer;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:linear-gradient(111.75deg,#179eff -.58%,#162ca2 100.82%)}.container-chat[data-v-2b027d0c]{margin-top:10px;padding:5px 19px;border-radius:18px;position:relative;z-index:10px;border:1px solid #d3d6e1;display:flex;align-items:center;justify-content:space-between}.container-chat .content[data-v-2b027d0c]{display:flex;gap:8px;align-items:center!important}.select-category[data-v-2b027d0c]{background-color:#fff;color:#36373f;font-family:Poppins,sans-serif;font-weight:400;font-size:14px;line-height:20px}.title[data-v-2bacec05]{font-weight:700;font-size:15px!important;line-height:20px;color:#36373f}.green-radius[data-v-2bacec05]{width:10px;height:10px;border-radius:50%;background:#01a368;margin-left:8px}.note-label[data-v-2bacec05]{color:#7b7e8c!important;font-style:italic;font-size:10px;font-weight:400!important}.box-nilai[data-v-2bacec05]{display:flex;justify-content:space-between;padding:15px;border:2px solid #d3d6e1;border-radius:10px;margin-top:15px}.box-nilai .ttl[data-v-2bacec05]{font-size:14px;font-weight:700;color:#36373f}.box-nilai .ctn[data-v-2bacec05]{font-size:15px;font-weight:600;display:flex;gap:8px;align-items:center}.green-radius[data-v-2bbf6016]{width:15px!important;height:15px!important;border-radius:50%;background:#01a368;margin-left:20px}.detail-quizz[data-v-2bbf6016]{padding:10px 0;align-items:center}.badges[data-v-2bbf6016]{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px}.badge[data-v-2bbf6016]{display:flex;background-color:#f5f6f9;border-radius:20px;height:30px;padding:0 16px;align-items:center}.badge span[data-v-2bbf6016]{color:#162ca2}.list-scrumb[data-v-2bbf6016]{display:flex;align-items:center;gap:10px;font-weight:700;color:#162ca2;font-size:16px}.title-scrumb[data-v-2bbf6016]{color:#7b7e8c;font-weight:400}.download[data-v-2bbf6016]{margin-left:48px}.box-presensi-card-span[data-v-2bbf6016]{margin-left:8px;font-size:14px;font-weight:400;line-height:20px}.box-info-card-span[data-v-2bbf6016]{margin-left:10px;font-size:15px;font-weight:400;line-height:18px}.title[data-v-2bbf6016]{font-weight:700;line-height:30px}.container-label-top[data-v-2bbf6016]{display:flex;gap:8px;margin-bottom:10px}.label-top[data-v-2bbf6016]{background-color:#f1f6ff;padding:5px 12px;border-radius:24px;color:#36373f;font-family:Poppins,sans-serif;font-weight:400;font-size:13px;line-height:18px}.box-presensi-card[data-v-2bbf6016]{display:flex;align-items:center;gap:8px;margin-top:10px}.box-info-card[data-v-2bbf6016]{display:flex;justify-content:center;align-items:center;gap:8px}.test-score[data-v-2bbf6016]{width:64px;height:64px;background-color:#fff;display:flex;align-items:center;justify-content:center;border-radius:16px;color:#36373f;font-weight:600;font-size:18px}.presensi[data-v-2bbf6016]{width:100%;padding:24px 32px;background-color:#f7f9fd;border-radius:16px;display:flex;align-items:center}.absent[data-v-2bbf6016]{align-items:center;justify-content:center;color:#36373f;padding:20px 40px}.persensi-btn-text[data-v-2bbf6016]{font-weight:400;font-size:14px;line-height:20px}.presensi-btn[data-v-2bbf6016]{display:flex;align-items:center;justify-content:center;background-color:#fff;width:208px;height:48px;gap:10px;border-radius:12px}.hr[data-v-2bbf6016]{border-left:1px solid #7b7e8c;height:27px;margin:0}.card-info[data-v-0b1aaa70]{background:#fff;border-radius:30px!important;padding:15px 0}.line[data-v-0b1aaa70]{width:100%;height:1px;background:#d3d6e1;margin:25px 0}.circle[data-v-0b1aaa70]{width:15px;height:15px;border-radius:50%;margin-right:12px}span[data-v-0b1aaa70]{font-size:13px}.bg[data-v-4af00ee7]{background:#fff;box-shadow:0 1px 3px 1px rgba(13,28,113,.1);padding:12px 19px;align-items:center}.title[data-v-75555336]{font-weight:700;font-size:15px!important;line-height:20px;color:#36373f}span[data-v-75555336]{font-size:12px}.green-radius[data-v-75555336]{width:10px;height:10px;border-radius:50%;background:#01a368;margin-left:8px}h3[data-v-75555336],h4[data-v-75555336]{font-size:13px}.img-class[data-v-75555336]{width:70px;height:70px;border-radius:18px}.class-info[data-v-75555336]{display:flex;justify-content:flex-end;gap:20px;width:80%;margin:auto;margin-top:-90px}.class-info .content[data-v-75555336]{align-items:flex-start;gap:8px;display:flex;width:150px}.temp-1[data-v-75555336]{display:flex;align-items:center}.bg-ghost-white[data-v-75555336]{border-radius:16px!important}.card-assessment[data-v-75555336]{display:flex;align-items:flex-start!important;gap:15px}.card-assessment .box-right .desc[data-v-75555336]{line-height:16px;display:block}.card-assessment .box-right[data-v-75555336]{display:flex;gap:8px;align-items:center}.name-circle[data-v-c3da2394]{font-weight:600;font-size:18px;line-height:25px;text-align:center;color:#fff;cursor:pointer;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:linear-gradient(111.75deg,#179eff -.58%,#162ca2 100.82%)}.container-chat[data-v-c3da2394]{margin-top:10px;padding:5px 19px;border-radius:18px;position:relative;z-index:10px;border:1px solid #d3d6e1;display:flex;align-items:center;justify-content:space-between}.container-chat .content[data-v-c3da2394]{display:flex;gap:8px;align-items:center!important}.container-history[data-v-c3da2394]{display:flex;align-items:center;justify-content:flex-end}.button-history[data-v-c3da2394]{display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;color:#36373f;padding:5px 10px;font-size:15px}.button-history[data-v-c3da2394]:hover{color:#162ca2!important}.button-history p[data-v-c3da2394]{margin:0;font-family:Poppins,sans-serif}.class-schedule-text[data-v-c3da2394]{color:#36373f;font-family:Poppins,sans-serif;font-weight:700;font-size:20px;line-height:30px}.category-text[data-v-c3da2394]{color:#36373f;font-family:Poppins,sans-serif;font-weight:400;font-size:14px;line-height:20px}.container-class[data-v-c3da2394]{background-color:#fff;padding:40px 32px;border-radius:24px;margin-top:44px}.title[data-v-02aeddf4]{font-weight:700;font-size:15px!important;line-height:19px!important;color:#36373f;margin-top:15px}.img-class[data-v-02aeddf4]{height:80px;width:80px;border-radius:16px}.name-circle[data-v-02aeddf4]{font-weight:600;font-size:18px;line-height:25px;text-align:center;color:#fff;cursor:pointer;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:linear-gradient(111.75deg,#179eff -.58%,#162ca2 100.82%)}.container-chat[data-v-02aeddf4]{margin-top:10px;padding:5px 19px;border-radius:18px;position:relative;z-index:10px;border:1px solid #d3d6e1;display:flex;flex-direction:column;align-items:flex-start}.container-chat .content[data-v-02aeddf4]{display:flex;gap:8px;align-items:center!important}.list-scrumb[data-v-d655a8fc]{display:flex;align-items:center;gap:15px;font-weight:700;color:#162ca2;font-size:18px}.title-scrumb[data-v-d655a8fc]{color:#7b7e8c;font-weight:400}.opt-session[data-v-d655a8fc]{cursor:pointer;display:flex;justify-content:left;align-items:center;gap:10px;color:#7b7e8c}.opacity-1[data-v-d655a8fc]{opacity:.4}.list-scrumb[data-v-ace5152e]{display:flex;align-items:center;gap:15px;font-weight:700;color:#162ca2;font-size:18px}.title-scrumb[data-v-ace5152e]{color:#7b7e8c;font-weight:400}.title[data-v-ace5152e]{font-weight:700;font-size:18px!important;line-height:25px!important;color:#36373f}.opt-session[data-v-ace5152e]{cursor:pointer;display:flex;justify-content:left;align-items:center;gap:10px;color:#7b7e8c}.opacity-1[data-v-ace5152e]{opacity:.4}.font-normal-mobile[data-v-ace5152e]{font-size:15px!important}.box-info[data-v-ace5152e]{display:flex;flex-direction:column;margin-left:20px;align-items:center;justify-content:flex-start}.box-info span[data-v-ace5152e]{font-size:14px!important}.absent[data-v-3e9aa892]{align-items:center;justify-content:center;color:#36373f;padding:20px 40px}.btn-radius.confirmed[data-v-3e9aa892]:disabled{background-color:#fff!important;color:#162ca2!important}.btn-radius.confirmed:disabled .white--text[data-v-3e9aa892]{color:#162ca2!important}li[data-v-38f78c0e]{font-size:12px}.title[data-v-38f78c0e]{font-weight:700;font-size:15px!important;line-height:20px!important;color:#36373f}span[data-v-38f78c0e]{font-size:12px}.container-radius[data-v-38f78c0e]{margin-top:35px}h2[data-v-38f78c0e]{font-size:17px}h4[data-v-38f78c0e]{font-size:12px}.absent[data-v-38f78c0e]{align-items:center;justify-content:center;color:#36373f}.img-class[data-v-38f78c0e]{width:70px;height:70px;border-radius:18px}.container-radius[data-v-38f78c0e]{margin-top:15px;text-align:justify;padding:19px;background:#fff;border-radius:24px}.class-info[data-v-38f78c0e]{display:flex;justify-content:center;gap:20px;width:80%;margin:auto;margin-top:-90px}.class-info .content[data-v-38f78c0e]{align-items:flex-start;gap:8px;display:flex;width:150px}.modal[data-v-ff746a4e]{top:0;left:0;z-index:10;position:fixed;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:rgba(12,11,11,.2);width:100vw;height:100vh}.hidden[data-v-ff746a4e]{position:relative}.modal-content[data-v-ff746a4e]{background-color:#fff;border-radius:18px;padding:25px;max-height:90%;text-align:center;position:relative;overflow-y:auto;overflow-x:hidden}.modal-content[data-v-ff746a4e]::-webkit-scrollbar{width:8px;background-color:transparent;margin-top:15px;margin-bottom:15px}.modal-content[data-v-ff746a4e]::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(53,53,53,.3);border-radius:10px;background-color:#f5f5f5;margin-top:20px;margin-bottom:20px}.modal-content[data-v-ff746a4e]::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(59,59,59,.3);background-color:#797878}.close[data-v-ff746a4e]{width:100%;height:0;display:flex;justify-content:flex-end;background-color:red}.close [data-v-ff746a4e]{position:absolute;cursor:pointer;right:-50px;top:-2px}@media only screen and (max-width:990px){.mo-size[data-v-ff746a4e]{width:95%!important}.modal-content[data-v-ff746a4e]{padding:20px}.modal[data-v-ff746a4e]{flex-direction:column-reverse;align-items:center}.hidden[data-v-ff746a4e]{top:20px;margin-left:-50px}}.alert-content[data-v-7a593fb8]{display:flex;gap:15px;position:fixed;justify-content:space-between;align-items:center;min-width:400px;padding:12px 28px;top:10px;border-radius:20px 20px 20px 20px;right:10px;z-index:99}.a-error[data-v-7a593fb8]{background-color:#f7e7e6;color:#b80f0a}.a-success[data-v-7a593fb8]{color:#01a368!important;background-color:#e5f5ef}.alert-content-message[data-v-7a593fb8]{display:flex;align-items:center;font-size:17px;line-height:25px;gap:20px}@media screen and (max-width:800px){.alert-content[data-v-7a593fb8]{width:100%;padding:15px;border-radius:0;top:60px}.alert-content-message[data-v-7a593fb8]{font-size:14px}}.container-box-evaluation[data-v-b9fd7390],.container-box-presensi[data-v-b9fd7390]{margin-top:32px;display:flex;flex-direction:column;gap:16px}.box-presensi[data-v-b9fd7390]{padding:24px 40px;border:1px solid #d3d6e1;border-radius:16px;max-width:60%;display:flex;align-items:center;justify-content:space-between}.box-presensi>p[data-v-b9fd7390]{color:#36373f;font-family:Poppins,sans-serif;font-weight:600;font-size:14px;line-height:20px;margin:0}.action-presensi[data-v-b9fd7390]{display:flex;align-items:center;gap:16px}.time-presensi[data-v-b9fd7390]{border-radius:16px;background-color:#f7f9fd;color:#7b7e8c;text-align:center;font-weight:400;font-size:14px;line-height:20px}.btn-confirmation-presensi[data-v-b9fd7390],.time-presensi[data-v-b9fd7390]{width:220px;height:50px;display:flex;justify-content:center;align-items:center;font-family:Poppins,sans-serif}.btn-confirmation-presensi[data-v-b9fd7390]{background-color:#162ca2;border-radius:12px;color:#fff;font-weight:600;font-size:12px;line-height:16px;letter-spacing:1px}.btn-confirmation-presensi[data-v-b9fd7390]:hover{background-color:#283ebc}.btn-inactive-presensi-2[data-v-b9fd7390]{width:200px;height:60px;display:flex;align-items:center;gap:14px;background-color:#fff;border-radius:15px;justify-content:center}.btn-inactive-presensi-2 span[data-v-b9fd7390]{color:#7b7e8c;font-family:Poppins,sans-serif;font-weight:600;font-size:16px}.btn-inactive-presensi[data-v-b9fd7390]{width:200px;display:flex;align-items:center;gap:4px;padding:8px 13px;justify-content:center}.btn-inactive-presensi span[data-v-b9fd7390]{color:#7b7e8c;font-family:Poppins,sans-serif;font-weight:400;font-size:13px;line-height:18px}.btn-activity[data-v-b9fd7390],.btn-materi[data-v-b9fd7390],.btn-test-inactive[data-v-b9fd7390],.btn-test[data-v-b9fd7390]{border:1px solid #162ca2;border-radius:12px;padding:12px 47px;width:210px;display:flex;align-items:center;background-color:#fff;justify-content:center;gap:8px}.btn-activity[data-v-b9fd7390]:hover,.btn-materi[data-v-b9fd7390]:hover,.btn-test[data-v-b9fd7390]:hover{background-color:#f5f6ff}.btn-activity span[data-v-b9fd7390],.btn-materi span[data-v-b9fd7390],.btn-test span[data-v-b9fd7390]{color:#162ca2;font-family:Poppins,sans-serif;font-weight:600;font-size:12px;line-height:16px}.absent[data-v-b9fd7390]{align-items:center;justify-content:center;color:#36373f;padding:20px 40px}.badge[data-v-b9fd7390]{display:flex;background-color:#fff;border-radius:20px;height:30px;padding:0 16px;align-items:center}.container-label-top[data-v-b9fd7390]{display:flex;gap:8px;margin-bottom:10px}.label-top[data-v-b9fd7390]{background-color:#f1f6ff;padding:5px 12px;border-radius:24px;color:#36373f;font-family:Poppins,sans-serif;font-weight:400;font-size:13px;line-height:18px}.box-info-card[data-v-b9fd7390]{display:flex;justify-content:center;align-items:center;gap:8px}.title-scrumb[data-v-b9fd7390]{color:#7b7e8c;font-weight:400}.container-radius>div[data-v-b9fd7390]{margin-bottom:20px}.modified-breadcrumbs[data-v-b9fd7390]{margin-top:-40px;margin-left:10px}.modified-breadcrumbs a[data-v-b9fd7390]{text-decoration:none;color:#162ca2}.modified-breadcrumbs p[data-v-b9fd7390]{color:#575966}.w-300[data-v-b9fd7390]{width:300px}.temp-1[data-v-b9fd7390]{display:flex;align-items:center}.truncate-text[data-v-b9fd7390]{max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-radius.confirmed[data-v-b9fd7390]:disabled{background-color:#fff!important;color:#575966!important;font-size:16px}.btn-radius.confirmed:disabled .white--text[data-v-b9fd7390]{color:#575966!important}.btn-submit[data-v-b9fd7390]{margin:auto;display:block;font-size:16px;border-radius:14px!important}li[data-v-7d42f18e]{font-size:12px}.title[data-v-7d42f18e]{font-weight:700;font-size:15px!important;line-height:20px!important;color:#36373f}span[data-v-7d42f18e]{font-size:12px}.container-radius[data-v-7d42f18e]{margin-top:35px}h2[data-v-7d42f18e]{font-size:17px}h4[data-v-7d42f18e]{font-size:12px}.absent[data-v-7d42f18e]{align-items:center;color:#36373f}.img-class[data-v-7d42f18e]{width:70px;height:70px;border-radius:18px}.container-radius[data-v-7d42f18e]{margin-top:15px;text-align:justify;padding:19px;background:#fff;border-radius:24px}.class-info[data-v-7d42f18e]{display:flex;justify-content:center;gap:20px;width:80%;margin:auto;margin-top:-90px}.class-info .content[data-v-7d42f18e]{align-items:flex-start;gap:8px;display:flex;width:150px}.temp-1[data-v-7d42f18e]{display:flex;align-items:center}.conatiner-custom[data-v-553a9957]{flex-direction:column;height:100vh;background-color:#f5f5f5}.conatiner-custom[data-v-553a9957],.step[data-v-553a9957]{display:flex;justify-content:center;align-items:center;width:100%}.step[data-v-553a9957]{top:30px;position:absolute;max-width:540px;margin-bottom:20px;gap:12px}.card[data-v-553a9957]{background-color:#fff;border-radius:30px;max-width:540px;box-shadow:2px 2px 10px 3px rgba(13,28,113,.1)!important;display:flex;justify-content:center;align-items:center;padding:30px;flex-direction:column}.card img[data-v-553a9957]{margin-bottom:20px}.card .body[data-v-553a9957]{width:100%;padding-top:20px;display:flex;flex-direction:column;align-items:center}.card p[data-v-553a9957]{text-align:center;margin-bottom:20px}.btn-group[data-v-553a9957]{display:flex;justify-content:space-between;width:100%;margin-bottom:10px}.btn[data-v-553a9957]{width:100%;margin:0}.btn span[data-v-553a9957]{font-size:large}.btn-outline span[data-v-553a9957]{color:#7b7e8c!important}.class-name[data-v-553a9957]{font-weight:700;margin-bottom:20px}.text-input[data-v-553a9957]{width:100%;margin-bottom:20px;padding:10px 0;background-color:#f7f9fd;border-radius:20px}.save[data-v-553a9957]{width:100%;justify-self:start;margin:0}#error[data-v-654e3a26],#success[data-v-654e3a26]{display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.popup-content[data-v-654e3a26]{max-width:450px;width:100%;padding:40px;background:#fff;box-shadow:2px 2px 10px 3px rgba(13,28,113,.1)!important;border-radius:25px}.option-button[data-v-654e3a26]{margin-top:15px;display:flex;gap:15px;justify-content:center}.imgbox[data-v-654e3a26]{margin-top:30px;text-align:center}.img[data-v-654e3a26]{width:290px}.title[data-v-654e3a26]{font-size:24px}.para[data-v-654e3a26],.title[data-v-654e3a26]{font-weight:500;letter-spacing:.05em;text-align:center;margin:auto;margin-top:10px}.para[data-v-654e3a26]{font-size:18px;line-height:22px}.button[data-v-654e3a26]{width:70%;border-radius:16px;background:#162ca2;color:#fff;text-align:center}.button-2[data-v-654e3a26],.button[data-v-654e3a26]{margin:20px auto;padding:25px 10px;display:flex;font-weight:700;align-items:center;justify-content:center;height:35px;text-decoration:none;letter-spacing:.05em;cursor:pointer}.button-2[data-v-654e3a26]{border:1px solid #acafbf;width:170px;border-radius:16px;color:#575966}.name-circle[data-v-e02ca732]{font-weight:600;font-size:18px;line-height:25px;text-align:center;color:#fff;cursor:pointer;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:linear-gradient(111.75deg,#179eff -.58%,#162ca2 100.82%)}.container-chat[data-v-e02ca732]{margin-top:10px;padding:5px 19px;border-radius:18px;position:relative;z-index:10px;border:1px solid #d3d6e1;display:flex;align-items:center;justify-content:space-between}.container-chat .content[data-v-e02ca732]{display:flex;gap:8px;align-items:center!important}.container-history[data-v-e02ca732]{display:flex;align-items:center;justify-content:flex-end}.button-history[data-v-e02ca732]{display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;color:#36373f;padding:5px 10px;font-size:15px}.button-history[data-v-e02ca732]:hover{color:#162ca2!important}.button-history p[data-v-e02ca732]{margin:0;font-family:Poppins,sans-serif}.class-schedule-text[data-v-e02ca732]{color:#36373f;font-family:Poppins,sans-serif;font-weight:700;font-size:20px;line-height:30px}.category-text[data-v-e02ca732]{color:#36373f;font-family:Poppins,sans-serif;font-weight:400;font-size:14px;line-height:20px}.container-class[data-v-e02ca732]{background-color:#fff;padding:40px 32px;border-radius:24px;margin-top:10px}.history-class-card[data-v-58598ace]{background:#fff;border-radius:24px;padding:20px!important;width:100%;position:relative;margin-right:5px;margin-top:12px;box-shadow:2px 2px 10px 3px rgba(13,28,113,.1)}.info-classes[data-v-58598ace]{margin-left:20px;font-size:11px;width:70%}.title[data-v-58598ace]{font-weight:700;font-size:15px!important;line-height:22px;color:#36373f}.list-scrumb[data-v-23f840a0]{display:flex;align-items:center;gap:10px;font-weight:700;color:#162ca2;font-size:18px}.title-scrumb[data-v-23f840a0]{color:#7b7e8c;font-weight:400}.ratting-ctn[data-v-23f840a0]{width:100%;max-width:800px;margin:auto}.ratting-ctn .text-right[data-v-23f840a0]{font-size:13px}.ratting-ctn-class[data-v-23f840a0]{display:flex;gap:15px;align-items:flex-start}.ratting-ctn-star[data-v-23f840a0]{width:70%;margin:auto}.ratting-ctn-star .penilaian[data-v-23f840a0]{display:flex;justify-content:space-between}.ratting-ctn-star .penilaian span[data-v-23f840a0]{font-size:12px}.form-retting[data-v-23f840a0]{border-radius:14px!important}.card[data-v-23f840a0]{background-color:#fff;width:100%;border-radius:20px;padding:20px 25px}.card .title[data-v-23f840a0]{font-size:medium!important;line-height:27px;color:#36373f;font-weight:700;font-family:Poppins!important}.group-shorcut[data-v-23f840a0]{display:flex;justify-content:center;flex-wrap:wrap;gap:20px}.shorcut[data-v-23f840a0]{min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;padding:8px 25px;background-color:#f7f9fd;cursor:pointer;border-radius:20px;font-size:15px}.nilai-survey-text-btn-container[data-v-23f840a0]{display:flex;justify-content:center;align-items:center;margin:24px 0}.nilai-survey-btn-container[data-v-23f840a0]{display:flex;flex-direction:column;justify-content:center;align-items:center}.number-survey[data-v-23f840a0]{margin:0;font-size:16px;font-weight:600;line-height:28px}.text-number-survey[data-v-23f840a0]{margin:0;color:#36373f;font-size:14px;font-weight:400;line-height:24px}.button-survey[data-v-23f840a0]{background-color:#2196f3;border:1px solid #2196f3;cursor:pointer;margin:0 10px;border-radius:999px}.button-survey.buttonNonactive[data-v-23f840a0]{background-color:#fff;border:1px solid #7b7e8c;cursor:pointer;border-radius:999px}.button-content[data-v-23f840a0]{display:flex;align-items:center;justify-content:center;border-radius:999px;width:32.5px;height:32.5px}.circle[data-v-23f840a0]{width:28.5px;height:28.5px;border-radius:999px;background-color:#fff}.circle.active[data-v-23f840a0]{width:15px;height:15px}.list-scrumb[data-v-3f6bc622]{display:flex;align-items:center;gap:10px;font-weight:700;color:#162ca2;font-size:18px}.title-scrumb[data-v-3f6bc622]{color:#7b7e8c;font-weight:400}.ratting-ctn[data-v-3f6bc622]{width:100%;max-width:800px;margin:auto}.ratting-ctn .text-right[data-v-3f6bc622]{font-size:13px}.ratting-ctn-class[data-v-3f6bc622]{display:flex;gap:15px;align-items:flex-start}.ratting-ctn-star[data-v-3f6bc622]{width:70%;margin:auto}.ratting-ctn-star .penilaian[data-v-3f6bc622]{display:flex;justify-content:space-between}.ratting-ctn-star .penilaian span[data-v-3f6bc622]{font-size:12px}.form-retting[data-v-3f6bc622]{border-radius:14px!important}.card[data-v-3f6bc622]{background-color:#fff;width:100%;border-radius:20px;padding:20px 25px}.card .title[data-v-3f6bc622]{font-size:medium!important;line-height:27px;color:#36373f;font-weight:700;font-family:Poppins!important}.group-shorcut[data-v-3f6bc622]{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.shorcut[data-v-3f6bc622]{min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;padding:5px 15px;background-color:#f7f9fd;cursor:pointer;border-radius:20px;font-size:12px}.container-size[data-v-04a30ca2]{position:absolute;width:100%;height:100%;z-index:100}.s-card[data-v-04a30ca2]{padding:40px 60px;width:40%;margin:auto;background-color:#fff;border-radius:36px}.bg-success[data-v-04a30ca2]{background-color:#f3f0f0;padding:30px 0}@media screen and (max-width:900px){.s-card[data-v-04a30ca2]{width:90%;padding:30px 18px;margin-top:40px}}.bg-rounded[data-v-78b70c1a],.bg-rounded[data-v-369fe6da]{background:#fff;border-radius:25px;color:#36373f;text-align:left;padding:4px;margin-bottom:10px}.list-scrumb[data-v-3619ea9c]{display:flex;align-items:center;gap:5px;font-weight:700;color:#162ca2;font-size:18px}.badge[data-v-3619ea9c]{display:flex;background-color:#fff;border-radius:20px;height:30px;padding:0 16px;align-items:center}.container-label-top[data-v-3619ea9c]{display:flex;gap:8px;margin-bottom:10px}.label-top[data-v-3619ea9c]{background-color:#f1f6ff;padding:5px 12px;border-radius:24px;color:#36373f;font-family:Poppins,sans-serif;font-weight:400;font-size:13px;line-height:18px}.box-info-card[data-v-3619ea9c]{display:flex;justify-content:center;align-items:center;gap:8px}.title-scrumb[data-v-3619ea9c]{color:#7b7e8c;font-weight:400}.opt-session[data-v-3619ea9c]{cursor:pointer;display:flex;justify-content:left;align-items:center;gap:10px;color:#7b7e8c}.opacity-1[data-v-3619ea9c]{opacity:.6;border:1px solid #d3d6e1}.btn-submit[data-v-3619ea9c]{margin:auto;display:block;font-size:16px;border-radius:14px!important;width:40%}.container-radius>div[data-v-3619ea9c]{margin-bottom:20px}.class-description h1[data-v-3619ea9c],.class-description h2[data-v-3619ea9c],.class-description h3[data-v-3619ea9c]{padding-top:20px;padding-bottom:5px}.temp-1[data-v-3619ea9c]{display:flex;align-items:center}.narasumber[data-v-3619ea9c]{display:flex;gap:40px;margin:15px 0}.narasumber-img[data-v-3619ea9c]{width:100px;height:100px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.narasumber-work[data-v-3619ea9c]{color:#7b7e8c}.description-2[data-v-3619ea9c]{margin-top:5px;line-height:22px;text-align:justify}.container-record-list[data-v-3619ea9c]{display:flex;flex-direction:column;gap:16px;margin-top:16px}.record-card[data-v-3619ea9c]{background-color:#fff;padding:16px 40px;border-radius:16px;display:flex;align-items:center;justify-content:space-between}.record-card p[data-v-3619ea9c]{color:#36373f;font-family:Poppins,sans-serif;font-weight:400;font-size:16px;line-height:22px;margin:0}.btn-record[data-v-3619ea9c]{padding:6px 16px;border-radius:12px;border:1px solid #162ca2;display:flex;align-items:center;gap:8px}.btn-record[data-v-3619ea9c]:hover{background-color:#f5f6ff}.btn-record span[data-v-3619ea9c]{color:#162ca2;font-family:Poppins,sans-serif;font-weight:600;font-size:13px;line-height:18px}.session-title[data-v-3619ea9c]{color:#36373f;font-family:Poppins,sans-serif;font-weight:600;font-size:17px;line-height:22px}.session-date-container[data-v-3619ea9c]{display:flex;align-items:center;gap:8px;margin-top:8px}.session-date[data-v-3619ea9c]{color:#36373f;font-family:Poppins,sans-serif;font-weight:400;font-size:14px;line-height:20px}.session-title-container[data-v-3619ea9c],.status[data-v-3619ea9c]{display:flex;align-items:center;gap:8px}.status[data-v-3619ea9c]{padding:4px 12px;border-radius:24px;color:#7b7e8c;font-family:Poppins,sans-serif;font-size:12px;line-height:16px;background-color:#f7f9fd}.status p[data-v-3619ea9c]{margin:0}.status-active[data-v-3619ea9c]{background-color:#f1f6ff;color:#162ca2}.container-chat[data-v-3619ea9c]{margin-top:10px;padding:5px 19px;border-radius:14px;position:relative;z-index:10px;border:1px solid #162ca2!important;display:flex;align-items:center;justify-content:space-between}.date-ratting[data-v-3619ea9c]{font-size:15px}.container-chat .content[data-v-3619ea9c]{display:flex;gap:8px;align-items:center!important}.btn-submit[data-v-df6ffaee]{margin:auto;display:block;font-size:16px;border-radius:14px!important;width:50%}.img-class[data-v-df6ffaee]{width:70px;height:70px;border-radius:18px}.title[data-v-df6ffaee]{font-weight:700;font-size:19px!important;line-height:25px!important;color:#36373f}.class-info[data-v-df6ffaee]{display:flex;justify-content:flex-end;gap:40px;width:80%;margin:auto;margin-top:-90px}.class-info .content[data-v-df6ffaee]{align-items:flex-start;align-items:center;gap:2px;display:flex;width:150px;font-size:12px}.spacing-btm[data-v-df6ffaee]{height:40px}.gray-button[data-v-df6ffaee]{color:#575966!important;border-color:#7b7e8c}.instructor[data-v-df6ffaee]{margin-top:40px;display:flex;align-items:center;justify-content:center;flex-direction:column}.instructor img[data-v-df6ffaee]{width:110px;height:110px;border-radius:50%}.opt-session[data-v-df6ffaee]{cursor:pointer;display:flex;justify-content:left;align-items:center;gap:10px;color:#7b7e8c}.opacity-1[data-v-df6ffaee]{opacity:.6;border:1px solid #d3d6e1}.card-tpm[data-v-df6ffaee]{margin:0 3px;margin-top:30px}.class-description h1[data-v-df6ffaee],.class-description h2[data-v-df6ffaee],.class-description h3[data-v-df6ffaee]{padding-top:13px;padding-bottom:8px}.temp-1[data-v-df6ffaee]{display:flex;align-items:center}.name-circle[data-v-492523b6]{font-weight:600;font-size:40px;line-height:25px;text-align:center;color:#fff;cursor:pointer;align-items:center;justify-content:center;width:120px;height:120px;border-radius:50%;background:linear-gradient(111.75deg,#179eff -.58%,#162ca2 100.82%)}.adjust-padding[data-v-492523b6]{padding:20px 40px!important;align-items:center}.position-img[data-v-4276f84c]{position:absolute;display:flex;margin-top:-110px;z-index:5;background:#fff;padding:5px;right:19px;border-radius:24px}.name-circle[data-v-4276f84c]{font-weight:600;font-size:18px;line-height:25px;text-align:center;color:#fff;cursor:pointer;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(111.75deg,#179eff -.58%,#162ca2 100.82%)}.bg-top-rounded[data-v-4276f84c]{position:relative;background:#fff;width:100%;margin-top:-40px;padding:80px 19px 19px 19px;border-radius:24px 24px 0 0}.bg-rounded[data-v-4276f84c]{position:relative;background:#fff;border-radius:24px;color:#36373f;text-align:left;padding:10px 15px;margin-bottom:10px;width:90%;margin-top:-60px;box-shadow:1px 1px 4px 2px rgba(13,28,113,.1);margin-left:auto;margin-right:auto;z-index:10}.priv-head[data-v-07b800ce],.priv-head[data-v-616dae1c]{margin-bottom:15px;font-family:Poppins,sans-serif!important}.bg-white-radius[data-v-5dbfcb98]{background:#fff;border-radius:24px;padding:25px 40px}.gender-dropdown[data-v-5dbfcb98]{width:360px;margin-top:16px;box-shadow:none!important}.gender-dropdown[data-v-5dbfcb98] .v-input__control>.v-input__slot:after,.gender-dropdown[data-v-5dbfcb98] .v-input__control>.v-input__slot:before{border-color:#7b7e8c!important;box-shadow:none!important}.gender-dropdown[data-v-5dbfcb98] .v-input__control>.v-input__slot{border-radius:16px;background:#f7f9fd;border-style:none;box-shadow:none!important}.custom-text-field[data-v-5dbfcb98] .v-input__control>.v-input__slot:after,.custom-text-field[data-v-5dbfcb98] .v-input__control>.v-input__slot:before{border-color:inherit;border-style:none!important;border-width:thin 0 0 0}.custom-text-field[data-v-5dbfcb98] .v-input__control>.v-input__slot{border-radius:16px;background:#f7f9fd;width:840px;box-shadow:none!important;margin-top:10px}.bg-rounded{background:#fff;border-radius:25px;color:#36373f;text-align:left;padding:10px 15px;margin-bottom:10px}.bg-custom{background:#f5f5f5;min-height:100vh;padding:0 19px}.line[data-v-ae1e75c6]{width:v-bind(width);height:v-bind(height);background-color:v-bind(strokeColor)}.container-submit[data-v-483293d0]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;gap:24px}.navigation[data-v-483293d0]{margin-top:-30px;margin-left:-50px;display:flex;align-items:center;margin-bottom:20px;gap:10px}.navigation span[data-v-483293d0]{color:#162ca2;font-weight:700}.navigation span[data-v-483293d0]:hover{cursor:pointer}.navigation span[data-v-483293d0]:last-child{color:#575966}.navigation span[data-v-483293d0]:last-child:hover{cursor:default}.header[data-v-483293d0]{text-transform:uppercase;display:flex;justify-content:center;align-items:center;position:relative;margin-bottom:10px;padding:30px 0;border-bottom:1px solid #7b7e8c}.question-img[data-v-483293d0]{-o-object-fit:contain;object-fit:contain;width:100%;height:350px;margin-bottom:15px;cursor:pointer}.prakerja-icon[data-v-483293d0]{position:absolute;right:0}.prakerja-icon img[data-v-483293d0]{height:48px}.questions-list[data-v-483293d0]{margin-top:32px;display:flex;flex-direction:column;gap:16px}.question[data-v-483293d0]{display:flex;align-items:flex-start}.num[data-v-483293d0]{background-color:#ffde59;display:flex;justify-content:center;align-items:center;width:35px;font-weight:500;height:45px;border-radius:10px 0 0 10px}.card[data-v-483293d0]{background-color:#fff;width:100%;border-radius:16px;padding:24px 40px}.card .title[data-v-483293d0]{font-size:medium!important;line-height:27px;color:#36373f;font-weight:700;font-family:Poppins!important}.answer[data-v-483293d0]{background-color:transparent;border-radius:15px;padding:8px;font-weight:700!important}.answer-selected[data-v-483293d0]{background-color:#f1f6ff;border-radius:15px;padding:8px;font-weight:700!important}.btn-submit[data-v-483293d0]{margin:0;font-size:22px;max-width:400px;border-radius:18px!important;width:100%}.seq-no[data-v-5f8c8d1a]{background-color:#ffde59;border-radius:8px 8px 0 0;width:50px;padding:5px 0;text-align:center}.box-quest h4[data-v-5f8c8d1a]{line-height:20px}.box-quest[data-v-5f8c8d1a]{background-color:#fff;padding:20px;border-radius:0 12px 12px 12px}.box-quest .coice[data-v-5f8c8d1a]{border:1px solid #162ca2!important;background-color:#f1f6ff}.box-quest .ans[data-v-5f8c8d1a]{padding:20px;display:flex;gap:15px;border-radius:10px;border:1px solid #d3d6e1;margin-top:10px}.question-img[data-v-5f8c8d1a]{-o-object-fit:contain;object-fit:contain;width:100%;height:300px;margin-bottom:15px}.img-modal-mo[data-v-5f8c8d1a]{width:100%;height:98%;-o-object-fit:contain;object-fit:contain}.container-custom[data-v-5d3b53b8]{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;background-color:#f1f6ff}.card[data-v-5d3b53b8]{background-color:#fff;border-radius:16px;max-width:490px;display:flex;justify-content:center;align-items:center;padding:32px 48px;flex-direction:column}.card img[data-v-5d3b53b8]{width:288px;height:198px;margin-bottom:30px}.card h2[data-v-5d3b53b8]{color:#36373f;font-family:Poppins,sans-serif;font-weight:700;font-size:20px;line-height:30px;margin-bottom:8px}.card p[data-v-5d3b53b8]{text-align:center;color:#575966;font-family:Poppins,sans-serif;font-weight:400;font-size:14px;line-height:24px;margin-bottom:32px}.btn-group[data-v-5d3b53b8]{display:flex;gap:12px;justify-content:center;width:100%}.btn[data-v-5d3b53b8]{background-color:#162ca2;border-radius:12px;padding:14px 45px;color:#fff}.btn-outline[data-v-5d3b53b8],.btn[data-v-5d3b53b8]{font-family:Poppins,sans-serif;font-weight:600;font-size:14px;line-height:20px;letter-spacing:1px}.btn-outline[data-v-5d3b53b8]{border:1px solid #162ca2;border-radius:12px;padding:14px 30px;color:#162ca2}.bg[data-v-0c14a9de]{padding:0 19px;min-height:100vh}.gender-dropdown[data-v-0c14a9de]{width:360px;margin-top:16px;box-shadow:none!important}.gender-dropdown[data-v-0c14a9de] .v-input__control>.v-input__slot:after,.gender-dropdown[data-v-0c14a9de] .v-input__control>.v-input__slot:before{border-color:#7b7e8c!important;box-shadow:none!important}.gender-dropdown[data-v-0c14a9de] .v-input__control>.v-input__slot{border-radius:16px;background:#f7f9fd;border-style:none;box-shadow:none!important}.custom-text-field[data-v-0c14a9de] .v-input__control>.v-input__slot:after,.custom-text-field[data-v-0c14a9de] .v-input__control>.v-input__slot:before{border-color:inherit;border-style:none!important;border-width:thin 0 0 0}.custom-text-field[data-v-0c14a9de] .v-input__control>.v-input__slot{border-radius:16px;background:#f7f9fd;width:100%;box-shadow:none!important;margin-top:10px}.bg[data-v-3316cc09]{padding:0 19px;min-height:100vh}.custom-text-field[data-v-3316cc09] .v-input__control>.v-input__slot:after,.custom-text-field[data-v-3316cc09] .v-input__control>.v-input__slot:before{border-color:inherit;border-style:none!important;border-width:thin 0 0 0}.custom-text-field[data-v-3316cc09] .v-input__control>.v-input__slot{border-radius:16px;background:#f7f9fd;width:100%;box-shadow:none!important;margin-top:10px}.bg[data-v-b6f8b81a]{padding:0 19px;min-height:100vh}.custom-text-field[data-v-b6f8b81a] .v-input__control>.v-input__slot:after,.custom-text-field[data-v-b6f8b81a] .v-input__control>.v-input__slot:before{border-color:inherit;border-style:none!important;border-width:thin 0 0 0}.custom-text-field[data-v-b6f8b81a] .v-input__control>.v-input__slot{border-radius:16px;background:#f7f9fd;width:100%;box-shadow:none!important;margin-top:10px}.container-card[data-v-c049e22c]{background-color:#fff;padding:16px;border-radius:16px;margin-bottom:0}.container-label-top[data-v-c049e22c]{display:flex;gap:8px}.box-info-card[data-v-c049e22c]{display:flex;justify-content:center;align-items:center;gap:8px}.box-info-card span[data-v-c049e22c],.label-top[data-v-c049e22c]{color:#36373f;font-family:Poppins,sans-serif;font-weight:400;font-size:13px;line-height:18px}.label-top[data-v-c049e22c]{background-color:#f1f6ff;padding:5px 12px;border-radius:24px}.title-card[data-v-c049e22c]{margin-top:10px;display:block;color:#36373f;font-weight:600;font-size:18px;line-height:26px}.border-card[data-v-c049e22c]{border:1px solid #d3d6e1}.button-warning[data-v-c049e22c]{margin-top:16px;border:1px solid #b80f0a;border-radius:10px;padding:4px 12px;display:flex;align-items:center;gap:12px;color:#b80f0a;font-family:Poppins,sans-serif;font-weight:400;font-size:12px;line-height:16px}.button-warning[data-v-c049e22c]:hover{background-color:#ffeded}.button-warning p[data-v-c049e22c]{margin:0}.container-chat[data-v-c049e22c]{margin-top:10px;padding:5px 19px;border-radius:18px;position:relative;z-index:10px;border:1px solid #d3d6e1;display:flex;align-items:center;justify-content:space-between}.date-ratting[data-v-c049e22c]{font-size:15px}.container-chat .content[data-v-c049e22c]{display:flex;gap:8px;align-items:center!important}.dekstop[data-v-c049e22c]{display:block}.mobile[data-v-c049e22c]{display:none}.name-circle[data-v-c049e22c]{font-weight:600;font-size:18px;line-height:25px;text-align:center;color:#fff;cursor:pointer;align-items:center;justify-content:center;text-transform:uppercase;width:50px;height:50px;border-radius:50%;background:linear-gradient(111.75deg,#179eff -.58%,#162ca2 100.82%)}@media only screen and (max-width:920px){.dekstop[data-v-c049e22c]{display:none}.mobile[data-v-c049e22c]{display:block}.img-class[data-v-c049e22c]{height:80px;width:80px;border-radius:16px}.title-2[data-v-c049e22c]{font-weight:700;font-size:15px!important;line-height:19px!important;color:#36373f;margin-top:15px}.date-ratting[data-v-c049e22c]{font-size:12px}}.pagination[data-v-0754bca2]{display:flex;justify-content:center;align-items:center;margin-top:1rem}.pagination button[data-v-0754bca2]{background-color:#fff;border:none;color:#36373f;font-size:14px;font-weight:500;line-height:20px;padding:.5rem 1rem;text-align:center;text-decoration:none;display:inline-block;margin:0 .25rem;cursor:pointer;border-radius:8px}.pagination button.active[data-v-0754bca2]{background-color:#162ca2;color:#fff;border-radius:8px}.container-custom-body[data-v-4ef377ca]{background-color:#f5f6f9}.container-history[data-v-4ef377ca]{display:flex;align-items:center;justify-content:flex-end}.button-history[data-v-4ef377ca]{display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;padding:5px 10px}.button-history[data-v-4ef377ca]:hover{background-color:#d3d6e1;border-radius:10px}.button-history p[data-v-4ef377ca]{margin:0;color:#36373f;font-family:Poppins,sans-serif;font-weight:400;font-size:14px;line-height:20px}.class-schedule-text[data-v-4ef377ca]{color:#36373f;font-family:Poppins,sans-serif;font-weight:700;font-size:20px;line-height:30px}.category-text[data-v-4ef377ca]{color:#36373f;font-family:Poppins,sans-serif;font-weight:400;font-size:14px;line-height:20px}.container-class[data-v-4ef377ca]{background-color:#fff;padding:40px 32px;border-radius:24px}.container-card[data-v-4ef377ca]{margin-top:32px;display:flex;flex-direction:column;gap:16px}.empty-class[data-v-4ef377ca]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:50vh}.empty-class>h3[data-v-4ef377ca]{color:#7b7e8c;font-weight:600;font-size:16px;line-height:22px;margin-top:16px}.empty-class>p[data-v-4ef377ca]{max-width:420px;color:#7b7e8c;font-weight:400;font-size:13px;line-height:18px;text-align:center;margin-top:4px}.name-circle[data-v-4ef377ca]{font-weight:600;font-size:18px;line-height:25px;text-align:center;color:#fff;cursor:pointer;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:linear-gradient(111.75deg,#179eff -.58%,#162ca2 100.82%)}.container-chat[data-v-4ef377ca]{margin-top:10px;padding:5px 19px;border-radius:18px;position:relative;z-index:10px;border:1px solid #d3d6e1;display:flex;align-items:center;justify-content:space-between}.container-chat .content[data-v-4ef377ca]{display:flex;gap:8px;align-items:center!important}.container-custom[data-v-3cf350b1]{padding-top:24px}.judul-survey-container[data-v-3cf350b1]{margin:24px 0 0 0;padding-bottom:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-bottom:1px solid#ACAFBF}.judul-survey-container h2[data-v-3cf350b1]{color:#36373f;font-size:24px;line-height:36px;font-weight:700}.judul-survey-container p[data-v-3cf350b1]{margin:0;font-weight:400;font-size:14px;line-height:20px;color:#575966}.nilai-survey-container[data-v-3cf350b1]{height:178px}.nilai-survey-container-2[data-v-3cf350b1],.nilai-survey-container[data-v-3cf350b1]{background-color:#fff;border-radius:16px;padding:24px 32px;margin-bottom:16px}.nilai-survey-text[data-v-3cf350b1]{margin:0;color:#36373f;font-size:16px;font-weight:400;line-height:28px}.nilai-survey-text-btn-container[data-v-3cf350b1]{display:flex;justify-content:center;align-items:center;margin:24px 0}.nilai-survey-btn-container[data-v-3cf350b1]{display:flex;flex-direction:column;justify-content:center;align-items:center}.number-survey[data-v-3cf350b1]{margin:0;font-size:16px;font-weight:600;line-height:28px}.text-number-survey[data-v-3cf350b1]{margin:0;color:#36373f;font-size:14px;font-weight:400;line-height:24px}.button-survey[data-v-3cf350b1]{background-color:#2196f3;border:1px solid #2196f3;cursor:pointer;margin:0 10px;border-radius:999px}.button-survey.buttonNonactive[data-v-3cf350b1]{background-color:#fff;border:1px solid #7b7e8c;cursor:pointer;border-radius:999px}.button-content[data-v-3cf350b1]{display:flex;align-items:center;justify-content:center;border-radius:999px;width:32.5px;height:32.5px}.circle[data-v-3cf350b1]{width:28.5px;height:28.5px;border-radius:999px;background-color:#fff}.circle.active[data-v-3cf350b1]{width:15px;height:15px}.input-survey[data-v-3cf350b1]{width:960px;border:1px solid #162ca2;border-radius:12px;padding:16px 24px 56px 24px}.done-container[data-v-3cf350b1]{display:flex;flex-direction:column;justify-content:center;align-items:center}.done-container p[data-v-3cf350b1]{margin:0;font-weight:400;font-size:16px;line-height:24px;color:#36373f;margin-bottom:24px}.breadcrumbs[data-v-3cf350b1]{padding:0;margin-left:0;margin-bottom:35px;font-family:Poppins,sans-serif;font-weight:500}[data-v-3cf350b1] .v-breadcrumbs__divider{color:#162ca2!important}[data-v-3cf350b1] .v-breadcrumbs__item{color:#162ca2}[data-v-3cf350b1] div.v-breadcrumbs__item{color:#7b7e8c!important}