*{
	  font-family: "Open Sans", sans-serif;

}
ul{
	list-style: none;
}
html,body{
	height: 100%;
}
.banner{
	background: linear-gradient(360deg, rgb(143, 138, 189) -0.42%, rgb(125, 125, 175) 3.45%, rgb(74, 89, 136) 13.76%, rgb(36, 63, 107) 24.07%, rgb(13, 46, 89) 31.8%, rgb(5, 41, 83) 36.96%);
   position: relative;
   height: 100%;
   width: calc(100% - 550px);
}
.login{
	width: 100%;
	max-width: 550px;
}
form{
	max-width: 505px;
}
.logon{
	padding: 60px 60px  0px;
}
.logo{
	height: 72px;
}
.saludo{
	margin: 48px 0 32px;
	font-size: 20px;
}
label{
	color: #3b3b3b;
}
.jlk21388i{
	font-weight: 600;
	margin:8px;
}
.form-control{
	height: 54px;
	box-shadow: 0 0 0 !important;
}
.form-control:focus{
	border-color:rgb(0, 115, 145)!important;
	border-width: 2px!important;
}
.mn12kj883{
	margin-bottom: 40px;
}
.btn-primary{
	height: 56px;
	background-color:rgb(143, 138, 189)!important;
    color: rgb(225, 255, 255)!important;
    border-color:rgb(143, 138, 189)!important ;
    border-radius: 15px;
    margin-bottom:24px !important;
}
.text-primary{
	color:rgb(181, 177, 219) !important;
}
.text-secodary{
	color: #16395b;
}
.logo-container-mobile{
	background:rgb(0, 115, 145)!important;
	height: 72px;
	align-content: center;
	text-align: center;
	border-radius: 0  0 18px 18px ;
}
.lk2jlkjjds88u{
	background:rgb(0, 115, 145)!important;
	height: 122px;
	align-content: center;
	text-align: center;
	display: flex;
	justify-content: center;
	border-radius: 0  0 18px 18px ;
}
.lkj123lk8s{
	left: 19px;
	top: 28px;
}
.io29jiod128jhds{
	right:5px;
	bottom: 19px;
}
.myfuckynginspinner {
  width: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: 
    radial-gradient(farthest-side,#007391 94%,#0000) top/8px 8px no-repeat,
    conic-gradient(#0000 30%,#007391);
  -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);
  animation: s3 1s infinite linear;
}

@keyframes s3{ 
  100%{transform: rotate(1turn)}
}
@media (max-width:676px){
	.login{
		height: 70%!important;
		background: #FFF;
		border-radius: 16px 16px 0 0;
	}
	.logon{
		padding: 24px;
	}
	.banner{
		width: 100%!important;
		height: 30%!important;
		background: transparent!important;
	}
	body{
		background: rgb(5, 41, 83);
	}
	.logo{
		height: 56px;
	}

	footer{
		position: fixed;
		z-index: 6;
		bottom: 0;
		width: 100%;
		background: #FFF;
		left: 0;
	}
}