html {margin: 0;padding: 0;}
body{background-color:#fff; color:#313131; overflow-x:hidden !important;font-size:16px !important;margin: 0;padding: 0;font-family: 'Arial';}
h1, h2, h3, h4{margin:0;padding:0;line-height:1.2;font-weight:bold;}
p{font-size:100%;line-height:1.2;margin:0;padding:0;}
a{text-decoration:none; color:#064500;}
a:hover{color:#000; text-decoration:none !important;}
a:focus{outline:none; text-decoration:none !important ;color:#007b17 !important;}
th{padding-left:8px !important;padding-right:8px !important;}
.pagearea{position:absolute;top:70px;left:0;width:100%;padding:0 0 0;min-height:calc(100vh - 70px);padding:30px 0 90px;}
.flexcenter{display: flex;justify-content: center;align-items: center;}
.flexleft{display: flex;justify-content: left;align-items: center;}
.flexright{display: flex;justify-content: right;align-items: center;}
.reglog-container{margin-left:10%;margin-right:10%;}
.withscroll{width:100%;float:left;overflow-y: scroll;scrollbar-width: thin;height:100%;}
.withscroll::-webkit-scrollbar{width: 7px;}
.withscroll{scrollbar-width: thin;}
.withscroll::-webkit-scrollbar-track{background:transparent;}
.withscroll::-webkit-scrollbar-thumb {background:#bdbdbd;}
.withscroll-padding{padding:15px 25px 30px 25px;}
.reglog-head{position:relative;overflow:hidden;width:100%;background:#fff;height:14vh;border-bottom:#5f899a 1px solid;-webkit-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.5);-o-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.5);-ms-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.5);box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.5);}
.reglog-head img{width:auto;height:70%;margin:0 10px 0 0;}
.reglog-head h1{font-size:160%;font-weight:bold;padding:0;margin:0;line-height:1;text-transform:uppercase;}
.reglog-body{width:100%;min-height:85vh;background:#9bcade;}
.reglog-body-inner{display: flex;flex-flow: row wrap;justify-content: space-between center;margin:0 -20px;}
.reglog-left, .reglog-right{position:relative;width:calc(50% - 44px);margin:8vh 20px 0;height:70vh;background:#fff;border-radius:5px;border:#5f899a 1px solid;}
.reglog-left{background: rgb(255,255,255);
background: -moz-radial-gradient(circle, #fff 32%, #e0e0e0 98%);
background: -webkit-radial-gradient(circle, #fff 32%, #e0e0e0 98%);
background: radial-gradient(circle, #fff 32%, #e0e0e0 98%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e0e0e0",GradientType=1);}
.reglog-left h2{font-size:120%;margin:0 15% 40px;padding:0;line-height:1.2;font-weight:bold;color:#003987;}
.reglog-right h3{font-size:100%;margin:0 auto 30px;text-align:center;padding:0 10%;line-height:1.2;font-weight:500;color:#003987;}
.reglog-right-inner{position:absolute;left:0;top:0;right:0;bottom:60px;overflow:hidden;}
.reglog-left img{width:60%;margin:0 auto;}
.reg-absolute{position:absolute;left:0;bottom:0;right:0;height:60px;background:#fff;padding:0 20px;border-top:#5f899a 1px solid;border-radius:0 0 5px 5px;}
.submitbutton{margin:0 0 0 auto;float:right;}
.tombol, .tombol-block{border:none;outline:none;box-shadow:none;padding:0 15px;border-radius:4px;font-size:95%;margin:0;line-height:1.1;color:#fff;height:34px;cursor:pointer;}
.tombol-block{width:100%;}
.submitinfo{border:none;outline:none;box-shadow:none;padding:0;border-radius:4px;font-size:95%;margin:0;line-height:1.1;font-weight:500;color:#00697d;}
.submitinfo:hover{color:#00274f;}
.login-area{width:80%;margin:0 auto;}
.alert{font-size:90%;text-align:center;position:relative;margin:0 0 20px !important;padding:0 30px !important;height:50px;}
.close-right{position:absolute;right:30px;top:0;font-size:160%;height:50px;color:#799c36;}
.labelform{width:30%;min-width:30%;float:left;font-size:90%;margin:0;padding:0;line-height:1.1;font-weight:bold;}
.right-form{width:70%;min-width:70%;float:left;}
.form-group{margin:10px 0;}
.form-control, .textarea {
  height:auto;
  padding: 7px 15px;
  font-size: 100%;
  width:100%;
  line-height: 1.1;
  color: #555;
  background-color:#fff !important;
  border: 1px solid #bdbdbd;
  border-radius:0;
  -webkit-box-shadow:none;
          box-shadow:none;
  -webkit-transition:none;
       -o-transition:none;
          transition:none;
}
.textarea {width:calc(100% - 30px);}
.form-control:focus, .textarea:focus {
  border-color: #919191;
  background-color:#fff !important;
  outline: 0;
  -webkit-box-shadow:none;
          box-shadow:none;
}
.oke{background:#008a63;}
.oke:hover{background:#00798c;}

@media (max-width: 992px) {
.reglog-container{margin-left:15px;margin-right:15px;}	
.reglog-left, .reglog-right{width:calc(100% - 44px);margin:10px 20px 0;height:auto;padding:15px 0;}
.reglog-left{margin:30px 20px 0;}
.reglog-right{margin-bottom:40px;}
.reglog-right-inner{position:relative;left:auto;top:auto;right:auto;bottom:auto;overflow:hidden;padding:15px;}
.login-area{width:90%;margin:0 auto;}
.reg-absolute{position:relative;left:auto;top:auto;right:auto;bottom:auto;overflow:hidden;background:#fff;padding:0 20px;border-top:#5f899a 1px solid;border-radius:0 0 5px 5px;}
.reglog-left h2{font-size:100%;margin:0 15% 40px;}
.reglog-right h3{font-size:100%;margin:0 auto 30px;text-align:center;padding:0 10%;line-height:1.2;font-weight:500;color:#003987;}
.reglog-left img{width:40%;margin:0 auto;}
}