.text-top{
	position: relative;
	margin-left:23%;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 2em;
	padding: 0.2%;
	color:#FF0;

}
@media (max-width: 500px ){
.text-top{
	
	margin-left:50%;
	font-size: 0.8em;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-top: 1%;
	color:#FF0;
	z-index: 99999;
}
}

.form-login{
	padding-top: 60px;
	margin-bottom: 10%;

}
.outter-form-login {
    padding: 20px;
	background-image:url(alat/gbr/bodi.png);
    position: relative;
    border-radius: 5px;

}
.logo-login {
    position: absolute;
    font-size: 35px;
    background: #21A957;
    color: #FFFFFF;
    padding: 10px 18px;
    top: -40px;
    border-radius: 50%;
    left: 40%;
}
.inner-login .form-control {
    background: #D3D3D3;
}
h3.title-login {
    font-size: 20px;
    margin-bottom: 10px;
}

.forget {
    margin-top: 20px;
    color: #ADADAD;
}
.btn-custom-green {
    background: #21A957;
    color: #fff;
}


.top1{
background: #660099;
background-size: 100%;
height: 60px;

}
@media (max-width: 500px ){
.top1{
background: #660099;
background-size: 100%;
height: 50px;
padding-top: 2%;
}
}
.footer{

	z-index: 99999;
	left:0;
	height:40px;
	background:#00F;
	width:100%;
	position: absolute;
	margin-top:37.5%;
	text-align:center;
	line-height:30px;
	color:#ffffff
};