/* Header BG */
.product-badge-new {
    position: absolute;
    height: 24px;
    padding: 0 14px;
    border-radius: 3px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .025em;
    line-height: 24px;
    white-space: nowrap;
}
.bg-rose{
  background-color: #FF007F;
}

.product-badge-new {
  top: 12px;
  left: 12px;
  z-index: 10;
}

.product-card .product-badge-new-discount-active{
  top: 12px;
  left: 70px; 

}
.product-bg-sale {
    background: url(/public/img/sale-bg-02-01.png);
    background-size: cover;
    padding: 5px;
    border-bottom: 4px solid #FFC721
}
.product-bg-sale_timer .days, .hours, .minutes, .seconds {
    border: 1px solid rgba(255,255,255,0.7) !important;
}
.product-bg-sale del {
    color: #ccc !important;
    font-size: 18px
}
.product-bg-sale span {
    font-size: 32px ;
}
.product-bg-sale .product-bg-sale_timer{
    text-align: right;
}

/* Sale Timer Product*/
.timer_p {
    position: absolute;
    bottom: 0px;
    background: red

}

/* ok and err*/
.ok {font-size: 16px; color: #32c787; display: none; padding: 10px 5px}
.err {font-size: 16px; color: #ff6b68; display: none;padding: 10px 5px}

/* like style */
.like_active i {
    color: #F44336;
}
.like_active  {
    color: #F44336;
}

#like {
    cursor: pointer;
}

/* Profile dropzone */
.profile-photo {
    border: 2px dashed #eee
}
.profile-photo i {
    font-size: 25px
}
.profile-photo:hover {
    transform: 0.5s;
    color: #ccc;
    border: 2px dashed #999
}

/* Radio Color*/
.color-radio label {
	position:relative;
	padding:0;
	width:35px !important;
	height:35px !important;
	overflow:hidden !important;
	display:inline-block;
	margin:0 5px 0 0;
	cursor:pointer;
    border-radius: 2px;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
}
.color-radio label span {
	width:100%;
	height:100%;
	content:'';
	position:absolute;
	top:0;
	display:block;
	pointer-events:none;
}

.type-radio label {
	padding: 0;
	width: auto!important;
	height: auto !important;
	overflow:hidden !important;
	display:inline-block;
	margin:0 5px 0 0;
	cursor:pointer;
    border-radius: 2px;
}

.new-border {
  border:1px solid #fff;
  outline:1px solid #ccc;
}

/* Coopons */
.coupons { }
.coupons .coupon {
  margin-bottom: 10px;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
}
.coupons .coupon > div {
  padding: 10px 20px;
  border-radius: 12px;
}
.coupons .coupon .coupon-intro {
  position: relative;
  background: #eee;
  flex: 3;
}
.coupons .coupon .coupon-intro ul {
  color: #666;
  padding-left: 20px;
}
.coupons .coupon .coupon-intro:after {
  content: ' ';
  border: 2px dashed #fff;
  height: 100%;
  position: absolute;
  top: 0;
  right: -2px;
  z-index: 2;
}
.coupons .coupon .coupon-value {
  display: flex;
  flex: 1;
  position: relative;
  background: #FF9800;
  color: #fff;
  font-size: 38px;
  align-items: center;
  justify-content: center;
}
.coupons .coupon .coupon-value:before {
  content: ' ';
  width: 24px;
  height: 24px;
  position: absolute;
  top: -12px;
  left: -12px;
  border-radius: 100%;
  background: #fff;
}
.coupons .coupon .coupon-value:after {
  content: ' ';
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: -12px;
  left: -12px;
  border-radius: 100%;
  background: #fff;
}

/* REVIEW */
.h_review {
    font-size: 20px;
    color: #777
}
div.stars{
  text-align: center;
  width: 100%;
  display: inline-block;
}

input.star{
  display: none;
}

label.star {
    float: right;
  padding: 10px;
  font-size: 30px;
  color: #444;
  transition: all .2s;
}

input.star:checked ~ label.star:before {
 font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f005";
  color: #FD4;
  transition: all .25s;
}


input.star-5:checked ~ label.star:before {
  color:#FE7;
  text-shadow: 0 0 20px #952;
}

input.star-1:checked ~ label.star:before {
  color: #F62;
}

label.star:hover{
  transform: rotate(-15deg) scale(1.3);
   cursor: pointer;
}

label.star:before{
   font-family: "Font Awesome 5 Free";
  font-weight: 400;
  content: "\f005";
}

.rev-box{
  overflow: hidden;
  height: 0;
  width: 100%;
  transition: all .25s;
}

textarea.review{
  background: #222;
  border: none;
  width: 100%;
  max-width: 100%;
  height: 100px;
  padding: 10px;
  box-sizing: border-box;
  color: #EEE;
}

label.review{
  display: block;
  transition:opacity .25s;
}



input.star:checked ~ .rev-box{
  height: 125px;
  overflow: visible;
}

/* Responsive */
@media (max-width: 540px) {
    .product_box {
        width: 50% !important;
        padding: 0px 5px !important;
        margin-top: 0px !important;
    }
    .product-card-body h3 {
        font-size: 13px !important;
    }
    .product-card-body {
        padding: 5px !important;
    }
    .product-price {
        font-size: 14px !important;
    }
    .product-button-group span {
        font-size: 9px !important;
    }
    .product-button-group i {
        font-size: 16px !important;
    }
    .table-img-pay {
        width: 90px
    }
    .product-card .product-button-group .product-button {
        height: 45px
    }
    .product-bg-sale {
        text-align: center
    }
    .product-bg-sale .product-bg-sale_timer {
        text-align: center
    }
    .product-gallery .product-thumbnails > li > a {
        width: 60px !important;
    }
}