/* Customización de elementos del Bootstrap 5*/

.col-form-label-sm {
    padding-bottom: 0.0rem;
    font-size: .66rem;
    font-weight:normal;
}

.form-select {
    padding-right: 2rem !important; /* Ajusta el espacio derecho */
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    background-position: right 0.5rem center; /* Reposiciona la flecha */
    background-color: #d6eaf8;
}

    .form-select option {
        background-color: white;
    }

.form-select-sm {
    padding-right: 2rem !important; /* Ajusta el espacio derecho */
    background-position: right 0.5rem center; /* Reposiciona la flecha */
    background-color: #d6eaf8;
}

    .form-select-sm option {
        background-color: white;
    }

label {
    margin-bottom: 0.1rem;
}

/*.form-control-sm {
    font-size: 0.70rem;
    padding: 0.2rem 0.2rem;
}*/

.btn-group-sm > .btn, .btn-sm {
    padding: 0.15rem 0.35rem;
    font-size: .75rem;
}

/*.form-row > .col, .form-row > [class*=col-] {
    padding-right: 2px;
    padding-left: 2px;
}*/

.border-left {
    border-left: 1px solid lightgray; /* Grosor y color */
    margin-left: 5px;
}

hr {
    border: 0 !important; /* Quita cualquier borde por defecto */
    border-top: 1px solid Gainsboro !important; /* Define un borde superior */
    margin: 4px 0 !important; /* Añade espacio vertical */
    opacity: 1 !important; /* Evita transparencia */
}

/* CARDS */

.card-header {
    padding: 0.2rem 0.2rem 0.2rem 0.2rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 0.2rem 0.50rem 0.2rem 0.50rem;
}

.card-title {
    margin-bottom: 0.15rem;
    padding: 0.25rem 0.25rem 0.25rem 0.25rem;
}

.card {
    border: 1px solidrgba(0,0,0,.125);
    border-color: powderblue;
    border-radius: 0.25rem;
}

/* HEADERS */

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0.22rem;
    font-weight: bold;
    line-height: 1.2;
    color: #41413F;
}

/*.form-group {
    margin-bottom: 0.2rem;
}*/

#spinner {
    visibility: hidden;
}

.busy .spinner {
    visibility: visible !important;
}

.invalid-feedback {
    font-size: 0.6rem;
}


/* NAV */

/* Reducir el tamaño de los tabs */
.nav-tabs .nav-link {
    padding: 5px 10px; /* Ajusta el padding superior e inferior */
    font-size: 14px; /* Tamaño de fuente más pequeño */
    margin-right:1px;
}

/* Reducir la altura del contenido de cada tab */
.tab-content {
    /*padding: 10px 10px;  Reduce el padding dentro del tab */
    min-height: auto; /* Asegura que no tenga una altura mínima forzada */
}