/* 5 steps */
.well {
    background-image: none;
    box-shadow: 0;
    background-color:#c9c9c9;
    border:none;
    border-radius: 0;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 0;
}
ul.fivestep{
	margin:0;
	padding:0;
}
ul.fivestep li{
	display: inline-block;
	width:19.5%;
	font-size:18px;
	text-transform:uppercase;
	color:black;
	text-align:center;
	font-weight:300;
	color:white;
	padding:9px 0 8px 0;
}
ul.fivestep li.activestep{
	background-color:#003e7a;
	background-image:url(../img/arrow-step.png);
	background-position: center right;
	background-repeat:no-repeat;
}


.bttitle{max-width:400px; margin:0 auto; color:#2165a6; font-weight:400; border: 1px solid #e8e8e8; margin-bottom:25px;}
.loginzone{ max-width:350px!important; margin:0 auto;}


form div{margin-bottom:20px;}
			
.error{
	display: none;
}		

.error_show{
	color: red;
}

input.invalid{border: 2px solid red;}

input.valid{border: 2px solid green;}










@media (max-width: 1199px) {
	ul.fivestep li{font-size:15px;}	
}
@media (max-width: 1049px) {}
@media (max-width: 992px) {		
	ul.fivestep li, ul.fivestep li.activestep { display:block; width:100%; background-image:none;}
}
@media (max-width: 767px) {	
	.well, .jumbotron{margin-top:30px;}

}
@media (max-width: 550px) {

	
	}