*{outline:none !important}a{text-decoration:none !important}.main{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#d8dce3;outline:none;overflow:auto;font-family:"Roboto";font-size:13px}.header{position:fixed;background-color:#262b36;box-shadow:0 1px 0 0 rgba(0,0,0,0.08),0 2px 0 0 rgba(0,0,0,0.02);z-index:999;top:0;left:0;right:0;height:60px}.header-logo{float:left;height:60px}.header-logo-text{float:left;color:#aaa;font-weight:bold;font-size:16px;padding:18px;width:220px;-webkimat-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.header-logo-text span{color:#259dab}.header-logo-text.hide-menu{margin-left:-220px}.header-logo-menu{float:right;padding-top:18px;margin-left:10px}.header-logo-menu a{color:#aaa;font-size:20px}.header-time{position:absolute;width:130px;height:40px;margin-left:-65px;margin-top:-5px;padding-top:8px;left:50%;background:#259dab;text-align:center;border-radius:3px;color:white;font-size:18px}.header-search{float:left;padding:10px;max-width:250px}.header-search input{background-color:#3b4354;border:0 none;color:#fff;height:38px;line-height:1.42857;padding:10px 12px}.header-search input::-moz-placeholder{color:#9fa8bc;opacity:1}.header-search input:focus{box-shadow:none}.header-search .btn{background-color:#3b4354;border:0 none;color:#fff;font-size:14px;line-height:normal;padding-left:15px;padding-right:17px;padding-top:3px;min-height:38px}.header-right{margin-right:18px;list-style:none}.header-right>li{margin-right:12px;margin-top:12px;float:left;position:relative}.header-right>li>a{outline:none;color:#778395;font-size:22px;padding:0 5px;display:inline-block;-webkimat-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}.header-right>li>a:hover,.header-right>li>a:focus,.header-right>li>a.active{color:#fff}.header-right>li>a .label{position:absolute;top:-2px;right:-5px;border-radius:3px;font-size:10px;padding:3px;min-width:15px}.header-right>li>a.button-user{margin-top:1px;background:transparent;border:0 none;color:#778395;font-size:13px}.header-right>li>a.button-user img{background:#778395;border-radius:50%;height:30px;width:30px;margin-right:5px}.header-right>li .dropdown-menu{margin-top:17px;border-top:3px solid #fff;font-size:12px}.header-right>li .dropdown-menu:after{content:"";position:absolute;border-color:transparent transparent #fff;border-style:solid;border-width:0 10px 10px;bottom:100%;right:3px;width:0;height:0}.menu{position:fixed;top:60px;bottom:0;left:0;margin-left:0;width:220px;background-color:#fff;color:#9fa8bc;z-index:99;overflow:hidden;box-shadow:1px 1px 2px 0px rgba(0,0,0,0.25);-webkimat-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.menu li a{color:#505b72;padding:8px 15px;border-bottom:1px solid #eaecf0;border-top:1px solid #eaecf0;margin-top:-1px;text-decoration:none;outline:none;-webkimat-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.menu li a .fa{color:#259dab;font-size:15px;-webkimat-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.menu li a .caret{float:right;margin-top:8px;border-left:4px dashed transparent;border-bottom:4px solid transparent;border-right:4px solid transparent;border-top:4px solid}.menu li a:hover,.menu li a:focus{background-color:#259dab;border-color:#259dab;color:white}.menu li a:hover .fa,.menu li a:focus .fa{color:white}.menu li a.active{background-color:#259dab;border-color:#259dab;color:white}.menu li a.active .caret{border-left:4px solid transparent;border-bottom:4px solid;border-right:4px solid transparent;border-top:4px dashed transparent}.menu li a.active .fa{color:white}.menu .side-menu-icon{width:24px;text-align:center}.menu .side-menu-label{text-transform:uppercase;color:#aaa;margin:12px;font-size:11px;font-weight:bold}.menu .sub-menu{position:relative}.menu .sub-menu:after{content:' ';position:absolute;top:-1px;left:20px;width:8px;height:8px;border-color:#259dab transparent transparent transparent;border-width:8px;border-style:solid}.menu .sub-menu li:last-child{border-bottom:1px solid #ddd}.menu .sub-menu li a{border:none;outline:none;padding-left:15px;margin-left:27px;border-left:1px solid #ccc}.menu .sub-menu li a:hover,.menu .sub-menu li a:focus,.menu .sub-menu li a:active{color:#259dab;background:transparent}.menu .sub-menu li a:hover:after,.menu .sub-menu li a:focus:after,.menu .sub-menu li a:active:after{content:' ';position:absolute;border:1px solid #999;border-radius:50%;width:11px;height:11px;margin-top:-6px;top:50%;left:-6px;opacity:1}.menu .sub-menu li a:before{content:' ';position:absolute;background:#ccc;border-radius:50%;width:5px;height:5px;margin-top:-3px;top:50%;left:-3px}.menu .sub-menu li a:after{content:' ';position:absolute;border:1px solid #ccc;border-radius:50%;width:30px;height:30px;margin-top:-15px;top:50%;left:-15px;opacity:0;-webkimat-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}.menu.hide-menu{margin-left:-220px}.soal-nomor-title{text-transform:uppercase;color:#aaa;margin:12px;font-size:11px;font-weight:bold}.soal-nomor-container{margin-left:8px}.soal-nomor-link{display:inline-block;position:relative;width:30px;height:30px;background:#259dab;margin:4px;text-align:center;line-height:2.5em;border-radius:5px;color:white}.soal-nomor-link:after{content:" ";position:absolute;display:block;border-radius:6px;background:#316262;box-shadow:0 2px 2px rgba(0,0,0,0.4);top:-2px;left:-2px;right:-2px;bottom:-2px;z-index:-1;-webkimat-transform:scale(0);-moz-transform:scale(0);transform:scale(0);-webkimat-transition:all 0.2s ease 0s;-moz-transition:all 0.2s ease 0s;-o-transition:all 0.2s ease 0s;transition:all 0.2s ease 0s}.soal-nomor-link-jawab{display:inline-block;position:absolute;width:18px;height:18px;background:#262b36;font-size:10px;margin:0;padding:3px;top:-6px;right:-6px;border-radius:50%}.soal-nomor-link:hover,.soal-nomor-link:focus{color:#fff;background:#20848E}.soal-nomor-link:hover:after,.soal-nomor-link:focus:after{-webkimat-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}.soal-nomor-link.active{background:#20848E;color:#fff}.soal-nomor-link.active:after{-webkimat-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}.soal-navigasi{position:fixed;bottom:0;height:40px;margin-left:230px;margin-right:10px;padding-left:10px;left:0;right:0;background:#e1f1fa;border-top:1px solid #c7e8fa;-webkimat-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.soal-navigasi.hide-menu{margin-left:10px}.soal-navigasi-page{font-size:16px;padding:8px}.soal-navigasi-left{float:left}.soal-navigasi-left ul{padding:0;margin:0;list-style:none}.soal-navigasi-left ul li{list-style:none;float:left}.soal-navigasi-right{float:right}.soal-navigasi .selesai{width:auto;padding:0px 10px;margin-right:10px}.soal-container{position:absolute;top:0;bottom:0;left:0;right:0;overflow:auto;padding:10px}.soal-image{max-width:700px;min-width:100px;width:100%}.soal-notifikasi{position:absolute;left:50%;margin-top:10px;opacity:0;-webkimat-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}.soal-notifikasi.show{opacity:1}.jawaban-container{margin:20px 0;padding-left:0 !important;list-style:none;height:40px}.jawaban-container li{float:left;padding:0;margin:0}.jawaban-container li:first-child{padding-top:5px;font-weight:bold}.jawaban-container li a{display:inline-block;width:30px;height:30px;padding:5px;margin-left:10px;text-align:center;color:#fff;background:#259dab;border:1px solid #316262;border-radius:50%}.jawaban-container li a:hover{background:#333}.jawaban-container li a.active{background:#333}.content{position:fixed;overflow:auto;padding-top:10px;padding-left:230px;padding-right:10px;top:60px;bottom:0;left:0;right:0;-webkimat-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.content.hide-menu{padding-left:10px}.content-ujian{bottom:40px}.hasil{border:1px solid #ddd}.hasil-header{background:#259dab;color:#fff;font-weight:bold}.hasil h2{font-weight:normal;font-size:20px;color:#333;margin-top:3px;margin-bottom:5px}.hasil span{font-size:40px}.hasil h3{font-weight:normal;font-size:14px;background:#259dab;padding:5px;color:#fff;text-align:center;border-radius:5px}.hasil td{padding:5px;border-color:#ddd;text-align:center}.hasil ul{list-style:none;padding:0}.hasil ul li{padding:8px;font-size:13px;line-height:1.4em;text-align:left}.hasil ul li:nth-child(even){background:#f4f4f4}.login-wrapper{background-attachment:fixed;background-image:url("../img/bg.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover}.login-wrapper .panel-heading{padding-top:10px}.login-wrapper .panel-title{color:#fff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15px;font-weight:200;letter-spacing:0.7px;margin-top:20px;text-align:center;text-transform:none}.login-wrapper .input-group>.input-group-addon{background-color:#fff;border-color:#fff}.login-wrapper .form-control{background-color:#fff;border-color:#fff;min-height:30px}.login-overlay{background-image:url("../img/dot.png");bottom:0;left:0;opacity:1;position:fixed;right:0;top:0;z-index:100}.login-panel{background-color:rgba(0,0,0,0.95);background-image:linear-gradient(to right, transparent 0%, #1b1f27 100%);background-repeat:repeat-x;bottom:0;left:0;opacity:0.75;position:fixed;right:0;top:0;z-index:200}.login{background-color:rgba(38,43,54,0.9);left:50%;padding:20px;position:absolute;top:50%;transform:translate(-50%, -50%);width:320px;z-index:300}.login h1{color:#60B35B;font-weight:500;font-size:23px;margin:0;text-align:center}.login h1.kabupaten{color:#aaa;font-size:11px}.login h1.logo img{width:70px;margin-bottom:20px}.login h1 span{color:#aaa}.login .forgot{color:rgba(255,255,255,0.5);display:inline-block;margin:10px 0 21px;transition:all 0.2s ease-out 0s}.login .btn-login{font-family:"Open Sans","Helvetica Neue",Helvetica,sans-serif;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;height:30px}.login .btn-success{background-color:#60B35B;border-color:transparent;color:#ffffff}.login .control-label{color:#ccc}.login #btn-daftar-show{background:#259dab}#daftar{display:none}.error{display:none;padding:10px 0;color:red;text-align:center}.error.success{color:green}@media (max-width: 800px){.header-search,.header-right{display:none}.header-time{right:-5px;left:auto;margin-top:10px}}