/*CONTENEDOR DE USUARIO*/
@import 'variablesGlobales.css';
.contenedorusuarios{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-color: #D5D5D5;
}

.usuarios1{
    display: flex;
    flex-direction: row;
    justify-content: center;
    height: 10%;
    margin: 2px;
    background-color: white;
    border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;

}

.Empresainputsreportefecha{
    width: 100%;
    height: 55%;
    padding: 0;
    margin-bottom: 10px;
}

.fromusuarios{
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;

}

.contenedorformulariempresas{
    display: flex;
    height: 80%;
    width: 100%;
}

.empresas2left{
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 50%;
}

.empresas2right{
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 50%;
}

.titulofromulariousuario{
    font-size: 20px;
    padding-top: 5px;
    color: white;
}

.contenedorbotonfromusuario{
    display: flex;
    justify-content: center;
}

.inputcontenedorusuario1{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding-top: 5px;
    align-items: center;
}

.inputcontenedorusuario2{
    display: flex;
    flex-direction: row;
    justify-content: center;
    height: 50%;

}

.grupoinputs{
    margin: 15px;
    width: 80%;
    margin-bottom: 0px; 
    margin-top: 5px;
    text-align: left;

}

.grupobotonsuperopciones{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.labelusuarios{
    font-size: 15px;
    color: white;
}

.tablascrollusuario{
    overflow-y:auto;
    margin:0; 
}

.btneliminarusuario{
    height: 40px;
    width: 40px;
    padding: 0px;
}

.btneliminarusuario:hover{
    color: black;
}

.btneditarusuario{
    margin-right: 10px;
    height: 40px;
    width: 40px;
    padding: 0px;
}

.btneditarusuario:hover{
    color: black;
}

.tdeditarusuario{
    padding-left: 0px;
    padding-right: 0px;
}

.tdeditarusuario{
    padding: 0px;
}

/*EDITAR USUARIO*/

.modaleditusuario{
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.grupoinputseditusuario{
    width: 50%;
}


/*MODAL DEL CONTROL DE USUARIO*/

.modalformulariousuario{
    justify-content: center;
}

.usuarios103{
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 33.33%;


}
.usuarios102{
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 33.33%;
}
.usuarios101{
    width: 33.33%;
}
.titulousuario{
    color: #3B3B3B;
}
.busquedausuario{
    display: flex;
    flex-direction: row;
    padding: 0;
    padding-top: 13px;

}

.labelusuariosbusqueda{
    font-size: 15px;
    color: #3B3B3B;
    margin-right: 20px;
}

.my-custom-scrollbarUsuarios::-webkit-scrollbar {
    width: 8px;     /* Tamaño del scroll en vertical */
    height: 8px;    /* Tamaño del scroll en horizontal */
    /*display: none;   Ocultar scroll */
    overflow-x: hidden;
}
.my-custom-scrollbarUsuarios::-webkit-scrollbar-thumb {
    /*    background: #0000EE;*/
    background: rgba(226,226,226,1);
    background: -moz-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(209,209,209,1) 0%, rgba(219,219,219,1) 18%, rgba(239,239,239,1) 44%, rgba(254,254,254,1) 64%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(226,226,226,1)), color-stop(0%, rgba(209,209,209,1)), color-stop(18%, rgba(219,219,219,1)), color-stop(44%, rgba(239,239,239,1)), color-stop(64%, rgba(254,254,254,1)));
    background: -webkit-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(209,209,209,1) 0%, rgba(219,219,219,1) 18%, rgba(239,239,239,1) 44%, rgba(254,254,254,1) 64%);
    background: -o-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(209,209,209,1) 0%, rgba(219,219,219,1) 18%, rgba(239,239,239,1) 44%, rgba(254,254,254,1) 64%);
    background: -ms-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(209,209,209,1) 0%, rgba(219,219,219,1) 18%, rgba(239,239,239,1) 44%, rgba(254,254,254,1) 64%);
    background: linear-gradient(to right, rgba(226,226,226,1) 0%, rgba(209,209,209,1) 0%, rgba(219,219,219,1) 18%, rgba(239,239,239,1) 44%, rgba(254,254,254,1) 64%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=1 );
}
.my-custom-scrollbarUsuarios::-webkit-scrollbar-thumb:hover {
    background: rgba(226,226,226,1);
    background: -moz-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(209,209,209,1) 0%, rgba(219,219,219,1) 18%, rgba(239,239,239,1) 44%, rgba(254,254,254,1) 64%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(226,226,226,1)), color-stop(0%, rgba(209,209,209,1)), color-stop(18%, rgba(219,219,219,1)), color-stop(44%, rgba(239,239,239,1)), color-stop(64%, rgba(254,254,254,1)));
    background: -webkit-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(209,209,209,1) 0%, rgba(219,219,219,1) 18%, rgba(239,239,239,1) 44%, rgba(254,254,254,1) 64%);
    background: -o-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(209,209,209,1) 0%, rgba(219,219,219,1) 18%, rgba(239,239,239,1) 44%, rgba(254,254,254,1) 64%);
    background: -ms-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(209,209,209,1) 0%, rgba(219,219,219,1) 18%, rgba(239,239,239,1) 44%, rgba(254,254,254,1) 64%);
    background: linear-gradient(to right, rgba(226,226,226,1) 0%, rgba(209,209,209,1) 0%, rgba(219,219,219,1) 18%, rgba(239,239,239,1) 44%, rgba(254,254,254,1) 64%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=1 );
}
.my-custom-scrollbarUsuarios::-webkit-scrollbar-track {
    background: #a7b3bd;
    border-radius: 4px;
}
.but{
    margin: 5px;
}