#cesta_compra{ 
    /* float: left; 
    width: 100%; 
    border-radius: 15px;
    padding: 15px; */
}
#cesta_compra h1.personalizado { font-size: 20px;}
#cesta_compra .no-compra{ color: var(--blanco-secundario); font-size: 36px; float: left; width: 100%; text-align: center; padding: 50px; font-weight: bold;background: var(--gris-2)}
#cesta_compra .no-compra > span.txt_cesta_vacia { float: left; width: 100%; margin: 10px 0;}
#cesta_compra .no-compra a.seguir_reservando{ 
    float: right; 
    background-color: var(--gris-1);
    border: medium none;
    border-radius: 25px;
    color: var(--blanco-secundario);
    display: block;
    font-size: 20px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px 16px;
    text-align: center;
}

#cesta_compra table.articulos { margin: 0; width: 100%; }
#cesta_compra table.articulos > tbody > tr:nth-of-type(2n+1):not(:last-child) { background: none;}
#cesta_compra table.articulos thead { background: none; color: var(--negro-principal); border-bottom: 1px solid var(--negro-principal);}
#cesta_compra table.articulos thead tr > th{ padding: 10px 5px 3px; text-transform: uppercase; }
#cesta_compra table.articulos thead tr > th:first-child { padding-left: 7%; }
#cesta_compra table.articulos tr > th, #cesta_compra table.articulos tr > td { 
    font-size: 16px; 
    font-weight: normal; 
    text-align: right; 
    border-top: none; 
    padding: 5px 2px; 
}
#cesta_compra table.articulos tr > td div.borrar {float: left; width: 5%; margin: 0 1%; padding: 0;}
#cesta_compra table.articulos tr > td div.nombre_prod {float: left; width: 93%; margin: 0; padding: 0;}
#cesta_compra table.articulos tr > td span.glyphicon-remove-circle { font-size: 2.5em;}
#cesta_compra table.articulos tr > th:first-child, #cesta_compra table.articulos tr > td:first-child { text-align: left;}
#cesta_compra table.articulos tbody tr > td { /*border-bottom: 1px solid var(--negro-principal);*/ }
#cesta_compra table.articulos tbody tr > td:first-child {  }
#cesta_compra table.articulos tbody tr:last-child { background: none; border-top: 1px solid var(--negro-principal); color: var(--negro-principal); }
#cesta_compra table.articulos tbody tr:last-child > td { font-size: 24px;/*text-align: center;*/ }
#cesta_compra table.articulos tbody tr:last-child > td:first-child { text-align: right; padding-right: 30px }
#cesta_compra table.articulos tbody tr > td input.cantidad { 
    /* text-align: right; 
    padding: 3px; 
    max-width: 60px; */ 
    /* width: auto; */
    border: none;
}
#cesta_compra #nota_carro { float: left; width: 100%; font-size: 11px; text-align: center; padding: 10px; margin: 10px 0;}
#cesta_compra .opciones_articulos{ float: left; width: 100%; padding: 10px; }
#cesta_compra .opciones_articulos .actualizar_cesta, #cesta_compra .opciones_articulos .vaciar_cesta { 
    float: right; 
    background-color: var(--naranja-acento);
    border: medium none;
    /* border-radius: 6px; */
    color: var(--blanco-secundario);
    display: block;
    font-size: 20px;
    margin: 5px;
    padding: 5px 16px;
    text-align: center;
    cursor: pointer; 
    transition: var(--transicion-principal);
    border: 1px solid var(--blanco-secundario);   
}
#cesta_compra .opciones_articulos .vaciar_cesta{
    background-color: var(--gris-2);
    color: var(--gris-1); 
    border: 1px solid var(--gris-2);
    transition: var(--transicion-principal); 
}
#cesta_compra .opciones_articulos .vaciar_cesta:hover{
    background-color: var(--gris-1);
    color: var(--gris-2);
    border: 1px solid var(--gris-1);
    transition: var(--transicion-principal);  
}
#cesta_compra .opciones_articulos .actualizar_cesta:hover {color: var(--naranja-acento);background-color: var(--blanco-secundario);border: 1px solid var(--naranja-acento);transition: var(--transicion-principal);}
#cesta_compra .opciones_articulos .vaciar_cesta{  }
#cesta_compra .opciones_articulos .seguir_comprando{  }

#cesta_compra #calculadora {float: left; width: 100%; border: 1px solid var(--negro-principal); padding: 10px; margin-bottom: 10px;}
#cesta_compra #calculadora div.cabecera{font-size: 14pt;font-weight: bold;}
#cesta_compra #calculadora div.cuadrodatos{ padding:10px; margin-bottom:10px; }
#cesta_compra #calculadora div.lineadatos{ }
#cesta_compra #calculadora div.lineadatos .label-pob {  margin: 8px 0; font-weight: bold; float: none; }
#cesta_compra #calculadora div.lineadatos select {  
    background: var(--blanco-secundario) url("/layouts/demobusiness/default/img/flecha-select.png") no-repeat scroll right center / auto 100%;
    border: 1px solid var(--negro-principal);
    border-radius: 0;
    color: var(--negro-principal);
    font: 10pt Times New Roman,serif;
    text-align: left;
    width: 100%;
    padding: 3px 40px 3px 5px;
    max-width: 100%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
#cesta_compra #calculadora div.lineadatos div {float: left; margin-right: 10px;}
#cesta_compra #calculadora div#resultado{ font-weight: bold; color: var(--gris-1); font-size: 20px;}
#cesta_compra .opciones_carro div#irapedido { 
    float: right; 
    background-color: var(--naranja-acento);
    border: medium none;
    border-radius: 25px;
    color: var(--blanco-secundario);
    display: block;
    font-size: 20px;
    margin: 5px;
    padding: 5px 16px;
    text-align: center;
    cursor: pointer;   
}
#cesta_compra .opciones_carro div#irapedido:hover { color: var(--negro-principal); }
#cesta_compra .opciones_carro .seguir_comprando { 
    float: left; 
    background-color: var(--blanco-secundario);
    border: 1px solid var(--negro-principal);
    border-radius: 25px;
    color: var(--negro-principal);
    display: block;
    font-size: 20px;
    margin: 5px;
    padding: 5px 16px;
    text-align: center;
    cursor: pointer; 
}
#cesta_compra .opciones_carro .seguir_comprando:hover { opacity: 0.5; } 
#cesta_compra .no-compra .seguir_comprando { 
    float: right; 
    color: var(--gris-1);
    border: medium none;
    border-radius: 25px;
    background-color: var(--blanco-secundario);
    display: block;
    font-size: 20px;
    margin: 5px;
    padding: 5px 16px;
    text-align: center;
    cursor: pointer;   
}
#cesta_compra .no-compra .seguir_comprando:hover { color: var(--negro-principal); }

@media(max-width: 992px) {
    #cesta_compra table.articulos thead tr > th:first-child { padding-left: 10%; }
    #cesta_compra table.articulos tr > td div.borrar {width: 8%; }
    #cesta_compra table.articulos tr > td div.nombre_prod {width: 90%;}
}

@media(max-width: 768px) {
    #cesta_compra { padding: 5px; }
    #cesta_compra .no-compra{ font-size: 20px; padding: 15px; }
    #cesta_compra .opciones_articulos .actualizar_cesta, #cesta_compra .opciones_articulos .vaciar_cesta, #cesta_compra .opciones_articulos .seguir_reservando {margin: 5px; }
    #cesta_compra table.articulos tr > th, #cesta_compra table.articulos tr > td { font-size: 9px; }
    #cesta_compra table.articulos tbody tr:last-child > td { font-size: 9px; }
    #cesta_compra table.articulos tr > td span.glyphicon-remove-circle { font-size: 2em;}    
    #cesta_compra table.articulos thead tr > th:first-child { padding-left: 22%; }
    #cesta_compra table.articulos tr > td div.borrar {width: 20%; }
    #cesta_compra table.articulos tr > td div.nombre_prod {width: 78%;}
}