@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}@keyframes fade{0%{opacity:0}to{opacity:1}}@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{animation:fade .3s}.fade-up-leave-active{animation:fade-up .3s reverse}.fade-up-enter-active{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}.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)}.panduan-login{background:url(../img/logo-pnk.2981efeb.png);background-repeat:no-repeat}#line{width:100%;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:#eff2f7!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-d420cd72]{margin:40px 0 0}ul[data-v-d420cd72]{list-style-type:none;padding:0}li[data-v-d420cd72]{display:inline-block;margin:0 10px}a[data-v-d420cd72]{color:#42b983}.v-progress-circular[data-v-50c5509a]{margin:.5rem}.color-warning-cutsom[data-v-50c5509a]{color:#8c7913!important}.icon-cek[data-v-50c5509a]{height:200px;padding:10px;position:relative}.pst[data-v-50c5509a]{position:absolute;right:0;left:0;top:40%}.content-check .v-alert--text[data-v-50c5509a]:before{background-color:#fefbd8!important}.content-check .v-alert--text[data-v-50c5509a]{background:#fefbd8!important}.pst .v-progress-circular__underlay[data-v-50c5509a]{stroke:transparent!important;z-index:1}.access-video[data-v-50c5509a]{background-color:#000;border-radius:5px}canvas[data-v-50c5509a]{position:absolute;right:28%;z-index:10;width:500px;height:250px}.v-progress-circular[data-v-499920e1]{margin:.5rem}.color-warning-cutsom[data-v-499920e1]{color:#8c7913!important}.icon-cek[data-v-499920e1]{height:200px;padding:10px;position:relative}.pst[data-v-499920e1]{position:absolute;right:0;left:0;top:40%}.content-check .v-alert--text[data-v-499920e1]:before{background-color:#fefbd8!important}.content-check .v-alert--text[data-v-499920e1]{background:#fefbd8!important}.pst .v-progress-circular__underlay[data-v-499920e1]{stroke:transparent!important;z-index:1}.access-video[data-v-499920e1]{background-color:#000;border-radius:5px}canvas[data-v-499920e1]{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;-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}.v-data-footer__select{justify-content:left!important;position:absolute;left:20px}.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:#00549a;top:0;bottom:0;left:50%;margin-left:-3px;transform:translateY(10px)}span.point{position:absolute;width:19px;height:19px;background-color:#00549a;border:3px solid #00549a;border-radius:100%;left:-4px;right:0;top:3px;margin:auto;z-index:1}.accent-blue{background-color:#d4e5fe!important;border-radius:4px}.spacing>div[data-v-6e853851]{margin-top:2rem}.spacing[data-v-6e853851]{background-color:#fff;border-radius:.5em;padding:2rem}