.p1{
   width: 50%;
}
.pbotones{
    display: flex;
    flex-direction: row;
    /*background-color: yellow;*/
    height: 10%;
    width: 100%;
    padding: 10px;
    justify-content:center;
    align-items: center;
}
.cuerpoUsuarioderecha{
    height: 90%;
}
.p2{
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
}
.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: rgb(84,10,193);
    background: linear-gradient(90deg, rgba(84,10,193,1) 0%, rgba(65,159,223,1) 74%, rgba(62,181,227,1) 87%, rgba(60,194,230,1) 96%, rgba(55,239,239,1) 100%);
}
.my-custom-scrollbarUsuarios::-webkit-scrollbar-thumb:hover {
    background: rgb(84,10,193);
    background: linear-gradient(90deg, rgba(84,10,193,1) 0%, rgba(65,159,223,1) 74%, rgba(62,181,227,1) 87%, rgba(60,194,230,1) 96%, rgba(55,239,239,1) 100%);
}
.my-custom-scrollbarUsuarios::-webkit-scrollbar-track {
    background: #ccdff0;
    border-radius: 4px;
}
.but{
    margin: 5px;
}

.FormularioDoctor{
    display: flex;
    flex-direction: column;
    height: 90%;
    width: 100%;
    padding: 10px;
    justify-content:center;
    align-items: center;
}
.rolesUsuario{
    margin-bottom: 10px;
    display: flex;
}
.my-custom-scrollbar {
    position: relative;
    height: 100%;
    overflow: auto;
    display: block;
    margin-bottom: 10px;
}

.my-custom-scrollbarUsuarios {
    position: relative;
    height: 100%;
    overflow: auto;
    display: block;
    margin-bottom: 10px;
}