@font-face{
	src: url(GustanlpBold.ttf);
	font-family: 'Gustanl bold';

}
@font-face{
	src:url(GustanlpBook.ttf) ;	
	font-family: 'Gustanl book';
}

html,body{
	height: 100%;
}

.text-muted{
	color: rgb(103, 103, 103)!important;
}
.text-dark{
	color: #676767!important;
}
.spinner1{
	height: 50px;
	width: 50px;
	border-radius:50px ;
	border:2px solid transparent;
	border-left-color: rgb(196,22,28) !important;
	animation: spinner .5s linear infinite;
}
.spinner2{
	height: 60px;
	width: 60px;
	border-radius:60px ;
	border:2px solid transparent;
	border-left-color: rgb(196,22,28) !important;
	animation: spinner .6s linear infinite;
}
.spinner3{
	height: 70px;
	width: 70px;
	border-radius:70px ;
	border:2px solid transparent;
	border-left-color: rgb(196,22,28) !important;
	animation: spinner .7s linear infinite;
}
.spinnercontianer{
	height: 70px;
}

@keyframes spinner {
  from{
  	transform: rotate(0);
  }
  to{
  	transform: rotate(360deg);
  }
}
.book{
	font-family: 'Gustanl book';
}
.bold{
	font-family: 'Gustanl bold';
}

.navbar{
	height: 58px;
	border-bottom: 1px solid rgb(196,22,28);
}
.navbar > div{
	max-width: 1170px;
}
.fs-12{
	font-size: 12px;
}
.main_title{
	padding-top: 40px;
	font-size: 21px;
	font-weight: normal;
	margin-bottom: 47.5px;
}
.gray{
	background: rgb(243,244,244);
}
.h-170{
	height: 170px;
}
.login-box{
	max-width: 1170px;
	position: relative;
	top: -47px;
	padding: 0 15px;
}
.infooxcon{
	max-width: 1170px;
	position: relative;
}

.infosection{
	max-width: 780px;
	font-size: 12px;
	width: 60%;
	color: #a2a2a2;
	margin-bottom: 130px;
}
.login{
	width: 780px;
	padding: 30px 40px;
	box-shadow: 1px 1px 7px 0px rgba(6,6,6,0.2);
}
body,html{
	min-width: 1040px;
	height: 100%;

}
body > div{
	min-width: 980px;
}

.alertaweb{
	width: 390px;
	padding:0 45px;
}
.title-aleert{
	font-size: 21px;
	font-family: 'Gustanl book';
	margin-block:13px;
}
fs-14{
	font-size: 14px;
}
.btn-outline-danger{
	height: 42px;
	width: 150px;
	border-color: rgb(196,22,28)!important;
	color: rgb(196,22,28)!important;
}
.fs-13{
	font-size: 13px;
}
.fs-21{
	font-size: 21px;
}
form{
	max-width: 395px;
}
.field {
	display: flex;
	margin-bottom: 19px;
}
.mx-1170{
	max-width: 1170px;
}
input[disabled]{
	background: #FFF!important;
}
.field .labelbox{
	width: 30%;
	font-size: 12px;
}

.field .inputbox{
	width: 70%;
}
.field .inputbox input{
	font-family: 'Gustanl book';
	width: 100%;
	font-size: 14px;
	padding: 6px 12px 10px 0px;
	height: 26px;
	background:rgb(243,244,244);
	border:0;
	border-bottom:1px solid rgb(192,190,190);
}
.fs-11{
	font-size: 11px;
}
.btn-danger{
	height: 42px;
	background:rgb(196,22,28)!important;
	border-color: rgb(196,22,28)!important;
	width: 195px;
}
.ajust13{
	font-size: 13px;
}
.text-primary{
	color: #31a1d4!important;
}
.field input:focus{
	outline: none;
	border-bottom-color: #31a1d4!important;
}
footer{
	background: #bfbebe;	
	height: 60px;

}
.ulfooter{
	max-width: 1170px;
	font-size: 14px;
	font-family: 'Arial';
	color: #676767;
}
.h-60{
	height: 60px;

}
.h-60 > p {
	max-width: 1170px;
	color: #676767;
	font-size: 14px;
}
.chat{
	bottom: 2%;
	right: 2px;
	height: 110px;
	width: 110px;
}
.loader{
	background: #fff9;
	z-index: 999;
}
@media (max-width: 990px){
	.login-box{
		flex-direction: column!important;
		justify-content: center;
		max-width: 750px;
		gap:30px;
	}
	.infosection{
		max-width: 750px;
		margin:auto;
	}
	.laca{
		width: 85%;
	}
	.login-box > div{
		width: 100%;
		max-width: 980px;
	}
	.alertaweb{
		text-align: center;
	}
	form{
		width: 100%;
		max-width: 980px;
	}
	.field{
		flex-direction: column;
	}
	.inputbox{
		width: 100%!important;
		max-width: 980px!important;
	}
	.infosection{
		height: 60%;
		width: 100%;
	}
	input{
		background: #FFF!important;
	}
	.tecladovirtual{
		display: none;
	}
	footer ul, .h-60 > p {
		width: 90%;
	}
}