body{position:relative;font-family:'Roboto';font-size:12px;background-color:#C9C9C9}a{text-decoration:none}a:active,a.active,a:hover,a:focus{text-decoration:none}.wrapper{position:relative;padding-bottom:35px;min-height:100vh}.header{position:relative;height:80px;background-color:#336799;box-shadow:0px 2px 2px 0px rgba(0,0,0,0.2)}.header-title{display:flex;flex-wrap:nowrap;justify-content:space-around;float:left;color:#fff}.header-title-logo img{height:60px;margin-top:10px;margin-left:10px}.header-title-alt{display:none}.header-title-text{margin-left:20px}.header-title-text h1{margin:15px 0 10px 0;font-size:23px}.header-title-text h2{margin:5px 0;font-size:14px;font-weight:400;letter-spacing:2px;opacity:.5}.header-user{float:right;display:flex;width:300px;height:80px;padding:10px 15px;background-color:rgba(0,0,0,0.5);color:#fff}.header-user-icon{height:60px;width:50px;line-height:60px;text-align:center;vertical-align:middle;background-color:#000}.header-user-icon .fa{margin-top:13px;font-size:30px}.header-user-name{padding:0 15px;opacity:.7}.header-user-name span{display:block;font-size:13px;margin:0 0 3px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:190px}.header .btn-logout{display:none}.header .btn-back{float:right;margin-right:20px;margin-top:20px}.header .logout{font-weight:700;color:#33CCFF;text-decoration:none}.header .logout:hover{color:#fff;text-decoration:none}.header .logout .fa{font-size:10px;margin-left:5px}.dialog-tes{max-width:800px;margin:auto;margin-top:10px;padding:5px}.dialog-tes .btn{width:100%}.btn-group .btn .fa{margin-right:5px}.zoom-1{zoom:150%}.zoom-2{zoom:200%}.form-custom{margin:-15px}.form-custom .form-group{border-bottom:solid #ddd .5px;padding:10px 15px;margin-bottom:0}.form-custom .form-group:last-child{border-bottom:none}.form-custom .form-control-static{padding:0;min-height:auto}.hasil{position:relative;margin:auto;width:500px}.dialog-wrapper{position:absolute;min-height:300px;top:55%;left:50%;z-index:9999;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.dialog-wrapper.login{width:400px;height:300px}.dialog-wrapper.login .panel-body{padding-top:45px;padding-bottom:30px;padding-right:25px}.dialog-wrapper.confirm{width:600px}.dialog-wrapper .form-control{border-radius:0}.dialog-wrapper .form-control:focus{box-shadow:none}.dialog-wrapper .input-group-addon{border-radius:0;background:#C7C7C7;color:#FFF}.dialog-wrapper .btn{border-radius:0;font-weight:700;padding:10px}.dialog-wrapper .btn .fa{margin-left:5px;margin-right:5px}.dialog-wrapper .btn-100{width:100%}.dialog-wrapper .panel-heading{background-color:#F1F1F1;padding:20px}.dialog-wrapper .panel-heading h3{font-size:18px;font-weight:700}.dialog-wrapper .panel-footer{background-color:#FFF}.dialog-wrapper label,.dialog-wrapper .form-control-static{font-size:13px}.dialog-wrapper .has-error .control-label{color:#000}.dialog-wrapper .has-error .input-group-addon{color:#FFF;background:#EB6A69;border-color:#EB6A69}.dialog-wrapper .has-error .form-control{border-color:#EB6A69}.dialog-wrapper .has-error .form-control:focus{box-shadow:none;border-color:#EB6A69}.dialog-wrapper .eye{position:absolute;right:-4px;top:7px;color:black;opacity:.5}.dialog-wrapper .eye:hover{color:black;opacity:.5}.dialog-wrapper .eye.active{color:black;opacity:1}.blink{-webkit-animation:BLINKING 1s infinite;-moz-animation:BLINKING 1s infinite;-o-animation:BLINKING 1s infinite;animation:BLINKING 1s infinite}@-webkit-keyframes BLINKING{0%,49%{color:#ffcc00}50%,100%{color:#ff0000}}.breadcrumbs{background-color:#C9C9C9;height:30px;line-height:30px}.messages{background-color:#F2DEDF;height:30px;line-height:30px;background:#F2DEDF;color:#ff2f2f;font-weight:700;padding-left:10px}.footer{position:absolute;background-color:#333333;color:#797979;width:100%;height:30px;line-height:30px;padding:0 10px;left:0;bottom:-10;margin-top:10px}.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}.exam{position:relative;margin:auto;padding:15px 20px 15px 15px;max-width:1000px}.exam .panel-heading{background:#fff;font-weight:bold}.exam .soal-title{display:inline;margin-left:10px;padding:5px 10px;background:#2E67A0;color:#FFF}.exam .font-small{font-size:11px;color:#AAA}.exam .font-middle{font-size:13px;color:#666}.exam .font-big{font-size:15px;color:#000}.exam .timer{float:right;margin-top:-3px}.exam .timer div{padding:3px 10px;float:left;color:#fff}.exam .timer-label{background:#989895}.exam .timer-time{background:#2E67A0}.exam .bar{height:35px;padding:7px 15px;margin:-15px -15px 20px -15px;background:#F6F6F6;border-bottom:1px solid #DADADA}.exam .soal-wrapper{min-height:300px;padding:10px;border:1px solid #ddd;overflow-x:auto}.exam .check-ragu{position:relative;display:inline-block;width:15px;height:15px;background:#FFF;border:1px solid #ddd;margin-right:10px;margin-bottom:-2px}.exam .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}.exam .button-wrapper .sebelum .fa{margin-right:15px}.exam .button-wrapper .sesudah .fa{margin-left:15px}.exam .button-wrapper .btn{margin:2px;border-radius:2px}.exam .soal-container{max-width:16cm}.exam .soal-container.full{max-width:100%}.exam .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 29px 2px -20px;line-height:20px}.exam .jawaban-mce:hover{background:#ccc;color:#000}.exam .jawaban-mce.active{background:#333;color:#fff}.exam .jawaban-ol{margin-left:-34px}.exam .jawaban-img-border{display:inline-block;border:1px solid #ccc;border-radius:5px;margin-top:20px}.exam .jawaban-img-title{display:inline-block;padding:10px;background:#eee;color:#333;font-weight:bold}.exam .jawaban-img-wrapper{display:inline-block;padding:5px 0px 5px 40px}.exam .jawaban-isian{display:inline-block;font-weight:bold;background:#fffbd3;border-bottom:2px dashed #000;min-width:80px}.exam .jawaban-essay{background:#fffbd3;border:2px dashed #333;margin-top:10px;padding:5px}.right-nav{position:fixed;top:0;bottom:0;right:-270px;width:275px;background:#F1F1F1;border:1px solid #C4C4C4;z-index:99999;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}.right-nav.show{right:0}.right-nav .soal-no{position:absolute;list-style:none;overflow:auto;background:#fff;border:1px solid #E9E9E9;border-radius:5px;top:10px;bottom:10px;left:10px;right:10px;padding:3px;margin:0}.right-nav .soal-no li{float:left;margin:8px}.right-nav .soal-no li a{position:relative;display:block;width:40px;height:40px;padding-top:10px;text-align:center;border:1px solid #000;border-radius:3px;color:#000;font-size:14px}.right-nav .soal-no li a:hover,.right-nav .soal-no li a:focus,.right-nav .soal-no li a.active{background:#336799;border-color:#336799;color:#fff}.right-nav .soal-no li a:hover span,.right-nav .soal-no li a:focus span,.right-nav .soal-no li a.active span{color:#000;border-color:#336799}.right-nav .soal-no li a.ragu span{background:#ff9900 !important;color:#fff}.right-nav .soal-no li a.isi span{background:#5cb85c;color:#fff}.right-nav .soal-no li a span{position:absolute;display:block;background:#fff;color:#000;font-size:11px;padding-top:2px;border:1px solid #000;width:20px;height:20px;top:-8px;right:-8px;border-radius:500px}.right-nav-button{position:absolute;display:block;width:50px;height:55px;left:-50px;top:50%;margin-top:-20px;background:#E66C69;border-radius:3px 0 0 3px;color:#fff;padding:5px 2px;font-size:10px;font-weight:bold;text-align:center}.right-nav-button .fa{font-size:14px}.right-nav-button:hover,.right-nav-button:focus{color:#fff;background:#DB2D28}.p404-big{text-align:center;margin-top:20px;font-size:100px;font-weight:bold;font-style:italic;color:#666}.p404-text{text-align:center;font-size:15px;color:#666}.viewer{min-height:90vh}.viewer-table{border:1px solid #ccc;border-collapse:collapse;width:100%}.viewer-table th{border:1px solid #ccc;background:#eee;text-align:center;padding:10px}.viewer-table td{border:1px solid #ccc;padding:8px}.jwb-slidecontainer{position:relative;width:290px;height:20px;text-align:center;background:url(../img/bar.png)}.jwb-slider{position:relative;-webkit-appearance:none;appearance:none;display:inline-block !important;width:240px !important;height:20px;outline:none;opacity:.9;background:transparent;-webkit-transition:.2s;transition:opacity .2s}.jwb-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#fff;cursor:pointer;border:1px solid #019967;border-radius:50px}.jwb-slider::-moz-range-thumb{width:20px;height:20px;background:#fff;cursor:pointer;border:1px solid #019967;border-radius:50px}.jwb-slider-active::-webkit-slider-thumb{background:#1A4E66}.jwb-slider-active::-moz-range-thumb{background:#1A4E66}.reverse{direction:rtl}@media (max-height: 800px){.dialog-wrapper{position:relative;margin:auto;margin-top:10px;top:auto;left:auto;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);transform:translate(0, 0)}}@media (max-width: 768px){.footer-nav .btn{margin:2px;width:100%}.modal-footer .btn{margin:2px;width:100%}}@media (max-width: 800px){.header{height:50px;line-height:50px}.header-title-logo img{height:40px;margin-left:5px;margin-top:0;vertical-align:middle}.header-title-text{display:none}.header-title-alt{display:inline-block;font-size:18px;font-weight:700;letter-spacing:3px;padding-left:15px;color:#fff}.header-user{display:none}.header .btn-logout{display:inline-block;float:right;margin:8px}.header .btn-back{margin-right:10px;margin-top:8px}.breadcrumbs{display:none}.dialog-wrapper{position:relative;width:auto !important;height:auto !important;padding:5px;top:0;left:0;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);transform:translate(0, 0)}}