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

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

.usuarios2{
    display: flex;
    flex-direction: row;
    height: 40%;
    background-color: white;
}

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

.contenedorformulariousuario{
    display: flex;
    height: 85%;
    width: 100%;
}

.usuarios2left{
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 33%;
}

.usuarios2right{
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 33%;
}

.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: 85%;
    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;
    /* font-weight: bold; */
    /* text-align: left; */
}

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

.usuarios3{
    display: flex;
    height: 45%;
    margin: 1px;
    background-color: white;
    border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
}
.usuarios333{
    display: flex;
    height: 100%;
    margin: 1px;
    background-color: white;
    border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
}

.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:black;
}

.busquedausuario{
    display: flex;
    flex-direction: row;
    padding: 0;
    padding-top: 13px;
}

.labelusuariosbusqueda{
    font-size: 15px;
    color: black;
    margin-right: 20px;
    font-weight: bold;
}

.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(76,76,76,1);
    background: -moz-linear-gradient(left, rgba(76,76,76,1) 0%, rgba(0,0,0,1) 0%, rgba(44,44,44,1) 8%, rgba(71,71,71,1) 17%, rgba(89,89,89,1) 26%, rgba(102,102,102,1) 31%, rgba(19,19,19,1) 69%, rgba(28,28,28,1) 91%, rgba(43,43,43,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(76,76,76,1)), color-stop(0%, rgba(0,0,0,1)), color-stop(8%, rgba(44,44,44,1)), color-stop(17%, rgba(71,71,71,1)), color-stop(26%, rgba(89,89,89,1)), color-stop(31%, rgba(102,102,102,1)), color-stop(69%, rgba(19,19,19,1)), color-stop(91%, rgba(28,28,28,1)), color-stop(100%, rgba(43,43,43,1)));
    background: -webkit-linear-gradient(left, rgba(76,76,76,1) 0%, rgba(0,0,0,1) 0%, rgba(44,44,44,1) 8%, rgba(71,71,71,1) 17%, rgba(89,89,89,1) 26%, rgba(102,102,102,1) 31%, rgba(19,19,19,1) 69%, rgba(28,28,28,1) 91%, rgba(43,43,43,1) 100%);
    background: -o-linear-gradient(left, rgba(76,76,76,1) 0%, rgba(0,0,0,1) 0%, rgba(44,44,44,1) 8%, rgba(71,71,71,1) 17%, rgba(89,89,89,1) 26%, rgba(102,102,102,1) 31%, rgba(19,19,19,1) 69%, rgba(28,28,28,1) 91%, rgba(43,43,43,1) 100%);
    background: -ms-linear-gradient(left, rgba(76,76,76,1) 0%, rgba(0,0,0,1) 0%, rgba(44,44,44,1) 8%, rgba(71,71,71,1) 17%, rgba(89,89,89,1) 26%, rgba(102,102,102,1) 31%, rgba(19,19,19,1) 69%, rgba(28,28,28,1) 91%, rgba(43,43,43,1) 100%);
    background: linear-gradient(to right, rgba(76,76,76,1) 0%, rgba(0,0,0,1) 0%, rgba(44,44,44,1) 8%, rgba(71,71,71,1) 17%, rgba(89,89,89,1) 26%, rgba(102,102,102,1) 31%, rgba(19,19,19,1) 69%, rgba(28,28,28,1) 91%, rgba(43,43,43,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#2b2b2b', GradientType=1 );
}

.my-custom-scrollbarUsuarios::-webkit-scrollbar-thumb:hover {
    background: rgba(76,76,76,1);
    background: -moz-linear-gradient(left, rgba(76,76,76,1) 0%, rgba(0,0,0,1) 0%, rgba(44,44,44,1) 8%, rgba(71,71,71,1) 17%, rgba(89,89,89,1) 26%, rgba(102,102,102,1) 31%, rgba(19,19,19,1) 69%, rgba(28,28,28,1) 91%, rgba(43,43,43,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(76,76,76,1)), color-stop(0%, rgba(0,0,0,1)), color-stop(8%, rgba(44,44,44,1)), color-stop(17%, rgba(71,71,71,1)), color-stop(26%, rgba(89,89,89,1)), color-stop(31%, rgba(102,102,102,1)), color-stop(69%, rgba(19,19,19,1)), color-stop(91%, rgba(28,28,28,1)), color-stop(100%, rgba(43,43,43,1)));
    background: -webkit-linear-gradient(left, rgba(76,76,76,1) 0%, rgba(0,0,0,1) 0%, rgba(44,44,44,1) 8%, rgba(71,71,71,1) 17%, rgba(89,89,89,1) 26%, rgba(102,102,102,1) 31%, rgba(19,19,19,1) 69%, rgba(28,28,28,1) 91%, rgba(43,43,43,1) 100%);
    background: -o-linear-gradient(left, rgba(76,76,76,1) 0%, rgba(0,0,0,1) 0%, rgba(44,44,44,1) 8%, rgba(71,71,71,1) 17%, rgba(89,89,89,1) 26%, rgba(102,102,102,1) 31%, rgba(19,19,19,1) 69%, rgba(28,28,28,1) 91%, rgba(43,43,43,1) 100%);
    background: -ms-linear-gradient(left, rgba(76,76,76,1) 0%, rgba(0,0,0,1) 0%, rgba(44,44,44,1) 8%, rgba(71,71,71,1) 17%, rgba(89,89,89,1) 26%, rgba(102,102,102,1) 31%, rgba(19,19,19,1) 69%, rgba(28,28,28,1) 91%, rgba(43,43,43,1) 100%);
    background: linear-gradient(to right, rgba(76,76,76,1) 0%, rgba(0,0,0,1) 0%, rgba(44,44,44,1) 8%, rgba(71,71,71,1) 17%, rgba(89,89,89,1) 26%, rgba(102,102,102,1) 31%, rgba(19,19,19,1) 69%, rgba(28,28,28,1) 91%, rgba(43,43,43,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#2b2b2b', GradientType=1 );
}

.my-custom-scrollbarUsuarios::-webkit-scrollbar-track {
    background: #a7b3bd;
    border-radius: 4px;
}

.but{
    margin: 5px;
}

.borderinput{
    border: solid 1px black;
}