.hotOffersBox{
    border: 1px solid #cecece;
    font-weight: bold;
    height: 365px!important;
    max-height: 365px!important;
}

.hotOffersBox:hover{
    border: 1px solid #aaaaaa;
    cursor: pointer;
}

.hotOffersBox .desc, .hotOffersBox .errorBox{
    margin-top: 10px;
}

.hotOffersBox .imgBox{
    margin-top: 5px;
    margin-bottom: 5px;
}

.hotOffersBox .imgBox img{
    width: inherit;
    max-width: 190px;
}

.hotOffersBox .buyBox{
    margin-bottom: 5px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.hotOffersBox .buyBox .buyBoxDiv1, .firstUpperCase
{
    text-transform: lowercase;
}

.hotOffersBox .buyBox .buyBoxDiv1::first-letter, .firstUpperCase::first-letter
{
    text-transform: uppercase!important;
}

.hotOffersBox .buyBox .buyBoxDiv1 input{
    width: 50px;
    border-radius: 5px!important;
}

.hotOffersBox .buyBox .buyBoxDiv2 button{
    padding-top: 5px;
    color: #C21976;
    cursor: pointer;
    border: 0px!important;
    padding: 5px!important;
    height: 20px!important;
    line-height: 0.39!important;
    margin-top: 3px;
}

/*Fail section*/

.hotOffersBox .failBoxHeader{
    margin-bottom: 10px;
}

.hotOffersBox .failMsg{
    margin-top: 20px;
}

.hotOffersBox .failButtonBox{
    margin-bottom: 5px;
    position: absolute;
    bottom: 10px;
    left: 0
}

.hotOffersBox .failButtonBox button{
    padding-top: 5px;
    color: #C21976;
    cursor: pointer;
    border: 0px!important;
    padding: 5px!important;
    height: 20px!important;
    line-height: 0.39!important;
    margin-top: 3px;
}

.hotOffersBox .resultBox{
    margin-bottom: 0px!important;
    max-height: 120px;
    overflow: scroll;
    overflow-x: hidden;
}

.hotOffersBox .resetBox{
    margin-bottom: 5px;
    position: absolute;
    bottom: 10px;
    left: 0
}

.hotOffersBox .resetBox button{
    padding-top: 5px;
    color: #C21976;
    cursor: pointer;
    border: 0px!important;
    padding: 5px!important;
    height: 20px!important;
    line-height: 0.39!important;
    margin-top: 3px;
}

.hotOffersBox .div2{
    margin-top: 10px;
    margin-bottom: 10px;
}

/*Coupon View*/
.couponView{
    margin-bottom: 0px!important;
    border: 4px dashed #ddd;
    border-radius: 20px;
}

.couponView .imgCut{
    position: absolute;
    top: -24px;
    left: -20px;
    width: 40px;
}

.couponView .couponViewPanelBody .couponViewPanelBody12{
    margin-bottom: 10px;
}

.couponView .couponViewPanelBody .couponViewPanelBody12 .div8{
    margin-top: 10px
}

.couponView .couponViewPanelBody .couponViewPanelBody12 .div4{
    margin-top: 10px
}

.couponView .couponViewPanelBody .couponViewPanelBody12 .div4 .statusDesc{
    color: #009688;
}

.customHotOfferDatePicker{
    top: 303px!important;
}

.rtl .customHotOfferDatePicker{
    top: 315px!important;
    left: 925.5px!important;
}