@font-face {
	font-family: 'IndosatMedium';
	src: url('fonts/IndosatMedium-Medium.ttf');
}
@font-face {
	font-family: 'IndosatBold';
	src: url('fonts/IndosatMedium-Bold.ttf');
}
@font-face {
	font-family: 'IndosatReguler';
	src: url('fonts/IndosatRegular-Regular.ttf');
}

body {
	min-height: 100%;
	font-family: 'IndosatReguler', sans-serif;
	background-color: #11044C;
	background-image: url('../img/bg_blank.jpg'); 	
	background-size: cover; 
	background-position: center; 
	background-attachment: fixed; 

}
.login {
	background-color: #000100;
	border: 1px solid #ddd;
	padding: 20px 20px 30px 20px;
	border-radius: 5px;
	opacity: 1;
	color:#FFF;
}
.login .box-header {
	width: 100%;
	text-align: center;
}
.login .box-header .logo {
	width: 80px;
	border: 3px solid #fff;
	border-radius: 40px;
}
.login h3 {
	text-align: center;
	font-weight: bold;
	color: #FFF;
}
.login label {
	color: #FFF;
}
.login input[type="text"],
.login input[type="password"] {
	border-radius: 20px;
	padding: 20px 15px;
}
.login .box-footer {
	width: 100%;
	text-align: center;
}
.login .box-footer .btn-login {
	border-radius: 25px;
	padding: 8px 15px;
}
.btn-primary {
	background-color: #551741;
	color: #fff;
	border: 1px solid #551741;
}
.text-primary {
	color: #004d40;
}
@media (max-width: 767px) {
	.login {
		margin-top: 20px;
	}
}
@media only screen and (min-device-width: 768px) {
	.login {
		margin-top: 35%;
	}
}