ol.progress{margin:0 0 2.5rem;padding:0;list-style-type:none;}
ol.progress li{margin:0;padding:0;display:inline-block;text-align:center;text-transform:uppercase;font-size:0.8125rem;line-height:2.875;}
ol.progress[data-progress-steps="4"] li{width:25%;}
ol.progress li.progress_active{color:#000;border-bottom:4px solid #000000;}
ol.progress li.progress_todo{color:#777;border-bottom:4px solid #d4d4d4;}
ol.progress li.progress_done{color:#000;border-bottom:4px solid #000000;}
/*ol.progress li:after{content:"\00a0\00a0";}*/
ol.progress li:before{position:relative;bottom:-2.5em;float:left;left:50%;line-height:1em;}
ol.progress li.progress_active:before{content:"\2022";color:#FFF;background-color:#000000;height:1.125em;width:1.125em;line-height:1.125em;border:none;border-radius:1.125em;}
ol.progress li.progress_todo:before{content:"\00a0";background-color:#dddddd;height:1.125em;width:1.125em;line-height:1.125em;border: none;border-radius:1.125em;}
ol.progress li.progress_done:before{content:"\00a0";background-color:#000000;height:1.125em;width:1.125em;line-height:1.125em;border: none;border-radius:1.125em;}

h1.title{padding-bottom:2rem;}

.remove_all{text-align:right;margin-top:-2.215rem;}
.shop_name{font-size:1.0625rem;padding:0.5rem 0.625rem;border:1px solid var(--border);border-width:1px 1px 0 1px;background:#fefbf1;text-align:center;}
.products{position:relative;border:0;}
.products .div_row{border:1px solid var(--border);border-width:1px 1px 0 1px;}
.products .div_cell{border:0;vertical-align:middle;padding:0.625rem 1.25rem;}
.number{position:absolute;}
.number div{display:block;background:#000;text-align:center;color:#fff;font-size:0.875rem;font-weight:500;padding:0.125rem 0.5rem;}
.options{position:absolute;right:0;}
.options a,.options a:visited{display:block;background:#e3000f;padding:0.125rem 0.5rem;color:#fff;font-size:0.875rem;font-weight:500;}
.options .fas{padding-right:0;}
.products .thumb{width:8%;padding:0.75rem 0.5rem 0.625rem 1.75rem;}
.products .thumb img{vertical-align:top;}
.products .name{width:26%;}
.products .clean{display:none;padding:0;border-top:1px solid var(--border);}
.products .numeric{width:22%;line-height:1.5;font-size:1.0625rem;}
.products .field_label{font-size:0.675rem;margin-bottom:0.3125rem;color:#676767;}
.field_items_num{padding-top:0.75rem;}
div.div_table.items_num{border:0;width:auto;height:25px;margin:auto;}
div.div_table.items_num .div_row{border:0;}
div.div_table.items_num .div_cell{padding:0.25rem 0.5rem;border:1px solid var(--border);}
div.div_table.items_num .div_cell:not(.items_num_input){background:var(--main-bg);color:var(--main-color);cursor:pointer;}
div.div_table.items_num .div_cell:not(.items_num_input):hover{background:var(--main-color);color:var(--main-bg);}
div.div_table.items_num .div_cell.items_num_input{padding:0;}
input.items_num{height:100%;border-radius:0;border:0;width:50px;}
.cell1{width:78%;box-sizing:border-box;}
.cell2{width:22%;box-sizing:border-box;}
.cell3{width:90px;box-sizing:border-box;}
.cell_auto{width:auto;box-sizing:border-box;}
.div_row.total{border-width:1px}
.total{background:#f1f1f1;font-size:1rem;font-weight:500;white-space:nowrap;}
.input_discount{width:150px;max-width:100%;}
.products .input_discount{height:30px;}
#buttons .submit{margin:0.5rem 0.625rem 0;}


.label{width:38%;}
.label_content{padding:0.625rem 0.625rem 0.25rem 0;}
.data{width:62%;}
.data_content{padding:0 0em 0.625rem 0;}

#payment_buttons{display:none;padding-top:0.3125rem;text-align:center;}
.button_payment{margin:0.3125rem 0.5rem 0.3125rem;padding:0.875rem 1.25rem 0.75rem;height:70px;font-size:0.9375rem;font-family:'Fira Sans',sans-serif;background:#fff;color:#000;border:1px solid var(--border);opacity:0.9;vertical-align:middle;cursor:pointer;}
.button_payment img{vertical-align:middle;/*filter:grayscale(100%);-webkit-filter:grayscale(100%);*/}
.button_payment:hover,.button_payment_active{border-color:#000000;background:var(--main-bg);opacity:1;}
.button_payment_active,.button_payment_active:hover{cursor:default;border-color:#000000;}
.button_payment:hover img,.button_payment_active img{/*filter:grayscale(0%);-webkit-filter:grayscale(0%);*/opacity:1;}
.button_payment[data-value=tpay],.button_payment[data-value=payu],.button_payment[data-value=p24]{padding:0.125rem 1rem 0.25rem 1.25rem;}
.button_payment[data-value=tpay] small,.button_payment[data-value=payu] small,.button_payment[data-value=p24] small{padding-bottom:0.25rem;}
#payment_input{padding-top:0.5em;text-align:center;}

.section{float:left;width:50%;}
.section_pleft{padding-left:3em;}

@media screen and (max-width: 1050px) {
ol.progress .progress_extended{display:none;}
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
.products:not(.extra){position:relative;border:0;display:block;}
.products:not(.extra) .div_row{display:block;}
.products .div_row.odd{background:#fafafa;}
.products .div_row.even{background:#fff;}
.products .thumb{float:left;width:11%;box-sizing:border-box;padding-top:1.25rem;padding-bottom:1.25rem;}
.products .name{float:left;width:89%;box-sizing:border-box;font-size:1rem;padding-top:1.25rem;padding-bottom:1.25rem;}
.products .clean{display:block;}
.products .numeric{display:inline-block;width:33.33333333333%;box-sizing:border-box;}
.cell1{width:auto;}
.cell2{width:33.33333333333% !important;}
#dane .col-1-2{float:none;width:auto;}
#dane .col-inner{padding-left:0;padding-right:0;}
.label{width:36%;}
.data{width:64%;}
}
@media screen and (max-width: 600px) {
ol.progress li{font-size:67.5%;}
.products .thumb{width:20%;}
.products .name{width:80%;}
}
@media screen and (max-width: 480px) {
ol.progress li{display:inline-block;text-align:left;font-size:75%;line-height:1.5;}
ol.progress[data-progress-steps="4"] li{width:auto;}
ol.progress li.progress_active,ol.progress li.progress_todo,ol.progress li.progress_done{border-bottom:0;}
ol.progress li:after{content:"\00a0\00a0 \00bb \00a0\00a0";color:#999;}
ol.progress li:last-child:after{content:"";}
ol.progress li:before{bottom:0em;float:left;left:0%;text-align:center;}

.remove_all{margin-top:-0.75rem;}
.remove_all .btn_alt{font-size:0.8125rem;}
.number div{font-size:0.8125rem;}
.products .name{font-size:1rem;}
.products .numeric{font-size:1rem;}
.options a,.options a:visited{font-size:0.8125rem;}

.label{float:none;width:auto;}
.label_content{text-align:left;}
.data{float:none;width:auto;}
.data_content .input:not(.xshort){width:100%;}
}