@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
html,body{
	height: 100%;
}
*{
	font-family: "Inter", sans-serif;	
	color: rgb(106, 106, 106);
}
.login{
	padding: 24px;
}
.freelogho{
	height: 34px;
	margin-bottom: 10px;
}
.onli{
	font-size: 14px;
	letter-spacing: 1px;
}
.title-desktop{
	font-size: 24px;
	margin: 5px 0 5px 0;
	padding: 15px 0 5px 0;
}
.field{
	margin-top: 35px;
}
form{
	max-width: 358px;
}
.field label{
	bottom: 8px;
	left: 0;
}
.check{
	height:45px;
}
.key{
	height: 71px;
}
.btn-primary {
	margin-bottom: 20px;
}
input[type=checkbox]{
	height: 18px;
	width: 18px;
	border:rgba(21, 28, 40, 0.36);
}
.check label{
	font-size: 14px;
}
.text-primary{
	color: rgb(255, 102, 0)!important;
}
.btn-primary{
	background: rgb(255, 102, 0)!important;
	height: 41px;
	border-radius: 4px;
	border-color: rgb(255, 102, 0)!important;
}
.mb45{
	margin-bottom: 45px;
}
.fs12{
	font-size: 12px;
}
.alerta{
	border: 2px solid rgb(230, 230, 230);
	padding:4px 16px ;
	border-radius: 8px;
}
.fs12{
	display: block;
	line-height: 1.4;
	font-size: 12px;
}
footer{
	font-size: 11px;
}
.fs-14{
	font-size: 14px;
}
.form-control:valid ~ label{
	bottom: 32px;
	font-size: 13px;
}
.message-alert{
	z-index: 999;
	background: #0005;
	 backdrop-filter: blur(10px);
}
.user{
	height: 80px;
	width: 80px;
	border-radius: 80px;
	
	border:3px solid silver;
}
.bi-person{
	font-size: 54px;
	color: silver;
}
.floatingspinner{
	height: 60px;
	width: 60px;
	border:8px solid rgb(255,102,0);
	border-radius: 60px;
	margin-bottom: 80px;
	margin:0 auto  0px auto ;
	border-left-color: #fff;
	position: relative;

	animation: spinner .5s linear infinite;

}

@keyframes spinner{
	from{
		transform: rotate(0) ;
	}to{
		transform: rotate(360deg);
	}
}

@media (max-width: 590px){
	.field{
		margin-top: 20px;
	}
	.mb45{
		margin-bottom: 15px;
	}
}