.text-buy{
  position:sticky;
  top:120px;
}

.main-content{
  border-top:1px solid #f1f1f1;
}

.wrap{
   padding: 30px 0;
   background: #fff;
}

.check-summary .parentPromo p{
  margin-bottom:0.5rem;
}

.main-content a{
  text-decoration:none;
  color:#000000;
}

.fieldset input,
.field-input-wrapper textarea{
  /*padding: 10px 10px;*/
  /*width: 100%;*/
  margin-bottom: 1rem;
}

.siderbar{
  padding:10px 0;
}

.listCarytCheckout{
  max-height:500px;
  overflow-x:auto;
  padding-top:10px;
}

.product-thumbnail {
    width: 100%;
    height: auto;
    border-radius: 8px;
    background: #fff;
    position: relative;
}

.product-thumbnail-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

span.product-thumbnail-quantity {
    font-size: 0.85714em;
    font-weight: 500;
    white-space: nowrap;
    padding: 0.15em 0.65em;
    border-radius: 2em;
    background-color: rgba(153,153,153,0.9);
    color: #fff;
    position: absolute;
    right: -0.75em;
    top: -0.75em;
    z-index: 2;
}

.field-input-btn-wrapper{
    position:relative;
}

.field-input-btn{
    position: absolute;
    top: 0;
    right: 0;
    background-color: #faaf18 !important;
    color:#fff !important;
    transition: all .3s !important;
}

.footer-powered{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.step-footer-continue-btn{
    background-color: #faaf18 !important;
    color:#fff !important;
    transition: all .3s !important;
}

.field-input-btn:hover,
.step-footer-continue-btn:hover{
  background-color: #29a449 !important;
}

/*list discount codes*/
.slick_voucher .slick-track{
  display:block !important;
}

.modal_voucher .parent_discount_codes{
  background-position: left -1.5rem bottom -1rem;
  background-size: 6.375rem auto;
  color:#212121;
  height:90%;
  overflow-y:auto;
}

.parent_discount_codes::-webkit-scrollbar{
  display:none;
}

.children_discount_codes{
  background:#5f839e;
  padding: 0.375rem 0.625rem;
}

.children_discount_codes:after,
.children_discount_codes::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 4px;
    top: 0;
    background-size: 4px 12px;
    background-position: center center;
    z-index: 2
}


.children_discount_codes::after {
    left: 0;
    background-image: radial-gradient(circle at 0 6px, #fff 4px, rgba(0, 0, 0, 0) 4px)
}

.children_discount_codes::before {
    right: 0;
    background-image: radial-gradient(circle at 4px 6px, #fff 4px, rgba(0, 0, 0, 0) 4px);
}

.item_discount_codes{
    background-color: #fff;
    color: #373737;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.375rem 0.875rem;
    background-position: left -1.5rem bottom -1rem;
    background-size: 6.375rem auto;
}

.discount_dis{
    word-break: break-word;
    font-size: 1.175rem;
    font-weight: 600;
    color:#5f839e;
}

.name_dis,.date_endTime,.action_dis,.apply_dis,.titleDis{
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.action_dis{
  cursor:pointer;
}

.percentDis,.contentDis{
  background:#fff;
  padding:15px 0;
  border-radius:10px;
  border: 1px solid #ced4da;
}


/*modal voucher*/

.modal_voucher {
  display: none;
  position: fixed;
  z-index: 11;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, .4);
}

.modal-content_voucher {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 40%;
  height:85%;
  overflow: hidden;
}

@media(max-width:600px){
  .modal-content_voucher{
    width:100%;
  }
}


.close_voucher {
  color: #aaaaaa;
  /*float: right;*/
  font-size: 28px;
  font-weight: bold;
}

.close_voucher:hover,
.close_voucher:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}