/* Estilos para el input */
.form-select {
    border: none;
    outline: none;
    box-shadow: none;
    border-bottom: 1px solid #ced4da; /* Agregamos solo un borde inferior */
}

.smaller-table {
    font-size: 12px; /* Tamaño de fuente más pequeño */
}

.smaller-table th,
.smaller-table td {
    padding: 4px 8px; /* Ajusta el espacio entre celdas */
}

.content-perfil {
    padding: 2rem 3rem 1rem!important;
}

.smaller-table {
    font-size: 12px; /* Reduce el tamaño de la fuente en toda la tabla */
    table-layout: auto; /* Permite que las columnas se ajusten automáticamente */
    max-width: 100%; /* Ajusta el ancho de la tabla al contenedor */
    width: auto; /* Ajusta el ancho de la tabla automáticamente */
}

.smaller-table th, .smaller-table td {
    padding: 4px 8px; /* Reduce el espacio interior de las celdas */
}

.smaller-table th {
    text-align: center; /* Alinea el texto de los encabezados al centro */
}

<!--                .smaller-table .btn {-->
<!--                font-size: 10px; /* Reduce el tamaño de los botones */-->
<!--                padding: 2px 6px; /* Ajusta el padding de los botones */-->
<!--                }-->

.smaller-table .badge {
    font-size: 10px; /* Reduce el tamaño de las insignias (badges) */
}

/* Estilos personalizados para el modal */
#customAlertModal .modal-content {
    background-color: #f8f9fa;  /* Color de fondo claro */
    color: #343a40;  /* Color del texto */
    border-radius: 10px;
    border: 2px solid #007bff; /* Borde azul */
}

#customAlertModal .modal-header {
    background-color: #007bff; /* Fondo azul */
    color: white;  /* Texto blanco */
}

#customAlertModal .modal-footer .btn-primary {
    background-color: #28a745;  /* Botón verde */
    border-color: #28a745;
}

.announcement {
    background-color: #f8d7da; /* Color de fondo destacado (rojo claro) */
    color: #721c24; /* Color del texto */
    border: 1px solid #f5c6cb; /* Borde con color suave */
    padding: 10px; /* Espaciado interno */
    border-radius: 5px; /* Bordes redondeados */
    font-size: 12px; /* Tamaño de fuente */
    font-weight: bold; /* Negrita */
    margin: 10px 0; /* Margen superior e inferior */
    text-align: center; /* Alineación centrada */
}
.status_firmada {
    background-color: #d4edda; /* Color de fondo destacado (rojo claro) */
    color: black; /* Color del texto */
    border: 1px solid #d4edda; /* Borde con color suave */
    padding: 10px; /* Espaciado interno */
    border-radius: 5px; /* Bordes redondeados */
    font-size: 16px; /* Tamaño de fuente */
    font-weight: bold; /* Negrita */
    margin: 10px 0; /* Margen superior e inferior */
    text-align: center; /* Alineación centrada */
}
.status_pendiente {
    background-color: #f8d7da;
    color: #721c24; /* Color del texto */
    border: 1px solid #f5c6cb; /* Borde con color suave */
    padding: 10px; /* Espaciado interno */
    border-radius: 5px; /* Bordes redondeados */
    font-size: 16px; /* Tamaño de fuente */
    font-weight: bold; /* Negrita */
    margin: 10px 0; /* Margen superior e inferior */
    text-align: center; /* Alineación centrada */
}
.doc_matricula {
    background-color: #E8F0FE; /* Color de fondo destacado (rojo claro) */
    color: #0A47A9; /* Color del texto */
    border: 1px solid #f5c6cb; /* Borde con color suave */
    padding: 10px; /* Espaciado interno */
    border-radius: 10px; /* Bordes redondeados */
    font-size: 12px; /* Tamaño de fuente */
    font-weight: bold; /* Negrita */
    margin: 10px 0; /* Margen superior e inferior */
}