:root{
    --bar-width: #626262;
    --verde-corporativo:#0A472E;
    --color-texto-fondo-oscuro:white;
}


body{
    background-color: var(--bar-width);
    /*background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;*/

    font-family: "Mazzard Soft H", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

#container{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin-top: 10%;
}

#loginEnvelope{
    max-width: 25%;
    min-width: 300px;
    display:flex;
    algin-items:center;
    justify-content: center;
    flex-direction: column;
    overflow-x: hidden;

    border: 2px #8f8f8f solid;
    border-radius: 15px;
    padding: 15px;
    box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1),
    0 0 0 5px rgb(255, 255, 255),
    0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
    background-color:gray;

}

#loginImg{
    display: flex;
    justify-content: center;
    margin-top:2rem;
    margin-bottom: 2rem;
}


#logo{ max-width: 50%; }


.salutation{
    display: flex;
    justify-content: center;
    color: white;
}

#info_from_ws{ margin-bottom: 15px; }


#loginOptions{
    display:flex;
    flex-direction: row;
    align-items: flex-end;
    margin-bottom: 1rem;
    justify-content: space-between;
    color:white;
}

#loginOptions a{
    text-decoration: none;
    color:white;
}

#loginButtons{
     display: flex;
     flex-direction: row;
     justify-content: space-between;
 }

#buttonOk{width: 100%;}
.btLogin{width: 100%;}

/*#btLogout{max-width: 40px;}*/


/* DASHBOARD */

#content{
    display:flex;
    flex-direction: row;
}

/* DASHBOARD MENU  ==================================================== */
#menu{
    /*max-width: 40%;*/
    /*width:fit-content;*/
/*width:100%;*/
/*background-color: lightslategray;*/
}

#menu main{
overflow-x: hidden;
}

#logoContainer{
display:flex;
justify-content: center;
margin-top:15px;
}

.logo{
max-width: 80px;
}

.business_name{
margin: 15px;
}

/*.menuItem{
text-decoration: none;
color:white;

display: block;
text-align: left;
margin-left:15px;
//padding: 16px;
//margin-bottom: 16px;
}*/

.nav-link{ color:white; /*padding:0px;*/ }

.menuItem{ display: flex; align-items: center; }
.menuIco{ margin-right: 10px; }
/*.menuText{ margin-right: 50px; }*/
#btLogout{ display: flex; }


/* menu -> contenido*/
#contentSide{ width:100%; }
#submenu {display: flex; background-color: #0a472e; padding-left: 15px; color:white;}
#titulo_mobile { background-color: #0a472e; }
#titulo { color:white; }
.submenuItem{ color:white; margin: 15px 5px;}


/* A PARTIR DE */
@media screen and (min-width: 900px) {
    #container{
        margin-top: 10%;
    }

    .titulo{
        display:block;
    }

    .titulo_mobile{
         display:none;
     }


}

/* HASTA */
@media screen and (max-width: 900px) {

    .titulo_mobile{
        display:flex;
        justify-content: center;
        margin-top: 15px;
    }

    .titulo{
        display:none;
    }

    th{
        font-size: 0.9rem;
        line-break: auto;
    }

    .table-col1{
        line-break: normal;
    }



}

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



}


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

    #filtros_wrap{
        flex-direction: column!important;
    }


}

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


}