/*--- standard variables ---*/
/*--- Switch Themes ---*/
/*.importTheme(@season) when (@season = 'lente') {
    @import "../themes/lente/css/variables_theme.less";
}*/

/*.importTheme(@season) when (@season = 'zomer') {
    @import "../themes/zomer/css/variables_theme.less";
}

.importTheme(@season) when (@season = 'herst') {
    @import "../themes/herfst/css/variables_theme.less";
}

.importTheme(@season) when (@season = 'winter') {
    @import "../themes/winter/css/variables_theme.less";
}*/

/*--- product item ratio (thumb + content) ---*/
/* set ProductImageRatio in productOverview! */
/*--- media queries. When using responsive ---*/
/* Range breakpoints */
/*----- Default functions -----*/
/*----- Default Crossbrowser functions -----*/
/*----- CSS3 functions -----*/
/*----- CSS3 Animation functions -----*/
/*----- Buttons -----*/
/*----- Responsive functions -----*/
table.products tbody tr td {
  line-height: 24px;
}
table.products tbody tr small {
  display: block;
}
table.products tbody tr:last-child {
  border-bottom: 1px solid #dedede;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .checkout .cart #productsWrapper .cartOptions {
    width: 50%;
    float: left;
  }
}
@media only screen and (min-width: 1024px) {
  .checkout .cart #productsWrapper .cartOptions {
    width: 50%;
    float: left;
  }
  .checkout .cart #productsWrapper .cartOptions:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    *zoom: 1;
  }
  .checkout .cart #productsWrapper .cartOptions #transferOptions,
  .checkout .cart #productsWrapper .cartOptions .discountCode {
    width: 100%;
    float: none;
    padding: 1% .5%;
  }
}
.cart {
  margin: 20px auto;
}
.cart,
.invoice {
  position: relative;
}
.cart #productsWrapper,
.invoice #productsWrapper {
  margin-bottom: 15px;
}
.cart #productsWrapper:after,
.invoice #productsWrapper:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  *zoom: 1;
}
.cart #productsWrapper .products,
.invoice #productsWrapper .products {
  margin-bottom: 15px;
}
.cart #productsWrapper .products tbody > tr + tr,
.invoice #productsWrapper .products tbody > tr + tr {
  border-top: 1px solid #dedede;
}
@media only screen and (max-width: 767px) {
  .cart #productsWrapper .products,
  .invoice #productsWrapper .products,
  .cart #productsWrapper .products tbody,
  .invoice #productsWrapper .products tbody,
  .cart #productsWrapper .products tfoot,
  .invoice #productsWrapper .products tfoot,
  .cart #productsWrapper .products tfoot tr,
  .invoice #productsWrapper .products tfoot tr {
    display: block;
  }
  .cart #productsWrapper .products:after,
  .invoice #productsWrapper .products:after,
  .cart #productsWrapper .products tbody:after,
  .invoice #productsWrapper .products tbody:after,
  .cart #productsWrapper .products tfoot:after,
  .invoice #productsWrapper .products tfoot:after,
  .cart #productsWrapper .products tfoot tr:after,
  .invoice #productsWrapper .products tfoot tr:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    *zoom: 1;
  }
  .cart #productsWrapper .products tfoot,
  .invoice #productsWrapper .products tfoot {
    margin-top: 15px;
  }
  .cart #productsWrapper .products tfoot .title,
  .invoice #productsWrapper .products tfoot .title {
    float: left;
    width: 50%;
  }
  .cart #productsWrapper .products tfoot .title + td,
  .invoice #productsWrapper .products tfoot .title + td {
    float: right;
    width: 50%;
  }
  .cart #productsWrapper .products tbody tr,
  .invoice #productsWrapper .products tbody tr {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    margin-bottom: 15px;
  }
  .cart #productsWrapper .products tbody tr td.image,
  .invoice #productsWrapper .products tbody tr td.image {
    flex: 1 30%;
    order: 1;
  }
  .cart #productsWrapper .products tbody tr td.product,
  .invoice #productsWrapper .products tbody tr td.product {
    flex: 1 70%;
    order: 2;
  }
  .cart #productsWrapper .products tbody tr td.delete,
  .invoice #productsWrapper .products tbody tr td.delete {
    order: 3;
    flex: 1 100%;
    text-align: left;
  }
  .cart #productsWrapper .products tbody tr td.delete .deleteButton:after,
  .invoice #productsWrapper .products tbody tr td.delete .deleteButton:after {
    content: 'Product verwijderen';
    font-size: 12px;
    font-weight: 400;
    color: #454545;
    vertical-align: middle;
  }
  .cart #productsWrapper .products tbody tr td.color,
  .invoice #productsWrapper .products tbody tr td.color {
    order: 4;
  }
  .cart #productsWrapper .products tbody tr td.size,
  .invoice #productsWrapper .products tbody tr td.size {
    order: 5;
  }
  .cart #productsWrapper .products tbody tr td.amount,
  .invoice #productsWrapper .products tbody tr td.amount {
    order: 6;
  }
  .cart #productsWrapper .products tbody tr td.price,
  .invoice #productsWrapper .products tbody tr td.price {
    order: 7;
  }
  .cart #productsWrapper .products tbody tr td.size,
  .invoice #productsWrapper .products tbody tr td.size,
  .cart #productsWrapper .products tbody tr td.amount,
  .invoice #productsWrapper .products tbody tr td.amount,
  .cart #productsWrapper .products tbody tr td.price,
  .invoice #productsWrapper .products tbody tr td.price,
  .cart #productsWrapper .products tbody tr td.color,
  .invoice #productsWrapper .products tbody tr td.color {
    flex: 1 100%;
    text-align: left;
    padding: 5px .5%;
  }
  .cart #productsWrapper .products tbody tr td.size .cartLabel,
  .invoice #productsWrapper .products tbody tr td.size .cartLabel,
  .cart #productsWrapper .products tbody tr td.amount .cartLabel,
  .invoice #productsWrapper .products tbody tr td.amount .cartLabel,
  .cart #productsWrapper .products tbody tr td.price .cartLabel,
  .invoice #productsWrapper .products tbody tr td.price .cartLabel,
  .cart #productsWrapper .products tbody tr td.color .cartLabel,
  .invoice #productsWrapper .products tbody tr td.color .cartLabel {
    display: block;
    font-weight: 700;
  }
  .cart #productsWrapper .products tbody tr td.size select,
  .invoice #productsWrapper .products tbody tr td.size select,
  .cart #productsWrapper .products tbody tr td.amount select,
  .invoice #productsWrapper .products tbody tr td.amount select,
  .cart #productsWrapper .products tbody tr td.price select,
  .invoice #productsWrapper .products tbody tr td.price select,
  .cart #productsWrapper .products tbody tr td.color select,
  .invoice #productsWrapper .products tbody tr td.color select {
    width: 100%;
  }
}
.cart table tr:is(th).image,
.invoice table tr:is(th).image {
  padding-left: 0;
}
.cart table tr th,
.invoice table tr th,
.cart table tr td,
.invoice table tr td {
  padding: 1% .5%;
  display: table-cell;
  float: none;
}
.cart table tr th.price,
.invoice table tr th.price,
.cart table tr td.price,
.invoice table tr td.price,
.cart table tr th .price,
.invoice table tr th .price,
.cart table tr td .price,
.invoice table tr td .price,
.cart table tr th .totalPrice,
.invoice table tr th .totalPrice,
.cart table tr td .totalPrice,
.invoice table tr td .totalPrice,
.cart table tr th.totalPrice,
.invoice table tr th.totalPrice,
.cart table tr td.totalPrice,
.invoice table tr td.totalPrice {
  text-align: right;
}
.cart table tr th.alignRight,
.invoice table tr th.alignRight,
.cart table tr td.alignRight,
.invoice table tr td.alignRight {
  text-align: right;
}
.cart table tr th.image,
.invoice table tr th.image {
  padding-left: 0;
}
.cart table tbody td.deliveryOptionsWrapper,
.invoice table tbody td.deliveryOptionsWrapper {
  float: none;
  padding: 0;
}
.cart table tbody td.image,
.invoice table tbody td.image {
  width: 100px;
  padding-right: 1%;
}
.cart table tbody td.image > a,
.invoice table tbody td.image > a {
  height: inherit;
  display: block;
}
.cart table tbody td.image > a img,
.invoice table tbody td.image > a img {
  display: block;
}
.cart table tbody td.product a,
.invoice table tbody td.product a {
  color: #454545;
  font-weight: 600;
}
.cart table tbody td.delete,
.invoice table tbody td.delete {
  text-align: right;
}
.cart table tbody td .discount,
.invoice table tbody td .discount {
  float: right;
}
.cart table tfoot td,
.invoice table tfoot td {
  padding-top: 0;
}
.cart table tfoot td.empty,
.invoice table tfoot td.empty {
  border: 0 none;
}
.cart table tfoot td.totalPrice,
.invoice table tfoot td.totalPrice {
  font-weight: bold;
}
.cart table tfoot td.title,
.invoice table tfoot td.title {
  font-weight: bold;
}
.cart table tfoot td .deleteButton,
.invoice table tfoot td .deleteButton {
  float: left;
  margin-right: 5px;
}
.cart table tfoot td .discount,
.invoice table tfoot td .discount {
  float: right;
}
.cart table.costs .price,
.invoice table.costs .price,
.cart table.costs .link,
.invoice table.costs .link {
  text-align: right;
}
.cart .discountCode,
.invoice .discountCode,
.cart #transferOptions,
.invoice #transferOptions {
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
  .cart .discountCode,
  .invoice .discountCode,
  .cart #transferOptions,
  .invoice #transferOptions {
    padding: 1% 15px 15px 15px;
  }
}
.cart #invoiceBottom,
.invoice #invoiceBottom {
  text-align: center;
}
.cart #invoiceBottom .openingHours,
.invoice #invoiceBottom .openingHours {
  width: 300px;
  margin: 20px auto;
}
.cart #invoiceBottom .openingHours caption,
.invoice #invoiceBottom .openingHours caption {
  margin: 20px 0;
}
@media only screen and (min-width: 768px) {
  .cart table tr th,
  .invoice table tr th,
  .cart table tr td,
  .invoice table tr td {
    display: table-cell;
    float: none;
  }
  .cart table tr th.price,
  .invoice table tr th.price,
  .cart table tr td.price,
  .invoice table tr td.price {
    float: none;
  }
  .cart table tr th,
  .invoice table tr th {
    border-bottom: 1px solid #dedede;
    min-width: 70px;
    padding: .5%;
    width: 12%;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
  }
  .cart table tr th.image,
  .invoice table tr th.image,
  .cart table tr th.product,
  .invoice table tr th.product {
    width: auto;
  }
  .cart table tr .image,
  .invoice table tr .image,
  .cart table tr .product,
  .invoice table tr .product {
    padding-left: 0.5%;
  }
  .cart table thead .delete,
  .invoice table thead .delete {
    width: 2%;
    min-width: 0;
  }
  .cart table tbody td.image,
  .invoice table tbody td.image {
    float: none;
  }
  .cart table tbody td.size:before,
  .invoice table tbody td.size:before,
  .cart table tbody td.amount:before,
  .invoice table tbody td.amount:before {
    display: none;
  }
  .cart table tbody td.totalPrice,
  .invoice table tbody td.totalPrice {
    margin: 0;
    float: none;
  }
  .cart table tfoot td,
  .invoice table tfoot td {
    float: none;
    width: auto;
  }
  .cart table tfoot tr.discountCode td,
  .invoice table tfoot tr.discountCode td {
    padding-top: 40px;
  }
  .cart .products tbody td,
  .invoice .products tbody td {
    vertical-align: middle;
  }
  .cart .products tbody td.title,
  .invoice .products tbody td.title {
    font-weight: bold;
  }
}
@media only screen and (min-width: 1280px) {
  .cart #productsWrapper,
  .invoice #productsWrapper {
    overflow: hidden;
  }
  .cart #productsWrapper .col,
  .invoice #productsWrapper .col {
    float: left;
    margin-right: 1.171875%;
    margin-bottom: 1.171875%;
    width: 49.4140625%;
  }
  .lt-ie9 .cart #productsWrapper .col,
  .lt-ie9 .invoice #productsWrapper .col {
    /*IE 8*/
    width: 48.828125%;
  }
  .cart #productsWrapper .col:nth-of-type(n),
  .invoice #productsWrapper .col:nth-of-type(n) {
    /*reset if function is called more then once*/
    margin-right: 1.171875%;
  }
  .cart #productsWrapper .col:nth-of-type(2n),
  .invoice #productsWrapper .col:nth-of-type(2n) {
    margin-right: 0;
  }
  .cart #productsWrapper .col,
  .invoice #productsWrapper .col {
    background: none;
  }
  .cart table tr td.price,
  .invoice table tr td.price {
    font-weight: normal;
  }
  .cart table tr td.price.finalPrice,
  .invoice table tr td.price.finalPrice {
    font-size: 16px;
    font-weight: bold;
  }
}