body,
html{
margin:0;
padding:0;
height:100%;
}

a{
color:#fff;
}


.card_login{
width:350px;
height:470px;
margin-bottom:auto;
margin-top:auto;
background:#c3141a;
position:relative;
display:flex;
justify-content:center;
flex-direction:column;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
border-radius: 10px;
}

.area_logo{
position:absolute;
width:170px;
height:170px;
border-radius:50%;
background:#fff;
padding:10px;
top:-75px;

}

.logo-circular{
width:150px;
height:150px;
border-radius:50%;
border:2px solid white;
}

.form_login{
margin-top:100px;
}

.input_usuario{
outline:0px;
width:250px;
font-size:12px;
}

.input-group-text{
background:#fff100;
color:#c3141a;
border:0;
border-radius:0.25rem 0 0 0 0.25rem;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before{
background-color:#C0392B;	
}

.area_botao{
padding: 0 2rem;
}

.btn_login{
width:100%;
background:#fff100;
color:#c3141a; 
}

.btn_login:focus{
box-shadow:none;
outline:0px;
}

.btn_login:hover{
background:#fff100;
color:#000;
}

.area_links{
font-size:14px;
}

.login_mensagem p{
text-align:center !important;
padding-top:10px;
padding-bottom:10px;
color:#fff;
border-top:1px solid #fff;
}


.mensagem{
width:350px;
height:50px;
margin-top:-100px;
margin-bottom:auto;
position:relative;
display:flex;
justify-content:center;
flex-direction:column;

}

.mensagem p{
color:#fff;
border:1px solid #009bdb;
background:#009bdb;
border-radius:10px;
text-align:center;
padding:10px;
}