@import url('Object.css');
@import url('partials/checkbox.css');

body {
    background-color:#f4f4f4;
}

.nsb-card-body{
    margin-top:15px;
    margin-bottom: 5px;
}

.nsb-card-pedido{
    position: sticky;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    padding: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    z-index: 1;

}

.nsb-articulo-precio-borrado{
    font-size:0.8em;
    margin-top: 5px;
    margin-left:5px;
    color: #8f8f8f;
}


.nsb-articulo-precio-descuento{
    color:var(--nsb-first-color);
    font-size:1em;
}
.nsb-articulo-precio-normal{
    font-size:1em;
}

.nsb-articulo-descuento{
    font-size: 0.6em;
    margin-left:10px;
    margin-top:10px;
    background-color: var(--nsb-second-color);
    padding-right:5px;
    padding-left:5px;
}

.nsb-selector-cantidad {
    text-align: center;
    width: 50px;
    border: 1px solid #ddd;
}
.nsb-selector-cantidad button {
    border: 1px solid #ddd;
    background-color: #f8f9fa;
}

.icon_borrar_articulo{
    cursor:pointer;
}

.nsb-resumen-precio{
    font-weight: bolder;
    font-size:2em;
}

.nsb-resumen-descuento{
    color:var(--nsb-first-color-darker);
    font-weight: bolder;
    font-size:1.5em;
}

.btn-5050{
    color: #000;
    font-size: 0.8em;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px;

}
.btn-5050:hover {
    background-color: #f8f9fa;
    border: 1px solid #ddd;
    color: #000;
}

.btn-5050-desactivado{
    background-color: #f8f9fa;
    border: 1px solid #ddd;
}

.btn-5050-activo{
    background-color: #3498db;
    border: 1px solid #3498db;
    color: #fff;
}

.btn-5050-activo:hover{
    background-color: #2980b9;
    border: 1px solid #2980b9;
    color: #fff;
}

.nsb-articulo-recargo {
    font-size: 0.9em;
    color: #d63031;
}
.nsb-articulo-precio-mitad {
    font-size: 0.9em;
    color: #0984e3;
}

.nsb-precio-mitad{
    font-size:1.3em;
    color: #0984e3;
    font-weight: bolder;
}

@media (max-width: 600px) {
    .checkbox-wrapper-19{
        --checkbox-height: 18px!important;
    }
    p, span, input, del {
        font-size: 0.7em!important;
    }
    img {
        width: auto;
        height: auto;
    }

}