.custom-dropdown-menu .dropdown-menu {
    border-radius: 30px !important;
    width: 900px !important;
    height: 300px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15); /* Sombra gris claro */
    border: 2px solid #ffffff; /* Borde blanco alrededor del menú desplegable */
    
}

.textarea-normal {
    border: 4px solid #f9f9f9; /* Borde inicial con el mismo grosor que el borde enfocado */
    background-color: #f9f9f9;
    color: #4b5675;
    padding: 10px;
    height: 300px;
    width: 100%;
    white-space: pre-line;
    border-radius: 10px; /* Borde redondeado */
    transition: border 0.1s ease-in-out, box-shadow 0.3s ease-in-out; /* Transición suave */
}

.textarea-normal:focus {
    border: 4px solid #c2daff !important; /* Borde enfocado */
   
    outline: none; /* Elimina el borde predeterminado del navegador */
    border-radius: 10px; /* Asegura que el borde redondeado se mantenga en foco */
}

.nav-tabs .nav-link.custom-tab {
    color: #6c757d !important;  /* Texto gris para las pestañas inactivas */
}


/* Remover el borde inferior de las pestañas activas e inactivas */
.nav-tabs {
    border-bottom: none !important; /* Elimina la línea inferior debajo de las pestañas */
}

/* Remover cualquier borde de las pestañas inactivas */
.nav-tabs .nav-link {
    border: none !important;
    background-color: transparent !important;
}

/* Remover cualquier borde de la pestaña activa */
.nav-tabs .nav-link.active {
    border: none !important;
    background-color: transparent !important;
}

/* Eliminar cualquier borde superior e inferior de la sección de contenido de las pestañas */
.tab-content {
    border-top: none !important;
    border-bottom: none !important;
}

.teleprompter-text {
    transform: scaleX(-1);
    display: inline-block; /* Asegúrate de que el contenedor se comporte como un bloque para evitar que otros elementos lo afecten */
}

/*  CHECKBOX COLOR BLUE*/
.custom-checkbox .dash-checkbox-container {
    display: flex;
    align-items: center;
}

.custom-checkbox input[type="checkbox"] {
    width: 20px;
    height: 20px;
    appearance: none;
    border: 2px solid #d9d9d9;
    border-radius: 4px;
    background-color: white;
    margin-right: 10px;
    cursor: pointer;
    transition: background-color 0.2s, border-color 0.2s;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.custom-checkbox input[type="checkbox"]:checked {
    background-color: #007bff !important; /* Fuerza el color azul del fondo */
    border-color: #007bff !important;    /* Fuerza el color azul del borde */
    
}

.custom-checkbox input[type="checkbox"]:checked::after {
    content: '✔'; /* Palomita */
    color: white !important; /* Color blanco forzado */
    font-size: 14px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%; /* Asegura alineación */
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10; /* Asegura que esté por encima */
}


.custom-scrollbar::-webkit-scrollbar {
    width: 10px; /* Grosor del scrollbar */
    background: rgba(240, 240, 240, 0.05); /* Color de fondo del track (muy claro) */
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: rgba(225, 225, 225, 0.3); /* Color gris claro de la barra que se desplaza */
    border-radius: 5px; /* Bordes redondeados */
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: rgba(168, 167, 167, 0.5); /* Color más oscuro al pasar el mouse */
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: rgba(199, 199, 199, 0.02); /* Color casi transparente para el fondo */
}




video::-webkit-media-controls-enclosure {
    overflow: hidden;
}

video::-webkit-media-controls-download-button {
    display: none;
}