.mfp-container {
    z-index: 1060 !important; /* Aseguramos que se muestre encima del modal */
}

.fs-12 {
    font-size: 12px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-20 {
    font-size: 20px !important;
}

/* Si hay otros elementos con z-index alto, asegúrate de que el popup tenga el mayor valor posible */
.mfp-bg {
    z-index: 1059 !important; /* Fondo del popup */
}

.mfp-wrap {
    z-index: 1061 !important; /* Contenedor de la imagen popup */
}

.graph-green {
    position: absolute;
    bottom: 8px;
    right: 4px;
    height: 21px;
    background: #51bb51;
    width: 35px;
}

.graph-orange {
    position: absolute;
    bottom: 8px;
    right: 4px;
    height: 10px;
    background: #ffe204;
    width: 35px;
}

.graph-red {
    position: absolute;
    bottom: 8px;
    right: 4px;
    height: 5px;
    background: #e95757;
    width: 35px;
}

.bg-dark {
    background: #12061c !important;
}

.btn-primary {
    color: #fff;
    background-color: #7d4085 !important;
    border-color: #7d4085 !important;
}

.leftside-menu {
    background: #12061c !important;
}

body[data-leftbar-theme=dark] .leftside-menu .logo {
    background: #12061c !important;
}

body[data-leftbar-theme=dark] .side-nav .side-nav-link {
    color: #8391a2 !important;
}

.simplebar-wrapper {
    background: #12061c !important;
}

a {
    color: #4d00ff;
}

.stock-icon {
    height: 42px;
    width: 42px;
    background-size: contain;
    background-repeat: no-repeat;
    right: 9px;
    position: absolute;
}

@media (max-width: 767.98px) {
    .leftside-menu {
        width: 100%;
    }

    .imagen-producto {
        min-height: 157px;
        width: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
}

@media (min-width: 768px) and (max-width: 1100px) {
    .imagen-producto {
        min-height: 80px;
        width: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
}

@media (min-width: 1101px) and (max-width: 1300px) {
    .imagen-producto {
        min-height: 127px;
        width: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
}

@media (min-width: 1301px) {
    .imagen-producto {
        min-height: 147px;
        width: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
}
.fondo_gris-cabecera{background: #efefef}
.borde-bottom{border: 1px solid #cdcdcd;}
.h-90{min-height: 90vh;}
.borde1{border: 1px solid#5a626838; }