html,body {
	background: #F8F8F8 none repeat scroll 0% 0%;
	font-family: sans-serif !important;
	
	
}
.form-control{
	width: 90% !important;
	height: 100% !important;
}

input[type="password"]{
	min-width:0px !important;
}

.btn-login, .btn-forgot{
 min-width:0px !important;
 white-space:normal;
 
 font-weight:bold; 
}

@media (min-width: 1200px) {
.form-button-group{
	float:center !important;
	padding:0px 0px 0px 0px !important;
	text-align:center;
	width:100% !important;
	border:0px solid #000 !important;
}	
.form-button-update{
	float:center !important;
	padding:0px 8px 0px 0px !important;
	text-align:center !important;
	width:99% !important;
	border:0px solid #000 !important;
}	

.form-control{
	width: 90% !important;
	height: 100% !important;
}


.btn-login{
	
	width:98% !important;
	border-radius:5px;
	margin-left: -4px !important;
	
	}

.btn-forgot{
	margin-left: 13px !important;
	width:98% !important;
	 }
.btn-update{ 
	width:150px;
	/*margin-left: 30px !important; */
}
	 
}

@media (max-width: 767px) {

.form-control{
	width: 91% !important;
	height: 100% !important;
}


.btn-login{
	width:100% !important;
	display:block;
	border-radius:5px;
	margin-left: -10px !important;
}
	
.btn-update{ 
	width:100% !important;
	display:block;
}

.btn-forgot{
	margin-top : 5px !important;
	width:100% !important;
	display:block;
	 }
}
	 
.form-bottom-login {
	 text-align:center;
	 border-top: 1px solid #dddddd ; 
	 padding-top:15px; 
	 font-size:10px;
	 color: #5BC3CB !important;
}

.form-control::-moz-placeholder {
    color: #DBE3DF !important;
    opacity: 1;
}

.panel-info > .panel-heading{
  background-color: #FEFEFE !important;  
  
}

.panel-title{
	font-size:18px !important;
	color:#5BC3CB !important;
}

.panel{
	background-color: #FFFFFF  !important;
}

.btn{
    border-color: #5BC3CB !important;
    background: linear-gradient(45deg, #5BC3CB 10%, #5BC3CB 90%) repeat scroll 0% 0% transparent;
}

.btn:hover{
    border-color: #6CE4ED !important;
    background: linear-gradient(45deg, #6CE4ED 10%, #6CE4ED 90%) repeat scroll 0% 0% transparent;
} 
 .pen-title {
	 text-align:center;
 }
 
 .title-head-img{
	 margin-left:-25px !important;
 }
 .title-head-top {
	 margin-top:-10px !important;
	 margin-left:-25px !important;
	 color:#CF6161 !important;
	 font-size:22px !important;
 }
 
 .control-label{
	 font-size:14px !important;
	 margin-bottom:4px !important;
	 color:#CF6161 !important;
	 padding-top: 2px !important;
 }
