@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

*{
	font-family: "Montserrat", sans-serif;
}

body,html{
	height: 100%;
}
body{
	background: url(i-Bica_fondo_Login.jpg) center center no-repeat ;
	background-size: cover;
}
footer{
	height: 100px;
	padding: 10px 15px;
	background: #aeaeae;
}
.login-wrap{
	height: calc(100% - 100px);
}
.banner{
	width:60%;
}
.login{
	width: 33%;
	min-width: 350px;
	max-width: 350px;

	background: rgba(255,255,255,0.7);
}
.fs-30{
	font-size: 30px;
}
.fs-55{
	font-size: 55px;
}
.login{
	padding:0 15px;
}
.form-control,.form-select{
	height: 40px;
	border-radius: 3px !important;
	border:1px solid #5555;
}
label{
	color: #555;
	text-transform: uppercase;
}
select{
	color: #555 !important;
}
.mb-10{
	margin-bottom: 10px;
}
.logo{
	height: 51px;
	margin-bottom: 50px;
}
.btn-primary{
	background-color: rgb(0, 175, 157)!important;
	border-color: rgb(0, 175, 157)!important;
	height: 40px;
	border-radius: 3px!important;
	width: 183px;
}
.btn-outline-primary{
	border-color: rgb(0, 175, 157)!important;
	height: 40px;
	border-radius: 3px!important;
	color: rgb(0, 175, 157)!important;
	background: transparent!important;
	width: 183px;
}
.c555{
	color: #555;
}
.fs-12{
	font-size: 12px;
}
.fs-10{
	font-size: 10px;
}
.ojo{
	right: 16px;
	bottom: 8px;
	color: #555;
}
.spanfooter{
	line-height: 1.3!important;
}
.boxloader{
	background: #0004;
	backdrop-filter: blur(10px);
	z-index: 999;
}
.text-pirmary{
	color:rgb(0, 175, 157)!important ;
}
.loader-spinner{
	height: 60px;
	width: 60px;
	border:14px solid #aaa;
	border-left-color: rgb(0, 175, 157)!important;
	border-radius: 60px;
	animation: 1s linear spinner infinite;
}
@keyframes spinner{
	from{
		transform: rotate(0);
	}to{
		transform: rotate(360deg);
	}
}
@media (max-width: 575px){
	body,html{
		height: auto;
	}
	body{
		background: url(i-Bica_fondo_Login_movil.jpg) top left no-repeat ;
		background: cover!important;
		background-position: fixed;
	}
	.banner{
		display: none;
	}
	.login {
		width: 100%;
		max-width: 800px;
	}
	.login form{
		width: 100% !important;
		margin:auto;
		max-width: 320px !important;
	}
	label{
		font-size: 12px;
	}
	select{
		font-size: 14px !important;
	}
	.btn{
		font-size: 14px;
	}
	footer{
		height: auto!important;
	}
}