html, body {    width: 100%;    height: 100%;}
body {	background-color:rgba(0,46,102,.8);    padding: 0;    margin-top:5px;}
#logo, #loginbox {    width: 32%;    margin-left: auto;    margin-right: auto;    position: relative;}
#logo img {  margin: 0 auto;    display: block;}
#loginbox { overflow: hidden !important;    text-align: left;    position: relative; }
#loginbox .form-vertical{	width:100%; background:#fff;	position:relative;	top:0;	left:0; border-radius:10px;}
#loginbox .form-actions {	padding: 14px 20px 15px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
#loginbox .form-actions .pull-left { margin-top:0px;}
#loginbox  #loginform {	z-index: 200; display:block;}
#loginbox  #recoverform {	z-index: 100;	    display:none;}
#loginbox  #recoverform .form-actions {    margin-top: 10px;}
#loginbox .main_input_box { margin:0 auto; text-align:center}
#loginbox .main_input_box .add-on{  background-color: #EEEEEE;    border: 1px solid #dadada;    display: inline-block;    font-size: 14px;    font-weight: normal;    height:30px;    line-height: 30px;    min-width: 16px;    padding: 4px 5px;     text-align: center;    text-shadow: 0 1px 0 #FFFFFF;    width:30px;}
#loginbox .main_input_box input{ height:30px; display:inline-block; width:75%;  border: 1px solid #dadada; margin-bottom:3px;}
#loginbox .controls{ padding:0 20px;}
.errorsucc{padding-top:20px;}
#loginbox .control-group{ padding:20px 0; border-bottom:1px solid #f6f6f6; margin-bottom:0px;}
#recoverform .control-group{ padding:20px 0; border-bottom:0px solid #f6f6f6; margin-bottom:0px;}

.form-vertical, .form-actions {    margin-bottom: 0;}
#loginbox .normal_text{ padding:15px 10px; text-align:center; font-size:14px; line-height:20px; background:#09899E; color:#fff; border-top-left-radius:10px;border-top-right-radius:10px;}


#recoverform  .normal_text{ padding:15px 10px; text-align:center; font-size:14px; line-height:20px; background:#09899E; color:#fff; border-top-left-radius:0px;border-top-right-radius:0px;}
@media (max-width: 600px){
#logo { width: 40%; }
#loginbox{ width:90%}
#loginbox .control-group{ padding:8px 0; border-bottom:1px solid #dadada; margin-bottom:0px;}
}
 
 @media only screen and (max-width: 989px) and (min-width: 600px)  {
#logo { width: 40%; }
#loginbox{ width:50%}
#loginbox .control-group{ padding:8px 0; border-bottom:1px solid #dadada; margin-bottom:0px;}
}
#loginform h3{font-size:73px;}
#recoverform h3{font-size:73px;}
.loginformadmin{font-size:43px;}
#loginbox .main_input_box select {
    height: 40px;
    display: inline-block;
    width: 78.5%;
    border: 1px solid #dadada;
    margin-bottom: 3px;
}
.red{color:red;}
.green{color:green}
.warn i{color:#F89406;font-size:25px;}
#module_select{color:#000;}