/*============  TITULO DE SECCION =========*/
.conten_titulo{background:#fff;width: 100%;padding: 25px;margin-top: 20px;transition: 0.5s;font-size: 16px;padding-left: 0px;}
/*.conten_titulo:hover{box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 15px;}*/
/*============ FIN TITULO DE SECCION =========*/
/*================ EL ORDE DE LOS PASOS A SEGUIR PARA REALIZAR PEDIDOS O COMPRAS =================*/
.wizard_horizontal{display: flex;flex-wrap: wrap;justify-content: center;width: 100%;margin: auto;background: #fff;padding: 30px;transition: 0.5s;margin-top: 20px;}
/*.wizard_horizontal:hover{box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 15px;}*/
.wizard_steps{display: flex;flex-wrap: wrap;justify-content: center;width: 100%;}
.wizard_horizontal ul.wizard_steps{display: flex;list-style: none;position: relative;width: 100%;margin: auto;}
.wizard_horizontal ul.wizard_steps li {display: table-cell;text-align: center;width: 10%;}
.wizard_horizontal ul.wizard_steps li a{display: block;position: relative;-moz-opacity: 1;filter: alpha(opacity=500);opacity: 1;color: #666;text-decoration: none;width: 100%;}
.wizard_horizontal ul.wizard_steps li a:before{content: "";position: absolute;height: 4px;background: #ccc;top: 20px;width: 100%;left: 0;}
.wizard_horizontal ul.wizard_steps li a .step_no {width: 40px;height: 40px;line-height: 40px;border-radius: 100px;display: block;margin: 0 auto 5px;font-size: 16px;text-align: center;position: relative;}
.wizard_horizontal ul.wizard_steps li a.selected:before, .step_no {background: var(--color1);color: #fff;}
.wizard_horizontal ul.wizard_steps li:first-child a:before {left: 50%}
.wizard_horizontal ul.wizard_steps li:last-child a:before {right: 50%;width: 50%;left: auto}
.wizard_verticle .stepContainer{width: 80%;float: left;padding: 0 10px}
.actionBar{width: 100%;border-top: 1px solid #ddd;padding: 10px 5px;text-align: right;margin-top: 10px}
.wizard_horizontal ul.wizard_steps li a.done:before{background: var(--color2);color: #fff;}
.wizard_horizontal ul.wizard_steps li a.done .step_no{background: var(--color2)}
@media screen and (max-width:650px){.wizard_horizontal ul.wizard_steps li a .step_descr{font-size: 14px;}}
/*================ FIN EL ORDE DE LOS PASOS A SEGUIR PARA REALIZAR PEDIDOS O COMPRAS =================*/

/*============== CONTENEDOR DE LA TABLA DEL CARRITO ===========*/
.section-carrito{display: flex;flex-wrap: wrap;justify-content: center;width: 100%;margin: auto;background: var(--colorfondo);padding-top: 50px;padding-bottom: 50px;}
.section-carrito .conten-carrito{/*====== BLOQUE DE LISTADO CARRITO ===*/
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: auto;
    width: 1270px;}
.section-carrito .conten-carrito .tabla-compra-productos{background: #fff;transition: 0.5s;width: 100%;padding: 30px;border-radius: 0px;padding-top: 30px;padding-bottom: 20px;margin-top: 20px;margin-bottom: 20px;}

/*============== FIN CONTENEDOR DE LA TABLA DEL CARRITO ===========*/
/*ESTILO DE INPUT CANTIDAD NUMERO*/
input[type="number"] {-webkit-appearance: textfield;-moz-appearance: textfield;appearance: textfield;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;}
.MsoNormal{
    line-height: 25px;
}
.number-input {/*border: 2px solid #ddd;*/display: inline-flex;height: 43px;}
.number-input, .number-input * {box-sizing: border-box;}
.number-input button {
    outline:none;-webkit-appearance: none;
    /*background-color: var(--color2);*/
    background: #fff;
    border: none;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    cursor: pointer;
    margin: 0;
    position: relative;
    border-radius: 50%;
    border: 1px solid #ccc;
}

.number-input button:before, .number-input button:after {
    display: inline-block;
    position: absolute;
    content: '';
    width: 1rem;
    height: 2px;
    background-color: var(--color1);
    transform: translate(-50%, -50%);
}
.number-input button:hover{box-shadow: var(--box-shadow);}
.number-input button.plus:after {transform: translate(-50%, -50%) rotate(90deg);}
.number-input input[type=number] {font-family: sans-serif;max-width: 2.5rem;height: 2.5rem;padding: .5rem;border: none;border-width: 0 2px;font-size: 15px;font-weight: bold;text-align: center;}
/*FIN ESTILO DE INPUT CANTIDAD NUMERO*/


/*===================== CARRITO VACIO ==================*/
.conten_carrito_vacio{
    display: none;
    background: #fff;
    padding: 40px;
    flex-wrap: wrap;
    justify-content: center;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 150px;}
.conten_carrito_vacio .nodata-carrito{
    width: 100%;
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;}
.conten_carrito_vacio span{
    font-size: 50px;
    padding: 5px 10px 5px 5px;
    border: 5px solid var(--color2);
    color: var(--color2);
    border-radius: 50%;}
.conten_carrito_vacio .btn-regresar{
    background: var(--color1);
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 100px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    border-radius: 5px;
    color: #fff;}
.conten_carrito_vacio .btn-regresar:hover{background: var(--color1);}
/*===================== FIN CARRITO VACIO ==================*/


@media screen and (max-width:1400px){.section-carrito .conten-carrito{width: 90%;}}
@media screen and (max-width:1079px){.pasos .nuevo-cliente{width: 200px;}.pasos .login-cliente .form-cliente{width: 400px;}}
@media screen and (max-width:900px){.pasos hr{height: 0px;width: 100%;margin-top: 40px;margin-bottom: 40px;}
    .pasos .nuevo-cliente{width: 90%;}.pasos .login-cliente .form-cliente{width: 90%;;}}
@media screen and (max-width:600px){
    .section-carrito .pago .btn, .section-carrito .pago .pago_botones .btn_pedido{font-size: 15px;padding-top: 10px;padding-bottom: 10px;padding-left: 18px;padding-right: 18px;}
    .section-carrito .pago .total{font-size: 20px;}}
@media screen and (max-width:550px){
    .section-carrito .pago .pago_botones{flex-wrap: wrap;}
    .section-carrito .pago .btn{margin-right: 0px; margin-left: 10px;padding-top: 7px;padding-bottom: 7px;}
    .section-carrito .pago .pago_botones .btn_pedido{margin-top: 15px;padding-bottom: 10px;}}
@media screen and (max-width:430px){.section-carrito .conten-carrito .tabla-compra-productos{padding: 20px;padding-top: 20px;}}




.conten_compra_carrito{display: flex;width: 100%;margin-bottom: 100px;}
.conten_compra_carrito .conten_titulo{width: 100%;}
.conten_compra_carrito .conten_titulo h1{width: 100%;}
.conten_compra_carrito .conten_productos_carrito{
    display: flex;
    flex-wrap: wrap;
    width: 70%;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin: 5px;
}
.conten_compra_carrito .conten_productos_carrito .conten_producto{
    display: flex;
    align-items: center;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    min-height: 120px;
    border-bottom: 1px solid #ccc;
}
.conten_compra_carrito .conten_productos_carrito .conten_producto .conten_checked_producto{width: 30px;}
.conten_compra_carrito .conten_productos_carrito .conten_producto .conten_checked_producto .control_input_checkbox{height: 20px;width: 20px;cursor: pointer;}
.conten_compra_carrito .conten_productos_carrito .conten_producto .conten_img_producto{height: 110px;width: 110px;position: relative;display: flex;justify-content: center;align-items: center;margin-right: 10px;}
.conten_compra_carrito .conten_productos_carrito .conten_producto .conten_img_producto .titulo_descuento{position: absolute;background: red;color: #fff;font-weight: bold;font-size: 12px;border-radius: 5px;left: 0px;top: -5px; padding: 2px 10px;}
.conten_compra_carrito .conten_productos_carrito .conten_producto .conten_img_producto img{height: 100px;width: 100px;border-radius: 5px;}
.conten_compra_carrito .conten_productos_carrito .conten_producto .conten_info_producto{width: 280px;}
.conten_compra_carrito .conten_productos_carrito .conten_producto .conten_info_producto .img_descuento{height: 30px;width: 70px;border-radius: 5px;}
.conten_compra_carrito .conten_productos_carrito .conten_producto .conten_info_producto .nombre_producto{font-size: 15px;margin-bottom: 5px;}
.conten_compra_carrito .conten_productos_carrito .conten_producto .conten_info_producto .disponible_producto{margin-top: 5px;color: #008c5b;font-size: 12px;}
.conten_compra_carrito .conten_productos_carrito .conten_producto .conten_info_producto .codigo_producto{font-size: 14px;}
.conten_compra_carrito .conten_productos_carrito .conten_producto .conten_info_producto .marca_producto{font-size: 14px; color:var(--color1); font-weight: bold;}
.conten_compra_carrito .conten_productos_carrito .conten_producto .conten_info_producto .cont_talla_color{font-size: 12px;}
.conten_compra_carrito .conten_productos_carrito .conten_producto .conten_info_producto .no_disponible_producto{margin-top: 5px;color: red;}
.conten_compra_carrito .conten_productos_carrito .conten_producto .conten_precio_producto{min-width: 10%;text-align: center;width: 130px;} 
.conten_compra_carrito .conten_productos_carrito .conten_producto .conten_precio_producto .conten_precio{display: flex;flex-wrap: wrap;justify-content: center;width: 100%;}
.conten_compra_carrito .conten_productos_carrito .conten_producto .conten_precio_producto .conten_precio .dfw{width: 50%;}
.conten_compra_carrito .conten_productos_carrito .conten_producto .conten_precio_producto .conten_precio .dfw .precio_old{font-size: 12px;text-decoration: line-through;color: var(--color_letra_info);}
.conten_compra_carrito .conten_productos_carrito .conten_producto .conten_precio_producto .conten_precio .dfw .precio_dstc{font-size: 14px;font-weight: bold;}
.conten_compra_carrito .conten_productos_carrito .conten_producto .conten_precio_producto .conten_precio .precio{width: 100%;}
.conten_compra_carrito .conten_productos_carrito .conten_producto .conten_precio_producto .forma_descuento{background: red;color: #fff;font-size: 10px;font-weight: bold; border-radius: 5px;padding: 3px;width: 52px;margin-left: auto;}
/*.conten_compra_carrito .conten_productos_carrito .conten_producto .conten_precio_producto .precio_old{font-size: 12px;text-decoration: line-through;color: var(--color_letra_info);}*/
/*.conten_compra_carrito .conten_productos_carrito .conten_producto .conten_precio_producto .precio_dstc{font-size: 20px;}*/
.conten_compra_carrito .conten_productos_carrito .conten_producto .conten_cantidad_producto{width: 170px;justify-content: center;display: flex;}
.conten_compra_carrito .conten_productos_carrito .conten_producto .titulo{color: var(--color_letra_info);margin-bottom: 5px;width: 100%;text-align: center;}
.conten_compra_carrito .conten_productos_carrito .conten_producto .conten_subtotal_producto{min-width: 10%;text-align: center;width: 130px;}
.conten_compra_carrito .conten_productos_carrito .conten_producto .conten_eliminar_producto{ width: 35px;}
.conten_compra_carrito .conten_productos_carrito .conten_producto .conten_eliminar_producto .btn_eliminapro{
    color: #fff;
    background: #ff0000;
    border: none;
    padding: 10px;
    margin-right: 4px;
    border-radius: 5px;
    cursor: pointer;
}
.conten_compra_carrito .conten_total_carrito{
    display: flex;
    width: 30%;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin: 5px;
    max-height: 400px;
}
.conten_total_carrito{display: flex;flex-wrap: wrap;width: 100%;padding: 15px;}
.conten_total_carrito .titulo{width: 100%;margin-top: 20px;}
.conten_total_carrito .conten_subtotal_productos, .conten_total_carrito .conten_total_productos{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
    border-bottom: 1px solid #ccc;}
.conten_total_carrito .conten_subtotal_productos .numero, .conten_total_carrito .conten_total_productos .numero{text-align: end;}
.conten_total_carrito .conten_subtotal_productos p, .conten_total_carrito .conten_total_productos p{width: 100%;margin-bottom: 10px;}


.conten_total_carrito .conten_subtotal_productos .conten_precios, .conten_total_carrito .conten_total_productos .conten_precios{display: flex;justify-content: space-between;width: 100%;}
.conten_total_carrito .conten_total_productos{font-size: 25px;}
.conten_total_carrito .btn_pedido{
    border: none;
    padding: 13px;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    background: var(--color1);
    cursor: pointer;
    border-radius: 5px;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;}
.conten_total_carrito .btn_volver{
    text-decoration: none;
    padding: 13px;
    padding-left: 20px;
    padding-right: 20px;
    color: var(--color1);
    border:1px solid var(--color1);
    font-weight: 600;
    font-size: 16px;
    border-radius: 5px;  
    width: 100%;  
    text-align: center;
    margin-bottom: 15px;}
.conten_total_carrito .btn_volver:hover{color: #fff;background: var(--color1);}
@media screen  and (max-width:950px){.section-carrito .conten-carrito{margin-top: 100px;}}
@media screen and (max-width:1100px){
    .conten_compra_carrito .conten_productos_carrito{width: 75%;}
    .conten_compra_carrito .conten_productos_carrito .conten_producto .conten_checked_producto .control_input_checkbox{height: 15px;width: 15px;}
    .conten_compra_carrito .conten_productos_carrito .conten_producto .conten_img_producto img{height: 100px;width: 100px;}
    .conten_compra_carrito .conten_productos_carrito .conten_producto .conten_info_producto .nombre_producto{font-size: 12px;}
    .conten_compra_carrito .conten_productos_carrito .conten_producto .conten_info_producto .codigo_producto{ font-size: 12px;}
    .conten_compra_carrito .conten_productos_carrito .conten_producto .conten_info_producto .marca_producto{ font-size: 12px;}
    .conten_compra_carrito .conten_productos_carrito .conten_producto .titulo{font-size: 12px;}
    .conten_compra_carrito .conten_productos_carrito .conten_producto .conten_info_producto .conten_subtotal_producto  .precio{font-size: 12px;}
    .conten_compra_carrito .conten_productos_carrito .conten_producto .conten_precio_producto .precio{font-size: 14px;}
    .conten_compra_carrito .conten_productos_carrito .conten_producto .number-input button{width: 2rem;height: 2rem;}
    .conten_compra_carrito .conten_productos_carrito .conten_producto .number-input input{width: 2rem;height: 2rem;}
    .conten_compra_carrito .conten_productos_carrito .conten_producto .conten_info_producto{width: 300px;}
    .conten_compra_carrito .conten_productos_carrito .conten_producto .conten_cantidad_producto{width: 120px;}
    .conten_compra_carrito .conten_productos_carrito .conten_producto .conten_eliminar_producto{width: 30px;}
    .conten_total_carrito .titulo{font-size: 15px;}
    .conten_total_carrito .conten_subtotal_productos p, .conten_total_carrito .conten_total_productos p{font-size: 15px;}
    .conten_total_carrito .conten_subtotal_productos .numero, .conten_total_carrito .conten_total_productos .numero{font-size: 15px;}
    .conten_total_carrito .btn_volver{font-size: 14px;}}
@media screen  and (max-width:870px){
    .conten_compra_carrito{flex-wrap: wrap;}
    .conten_compra_carrito .conten_productos_carrito{width: 100%;margin: 0px;margin-bottom: 15px;}
    .conten_compra_carrito .conten_total_carrito{width: 100%;margin: 0px;}}
@media screen  and (max-width:870px){
    .conten_compra_carrito .conten_productos_carrito .conten_producto .conten_eliminar_producto .btn_eliminapro{height: 30px;width: 25px;padding: 0px;        }}
@media screen  and (max-width:680px){
    .conten-carrito .conten_titulo .titulo{font-size: 17px;}
    .conten_compra_carrito .conten_productos_carrito .conten_producto{display: flex;flex-wrap: wrap;width: 100%;padding-top: 20px;padding-bottom: 20px;}
    .conten_compra_carrito .conten_productos_carrito  .conten_img_producto{width: 25%;}
    .conten_compra_carrito .conten_productos_carrito .conten_producto .conten_img_producto{width: 20%;}
    .conten_compra_carrito .conten_productos_carrito .conten_producto .conten_info_producto{width: 70%;}
    .conten_compra_carrito .conten_productos_carrito .conten_producto .conten_precio_producto{width: 30%;}
    .conten_compra_carrito .conten_productos_carrito .conten_producto .conten_cantidad_producto{display: flex;justify-content: center;width: 30%;}
    .conten_compra_carrito .conten_productos_carrito .conten_producto .conten_subtotal_producto{width: 30%;}
    .conten_compra_carrito .conten_productos_carrito .conten_producto .conten_eliminar_producto{width: 10%;}
    .conten_compra_carrito .conten_productos_carrito .conten_producto .conten_info_producto{margin-left: 15px;}}
@media screen  and (max-width:535px){
    .conten_compra_carrito .conten_productos_carrito .conten_producto .conten_cantidad_producto{margin-top: 15px;}
    .conten_compra_carrito .conten_productos_carrito .conten_producto .conten_info_producto .img_descuento{height: 20px;width: 50px;}
    .conten_compra_carrito .conten_productos_carrito .conten_producto .conten_img_producto .titulo_descuento{font-size: 9px;top: 0px;}
    .conten_compra_carrito .conten_productos_carrito .conten_producto .conten_info_producto {margin-left: 10px;}
    .conten_compra_carrito .conten_productos_carrito .conten_producto .conten_precio_producto .precio_dstc{font-size: 15px;}
    .wizard_horizontal ul.wizard_steps li a .step_descr{font-size: 12px;}
    .wizard_horizontal ul.wizard_steps li a .step_no{width: 30px;height: 30px;}
    .wizard_horizontal ul.wizard_steps li a .step_no{line-height: 28px;}
    .wizard_horizontal{padding: 20px;}}
@media screen  and (max-width:485px){
    .conten_compra_carrito .conten_productos_carrito .conten_producto .conten_precio_producto .forma_descuento{font-size: 12px;width: 40px;}
    .conten_compra_carrito .conten_productos_carrito .conten_producto .conten_img_producto{width: 100px;}
    .conten_compra_carrito .conten_productos_carrito .conten_producto .conten_info_producto{width: 60%;}
    .wizard_horizontal{padding: 10px;}}
@media screen  and (max-width:425px){
    .conten_compra_carrito .conten_productos_carrito .conten_producto .conten_checked_producto{width: 20px;}
    .conten_compra_carrito .conten_productos_carrito .conten_producto .conten_img_producto{width: 90px;height: 100px;}
    .conten_compra_carrito .conten_productos_carrito .conten_producto .conten_img_producto img {height: 90px;width: 90px;}}
@media screen  and (max-width:369px){
    .section-carrito .conten-carrito{width: 95%;}
    .conten_compra_carrito .conten_productos_carrito .conten_producto{padding: 10px;}
    .conten_compra_carrito .conten_productos_carrito .conten_producto .conten_info_producto{width: 59%;margin-left: 0px;}}