/*  PARA SELECT EN REGISTRAR_OC.VIEW
	* Fuerza el texto de la descripción a blanco cuando 
	* pasamos el cursor sobre una opción en Select2 
	*/
.select2-container--default .select2-results__option--highlighted .text-muted {
	color: #ffffff !important;
}

/* 
	* Opcional: También podemos asegurarnos de que la clave 
	* del producto (en negritas) luzca impecable
	*/
.select2-container--default .select2-results__option--highlighted strong {
	color: #ffffff !important;
}


/* PARA DATATABLE EN VER_DETALLE_OC.VIEW */
/* Forzar al contenedor principal de DataTables a usar Flexbox para su primera fila */
/* 1. Eliminar los márgenes negativos de la fila superior de DataTables */
.dataTables_wrapper > .row:first-child {
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: flex !important;
    justify-content: space-between !important;
    width: 100% !important;
}

/* 2. Quitar el padding a las columnas que envuelven los botones y el buscador */
.dataTables_wrapper > .row:first-child > div {
    padding-left: 0 !important;
    padding-right: 0 !important;
    flex: 1 1 auto !important; /* Permite que tomen el espacio necesario */
}

/* 3. Forzar el contenedor de botones a la izquierda */
.dt-buttons {
    float: left !important;
    margin-bottom: 15px !important;
}

/* 4. Forzar el contenedor del buscador a la derecha */
.dataTables_filter {
    float: right !important;
    text-align: right !important;
    margin-bottom: 15px !important;
}