a{text-decoration:none}a:active,a:focus,a:hover{text-decoration:none}.height-full{height:100vh}.height-inherit{height:inherit}.table-block{display:table}.table-block.full{width:100%}.table-block.center{margin:auto}.table-cell{display:table-cell;height:inherit;vertical-align:middle}.btn-green-login,.btn-green-login:active,.btn-green-login:focus{background:url(../imgs/btn-masuk.png) center/contain no-repeat}.btn-green-login{border-radius:10px;height:55px;width:144px}.btn-green-login.processing{position:relative}.btn-green-login.processing:before{content:"memproses";position:absolute;top:0;left:0;width:inherit;height:inherit;line-height:55px}.btn-orange-logout,.btn-orange-logout:active,.btn-orange-logout:focus{background:url(../imgs/btn-keluar.png) center/contain no-repeat}.btn-orange-logout{height:28px;width:78px}.btn-orange-back,.btn-orange-done{background:#f07c00;border-radius:0;color:white;font-weight:bold;height:30px;line-height:30px;opacity:0;padding:0;position:relative;text-transform:uppercase;width:150px;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}.btn-orange-back.done,.btn-orange-done.done{opacity:1;padding:0;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}.btn-orange-back.done:before,.btn-orange-done.done:before{content:"";left:-21px;position:absolute;top:0;width:0;height:0;border-style:solid;border-width:0 0 30px 20px;border-color:transparent transparent #f07c00 transparent}.loader{background:rgba(255, 255, 255, 0.6);height:inherit;left:0;opacity:0;position:fixed;top:0;width:inherit;z-index:-1;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}.loader.show{opacity:1;z-index:1050}header{margin-bottom:20px}header .block-detail,header .block-logo{height:166px}header .block-logo{float:left;position:relative;width:30%}header .block-logo:after,header .block-logo:before{content:"";position:absolute;top:0}header .block-logo:after{background:url(../imgs/bg-header-logo.png) left top/cover no-repeat;height:8px;left:0;width:100%}header .block-logo:before{background:url(../imgs/bg-header-diagonal.png) right top/contain no-repeat;height:inherit;right:-55px;width:100%}header .block-logo .border{}header .block-logo .logo{width:100%;padding:20px 40px 20px 20px}header .block-detail{background:url(../imgs/bg-header-detail.png) 54px top/cover no-repeat;float:right;margin-left:0;margin-right:0;max-height:166px;padding:20px;position:relative;width:70%}header .block-detail:before{display:none;background:url(../imgs/bg-header-diagonal.png) left top/contain no-repeat;content:"";height:inherit;left:-10px;position:absolute;top:1px;width:60px}header .block-detail .detail .avatar img{max-height:125px}header .block-detail .detail .profile{color:white;height:136px;position:relative}header .block-detail .detail .profile .block{width:auto}header .block-detail .detail .profile .block-row{font-size:20px}header .block-detail .detail .profile .block-row:not(.bottom){border-bottom:1px solid white;margin-bottom:10px}header .block-detail .detail .profile .block-row.bottom{bottom:0;position:absolute}header .block-detail .datetime{height:136px;position:relative}header .block-detail .datetime .block{position:absolute;bottom:0;right:0}header .block-detail .datetime .block-row{background:#ffec00;border-color:#009033;border-radius:10px;border-style:solid;border-width:3px;display:table;float:right;margin-bottom:10px;padding:5px 20px}header .block-detail .datetime .block-row>span{color:#009033;font-size:20px;font-weight:bold}.btn,.btn:active,.btn:focus{-webkit-box-shadow:none;box-shadow:none;outline:none!important}.form-control{border-top:0;border-right:0;border-bottom:2px solid #009033;border-left:0;border-radius:0;background:none;-webkit-box-shadow:none;box-shadow:none;color:#009033;font-weight:bold;outline:none}.form-control:focus{border-top:0;border-right:0;border-bottom:2px solid #009033;border-left:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.form-control:-webkit-autofill{-webkit-transition-delay:9999s;-webkit-transition:color 9999s ease-out, background-color 9999s ease-out}.form-control:-webkit-autofill:active,.form-control:-webkit-autofill:focus,.form-control:-webkit-autofill:hover{-webkit-transition-delay:9999s;-webkit-transition:color 9999s ease-out, background-color 9999s ease-out}.page-header{border-bottom:0}body{background:url("../imgs/bg.jpg") center/cover no-repeat;overflow:hidden;height:100vh;width:100%}body.refresh{position:relative}body.refresh:before{content:"";position:absolute;width:100%;height:100%;background:white;z-index:999}.section-login .login{width:60%}.section-login .block-brand-logo{margin-bottom:2rem}.section-login .block-brand-logo .brand-logo{max-height:32vh}.section-login .block-form-login .form-group{margin-bottom:20px}.section-login .block-form-login .form-group:last-child{margin-bottom:0}.section-login .block-form-login .form-group>div,.section-login .block-form-login .form-group label{display:inline-block}.section-login .block-form-login .form-group label{color:#009033;text-align:right;padding:0 20px;width:107px}.section-login .block-form-login .form-group>div{width:70%}.section-login .block-form-login .form-group>div input[type=text]{text-transform:uppercase}.section-question .page-header{margin:0}.section-question .page-header h1{margin-top:0;margin-right:0;margin-bottom:20px;margin-left:0;font-weight:bold}.section-question .page-body .question-lists{display:table;margin:auto;padding:0}.section-question .page-body .question-lists.single .block-check{background:none;margin:auto;text-align:center;width:120px}.section-question .page-body .question-lists.single .block-check .check{color:black;font-size:16px;font-weight:bold;text-decoration:none;text-transform:uppercase}.section-question .page-body .question-row{display:flex; flex-direction: column;padding:0 40px}.section-question .page-body .question-row a{display:block}.section-question .page-body .question-row a:hover .check{text-decoration:none}.section-question .page-body .question-row .block-img{margin-bottom:20px}.section-question .page-body .question-row .block-img img{max-height:170px}.section-question .page-body .question-row .block-check{background:url(../imgs/check-0.png) center/contain no-repeat;width:55px;height:45px}.section-question .page-body .question-row .block-check.checked{background:url(../imgs/check-1.png) center/contain no-repeat}.section-thanks .page-body .block-img{margin-bottom:20px}.section-thanks .page-body .block-img img{display:table;margin:auto}.section-thanks .page-body .block-label{color:#009033;font-size:36px;font-weight:bold}footer{background:url(../imgs/bg-footer.jpg) center/cover no-repeat;bottom:0;position:fixed;width:100%;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}footer.default{height:30px;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}@media screen and (max-width:767px){.section-login .block-brand-logo{margin-bottom:20px}.section-login .block-brand-logo img{max-height:120px}.section-login .block-form-login .form-group>div,.section-login .block-form-login .form-group label{vertical-align:middle}.section-login .block-form-login .form-group>label{width:107px}.section-login .block-form-login .form-group>div{width:auto}.section-login .block-form-login .form-group:last-child{margin-bottom:0}.section-login .block-form-login .btn-green-login{max-height:30px;padding:0}.section-login .block-form-login .btn-green-login.processing:before{line-height:30px}}@media screen and (max-device-height:767px) and (orientation:landscape){header .block-detail{background-position:25px top;height:106px;padding:20px 20px 20px 0}header .block-detail:before{left:-4.78px}header .block-detail .detail .avatar{width:41.66666667%}header .block-detail .detail .avatar img{max-height:66px}header .block-detail .detail .profile{width:58.33333333%;height:66px}header .block-detail .detail .profile .block-row{font-size:11px}header .block-detail .detail .profile .block-row:not(.bottom){margin-bottom:5px}header .block-detail .datetime{height:66px}header .block-detail .datetime .block-row{margin-bottom:5px;padding:0 10px}header .block-detail .datetime .block-row>span{font-size:11px}header .block-logo{height:105.5px}header .block-logo:before{right:-25px}header .block-logo .logo{padding:12px 20px 0px 10px}.section-question .page-header h1{font-size:20px;margin-bottom:7px}.section-question .page-body .question-row{padding:0 20px}.section-question .page-body .question-row .block-img{margin-bottom:0}.section-question .page-body .question-row .block-img img{display:table;margin:auto;max-height:80px}.section-question .page-body .question-row .block-check{width:25px}.section-question .page-body .question-lists.single .block-img{margin-bottom:15px}.section-question .page-body .question-lists.single .block-check{width:80px}.section-question .page-body .question-lists.single .block-check .check{font-size:12px}.section-thanks .page-body .block-img{margin-bottom:10px}.section-thanks .page-body .block-img img{height:80px}.section-thanks .page-body .block-label{font-size:28px}.btn-orange-logout{height:19px;width:48px}}