h1,h2,h3,h4,h5,h6{
    margin-bottom:0;
}
.dops{
	opacity:0.3;
	
}
.ops{
	opacity:0.3;
	transition:0.6s;
}
.ops:hover{
	opacity:1;
}
.tooltip{
	z-index:9999999999;
}
.dtcln{   
    max-height: 110px;
    min-height: 50px;
    overflow-x: hidden;
    overflow-y: auto;
}
.progress{
    height:20px;
}
.progress-bar i{
    opacity: 0;
    transition: opacity 250ms ease;
}
.progress-bar:hover i{
    opacity: 1;
    transition: opacity 250ms ease;
}
.progress-bar{
    transition: filter 250ms ease;
}
.lsusr.active{
    background-color: #22b922;
    color: white;
    position: relative;
}
.lsusr.active::after{
    content: "\f058";
    font-family: fontAwesome;
    position: absolute;
    right:20px;
    top:50%;
    transform:translateY(-50%);
}
.lsusr {padding:10px; cursor:pointer;}
/* .lsusr:hover{background:#ee5965;} */
.progress-bar:hover{
    filter:drop-shadow(0px 4px 5px black) contrast(0.88);
    transition: filter 250ms ease;
}
#ctext:hover{
    color:#a31330;
}
#ctext{
    color:#ed1c24;
}
.coup_container h1,.coup_container h2, .coup_containerh3,.coup_container h4,.coup_container h5,.coup_container h6{
    line-height: 1;
}
.coup{
    padding: 15px;
    height: auto;
    position: relative;
}
#choose .coup,#split .coup ,#sum .coup,.coup.split_price .inp-cont input{
    padding: 0;
}
#split .sum_coup .col-4{
    padding: 0 5px;
}
#split .coup img{
    margin: 0;
}
.coup.split_price .split_amount .position-relative{
    width: 100%;
}.coup.split_price .split_amount .stprc{
   position: relative;
}
.coup.split_price .split_amount{
    width: 100%;
    position: absolute;
    top:50%;
    color: #fff;
    left: 60%;
    transform: translate(-50%,-50%);
}
.coup.split_price .stprc{
    font-size: 27px;
    top: 0;
    color: #c92727;
    padding: 5px;
    /* min-width: auto; */
    height: auto;
    width: auto;
    background: transparent !important;
    transform:none;
}
.coup.split_price .inp-cont .form-control{
    width: 30px;
    /* margin: auto; */
    /* margin-left: 30px; */
    color: #fff !important;
}
.coup.split_price .inp-cont{
    border:0;
    width: auto;
    height: auto;
    background-color: transparent;
}
.coup.split_price h5{
    position: absolute;
    bottom:7px;
    line-height: 1;
    color: #fff;
    right: 10px;
    font-size: 14px;
    /* transform:translateY(-50%); */
}
.coup img{
    width: 100%;
    margin:15px auto;
    display: block;
    border: 0!important;
}
.coup:hover .coupovr{
    opacity: 1;
    transition: all 300ms linear;
}
.coupovr , .sumovr{
    transition: all 300ms linear;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(255, 255, 255,0.7);
    border:1px solid #f0f0f0;
    backdrop-filter: blur(3px);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 5px;
    transform: skew(-10px);
    opacity: 0;
}
.sumovr{
    display: none;
    background-color: rgba(255, 255, 255,0.3);
}
.sumovr.active{
    display: flex;
    opacity: 1;
}
.sumovr .fa{
    font-size: 2rem;
    color:green;
}
.btnpit{
    width: 200px;
    min-width: 140px;
    font-weight: 600;
    letter-spacing: 1px;
}
.coup_detail{
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    width: 35%;
    padding: 5px 10px;
    overflow-y:auto;
    border-left:1px solid #f0f0f0;
    background:rgba(255, 255, 255,0.9);
    transform: skew(-10px);
    backdrop-filter: blur(3px);
    box-shadow:-3px 0px 12px -10px black;
    display: none;
    z-index:999999;
}
.coup_detail_header{
    border-bottom:1px solid #d1d1d1;
}
/* #chckp .coup_detail{
  width: 45%;
  border-right: 1px solid #f0f0f0;
} */
.split_amount input::-webkit-outer-spin-button,
.split_amount input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.coup_dbody{
    position: relative;
    background-color: #e8e8e8;
    height: auto;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    margin: 0 auto;
}
.coup_dbody::after , .coup_dbody::before{
    content: "";
    position: absolute;
    top:50%;
    transform: translatey(-50%);
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color:#fff ;
    z-index: 5;
}
.coup_dbody::after {
    right:-24px;
}
.coup_dbody::before {
    left:-24px;
}
.coup_rhead{
    writing-mode: tb-rl;  
    display: flex;
    align-items: center;
    letter-spacing: 3px;
    justify-content: center; 
    color: white;
    height: inherit;
    border-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-image:linear-gradient(to right, #fe827b, #ee5965) ;
    width: 100%;
}
.coup_footer{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;

}
.coup_close{
    font-weight: 900;
}
.coup_close:hover , .coup_footer a:hover *{
    color: #ed1c24;
    cursor: pointer;
     fill: #c92727;
}
.coup_container{
    min-height: 400px;
}
.coup_dbody .text-secondary{
    font-size: 11px;
    line-height: 1.4;
    width: 100%;
    display: block;
}
.pdfb svg {
    height: 16px;
    width: 16px;
    fill: black;
    cursor: pointer;
}
.sum_coup {
    max-height:230px;
    padding: 20px 0;
    overflow-y: auto;
    overflow-x: hidden;
}
#chckp .sum_coup {
     max-height: calc(100% - 100px);
    /* max-height:280px; */
} 
.row[data-clone]{
    max-height:200px;
    overflow-y: auto;
}
.btnsum{
    padding: 8px 20px;
    /* border-radius:5px; */
    /* border:1px solid #f11943; */
    margin:0 auto;
    background-color:#f11943;
    transition: all 250ms ease;
    cursor: pointer;
    transform:skew(-10deg);
    color:white;
}
.btnsum:hover{
    transform:skew(0deg);
    transition: all 250ms ease;
}
.btnsum:active{
    transform:skew(0deg) scale(0.98);
    transition: all 250ms ease;
}
#sum{
    display: none;
}
#group{
    display: none;
}  
.sum.active * ,.split.active * , .bkgft.active *, .gift.active *, .GROUP.active * {
    color:#ff3a3a;
    transition: color 250ms ease-in;
}
.coup_divider{
    height: 20px;
    width:96%;
    margin:0 auto;
    border-bottom:1px solid #d1d1d1;
    position: relative;
}
.coup_plus::before{
    content:"";
    display: block;
    height: 0;
    width: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ff3a3a;
    position: absolute;
    right: 11px;
    top: 15px;
    z-index: 1;
    transition: all 250ms ease-in;
}
.coup_plus{
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: bold;
    height: 25px;
    width: 25px;
    border-radius:50%;
    background-color: #ff3a3a;
    position: absolute;
    right:-10px;
    bottom:-1px;
    transition: all 250ms ease-in;
    cursor: pointer;
    z-index: 5;
}
.coup_plus:hover{
    background-color: #b12828;
    transition: all 250ms ease-in;
}
 .coup_plus:hover::before {
    border-bottom: 10px solid #b12828;
    transition: all 250ms ease-in;
}
.stprc{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f11943 !important;
    overflow: hidden;
    min-width: 20px;
    color: #f1f1f1;
    transform: skew(-20deg);
    position: absolute;
    /* top:0; */
    bottom:0;
    height: 38px;
    cursor: pointer;
    z-index: 5;
}
.stprc[stp="-1"],.stprc[stp='-50']{
    left:10px;
}
.stprc[stp="1"],.stprc[stp='50']{
    right:10px;
}
.inp-cont input{
    padding-left:25px;
    padding-right:25px;
    border-color: transparent;
    background-color: transparent!important;
    transform: skew(20deg);
    text-align: center;
}
.inp-cont{
    width:70%;
    margin:auto;
    height: 38px;
    transform: skew(-20deg);
    background-color: #e9ecef;
    opacity: 1;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}
@media screen and (max-width:991px){
  .coup_detail{
    width: 45%;
  }
}
@media screen and (max-width:768px){
    .coup_detail{
        width: 75%;
    }
}
@media screen and (max-width:615px){
   .coup_detail{
        width: 85%;
    }
}
@media screen and (max-width:460px){
   .coup_detail{
        width: 95%;
    }
}
