body {
    /* Moviendo el padding del estilo en línea a aquí */
    padding-top: 115px;
    padding-bottom: 75px;
}

.navbar-custom-color {
    background-color: #01252B !important;
}

.navbar-main-color {
    background-color: #018FA4 !important;
}

.navbar-logo {
    height: 30px; /* Ajusta la altura de tu logo como prefieras */
    width: auto;
}

.btn-logout {
    background-color: #A8CD6C;
    border-color: #A8CD6C;
    color: #01252B; /* Color de texto oscuro para buen contraste */
}

.btn-logout:hover {
    background-color: #96b95b; /* Un tono ligeramente más oscuro para el hover */
    border-color: #96b95b;
    color: #01252B;
}

.btn-primary-custom {
    background-color: #01252B;
    border-color: #01252B;
    color: #fff;
}

.btn-success-custom {
    background-color: #A8CD6C;
    border-color: #A8CD6C;
    color: #fff;
}

.btn-outline-primary-custom {
    background-color: #A8CD6C;
    border-color: #A8CD6C;
    color: #fff;
}

.btn-primary-custom:hover {
    background-color: #023f49; /* Tono ligeramente más claro para el hover */
    border-color: #023f49;
    color: #fff;
}

.btn-outline-primary-custom:hover {
    background-color: #A8CD6C; /* Tono ligeramente más claro para el hover */
    border-color: #A8CD6C;
    color: #fff;
}

/* Estilo para los encabezados de las tablas */
.table thead th {
    background-color: #01252B;
    color: #fff;
    vertical-align: middle; /* Alinea verticalmente el texto en el centro */
}

/* Estilo para los encabezados de las tarjetas (cards) */
.card-header {
    background-color: #023f49;
    color: #fff;
}

.btn-secondary-custom {
    background-color: #018FA4;
    border-color: #018FA4;
    color: #fff;
}

.btn-secondary-custom:hover {
    background-color: #017c91; /* Tono ligeramente más oscuro para el hover */
    border-color: #017c91;
    color: #fff;
}

/* Estilo para las pestañas de los gráficos en los card-headers */
.card-header .nav-tabs {
    border-bottom: none; /* Quita la línea inferior de las pestañas */
}

.card-header .nav-tabs .nav-link {
    color: rgba(255, 255, 255, 0.75); /* Color blanco semitransparente para las no activas */
    border: none;
}

.card-header .nav-tabs .nav-link.active {
    color: #023f49; /* Color oscuro para el texto de la pestaña activa */
    background-color: #fff; /* Fondo blanco para la pestaña activa */
}

.card-header .nav-tabs .nav-link:hover {
    color: #fff; /* Color blanco sólido al pasar el mouse */
}

/* Estilo para el pie de página */
.footer-custom {
    background-color: #024d5a;
}

/* Estilos personalizados para los mensajes de alerta */
.alert-success {
    background-color: #eaf4d9;
    color: #546636;
    border-color: #dcecc6;
}
.alert-success .alert-link {
    color: #3e4a28;
}

.alert-danger, .alert-error {
    background-color: #f8d7da;
    color: #842029;
    border-color: #f5c2c7;
}
.alert-danger .alert-link, .alert-error .alert-link {
    color: #6a1a21;
}

.alert-info {
    background-color: #d2eef3;
    color: #015866;
    border-color: #bde3ea;
}
.alert-info .alert-link {
    color: #01434f;
}

.alert-warning {
    background-color: #fff3cd;
    color: #664d03;
    border-color: #ffecb5;
}
.alert-warning .alert-link {
    color: #523e02;
}

.btn-export-custom {
    background-color: #198754; /* Bootstrap's default success green */
    border-color: #198754;
    color: #fff;
}

.btn-export-custom:hover {
    background-color: #157347;
    border-color: #146c43;
    color: #fff;
}

/* Color de texto personalizado para iconos y elementos destacados */
.text-theme {
    color: #018FA4 !important; /* Usando el color principal de la barra de navegación */
}