*{
	margin: 0;
	padding: 0;
}

.nfco0001-bg {
    width: 100%; 
    height: 100%; 
    position: fixed; 
    z-index: -1000; 
    top: 0; 
    left: 0;
    background: #fff;
}

.nfco0001-box-login {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	z-index: 1000;
}
.nfco0001-moda-login-left {
	background: rgba(27, 106, 171, 0.4);
}
.nfco0001-moda-login-right {
	box-shadow: rgba(27, 106, 171,0.4) -3px 0 10px 0;
}
.nfco0001-moda-login {
	background: rgba(255,255,255);
	box-shadow: rgba(0,0,0,0.3) 0 0 5px 0;
}
.nfco0001-moda-login-item {
	width: 350px;
	aspect-ratio: 3/4;
	box-shadow: rgba(0,0,0,0.1) 0 0 5px 0;
	background: rgba(255,255,255, 0.7);
	border-radius: 10px 10px;
	border: 4px solid rgba(255,255,255, 0.3);
}
.nfco0001-form-login {
	box-shadow: rgba(0,0,0,0.1) 0 0 0 1px;
	border-radius: 3px 3px;
}
.nfco0001-btn-login {
	max-width: 350px; 
	border-radius: 4px 4px; 
	background: #1f4ba3; 
	color: #fff;
	display: flex; 
	justify-content: center; 
	align-items: center;
}
.nfco0001-msg-login-error {
	max-width: 350px; 
	border-radius: 4px 4px; 
	display: flex; 
	justify-content: center; 
	align-items: center;
}

.loader-login {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: 
    radial-gradient(farthest-side,#F4F4F4 94%,#0000) top/4px 4px no-repeat,
    conic-gradient(#0000 30%,#F4F4F4);
  -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 0);
  animation:s3 0.5s infinite linear;
}

@keyframes s3{ 
  100%{transform: rotate(1turn)}
}