.nav-link.active {
    color: black !important;
}

.nav-link {
    display: block;
    padding: 0.358rem 0.5rem;
    color: #263184 !important;
}

    .nav-link:hover, .nav-link:focus {
        color: #000 !important;
        border-bottom: 4px solid var(--grey-grey-500, #212121);
    }

#login_bg {
    height: 600px;
    width: 768px;
    background-repeat: no-repeat;
    background: linear-gradient(0deg, rgba(7, 67, 111, 0.75) 0%, rgba(7, 67, 111, 0.75) 100%), url('~/img/datos_guardados/familia2.png'), lightgray 50% / cover no-repeat;
}

#header-logo {
    margin-top: 64px;
    margin-bottom: 64px;
}

@media only screen and (max-width: 480px) {
    #login_bg {
        width: 100%;
    }

    #logo {
        width: 30%;
    }

    #header-logo {
        margin-top: 12px;
        margin-bottom: 12px;
    }
}

@media only screen and (max-width: 650px) {
    #login_bg {
        width: 100%;
    }

    #logo {
        width: 30%;
    }

    #header-logo {
        margin-top: 12px;
        margin-bottom: 12px;
    }
}

.olv-sky {
    display: flex;
    padding: 16px;
    width: 220px;
    height: 72px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* border-radius: 0px 24px 24px 0px; */
    border: 1px solid var(--grey-grey-100, #EBEBEB);
    background: var(--grey-grey-50, #F7F7F7);
    color: var(--brand-blue-500, #263184) !important;
}

    .olv-sky.active {
        /* border-radius: 24px 0px 0px 24px; */
        background: var(--brand-blue-200, #DEEBF5);
        color: black !important;
    }

@media only screen and (max-width: 480px) {
    .olv-sky {
        width: 140px;
    }
}

.brl-24 {
    border-radius: 24px 0px 0px 24px;
}

.brr-24 {
    border-radius: 0px 24px 24px 0px;
}

.table:not(.table-dark):not(.table-light) thead:not(.table-dark) th,
.table:not(.table-dark):not(.table-light) tfoot:not(.table-dark) th {
    padding-left: 5px !important;
    padding-right: 5px !important;
    background-color: transparent !important;
}

.bt-table {
    width: 139px;
    height: 47px;
}

.bg-rojo-bajo {
    border: 1px solid rgba(235, 87, 87, 0.20);
    background: rgba(235, 87, 87, 0.15);
}

.bg-verde-bajo {
    border-radius: 4px;
    border: 1px solid rgba(39, 174, 96, 0.15);
    background: rgba(39, 174, 96, 0.10);
}
@media (max-width: 768px) {
    #divSuministros {
        width: 350px;
    }
    
}

#tooltipText::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -20px;
    border-width: 20px;
    border-style: solid;
    border-color: #FAE870 transparent transparent transparent;
}