/*Define custom properties*/
:root {
    --black-color: #67748e;
    --success-color: #2dce89;
    --primary-color: #003766;
}


select.form-control.custom-select {
    appearance: auto;
}


.dataTables_filter input.form-control-sm {
    /*border-radius: 0px !important;*/
    font-size: 0.875rem !important;
    /*border-bottom: 1px solid #FFB607 !important;*/
}


div.dataTables_wrapper div.dataTables_info {
    white-space: normal !important;
}


/*Password validation fields*/
/* The message box is shown when the user clicks on the password field */
#message {
    display: none;
    background: #f1f1f1;
    position: relative;
    padding: 2px;
}

#message p {
    padding: 1px 35px;
}


.main-panel .panel-header.panel-header-sm .header{
    margin-top: -50px;
}


#notifications_results li a {
    color: black !important;
}

/* Add a green text color and a checkmark when the requirements are right */
.valid-pass {
    color: green;
}

.valid-pass:before {
    position: relative;
    left: -35px;
    content: '\2714';
}

/* Add a red text color and an "x" icon when the requirements are wrong */
.invalid-pass {
    color: red;
}

.invalid-pass:before {
    position: relative;
    left: -35px;
    content: "\2716";
}

.swal2-confirm.btn {
    border-radius: 1.875rem;
    padding-right: 4rem !important;
    padding-left: 4rem !important;
}

.swal2-cancel.btn {
    background: linear-gradient(90deg, #627594 0%, #a8b8d8 66.44%, #a8b8d8 100%);
    background-color: #006657;
    color: white;
    border-radius: 1.875rem;
    padding-right: 4rem !important;
    padding-left: 4rem !important;
}

/* Primary buttons override — text color */
.btn.bg-gradient-primary,
.btn.bg-gradient-primary:hover,
.btn.bg-gradient-primary:focus {
    color: #67748e !important;
}


/* Footer siempre al fondo */
.main-content {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.main-content > .container-fluid {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.main-content > .container-fluid > footer.footer {
    margin-top: auto;
}

/* Formset delete button — el plugin añade text-danger hardcodeado, se fuerza blanco */
.btn.btn-danger.text-danger,
.btn.btn-danger.text-danger i {
    color: #fff !important;
}

/*
 * Pestañas Bootstrap (nav-pills + data-bs-toggle="tab"): activo azul marca, no blanco Argon.
 * Excluye .moving-tab (wizards Argon). Aplica en collectionForm, frequency/intensity list, media lista, etc.
 */
.main-content .nav.nav-pills .nav-link[data-bs-toggle="tab"]:not(.moving-tab) {
    background-color: #f6f9fc;
    color: #67748e;
}
.main-content .nav.nav-pills .nav-link[data-bs-toggle="tab"].active:not(.moving-tab),
.main-content .nav.nav-pills .show > .nav-link[data-bs-toggle="tab"]:not(.moving-tab) {
    background-color: var(--primary-color) !important;
    background-image: none !important;
    color: #fff !important;
    box-shadow: none !important;
    border-color: transparent !important;
}
.main-content .nav.nav-pills .nav-link[data-bs-toggle="tab"].active:not(.moving-tab) .text-success {
    color: #fff !important;
}
.main-content .nav.nav-pills .nav-link[data-bs-toggle="tab"].active:not(.moving-tab) i {
    color: #fff !important;
}
.main-content .nav.nav-pills .nav-link[data-bs-toggle="tab"].active:not(.moving-tab) .badge {
    background-color: rgba(255, 255, 255, 0.28) !important;
    background-image: none !important;
    color: #fff !important;
}