body{
	margin-left:0;
	margin-top:0;
	margin-right:0;
	margin-bottom:0;
	height: 100vh;
	background: radial-gradient(circle at 94.02% 88.03%, #4776ad, transparent 100%),radial-gradient(circle at 25.99% 27.79%, #003777, transparent 100%),radial-gradient(circle at 50% 50%, #000000, #000000 100%);
	font-family: calibri;
	/*font-family: "Roboto Condensed", Arial, sans-serif;*/
	font-size:75%
}
.main-wrap {
	width: 100%;
	height: 100%;
	position: absolute;
}
.logo {
	position: absolute;
	right: 105px;
	top: -185px;
	font-size: 18px;
	color: #fff;
	font-weight: normal;
	text-shadow: 1px 1px 2px #000;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
* {
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	outline: none;
}
.login-main {
	width: 330px;
	height: 125px;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(220, 255, 255,0.7);
	padding: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	text-shadow: 1px 1px 2px #000
}
.box1 {
	background: #ffd5ce;
	height: 40px;
	text-indent: 10px;
	width: 90%;
	margin-bottom: 2px;
	color: #3B424D;
	font-size: 15px;
	font-weight: 400;
}
.border1 {
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-ms-border-radius: 5px 5px 0 0;
	-o-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
.border2 {
	-webkit-border-radius: 0px 0 5px 5px;
	-moz-border-radius: 0px 0 5px 5px;
	-ms-border-radius: 0px 0 5px 5px;
	-o-border-radius: 0px 0 5px 5px;
	border-radius: 0px 0 5px 5px;
}
.tombol_bulat, .tombol_bulat:hover {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	border: 5px solid #2BD99B;
	background: #155B3C;
	color: #fff;
	font-weight: normal;
	text-shadow: 1px 1px 2px #000;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.send{width:60px;height:60px;right:9px;top:45px;font-size:18px}
.reset{width:40px;height:40px;right:20px;top:35px;font-size:8px}
.send:hover,.reset:hover{animation:spin 0.3s ease-in-out;-webkit-animation:spin 0.3s ease-in-out;-moz-animation:spin 0.3s ease-in-out;-ms-animation:spin 0.3s ease-in-out;-o-animation:spin 0.3s ease-in-out;cursor:pointer}

@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@-webkit-keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@-moz-keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@-o-keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

input { padding: 0px; border: 0px solid #999; border: 2px solid #3BB18B}
.danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb;margin-top:12px;font-size:20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}