/*.fade{
    opacity: unset !important;
}*/
.red{
    color: red;
}

.bootstrap-datetimepicker-widget.dropdown-menu{
    width: auto !important;
}

/*#datepicker,
.table-condensed {
  width: 300px;
  height:300px;
}*/

*{padding:0;margin:0;box-sizing:border-box;}
body{
    padding:0;margin:0;font-weight:400;
    background-color:#F5F5F5;font-family:'Poppins', sans-serif;
}
ul, li{list-style:none;padding:0;margin:0;}

/*********************/
ul.step-section{
    background-color:#ffffff;;
    border:#26A1AB solid 3px;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    margin-bottom:25px;
}
ul.step-section li{flex:1 0 auto;}
ul.step-section li a{
    text-decoration:none;padding:10px;display:flex;
    align-items:center;
    flex-direction:column;
    text-align:center;
    position:relative;
}
ul.step-section li a span{
    text-decoration:none;font-weight:500;
    color:#9F9F9F;font-size:13px;
}
ul.step-section li a b{
    background-color:#C7C7C7;position:relative;z-index:1;
    width:28px;height:28px;display:flex;align-items:center;justify-content:center;
    border-radius:100px;margin-bottom:10px;
}
ul.step-section li a b i{color:#ffffff;display:none;}
ul.step-section li a::after{
    content: '';background-color:#C7C7C7;left:50%;
    width:100%;height:5px;position:absolute;top:21px;
}
ul.step-section li:last-child a::after{width:auto;}
@media (max-width:767px){
    ul.step-section li a::after{display:none;}
    ul.step-section li{flex:0 0 33.33%;}
}
/*******/
ul.step-section li a:hover span,ul.step-section li a.active span{
    color:#26A1AB;
}
ul.step-section li a:hover b,ul.step-section li a.active b{
    background-color:#26A1AB;
}
ul.step-section li a:hover b i,ul.step-section li a.active b i{display:flex;}
/*************************/
.product-item{
    background-color:#ffffff;border-radius:10px;padding:20px;position:relative;
    margin-bottom:25px;
}
.product-item .tag-section{margin-bottom:15px;display:flex;align-items:center;}
.product-item .tag-section span{
    width:27px;height:27px;border-radius:100px;display:flex;align-items:center;justify-content:center;
    color:#ffffff;font-size:13px;font-weight:400;margin-right:10px;
}
.product-item .tag-section span.v{background-color:#94C11E;}
.product-item .tag-section span.vg{background-color:#589341;}
.product-item .tag-section span.gf{background-color:#594008;}
.product-item .tag-section span.mf{background-color:#EEB436;}


.product-item .tag-section span.prod_tags{background-color:#26A1AB;}

.product-item .tag-section span.color-01{background-color:#94C11E;}
.product-item .tag-section span.color-02{background-color:#589341;}
.product-item .tag-section span.color-03{background-color:#594008;}
.product-item .tag-section span.color-04{background-color:#EEB436;}

.product-item h1{font-size:20px;font-weight:600;color:#2C2C31;margin-bottom:10px;}
.product-item p{font-size:13px;font-weight:400;color:#2C2C31;line-height:20px;margin-bottom:10px;}
.product-item a{
    background-color:#26A1AB;font-size:12px;font-weight:400;color:#ffffff;padding:10px 15px;border-radius:10px;text-decoration:none;text-transform:uppercase;
    display:inline-block;margin-bottom:25px;
}
.product-item a:hover{background-color:#94C11E;}
.product-item .checkbox-section{
    position:absolute;
    bottom:30px;right:10px;
}

/*************************/
/* The customcheck */
.customcheck{
    display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;
    -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;
}
.customcheck input{position:absolute;opacity:0;cursor:pointer;}
.checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee;border-radius:5px;border:#26A1AB solid 2px;}
.customcheck:hover input ~ .checkmark{background-color:#ccc;}
.customcheck input:checked ~ .checkmark{background-color:#26A1AB;border-radius:5px;}
.checkmark:after{content: "";position:absolute;display:none;}
.customcheck input:checked ~ .checkmark:after {display:block;}
.customcheck .checkmark:after{
    left:7px;top:3px;width:8px;height:13px;border:solid white;border-width:0 3px 3px 0;
    -webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);
}
/**********************************/
.checkout-section{background-color:#ffffff;border-radius:10px;padding:20px;position:relative;margin-bottom:25px;}
.checkout-section h1{font-size:24px;font-weight:600;color:#000000;margin-bottom:15px;}
.checkout-section .user-add-item{display:flex;align-items:center;justify-content:flex-start;margin-bottom:25px;}
.checkout-section .user-add-item .mr-20{margin-right:20px;}

.checkout-section .user-add-item input[type="number"] {-webkit-appearance: textfield;-moz-appearance: textfield;appearance: textfield;}
.checkout-section .user-add-item input[type=number]::-webkit-inner-spin-button,.checkout-section .user-add-item input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none;}
.checkout-section .user-add-item .number-input button {-webkit-appearance: none;background-color: transparent;border: none;align-items: center;justify-content: center;cursor: pointer;margin: 0;position: relative;}
.checkout-section .user-add-item .number-input button:before,.checkout-section .user-add-item .number-input button:after {display: inline-block;position: absolute;content: '';height: 2px;transform: translate(-50%, -50%);}
.checkout-section .user-add-item .number-input button.plus:after {transform: translate(-50%, -50%) rotate(90deg);}
.checkout-section .user-add-item .number-input input[type=number] {text-align: center;}
.checkout-section .user-add-item .md-number-input.number-input {border: 2px solid #ddd;width: 11.8rem;display:flex;align-items:center;justify-content:center;}
.checkout-section .user-add-item .md-number-input.number-input button {outline: none;width: 3rem;height:32px;padding:0;}
.checkout-section .user-add-item .md-number-input.number-input button.minus {padding-left: 0;}
.checkout-section .user-add-item .md-number-input.number-input button.plus {padding-left: 0;}
.checkout-section .user-add-item .md-number-input.number-input button:before, .checkout-section .user-add-item .md-number-input.number-input button:after {width: 1rem;background-color: #212121;}
.checkout-section .user-add-item .md-number-input.number-input input[type=number] {max-width: 5rem;border: solid #ddd;border-width: 0 2px;font-size: 18px;height:32px;font-weight: bold;outline: none;color:#656565;}
  @media not all and (min-resolution:.001dpcm)
  { @supports (-webkit-appearance:none) and (stroke-color:transparent) {
    .checkout-section .user-add-item .number-input.md-number-input.safari_only button:before, 
    .checkout-section .user-add-item .number-input.md-number-input.safari_only button:after {
      margin-top: -.6rem;
    }
  }}
  .checkout-section .cart-table{margin:15px 0;}
  .checkout-section .cart-table table{width:100%;}
  .checkout-section .cart-table table tr th{padding:10px 0 20px 0;color:#656565;}
  .checkout-section .cart-table table tr td{padding:5px 0;color:#2C2C31;font-size:16px;font-weight:600;}
  .checkout-section .cart-table table tr td a{color:red}
  .checkout-section .note{color:#2C2C31;font-size:16px;font-weight:600;}
  .checkout-section .note i{color:#26A1AB;margin-right:10px;}
  /**********************************/
  .total-section{border-top:rgba(112,112,112,0.35) solid 2px;margin-top:45px;}
  .total-section .cart-table{margin:0 0 15px 0;}
  .total-section .cart-table table tr td{font-size:22px;}
  a#submit_buttoncss{
    background-color:#26A1AB;font-size:20px;font-weight:600;color:#ffffff;padding:10px 15px;border-radius:10px;text-decoration:none;text-transform:uppercase;
    display:block;text-align:center;
  }

    .last{border-top: 1px solid #dadee3;margin-top:45px;}
  .last .cart-table table tr td{font-size:18px;}

  .modal .btn-close{position:absolute;right:15px;top:15px;}
  .modal h1{font-size:31px;padding:0 0 15px 0;font-weight:600;}
  .modal-products-details{padding:45px 0;}

  /*****************************/
  .qty-price-section{display:flex;align-items:center;}
  .qty-price-section .price{
      font-size:22px;color:#656565;
  }
  .number-input-section{position:relative;height:40px;width:200px;}
  .number-input-section .number-input{
      position:absolute;left:0;top:0;width:170px;
  }
  .number-input-section .number-input .quantity{
      position:absolute;top:0;left:0;text-align:center;width:170px;height:40px;
  }
  .number-input-section .number-input button{
      width:40px;height:50px;background-color:#26A1AB;border:0;z-index: 99;position:absolute;
      font-weight:600;

  }
  .number-input-section .number-input button.minus{
      left:0;
  }
  .number-input-section .number-input button.plus{
    left:auto;right:0;
}
.number-input-section .number-input button.minus::after{
    content:'-';
    font-size:22px;color:#ffffff;
}
.number-input-section .number-input button.plus::after{
    content:'+';
    font-size:22px;color:#ffffff;
}
/*************************************************/
.form-section h1{
    font-size:22px;font-weight:500;color:#000000;
}
.form-section .input-field{padding-bottom:15px;}
.form-section .input-field input{
    width:100%;border:rgba(112,112,112,0.25) solid 1px;border-radius:5px;padding:10px;
}
.form-section .input-field input:focus{
    outline:none;
    box-shadow:none;border:rgba(112,112,112,0.25) solid 1px;
}
.form-section .textarea-field{padding-bottom:10px;}
.form-section .textarea-field textarea{
    width:100%;border:rgba(112,112,112,0.25) solid 1px;border-radius:5px;padding:10px;
    height:150px;resize:none;
}
.form-section .textarea-field textarea:focus{
    outline:none;
    box-shadow:none;border:rgba(112,112,112,0.25) solid 1px;
}

.form-section .input-icon-field{padding-bottom:15px;position:relative;}
.form-section .input-icon-field i{
    position:absolute;left:18px;top:24px;z-index:99;color:#26A1AB;
}
.form-section .input-icon-field input{
    width:100%;border:rgba(112,112,112,0.25) solid 1px;border-radius:5px;padding:10px 10px 10px 40px;

}
.form-section .input-icon-field input:focus{
    outline:none;
    box-shadow:none;border:rgba(112,112,112,0.25) solid 1px;
}
/************************/
.head-popup-section{text-align:center;padding-bottom:45px;}
.product-box{
    background-color:#F5F5F5;border-radius:10px;overflow:hidden;
}
.product-box .pro-detail{
    padding:15px;text-align:center;
}
.product-box .pro-detail h2{
    font-size:22px;font-weight:600;padding:10px 0 15px 0;
}
.product-box .pro-detail p{
    font-size:15px;font-weight:400;padding:10px 0;
}
.product-box .pro-detail span{
    font-size:14px;font-weight:400;padding:0 5px;display:block;
}
.product-box .pro-detail h4{
    font-size:22px;font-weight:600;padding:20px 0 15px 0;
}
.product-box .pro-detail a{
    background-color: #26A1AB;
font-size: 16px;
font-weight: 600;
color: #ffffff;
padding: 10px 15px;
border-radius: 10px;
text-decoration: none;
text-transform: uppercase;
display: block;
text-align: center;
}

.checkout-section .user-add-item #bestellubersicht{height:43px;width: 7.8rem;}
#bestellubersicht input:not([type="submit"]){min-height: unset;height:40px;max-width: 3rem;}