@import url(https://fonts.googleapis.com/css2?family=Poppins);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css?family=Saira+Condensed:700);:root{--main-font-family:"Poppins";--main-background-grey:#eff2f7;--main-background-navy:#4c6583;--main-color-state:#3c4858;--main-color-disable:#8492a6;--main-color-blue:#204dd4}.v-application,.v-application .body-1,.v-application .caption,.v-application .headline,.v-application .title,html{font-family:Poppins!important}.v-application{font-size:14px;background:var(--main-background-grey)!important}.v-btn{text-transform:capitalize!important}.bg-grey{background:var(--main-background-grey)!important}.color-state{color:var(--main-color-state)!important}.color-disable{color:var(--main-color-disable)!important}.color-blue{color:var(--main-color-blue)!important}.color-check{color:#8492a6}.v-text-field input{padding:8px 10px!important}.v-text-field--outlined fieldset{border:1px solid #c0ccda}.v-btn:not(.v-btn--round).v-size--large{height:56px!important;font-size:16px}.fs-12{font-size:12px!important}.fs-14{font-size:14px!important}.fs-18{font-size:16px!important}.fs-32{font-size:30px!important}.fs-20{font-size:18px!important}.fs-24{font-size:24px!important}.bg-accent-warning{background:#fefbd8!important;border:1px solid #d0bb2d!important;color:#ae9a1f!important}.bg-accent-green{background:#f1fcdb!important;border:1px solid #a7de71!important;color:#469023!important}.bg-accent-null{background:#eff2f7!important}.bg-accent-default,.bg-accent-null{border:1px solid #c0ccda!important;color:#3c4858!important}.bg-accent-default{background:#fff!important}.v-toolbar__content{background:#fff}.v-main__wrap{background:#eff2f7}.content-wrapper{position:relative}.menu-active:after{content:"";position:absolute;width:3px;height:100%;left:0;background:var(--v-primary-base)}.v-application .menu-active .color--text{color:var(--primary-text)!important}.img-yec{width:100%}.img-yec,.img-yec-test{height:50px;-o-object-fit:contain;object-fit:contain}body{font-family:Poppins!important}.v-application .flat-b-24{box-shadow:0 48px 0 rgba(0,0,0,.1)!important}.v-application .flat-l-24{box-shadow:48px 0 0 rgba(0,0,0,.1)!important}.v-application .flat-d-24{box-shadow:48px 48px 0 rgba(0,0,0,.1)!important}.v-application .flat-b-23{box-shadow:0 46px 0 rgba(0,0,0,.1)!important}.v-application .flat-l-23{box-shadow:46px 0 0 rgba(0,0,0,.1)!important}.v-application .flat-d-23{box-shadow:46px 46px 0 rgba(0,0,0,.1)!important}.v-application .flat-b-22{box-shadow:0 44px 0 rgba(0,0,0,.1)!important}.v-application .flat-l-22{box-shadow:44px 0 0 rgba(0,0,0,.1)!important}.v-application .flat-d-22{box-shadow:44px 44px 0 rgba(0,0,0,.1)!important}.v-application .flat-b-21{box-shadow:0 42px 0 rgba(0,0,0,.1)!important}.v-application .flat-l-21{box-shadow:42px 0 0 rgba(0,0,0,.1)!important}.v-application .flat-d-21{box-shadow:42px 42px 0 rgba(0,0,0,.1)!important}.v-application .flat-b-20{box-shadow:0 40px 0 rgba(0,0,0,.1)!important}.v-application .flat-l-20{box-shadow:40px 0 0 rgba(0,0,0,.1)!important}.v-application .flat-d-20{box-shadow:40px 40px 0 rgba(0,0,0,.1)!important}.v-application .flat-b-19{box-shadow:0 38px 0 rgba(0,0,0,.1)!important}.v-application .flat-l-19{box-shadow:38px 0 0 rgba(0,0,0,.1)!important}.v-application .flat-d-19{box-shadow:38px 38px 0 rgba(0,0,0,.1)!important}.v-application .flat-b-18{box-shadow:0 36px 0 rgba(0,0,0,.1)!important}.v-application .flat-l-18{box-shadow:36px 0 0 rgba(0,0,0,.1)!important}.v-application .flat-d-18{box-shadow:36px 36px 0 rgba(0,0,0,.1)!important}.v-application .flat-b-17{box-shadow:0 34px 0 rgba(0,0,0,.1)!important}.v-application .flat-l-17{box-shadow:34px 0 0 rgba(0,0,0,.1)!important}.v-application .flat-d-17{box-shadow:34px 34px 0 rgba(0,0,0,.1)!important}.v-application .flat-b-16{box-shadow:0 32px 0 rgba(0,0,0,.1)!important}.v-application .flat-l-16{box-shadow:32px 0 0 rgba(0,0,0,.1)!important}.v-application .flat-d-16{box-shadow:32px 32px 0 rgba(0,0,0,.1)!important}.v-application .flat-b-15{box-shadow:0 30px 0 rgba(0,0,0,.1)!important}.v-application .flat-l-15{box-shadow:30px 0 0 rgba(0,0,0,.1)!important}.v-application .flat-d-15{box-shadow:30px 30px 0 rgba(0,0,0,.1)!important}.v-application .flat-b-14{box-shadow:0 28px 0 rgba(0,0,0,.1)!important}.v-application .flat-l-14{box-shadow:28px 0 0 rgba(0,0,0,.1)!important}.v-application .flat-d-14{box-shadow:28px 28px 0 rgba(0,0,0,.1)!important}.v-application .flat-b-13{box-shadow:0 26px 0 rgba(0,0,0,.1)!important}.v-application .flat-l-13{box-shadow:26px 0 0 rgba(0,0,0,.1)!important}.v-application .flat-d-13{box-shadow:26px 26px 0 rgba(0,0,0,.1)!important}.v-application .flat-b-12{box-shadow:0 24px 0 rgba(0,0,0,.1)!important}.v-application .flat-l-12{box-shadow:24px 0 0 rgba(0,0,0,.1)!important}.v-application .flat-d-12{box-shadow:24px 24px 0 rgba(0,0,0,.1)!important}.v-application .flat-b-11{box-shadow:0 22px 0 rgba(0,0,0,.1)!important}.v-application .flat-l-11{box-shadow:22px 0 0 rgba(0,0,0,.1)!important}.v-application .flat-d-11{box-shadow:22px 22px 0 rgba(0,0,0,.1)!important}.v-application .flat-b-10{box-shadow:0 20px 0 rgba(0,0,0,.1)!important}.v-application .flat-l-10{box-shadow:20px 0 0 rgba(0,0,0,.1)!important}.v-application .flat-d-10{box-shadow:20px 20px 0 rgba(0,0,0,.1)!important}.v-application .flat-b-9{box-shadow:0 18px 0 rgba(0,0,0,.1)!important}.v-application .flat-l-9{box-shadow:18px 0 0 rgba(0,0,0,.1)!important}.v-application .flat-d-9{box-shadow:18px 18px 0 rgba(0,0,0,.1)!important}.v-application .flat-b-8{box-shadow:0 16px 0 rgba(0,0,0,.1)!important}.v-application .flat-l-8{box-shadow:16px 0 0 rgba(0,0,0,.1)!important}.v-application .flat-d-8{box-shadow:16px 16px 0 rgba(0,0,0,.1)!important}.v-application .flat-b-7{box-shadow:0 14px 0 rgba(0,0,0,.1)!important}.v-application .flat-l-7{box-shadow:14px 0 0 rgba(0,0,0,.1)!important}.v-application .flat-d-7{box-shadow:14px 14px 0 rgba(0,0,0,.1)!important}.v-application .flat-b-6{box-shadow:0 12px 0 rgba(0,0,0,.1)!important}.v-application .flat-l-6{box-shadow:12px 0 0 rgba(0,0,0,.1)!important}.v-application .flat-d-6{box-shadow:12px 12px 0 rgba(0,0,0,.1)!important}.v-application .flat-b-5{box-shadow:0 10px 0 rgba(0,0,0,.1)!important}.v-application .flat-l-5{box-shadow:10px 0 0 rgba(0,0,0,.1)!important}.v-application .flat-d-5{box-shadow:10px 10px 0 rgba(0,0,0,.1)!important}.v-application .flat-b-4{box-shadow:0 8px 0 rgba(0,0,0,.1)!important}.v-application .flat-l-4{box-shadow:8px 0 0 rgba(0,0,0,.1)!important}.v-application .flat-d-4{box-shadow:8px 8px 0 rgba(0,0,0,.1)!important}.v-application .flat-b-3{box-shadow:0 6px 0 rgba(0,0,0,.1)!important}.v-application .flat-l-3{box-shadow:6px 0 0 rgba(0,0,0,.1)!important}.v-application .flat-d-3{box-shadow:6px 6px 0 rgba(0,0,0,.1)!important}.v-application .flat-b-2{box-shadow:0 4px 0 rgba(0,0,0,.1)!important}.v-application .flat-l-2{box-shadow:4px 0 0 rgba(0,0,0,.1)!important}.v-application .flat-d-2{box-shadow:4px 4px 0 rgba(0,0,0,.1)!important}.v-application .flat-b-1{box-shadow:0 2px 0 rgba(0,0,0,.1)!important}.v-application .flat-l-1{box-shadow:2px 0 0 rgba(0,0,0,.1)!important}.v-application .flat-d-1{box-shadow:2px 2px 0 rgba(0,0,0,.1)!important}.v-application .flat-b-0,.v-application .flat-d-0,.v-application .flat-l-0{box-shadow:0 0 0 rgba(0,0,0,.1)!important}html{overflow:auto;font-family:Poppins}.theme--light.v-btn,.theme--light.v-btn.v-btn--icon,.theme--light.v-icon{color:var(--v-color-base)}.theme--light.v-application,.theme--light.v-card .v-card__subtitle,.theme--light.v-card>.v-card__text,.theme--light.v-list-item:not(.v-list-item--active):not(.v-list-item--disabled),.theme--light.v-sheet{color:var(--v-color-base)!important}.v-input--checkbox .v-icon{color:#9cafc6}.theme--light.v-application{background-color:var(--v-background-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@-webkit-keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fade-up{0%{width:100%;position:absolute;opacity:0;transform:translate3d(0,50%,0);left:0;right:0}to{width:100%;position:absolute;left:0;right:0;opacity:1;transform:translateZ(0)}}@keyframes fade-up{0%{width:100%;position:absolute;opacity:0;transform:translate3d(0,50%,0);left:0;right:0}to{width:100%;position:absolute;left:0;right:0;opacity:1;transform:translateZ(0)}}.fade-enter-active{-webkit-animation:fade .3s;animation:fade .3s}.fade-up-leave-active{animation:fade-up .3s reverse}.fade-up-enter-active{-webkit-animation:fade-up .3s;animation:fade-up .3s}a{text-decoration:none}.theme--light.v-tabs>.v-tabs-bar .v-tab:not(.v-tab--active) .v-badge__badge{color:#fff!important;background-color:#9cafc6!important}.color-navy{color:#4c6583!important}.color-navy-soft{color:#9cafc6!important}.accent-warning{color:#be9f05!important;border:1px solid #be9f05!important}.accent-success,.accent-warning{background:transparent!important}.accent-success{color:#4da41d!important;border:1px solid #4da41d!important}.accent-default{color:#9cafc6!important;border:1px solid #9cafc6!important;background:transparent!important}.box-shadow{box-shadow:0 5px 15px -5px rgba(0,0,0,.2)!important}.border-radius{border-radius:10px!important}.card-guide:hover{border:2px solid #652065}.panduan-login{background:url(../img/bg_login.2b2143fe.png);background-size:cover;background-repeat:no-repeat}.google-signin-button{color:#fff;background-color:red;height:50px;font-size:16px;border-radius:10px;padding:10px 20px 25px 20px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}#line{width:100%;height:-webkit-max-content;height:-moz-max-content;height:max-content;text-align:center;position:relative}#line:after{content:"";width:100%;border-bottom:1px solid #e0e6ed;position:absolute;left:0;top:50%;z-index:1}#line span{width:auto;background:#fff;display:inline-block;z-index:3;padding:0 20px 0 20px;position:relative;margin:0}.ticket .v-expansion-panel:before{box-shadow:none!important}.ticket .v-expansion-panel{border-radius:4px!important}.ticket .v-expansion-panel:not(:first-child):after{border-color:rgb(239 242 247)!important}.content-guide ol{padding-left:15px}.content-guide li{margin-bottom:10px}.content-guide .v-input--selection-controls__input .v-icon{color:#8492a6}h3[data-v-25df9df3]{margin:40px 0 0}ul[data-v-25df9df3]{list-style-type:none;padding:0}li[data-v-25df9df3]{display:inline-block;margin:0 10px}a[data-v-25df9df3]{color:#42b983}.v-progress-circular[data-v-1d7145fa]{margin:.5rem}.color-warning-cutsom[data-v-1d7145fa]{color:#8c7913!important}.icon-cek[data-v-1d7145fa]{height:200px;padding:10px;position:relative}.pst[data-v-1d7145fa]{position:absolute;right:0;left:0;top:40%}.content-check .v-alert--text[data-v-1d7145fa]:before{background-color:#fefbd8!important}.content-check .v-alert--text[data-v-1d7145fa]{background:#fefbd8!important}.pst .v-progress-circular__underlay[data-v-1d7145fa]{stroke:transparent!important;z-index:1}.access-video[data-v-1d7145fa]{background-color:#000;border-radius:5px}canvas[data-v-1d7145fa]{position:absolute;right:28%;z-index:10;width:500px;height:250px}.v-progress-circular[data-v-45e13faa]{margin:.5rem}.color-warning-cutsom[data-v-45e13faa]{color:#8c7913!important}.icon-cek[data-v-45e13faa]{height:200px;padding:10px;position:relative}.pst[data-v-45e13faa]{position:absolute;right:0;left:0;top:40%}.content-check .v-alert--text[data-v-45e13faa]:before{background-color:#fefbd8!important}.content-check .v-alert--text[data-v-45e13faa]{background:#fefbd8!important}.pst .v-progress-circular__underlay[data-v-45e13faa]{stroke:transparent!important;z-index:1}.access-video[data-v-45e13faa]{background-color:#000;border-radius:5px}canvas[data-v-45e13faa]{position:absolute;right:28%;z-index:10;width:500px;height:250px}@media (min-width:1200px){.mx-width{width:310px!important}}.box-volume .v-slider--horizontal .v-slider__track-container{height:5px}.alert-instruction .v-alert--text:before{background-color:#fefbd8!important}.alert-instruction .v-alert--text{background:#fefbd8!important}.theme--light .box-volume .v-text-field>.v-input__control>.v-input__slot:before{border-color:transparent;border-style:hidden;border-width:thin 0 0}.box-volume .v-text-field>.v-input__control>.v-input__slot:after{border-style:hidden}.img-question{max-width:100%;-o-object-fit:contain;object-fit:contain}@media (max-width:1024px){#tes{text-align:center}#tes .my-2{margin-top:5px!important;margin-bottom:5px!important}#tes .mx-2{margin-right:5px!important;margin-left:5px!important}}.speech-detection .v-snack__wrapper{min-width:150px!important}.test-video{background-color:#000;border-radius:5px;position:fixed;right:1%;bottom:3%}#soal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.img-question-structure{width:100%;-o-object-fit:contain;object-fit:contain}#photoTaken,#photoTaken2{display:none}@media (max-width:1330px){#tes-structure{text-align:center}#tes-structure .my-2{margin-top:5px!important;margin-bottom:5px!important}#tes-structure .mx-2{margin-right:5px!important;margin-left:5px!important}}tr:nth-child(2n){background-color:#f9fafc}.theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>td:not(.v-data-table__mobile-row),.theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>th:not(.v-data-table__mobile-row){border-bottom:0 solid transparent!important}.theme--light.v-data-table>.v-data-table__wrapper>table>thead>tr:last-child>th{border-bottom:0 solid transparent!important;font-size:14px;font-weight:600;color:#8492a6}.theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr{color:#3c4858}.theme--light.v-data-table .v-data-footer{border-top:0 solid transparent!important;padding:16px!important}.vue-html2pdf .layout-container[data-v-1fd3ad26]{background:#fff!important}.vue-html2pdf tr:nth-child(2n){background-color:#fff!important}@media print{@page{size:landscape}}span.label{font-weight:600;color:#888}.inline{display:inline-block;vertical-align:top}.item .time{width:130px}.item .timeline{width:100px;height:100px;position:relative}.item:not(:last-child) .timeline:after{content:"";position:absolute;width:3px;background-color:#652065;top:0;bottom:0;left:50%;margin-left:-3px;transform:translateY(10px)}span.point{position:absolute;width:19px;height:19px;background-color:#652065;border:3px solid #652065;border-radius:100%;left:-4px;right:0;top:3px;margin:auto;z-index:1}.v-text-field.v-text-field--enclosed .v-text-field__details{margin-bottom:0!important}.accent-blue{background-color:#d4e5fe!important;border-radius:4px}.upload-container{width:100%;height:250px;border:2px dashed #ddd;margin-top:10px}.upload-content{flex-direction:column}.upload-content,.upload-content-img{display:flex;justify-content:center;align-items:center;height:250px}.camera-box .camera-shutter{opacity:0;width:450px;height:337.5px;background-color:#fff;position:absolute}.camera-box .camera-shutter.flash{opacity:1}.camera-shoot{margin:1rem 0}.camera-shoot button{height:60px;width:60px;display:flex;align-items:center;justify-content:center;border-radius:100%}.camera-shoot button img{height:35px;-o-object-fit:cover;object-fit:cover}.camera-loading{overflow:hidden;position:absolute;display:flex;align-items:center;justify-content:center;width:450px;height:250px;margin:3rem 0 0 0}.camera-loading ul{height:100%;width:100%;position:absolute;z-index:999999;margin:0}.camera-loading .loader-circle{display:block;height:14px;margin:0 auto;top:50%;left:100%;transform:translateY(-50%);transform:translateX(-50%);position:absolute;width:100%;padding:0}.camera-loading .loader-circle li{display:block;float:left;width:10px;height:10px;line-height:10px;padding:0;position:relative;margin:0 0 0 4px;background:#999;-webkit-animation:preload 1s infinite;animation:preload 1s infinite;top:-50%;border-radius:100%}.camera-loading .loader-circle li:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.camera-loading .loader-circle li:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}@-webkit-keyframes preload{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes preload{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.dropZone{width:100%;height:250px;position:relative;border:2px dashed #eee;margin-top:10px}.dropZone:hover{border:3px dashed #652065}.dropZone:hover .dropZone-title{color:#1975a0}.dropZone-info{color:#a8a8a8;position:absolute;top:50%;width:100%;transform:translateY(-50%);text-align:center}.dropZone-title{color:#787878}.dropZone input{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0}.dropZone-upload-limit-info{display:flex;justify-content:flex-start;flex-direction:column}.dropZone-over{background:#5c5c5c;opacity:.8}.dropZone-uploaded{width:100%;height:200px;position:relative;border:2px dashed #eee}.dropZone-uploaded-info{display:flex;flex-direction:column;align-items:center;color:#a8a8a8;position:absolute;top:50%;width:100%;transform:translateY(-50%);text-align:center}.s1{color:#000;font-family:Arial,sans-serif;font-style:normal;font-weight:400;text-decoration:none;font-size:26pt}.p,p{font-weight:400;margin:0}.p,h1,p{color:#000;font-family:Gill Sans MT,sans-serif;font-style:normal;text-decoration:none;font-size:12pt}h1{font-weight:700}.s3{color:#1154cc}.s3,.s4{font-family:Trebuchet MS,sans-serif;font-style:normal;font-weight:400;text-decoration:none;font-size:12pt}.s4{color:red}.s5{color:#000;font-family:Arial,sans-serif;font-style:normal;font-weight:400;text-decoration:none;font-size:12pt}li{display:block}#l1{padding-left:0;counter-reset:c1 1}#l1>li>:first-child:before{counter-increment:c1;content:counter(c1,decimal) ". ";color:#000;font-style:normal;font-weight:400;text-decoration:none}#l1>li:first-child>:first-child:before{counter-increment:c1 0}#l2{padding-left:0;counter-reset:c2 1}#l2>li>:first-child:before{counter-increment:c2;content:counter(c2,lower-latin) ". ";color:#000;font-family:Gill Sans MT,sans-serif;font-style:normal;font-weight:400;text-decoration:none;font-size:12pt}#l2>li:first-child>:first-child:before{counter-increment:c2 0}#l3{padding-left:0;counter-reset:c2 1}#l3>li>:first-child:before{counter-increment:c2;content:counter(c2,lower-latin) ". ";color:#000;font-family:Gill Sans MT,sans-serif;font-style:normal;font-weight:400;text-decoration:none;font-size:12pt}#l3>li:first-child>:first-child:before{counter-increment:c2 0}#l4{padding-left:0;counter-reset:c3 1}#l4>li>:first-child:before{counter-increment:c3;content:counter(c3,lower-roman) ". ";color:#000;font-family:Gill Sans MT,sans-serif;font-style:normal;font-weight:400;text-decoration:none;font-size:12pt}#l4>li:first-child>:first-child:before{counter-increment:c3 0}#l5{padding-left:0;counter-reset:c2 1}#l5>li>:first-child:before{counter-increment:c2;content:counter(c2,lower-latin) ". ";color:#000;font-family:Gill Sans MT,sans-serif;font-style:normal;font-weight:400;text-decoration:none;font-size:12pt}#l5>li:first-child>:first-child:before{counter-increment:c2 0}#l6{padding-left:0;counter-reset:c3 1}#l6>li>:first-child:before{counter-increment:c3;content:counter(c3,lower-roman) ". ";color:#000;font-family:Gill Sans MT,sans-serif;font-style:normal;font-weight:400;text-decoration:none;font-size:12pt}#l6>li:first-child>:first-child:before{counter-increment:c3 0}#l7{padding-left:0;counter-reset:c2 1}#l7>li>:first-child:before{counter-increment:c2;content:counter(c2,lower-latin) ". ";color:#000;font-family:Gill Sans MT,sans-serif;font-style:normal;font-weight:400;text-decoration:none;font-size:12pt}#l7>li:first-child>:first-child:before{counter-increment:c2 0}#l8{padding-left:0;counter-reset:c3 1}#l8>li>:first-child:before{counter-increment:c3;content:counter(c3,lower-roman) ". ";color:#000;font-family:Gill Sans MT,sans-serif;font-style:normal;font-weight:400;text-decoration:none;font-size:12pt}#l8>li:first-child>:first-child:before{counter-increment:c3 0}#l9{padding-left:0;counter-reset:c2 1}#l9>li>:first-child:before{counter-increment:c2;content:counter(c2,lower-latin) ". ";color:#000;font-family:Gill Sans MT,sans-serif;font-style:normal;font-weight:400;text-decoration:none;font-size:12pt}#l9>li:first-child>:first-child:before{counter-increment:c2 0}