@import url(//fonts.googleapis.com/css?family=Lato:700);

body {
	margin:0;
	font-family:'Lato', sans-serif;
	text-align:center;
	color: #999;
}

.welcome {
	width: 410px;
	height: 200px;
	position: absolute;
	left: 45%;
	top: 50%;
	margin-left: -150px;
	margin-top: -100px;
}
.logo{
    width: 250px;
    right: 40px;
    top:50px;
    position: relative;
}
#red_light{
    width: 80px;
    margin-top: 20px;
}
#yellow_light{

	display:none;
    width: 80px;
    margin-top: 20px;
}
#green_light{
	display: none;
    width: 80px;
    margin-top: 20px;
}
.welcome form{
	text-align: left;
}

a, a:visited {
	text-decoration:none;
}

h1 {
	font-size: 32px;
	margin: 16px 0 0 0;
}

.true {
	background: red;
}

.form-login{
	text-align: left;
    font-size:75%;
    font-family:Arial, Helvetica, sans-serif;
    position: relative;
    width: 406px;
}


.panel-default {
	margin:2%;
	padding: 0px 10px;
}


/* new styles */

.failed_login {
    color: #C90000;
    background-color: #A1A1A1; 
     border-color: #A1A1A1; 
    font-size: 11px;
    font-weight: bold;
        padding: 6px;
}


.login{
	font-size:75%;
	font-family:Arial, Helvetica, sans-serif;
	position: relative;
	width: 406px;

}

.login_side{

    height: 200px;
    width: 106px;
    padding: 0 10px 0 10px;
    float: left;
    border:1px solid #B30000;
    border-right: none;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background: #EA0000;
    background: -moz-linear-gradient(top, #F90000 0%, #AE0000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F90000), color-stop(100%,#AE0000));
    background: -webkit-linear-gradient(top, #F90000 0%,#AE0000 100%);
    background: -o-linear-gradient(top, #F90000 0%,#AE0000 100%);
    background: -ms-linear-gradient(top, #F90000 0%,#AE0000 100%);
    background: linear-gradient(top, #F90000 0%,#AE0000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F90000', endColorstr='#AE0000',GradientType=0 );
   -webkit-box-shadow:2px 3px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow:2px 3px 5px 0px rgba(0,0,0,0.75);
    box-shadow:2px 3px 5px 0px rgba(0,0,0,0.75);
}
.btn_login{
    color: #fff;
    background-color: #c9302c;
    border-color: #d43f3a;
}
.btn_login:hover{
    color: #fff;
    background-color: #B20000;
    border-color: #B10000;
}
.login_side img{
	width: 80px;
}

.login_inside h2, .login_side a{
	color: #FFF;
}
.login_inside p{
	line-height:.5em;
}

.login_inside h2{
	font-size:2em;
}
.login_inside a{
	font-size:.8em;
	text-decoration:none;
	border-bottom: double #B21A03 1px;
}
.text_traffic{
	
    text-align: center;
    font-size: 12px;
    color: white;
} 
form {
	float: right;
    width: 299px;
    height: 200px;
    padding: 20px 15px;
    border: 1px solid #A1A1A1;
    color: #FFF;
    font-size:.8em; 
	/*** Rounded Corners ***/
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px; 
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, rgba(228,228,230,1), rgba(153,153,153,1));
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, rgba(228,228,230,1), rgba(153,153,153,1));
    /* Chrome 7+ & Safari 5.03+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(228,228,230,1)), color-stop(1, rgba(153,153,153,1)));
    /* IE5.5 - IE7 */
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFE4E4E6,EndColorStr=#FF999999);
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFE4E4E6,EndColorStr=#FF999999)"
       -webkit-box-shadow:2px 3px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow:2px 3px 5px 0px rgba(0,0,0,0.75);
    box-shadow:2px 3px 5px 0px rgba(0,0,0,0.75);

}