:root{
	--color-primary:#004970;
	--color-secondary:rgb(255, 146, 0);
}
*{
	font-family: "Titillium Web", serif;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
.spinner {
   width: 56px;
   height: 56px;
   border-radius: 50%;
   padding: 1.1px;
   background: conic-gradient(#0000 10%,#004970) content-box;
   -webkit-mask: repeating-conic-gradient(#0000 0deg,#000 1deg 20deg,#0000 21deg 36deg),
        radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 calc(100% - 9px));
   -webkit-mask-composite: destination-in;
   mask-composite: intersect;
   animation: spinner-d55elj 1s infinite steps(10);
}

@keyframes spinner-d55elj {
   to {
      transform: rotate(1turn);
   }
}
ul{
	list-style: none;
}
body,html{
	height: 100%;

}
.website{
	position: relative;
	height: 100%;
	min-width: 1000px;
	height: 100vh;
	background: url(../img/imgLoginArgentinaFull-1B.jpg) top center no-repeat  fixed;
	background-size: contain;
	max-height: 997px;
}
.website,footer ul,.alert,.teclado-vr,.teclado-vr{
	display: flex;
}
.website{
	flex-direction: column;
	justify-content: space-between;
}
.login-box{
	max-width: 290px;
	margin-right: 5%;
	margin-left: auto;
	padding-top: 35px;
}
footer ul {
	justify-content: center;
}

.alert,.form-box{
	border-radius: 20px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 0px 10px 0px;
	background: #FFF;
}
.alert{
	padding: 10.07px;
	font-size: 11px;
	line-height: 14px;
	color: var(--color-primary);
	margin-bottom: 20px;
}
.controls{
	padding: 20px 20px 0 20px ;
}
.logo{
	padding: 15px;
}
.main-title {
	font-size: 20px;
	color: #084c83;
}
.logo,.main-title,.help{
	text-align: center;
}
label{
	font-size: 13px;
}
input{
	height: 28px;
	margin: 10px 0 5px 0;
	display: block;
	padding:0 10px;
	border-radius: 3px;
	border:1px solid #a5a5a5;
	color: #003057;
	width: 100%;
	font-family: 'Arial';
}
.btn-warning{
	height: 35px;
	width: 100%;
	background: var(--color-secondary);
	border-radius: 35px;
	border:0;
	color: #FFF;
	margin: 10px 0;
}
.field{
	position: relative;
}
.verclave{
	position: absolute;
	right: 16px;
	bottom:3px;
}
.teclado-vr{
	justify-content: center;
	gap: 10px;
	font-family: 'Arial';
	gap:16px;
	align-items: center;
	font-size: 13px;
}
.help{
	margin-top: 5px;
	padding: 10px;
	background: #e3d7ce;
	color: var(--color-primary);
	width: 100%;
	font-size: 13px;
	border-radius: 0 0 20px 20px;
}
.texto-alerta{
	font-weight: 600;

}
footer{
	height: 48px;
	align-content: center;
	background: #FFF;
	color: var(--color-primary);
}
footer ul{
	gap: 16px;
}
.help-pwd{
	background: #FFF!important;
	border-top: 1px solid silver;
	width: 90%;
	margin:5px auto 0 ;
}
.bi-keyboard{
	font-size: 19px;
}
.logomaspassword{
	position: relative;
}
.volver-atraws{
	position: absolute;
	left: 20%;
	top: 40%;
}
.loading-content{
	height: 100%;
	width: 100%;
	padding: 16px;
	position: fixed;
	z-index: 9999;
}
.loading{
	margin: auto;
	background: #FFF;
	max-width: 320px;
	border:1px solid silver;
	padding: 10px 20px;
}
.loading h3{
	font-size: 16px;
	margin-bottom: 20px;
}
.loading p{
	font-size: 13px;
}