/* CSS Document */

/* Estilos para las tablas de pensiones y definidos */
#tabla_cobros_pensiones .handsontable td,
#tabla_cobros_pensiones .handsontable th,
#tabla_cobros_definidos .handsontable td,
#tabla_cobros_definidos .handsontable th,
#tabla_cobros_otros .handsontable td,
#tabla_cobros_otros .handsontable th{
    font-size: 12px; /* Cambia el tamaño del texto para ambas tablas */
}

/* Estilos para las celdas NO EDITABLES (de solo lectura) en ambas tablas */
#tabla_cobros_pensiones .handsontable td.htDimmed,
#tabla_cobros_definidos .handsontable td.htDimmed,
#tabla_cobros_otros .handsontable td.htDimmed{
    color: #000000; /* Cambia el color del texto de las celdas de solo lectura */
    background-color: #f5f5f5; /* Cambiar el color de fondo de las celdas no editables */
    font-weight: normal; /* Asegura que el texto no sea más pesado */
    opacity: 1;  /* Asegura que el texto no se vea translúcido */
}

/* Estilos para las celdas EDITABLES en ambas tablas */
#tabla_cobros_pensiones .handsontable td:not(.htDimmed),
#tabla_cobros_definidos .handsontable td:not(.htDimmed),
#tabla_cobros_otros .handsontable td:not(.htDimmed){
    color: #000000; /* Cambia el color del texto de las celdas editables */
    background-color: #ffffff; /* Cambiar el color de fondo de las celdas editables */
    font-weight: normal; /* Mantén el texto con peso normal */
}


.text-rojo {
    color: red !important; /* Cambia el color del texto a rojo */
}

.text-azul {
    color: blue !important; /* Cambia el color del texto a rojo */
}

.text-verde {
    color: darkgreen !important; /* Cambia el color del texto a rojo */
}

.text-negro {
    color: black !important; /* Cambia el color del texto a rojo */
}

.text-bold {
    font-weight: bold !important; /* Aplica negrita */
}


/* Cambiar el color del interruptor al estar activado */
.custom-control-input:checked ~ .custom-control-label::before {
	background-color: #001f3f; /* Cambia este color */
	border-color: #001f3f; /* Cambia este color también */
}



.fila-cobro {
    background-color: #d9eaff !important; /* Azul claro */
    color: black !important; /* Texto negro */
}

.fila-pago {
    background-color: #FFB6C1 !important; /* Rojo claro */
    color: black !important; /* Texto negro */
}


#tablaAgregarCobrosO_Caja tbody tr {
    height: 10px !important; /* Ajusta este valor según necesites */
}

#tablaAgregarCobrosO_Caja tbody td {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    vertical-align: middle; /* Asegura que el texto se centre verticalmente */
}

#modalAgregarCobroOtro .modal-dialog {
    max-width: 40%; /* Ajusta el porcentaje según necesites */
}

/* COLOR PARA BORDE EN CAJA */
.card-darkgreen {
    background-color: darkgreen;
    color: white; /* Esto es opcional, solo si quieres que el texto sea blanco */
}

.card-darkgreen .card-header {
    background-color: darkgreen;
}