/* Alerta flotante centrada y con sombra */
.floating-alert-container {
    position: fixed;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1055;
    width: 100%;
    max-width: 500px;
    pointer-events: none;
}
.floating-alert-container .alert {
    box-shadow: 0 8px 32px rgba(0,0,0,0.18), 0 1.5px 6px rgba(0,0,0,0.10);
    pointer-events: auto;
}
/* Animación para mostrar alertas automáticamente */
.fade {
    opacity: 0;
    transition: opacity 0.5s ease;
}
.fade-in {
    opacity: 1 !important;
    transition: opacity 0.5s ease;
}
/* Animación para ocultar alertas automáticamente */
.fade-out {
    opacity: 0 !important;
    transition: opacity 0.5s ease;
}

.fade-in {
  opacity: 1 !important;
  transition: opacity 0.5s ease;
}
/* Estilos personalizados */
body {
    font-family: Poppins, sans-serif;
    font-size: 14px;
}

.header {
    border-bottom: 1px solid #EDEDED;
}

.text-secondary {
    color: #3A526A !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

.bg-footer {
    background-color: #3A526A;
}


/* Background para los cards*/
.card {
    margin-bottom: 15px;
}

.card-title {
    font-size: 16px;
    padding: 0;
    margin: 0;
}

.card-header {
    padding: 8px 15px;
}

.bg-secondary {
    background-color: #3A526A !important;
}

/* Configuracion de Temas*/
[data-bs-theme=dark][data-color-theme=Blue_Theme]:root .btn-secondary,
    [data-bs-theme=light][data-color-theme=Blue_Theme]:root .btn-secondary {
    --bs-btn-bg: #3A526A;
    --bs-btn-border-color: #3A526A;
    --bs-btn-hover-bg: #7B8B9B;
    --bs-btn-hover-border-color: #3A526A;
    --bs-btn-active-bg: #3A526A;
    --bs-btn-active-border-color: #3A526A;
    --bs-btn-disabled-bg: #3A526A;
    --bs-btn-disabled-border-color: #3A526A;
    --bs-btn-disabled-color: #dae0e5;
}

.btn-outline-secondary {
    --bs-btn-color: #3A526A;
    --bs-btn-border-color: #3A526A;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #7B8B9B;
    --bs-btn-hover-border-color: #3A526A;
    --bs-btn-focus-shadow-rgb: 137,101,229;
    --bs-btn-active-color: #3A526A;
    --bs-btn-active-bg: #fff;
    --bs-btn-active-border-color: #3A526A;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #3A526A;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #3A526A;
    --bs-gradient: none
}
/* Personalizar Botones */
.btn {
    font-size: 13px;
}

.btn-sm {
    padding:0 8px;
    font-size: 12px;
    border-radius: 3px;
}

.btn-sm-danger {
    border-bottom-color: #dc3545;
}

.btn-sma {
    padding: 5px 15px;
    border-radius: 3px;
}

/* Personalizar tablas */
.table {
    background-color: #3A526A;
    color: #dae0e5;
    margin-bottom: 10px;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #3A526A;
}

.table-striped tbody tr:nth-of-type(even) {
    background-color: #3A526A;
}

.table-hover tbody tr:hover {
    background-color: #3A526A;
}

.table th,
.table td {
    border-color: #3A526A;
    padding: 5px;

}

.table thead th {
    background-color: #3A526A;
    color: #dae0e5;
    padding: 5px;
}

.table-bordered th,
.table-bordered td {
    border-color: #3A526A;
    border-width: 1px;
}

/* Personalizar inputs */

.form-control {
    color: #3A526A;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #eff7ff;
    opacity: 1;
}

.form-control::placeholder {
    color: #bdc5cd; /* Cambia el color */
    /* font-size: 14px; Cambia el tamaño de fuente */
    opacity: 1; /* Asegura que el color se aplique completamente */
}

.form-control:focus {
    border-color: #007bff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-check {
    margin-bottom: 15px;
}

.form-check-label {
    font-size: 13px;
}

.form-check-input {
    font-size: 10px;
    margin-top:5px;
}

.form-label {
    font-weight: 500;
    font-size: 13px;
}