.coupon-detail {
  display: flex;
  flex-direction: column;
  align-items: start;
  width: 70%;
}
.coupon-detail .name,
.coupon-detail .discount_amount {
  color: #434343;
}
.coupon-detail .name {
  line-height: 19px;
}
.coupon-detail .discount_amount {
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
}
.coupon-detail .description {
  font-size: 12px;
  line-height: 16px;
  color: #7B7B7B;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.coupon-detail .coupon-date {
  font-size: 12px;
  line-height: 16px;
  color: #C4C4C4;
}
.detail-information {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  border-radius: 6px;
  border: 1px solid #C4C4C4;
  padding: 10px;
}
.modal-coupon-list .modal-content {
  padding: 0 !important;
  border-radius: unset;
  max-height: 90%;
  border-bottom: 1px solid #ccc;
}
.modal-coupon-list .modal-inner-wrap {
  top: 0;
  left: unset;
  right: 0;
  margin: unset;
  height: 100%;
  max-height: 100% !important;
  width: 33%;
  transform: translateX(100%);
  transition: transform .3s ease;
}
.modal-coupon-list .header-modal-close {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.your-discount {
  background: #F2F2F2;
  font-weight: 400;
  padding: 5px 0;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #434343;
}
.your-discount-action {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.btn-usenow-unactive,
.btn-usenow-active {
  padding: 8px 35px;
  border-radius: 30px;
  margin-right: 0;
  width: 100%;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}
.btn-usenow-unactive {
  background-color: #E9E9E9;
  color: #C4C4C4;
  border: none;
  pointer-events: none;
}
.btn-usenow-active {
  background-color: #62130e;
  color: #fff;
  border: none;
}
.collapse_header {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
}
.collapse_header i.material-icons {
  transition: .5s all;
}
.collapse_header.active i.material-icons {
  transform: rotate(180deg);
}
.header-modal-coupon {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #62130e;
}
span.btn-close-coupon {
  cursor: pointer;
}
.color-white {
  color: white;
}
.amcoupons-applied-coupon,
.gift-card-used-item {
  word-wrap: break-word;
  word-break: break-word;
  display: flex;
  flex-wrap: wrap;
  padding: 12px;
  align-items: stretch;
  justify-content: space-between;
  border: 1px solid #E9E9E9;
  border-radius: 8px;
  background: none;
}
.amcoupons-applied-coupon .amcoupons-applied-info .rule_name,
.amcoupons-applied-coupon .amcoupons-applied-info .discount_amount {
  line-height: 19px;
  color: #434343;
}
.available-coupons {
  color: #62130e;
  text-decoration-line: underline;
  text-align: right;
  cursor: pointer;
}
.coupon-size-weight-16 {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}
.selected-coupon {
  color: #000000;
}
.no-coupon {
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #434343;
  flex: none;
  flex-grow: 0;
}
.header_coupon_collapse {
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  color: #000;
}
.f-weight-400 {
  font-weight: 400;
}
.f-weight-700 {
  font-weight: 700;
}
.f-size-14 {
  font-size: 14px;
}
.l-height-19 {
  line-height: 19px;
}
.information-container {
  overflow: hidden;
  position: relative;
}
.information-container span.left,
.information-container span.right {
  width: 32px;
  height: 32px;
  background: #e5e5e5;
  position: absolute;
  top: 50%;
  border-radius: 50%;
  transform: translate(0, -50%);
}
.information-container .left {
  left: -16px;
}
.information-container .right {
  right: -16px;
}
.amcoupons-applied-coupon .amcoupons-applied-info {
  width: 80%;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .checkout-cart-index .modal-slide.modal-coupon-list .modal-content {
    padding: 0 !important;
  }
  .modal-coupon-list .modal-inner-wrap {
    width: 100%;
  }
  .btn-usenow-unactive,
  .btn-usenow-active {
    padding: 8px 15px;
  }
  .recommended_coupons .display-coupon-list .your-discount {
    padding: 5px 10px;
  }
  .your_coupons_info .display-coupon-list .your-discount {
    padding: 5px 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1110px) {
  .btn-usenow-unactive,
  .btn-usenow-active {
    padding: 8px 15px;
  }
  .recommended_coupons .display-coupon-list .your-discount {
    padding: 5px 10px;
  }
  .your_coupons_info .display-coupon-list .your-discount {
    padding: 5px 10px;
  }
}
@media screen and (min-width: 1110px) and (max-width: 1336px) {
  .btn-usenow-unactive,
  .btn-usenow-active {
    padding: 8px 20px;
  }
}
