/* colores de la plataforma */
.dark-blue-background {
    background-color: rgb(21, 42, 64);
}

.blue-background {
    background-color: #1d3b59;
}

.dark-gray-background {
    background-color: #041015;
}

.gray-background{
    background-color: #0f2b36;
}

/* color de lista blanca */
.white-menuList {
    color: rgb(219, 219, 219);
    transition: 0.5s;
    cursor: pointer;
}

/* color blanco */
.white-color, .white-menuList:hover{
    color: #fff;
}

/* color azul claro */
.light-blue {
    color: #2997ff;
}

/* fondo negro */
.black-background{
    background-color: #000;
}

/* fondo blanco */
.white-background{
    background-color: white;
}

/* color de la barra de desplazamiento blanco con gris */
.scroll-white::-webkit-scrollbar-thumb {
    background-color: rgba(219, 219, 219, 0.8);
}

.scroll-white::-webkit-scrollbar-thumb:hover {
    background-color: rgb(219, 219, 219);
}

.light-gray-background{
    background-color: rgb(223, 223, 223);
}

.light-gray-background:focus{
    background-color: #eee;
}

.green-background{
    background: rgb(105, 153, 51);
    color: #fff;
}