@media only screen and (max-width: 600px) {
  .login-form {
    width: 100%;
    max-width: none;
  }
}

.top_bar{
	height:50px;
	background-color:#33C;
	margin-bottom:10px;
	border-bottom:1px solid #CCC;
	padding:5px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:36px;
	color:#FFC;
	 opacity:0.6;
  filter:alpha(opacity=60); /* For IE8 and earlier */
  text-align:center;
}
.login-box-wrapper{
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	height: 100vh;
	max-height: 100%;
	/*background: #0D3B5F;*/
	background:linear-gradient(to bottom, #1A237E, #2672be);
}
.login-form {
  position:relative;
  max-width: 100%;
  padding: 40px;
  background-color: #fff;
  margin:20px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  text-align: center;
}

.login-box-top{
	background-color:#96c8e9;
}

.form-rounded {
border-radius: 1rem;
}
.login-input {
	width:100%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:22px !important;
	text-align:center;
	border-radius:5px;
	border:1px solid #666;
	color:#000;
}
.button-submit{
	width:200px;
	height:40px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:400;
	text-align:center;
	border-radius:5px;
	border:1px solid #666;
}

.login-link{
	width:auto;
	margin: 20px auto;
	padding-bottom:20px;
	text-align: center;
	font-size:12px;
	font-weight:600;
}
.error-box{
  padding: 5px;
  border: 1px solid #bc0303;
  background-color: #ffd0d0; 
  color: #b03426; 
}
.sukses-box{
  padding: 5px;
  border: 1px solid #1a911a;
  background-color: #d3fcd6;
  color: #378d1f;  
}
.captcha-input{
  width: 20px;
}
.register {
	background: #0D3B5F;
	box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 0 inset, rgba(0, 0, 0, 0.0470588) 0 1px 2px 0;
}
.register label{
	font-size:11px;
	font-weight:600;
	text-align:left;
}
.register-box-wrapper{	
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	height: 100vh;
	/*background: #0D3B5F;*/
	background:linear-gradient(to bottom, #1A237E, #2672be);
}
.register-form {
  position:absolute;
  top:8px;
  max-width: 100%;
  padding: 40px;
  background-color: #fff;
  margin:30px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  text-align: center;
}
.register-box-top{
	background-color:#96c8e9;
}
.register-box{
	width:auto;
	height:auto;
	margin: 0px auto;
	padding:20px;
	border-radius:15px;
	border:1px solid #FFF;
	background-color:#eeeaff;
}
.register-link{
	width:100%;
	color:#000;
	position:relative;
	float:left;
	
}
.register-input {
	width:85%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:22px !important;
	text-align:center;
	border-radius:5px;
	border:1px solid #666;
	color:#000;
}

.register-input:focus {
  outline: none;
  box-shadow: 0px 0px 5px #ccc;
}
.register-col-a{
	float:left;
	display:block;
	padding:4px;
}
.register-col-b{
	float:left;
	display:block;	
	padding:4px;
}
.register-header{
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
.register-btn{
	margin: 0 25%;
	padding:0px auto;
	width:300px;
	text-align:center;
}
#informasi{
	position:fixed;
	top:60px;
	width:auto;
	right:8px;
	z-index:999;
}