/* Your Custom CSS Goes here */

.text-white {
    color: #fff !important;
}

.text-center {
    text-align: center;
}

.padding-short {
    padding: 0.5rem !important;
}

.image-icon {
    height: 100px !important;
}

.badge-root {
    background: #2269f5;
    color: #fff;
}

.badge-aps_prov {
    background: #40475c;
    color: #fff;
}

.badge-supervisor {
    background: #4bad48;
    color: #fff;
}

.badge-agente {
    background: #f4f7fa;
    color: #4d546b;
}

.center-vertically {
    display: flex;
    align-items: center;
    justify-content: center;
}

.disabled-nav-link {
    pointer-events: none;
    cursor: not-allowed !important;
    padding: 0px 30px;
    color: lightgray;
    display: flex;
    align-items: center;
    margin: 15px 0px;
}

.disabled-nav-link i {
    margin-right: 15px !important;
}

.fs-08 {
    font-size: 0.8rem !important;
}

.fs-15 {
    font-size: 1.5rem !important;
}

.fs-2 {
    font-size: 2rem !important;
}

.ml-2 {
    margin-left: 0.5rem !important;
}

.ml-3 {
    margin-left: 1rem !important;
}

.ml-4 {
    margin-left: 1.4rem !important;
}

.fixed-button {
    position: sticky;
    bottom: 20px;
    /* Ajusta la posición vertical deseada */
    z-index: 999;
    /* Asegura que esté por encima del contenido si hay otros elementos superpuestos */
    /* Agrega cualquier otro estilo personalizado que desees */
}

.select2-dropdown {
    z-index: 10510 !important;
}

.documento {
    background: lightgray;
    color: #4d546b;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 0.8rem;
}

.btn-xs {
    padding: 2px 14px 2px 14px !important;
    font-size: 0.8rem !important;
}

.btn-xs i {
    font-size: 0.9rem !important;
    margin: 0 auto !important;
}

.page-description {
    margin-bottom: 10px !important;
}

.sub-menu-active {
    border-bottom: 3px solid dodgerblue;
}

@media (max-width: 576px) {
    .image-icon {
        height: 25px !important;
    }
}