body{


background: #cb2d3e;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #ef473a, #cb2d3e);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #ef473a, #cb2d3e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
background-image:  url("../../assets/img/mapa-seune.png ");
background-repeat: no-repeat;

}

.mapaseune{
    float: left;
    position: absolute;


}

.boxcentralizar{
width: 100%;
height: 100vh;



display: flex;
flex-direction: column;

align-items: center;

justify-content: center;


}  




.boxlogin{
    
    width: 400px;
    height: 350px;
    background: white;
    border-radius: 20px;
    border: 1px solid black;
    box-shadow: 5px 15px 5px black;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;

    padding: 0px;
    margin: 0px;


}

.logo{

    text-align: center;
    width: 100%;
    padding : 3px;
    border-bottom: 1px solid gray;

}
.center{
    text-align: center;

}


.linhainput{

    padding: 15px 15px 0px 0px;
    width: 100%;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;    
    justify-content: center;




}
.divlabel{

    width: 80px;
    

}

.divcampoinput{

    padding-left: 10px;
}

.btnentrar {

    width: 200px;
    height: 40px;
    border-radius: 20px;
    border: none;

    background-color: brown;
    color: white;
    font-weight: 600;
    cursor: pointer;

    transition: transform .15s ease, box-shadow .2s ease, background-color .2s ease;
}

.btnentrar:hover {
    background-color: #a52828;
    transform: translateY(-1px);
    box-shadow: 0 8px 18px -6px rgba(165,42,42,.65), 0 2px 4px rgba(0,0,0,.12);
}

.btnentrar:active {
    transform: translateY(1px);
    box-shadow: inset 0 2px 5px rgba(0,0,0,.25);
    background-color: #8b1f1f;
}

.btnentrar:focus {
    outline: none;
    border-radius: 20px;
    box-shadow: 0 0 0 3px rgba(203,45,62,.35),
                0 8px 18px -6px rgba(165,42,42,.55);
}



  @media screen and (max-width:580px){

    .boxcentralizar{
        margin-top: 35%;    
        height: 100%;
        
        
    }

    .boxlogin{
        width: 100%;
        height: 100%;


    }

    .msg{
        padding-left: 15px;    

    }

}