html{ min-height:100%;}
body { padding:0; margin:0; font:normal 11px/17px Verdana, Geneva, sans-serif; color:#000000; background:#dbf3fe url(../images/login_bg.html) bottom repeat-x;}
div, p, ul, li, h1, h2, h3, h4, h5, h6, form, label, input ,select, textarea, blockquote{margin:0px; padding:0px;}
ul, li{ list-style-type:none;}
:focus{ outline:0;}
img{ border:none;}
a{ text-decoration:none; color:#595959;}
a:hover{color:#e56709;}

#wrapper_outer{ /*background:url(../images/bottom_bg.gif) left bottom no-repeat;*/ height:auto; display:block;}
#wrapper_inner{ background:url(images/top_bg.png) left top no-repeat; height:552px; display:block; margin:0 auto;}
#login_panel{ width:618px; height:auto; position: relative; margin:0 auto; padding-top:70px;}
#login_panel .login_logo{ background:url(images/logo_login_new.png) left top no-repeat; height:198px; width:100%; display:block; }
.login_box{ background:url(images/login_top_bg.png) no-repeat; padding-top:15px; height:auto; display:block; float:left; width:100%;}
.login_box .login_box_b{ background:url(images/login_bottom_bg.png) bottom no-repeat; float:left; padding-bottom:14px; height:auto; display:block; width:100%;}
.login_box .login_box_b .lb_cont{ background:url(images/login_bg.png) repeat-y; float:left; padding:8px 0; height:auto; display:block; text-align:left; width:100%;}
.login_image{ background:url(images/login_image.png) 420px center no-repeat; display:block; height:auto; float:left; width:100%;  }
#login_form{ padding:6px 0 8px 17px; display:block; overflow:hidden; height:auto; width:380px; float:left; }
#login_form h2{ height:26px; color:#316e8a; font-size:21px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; border-bottom:1px solid #D9F1FC;}
#login_form label{ display:block; color:#0f4d65; font-family:Verdana, Geneva, sans-serif; font-weight:bold; font-size:13px; padding:8px 0 6px 1px; line-height:14px;}
#login_form .input_text{padding:6px; border:solid 1px #7dcddf; border-bottom:solid 1px #7dcddf; border-right:solid 1px #7dcddf; border-left:solid 1px #81abb5; border-top:solid 1px #81abb5; margin:0 0 10px 0; background:#f7fdff; width:350px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; }
#login_form .input_text:focus{box-shadow: 0px 0px 4px #3185b1; border:solid 1px #7e97a6; background:#FFF;}
#login_form .input_submit{ height:31px; line-height:31px; width:70px; border:none; background:#f2fbff; border:1px solid #5cbcd3; color:#547e62; box-shadow:inset  0px 0px 4px #979789; margin-top:10px; cursor:pointer;}
#login_form .input_submit:focus{box-shadow: 0px 0px 4px #979789; border:solid 1px #5cbcd3; background:#f2fbff;}
#login_text { width:200px; padding:0 10px 0 0;  color:#21432c; display:block; overflow:hidden; float:right;}
#login_text h1 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  text-transform:uppercase; color:#21432c; font-size:23px; font-weight:bold; text-align:center; padding:10px 0 0 0; }
#login_text h1 span{ font-size:14px;}
#login_text h1 a{ text-decoration:none; color:#21432c;}
#login_text h1 a:hover{ text-decoration:none; color:#D7B301;}
.modalBackground
{
	background-color: #000;
	filter: alpha(opacity=70);
	opacity: 0.7;
	z-index:1 !important;
}

.modelpanelmessage
{
	border: 4px solid #FFFFFF;
	width: 350px;
	padding: 4px;
	color: #FFF;
	background:#76c6f0;
	font:bold 14pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-radius:6px;
	text-align:center; /*border-color:#41519A;
	color:#41519A*/
}
.btn{background: none repeat scroll 0 0 #b71720;
    border: 2px solid #FFF;
	border-radius:5px;
    box-shadow:0;
    color: #FFF;
    cursor: pointer;
    height: 25px;
    line-height:25px;
    margin-top:10px;
    width: 70px;
	font:bold 10pt arial
	}
	
	.redbtn{background: none repeat scroll 0 0 #b71720;
    border: 2px solid #FFF;
	border-radius:5px;
    box-shadow:0;
    color: #FFF;
    cursor: pointer;
    height: 25px;
    line-height:25px;
    margin-top:10px;
    width: 70px;
	font:bold 10pt arial
	}


/*	-----------------------------*/



body {
	font-family: 'Open Sans', sans-serif;
}

form {
	position: relative;
	margin: 20px auto;
	width: 300px;
}

h3 {
	font-size: 16px;
	font-weight: 600;
	color: rgba(0,0,0,0.8)
}

.submit__generated {
	display: inline-block;
	span

{
	display: inline-block;
	width: 35px;
	height: 35px;
	vertical-align: center;
	line-height: 35px;
	font-weight: bold;
	font-size: 16px;
	color: rgba(0,0,0,0.9);
	text-align: center;
	letter-spacing: 1px;
	text-transform: uppercase;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 4px;
}

&.valid:after,
&.unvalid:after {
	font-family: FontAwesome;
	font-size: 18px;
	margin-left: 10px;
}

&.valid {
	&:after

{
	content: "\f00c";
	color: #2ecc71;
}

.submit__input {
	border: 1px solid #2ecc71;
	color: #2ecc71 !important;
}

}

&.unvalid {
	&:after

{
	content: "\f00d";
	color: #e74c3c;
}

.submit__input {
	border: 1px solid #e74c3c;
	color: #e74c3c;
}

}

.submit__input {
	position: relative;
	outline: 0;
	height: 35px;
	width: 35px;
	border-radius: 4px;
	border: 1px solid #42A0DD;
	color: #42A0DD;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	top: -2px;
}

}




i.fa-refresh {
	margin: 4px 0 0px 5px;
	padding: 5px;
	font-size: 18px;
	color: rgba(0,0,0,0.2);
	cursor: pointer;
	transform-origin: center center;
	transition: transform 0.2s ease-out, color 0.2s ease-out;
	&:hover

{
	color: rgba(0,0,0,0.4);
	transform: rotate(180deg);
}

}

span.submit__error,
span.submit__error--empty {
	color: #e74c3c;
	position: absolute;
	margin-top: 0px;
	margin-left: 100px;
}





.submit {
	display: block;
	margin: 50px 0;
	padding: 7px 15px;
	font-weight: bold;
	font-size: 16px;
	color: #fff;
	letter-spacing: 1px;
	text-transform: uppercase;
	outline: none;
	border: 0;
	background-color: #42A0DD;
	background-clip: padding-box;
	border-radius: 3px;
	box-shadow: 0 4px 0 #2C81BA;
	opacity: 1;
	transition: transform 0.2s ease-out, opacity 0.2s ease-out;
	&:hover

{
	background-color: #3498db;
}

&:active,
&.enter-press,
&.overlay {
	margin: 55px 0 46px 0;
	box-shadow: none;
}

}
.submit__overlay {
	height: 50px;
	width: 110px;
	background-color: rgba(255,255,255,0.8);
	position: absolute;
	margin-top: -90px;
	margin-left: -5px;
}
.low-opa {
	opacity: 0.4;
}

.fadeOut {
	opacity: 0;
	transform: translateY(10px);
}

.fadeIn {
	opacity: 1 !important;
	transform: translateY(0px) !important;
}

.form-fields,
.form-success {
	transition: all 0.2s ease-out;
}

.form-success {
	opacity: 0;
	transform: translateY(-10px);
	margin-top: 20px;
}