#cart {
  padding: 10px 0px;
}
#cart h1 {
  text-align: center;
  margin: 0px;
  padding: 0px;
  font-size:30px;
}
.cart-table .pic img {
  width: 150px;
  min-width:60px;
}
.cart-table thead th {
  font-size: 15px;
}
.cart-table tbody tr {
  padding: 15px 0px;
  border-bottom: 1px solid #dfdfdf;
}
.cart-box .message {
  clear: both;
  color: green;
}
.cart-box .alert {
  color: red;
}
.cart-box .blad {
  color: red;
}
.cart-box input[type="number"] {
    max-width: 55px;
    min-width: 35px;
    padding: 5px;
}
.cart-box .table {
  width: 100%;
  text-align: center;
}
.cart-box .cart-button {
  text-shadow: none;
  clear: both;
}
.cart-box button.delete-button {
  cursor: pointer;
  border: none;
  background-color: #85c325;
  color: #fff;
  padding: 3px 6px;
  font-size: 12px;
}
.cart-box button.delete-button:hover {
  background-color: #e33b3b;
}
.cart-box .cart-button a {
  color: #fff;
}
.cart-box .cart-button a:hover {
  color: #000;
}
.cart-box .single-id,
.cart-box .single-price {
  display: none;
}
.cart-box .summary {
  float: right;
  padding: 15px 0px;
  text-align: right;
  font-size: 16px;
  font-weight: bold;
}
.cart-box .single-variant{
  display:block;
  font-weight:bold;
  font-size:0.9em;
}
.cart-box .summary .total-price {
  font-weight: bold;
}

.cart-box #cart-submit-order {
  clear: both;
}

.cart-box #cart-submit-order .active {
 /* background-color: red; gryzie sie */
  color: #fff;
  cursor: pointer;
  clear:both;
}
.cart-box #cart-submit-order .update-cart {
  display: inline-block;
  float: right;
}
.cart-box #cart-submit-order input[name="updateCart"] {
  opacity: 0.5;
  cursor: not-allowed;
}
.cart-box #cart-submit-order input[name="updateCart"],
.cart-box #cart-submit-order input[name="updateCart"]:hover {
  background-color: #a5a5a5;
  color: #fff;
  border-color: #878585;
}
.cart-box #cart-submit-order input[name="updateCart"].active {
  background-color: red;
  opacity: 1;
  cursor: pointer;
}
.cart-box #cart-submit-order input[name="updateCart"].active:hover {
  background-color: #ff0;
  color: #000;
}
.cart-box #cart-submit-order input[name="sendMailTemplate"] {
  background-color: #006e00;
  color: #fff;
}
.cart-box #cart-submit-order input[name="sendMailTemplate"]:hover {
  background-color: #ff0;
  color: #000;
}

/* cart form disabled  */
.cart-box .table.disabled {
  opacity: 0.7;
}

.cart-box .client-info{
  color:#006e00;
}

.cart-box #invoiceChecker{
	width: 1.5em;
	height: auto;
}

/* formularz zgloszeniowy  */
#cart-submit-order h3 {
  margin: 0px;
  text-align: center;
}
#cart-submit-order fieldset.main-data {
  width: 45%;
  float: left;
  box-sizing: border-box;
}
#cart-submit-order fieldset.main-data input {
  min-width: 200px;
}
#cart-submit-order fieldset.main-data input[type="checkbox"] {
  min-width: unset;
}
#cart-submit-order fieldset.main-data .form-group {
  padding: 5px 2px;
  float: left;
}
#cart-submit-order fieldset.main-data > .form-group{
  display:flex;
}
#cart-submit-order fieldset.message-data {
  width: 54%;
  float: right;
  box-sizing: border-box;
  margin-top: 5px;
}
#cart-submit-order fieldset.message-data textarea {
  width: 100%;
  font-family: inherit;
}

#cart-submit-order > fieldset > fieldset:last-child {
  clear: both;
}
#cart-submit-order .buttons {
  display: flex;
  width: 100%;
  justify-content: end;
}
#cart-submit-order fieldset textarea {
  height: 170px;
}

#invoiceCheckerViewer{
  display:none;
}
#invoiceCheckerViewer.active{
  display:block;
}
label[for="invoiceChecker"],
input[id="invoiceChecker"]{
  cursor:pointer;
}

/* payments and delivery */
.payment-delivery-box {
  display: grid;
  grid-template-columns: 50% 50%;
}
/*
gryzie sie 
.payment-box,
.delivery-box {
  width: 50%;
}
*/
.radio-group {
  display: grid;
  grid-template-columns: 2em auto;
}

/*  summary box */
.summary-box{
  padding:30px 10px;
  clear:both;
}
.summary-actions {
  display: flex;
  justify-content: end;
  padding: 10px 0px;
  gap:5px;
}
#payu-payment-form button[type=submit]{
  border: 0px;
  height: 50px;
  width: 290px;
  background: url('http://static.payu.com/pl/standard/partners/buttons/payu_account_button_long_03.png') no-repeat;
  cursor: pointer;
}

/*  flexable table on mobile less than 1200px */

@media screen and (max-width:1200px){

    table.flextable {
      display: flex;
      flex-direction: column;
      gap: 4px;
    }
    table.flextable > thead,
    table.flextable > tfoot,
    table.flextable > tbody {
      display: flex;
      flex-direction: column;
      gap: 1px;
    }
    table.flextable > * > tr {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: 1px;
    }

    table.flextable .header-1,
    table.flextable .header-2,
    table.flextable .header-3,
    table.flextable .header-4,
    table.flextable .header-5,
    table.flextable .header-6,
    table.flextable .header-7 {flex: 2 2 0;}

    table.flextable .body-1,
    table.flextable .body-2,
    table.flextable .body-3,
    table.flextable .body-4,
    table.flextable .body-5,
    table.flextable .body-6,
    table.flextable .body-7{flex: 1 1 0;}

    table.flextable .header-1 {order: 0;}
    table.flextable .body-1 {order: 1;}
    table.flextable .header-2 {order: 2;}
    table.flextable .body-2 {order: 3;}
    table.flextable .header-3 {order: 4;}
    table.flextable .body-3 {order: 5;}
    table.flextable .header-4 {order: 6;}
    table.flextable .body-4 {order: 7;}
    table.flextable .header-5 {order: 8;}
    table.flextable .body-5 {order: 9;}
    table.flextable .header-6 {order: 10;}
    table.flextable .body-6 {order: 11;}
    table.flextable .header-7 {order: 12;}
    table.flextable .body-7 {order: 13;}



    table.flextable .header-1,
    table.flextable .header-2,
    table.flextable .header-3,
    table.flextable .header-4,
    table.flextable .header-5,
    table.flextable .header-6,
    table.flextable .header-7{flex: 1 1 calc(100% - 1px - 2em);}

    table.flextable .body-1,
    table.flextable .body-2,
    table.flextable .body-3,
    table.flextable .body-4,
    table.flextable .body-5,
    table.flextable .body-6,
    table.flextable .body-7{flex: 1 1 calc(50% - 1px - 2em);}

}


@media screen and (max-width: 890px) {
  #cart-submit-order fieldset.main-data {
    width: 100%;
  }
  #cart-submit-order fieldset.message-data {
    float: none;
    width: 100%;
  }
  #cart-submit-order fieldset.message-data textarea {
    width: 100%;
  }
}
@media screen and (max-width: 760px) {
  #cart-submit-order fieldset.main-data .form-group {
    float: none;
  }
 /* #cart-submit-order fieldset.main-data input {
    width: 100%;
  }*/
  #cart-submit-order fieldset.main-data {
    float: none;
    width: auto;
  }
  .payment-delivery-box{
    grid-template-columns:100%;
  }
  .cart-table td{
    font-size:14px;
	min-width:45px;
	padding: 10px 2px;
  }
  .cart-table thead th{
    padding:2px;
	font-size:13px;
  }
  .cart-table .pic img{
	  width:60px;
  }
}