.unauthorized{padding-top:10%;width:100%}.not-found-text{padding-top:5%;border-left:1px solid #000;padding-left:5%}.not-found{padding-top:17%;height:100%}.construction-icon,.construction-sub-title,.construction-title{margin:auto}h1{font-size:15vmin;margin-bottom:0}h2{font-size:5vmin;margin-top:0;margin-bottom:40px}.camera-not-found{padding-top:6%;padding-bottom:2%;width:100%}.btn-take-photo{padding-top:5%}.photo{width:360px;padding:1%;border:1px solid #000}.web-camera-container{margin-top:2rem;margin-bottom:2rem;padding:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #ccc;border-radius:4px;width:500px}.web-camera-container .camera-button{margin-bottom:2rem}.web-camera-container .camera-box .camera-shutter{opacity:0;width:450px;height:337.5px;background-color:#fff;position:absolute}.web-camera-container .camera-box .camera-shutter.flash{opacity:1}.web-camera-container .camera-shoot{margin:1rem 0}.web-camera-container .camera-shoot button{height:60px;width:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:100%}.web-camera-container .camera-shoot button img{height:35px;-o-object-fit:cover;object-fit:cover}.web-camera-container .camera-loading{overflow:hidden;height:100%;position:absolute;width:100%;min-height:150px;margin:3rem 0 0 -1.2rem}.web-camera-container .camera-loading ul{height:100%;position:absolute;width:100%;z-index:999999;margin:0}.web-camera-container .camera-loading .loader-circle{display:block;height:14px;margin:0 auto;top:50%;left:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);position:absolute;width:100%;padding:0}.web-camera-container .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%}.web-camera-container .camera-loading .loader-circle li:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.web-camera-container .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}}.image-background{width:100%;height:auto;text-align:center;color:#000}.arrow-center{background-color:#dbdbdb;font-size:16px;padding-top:.5%;height:7vh;font-weight:600;border-right:1px solid #acacac}@media screen and (min-width:1216px){.content-left{height:76vh;background-color:#f5f5f5;border-left:1px solid #acacac}.content-center{max-height:76vh;border-right:1px solid #acacac}.content-right{max-height:76vh;border-left:1px solid #acacac}}@media screen and (min-width:1408px){.content-left{height:78vh;background-color:#f5f5f5;border-left:1px solid #acacac}.content-center{max-height:78vh;border-right:1px solid #acacac}.content-right{max-height:78vh;border-left:1px solid #acacac}}.section-title{padding-left:7%}.section-title,.sub-section{font-weight:600;cursor:pointer}.sub-section{padding-top:5%;padding-left:13%}.text-inactive{color:#a2a2a2}.text-acitve{color:#000}.tugas-left{background-color:#00a3a3;color:#fff;padding-left:2%}.tugas-center,.tugas-left{font-size:16px;padding-top:.7%;height:7vh;cursor:pointer}.tugas-center{border-right:1px solid #acacac}.tugas-center,.tugas-right{background-color:#dbdbdb;font-weight:600}.tugas-right{font-size:16px;height:7vh;border-left:1px solid #acacac}@media screen and (min-width:1024px){.tugas-center,.tugas-left,.tugas-right{padding-top:.7%}}@media screen and (min-width:1408px){.tugas-center,.tugas-left,.tugas-right{padding-top:1%;font-size:20px}}@media(min-width:360px)and (max-width:1000px){.toast{width:95%}.modal-card-foot>button{height:auto!important;font-size:1.25rem!important;white-space:normal!important}}@media(min-width:360px){.content-case-study{padding-top:15%;padding-left:0;padding-right:0}.b-steps .steps+.step-content{padding-top:19px!important;height:83vh}.section-question{padding-top:10px!important}}@media screen and (min-width:1216px){.content-case-study{max-height:83vh!important;height:83vh!important;padding-left:0;padding-right:0;padding-top:4%}.b-steps .steps+.step-content{padding-top:19px!important;height:83vh}.section-question{padding-top:30px!important}}@media screen and (min-width:1408px){.content-case-study{max-height:85vh!important;height:100%!important;padding-left:0;padding-right:0}.b-steps .steps+.step-content{padding-top:0!important;height:83vh}.section-question{padding-top:30px!important}}.b-steps .steps{display:none}.header-mobile{overflow:hidden;background-color:#f5f5f5;position:fixed;top:0;z-index:1;width:100%;padding-top:1%;height:10%}.header-mobile-column{margin-left:.25rem!important}.header-desktop{overflow:hidden;background-color:#f5f5f5;position:fixed;top:0;z-index:1;width:100%;margin-left:0;padding-top:1%}.header-desktop-column{margin-left:.25rem!important}.main{padding:0!important}.countdown{padding-left:2%}@media(min-width:360px){.progress-bar{bottom:0;padding-bottom:0;height:100%}}@media screen and (min-width:1216px){.progress-bar{border-top:2px solid #dbdbdb;bottom:0;padding-bottom:0;height:100%}.progress{height:18px!important}}@media screen and (min-width:1408px){.progress-bar{border-top:2px solid #dbdbdb;bottom:0;padding-bottom:0;padding-top:1.6%;height:8vh}.progress{height:22px!important}}.progress-wrapper .progress-value{top:13%!important;font-size:15px!important}