/* Redondear los bordes del selectpicker */
.selectpicker {
	border-radius: 10px !important;
	/* Ajusta el valor para más o menos redondeo */
}

/* Redondear los bordes del dropdown de selectpicker */
.selectpicker .dropdown-toggle {
	border-radius: 10px !important;
	/* Asegura que el botón desplegable también tenga bordes redondeados */
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
	padding: 0px !important;
}

.daterangepicker td.in-range {
	background-color: #e74c3c !important;
	border-color: transparent !important;
	color: #000 !important;
	border-radius: 0 !important;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
	background-color: #c30513 !important;
	border-color: transparent !important;
	color: #fff !important;
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
	color: var(--bs-btn-disabled-color) !important;
	pointer-events: none !important;
	background-color: #e74c3c !important;
	border-color: #e74c3c !important;
	opacity: var(--bs-btn-disabled-opacity) !important;
}


@media (max-width: 768px) {
	/* Ocultar completamente el calendario derecho */
	.daterangepicker .drp-calendar.right {
	  display: none !important;
	}
	
	/* Ajustar el calendario izquierdo */
	.daterangepicker .drp-calendar.left {
	  width: 100% !important;
	  float: none !important;
	}
	
	/* Ocultar la sección de rangos predefinidos */
	.daterangepicker .drp-selected {
	  display: none !important;
	}
	
	/* Mejorar la experiencia táctil */
	.daterangepicker .calendar-table td {
	  padding: 8px 0 !important;
	}
	
	.daterangepicker .calendar-table th {
	  padding: 10px 0 !important;
	}
	
	/* Hacer los botones más grandes para móvil */
	.daterangepicker .drp-buttons .btn {
	  padding: 10px 20px !important;
	  font-size: 16px !important;
	}
  }