/* CSS Document */

@font-face {
    font-family: RobotoReg;
    src: url(../fonts/RobotoCondensed-Regular.ttf);
}

body
{
	margin:0px; padding:0px;
	background:url(../images/loginbg.jpg) no-repeat;
	background-size:100% auto;
	font-family:RobotoReg;
}
div,ul,li,a,h1,h2,h3,h4,h5,h6,p
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
ul,li,h1,h2,h3,h4,h5,h6,p{ margin:0px; padding:0px; }


.error
{
	width:98%; height:auto; float:left; position:relative;
	margin-left:1%; margin-right:1%;
	background:#f64b2f;
	padding:10px; padding-left:35px;
	font-size:13px; color:#FFF; font-weight:600;
}
.error i
{
	font-size:21px; color:#9a1903;
	position:absolute; z-index:99; left:15px; top:12px;
}
.error ul{ margin-left:15px; }
.error li{ margin-bottom:4px; list-style:none; }

.success
{
	width:98%; height:auto; float:left; position:relative;
	margin-left:1%; margin-right:1%; margin-bottom:25px;
	background:#7eb62e;
	padding:15px; padding-left:35px;
	font-size:16px; color:#FFF; font-weight:600;
}

.success i
{
	font-size:30px; color:#598a10;
	position:absolute; z-index:99; left:15px; top:10px;
}
.success ul{ margin-left:15px; }
.success li{ list-style:none; }


/* Form Fields */
input[type='text'],input[type='search'],textarea,input[type='password'],select,input[type='date']
{
	width:100%; height: auto; float:left; outline:0px;
	padding-left:5px; padding-right:5px;
	border:1px solid #d7dce5;
	font-size:13px; color:#212121; font-family:Helvetica;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
    -webkit-transition: width 1s ease;  
    -moz-transition: width 1s ease;  
    -o-transition: width 1s ease;  
    -ms-transition: width 1s ease;  
    transition: width 1s ease;
	
    transition:border 0.7s;
}
input[type='text']:focus,input[type='search']:focus,input[type='password']:focus,textarea:focus,input[type='date']:focus,select:focus
{
	border:1px solid #d7dce5;
}
input[type="text"]:disabled{ cursor:not-allowed; background:#EEE; }
input[readonly]{ cursor:not-allowed; background:#EEE; }
button
{
	width:auto; height:27px; float:left;
	padding-left:20px; padding-right:20px;
	background:#0072c5; border:0px;
	outline:0px; cursor:pointer;
	font-size:12px; color:#FFF;
}
button:hover{ background:#1e82cc; }
button:active{ background:#5c5c5c; }


#error_msg
{
	width:35%; height:auto; position:absolute; left:2%; top:2%; z-index:999;
	background:#df6c6e;
	-webkit-border-radius: 3px;
	-moz-border-radius:3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	padding:20px;
	font-size:13px; color:#FFF;
}
#error_msg_close{ font-size:14px; color:#FFF; position:absolute; right:10px; top:5px; }

#login_form
{
	width:30%; height:auto; float:left;
	margin-left:35%; margin-right:35%; margin-top:10%;
	background:rgba(255,255,255,0.8);
	padding:20px;
}
#login_form .error{ margin-top:0px; margin-bottom:5px; }

#logo
{
	width:100%; height:auto; float:left;
	text-align:center;
}

#logo img
{
	width:auto; height:95px;
}

#login_form h1
{
	width:100%; height:auto; float:left;
	font-size:16px; text-align:center;
	margin-bottom:25px;
}

#login_form input
{
	height:40px;
	margin-bottom:20px;
}

#login_form button
{
	height:30px;
	font-size:14px;
}