*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: Arial;
	color: #888;
}
.d-flex{
	display: flex;
}
.nav{
	justify-content: space-between;
	height: 110px;
}
.container{

	width: 960px;
	margin: 40px auto;
}
.header-icons-form{
	height: 40px;
	width:85%;
	margin:20px auto;
	background: url(../img/l-accesos.png) no-repeat top center;
	margin-bottom: 60px;

}
form{
	width: 390px;
	border: 4px solid #E7E7E7;
}
input{
	width: 290px;
	height: 35px;
	padding: 10px;
	font-size: 13px;	
	outline: none;
	border:1px solid silver;
}
input:focus{
	box-shadow: 0px 2px 10px 0px rgba(0,0,0, .5);
} 
input:focus ~ div > i,
input:focus ~ div svg  rect{
	color: #000;
	fill:#000;
}
::placeholder{
	font-size: 12px !important	;	
}
.field{
	margin:20px auto;
	width: 290px;
	position: relative;
}
.position-absolute{
	position: absolute;
	right: 10px;
	top:8px;
}
.position-absolute *{
	font-size:12px;
	color: #888;
}
ul{
	list-style: none;
	font-size: 11px;
}
.teclado-virtual{
	text-align: center;
	font-size: 11px;
	margin-bottom: 20px;
}
.helper{
	width: 290px;
	margin: auto;
}
button {
	width: 124px;
	height: 34px;
	display:block;
	margin-left: auto;
	background-color: #FA8F2C;
	border: 1px solid #F17C20;
    text-shadow: 0 1px 0 #e27442;
    color: #fff !important;
    cursor: pointer;
}
button span{
	color: #FFF;
	vertical-align: middle;
	padding-right: 5px;
	height: 100%;
	border-right: 1px solid #e27442
}
li{
	margin-bottom: 2px;
}
button i{
	font-size: 9px;
	vertical-align: middle;
	position: relative;
	left: 5px;
	color: #e27442
}
.loader-page {
	flex-direction: column;
	position: fixed;
	height: 100vh;
	width: 100%;
	z-index: 99999;
	background: #fafafa;
	justify-content: center;
	text-align: center;
	top:0;
}
.alert-info{
	border:4px solid #888;
	padding: 15px;
	width: 320px;
	margin: 0 auto 20px auto;
	box-shadow: 0px 5px 15px 0px rgba(0,0,0,.5);
}
.loader-page img{
	display: block;
	margin:15px auto;
}
.spinner{
	height: 30px;
	width: 30px;
	border:3px solid #777;
	margin: 15px auto;
	border-radius: 30px;
	border-right-color: #EEE;
	animation: rotar .5s linear infinite;
}
@keyframes rotar{
	from{
		transform: rotate(0deg);
	}
	to{
		transform: rotate(360deg);
	}
}
.alert-warning{
	padding:10px;
	width:90%;
	background:rgba(150,0,55, .5); 
	color:#FFF;
	margin:30px auto;
}
.alert-warning h4,
.alert-warning p{
	color:#FFF;
}
.alert-warning h4 {
	font-weight:normal;
	margin-bottom:5px;
}
.alert-warning p{
	font-size:13px;
}