.upper-container .cmp-head-second{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:5px;display:-webkit-box;display:-ms-flexbox;display:flex;height:40px;position:relative;width:300px}
.upper-container .calendar-input{-webkit-box-flex:1;background:#fff;border:1px solid #c4c4c4;border-radius:6px;color:#444;-ms-flex:1;flex:1;font-size:13px;font-weight:400;letter-spacing:.28px;outline:0;padding:0 15px 0 10px;height:40px}
#balanceDetailsContainer .text-contain-box{padding-left:10px}
.upper-container input{position:relative !important;z-index:1 !important;opacity:inherit !important}
.upper-container .cmp-head-image{background:transparent;cursor:pointer;height:13px;margin-left:10px;pointer-events:none;position:absolute;right:20px;top:14px;width:13px;z-index:1}
.content-box .invoice-dotted-line:last-child{border:0}
@media(min-width:650px) and (max-width:1024px){.upper-container .cmp-head-second{margin-bottom:20px}
}
@media(max-width:649px){.upper-container .cmp-head-second{width:100%}
.upper-container .calendar-input{padding:0 15px 0 10px}
}
@media(max-width:767px){.dashboard-tab-pack-type{width:80%}
#balanceDetailsContainer .text-contain-box{padding-top:5px}
}
.cashback-container{background-color:#f9f9f9;color:#333;padding:20px;border-radius:10px;width:auto;font-size:11px}
.cashback-container h2{font-size:15px;color:red;border-bottom:2px solid #d3d3d3}
.cashback-details{display:flex;justify-content:space-between;margin-bottom:20px;padding:10px 0;padding-right:220px;font-size:12px}
.cashback-details span{font-weight:bold}
.cashback-entry{padding:10px 0}
.cashback-entry:last-child{border-bottom:1px dashed #999;border-top:1px dashed #999}
.cashback-entry .details{display:flex;justify-content:space-between;margin-bottom:5px}
.cashback-entry .details span{font-weight:bolder}
.cashback-entry .detail{display:flex;justify-content:space-between;margin-bottom:5px}
.cashback-entry .detail span{font-weight:normal;color:#818589}
.toggle-content{display:none;padding:15px;background-color:#f6f6f6}
h1{margin:0;color:#333;width:343px;padding:8px 0 0 0;font-family:Roboto;font-weight:400;line-height:20px;letter-spacing:.25px;text-align:left}
.bx{color:orangered !important;font-size:30px !important}
#Creditcashback{color:#818589}
#AvailedCashback{color:red}
#BalanceCashback{color:#0c0}
#cashbackDetailsContainer{font-family:Arial,sans-serif;width:auto;margin:0 auto;padding-left:15px}
.col-half{border-bottom:1px dashed #818589;padding-right:250px;padding-bottom:10px;padding-top:10px}
.col-innr{display:flex;justify-content:space-between}
.cashcontent{flex:1;display:flex;justify-content:space-between;width:100%;padding:5px 0;gap:40px;line-height:15px}
.cashcontent>div{flex:1;padding:0 10px;text-align:left}
.cashbackstatus{color:#818589;width:100%;white-space:nowrap}
.one{color:#333;font-weight:600;white-space:nowrap}
.active{color:green}
.deactive{color:red}
.cashrechargeback{flex:1;text-align:right}
.tt{font-weight:bold;margin-right:5px}
.cashcontent{display:flex;justify-content:space-between}
@media(max-width:600px){#cashbackDetailsContainer{padding-left:5px}
.col-innr{flex-direction:column;align-items:flex-start}
.col-half{padding-right:0;padding-left:0}
.cashcontent{flex-direction:column;gap:10px;padding-right:0}
.cashrechargeback{text-align:left;margin-top:10px}
.cashback-details{flex-direction:column;padding-right:0}
.cashback-entry .details,.cashback-entry .detail{flex-direction:column}
.cashback-entry .details span,.cashback-entry .detail span{margin-bottom:5px}
}
.cashbackheader{font-size:19px;color:#444;padding-left:10px;font-weight:500}
.button-group{display:inline-flex;border:1px solid #ccc;border-radius:5px;overflow:hidden}
.button-group label{margin:0;padding:10px 20px;cursor:pointer;color:#555;font-family:Roboto;font-size:13px;font-weight:600;background-color:white;transition:background-color .3s ease;border-right:1px solid #ccc}
.button-group label:last-child{border-right:0}
.button-group input[type="radio"]{display:none}
.button-group label.selected{background-color:#ff5912;color:white}