body{
    min-height: 100vh;
    background-image: linear-gradient(215deg, #222222 30%, #575a5f);
    background-size: cover;
}

@keyframes esqueci{
    0%{filter: grayscale(0);}
    20%{filter: grayscale(0);}
    21%{filter: grayscale(1);}
    22%{filter: grayscale(0);}
    30%{filter: grayscale(1);}
    31%{filter: grayscale(0);}
    50%{filter: grayscale(1);}
    90%{filter: grayscale(1);}
}

#esqueci-senha .bg-login-image{
    animation: esqueci 3s linear infinite;
}

.modal-fluid{
	max-width: 99%;
}

.texto_termo{
	overflow-x: auto; 
}


.bg-login-image {
    background: url("../../imagens/login.jpg?v=4");
        background-color: rgba(0, 0, 0, 0);
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-size: auto;
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #25AAE2;
}
.bg-login-image.homologacao {
    background: url("../../imagens/login_homologacao.jpg");
	background-color: rgba(0, 0, 0, 0);
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-size: auto;
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #25AAE2;
}


.bg-login-form {
    
    background-color: #887B67;
}

.bg-login-form h4{
	color: white;
	text-align: center;
	font-weight: 100;
}

.bg-login-form i{
	color: white;
}

.bg-login-form .form-control{
	background-color: transparent;
	border-bottom: 1px solid #fff;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-radius: 0px;
	color: #fff;
}

.bg-login-form .icone{
	border: 0px;
	border-bottom: 1px solid #fff;
	border-radius: 0px;
}

.bg-login-form .custom-checkbox{
	color: #fff;
	font-weight: 100;
}

.bg-login-form .form-control::placeholder {
    color: #fff;
}

.bg-login-form .btn-success, .bg-login-form .btn-success:hover{
    color: #fff;
    background-color: #8ABB2A;
    border-color: #8ABB2A;
}

.bg-login-form .small {
    color: #8ABB2A;
}

@media (max-width: 992px) {
	.bg-login-image-mobile {
	    background: url("../../imagens/login-mobile.png");
	        background-color: rgba(0, 0, 0, 0);
	        background-position-x: 0%;
	        background-position-y: 0%;
	        background-repeat: repeat;
	        background-size: auto;
	    background-position: bottom;
	    background-size: contain;
	    background-repeat: no-repeat;
	    background-color: #25AAE2;
	}
	
	.bg-login-image-mobile .container-login{
		
		opacity: 0.95;
		z-index: 9999;
	}
	
	.logo-baramaia-edp{
	
		display: block;
	}
}

@media (min-width: 992px) {
		
	.logo-baramaia-edp{
	
		display: none;
	}
}

#conteudo .error {
  font-size: 1rem;
  color: red;
}