@charset "utf-8";

/* form - SkinDefault 

.formSkinDefault .header {font-size: 14px; color: #242424; font-weight: bold; margin: 0 0 15px 0; padding: 0 0 5px 0; border-bottom: 1px #707070 solid}

.formSkinDefault .formField {position: relative; min-height:40px}
.formSkinDefault .formField div.label {float: left; text-align: left}
.formSkinDefault .formField div.label label {display: block; padding: 2px 0 0 0; font-size:0.9em; color:#474747}
.formSkinDefault .formField div.edit {float: left}
.formSkinDefault .formField div.labelCheckBox {float: left; }
.formSkinDefault .formField div.editCheckBox {float: left}
.formSkinDefault .formField div.labelCheckBox label {display: block; padding: 5px 5px 0 0}
.formSkinDefault .formField div.editCheckBox input {margin: 8px 0 0 10px; padding: 0}
.formSkinDefault .formField [data-label-for].val_required::after {content: ' *'; color: red}
.formSkinDefault .formField .edit input.error {border-color: red}
.formSkinDefault .formField span.error {position: absolute; left: 40px; top: 34px; color: white; padding: 5px 10px 5px 5px; z-index: 100; border: 1px solid #ccc; background-color: #333; display: none}
.formSkinDefault .formField:hover span.error {display: block}
.formSkinDefault .formField span.error:after {position: absolute; top: -5px; left: 10px; width: 5px; height: 5px; content: ''; background: url('/templates/images/editErrorTopPoint.png') 0 0 no-repeat}
.formSkinDefault .formField .edit {position: relative}
.formSkinDefault .formField .edit input {display: block; padding: 5px; height: 20px; border: 1px solid #47979e; background: #fff; }
.formSkinDefault .formField .edit input:focus{background-color: #fffef4}
.formSkinDefault .formField .editRead {position: relative; float: left;}
.formSkinDefault .formField .editRead span {display: block; padding: 5px; height: 20px; border: 1px solid #47979e; background: #E3E3E3;}
.formSkinDefault .formField .editButton {}
.formSkinDefault .formField .editButtons {margin: 0 12px;}
.formSkinDefault .formField .editButtons>input.button.left {float: left; }
.formSkinDefault .formField .editButtons>input.button.right {float: right; }
.formSkinDefault .formField .edit select {display: block; padding: 5px 0 5px 5px; height: 29px; border: 1px solid #47979e; background: #fff; }
.formSkinDefault .formField input.button {background:#009095; height:35px; padding:0 30px; display:block; font-weight: bold; font-size: 13px; margin:10px 0 0 0; cursor: pointer; color:#fff; border:none; text-align:center;width:auto; float:right;}
.formSkinDefault .formField input.button:hover {background:#01AEB4; color: #fff} 
.formSkinDefault .formField .edit textarea {resize: none; border: 1px solid #47979e; background: #fff; }*/
/*
.formSkinDefaultPopoup {background: #dcdcdc;  margin:0; position:relative; padding:0 0 30px 0}
.formSkinDefaultPopoup h2 {font-size: 21px; margin: 0 0 25px 0; font-weight: bold; color: #fff; background: #353535; padding: 10px 15px; }
.formSkinDefaultPopoup .formField div.label label {display: block; padding: 8px 0 0 23px; color:#474747; font-size:15px}
.form-popup {position: relative;padding: 0;width: auto;max-width: 1015px;margin: 20px auto}
.form-popup-customer-address .mfp-close {top:0; right:0}
*/
/* end << form - SkinDefault */

/* Info box 

.infoBoxHeader {font-size: 21px; margin: 0; font-weight: bold; color: #fff; background: #000; padding: 10px 15px; font-family: 'Istok Web', sans-serif;}
.infoBoxBody {margin: 0 0 20px 0; background-color: #E3E3E3; padding: 15px 15px 20px 15px; color:#474747}
.infoBoxBody h2 {font-size: 13px; color: #242424; font-weight: bold; margin: 0 0 15px 0; padding: 0 0 5px 0; border-bottom: 1px #999 dashed;}

.infoBoxBody table.infoBoxTable {border-collapse: collapse; width: 100%; margin: 0 0 15px 0;}
.infoBoxBody table.infoBoxTable tr th {background:#000; color:#fff; font-size:14px; font-weight:normal; padding: 7px 0}
.infoBoxBody table.infoBoxTable tr td {border-bottom:1px solid #888; padding:10px 0; text-align:center;}
.infoBoxBody table.infoBoxTable tr:nth-child(2n) {background:#fff}
.infoBoxBody table.infoBoxTable tr:nth-child(2n+1) {background:#ddd}

.infoBoxBody .formButtonBig {text-align:center; margin:20px 22px 5px 0; height:39px;}
.infoBoxBody .formButtonBig a {height:35px; line-height:35px; padding: 0 30px; font-weight: bold; font-size: 14px; cursor: pointer; background: #009095;  display:inline-block; text-decoration:none; color:#fff; float:right;}
.infoBoxBody .formButtonBig a:hover {background: #01AEB4; color: #fff} 

.infoBoxBodyBig .infoBoxLeft {float:left; width:442px; margin:0 30px 0 0;}
.infoBoxBodyBig .infoBoxRight {float:left; width:442px;}
.infoBoxBodyBig .infoBoxLeft .formField .edit input {width: 290px}
.infoBoxBodyBig .infoBoxLeft .formField .editRead span, .infoBoxBodyBig .infoBoxRight .formField .editRead span {width: 290px}
.infoBoxBodyBig .infoBoxRight .formField .edit input {width: 290px}

.infoBoxBodyBig .infoBoxLeft .formField .edit textarea {width: 296px}
.infoBoxBodyBig .infoBoxRight .formField .edit textarea {width: 296px}

.infoBoxBodyCustomerCenter .infoBoxLeft {float:left; width:364px; margin:0 20px 0 0;}
.infoBoxBodyCustomerCenter .infoBoxRight {float:left; width:364px;}
.infoBoxBodyCustomerCenter .infoBoxLeft .formField .edit input {width: 212px}
.infoBoxBodyCustomerCenter .infoBoxRight .formField .edit input {width: 212px}
*/
/* end << form - Info box */

/* Popup dialog modifications 

.form-popup-login {width: 375px; background: url(../images/shop/loginPopup.png) repeat; padding:12px}
.form-popup-login .formSkinDefault .edit input {width: 200px}

.form-popup-registration {width: 475px; background: url(../images/shop/loginPopup.png) repeat; padding:12px}
.form-popup-registration .formSkinDefault .edit input {width: 300px}

.form-popup-customer-address {width: 425px}
.form-popup-customer-address .formSkinDefault .edit input {width: 250px}
*/
/* end << form - Popup dialog modifications */


/*#region košík 
.boxKosik { min-height: 600px; margin: 0 0 20px 0; }
#pageWrapBasket #bcFooter { padding: 20px 0; }
*/


/* order step - delivery and payment 
.deliveryPaymentMethodsCartLink {margin: 0 0 40px 0}
div.deliveryPaymentMethods {margin: 0 0 40px 0}
div.methodsBlockDivider {width: 16px; float: left}
div.deliveryPaymentMethods div.methodListPayment {width: 463px; float: left; margin: 0;}
div.deliveryPaymentMethods div.methodListDelivery {width: 464px; float: left; margin: 0;}
div.deliveryPaymentMethods div.methodList>div.methodsTitle {margin: 0 0 10px 0; padding: 10px; background-color: #6B6B6B; color: #fff; font-size: 13px; font-weight: bold}
div.deliveryPaymentMethods div.methodList div.groupMethods div.groupHeader {margin: 0px 0 15px 0; font-size: 15px; font-weight: bold}
div.deliveryPaymentMethods div.methodList div.groupMethods ul {margin: 0 0 0 0; padding: 0}
div.deliveryPaymentMethods div.methodList div.groupMethods ul>li {margin: 0 0 5px 0; padding: 0 0 0 15px; list-style: none}
div.deliveryPaymentMethods div.methodList div.groupMethods ul>li  a {background:url(../images/shop/deliveryPayCheckbox.png) no-repeat left center; display: block; font-size: 14px; padding: 5px 0 5px 25px; text-decoration: none; color: #aaaaaa}
div.deliveryPaymentMethods div.methodList div.groupMethods ul>li.possible a { color: #000}
div.deliveryPaymentMethods div.methodList div.groupMethods ul>li.selected a {background:url(../images/shop/deliveryPayCheckboxSelected.png) no-repeat left center;}
div.deliveryPaymentMethods div.methodList div.groupMethods ul>li.selected a, div.deliveryPaymentMethods div.methodList div.groupMethods ul>li.selected:hover a  {background:url(../images/shop/deliveryPayCheckboxSelected.png) no-repeat left center;}
div.deliveryPaymentMethods div.methodList div.groupMethods ul>li:hover, div.deliveryPaymentMethods div.methodList div.groupMethods ul>li.selected {background: #e3e3e3}
div.deliveryPaymentMethods div.methodList div.groupMethods ul>li:hover a {background:url(../images/shop/deliveryPayCheckboxHover.png) no-repeat left center;}
div.deliveryPaymentMethods div.methodList div.groupMethods ul>li>span { padding: 5px 0 5px 25px; display: block;font-size: 14px;}
div.deliveryPaymentMethods div.methodList div.groupMethods ul>li>a>span { padding: 5px 0 5px 60px; background-repeat: no-repeat; background-position: left center}
div.deliveryPaymentMethods div.methodList div.groupMethods ul>li>a:hover>span {text-decoration: none;}
div.deliveryPaymentMethods div.methodList div.groupMethods ul>li.selected>span {font-weight: bold;}
div.deliveryPaymentMethods div.methodList div.groupMethods ul>li div.description {font-size: 12px; margin-top: 6px; font-weight: normal}

div.deliveryPaymentMethods div.methodList div.groupMethods ul>li.delivery-geis>a>span {background-image: url(../images/shop/delivery/geis.png)}
div.deliveryPaymentMethods div.methodList div.groupMethods ul>li.delivery-cp_na_postu>a>span {background-image:url(../images/shop/delivery/posta-na-postu.png) }
div.deliveryPaymentMethods div.methodList div.groupMethods ul>li.delivery-cp_do_ruky>a>span {background-image:url(../images/shop/delivery/posta-do-ruky.png)}
div.deliveryPaymentMethods div.methodList div.groupMethods ul>li.delivery-cp_doporucene>a>span {background-image:url(../images/shop/delivery/cp_doporucene.png)}
div.deliveryPaymentMethods div.methodList div.groupMethods ul>li.delivery-dpd>a>span {background-image:url(../images/shop/delivery/dpd.png) }
div.deliveryPaymentMethods div.methodList div.groupMethods ul>li.delivery-dpd-over>a>span {background-image:url(../images/shop/delivery/dpd.png)}
div.deliveryPaymentMethods div.methodList div.groupMethods ul>li.delivery-ppl>a>span {background-image:url(../images/shop/delivery/ppl.png) }
div.deliveryPaymentMethods div.methodList div.groupMethods ul>li.delivery-vyzvednuti>a>span {background-image:url(../images/shop/delivery/osobne.png) }

div.deliveryPaymentMethods div.methodList div.groupMethods ul>li.payment-hotovost>a>span {background-image:url(../images/shop/payment/hotovost.png)}
div.deliveryPaymentMethods div.methodList div.groupMethods ul>li.payment-dobirka>a>span {background-image:url(../images/shop/payment/dobirka.png)}
div.deliveryPaymentMethods div.methodList div.groupMethods ul>li.payment-prevodem>a>span {background-image:url(../images/shop/payment/banka.png) }
div.deliveryPaymentMethods div.methodList div.groupMethods ul>li.payment-gopay>a>span {background-image:url(../images/shop/payment/gopay.png)}
div.deliveryPaymentMethods div.methodList div.groupMethods ul>li.payment-payu>a>span {background-image:url(../images/shop/payment/payu.png) }
div.deliveryPaymentMethods div.methodList div.groupMethods ul>li.payment-paypal>a>span {background-image:url(../images/shop/payment/paypal.png)}
*/
/* end << order step - delivery and payment */


/* order step - customer form 

#customerForm {margin: 0 0 20px 0; color:#474747}
#customerForm .tabForm textarea {height: 50px}

#customerForm .orderLoginLeft {float:left; width:466px; margin:0 12px 0 0;}
#customerForm .orderLoginRight {float: left; width: 467px; margin: 0;}
#customerForm .orderLoginInForm { position: relative; padding:14px 10px; background:#dcdcdc; min-height:160px;}
#customerForm .orderLoginInForm .edit input {width: 270px}
#customerForm .orderLoginTitle {font-size: 21px; margin: 0; font-weight: bold; color: #fff; background: #000; padding: 10px 15px; font-family: 'Istok Web', sans-serif;}
#customerForm div.orderLoginLink {position: absolute; bottom: 10px}
#customerForm div.orderLoginLink>a {font-weight:bold; color:#bf3333; text-decoration:none;}
#customerForm div.orderLoginLink>a:hover {color:#bf3333; text-decoration:underline}

#customerForm .orderInfoTitle  {background-color: #6b6b6b; padding: 10px; font-size: 13px; font-weight: bold; text-decoration: none; margin: 0; color: #fff;}
#customerForm .orderInfoWrap  { padding:14px 10px; border:1px solid #cccccc; background:#F0F0F0; margin:0 0 12px 0}
#customerForm .orderInfoWrap .orderInfoLeft {float:left; width:465px; margin:0 40px 0 0;}
#customerForm .orderInfoWrap .orderInfoRight {float: left; width: 465px; margin: 0;}
#customerForm .orderInfoWrap .orderInfoCombo .label {height:22px; line-height:26px; margin:0 16px 0 0; width:140px !important;}

#customerForm .customerFormBase { margin-bottom: 40px; }

#customerForm div.recipient { margin-top: 15px;}
*/
/* end << order step - customer form */


/* shopCustomerCenter 

#shopCustomerCenter {}
#shopCustomerCenter .infoBoxBody {margin:0}
#shopCustomerCenter div.customerCenterMenu {float:left; width:233px; margin:0; padding:0 0 20px 0}
#shopCustomerCenter div.customerCenterMenu ul {float:left; display:block; width:233px; list-style:none; margin:0px; padding:0}
#shopCustomerCenter div.customerCenterMenu ul>li {float:left; display:block; padding:0}
#shopCustomerCenter div.customerCenterMenu ul>li>a {float:left; display:block; padding: 3px 5px; color:#000; text-decoration:none; text-transform:uppercase; font-size: 21px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; margin:3px 0}
#shopCustomerCenter div.customerCenterMenu ul>li.current>a, 
#shopCustomerCenter div.customerCenterMenu ul>li.current:hover>a {text-decoration:none; background: #f9a400; color:#fff}
#shopCustomerCenter div.customerCenterMenu ul>li:hover>a {text-decoration:none; background: #000; color:#fff}

#shopCustomerCenter div.customerCenterContainer {float: left; width: 779px; padding: 0; margin: 0}
#shopCustomerCenter div.customerCenterContainer .contentPager {width: 779px;}
*/
/* end << shopCustomerCenter */


/* order step - CustomerCenter form 

.blockUI {background: #ffffff; color:#343434; font-weight: normal; font-size:17px; padding:15px 0; border: 1px solid #cccccc}
.customerProfileForm table.infoBoxTable tr td a.delete {background: url(../images/shop/vymazat.png) no-repeat center center; font-size:0; line-height:0; padding:16px 0 0 16px}
.customerProfileForm table.infoBoxTable tr td a.edit {background: url(../images/shop/edit.png) no-repeat center center; font-size:0; line-height:0; padding:16px 0 0 16px; margin:0 5px 0 0}
.customerProfileForm table.infoBoxTable tr th.colControl { width: 80px;}
.customerProfileForm .formButtonAdress {width:100%; text-align:center; margin:20px 0 0 0;}
.customerProfileForm .formButtonAdress a {font-size: 14px; margin: 0 auto; cursor: pointer; text-decoration:none; background: url(../images/shop/adresa.png) no-repeat left center; padding:1px 0 0px 20px; color:#bf3333; font-weight:bold;}
.customerProfileForm .formButtonAdress a:hover {text-decoration:underline;} 
*/
/* end << CustomerCenter form */

/* order step - CustomerCenter orders 

.customerOrdersList table.infoBoxTable tr td a.fceZoom {background: url(../images/shop/lupa.png) no-repeat center center; font-size: 0; line-height: 0; padding: 16px 0 0 16px; margin: 0 5px 0 0}
*/
/* end << CustomerCenter orders */


/* order step - confirmation 

div.orderConfirmationMessageBox {margin: 10px auto; text-align: center}
div.orderConfirmationMessageBox span {font-size: 12px}
*/
/* end << order step - confirmation */


/* order step - done 

div.orderDoneMessageBox {text-align: center; padding: 80px 0; color: #555; font-size: 17px}
div.orderDoneMessageBox .message {font-size: 17px; margin: 0 0 10px 0}
div.orderDoneMessageBox span.note {font-size: 12px}*/

/* end << order step - done */

/* Moje objedn�vky 

.customerCenterOrders {background:#F0F0F0;border: 1px solid #ccc; padding:20px 15px}
.customerCenterOrders .fceZoom {background: url(../images/shop/lupa.png) no-repeat center center; font-size: 0; line-height: 0; padding: 16px 0 0 16px; margin: 0 5px 0 0}
.customerCenterOrders .customOrderPanelSearch {margin:0 0 20px 0; float:right}
.customerCenterOrders .customOrderPanelSearch label {margin:0 15px 0 0; padding:0; height:18px}
.customerCenterOrders .customOrderPanelSearch .edit input {margin:0; padding:0; height:19px}
.customerCenterOrders .customOrderPanelSearch a.buttonLink {margin:0 0 0 10px; background-color: #666; border:1px solid #888; padding:3px 10px;text-decoration:none; border-radius: 3px; color:#fff}
.customerCenterOrders .customOrderPanelSearch a.buttonLink:hover {background:#555555; color:#fff}
.customerCenterOrders .customOrderPanelSearch a.allLink  {margin:0 0 0 10px; padding:3px 10px 3px 24px;text-decoration:none; color:#F86002; background: url(../images/shop/all.png) no-repeat left center}
.customerCenterOrders .customOrderPanelSearch a.allLink:hover {text-decoration:underline}
.customerCenterOrders table {border-collapse: collapse; width: 100%;}
.customerCenterOrders table tr th {background:#292929; color:#fff; font-size:14px; font-weight:normal; padding: 7px 0}
.customerCenterOrders table tr td {border-bottom:1px solid #888; padding:10px; text-align:center;}
.customerCenterOrders table tr:nth-child(2n) {background:#fff}
.customerCenterOrders table tr:nth-child(2n+1) {background:#ddd}
.customerCenterOrders table th.colOrderNumber { width: 170px }
.customerCenterOrders table th.colOrderStatus { width: 170px }
.customerCenterOrders table th.colAmount { width: 100px; padding-right: 8px}
.customerCenterOrders table th.colTsCreated { width: 220px }
.customerCenterOrders table th.colFunctions { width: auto }
.customerCenterOrders table td.colOrderNumber { text-align: center }
.customerCenterOrders table td.colOrderStatus { text-align: center }
.customerCenterOrders table td.colAmount { text-align: right }
.customerCenterOrders table td.colTsCreated { text-align: center }
.customerCenterOrders table td.colFunctions { text-align: right; padding-right: 20px; }*/

/* end << Moje objedn�vky 

.customerLoginPreview span {color:#a3a3a3;}

.customOrderPanelSearch {margin:0 0 20px 0; float:right}
.customOrderPanelSearch label {margin:0 15px 0 0; padding:0; height:18px}
.customOrderPanelSearch .edit input {margin:0; padding:0; height:19px}
.customOrderPanelSearch a.buttonLink {margin:0 0 0 10px; background-color: #242424; border:1px solid #888; padding:3px 10px;text-decoration:none; border-radius: 3px; color:#fff}
.customOrderPanelSearch a.buttonLink:hover {background:#555555; color:#fff}
.customOrderPanelSearch a.allLink  {margin:0 0 0 10px; padding:3px 10px 3px 24px;text-decoration:none;  color:#bf3333; font-weight:bold; background: url(../images/shop/all.png) no-repeat left center}
.customOrderPanelSearch a.allLink:hover {text-decoration:underline}*/

/* Detail objednavky */
.orderDetail-popup {width:1015px; position:relative;}
.orderDetail-popup .mfp-close {color:#000 !important; position:absolute; top:0; right:0}
.orderDetailBox {width:100%; position:relative; padding:10px 25px; text-align:center;}
#AjaxOrderDetail {max-width: 945px;  background: #fff; margin:0 auto; width:100%; position:relative;}
#AjaxOrderDetail .mfp-close {color:#000!important}
.orderDetailBoxIn {max-width: 945px;  background: #fff; float:left; width:100%;}
.orderDetailBoxIn h2 {margin:0 0 10px 0}
.orderDetailHead {}
div.orderDetailHead table {width:100%; border-collapse:collapse; margin:0; font-family: "Noto Sans", sans-serif; font-size:12px; color:#666}
div.orderDetailHead table th {color:#474747; padding:10px; text-align:left; font-weight:bold; font-size:13px; background:#EBFAFF}
div.orderDetailHead table th.orderDetailHeadCol2 {border-left: #EBFAFF 1px solid}
div.orderDetailHead table th.orderDetailHeadCol3 {border-left: #EBFAFF 1px solid}

div.orderDetailHead table td {padding: 10px 10px 15px 20px; font-size: 14px; border-bottom: none; vertical-align: top; line-height: 25px;}
div.orderDetailHead table td.orderDetailHeadCol1 {width: 33%}
div.orderDetailHead table td.orderDetailHeadCol2 {width: 33%; border-left: #faa401 1px solid}
div.orderDetailHead table td.orderDetailHeadCol3 {width: auto; border-left: #faa401 1px solid}
div.orderDetailHead table tr.rowSpacer td {padding: 5px 0px !important;}

div.orderDetailWrap {float:left; width:100%; margin:0; text-align: center; color: #555; font-size: 17px;}
div.orderDetailWrap table {width:100%; border-collapse:collapse; margin:0 0 20px 0; font-family: Arial, sans-serif; font-size:12px}
div.orderDetailWrap table tr th {color:#474747; padding:10px; text-align:left; font-weight:bold; font-size:13px; background:#EBFAFF}
div.orderDetailWrap table tr td {padding:15px 10px; border-bottom:1px solid #cccccc; color:#666}
div.orderDetailWrap table tr td.itemImage {width:80px; text-align:center}
div.orderDetailWrap table tr td.itemText {width:auto; text-align:left}
div.orderDetailWrap table tr td.itemText a {color:#666; text-decoration:none; width:auto; margin:0 0 6px 0;}
div.orderDetailWrap table tr td.itemText a:hover {color:#666; text-decoration:underline}
div.orderDetailWrap table tr th.itemQuantity {width:90px}
div.orderDetailWrap table tr th.itemPrice {width:130px; text-align: right}
div.orderDetailWrap table tr td.itemPrice {text-align: right}
div.orderDetailWrap table tr th.itemPriceSum {width:150px; text-align: right}
div.orderDetailWrap table tr td.itemPriceSum {text-align: right}
div.orderDetailWrap table tr th.itemIcons {width:80px}
div.orderDetailWrap table tr td.itemIcons {text-align: center}
div.orderDetailWrap table tr th.itemQuantity {text-align: center}
div.orderDetailWrap table tr td.itemQuantity {text-align: center}
div.orderDetailWrap table tr td.itemPriceSum {font-weight: bold}
div.orderDetailWrap table tr td span.priceHighlight {font-size:18px; font-weight:bold; color:#f9b303}
    
div.orderDetailWrap div.quantityEdit {position: relative; background:url(../images/shop/cartItemPcs.png) no-repeat; width: 62px; height: 32px}
div.orderDetailWrap div.quantityEdit input {position: absolute; left: 5px; top: 4px; border: none; width: 30px; text-align: center}
div.orderDetailWrap div.quantityEdit div.qPlus {position: absolute; top: 0; left: 40px; width: 20px; height: 15px; cursor: pointer}
div.orderDetailWrap div.quantityEdit div.qMinus {position: absolute; top: 16px; left: 40px; width: 20px; height: 15px; cursor: pointer}
   
div.orderDetailWrap table td.itemIcons div.iconRemove {background:url(../images/shop/cartItemRemove.png) no-repeat; width: 16px; height: 16px; margin: 5px; cursor: pointer}
    
div.orderDetailWrap .orderDetailSum {padding: 15px 10px; font-size: 12px; color: #808080; background: #DCDCDC; text-align:right;}
div.orderDetailWrap .orderDetailSum span.caption {display:inline-block; margin:10px 30px 0 0}
div.orderDetailWrap .orderDetailSum span.price {font-size:12px; color:#000}
div.orderDetailWrap .orderDetailSum span.price {font-size:24px; color:#bf3333; font-weight:bold}

.cartItemsHeader {display:table; width:100%; }
.columnInvoice, .columnDelivery, .columnContact, .columnName, .columnQuantity, .columnPricePiece, .columnPrice {display:table-cell;}
.cartItemsBody, .cartItem {display:table; width:100%;}
.cartItemsBody {margin:0 0 50px 0;}

.columnInvoice, .columnDelivery, .columnContact {width:33.33%; padding:5px}
.columnInvoice {text-align:left}
.columnDelivery {text-align:center;}
.columnContact {text-align:right}
.columnName, .columnQuantity, .columnPricePiece, .columnPrice {width:25%; padding:5px}
.columnName {text-align:left}
.columnQuantity, .columnPricePiece {text-align:center;}
.columnPrice {text-align:right;}

.wideItemInCart .cartMainPrice {padding: 20px 0 20px 0;}
.cartItemsHeader .columnInvoice, .cartItemsHeader .columnDelivery, .cartItemsHeader .columnContact {padding:10px 5px}

.voucher-option {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 10px 0;
}
.voucher-option strong{
    margin: 0 5px 0 0;
}

.groupMethods ul li {
    pointer-events: none;
}

    .groupMethods ul li.possible {
        pointer-events: all;
    }