body{
    height: 100%;
    width:100%;
    font-family: Arial, Helvetica, sans-serif;
    padding-top:50px;
}

.contentLogin{
    padding-top:5%;
}

.login{
    width:40%;
    padding-left:5%;
    padding-right: 4%;
    padding-top:3%;
    padding-bottom:2%;
}

.inpLogin{
    text-align: center;
}


.btnLogin{
    width: 60%;
}

.remember{
    font-size: medium;
    color:rgb(163, 162, 162);
    padding-top:0%;
}

.main{
    margin-top:5%;
    margin-left:2%;
    margin-right:2%;

    padding-top:2%;
    padding-bottom:2%;
    padding-left:2%;
    padding-right:1%;

    -webkit-box-shadow: 10px 10px 11px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 11px -6px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 11px -6px rgba(0,0,0,0.75);
        
}

.mainOpt{
    padding-top:1%;
    padding-bottom:1%;

    border-radius: 5px;
}
/*
.mainOpt:hover{
    background-color: #badaf0;
    color:white;
    

    -webkit-box-shadow: 10px 10px 11px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 11px -6px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 11px -6px rgba(0,0,0,0.75);
}
*/
.statusCard{
    width: 96%;
    text-align: left;

    padding-top: 5px;
    padding-bottom: 5px;
    padding-left:5px;
    padding-right: 5px;

    -webkit-box-shadow: 10px 10px 11px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 11px -6px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 11px -6px rgba(0,0,0,0.75);
}

.fila:hover{
    background-color: blanchedalmond;
}

/*Bootsrap outline*/
input:focus, select:focus, select, input.form-control:focus {

    outline:none !important;

    outline-width: 0 !important;

    box-shadow: none;

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

}

a, a:link, a:visited, a:active{
    text-decoration: none;
    color:black;
}