/* Estilos para formularios */
body {
    background: linear-gradient(to left, #082975, #8197cc);
    color: white;
}

.form-group label {
    color: white;
}

.form-control {
    background-color: #fff;
    color: #000;
}

.btn-primary {
    background-color: #007bff;
    border-color: #007bff;
}

    .btn-primary:hover {
        background-color: #0056b3;
        border-color: #0056b3;
    }

.btn-margin-right {
    margin-right: 10px;
}

.btn-125px {
    width: 125px;
}

/* Estilos para elementos de paginación */
.page-item {
    display: inline; /* Muestra los elementos de paginación en línea */
    margin: 0 4px; /* Espaciado entre elementos de paginación */
}

    /* Estilos para enlaces de página */
    .page-item a {
        background-color: #ff5733; /* Cambia el color de fondo para los enlaces de página a un naranja brillante */
        border-color: #ff5733; /* Cambia el color del borde para los enlaces de página al mismo naranja */
        color: #fff; /* Cambia el color de texto para los enlaces de página a blanco */
        padding: 6px 12px; /* Espaciado interno */
    }

        .page-item a:hover {
            background-color: #ff8c66; /* Cambia el color de fondo al pasar el mouse por los enlaces de página a un naranja más claro */
            border-color: #ff8c66; /* Cambia el color del borde al pasar el mouse por los enlaces de página al mismo naranja claro */
        }

    /* Opcional: Estilo para la página actual */
    .page-item.active a {
        background-color: #ff8c66; /* Cambia el color de fondo para la página actual al mismo naranja claro */
        border-color: #ff8c66; /* Cambia el color del borde para la página actual al mismo naranja claro */
    }

.readonly-textbox {
    background-color: lightblue; /* Color de fondo  */
    color: #000; /* Color de texto (negro) */
    border: 1px solid #ccc; /* Borde gris claro */
}

    #TablaConceptos {
         width: 100%;
         border-radius: 7px;
         border: 1px solid #366787;
         border-radius: 5px;
    }

    #TablaConceptos thead th {
        height: 20px;
        text-align: center;
        padding-right: 5px;
        width: 60px;
    }

        #TablaConceptos tr td {
            padding: 2px 4px 0 2px;
            text-align: center;
            word-break: break-word;
        }

.blue {
    background-color: #366787;
    color: white;
}

/* Estilo para la etiqueta de PagaDia */
.label-pagadia {
    font-size: 20px; /* Tamaño de letra más grande */
    font-weight: bold; /* Texto en negrita */
    color: #007bff; /* Color azul Bootstrap */
    margin-right: 10px; /* Espacio a la derecha para separar la etiqueta */
}

/* Estilo para el valor de PagaDia */
.valor-pagadia {
    font-size: 24px; /* Tamaño de letra aún más grande */
    color: #28a745; /* Color verde Bootstrap */
}

/* Establecer ancho para botones de listados */
.btn-fixed-width {
    width: 100px; /* Ajusta el ancho según tus necesidades */
}