:root{--input-padding-x: 0;--input-padding-y: .75rem}body{position:relative;font-family:'Roboto';background-color:#E9E9E9;color:#5A5A5A}a{text-decoration:none}a:active,a.active,a:hover,a:focus{text-decoration:none}.wrapper{position:relative}.bg{position:absolute;background-color:#336799;top:0;left:0;right:0;z-index:-1}.user{margin-left:auto;padding-top:25px;padding-bottom:25px;color:#fff;display:flex;align-items:center}.user-text{text-align:right}.user-icon{border-radius:10px;background-color:#3594DF;padding:10px 20px;font-size:30px;margin-left:15px}.user .btn-white{border-radius:50px;background-color:#fff;color:#359AE2;padding:5px 20px;font-weight:bold}.user .btn-white:hover{opacity:.8}.logo{display:flex;align-items:center;padding-top:25px;padding-bottom:25px}.logo img{height:70px;margin-right:20px}.logo h2{color:#fff;margin:0}.logo h6{color:#fff;font-weight:300;letter-spacing:4px;margin:0}.logo-center{justify-content:center}.card{border-radius:10px;box-shadow:0px 0px 30px 0px rgba(0,0,0,0.2);margin:auto;border:none}.card-bg{background-image:url(../img/bg-card.png);background-repeat:no-repeat;background-position:top right}.card-body{padding:40px}.card-footer{height:50px;border:none}.login{max-width:460px}.login .card-body{padding:30px 60px}.login .fa{position:absolute;border-radius:50px;background:#C0C1C1;color:#fff;width:25px;height:25px;line-height:25px;text-align:center;left:0;top:.3rem}.login .fa-eye{background:transparent;color:#70757D;right:0;left:auto}.login .form-label-group{position:relative;margin-bottom:1rem;padding-left:35px}.login .form-label-group>input,.login .form-label-group>label{padding:var(--input-padding-y) var(--input-padding-x);border:none;border-bottom:1px solid #C0C1C1;border-radius:0}.login .form-label-group>input:focus{outline:none;box-shadow:none}.login .form-label-group>input:focus+.line{width:100%}.login .form-label-group>label{position:absolute;top:-5px;left:35px;display:block;width:100%;margin-bottom:0;line-height:1.5;color:#70757D;border:1px solid transparent;border-radius:.25rem;transition:all .1s ease-in-out}.login .form-label-group input::-webkit-input-placeholder{color:transparent}.login .form-label-group input:-ms-input-placeholder{color:transparent}.login .form-label-group input::-moz-placeholder{color:transparent}.login .form-label-group input:not(:placeholder-shown){padding-top:calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));padding-bottom:calc(var(--input-padding-y) / 3)}.login .form-label-group input:not(:placeholder-shown) ~ label{padding-top:calc(var(--input-padding-y) / 3);padding-bottom:calc(var(--input-padding-y) / 3);font-size:12px;color:#777}.login .form-label-group .line{border-bottom:1px solid #666;display:block;width:0;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}.login .btn{border-radius:50px;font-weight:bold}.form-custom .line{border-bottom:1px solid #666;display:block;width:0;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}.form-custom .form-control,.form-custom .form-control-static{position:relative;background:transparent;border:none;border-radius:0;border-bottom:1px solid #eee;padding-left:0;padding-right:0}.form-custom .form-control:focus,.form-custom .form-control-static:focus{box-shadow:none}.form-custom .form-control:focus+.line,.form-custom .form-control-static:focus+.line{width:100%}.form-custom label{font-size:12px;font-weight:bold}.form-custom .btn{border-radius:50px}.spinner-border{display:none;margin-left:10px}.bar-top{display:flex;align-items:center}.bar-top .soal-title{font-weight:bold;margin-left:10px;border-radius:3px;background-color:#3594DF;padding:5px 10px;color:#fff}.bar-top .right{margin-left:auto;display:flex;align-items:center}.bar-top .timer{display:flex;align-items:center;border-radius:50px;border:1px solid #EB4043;padding:5px 20px}.bar-top .timer-time{font-weight:bold;margin-left:20px}.bar-top .btn-soal{margin-left:10px;border-radius:50px;padding:5px 20px}.bar-top .btn-soal .fa{margin-left:10px}.bar-text{margin-top:20px;margin-left:-40px;margin-right:-40px;padding:10px 40px;background-color:#efefef}.bar-text .font-small{font-size:11px;color:#AAA}.bar-text .font-middle{font-size:13px;color:#666}.bar-text .font-big{font-size:15px;color:#000}.soal-wrapper{border:1px solid #eee;border-top:3px solid #eee;margin-top:10px;margin-bottom:10px;padding:10px}.nomor-soal{list-style:none}.nomor-soal li{float:left;margin:8px}.nomor-soal li a{position:relative;display:block;width:40px;height:40px;padding-top:10px;text-align:center;border:1px solid #000;border-radius:3px;color:#336799;font-size:14px;font-weight:bold}.nomor-soal li a:hover,.nomor-soal li a:focus,.nomor-soal li a.active{background:#336799;border-color:#336799;color:#fff}.nomor-soal li a:hover span,.nomor-soal li a:focus span,.nomor-soal li a.active span{color:#000;border-color:#336799}.nomor-soal li a.ragu span{background:#ff9900 !important;color:#fff}.nomor-soal li a.isi span{background:#5cb85c;color:#fff}.nomor-soal li a span{position:absolute;display:block;background:#eee;color:#000;font-size:11px;padding-top:2px;border:1px solid #000;width:20px;height:20px;top:-8px;right:-8px;border-radius:500px}.dialog button{border-radius:50px}.dialog label{display:flex;align-items:center}.jawaban-mce{display:inline-block;width:20px;height:20px;border-radius:50px;border:1px solid #999;text-align:center;color:#666;font-weight:bold;font-family:'Roboto';font-size:12px;padding-left:0;text-indent:initial;margin:2px 10px 2px 2px;line-height:20px}.jawaban-mce:hover{background:#ccc;color:#000}.jawaban-mce.active{background:#333;color:#fff}.jawaban-ol{margin-left:-34px}.jawaban-img-border{display:inline-block;border:1px solid #ccc;border-radius:5px;margin-top:20px}.jawaban-img-title{display:inline-block;padding:10px;background:#eee;color:#333;font-weight:bold}.jawaban-img-wrapper{display:inline-block;padding:5px 10px}.jawaban-isian{display:inline-block;font-weight:bold;background:#fffbd3;border-bottom:2px dashed #000;min-width:80px}.jawaban-essay{background:#fffbd3;border:2px dashed #333;margin-top:10px;padding:5px}.button-wrapper{display:flex;align-items:center}.button-wrapper button{border-radius:50px;padding:10px 20px;color:#fff;font-weight:bold}.button-wrapper button:hover,.button-wrapper button:focus,.button-wrapper button.active,.button-wrapper button:active{color:#fff !important}.button-wrapper .sesudah{margin-left:auto}.button-wrapper .sesudah .fa{margin-left:10px}.button-wrapper .sebelum .fa{margin-right:10px}.button-wrapper .check-ragu{position:relative;display:inline-block;width:15px;height:15px;background:#FFF;border:1px solid #ddd;margin-right:10px;margin-bottom:-2px}.button-wrapper .check-ragu.active:after{content:" ";position:absolute;background-image:url(../img/check-solid.svg);background-size:17px 17px;width:17px;height:17px;left:2px;top:-4px}.button-wrapper #soal-selesai{display:none}.notify{position:absolute;right:20px;min-width:200px;z-index:999999;text-align:center;-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;top:-20px;opacity:0}.notify .fa{font-size:18px}.notify.show{top:20px;opacity:.8}.loading-backdrop{position:fixed;top:0;bottom:0;left:0;right:0;z-index:999999;background:#fff;opacity:.1}.loading-open{overflow:hidden}.loading-container{position:fixed;background:white;border:1px solid #ccc;top:50%;left:50%;padding:6px;border-radius:5px;box-shadow:0px 2px 2px rgba(0,0,0,0.3);z-index:9999999;-webkit-transform:translate3d(-50%, -50%, 0);-moz-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0)}.loading-container .loading-image{width:30px;height:30px;opacity:.7;background:url(../img/loading/10.gif) no-repeat;background-size:30px 30px}