@charset "UTF-8";#page-content-wrapper,body{color:#555}.sidebar-nav,.sidebar-nav li .sidebar-child{list-style:none}.centered-pills,.chart-empty,.clock-timer,.col-blank a,.col-card .row-accumulate,.input-pn-center,.row-student-overview{text-align:center}@media (min-width:1600px){.visible-lg{display:none!important}.hidden-lg{display:block!important}table.hidden-lg{display:table}tr.hidden-lg{display:table-row!important}td.hidden-lg,th.hidden-lg{display:table-cell!important}.container{width:1530px}}@media (min-width:1920px){.container{width:1830px}}@media (min-width:2560px){.container{width:2490px}}.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xxl-1,.col-xxl-100,.col-xxl-111,.col-xxl-122,.col-xxl-2,.col-xxl-3,.col-xxl-4,.col-xxl-5,.col-xxl-6,.col-xxl-7,.col-xxl-8,.col-xxl-9,.col-xxxl-1,.col-xxxl-10,.col-xxxl-11,.col-xxxl-12,.col-xxxl-2,.col-xxxl-3,.col-xxxl-4,.col-xxxl-5,.col-xxxl-6,.col-xxxl-7,.col-xxxl-8,.col-xxxl-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}@media (min-width:1600px){.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9{float:left}.col-xl-12{width:100%}.col-xl-11{width:91.66666667%}.col-xl-10{width:83.33333333%}.col-xl-9{width:75%}.col-xl-8{width:66.66666667%}.col-xl-7{width:58.33333333%}.col-xl-6{width:50%}.col-xl-5{width:41.66666667%}.col-xl-4{width:33.33333333%}.col-xl-3{width:25%}.col-xl-2{width:16.66666667%}.col-xl-1{width:8.33333333%}.col-xl-pull-12{right:100%}.col-xl-pull-11{right:91.66666667%}.col-xl-pull-10{right:83.33333333%}.col-xl-pull-9{right:75%}.col-xl-pull-8{right:66.66666667%}.col-xl-pull-7{right:58.33333333%}.col-xl-pull-6{right:50%}.col-xl-pull-5{right:41.66666667%}.col-xl-pull-4{right:33.33333333%}.col-xl-pull-3{right:25%}.col-xl-pull-2{right:16.66666667%}.col-xl-pull-1{right:8.33333333%}.col-xl-pull-0{right:0}.col-xl-push-12{left:100%}.col-xl-push-11{left:91.66666667%}.col-xl-push-10{left:83.33333333%}.col-xl-push-9{left:75%}.col-xl-push-8{left:66.66666667%}.col-xl-push-7{left:58.33333333%}.col-xl-push-6{left:50%}.col-xl-push-5{left:41.66666667%}.col-xl-push-4{left:33.33333333%}.col-xl-push-3{left:25%}.col-xl-push-2{left:16.66666667%}.col-xl-push-1{left:8.33333333%}.col-xl-push-0{left:0}.col-xl-offset-12{margin-left:100%}.col-xl-offset-11{margin-left:91.66666667%}.col-xl-offset-10{margin-left:83.33333333%}.col-xl-offset-9{margin-left:75%}.col-xl-offset-8{margin-left:66.66666667%}.col-xl-offset-7{margin-left:58.33333333%}.col-xl-offset-6{margin-left:50%}.col-xl-offset-5{margin-left:41.66666667%}.col-xl-offset-4{margin-left:33.33333333%}.col-xl-offset-3{margin-left:25%}.col-xl-offset-2{margin-left:16.66666667%}.col-xl-offset-1{margin-left:8.33333333%}.col-xl-offset-0{margin-left:0}}@media (min-width:1920px){.col-xxl-1,.col-xxl-10,.col-xxl-11,.col-xxl-12,.col-xxl-2,.col-xxl-3,.col-xxl-4,.col-xxl-5,.col-xxl-6,.col-xxl-7,.col-xxl-8,.col-xxl-9{float:left}.col-xxl-12{width:100%}.col-xxl-11{width:91.66666667%}.col-xxl-10{width:83.33333333%}.col-xxl-9{width:75%}.col-xxl-8{width:66.66666667%}.col-xxl-7{width:58.33333333%}.col-xxl-6{width:50%}.col-xxl-5{width:41.66666667%}.col-xxl-4{width:33.33333333%}.col-xxl-3{width:25%}.col-xxl-2{width:16.66666667%}.col-xxl-1{width:8.33333333%}.col-xxl-pull-12{right:100%}.col-xxl-pull-11{right:91.66666667%}.col-xxl-pull-10{right:83.33333333%}.col-xxl-pull-9{right:75%}.col-xxl-pull-8{right:66.66666667%}.col-xxl-pull-7{right:58.33333333%}.col-xxl-pull-6{right:50%}.col-xxl-pull-5{right:41.66666667%}.col-xxl-pull-4{right:33.33333333%}.col-xxl-pull-3{right:25%}.col-xxl-pull-2{right:16.66666667%}.col-xxl-pull-1{right:8.33333333%}.col-xxl-pull-0{right:0}.col-xxl-push-12{left:100%}.col-xxl-push-11{left:91.66666667%}.col-xxl-push-10{left:83.33333333%}.col-xxl-push-9{left:75%}.col-xxxl-push-8{left:66.66666667%}.col-xxxl-push-7{left:58.33333333%}.col-xxxl-push-6{left:50%}.col-xxxl-push-5{left:41.66666667%}.col-xxxl-push-4{left:33.33333333%}.col-xxxl-push-3{left:25%}.col-xxxl-push-2{left:16.66666667%}.col-xxxl-push-1{left:8.33333333%}.col-xxxl-push-0{left:0}.col-xxxl-offset-12{margin-left:100%}.col-xxxl-offset-11{margin-left:91.66666667%}.col-xxxl-offset-10{margin-left:83.33333333%}.col-xxxl-offset-9{margin-left:75%}.col-xxxl-offset-8{margin-left:66.66666667%}.col-xxxl-offset-7{margin-left:58.33333333%}.col-xxxl-offset-6{margin-left:50%}.col-xxxl-offset-5{margin-left:41.66666667%}.col-xxxl-offset-4{margin-left:33.33333333%}.col-xxxl-offset-3{margin-left:25%}.col-xxxl-offset-2{margin-left:16.66666667%}.col-xxxl-offset-1{margin-left:8.33333333%}.col-xxxl-offset-0{margin-left:0}}.visible-xl,.visible-xxl,.visible-xxxl{display:none!important}@media (min-width:1600px) and (max-width:1919px){.visible-xl{display:block!important}table.visible-xl{display:table}tr.visible-xl{display:table-row!important}td.visible-xl,th.visible-xl{display:table-cell!important}}@media (min-width:1920px) and (max-width:2559px){.visible-xxl{display:block!important}table.visible-xxl{display:table}tr.visible-xxl{display:table-row!important}td.visible-xxl,th.visible-xxl{display:table-cell!important}}@media (min-width:2560px){.col-xxxl-1,.col-xxxl-10,.col-xxxl-11,.col-xxxl-12,.col-xxxl-2,.col-xxxl-3,.col-xxxl-4,.col-xxxl-5,.col-xxxl-6,.col-xxxl-7,.col-xxxl-8,.col-xxxl-9{float:left}.col-xxxl-12{width:100%}.col-xxxl-11{width:91.66666667%}.col-xxxl-10{width:83.33333333%}.col-xxxl-9{width:75%}.col-xxxl-8{width:66.66666667%}.col-xxxl-7{width:58.33333333%}.col-xxxl-6{width:50%}.col-xxxl-5{width:41.66666667%}.col-xxxl-4{width:33.33333333%}.col-xxxl-3{width:25%}.col-xxxl-2{width:16.66666667%}.col-xxxl-1{width:8.33333333%}.col-xxxl-pull-12{right:100%}.col-xxxl-pull-11{right:91.66666667%}.col-xxxl-pull-10{right:83.33333333%}.col-xxxl-pull-9{right:75%}.col-xxxl-pull-8{right:66.66666667%}.col-xxxl-pull-7{right:58.33333333%}.col-xxxl-pull-6{right:50%}.col-xxxl-pull-5{right:41.66666667%}.col-xxxl-pull-4{right:33.33333333%}.col-xxxl-pull-3{right:25%}.col-xxxl-pull-2{right:16.66666667%}.col-xxxl-pull-1{right:8.33333333%}.col-xxxl-pull-0{right:0}.col-xxxl-push-12{left:100%}.col-xxxl-push-11{left:91.66666667%}.col-xxxl-push-10{left:83.33333333%}.col-xxxl-push-9{left:75%}.col-xxxl-push-8{left:66.66666667%}.col-xxxl-push-7{left:58.33333333%}.col-xxxl-push-6{left:50%}.col-xxxl-push-5{left:41.66666667%}.col-xxxl-push-4{left:33.33333333%}.col-xxxl-push-3{left:25%}.col-xxxl-push-2{left:16.66666667%}.col-xxxl-push-1{left:8.33333333%}.col-xxxl-push-0{left:0}.col-xxxl-offset-12{margin-left:100%}.col-xxxl-offset-11{margin-left:91.66666667%}.col-xxxl-offset-10{margin-left:83.33333333%}.col-xxxl-offset-9{margin-left:75%}.col-xxxl-offset-8{margin-left:66.66666667%}.col-xxxl-offset-7{margin-left:58.33333333%}.col-xxxl-offset-6{margin-left:50%}.col-xxxl-offset-5{margin-left:41.66666667%}.col-xxxl-offset-4{margin-left:33.33333333%}.col-xxxl-offset-3{margin-left:25%}.col-xxxl-offset-2{margin-left:16.66666667%}.col-xxxl-offset-1{margin-left:8.33333333%}.col-xxxl-offset-0{margin-left:0}.visible-xxxl{display:block!important}table.visible-xxxl{display:table}tr.visible-xxxl{display:table-row!important}td.visible-xxxl,th.visible-xxxl{display:table-cell!important}.hidden-xxxl{display:none!important}}@media (min-width:1600px) and (max-width:1919px){.hidden-xl{display:none!important}}@media (min-width:1920px) and (max-width:2559px){.hidden-xxl{display:none!important}}html{box-sizing:border-box}*,::after,::before{box-sizing:inherit}a:focus,button:focus{outline:0!important}a{color:#0070b7;text-decoration:none}a:active,a:focus,a:hover{color:#555;text-decoration:underline}.input-pn{box-shadow:none!important}.accordion-toggle{cursor:pointer}@font-face{font-family:ProximaNova-Bold;src:url(../fonts/ProximaNova-Bold.ttf);src:url(../fonts/ProximaNova-Bold.ttf) format("truetype")}@font-face{font-family:ProximaNova-Light;src:url(../fonts/ProximaNova-Light.ttf);src:url(../fonts/ProximaNova-Light.ttf) format("truetype")}@font-face{font-family:ProximaNova-Regular;src:url(../fonts/ProximaNova-Regular.ttf);src:url(../fonts/ProximaNova-Regular.ttf) format("truetype")}body{font-family:ProximaNova-Regular,Helvetica,Arial,sans-serif}.btn-pn-gray,.btn-pn-primary,.btn-pn-red,.login-heading,.text-bold,strong,thead{font-family:ProximaNova-Bold}.login-heading{font-size:24px;color:#fff;margin:10px 0}.text-green{color:#2ECC71}.text-red{color:#D0021B}.text-yellow{color:#F39C12}.no-gutter>[class*=col-]{padding-right:0;padding-left:0}@media (max-width:767px){.next-step,.prev-step{margin-top:5px}}.btn-pn-primary{background:#2ECC71;color:#fff;outline:0}.btn-pn-primary:active,.btn-pn-primary:focus,.btn-pn-primary:hover{background:#40d47e;color:#f2f2f2}.btn-pn-primary:visited{color:#fff}.btn-pn-round{border-radius:23px}.row-btn-integrated{margin:0 -20px -20px}.row-btn-integrated-card{margin:0 -35px -20px}.btn-breadcrumb .btn:not(:last-child):after,.btn-breadcrumb .btn:not(:last-child):before{content:" ";display:block;width:0;height:0;border-top:17px solid transparent;border-bottom:17px solid transparent;top:50%;margin-top:-17px;left:100%;z-index:3;position:absolute}.btn-pn-card-integrated{border-radius:0 0 3px 3px}.col-blank,.col-card{border-radius:3px;transition:box-shadow .25s ease-in-out}.btn-pn-red{background:#D0021B;color:#fff;outline:0}.btn-pn-red:active,.btn-pn-red:focus,.btn-pn-red:hover{background:#e9021e;color:#f2f2f2}.btn-pn-red:visited{color:#fff}.btn-pn-gray{background:#6F6F6F;color:#fff;outline:0}.btn-pn-gray:active,.btn-pn-gray:focus,.btn-pn-gray:hover{background:#7c7c7c;color:#f2f2f2}.btn-pn-gray:visited{color:#fff}.btn-link-pointer{text-decoration:none!important}.col-blank a,.sidebar-nav li a,.sidebar-nav li a:active,.sidebar-nav li a:focus,.sidebar-nav li a:hover,.sidebar-nav li.active a,.sidebar-nav li.active a:active,.sidebar-nav li.active a:focus{text-decoration:none}.btn-breadcrumb .btn:not(:last-child):after{border-left:10px solid #fff}.btn-breadcrumb .btn:not(:last-child):before{border-left:10px solid #adadad;margin-left:1px}.btn-breadcrumb .btn{padding:6px 12px 6px 24px}.btn-breadcrumb .btn:first-child{padding:6px 6px 6px 10px}.btn-breadcrumb .btn:last-child{padding:6px 18px 6px 24px}.btn-breadcrumb .btn.btn-default:not(:last-child):after{border-left:10px solid #fff}.btn-breadcrumb .btn.btn-default:not(:last-child):before{border-left:10px solid #ccc}.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after{border-left:10px solid #ebebeb}.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before{border-left:10px solid #adadad}.btn-breadcrumb>*>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-breadcrumb>:nth-child(n+2){display:none}@media (max-width:767px){.btn-breadcrumb>:nth-last-child(-n+2){display:block}.btn-breadcrumb>* div{max-width:60px}}@media (min-width:768px) and (max-width:991px){.btn-breadcrumb>:nth-last-child(-n+4){display:block}.btn-breadcrumb>* div{max-width:100px}}@media (min-width:992px){.btn-breadcrumb>:nth-last-child(-n+6){display:block}.btn-breadcrumb>* div{max-width:170px}}.col-card{background:#fff;box-shadow:0 1px 2px 0 rgba(132,132,132,.5);padding:20px;margin:15px 0}.col-card:hover{box-shadow:0 2px 4px 0 rgba(75,75,75,.5)}.col-card h3,.col-card h4{font-family:ProximaNova-Light;color:#6F6F6F;margin-top:0}.col-card .toggle-top-right{position:absolute;right:0;top:5px}.col-card .title-top-left{width:80%}.col-card .title-top-left h3{color:#555;margin-bottom:0}.col-card .title-top-left p{font-size:14px;color:#6F6F6F;letter-spacing:0;line-height:18px}.col-card .row-accumulate{border-top:1px solid #eee;margin:0 -35px}.col-card .row-accumulate .accumulate-score{font-size:36px}.col-card .row-accumulate .accumulate-description{font-size:14px;color:#6F6F6F;line-height:16px}.col-card .row-accumulate .accumulate-green{color:#2ECC71}.col-card .row-accumulate .accumulate-red{color:#D0021B}.col-card .row-accumulate .accumulate-yellow{color:#F39C12}.col-card .row-accumulate-left,.col-card .row-accumulate-middle,.col-card .row-accumulate-right{padding-top:10px;padding-bottom:20px}.col-card .row-accumulate-left,.col-card .row-accumulate-right{margin-bottom:-20px}.col-card .row-accumulate-left{border-right:1px solid #eee}.col-card .row-accumulate-middle{border-bottom:1px solid #eee}.card-floating-button{position:relative}@media (min-width:992px) and (max-width:1199px){.card-floating-button .button-floating-right-top{position:absolute;top:23px;right:22px}}@media (min-width:1200px){.card-floating-button .button-floating-right-top{position:absolute;top:23px;right:22px}}@media (max-width:767px){.btn-breadcrumb{display:none}.card-floating-button .button-floating-right-top{position:relative;margin:10px 0;text-align:center}}@media (min-width:768px) and (max-width:991px){.card-floating-button .button-floating-right-top{position:relative;margin:10px 0;text-align:center}}.col-dropdown{margin:0 0 20px}.col-blank-exam{min-height:546px}.col-blank-task{min-height:590px}.col-blank{background:rgba(0,0,0,.04);padding:20px;margin:15px 0;position:relative}.col-blank:hover{background:rgba(0,0,0,.15);cursor:pointer}.col-blank a{margin:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#6F6F6F}.row-student-overview .overview-number{font-size:36px;color:#fff;width:100px;height:100px;background:#ef8913;border-radius:50%;vertical-align:middle;text-align:center;padding-top:25px;position:relative;display:inline-block}.row-student-overview .overview-description{margin-top:20px;margin-bottom:5px;font-size:18px;color:#6F6F6F;line-height:16px}.row-student-overview .overview-green{background-color:#2ECC71}.row-student-overview .overview-red{background-color:#D0021B}.row-student-overview .overview-yellow{background-color:#F39C12}.card-checkbox{margin:0}.centered-pills ul.nav-pills{display:inline-block}* html .centered-pills ul.nav-pills,.centered-pills li{display:inline}.centered-pills a{float:left}.chart-column{position:relative}.chart-empty{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.9);padding-top:130px;font-size:20px}.chart-pie .total{margin:0 -50% 0 0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:30px;color:#51C553}#wrapper{padding-left:0;transition:all .5s ease}#wrapper.toggled{padding-left:275px}#sidebar-wrapper{z-index:1000;position:fixed;left:275px;width:0;height:100%;margin-left:-275px;overflow-y:auto;background:#0070b7;transition:all .5s ease}#wrapper.toggled #sidebar-wrapper{width:275px}#page-content-wrapper{width:100%;position:absolute;padding:15px;background:#F7F7F7}@media (min-width:992px) and (max-width:1199px){#page-content-wrapper{margin-top:80px;min-height:768px}}@media (min-width:1200px){#page-content-wrapper{margin-top:80px;min-height:768px}}@media (max-width:767px){#page-content-wrapper{margin-top:50px}}@media (min-width:768px) and (max-width:991px){#page-content-wrapper{margin-top:50px}}#wrapper.toggled #page-content-wrapper{position:absolute;margin-right:-275px}.sidebar-nav{position:absolute;top:0;width:275px;margin:0;padding:0}@media (min-width:768px) and (max-width:991px){.sidebar-nav{top:60px}}@media (max-width:767px){.sidebar-nav{top:60px}}.sidebar-nav li{text-indent:35px;line-height:45px}.sidebar-nav li .sidebar-child a{font-size:14px;line-height:35px;margin-left:-40px;padding-right:20px;padding-left:35px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav li.active a{color:#fff;background:rgba(0,0,0,.25)}.sidebar-nav li.active a:hover{text-decoration:none;color:#fff;background:rgba(0,0,0,.3)}.sidebar-nav li .btn-sidebar-action{float:right;margin-top:-35px;margin-right:15px}.sidebar-nav li a{transition:background .05s ease-in-out;display:block;color:#fff;font-family:ProximaNova-Regular,Helvetica,Arial,sans-serif;font-size:16px}.sidebar-nav li a .icon-sidebar{font-size:13px;margin-right:13px;margin-left:-35px;display:inline-block;width:50px}.input-pn,label{font-size:14px;line-height:21px}.sidebar-nav li a:hover{color:#fff;background:rgba(0,0,0,.2)}.sidebar-profile{margin-left:30px;margin-top:20px;margin-bottom:20px;color:#fff}.sidebar-profile .sidebar-profile-text h4{margin-bottom:6px;padding-top:5px;font-family:ProximaNova-Bold}.sidebar-profile .sidebar-profile-picture{float:left;margin-right:10px}@media (min-width:992px) and (max-width:1199px){#wrapper{padding-left:275px}#wrapper.toggled{padding-left:0}#sidebar-wrapper{width:275px}#wrapper.toggled #sidebar-wrapper{width:0}#page-content-wrapper{padding:20px;position:relative}#wrapper.toggled #page-content-wrapper{position:relative;margin-right:0}}@media (min-width:1200px){#wrapper{padding-left:275px}#wrapper.toggled{padding-left:0}#sidebar-wrapper{width:275px}#wrapper.toggled #sidebar-wrapper{width:0}#page-content-wrapper{padding:20px;position:relative}#wrapper.toggled #page-content-wrapper{position:relative;margin-right:0}}td.hiddenRow{border:0!important;padding:0!important}td.hiddenRow .accordian-body{margin:0 10px}.input-pn{background:#fff;border:1px solid #ddd;border-radius:6px}.input-pn:focus::-webkit-input-placeholder{opacity:0;transition:opacity .35s ease-in-out}.input-pn:focus::-moz-placeholder{opacity:0;transition:opacity .35s ease-in-out}.input-pn:focus:-ms-input-placeholder{opacity:0;transition:opacity .35s ease-in-out}.input-pn:focus::placeholder{opacity:0;transition:opacity .35s ease-in-out}.input-pn::-webkit-input-placeholder{color:#444;opacity:.5;transition:opacity .35s ease-in-out}.input-pn::-moz-placeholder{color:#444;opacity:.5;transition:opacity .35s ease-in-out}.input-pn:-ms-input-placeholder{color:#444;opacity:.5;transition:opacity .35s ease-in-out}.input-pn::placeholder{color:#444;opacity:.5;transition:opacity .35s ease-in-out}.input-pn-login{border:2px solid #0070b7}label{font-family:ProximaNova-Bold;color:#6F6F6F}.icon-pn-calendar::before,.icon-pn-clock::before,.icon-pn-course::before,.icon-pn-grade::before,.icon-pn-home::before,.icon-pn-round::before,.icon-pn-task::before,.icon-pn-user::before,[class*=' icon-'],[class^=icon-]{font-family:mamoo-icons;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:400;text-decoration:none;text-transform:none}@font-face{font-family:mamoo-icons;src:url(../fonts/mamoo-icons.eot);src:url(../fonts/mamoo-icons.eot?#iefix) format("eot"),url(../fonts/mamoo-icons.woff) format("woff"),url(../fonts/mamoo-icons.ttf) format("truetype"),url(../fonts/mamoo-icons.svg#mamoo-icons) format("svg")}.icon-pn-calendar::before{content:""}.icon-pn-clock::before{content:""}.icon-pn-course::before{content:""}.icon-pn-exam::before{content:"";font-family:mamoo-icons;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:400;text-decoration:none;text-transform:none}.icon-pn-grade::before{content:""}.icon-pn-home::before{content:""}.icon-pn-round::before{content:""}.icon-pn-task::before{content:""}.icon-pn-user::before{content:""}.jawaban{border-bottom:1px solid #eee;margin-bottom:20px;min-height:30px}.jawaban.empty:before{color:#a2a2a2;display:block;position:absolute;content:attr(data-placeholder)}.jawaban-title{margin-top:-10px;margin-bottom:20px;border-bottom:none}.modal-loading{display:none;position:fixed;z-index:100000000;height:2em;width:2em;overflow:show;margin:auto;top:0;left:0;bottom:0;right:0}.modal-loading.show{display:block}.modal-loading:before{content:'';display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8)}.modal-loading:not(:required){font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.modal-loading:not(:required):after{content:'';display:block;font-size:10px;width:1em;height:1em;margin-top:-.5em;-webkit-animation:spinner 1.5s infinite linear;animation:spinner 1.5s infinite linear;border-radius:.5em;box-shadow:#fff 1.5em 0 0 0,#fff 1.1em 1.1em 0 0,#fff 0 1.5em 0 0,#fff -1.1em 1.1em 0 0,#fff -1.5em 0 0 0,#fff -1.1em -1.1em 0 0,#fff 0 -1.5em 0 0,#fff 1.1em -1.1em 0 0}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#0070b7}.list-soal-container{display:-webkit-flex;display:-ms-flexbox;display:flex}.list-soal-container .list-soal{margin:5px;min-width:50px}.list-soal-container .list-soal a{background-color:#ededed;color:#6F6F6F}.list-soal-container .list-soal a:hover{background-color:#999;color:#fff}.clock-timer{font-size:25px;border:1px solid #ddd;background:#fff;border-radius:5px;padding:5px 10px;margin-bottom:5px}.panel-jawaban label{text-align:left;padding:15px 15px 5px}.col-pengawas-user,.exam-list-table .clickable-more-row,.login-box-form,.login-box-header,.nav-center .nav-pills,.nav-center .nav-tabs,.news-box h2,.table-empty,span.round-tab{text-align:center}.panel-jawaban input{float:right;margin-left:15px}.panel-jawaban .btn{white-space:normal}@media (max-width:767px){.switch-quiz-box .col-card{background:0 0;box-shadow:none;width:0;height:0;margin:0}}@media (min-width:768px) and (max-width:991px){.switch-quiz-box .col-card{background:0 0;box-shadow:none;width:0;height:0;margin:0}}.switch-quiz-box .progress-container{position:fixed;bottom:0;left:0;right:0;z-index:1000;padding:10px;background:#fff;box-shadow:0 1px 2px 0 rgba(132,132,132,.5)}.switch-quiz-box .progress-container .progress{margin-bottom:0}@media (max-width:767px){.switch-quiz-box .list-soal-container{position:fixed;left:0;background:#fff;top:52px;bottom:40px;width:40px;z-index:10;overflow-y:scroll;overflow-x:hidden;box-shadow:0 1px 2px 0 rgba(132,132,132,.5)}.switch-quiz-box .list-soal-container .list-soal{margin:5px}.switch-quiz-box .list-soal-container .list-soal a{padding:10px 0;max-width:30px}}@media (min-width:768px) and (max-width:991px){.switch-quiz-box .list-soal-container{position:fixed;left:0;background:#fff;top:52px;bottom:40px;width:40px;z-index:10;overflow-y:scroll;overflow-x:hidden;box-shadow:0 1px 2px 0 rgba(132,132,132,.5)}.switch-quiz-box .list-soal-container .list-soal{margin:5px}.switch-quiz-box .list-soal-container .list-soal a{padding:10px 0;max-width:30px}.container-soal-floating{margin-left:30px;margin-bottom:50px}}.navbar-pn{background:#fff;box-shadow:0 2px 2px 0 rgba(147,147,147,.5);border:0}@media (max-width:767px){.container-soal-floating{margin-left:30px;margin-bottom:50px}.navbar-pn .logout-button .btn{padding:0;margin:-4px 0 0 -12px;background:0 0;color:#6F6F6F;font-size:20px;font-family:ProximaNova-Regular,Helvetica,Arial,sans-serif}}@media (min-width:768px) and (max-width:991px){.navbar-pn .logout-button .btn{padding:0;margin:-4px 0 0 -12px;background:0 0;color:#6F6F6F;font-size:20px;font-family:ProximaNova-Regular,Helvetica,Arial,sans-serif}.navbar-pn .navbar-search .navbar-form-search-icon{border-left:1px solid #eee}}.navbar-pn .navbar-collapse.collapse{display:block!important}.navbar-pn .navbar-nav,.navbar-pn .navbar-nav>li{float:left!important}.navbar-pn .navbar-nav.navbar-right:last-child{margin-right:-15px!important}@media (min-width:992px) and (max-width:1199px){.navbar-pn{min-height:80px}.navbar-pn .navbar-nav>li>a{padding-top:0;padding-bottom:0;line-height:80px}}@media (min-width:1200px){.navbar-pn{min-height:80px}.navbar-pn .navbar-nav>li>a{padding-top:0;padding-bottom:0;line-height:80px}}.navbar-pn .navbar-search{width:100%;display:inline-block;position:absolute}.badge-notify,.wizard .nav-tabs,.wizard>div.wizard-inner{position:relative}.navbar-pn .navbar-search .navbar-form-search-icon{padding-left:25px;color:#A6A6A6;font-size:16px}.navbar-pn .navbar-search .navbar-form-search-box{border:0 transparent;outline:0;font-family:ProximaNova-Light;color:#A6A6A6;line-height:27px;text-indent:14px;width:80%;font-size:16px}@media (min-width:992px) and (max-width:1199px){.navbar-pn .navbar-search .navbar-form-search-box{padding:25px 25px 25px 0}}@media (min-width:1200px){.navbar-pn .navbar-search .navbar-form-search-box{padding:25px 25px 25px 0}}@media (min-width:768px) and (max-width:991px){.navbar-pn .navbar-search .navbar-form-search-box{padding:11px 0 12px}}.navbar-pn .navbar-right{float:right!important;background:#fff;z-index:9;position:relative}@media (max-width:767px){.navbar-pn .navbar-search .navbar-form-search-box{padding:5px 0 10px}.navbar-pn .navbar-right{margin-top:-50px;margin-bottom:0}.navbar-pn .navbar-right li>a{height:52px;padding-top:20px}}@media (min-width:768px) and (max-width:991px){.navbar-pn .navbar-right{margin-top:-3px}.navbar-pn .navbar-right li>a{height:52px;padding-top:18px}}@media (min-width:992px) and (max-width:1199px){.navbar-pn .navbar-brand{height:80px;width:275px;font-size:18px;line-height:initial;background-color:#004976;padding:10px 0;color:#fff;text-transform:none;text-indent:35px}.navbar-pn .navbar-brand:focus,.navbar-pn .navbar-brand:hover{background:#004976;color:#fff}.navbar-pn .navbar-brand .brand-primary{font-family:ProximaNova-Bold;font-size:24px;line-height:35px}.navbar-pn .navbar-brand .brand-secondary{font-family:ProximaNova-Light;font-size:14px;line-height:20px}}@media (min-width:1200px){.navbar-pn .navbar-brand{height:80px;width:275px;font-size:18px;line-height:initial;background-color:#004976;padding:10px 0;color:#fff;text-transform:none;text-indent:35px}.navbar-pn .navbar-brand:focus,.navbar-pn .navbar-brand:hover{background:#004976;color:#fff}.navbar-pn .navbar-brand .brand-primary{font-family:ProximaNova-Bold;font-size:24px;line-height:35px}.navbar-pn .navbar-brand .brand-secondary{font-family:ProximaNova-Light;font-size:14px;line-height:20px}}.analysis-table .text-score,.dropdown-notifications .dropdown-footer a,.dropdown-notifications .dropdown-toolbar-title,.dropdown-notifications .notification-title a,.exam-list-table th,.login-box-header h1,.news-card-schedule .schedule-date-far,.news-card-schedule .schedule-date-near,.table-exam-header td,.table-exam-header th{font-family:ProximaNova-Bold}@media (max-width:767px){.navbar-pn .navbar-brand{margin-top:-5px}.navbar-pn .navbar-brand .brand-primary,.navbar-pn .navbar-brand .brand-secondary{display:inline-block;letter-spacing:-1px;font-size:17px}.navbar-pn .navbar-brand .brand-primary{font-family:ProximaNova-Bold}}@media (min-width:768px) and (max-width:991px){.navbar-pn .navbar-brand{margin-top:-5px}.navbar-pn .navbar-brand .brand-primary,.navbar-pn .navbar-brand .brand-secondary{display:inline-block;letter-spacing:-1px;font-size:17px}.navbar-pn .navbar-brand .brand-primary{font-family:ProximaNova-Bold}.badge-notify{font-size:9px;bottom:8px;padding:4px}}.navbar-pn .navbar-brand #menu-toggle{margin-top:-3px}.navbar-pn .navbar-toggle{border:0;border-radius:0}.badge-notify{background-color:red;right:15px}@media (max-width:767px){.badge-notify{font-size:9px;bottom:8px;padding:4px}.notification-badge{margin-top:3px}}@media (min-width:992px) and (max-width:1199px){.badge-notify{bottom:15px;font-size:11px}}@media (min-width:1200px){.badge-notify{bottom:15px;font-size:11px}.notification-badge i{font-size:28px}}@media (min-width:992px) and (max-width:1199px){.notification-badge i{font-size:28px}.notification-bell{padding-top:7px;margin-right:-20px;margin-bottom:-7px}}@media (min-width:1200px){.notification-bell{padding-top:7px;margin-right:-20px;margin-bottom:-7px}}@media (max-width:767px){.notification-bell{margin-right:-18px}.dropdown-notifications .dropdown-container{width:250px;max-width:250px}}@media (min-width:768px) and (max-width:991px){.notification-badge{margin-top:3px}.notification-bell{margin-right:-18px}}.dropdown-notifications a{color:#555}.dropdown-notifications .media-body{padding-top:0}.dropdown-notifications .dropdown-toolbar{padding:15px 5px}.dropdown-notifications .dropdown-container{margin:1px 0 0;border:0;box-shadow:0 1px 2px 0 rgba(66,66,66,.5);border-radius:0 0 3px 3px;right:0;left:auto}.dropdown-notifications .dropdown-footer a{font-size:14px;color:#555;letter-spacing:0}.dropdown-notifications .dropdown-toolbar-title{font-size:18px;text-align:center;letter-spacing:0}.dropdown-notifications .notification-title a{font-size:14px;letter-spacing:0}.wizard{margin:10px auto}.connecting-line,.wizard-desc{margin:0 auto;position:absolute}.wizard .nav-tabs{border-bottom:0}.connecting-line{height:2px;background:#e0e0e0;width:80%;left:0;right:0;top:50%;z-index:1}.wizard .nav-tabs>li.active>a,.wizard .nav-tabs>li.active>a:focus,.wizard .nav-tabs>li.active>a:hover{color:#555;cursor:default;border:0;border-bottom-color:transparent}span.round-tab{width:40px;height:40px;line-height:40px;display:inline-block;border-radius:100px;background:#fff;border:2px solid #e0e0e0;z-index:2;position:absolute;left:0;font-size:15px}span.round-tab i{color:#555}.wizard li.active span.round-tab{background:#fff;border:2px solid #0070b7;color:#0070b7}.wizard li.active span.round-tab i{color:#0070b7}span.round-tab:hover{color:#333;border:2px solid #333}.wizard .nav-tabs>li{width:25%}.wizard-desc{content:" ";left:44%;opacity:1;bottom:0;border:10px solid transparent;border-bottom-color:#0070b7}.wizard .nav-tabs>li a{width:40px;height:40px;margin:20px auto;border-radius:100%;padding:0}.wizard .nav-tabs>li a:hover{background:0 0}.wizard .tab-pane{position:relative;padding-top:10px}.wizard h3{margin-top:0}@media (max-width:585px){.wizard{width:90%;height:auto!important}.wizard .nav-tabs>li a,span.round-tab{width:50px;height:50px;line-height:50px}span.round-tab{font-size:16px}.wizard li.active:after{content:" ";position:absolute;left:35%}}.scrollable-table-list tr{width:100%;display:inline-table}.scrollable-table-list table{height:200px}.scrollable-table-list tbody{overflow-y:scroll;height:200px;width:95%;position:absolute;border:1px solid #F7F7F7}.table-empty{background:rgba(255,255,255,.9);padding:100px 0;font-size:20px}.rich-textarea-container{margin:20px 0}.simple-textarea-container{margin:5px 0 15px}.nav-center .nav-pills>li,.nav-center .nav-tabs>li{float:none;display:inline-block;zoom:1}.nav-tabs>li>a{color:#6F6F6F}.tab-content{margin-top:20px}@media (max-width:767px){.nav-tabs{border-bottom:none}.nav-tabs li{width:100%}.nav-tabs li a{border:1px solid #ddd;border-radius:2px;margin:5px 0;text-align:center}.nav-tabs li.active a,.nav-tabs li.active a:focus,.nav-tabs li.active a:hover{border:1px solid #ddd;background-color:#eee}}.thumbnail-plain{display:block;margin-bottom:15px;padding:2px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:2px}.typeahead{right:15px}.pn-switch{position:relative;width:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.pn-switch-checkbox{display:none}.pn-switch-label{display:block;overflow:hidden;cursor:pointer;height:20px;padding:0;line-height:20px;border:0 solid #FFF;border-radius:26px;background-color:#9E9E9E}.pn-switch-label:before{content:"";display:block;width:26px;margin:-3px;background:#FFF;position:absolute;top:0;bottom:0;right:18px;border-radius:26px;box-shadow:1px 1px 8px 0 rgba(0,0,0,.2)}.pn-switch-checkbox:checked+.pn-switch-label{background-color:#51C553}.pn-switch-checkbox:checked+.pn-switch-label,.pn-switch-checkbox:checked+.pn-switch-label:before{border-color:#51C553}.pn-switch-checkbox:checked+.pn-switch-label .pn-switch-inner{margin-left:0}.pn-switch-checkbox:checked+.pn-switch-label:before{right:0;background-color:#FFF;box-shadow:1px 1px 8px 0 rgba(0,0,0,.2)}.col-pengawas-user{margin:20px 0}.col-pengawas-user .img-pengawas-freeze{opacity:.2}.col-pengawas-user .pengawas-name{min-height:45px}.col-pengawas-user .pengawas-information{min-height:120px}.login-page-container{background:#0070b7;height:100%;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:hidden}.exam-list-table .collapsible-row-container,.login-page{position:relative}.login-page-container a{color:#fff}.login-page{overflow-y:scroll;height:100%;padding:40px 0}.login-box-header h1{font-size:72px;color:#fff}.login-box-header .school-name{font-size:36px;color:#fff}.login-box-form{background:rgba(0,0,0,.1);box-shadow:0 1px 2px 0 rgba(106,106,106,.5);border-radius:4px;margin:20px 0;padding:20px}.login-box-form .login-form{margin:20px 0}.login-box-form .login-form .form-control:focus{border-color:#00919f!important;box-shadow:none}.login-box-form .login-form .form-group{margin-bottom:5px}.news-box h2{margin:40px 0}.news-card{background:#fff;box-shadow:0 1px 2px 0 rgba(132,132,132,.5);border-radius:2px;padding:20px 30px;transition:box-shadow .25s ease-in-out;cursor:pointer;margin:10px 0}.news-card:hover{box-shadow:0 2px 4px 0 rgba(75,75,75,.5)}.news-card-title h3{font-family:ProximaNova-Bold;font-size:18px;color:#6F6F6F;margin:10px 0}.news-card-content .news-card-text{font-size:14px;color:#6F6F6F}.news-card-schedule ul{padding:0}.news-card-schedule li{display:inline;font-size:13px;color:#6F6F6F;vertical-align:top;padding:0 10px 0 0}@media (max-width:767px){.news-card-schedule li{display:block}}@media (min-width:768px) and (max-width:991px){.news-card-schedule li{display:block}}.news-card-schedule .schedule-date-near{color:#D0021B}.news-card-schedule .schedule-date-far{color:#2ECC71}.card-exam-switch h4{margin-bottom:0}.tab-pane-analysis{line-height:30px}.tab-pane-analysis .text-point{font-size:15px;font-weight:700}.tab-pane-analysis .text-score{font-size:18px;vertical-align:middle;font-weight:700}.analysis-table{margin-top:20px}.analysis-table .text-score{font-size:13px}.analysis-table .table-striped-horizontal{background-color:#f6f6f6}.exam-list-table .clickable-more-row{background:0 0;position:absolute;top:0;bottom:0;color:transparent}.exam-list-table .table-row-details{max-width:300px}.exam-list-table .table-answer th{padding-right:20px}.exam-list-table .table-hover>tbody>tr:hover{background-color:#f5f5f5;border:1px solid #ddd}.table-exam-header td,.table-exam-header th{vertical-align:middle!important;text-align:center!important}.exam-answer .alert{margin-bottom:5px!important}.not-found-page{margin:100px 0}#__bs_notify__{top:auto!important;bottom:0!important;border-radius:5px 0 0!important;background:rgba(0,0,0,.6)!important;line-height:5px}