*{
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    color: #131313;
}

body {
    background-color: #ececec;
    font-size: 0.9rem;
}

.form-control, .form-select, input::placeholder {
    font-size: 0.9rem;
}

input[type="search"]:placeholder-shown.form-control {
    background-image: url('../assets/icons/search.png');
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 20px;
}

.toast-success {
    background-color: #56CDAD;
}

h5 {
    font-size: 1rem;
}

button {
    font-size: 1rem !important;
}

strong {
    font-weight: 700;
}

h5, h6, strong {
    color: #333333;
}

.text-regular {
    font-weight: 400;
}

.text-light {
    font-weight: 300;
}

.text-medium {
    font-weight: 500;
}

.text-semibold {
    font-weight: 600;
}

.text-bold {
    font-weight: 700;
}

.thin-progress {
    height: 0.5rem !important;
}

.show-hide-password {
    position: relative;
}

.show-hide-password a {
    position: absolute;
    right: 3%;
    top: 22%;
}

.show-hide-password input {
    padding-right: 25px;
}

.switch-primary .nav,
.switch-primary .nav .nav-item button {
    border-radius: 10px;
}

.switch-primary .nav .nav-item button:not(.active) {
    color: #25324B;
}

.cursor-pointer {
    cursor: pointer;
}

/* Asegura que los encabezados tengan suficiente espacio para las flechas */
.customTable thead tr th {
    position: relative !important;
    padding-right: 20px !important; /* Espacio extra para las flechas */
}

    /* Estilos para las flechas de ordenamiento */
    .customTable thead tr th.sorting::after,
    .customTable thead tr th.sorting_asc::after,
    .customTable thead tr th.sorting_desc::after {
        font-family: FontAwesome !important;
        position: absolute !important;
        right: 10px !important; /* Alinea las flechas a la derecha */
        top: 50% !important;
        transform: translateY(-50%) !important;
        font-size: 14px !important; /* Tamaño de las flechas */
    }

    /* Flecha cuando no está ordenado */
    .customTable thead tr th.sorting::after {
        content: "\f0dc"; /* Icono de orden de FontAwesome */
        color: var(--color-2nd) !important;
        opacity: 0.6 !important; /* Hace las flechas más sutiles */
    }

    /* Flecha ascendente */
    .customTable thead tr th.sorting_asc::after {
        content: "\f062"; /* Icono de flecha arriba */
        color: var(--color-2nd) !important;
        font-size: 16px !important;
    }

    /* Flecha descendente */
    .customTable thead tr th.sorting_desc::after {
        content: "\f063"; /* Icono de flecha abajo */
        color: var(--color-2nd) !important;
        font-size: 16px !important;
    }

/* Centra los títulos en los encabezados */
.customTable thead tr th {
    text-align: center !important;
    vertical-align: middle !important;
}

.paginacion span, .paginacion i{
    color: #7C8493;
}

.paginacion .active {
    color: var(--color-2nd);
    font-weight: 600;
}

.paginacion .item-paginacion{
    width: 2rem;
    height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.form-check-input{
    border-color: var(--color-2nd);
}

.custom-check label, .custom-check input {
    cursor: pointer;
}

.custom-check .form-check-input:checked {
    background-color: #DCD9CC !important;
    border-color: var(--color-2nd);
}

.custom-check input:checked[type=checkbox]{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23003658' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
    border-color: #233E6F;
}

.table-scroll {
    overflow-x: auto;
}

.table-scroll table {
    white-space: nowrap;
}

input[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: white;
    margin: 0;
    font: inherit;
    color: #18BC0B;
    width: 1.15em;
    height: 1.15em;
    border: 0.15em solid #18BC0B;
    border-radius: 50%;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
}
  
input[type="radio"]::before {
    content: "";
    width: 0.6em;
    height: 0.6em;
    border-radius: 50%;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    background-color: #18BC0B;
}
  
input[type="radio"]:checked::before {
    transform: scale(1);
}

.carousel {
    padding-bottom: 2.5rem;
}

.carousel-indicators [data-bs-target] {
    background-color: var(--color-2nd);
    width: 13px;
    border-radius: 10px;
    border-top: none;
    background-clip: unset;
    height: 3px;
}

.carousel .carousel-inner img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

@media print {
    body {
        padding-left: 1rem !important;
    }
    aside {
        display: none !important;
    }
}