*{margin:0;padding: 0;}
body{color: #333333;background-color: #f5fafa;}
.main-title{color: #005ba3;}
.margin-top{margin-top: 30px;}
#logo{float: left;margin-right: 20px;}

/*login*/
.mainlogin {
	width:562px;
	height:365px;
	margin:70px auto;
	background:url(images/back-login.png) no-repeat 28%;
}
.mainlogin2 {
	width:562px;
	height:365px;
	margin:70px auto;
	background:url(images/back-login2.png) no-repeat 28%;
}
.login-image {
	float:left;
	width:150px;
	padding-left:10px;
	padding-top:16px;
}
.login-form {
	width:300px;
	margin:0 auto;
}
.mainlogin .btn{
	width:48% !important;
	float:left;
	background:#e31351 !important;
	color:#fff;
	font-weight:bold;
}
.mainlogin .btn:hover{
	background:#92032e !important;
}
.mainlogin2 .btn {
	width:48% !important;
	float:left;
	background:#0000e6 !important;
	color:#fff;
	font-weight:bold;
}
.mainlogin2 .btn:hover {
	background:#000066 !important;
}

.login-form > .form-login > .btn + .btn {
	margin-left:10px;
}
.mainlogin .wrap-frame, .mainlogin2 .wrap-frame {
	margin-top:100px ;
}
.mainlogin .title-frame, .mainlogin label, .mainlogin2 .title-frame, .mainlogin2 label { color:#fff !important;}
/* wrap-frame / left form */
.wrap-frame{padding-top: 10px;padding-bottom: 10px;margin-bottom: 40px;}
.title-frame{color: #9cc1dd !important;padding-left: 66px;border-left: 5px solid #676afc;margin-left:-15px;}
	.login{background: url('../images/login-icon.png') no-repeat 25px 0px;}
	.graph{background: url('../images/graph-icon.png') no-repeat 25px 0px;}
	.pengumuman{background: url('../images/pengumuman-icon.png') no-repeat 25px 0px;}
	.report{background: url('../images/reports.png') no-repeat 25px 0px;background-size: 25px 25px;}
	.download{background: url('../images/download.png') no-repeat 25px 0px;}
	.info{background: url('../images/info.png') no-repeat 25px 0px;background-size: 20px 20px;color: #000000 !important;text-decoration: underline;}
	.important{background: url('../images/table-icon.png') no-repeat 25px 0px;}
	
#username{padding-left: 40px;background: url('../images/user.png') no-repeat 10px 8px #f5f8fa;}
.pass-icon{padding-left: 40px;background: url('../images/pass.png') no-repeat 10px 8px #f5f8fa;}
.form{margin-top: 30px;margin-bottom: 20px;}

/* right column */
.desc{font-weight: 1px;color: #bebcbc;line-height: 25px;}

.list-group{margin-top: 30px;}

/* indikator 
.indikator{padding: 5px;text-transform: uppercase;font-size: 11px;}
.cukup{background-color: #eaef56;color: white;}
.kurang{background-color: #ef5661;color: white;}
.baik{background-color: #45d93d;color: white;}
*/