/* CSS Document */
@font-face {
    font-family: Roboto;
    src: url(../fonts/Roboto-Light.ttf);
}

body
{
	margin:0px; padding:0px; height: auto; width:100%;
	font-family:Roboto;
	color:#1d1d1d;
	  background: -webkit-gradient(linear, left top, left bottom, from(#155185), to(#00275a)) fixed;
	  
  overflow: hidden;


	-webkit-print-color-adjust:exact;

}
div
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
ul
{
	margin:0px; padding:0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;	box-sizing: border-box;
}
li
{
	list-style:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
a,a:hover
{
	text-decoration:none; color:#1e91cf;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	cursor:pointer;
}
h1,h2,h3,h4,h5,h6,p{ margin:0px; padding:0px; }

.text-danger{ width:100%; height:auto; float:left; font-size:11px; color:#C00; }
.text-center{ text-align:center; }
.text-left{ text-align:left; }
.text-right{ text-align:right; }

.alert-position{ position: absolute; z-index:99; }

.alert {
	float:left; width:96%; height:auto;
	padding: 10px;
	margin-bottom: 17px; margin-left:2%; margin-right:2%; margin-top:10px;
	border-radius: 3px;
	font-size:13px;
}
.alert a
{
	float:right; cursor:pointer;
}
.alert-success {
	background-color: #f4fef1;
	border: 1px solid #2daa38;
	color: #0d9d1a;
}
.alert-danger {
	background-color: #fef1f1;
	border: 1px solid #fcd9df;
	color: #f56b6b;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}

/* Login Form */

#container
{
	width:96%; max-width:300px; height: auto;
	margin:5% auto;
}

#logo
{
	width:100%; height:auto; float:left;
	margin-bottom:25px;
	text-align:center;
}
#logo img
{
	max-width:200px; height:auto;
}
#logo h1
{
	font-size:12px; color:#FFF; text-transform:uppercase;
	margin-top:10px;
}


#loading-txt
{
	width:100%; height:auto; float:left; display:none;
	font-size:13px; color:#FFF; text-align:center;
}
.loader {
  border: 8px solid #dfecf9;
  border-radius: 50%;
  border-top: 8px solid #012143;
  width: 70px;
  height: 70px;
  margin:0 auto; margin-bottom:5px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
#login-form
{
	width:100%; height:auto; float:left;
}
#login-form input[type='text']
{
	width:100%; height:auto; float:left; outline:0;
	padding-left:10px; padding-top:12px; padding-bottom:10px;
	border:3px solid #042542; border-bottom:1px solid #042542;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	 border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-box-shadow: inset 0px 1px 3px 0px rgba(4, 37, 66, 0.62);
	-moz-box-shadow:    inset 0px 1px 3px 0px rgba(4, 37, 66, 0.62);
	box-shadow:         inset 0px 1px 3px 0px rgba(4, 37, 66, 0.62);
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	font-size:14px; color:#55555a;

}
#login-form input[type='text']:focus
{
	-webkit-box-shadow: inset 0px 0px 5px 0px rgba(99, 150, 194, 0.72);
	-moz-box-shadow:    inset 0px 0px 5px 0px rgba(99, 150, 194, 0.72);
	box-shadow:         inset 0px 0px 5px 0px rgba(99, 150, 194, 0.72);
}
#login-form input[type='password']
{
	width:100%; height: auto; float:left; outline:0;
	padding-left:10px; padding-top:12px; padding-bottom:10px;
	border:3px solid #042542; border-top:0px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-webkit-box-shadow: inset 0px 1px 3px 0px rgba(4, 37, 66, 0.62);
	-moz-box-shadow:    inset 0px 1px 3px 0px rgba(4, 37, 66, 0.62);
	box-shadow:         inset 0px 1px 3px 0px rgba(4, 37, 66, 0.62);
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	font-size:14px; color:#55555a;

}
#login-form input[type='password']:focus
{
	-webkit-box-shadow: inset 0px 0px 5px 0px rgba(99, 150, 194, 0.72);
	-moz-box-shadow:    inset 0px 0px 5px 0px rgba(99, 150, 194, 0.72);
	box-shadow:         inset 0px 0px 5px 0px rgba(99, 150, 194, 0.72);
}

#login-form select
{
	width:100%; height: auto; float:left; outline:0;
	padding-left:10px; padding-top:7px; padding-bottom:6px;
	border:3px solid #042542; border-top:0px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-webkit-box-shadow: inset 0px 1px 3px 0px rgba(4, 37, 66, 0.62);
	-moz-box-shadow:    inset 0px 1px 3px 0px rgba(4, 37, 66, 0.62);
	box-shadow:         inset 0px 1px 3px 0px rgba(4, 37, 66, 0.62);
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	font-size:14px; color:#55555a;

}
#login-form select:focus
{
	-webkit-box-shadow: inset 0px 0px 5px 0px rgba(99, 150, 194, 0.72);
	-moz-box-shadow:    inset 0px 0px 5px 0px rgba(99, 150, 194, 0.72);
	box-shadow:         inset 0px 0px 5px 0px rgba(99, 150, 194, 0.72);
}

#login-form button
{
	width:100%; height:43px; float:left; cursor:pointer; outline:0px;
	margin-top:20px;
	border:1px solid #011424; background: #042542;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	font-size:14px; color:#FFF;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#login-form button:active{ background:#011424; }