/* You can add global styles to this file, and also import other style files */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
:root {
    --primary-color: #d5dbe2;
    --secondry-color: #ef8943;
    --text-color: #ef8943;
  }
body{
    padding: 0px;
    margin: 0px;
    font-family: 'Roboto', sans-serif;
    min-width: 100%!important; 
}
a:hover{text-decoration: none;}
*{box-sizing: border-box;}

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,300&display=swap');
@font-face {
    font-family: 'Futura Bk BT';
    src: url('../fonts/FuturaBT-Book.eot');
    src: url('../fonts/FuturaBT-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FuturaBT-Book.woff2') format('woff2'),
        url('../fonts/FuturaBT-Book.woff') format('woff'),
        url('../fonts/FuturaBT-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Mount';
    src: url('../fonts/Mount.woff2') format('woff2'),
        url('../fonts/Mount.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {font-family: "ProximaNW01-Reg"; 
    src: url("//db.onlinewebfonts.com/t/55c4f556836775174bfac94178a3fe82.eot"); 
    src: url("//db.onlinewebfonts.com/t/55c4f556836775174bfac94178a3fe82.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/55c4f556836775174bfac94178a3fe82.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/55c4f556836775174bfac94178a3fe82.woff") format("woff"), url("//db.onlinewebfonts.com/t/55c4f556836775174bfac94178a3fe82.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/55c4f556836775174bfac94178a3fe82.svg#ProximaNW01-Reg") format("svg"); }

    @font-face{
        font-family:"Proxima-N-W05-Reg";
        src: url("//static.parastorage.com/services/santa-resources/resources/viewer/user-site-fonts/fonts/ProximNova/v1/ProximaNovaW05-Regular.woff2") format("woff2"),
        url("//static.parastorage.com/services/santa-resources/resources/viewer/user-site-fonts/fonts/ProximNova/v1/ProximaNovaW05-Regular.woff") format("woff");
    }
    @font-face {
        font-family: "FuturaLTW01-Medium"; 
        src: url("//db.onlinewebfonts.com/t/77d394fa0c1103c648f880b77cb4a32f.eot"); 
        src: url("//db.onlinewebfonts.com/t/77d394fa0c1103c648f880b77cb4a32f.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/77d394fa0c1103c648f880b77cb4a32f.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/77d394fa0c1103c648f880b77cb4a32f.woff") format("woff"), url("//db.onlinewebfonts.com/t/77d394fa0c1103c648f880b77cb4a32f.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/77d394fa0c1103c648f880b77cb4a32f.svg#FuturaLTW01-Medium") format("svg"); }


        @font-face {
            font-family: 'Proxima Nova Rg';
            src: url('../fonts/ProximaNova-Regular.eot');
            src: url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
                url('../fonts/ProximaNova-Regular.woff2') format('woff2'),
                url('../fonts/ProximaNova-Regular.woff') format('woff'),
                url('../fonts/ProximaNova-Regular.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }    

        @font-face {
            font-family: 'Function';
            src: url('../fonts/FunctionBook.eot');
            src: url('../fonts/FunctionBook.eot?#iefix') format('embedded-opentype'),
                url('../fonts/FunctionBook.woff2') format('woff2'),
                url('../fonts/FunctionBook.woff') format('woff'),
                url('../fonts/FunctionBook.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }

        @font-face {
            font-family: 'Along Sans Extra';
            src: url('../fonts/AlongSansExtraBold.eot');
            src: url('../fonts/AlongSansExtraBold.eot?#iefix') format('embedded-opentype'),
                url('../fonts/AlongSansExtraBold.woff2') format('woff2'),
                url('../fonts/AlongSansExtraBold.woff') format('woff'),
                url('../fonts/AlongSansExtraBold.ttf') format('truetype');
            font-weight: bold;
            font-style: normal;
            font-display: swap;
        }
        
        @font-face {
            font-family: 'Along Sans';
            src: url('../fonts/AlongSansRegular.eot');
            src: url('../fonts/AlongSansRegular.eot?#iefix') format('embedded-opentype'),
                url('../fonts/AlongSansRegular.woff2') format('woff2'),
                url('../fonts/AlongSansRegular.woff') format('woff'),
                url('../fonts/AlongSansRegular.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }
        
        
        
        
        

/* ======= Login page css start =======*/
header{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3f549d+0,374d99+100 */
    background: var(--primary-color); /* Old browsers */
    padding: 5px 0;z-index: 999;
    position: fixed;
    left: 0;
    right: 0;
}
header .navbar{padding:0;}
header .navbar .nav-item {margin-left: 15px;}
header .navbar-light .navbar-nav .nav-link{color:#fff;font-family: 'Jockey One', sans-serif;font-size: 19px;}

header .nav-link.dropdown .btn{font-size: inherit;}
header .nav-link.dropdown .btn::after{display: none;}
header .nav-link.dropdown-toggle::after{display: none;}
header .logout.nav-link{border: 0; cursor:pointer;padding: 1px 15px !important;color: #454545!important;background: #f5e5d3;border-radius: 5px;margin: 7px 0;margin-left: 15px;} 
header .logout.nav-link:hover{background: #f5e5d3;}

/* header .navbar-light .navbar-nav .nav-link:hover{color: #949593 !important;} */
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link{
color: #fff !important;
font-family: 'Jockey One', sans-serif !important;
/* font-size: 18px !important; */
color: #fff !important;
}
 
header.merchant-store ,footer.merchant-store{
  background: #22ce88 !important;
}

header .navbar-light .navbar-nav .nav-link:hover{color: var(--text-color);}
header .navbar-light .navbar-nav .nav-link:focus{color: #fff;}
header .navbar-light .navbar-nav .nav-link.login{background: none;text-transform: capitalize;}
footer{ 
    background: var(--primary-color); /* Old browsers */
    padding: 15px 0;float: left;width: 100%;z-index: 9;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

footer ul{margin: 0;padding: 0;display: inline-block;}
footer li{list-style: none;display: inline-block;margin-right: 40px;}
footer li a{color:#fff;font-family: 'Jockey One', sans-serif;font-size: 16px;cursor: pointer;}
footer li a:hover{color: #fff;}
footer h5{color:#fff;font-family: 'Jockey One', sans-serif;font-size: 16px;margin: 2px 0px;float: right;}
/* footer a:not([href]):not([class]), a:not([href]):not([class]):hover {color: #fff !important;} */

.wrapper-main {
    margin-top: 52px;
    margin-bottom: 52px;
    float: left;
    width: 100%;
    min-height: calc(100vh - 105px);
    overflow-x: hidden;
    overflow-y: auto;
  }
  .heightdiv {
    overflow-y: auto;
    position: relative;
    overflow-x: hidden;
    height: calc(100vh - 104px);
    float: left;
  }

/* header.merchant_footer{background: #008cde;} */
.merchant_footer .navbar .nav-item {margin-left: 16px;} 
/* footer.merchant_footer{background: #008cde;}  */
header .container{max-width: 1100px;}
footer .container{max-width: 1100px;}
.login-new.login {background: #fcf8ed;height: 100%;padding: 0; overflow-y: auto;height: calc(100vh - 105px);}   
.login-new.login .container{max-width: 1100px;}

.login-new.login .col-sm-7{flex: auto;max-width: 55%;}
.login-new.login .col-sm-5{flex: auto;max-width: 45%;}
.login-new.login .login-left {position: absolute;left: 0px;}


/* .login-right {background: rgba(255,255,255,0.5);float: left;width: 100%;border-radius: 8px; margin: 8px 0;padding: 25px; box-shadow: 0px 5px 15px rgb(0 0 0 / 20%);} */
.login-right {background: #fff;float: left;width: 100%;border-radius: 8px; margin: 8px 0;padding: 25px; box-shadow: 0px 5px 15px rgb(0 0 0 / 20%);}
.login-right h3{text-align: center;font-size: 32px;color: #000000;font-weight: 600;font-family: 'Mount';text-transform: capitalize;font-weight: bold;}
.login-right p{text-align: center;font-size: 17px;color: #94959b;line-height: normal;margin: 15px 0 50px;display: block;font-family: 'Mount';font-weight: 500;text-transform: initial;}
.login-right .form-group{margin-bottom: 20px;text-align: left;float: left;width: 100%;position: relative;}
.login-right .alert.alert-danger {position: relative;bottom: 0;text-align: left;margin: 0; text-transform: capitalize;}
.login-right .form-group label{font-size: 15px;margin-bottom: 5px;color: #091405;text-align: left;text-transform: capitalize;font-family: 'Proxima Nova Rg';} 
.login-right .form-group .form-control{border: 2px solid #f4eee1;background: #f4eee1;height: 45px;border-radius: 0;font-family: 'Mount';padding: 0 18px;font-size: 15px;font-family: 'Proxima Nova Rg';}
.login-right .form-group .form-control:hover{border: 2px solid #091405;background: #f6f9f5;}

.login-right .form-group .forgot-pass {text-align: right;float: right;color: #4682b4;font-size: 14px;text-decoration: underline;font-family: 'Futura Bk BT';font-weight: bold;text-align: left;} 
.login-submit {text-align: center;width: 100%;float: left;margin: 15px 0 0;}
.login-submit .btn.btn-primary {background: #6b8ac4;border: 0;width: 150px;padding: 8px 0;border-radius: 40px;font-family: 'Mount';font-size: 16px;}
.login-submit .btn.btn-primary:hover{background: #97630f;}
.login-right p.dont{font-size: 16px;color: #583700;margin: 25px 0 75px;font-family: 'Mount';font-weight: bold;letter-spacing: 1px;}
.login-right p.dont a{color: #6b8ac4;text-decoration: underline;}
.login-right p.dont .sign-up {float: left;}
/* .login-right p.dont .sign-up-merchant {float: right;}  */
.login-new.login .login-submit{margin: 10px 0 0px;} 
.eye_icon {position: absolute;right: 15px;top: 42px;}
.eye_icon i{color: #000000;} 

/* ======= Login page css close =======*/

/* ======= sign up page css start =======*/
.login-new.sign-up {padding-bottom: 30px;height: 100%;position: relative;  background: #fcf8ed;
    height: calc(100vh - 50px);
    overflow-y: auto;
    padding-bottom: 0;
    overflow-x: hidden;
}
.login-new.sign-up .login-right h3{font-size: 26px;}
.login-new.sign-up .login-right p{font-size: 16px;margin: 15px 0;}
.login-new.sign-up .login-right h4{font-size: 18px;color: #6B8AC4;font-family: 'Mount';font-weight: bold;}
.login-new.sign-up .login-right .form-group {margin-bottom: 12px;}
.login-new.sign-up .form-group.your-pass h5{font-size: 15px;font-family: 'Futura Bk BT';color: #626462;font-weight: 600;}
.login-new.sign-up .form-group.your-pass ul{padding-left: 25px;margin: 0 0 10px;}
.login-new.sign-up .form-group.your-pass li{list-style: disc;font-size: 16px;font-family: 'Function';color: #626462;}
.login-new.sign-up .login-right .form-group .form-control{border: 1px solid #ded3c0;border-radius: 8px;background: #fcf8ed;font-family: 'Futura Bk BT';font-size: 16px;}
.login-new.sign-up .login-right .form-group .form-control:hover{background: #f2e8d3;border: 1px solid #f2e8d3;}
.login-new.sign-up .login-left h3{font-size: 30px;font-family: 'Futura Bk BT';font-weight: bold;margin: 30px 0 0;text-align: center;
float: right;}
.login-new.sign-up .login-right {
    margin: 0;
    background: rgba(255,255,255,0.74);
    width: 570px;
    position: relative;
    margin: 1px 0px 2px calc((100% - 980px) * 0.5);
    left: 446px;
    grid-area: 1 / 1 / 6 / 2;
    justify-self: start;
    align-self: start;
}

.login-new.sign-up .form-control.select-box.sel-country{
    height: 45px ;
    background: url('../../assets/images/country-arrow.png') 96% #fcf8ed no-repeat ;
      background-repeat: no-repeat ;
    background-repeat: no-repeat ;
}


.login-new.sign-up .col-sm-6.first-name {padding-right: 6px;}
.login-new.sign-up .col-sm-6.last-name {padding-left: 6px;}
.login-new.sign-up .login-right .col-sm-5{padding-right: 0;}
.login-new.sign-up .login-right .col-sm-7{padding-left: 12px;}
.login-new.sign-up #country_code{height: 45px !important;background: url('../../assets/images/country-arrow.png') 94% #fcf8ed no-repeat;
    background-repeat: no-repeat;}

    .login-new.sign-up #country_code:hover {
        height: 45px !important;
        background: url('../../assets/images/country-arrow.png') 94% #f2e8d3 no-repeat;
          background-repeat: no-repeat;
      }

  
      .login-new.sign-up.merchant{
        height: calc(100vh - 50px);
        overflow-y: auto;
        padding-bottom: 10px;
      }
    
.customerRegister {
    position: static;
    display: grid;
    height: auto;
    width: 100%;
    min-height: 816px;
    margin-top: 54px;
    grid-template-rows: repeat(5, min-content) 1fr;
    grid-template-columns: 100%;
    padding-bottom: 0px;
    box-sizing: border-box;
    /* height: calc(100vh - 105px);
    overflow-y: auto; */
}
.login-new.sign-up .login-right h3{
position: absolute;
top: 48px;
z-index: 99;
left: -70%;
text-align: center;
font-size: 28px;
font-family: 'Mount';
text-transform: inherit;
font-weight: bold;
margin: 0;
line-height: normal;
}
.signupbg_img {
    position: relative;
    margin: 3px 0px 0 calc((100% - 980px) * 0.5);
    left: -486px;
    grid-area: 1 / 1 / 5 / 2;
    justify-self: start;
    align-self: start;
    width: 1502px;
    /* height: 868px; */
}
.signupbg_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.signup_image {
    text-align: right;
    position: absolute;
    bottom: -92px;
    position: relative;
    margin: 0px 0px 0 calc((100% - 980px) * 0.5);
    left: 25px;
    grid-area: 3 / 1 / 4 / 2;
    justify-self: start;
    align-self: end;
}
.customerRegister .login-right .form-group label {
    color: rgb(88,55,0);
    font-weight: 100;
    font-size: 16px;
    font-family: 'Function';
    letter-spacing: 0.5px; 
}
.login-new.sign-up .login-submit button.btn.btn-primary {
    font-family: 'Futura Bk BT';
    font-weight: 500;
    font-size: 16px;
}

.main-login-form.forget2 .eye_icon{right: 10px;top: 0;}

.login-new.sign-up .login-right select.form-control:not([size]):not([multiple]) {height: 45px;}
.login-new.sign-up .agree {display: block;position: relative;padding-left: 35px;margin-bottom: 0;cursor: pointer;font-size: 15px;text-transform: inherit;
-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.login-new.sign-up .agree input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.login-new.sign-up .checkmark {position: absolute;top: 2px;left: 0;height: 20px;width: 20px;border-radius: 40px;border: 1px solid #ded3c0;background: #fcf8ed;}
.login-new.sign-up .agree input:checked ~ .checkmark {background-color: #f8ead3;}
.login-new.sign-up .checkmark:after {content: "";position: absolute;display: none;}
.login-new.sign-up .agree input:checked ~ .checkmark:after {display: block;}
.login-new.sign-up .agree .checkmark:after {left: 8px;top: 5px;width: 4px;height: 8px;;border: solid #000;border-width: 0 1px 1px 0;-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);transform: rotate(45deg);}
.login-new.sign-up .login-right p.dont {color: #6B9FF2;font-weight: 100;font-size: 15px;display: inline-block;vertical-align: middle;position: absolute;
bottom: -2px;right: -10px;letter-spacing: 0.5;font-family: 'Futura Bk BT';}
.login-new.sign-up ngx-recaptcha2 {transform: scale(0.8);text-align: left;float: left;width: 25%;margin-left: -12px;}

.login-new.sign-up .sign-up-right-img {width: 70%;position: absolute;height: 100%;}
.login-new.sign-up .sign-up-right-img img {max-width: 100%;height: 100%;object-fit: cover;}
.login-new.sign-up .login-submit{margin: 0;}
.login-new.sign-up .alert.alert-danger{position: relative;bottom: 0;}
/* ======= sign up page css close =======*/

/* ======= merchant sign up page css start =======*/
.login-new.sign-up.merchant .login-left h2 {text-align: center;color: #ABBD43;font-family: 'Futura Bk BT';font-weight: bold;font-size: 32px;margin: 40px 0 50px;}  
.login-new.sign-up.merchant .login-right h4{font-size: 28px;color: #ABBD43;font-family: 'Futura Bk BT';font-weight: bold;}
.login-new.sign-up.merchant .form-group .form-control{background: #d9e1aa;border: 0;}
.login-new.sign-up.merchant .form-group .form-control:hover{border: 0;}
.login-new.sign-up.merchant .form-group.your-pass h5{color: #4b540f;}
.login-new.sign-up.merchant .form-group.your-pass li{color: #4b540f;}
.login-new.sign-up.merchant .btn.btn-primary{background: #abbd43;color: #6b1a45;}

.login-new.sign-up.merchant #country_code{background: url('../../assets/images/country-arrow.png') 94% #d9e1aa no-repeat;}
.login-new.sign-up.merchant .form-group .form-control.col-light{background: #eaeed0;}
.login-new.sign-up.merchant .form-group .form-control.col-mid{background: #d9e1aa;}
.login-new.sign-up.merchant .form-group .form-control.email{background: #ced992;}
.login-new.sign-up.merchant #country_code {background: url('../../assets/images/country-arrow.png') 94% #bfcd70 no-repeat;}
.login-new.sign-up.merchant .form-group .form-control.country {background: #bfcd70;}
.login-new.sign-up.merchant .form-group .form-control.pass {background: #b7c75f;}
.login-new.sign-up.merchant .form-group .form-control.confirm {background: #aebf49;} 

.login-new.sign-up.merchant .form-group .form-control.select-box.sel-country.mem{
    background: url('../../assets/images/country-arrow.png') 96% #c8d38c no-repeat !important;
      background-repeat: no-repeat;
    background-repeat: no-repeat !important;
    background-repeat: no-repeat !important;   
}

/* ======= merchant sign up page css close =======*/ 

/* ======= Master Rewards page css start =======*/
.master-rewerd{padding: 20px 0;background: #7daab9;width: 100%;} 
.earn-redeem-top{background: #ffffff;border-radius: 5px;padding: 8px;} 
.earn-redeem-top h4{font-size: 24px;color: #4b542e;font-family: 'Jockey One', sans-serif;display: inline-block;vertical-align: middle;margin: 0;padding-left: 10px;}
.master-rewerd h2{font-size: 26px;color: #000;background: #f9d8ae;font-family: 'Jockey One', sans-serif;text-align: center;height: 115px;
margin: 0;padding: 30px 0;}
.rewerd-bottom-bg{background: #67a4c3;padding: 25px 0;position: relative;}
.outer-img {position: absolute;right: -195px;top: -100px;}
.rewerd-bottom-inner {width: 850px;margin: -55px auto 0;background: #ffffff;border-radius: 8px;padding: 30px;box-shadow: 0px 0px 12px rgba(0,0,0,0.2);}
.currency-setting h3{font-size: 20px;color: #000;font-family: 'Jockey One', sans-serif;display: inline-block;margin: 0;vertical-align: middle;}
.currency-setting .currency-select {font-size: 15px;width: 220px;padding: 4px;margin-left: 15px;background: #fff;border: 1px solid #cdcdcd;border-radius: 3px;}
.currency-setting.earning {margin: 25px 0;}
.currency-setting.bonus-point h3{color: #4b540f;margin-bottom: 5px;}
.bonus-inner{padding-left: 25px;}   
.bonus-inner h4{font-size: 17px;color: #4b540f;font-family: 'Futura Bk BT';margin: 0;}
.bonus-inner ul{padding-left: 30px;}
.bonus-inner li{font-size: 17px;color: #4b540f;font-family: 'Futura Bk BT';margin: 0;}
.ear-input {width: 55px;margin: 0 3px;border: 1px solid #008cde;padding: 1px 8px;height: 26px;position: relative;}
.ear-input:focus{outline: none;}
.currency-setting.bonus-point.effective {margin: 30px 0;}
.currency-setting.bonus-point.redemption {margin-top: 25px;}
.currency-setting.bonus-point{margin-top: 2px;}
.master-campagin-bg {padding: 20px 0;}
.master-rewerd.master{background: #42579f;padding: 0;}
.master-rewerd.master .container-fluid {width: 85%;} 
.master-rewerd.master .capmgin-master-right-main{border: 0;padding: 0;}
.master-rewerd.master .capmgin-master-right-main h5{font-family: 'Jockey One', sans-serif;color: #4b540f;font-size: 19px;margin-bottom: 15px;}
.master-rewerd.master .currency-setting h3{font-size: 18px;color: #091405;}
.master-rewerd.master .capmgin-master-right-main .currency-setting .currency-select{height: auto;background: #fff;border: 1px solid #8f8f9d;font-size: 13px;} 
.master-rewerd.master .capmgin-master-right-main .currency-setting h3.col-change{color: #4b540f;}
.master-rewerd.master .capmgin-master-right-main .bonus-inner h4{color: #4b540f;display: inline-block;}
.master-rewerd.master .capmgin-master-right-main .bonus-inner li {color: #4b540f;}
.master-rewerd.master .pooltd{position: relative;margin-right: 5px;}
.master-rewerd.master .wrapper .tooltip{max-width: 220px;}
.master-rewerd.master .wrapper .tooltip::after{left: 75px;}

.master-rewerd.master .capmgin-master-right-main .bonus-inner {padding-left: 20px;}
.master-rewerd.master .ear-input{padding: 0;text-align: center;color: #3d9be9;font-weight: 600;}
.master-rewerd.master .ear-input.bg{background: #dcdddc;}
.master-rewerd.master .ear-input.bg.percent{width: 35px;}
/* ======= Master Rewards page css close =======*/ 

/* ======= Campaign Rewards page css start =======*/
.master-rewerd.campaign .currency-setting h3{font-family: 'Futura Bk BT';font-size: 20px;font-weight: bold;text-transform: uppercase;margin-bottom: 25px;}
.master-rewerd.campaign .currency-setting ul{padding:0;min-height:450px} 
.master-rewerd.campaign .currency-setting li{list-style:none;margin-bottom: 20px;}
.master-rewerd.campaign .currency-setting li h4{font-size: 16px;font-weight: bold;text-transform: uppercase;color:#377ef2;display: inline-block;margin: 0;width: 200px;}
.master-rewerd.campaign .currency-setting li button{color: #fff;font-weight: bold;font-size: 15px;background: #7facbb;border: 0;border-radius: 40px;width: 90px;padding: 6px 0;margin-right: 25px}
.master-rewerd.campaign .currency-setting li button.disable{background: #ff4040;}

.master-rewerd.campaign.campaign-rules.campaign-rewards{background: #42579f;padding: 0;}
.master-rewerd.campaign.campaign-rules.campaign-rewards .container-fluid {width: 85%;} 
.master-rewerd.campaign.campaign-rules.campaign-rewards .currency-setting h3{font-family: 'Jockey One', sans-serif;font-weight: normal;margin-bottom: 20px;}
.master-rewerd.campaign.campaign-rules.campaign-rewards .currency-setting ul{margin-top: 20px;}
.master-rewerd.campaign.campaign-rules .currency-setting li button.edit {border-radius: 0;}

.rewerd-bottom-inner.edit-rewards .extra-reward-point{text-align: left;padding: 0 0 10px;}
.rewerd-bottom-inner.edit-rewards .select-custom.form-control.campaign-type{font-size: 15px;height: 35px !important;vertical-align: top;}
/* ======= Campaign Rewards page css close =======*/

/* ======= transaction page css start =======*/
.transaction{background: #06355d;height: 100%;}
.transaction h3{font-size: 23px;color: #fff;padding: 15px 0;margin: 0;}
.transaction-box{background: #fcf8ed;border-radius: 8px;padding: 10px;box-shadow: 0px 0px 10px #052949;}
.transaction-box h4{font-size: 12px;color: #000;margin: 0;}
.transaction-box h2{font-size: 18px;color: #000;margin: 8px 0 0;}
.rewards-balance h3{font-size: 23px;color: #fff;padding: 15px 0 25px;margin: 0;}
.rewards-balance {margin-top: 20px;}
.rewards-balance ul{padding-left: 0;margin: 0;}
.rewards-balance li{list-style: none;margin-bottom: 15px;}
.rewards-balance h4{color: #f5feb8;font-size: 16px;font-weight: normal;margin: 0;display: inline-block;width: 15%;text-decoration: underline;}
.rewards-balance h5{color: #f5feb8;font-size: 16px;font-weight: normal;margin: 0;display: inline-block;}
.rewards-balance h4.strores{text-decoration: none;}
.rewards-balance h4 strong{color: #fff;font-size: 18px;}
.rewards-balance h5 strong{color: #fff;font-size: 18px;}
/* ======= transaction page css close =======*/

/* ======= transaction history page css start =======*/
.transaction.history .rewards-balance h3{display: inline-block;padding: 15px 0 20px;}
.transaction.history .rewards-balance a.back{color: #000;background: #f4d03e;font-weight: 500;padding: 8px 26px;border-radius: 8px;margin-left: 15px;}
.transaction.history .rewards-balance-bottom h3{padding: 0;font-size: 23px;color: #f5feae;font-weight: normal;}
.transaction.history .rewards-balance-bottom h4{padding: 10px 0 8px;font-size: 18px;color: #fff;font-weight: normal;display: block;width: 100%;text-decoration: none;}
.transaction.history .rewards-balance-box{background: #5b5e7d;border-radius: 8px;padding: 15px;box-shadow: 0px 5px 15px #052949;}
.transaction.history .rewards-balance-box ul {padding: 0;}
.transaction.history .rewards-balance-box li{margin-bottom: 8px;}
.transaction.history .rewards-balance-box li h4{font-size: 14px;color: #fff;display: inline-block;width: 50%;padding: 0;}
.transaction.history .rewards-balance-box li h5{font-size: 14px;color: #fff;display: inline-block;width: 50%;}
/* ======= transaction history page css close =======*/

/* ======= campaign rules page css start =======*/
.master-rewerd.campaign.campaign-rules .currency-setting {width: 400px;margin: auto;}
.master-rewerd.campaign.campaign-rules .currency-setting h3{text-align: center;display: block;}
.master-rewerd.campaign.campaign-rules .create-new-btn {display: block;width: 100%;background: #67a4c3;border: 0;padding: 7px 0;border-radius: 8px;color: #fff;font-family: jockey one,sans-serif;font-size: 17px;border: 1px solid #578ba3;box-shadow: 0px 0px 12px rgba(0,0,0,0.2);}
.master-rewerd.campaign.campaign-rules .create-new-btn.modify{background: #f37c20;border: 1px solid #cb6a1c;margin: 25px 0 20px;}
.master-rewerd.campaign.campaign-rules .currency-setting ul{text-align: center;}
.master-rewerd.campaign.campaign-rules .currency-setting li h4{text-transform: capitalize;color: #949593;font-size: 17px;width: 150px;}
.master-rewerd.campaign.campaign-rules .currency-setting li button{border-radius: 8px;}
.master-rewerd.campaign.campaign-rules .currency-setting li button{background: #67a4c3;box-shadow: 0px 0px 12px rgba(0,0,0,0.2);}
.master-rewerd.campaign.campaign-rules .currency-setting li button.disable{background: #22ce88;}
.master-rewerd.campaign.campaign-rules .modify-btn {display: block;width: 100%;background: #fff;padding: 0px 0;color: #000;font-family: jockey one,sans-serif;font-size: 17px;border: 1px solid #fff;margin: 15px 0 25px;}
.master-rewerd.campaign.campaign-rules .modify-btn:focus{outline: none;}

.master-rewerd.add-campagin{background: #42579f;padding: 0;}
.master-rewerd.add-campagin .container-fluid {width: 85%;} 
.master-rewerd.add-campagin .company-input {margin-left: 8px;} 
 
.master-rewerd.campaign.campaign-rules .rewerd-bottom-inner.edit-rewards .currency-setting{width: auto;}
.master-rewerd.campaign.campaign-rules .rewerd-bottom-inner.edit-rewards .currency-setting h3{text-align: left;display: inline-block;text-transform: inherit;}
.master-rewerd.campaign.campaign-rules .rewerd-bottom-inner.edit-rewards .currency-setting ul{text-align: left;}
.master-rewerd.campaign.campaign-rules .rewerd-bottom-inner.edit-rewards .currency-setting ul{min-height: auto;}
.master-rewerd.campaign.campaign-rules .rewerd-bottom-inner.edit-rewards .error {color: #e74c3c;font-family: 'Futura Bk BT';font-size: 17px;}
.rewerd-bottom-inner.edit-rewards.add .bonus-inner .error {color: #e74c3c;font-family: 'Futura Bk BT';font-size: 17px;}

.master-rewerd.campaign.campaign-rules .rewerd-bottom-inner.edit-rewards .company-input {vertical-align: top;margin-left: 8px;}
.master-rewerd.campaign.campaign-rules .rewerd-bottom-inner.edit-rewards button.cancel{background: #00b0f0;padding: 8px 20px;border-radius: 7px;font-size: 16px;
color: #fff;margin-top: 20px;cursor: pointer;background: #242424;border: 0;}
.Customization-page {width: 100%;}
.Customization-page .right-customization{margin-bottom: 20px;}

.rewerd-bottom-inner.edit-rewards.add .currency-setting.earning{margin-top: 20px;}

/* ======= campaign rules page css close =======*/

/* ======= change password page css start =======*/
.transaction.password{background: #f4eee1;width: 100%;} 
.transaction.password .container{max-width: 1100px;}
.change-pass-left {padding-left:50px;width: 95%;}
.change-pass-left h2{text-align: center;font-size: 28px;color: #f37c20;font-family: jockey one,sans-serif;margin-bottom: 30px;padding-top: 20px;}
.change-pass-left .form-group label{font-family: 'Futura Bk BT';font-size: 16px;color: #61615f;}
.change-pass-left .form-group .form-control{background: #ffefd3;border: 0;height: 45px;border-radius: 8px;}
.change-pass-left .btn-primary{display: block;margin: 30px auto 0;border: 1px solid #eb404d;border-radius: 8px;background: #fff;color: #e8663c;font-family: jockey one,sans-serif;font-size: 17px;padding: 8px 45px;}
.change-pass-right {text-align: right;}
.transaction.password .login-right h3{color: #0E42BF;float: left;width: 100%;}
.transaction.password .login-right form{margin: 0;}
.transaction.password .login-left {position: absolute;right: 0;}
.transaction.password .login-left img{width: 920px;}
.transaction.password .login-right .form-group {margin-bottom: 20px;text-align: left;float: left;width: 100%;position: relative;}
.transaction.password .login-right .form-group label {font-size: 15px;margin-bottom: 5px;color: #091405;font-family: 'Proxima Nova Rg';text-align: left;
text-transform: capitalize;}
.transaction.password .login-right{margin: 30px 0;position: relative;z-index: 9;background: rgba(255,255,255,0.8);}
.transaction.password .login-right .form-group .form-control {border: 2px solid #f4eee1;background: #f4eee1;height: 45px;border-radius: 0; font-family: 'Mount';
padding: 0 18px;font-size: 14px;}
.transaction.password .login-right .form-group .form-control:hover{border: 2px solid #091405;background: #f6f9f5}
.transaction.password .form-group.your-pass h5 {font-size: 15px;font-family: 'Futura Bk BT';color: #626462;font-weight: 600;margin: 0 0 5px;}
.transaction.password .form-group.your-pass ul{padding: 0 30px;margin: 0;}
.transaction.password .form-group.your-pass li {list-style: disc;font-size: 15px;font-family: 'Mount';color: #626462;}
.transaction.password input.btn.submit-btn{margin: 0 auto;display: block;background: #0e42bf;font-family: 'Mount';width: auto;font-size: 16px;border: 1px solid transparent;padding: 8px 30px;}
.transaction.password input.btn.submit-btn:hover{background: #f6f9f5;border: 1px solid #091405;color: #1d1405;}
.transaction.password .alert.alert-error {float: left;text-align: left;padding: 0;margin: 0;position: absolute;top: 75px;}
.transaction.password .login-right .alert.alert-error p{font-size: 13px;color: #ff0000;margin: 0;padding: 0;}
.login-left.mobile-view{display: none;}
/* ======= change password page css close =======*/
/*====== forgot password page css Start ==========*/

/* .login-new.forgot{background: #ffca5b;padding:50px 0;height: 90vh;} */
.login-new.forgot{background: #ffca5b;padding:50px 0}
.login-new.forgot .login-left img {width: 85%;}
.login-new.forgot .login-right{width:85%;float:right;border-radius:0;border-radius: 0;padding: 35px 0;}
.login-new.forgot .forgot-right-top {background: #eb404d;padding: 15px 0;text-align: center;}
.login-new.forgot .login-right h3{font-family: inherit;font-size: 28px;margin:0 0 30px}
.login-new.forgot .login-right .form-group label{font-family: inherit;font-size: 15px;font-weight: 600;}
.login-new.forgot .login-right .Reset-inner {padding: 40px 50px 0;}
.login-new.forgot .login-right .form-group .form-control{background: #fff;border:1px solid #a6a6a6;border-radius:5px;}
.login-new.forgot .login-submit .btn.btn-primary{width:100%;background:#eb404d;font-family: inherit;border-radius:5px;font-weight:600;padding: 10px 0;}
.login-new.forgot  .login-submit{margin: 25px 0 0;}

/*====== forgot password page css Start ==========*/
/* ======= Forget password page css start =======*/
.transaction.password.forget {background: #f4eee1;height: calc(100vh - 105px);overflow-y: auto;}
.transaction.password.forget .login-right{background: rgba(255,255,255,0.5);}
.transaction.password.forget .login-right{margin: 5px 0;padding: 45px 25px;}
.transaction.password.forget .login-left{position: absolute;left: 25px;}
.transaction.password.forget .login-left img {width: auto;}
.transaction.password.forget .change-pass-left{padding: 0 15px;width: 100%;}
.transaction.password.forget .login-right h2{font-family: 'Mount';color: #753C85;font-size: 25px;font-weight: bold;}
.transaction.password.forget .login-right h4{font-family: 'Futura Bk BT';color: #753C85;font-size: 16px;text-align: center;margin: 40px 0 70px;}
.transaction.password.forget .change-pass-left p{text-align: center;color: #091424;font-family: 'Futura Bk BT';font-size: 17px;margin-bottom: 70px;line-height: 25px;}
.transaction.password.forget .login-right h4 a{text-decoration: underline;color: #753C85;}
.transaction.password.forget .change-pass-left .form-group{float: left;width: 100%;margin-bottom: 30px;position: relative;}
.transaction.password.forget .change-pass-left .form-group .form-control{background: #f4eee1;border-radius: 0;}
.transaction.password.forget .change-pass-left .form-group .form-control:hover{background: #f6f9f5;border: 2px solid #091405;}
.transaction.password.forget .change-pass-left .btn-primary{background: #ffcc5b;color: #753C85;padding: 8px 45px;margin: 35px auto;border: 0;font-family: 'Futura Bk BT';font-weight: 600;border: 1px solid transparent;}
.transaction.password.forget .change-pass-left .btn-primary:hover{background: #f6f9f5;border: 1px solid #091405;color: #1d1405;}
.transaction.password.forget .change-pass-left h2{margin-bottom: 20px;}
.transaction.password.forget .change-pass-left h5{text-align: right;font-family: 'Futura Bk BT';text-transform: uppercase;font-size: 17px;color: #f37c20;}
.transaction.password.forget .change-pass-left h5 strong{text-decoration: underline;font-weight: normal;}
.transaction.password.forget .alert.alert-danger {text-align: left;position: absolute;top: 75px;}
/* ======= Forget password page css close =======*/
 
/* ======= fee report page css start =======*/
.master-rewerd.fee-report {margin: 0;float: left;width: 100%;position: relative;}
.fee-report-inner {width: 550px;margin: auto;}
.fee-report-search {width: 160px;float: right;margin: 20px 0 10px;}
.fee-report-search .form-control{background: #ff4040;border-radius: 8px;color: #fff;border: 0;height: 38px;font-size: 15px;}
.fee-report-search .form-control::placeholder {color: #fba4a2;opacity: 1; /* Firefox */}
.fee-report-search .form-control:-ms-input-placeholder {color: #fba4a2;}
.fee-report-search .form-control::-ms-input-placeholder {color: #fba4a2;}
.fee-table{background: #fff;width: 100%;float: left;position: relative;z-index: 9;}
.fee-table .table th{font-size: 12px;background: #3984ff;color: #fff;padding: 20px 0;text-align: center;border: 0;}
.fee-table .table td{font-size: 11px;color: #383838;padding: 12px 0;text-align: center;border: 0;}
.fee-table .table tr:nth-child(odd) {background-color: #f2f2f2;}  
.fee-table .pagenation {padding: 25px;position: relative;}
.fee-table .pagenation button{background: #3984ff;color: #fff;font-size: 11px;border: 0;font-weight: 500;padding: 6px 12px;border-radius: 6px;}
.fee-table .pagenation button.next {float: right;}
.pagenation ul {padding: 0;margin: 0;text-align: center;display: block;position: absolute;left: 0;right: 0;top: 28px;}
.pagenation li{display: inline-block;list-style: none;margin-bottom: 0 1px;}
.pagenation li a{background: #f5f5fa;color: #000;font-size: 12px;padding: 7px 10px;border-radius: 3px;}
.fee-report-bottom{background: #077428;height: 100vh;}
.fee-left-img {position: fixed;left: 0;bottom: 0;} 
.merchant-agreement.Report-page {border: 0;position: relative;}
.merchant-agreement.Report-page .container{max-width: 1100px;}
.merchant-agreement.Report-page .filterbtn p{background: #ff3f42;font-family: 'Jockey One', sans-serif;border-radius: 8px;height: 40px;}

.invoice-btn{background: #ff3f42;font-family: 'Jockey One', sans-serif;border-radius: 8px;color: #fff;border: 0;padding: 5px 20px;margin-left: 15px;height: 40px;}

.merchant-agreement.Report-page table.table.campaign-table.reward-list{border: 0;position: relative;z-index: 9;overflow-x: scroll;}
.merchant-agreement.Report-page table.table.campaign-table.reward-list th{background: #3a84ff;color: #fff;border: 0;font-size: 15px;padding: 20px 14px;}
.merchant-agreement.Report-page table.table.campaign-table.reward-list tr{background: #fff;}
.merchant-agreement.Report-page table.table.campaign-table.reward-list tr td {border: 0;font-size: 13px;}
.merchant-agreement.Report-page .campaigns-list table.table.campaign-table span.green{font-size: 14px;}
.merchant-agreement.Report-page .campaigns-list table.table.campaign-table th:last-child, .campaigns-list table.table.campaign-table td:last-child{text-align: center;}
.merchant-agreement.Report-page table.table.campaign-table.reward-list tr:nth-child(2n+1) {background-color: #f2f2f2;}



.merchant-agreement.Report-page .report-pageTopForm{padding: 10px;position: relative;z-index: 9;}
.merchant-agreement.Report-page .report-pageTopForm .form-group{width: 33%;padding: 5px;}
.merchant-agreement.Report-page .btn.filter-btn{margin-left: 8px;font-size: 15px;}
.merchant-agreement.Report-page .report-pageTopForm .form-group .container-checkbox{margin-right: 8px;}

.campaigns-list.report-page {margin: 0;z-index: 9;position: relative;}
.merchant-agreement.Report-page .filterbtn{margin-bottom: 10px;}
.merchant-agreement.Report-page form.filterform{margin: 0;}
.filter-search{padding: 5px 15px;border: 0;background: #ff4040;border-radius: 8px;color: #fff;height: 40px;font-size: 17px;width: 160px;
font-family: 'Jockey One', sans-serif;}

.dropdown.download {display: inline-block;vertical-align: top;margin-right: 15px;}
.dropdown.download #dropdownMenuButton{padding: 5px 15px;border: 0;background: #ff4040; border-radius: 8px;color: #fff;height: 40px;
font-size: 17px;width: 110px;font-family: 'Jockey One', sans-serif;}

.stores-main.campaign .dropdown.download #dropdownMenuButton{font-family: inherit;font-size: 15px;}
.stores-main.customers .dropdown.download #dropdownMenuButton{font-family: inherit;font-size: 15px;}

.tablistMemebers-right .dropdown.download{margin-right: 0;}

#downloadExport .modal-dialog {text-align: center;max-width: 450px;}
#downloadExport .modal-dialog .modal-body{padding: 30px 0;}
#downloadExport .modal-dialog .modal-body h4 {font-size: 28px;margin: 0 0 30px;color: #000;width: 100%;display: block;text-align: center;font-weight: 500;} 
#downloadExport .modal-dialog .modal-body  button{background: #3984ff;color: #fff;font-size: 15px;border: 0;font-weight: 500;padding: 10px 0;
border-radius: 6px;cursor: pointer;width: 150px;margin: 0 10px;}
.search-right .filterbtn{width: auto;}


.filter-search::placeholder { color: fff;opacity: 1;}
.filter-search:-ms-input-placeholder {color: #fff;}
.filter-search::-ms-input-placeholder { color:#fff;}
.merchant-agreement.Report-page table.table.campaign-table.reward-list{margin-bottom: 0;}
 .pagenation {padding: 25px;position: relative;background: #fff;margin-bottom: 20px;width: 85%;margin: auto;}
.pagenation button {background: #3984ff;color: #fff;font-size: 11px;border: 0;font-weight: 500;padding: 6px 12px;border-radius: 6px;cursor: pointer;
position: relative;z-index: 9;}
.pagenation ul {padding: 0;margin: 0;text-align: center;display: block;position: absolute;left: 0;right: 0;top: 15px;}
.pagenation li {display: inline-block;list-style: none;margin: 0 3px;}
.pagenation li a {background: #f5f5fa;color: #000;font-size: 12px;padding: 7px 10px;border-radius: 3px;cursor: pointer;}
/* .pagenation li a:not([href]):not([class]), a:not([href]):not([class]):hover{color: #3a84ff !important;} */
.pagenation button.next {float: right;}
/* ======= fee report page css close =======*/

/* ======= fee transaction page css start =======*/ 
.master-rewerd.fee-report.fee-transaction .fee-report-inner {width: 100%;}
.master-rewerd.fee-report.fee-transaction .fee-left-img {position: fixed;left: auto;bottom: 0;right:3%;}
.master-rewerd.fee-report.fee-transaction .fee-report-search{width: auto;}
.master-rewerd.fee-report.fee-transaction .fee-report-search button{background: #ff4040;border-radius: 8px;color: #fff;border: 0;height: 40px;font-size: 14px;width: 120px;font-family: 'Jockey One', sans-serif;}
.fee-report-bottom{background: #087428;}
.stores-main.fee-reports.fee-transaction .fee-left-img {position: fixed;left: auto;bottom: 0;right: 0;}
/* .fee-report-bottom.reports {background: #5c59a9;}  */
.fee-report-bottom.reports {background-image: url(../images/fee-transaction-bg.png);position: fixed;}
.stores-main.fee-reports.fee-transaction .campaigns-list table.table.campaign-table th{background: #3a84ff !important;  color: #fff;border: 0;font-size: 15px;
padding: 20px 14px;}
/* ======= fee transaction page css close =======*/

/* ======= profile page css start =======*/ 
.profile-page {float: left;width: 100%;height: calc(100vh - 104px);overflow-y: auto;padding-bottom: 150px;position: relative;}
.profile-center {width: 920px;margin: auto;}
.profile-inner-main {width: 920px;margin: auto;display: inline-block; position: relative;}
.profile-top-bg {position: relative;left: -12px;}
.profile-main-bg {width: 100%;}
.profile-main-bg img {max-width: 100%;}
.profile-main-bg img {position: absolute;}  
.profile-text ul li h4 strong {font-size: 18px;font-weight: 600;margin: 0 0 10px;float: left;}
.profile-text {position: relative;top: 80px;padding-left: 20px;width: 40%;}
.profile-text h3{font-size: 32px;color: #091405;font-family: 'Mount';font-weight: bold;}

.profile-inner-main img.phone-image{display: none;}

.profile-logo {margin: 10px 0;}
.profile-edit{background: #f4d03e;color: #000;font-size: 17px;font-family: 'Mount';border: 0;float: right;padding: 4px 32px;border-radius: 8px;position: absolute;top: 350px;box-shadow: 0px 1px 5px #999898;}
.profile-edit:hover{background: #6b9ff2;color: #fff;}
.profile-text ul {padding: 0;width: 100%;float: left;margin: 10px 0 0;}
.profile-text ul li {list-style: none;margin-bottom: 0;font-family: 'Mount';}
.profile-text ul li h4{font-size: 13px;display: inline-block;margin: 0;width: 45%;font-weight: bold;vertical-align: top;}
.profile-text ul li h5{font-size: 13px;display: inline-block;margin: 0;width: 50%;color: #42579f;font-weight: bold;vertical-align: top;}
.profile-bttom-bg {position: absolute;bottom: -85px;right: -75px;top: auto;}
.profile-img{width: 115px;height: 115px;box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);border-radius: 4px;padding: 5px 0;margin: 40px 0;}
.profile-img img {max-width: 120px;}

.profile-page.store-profile .profile-text{top: 90px;}
.profile-page.store-profile .profile-text h3{margin: 0;}
.profile-page.store-profile .profile-img{margin: 20px 0;}
.profile-page.store-profile .profile-edit{top: 330px;right: -100px;}
/* ======= profile page css close =======*/

/* ======= privacy policy page css start =======*/ 
.privacy-policy .parallax {background-image: url("../../assets/images/privacy-img.png");min-height: 100vh;background-attachment: fixed;background-position: center;
background-repeat: no-repeat;background-size: cover;}
.content-main {padding-top: 50px;}
.privacy-main{background: rgba(255, 255, 255, 0.9);padding: 20px;}
.privacy-inner {margin-bottom: 30px;}
.privacy-inner h3{font-size: 15px;text-transform: uppercase;color: #000;font-weight: 600;margin: 0 0 5px;}
.privacy-inner h4{font-size: 13px;color: #000;font-weight: 300;margin-bottom: 10px;}
.privacy-inner p{font-size: 14px;color: #444c0b;font-weight: 400;}
/* ======= privacy policy page css close =======*/
 
/* ======= merchant partner page css start =======*/ 
.merchent-img {position: relative;height: 100%;}
.merchent-button {text-align: right;margin-top: 180px;float: right;margin-right: 60px;}
.merchent-button button {background: #183981;color: #fff;font-family: 'Jockey One', sans-serif;border: 0;padding: 8px 25px;margin-left: 20px;border: 1px solid transparent;}
.merchent-button button.read-more{text-transform: uppercase;color: #effe95;}
.merchant-parner-bottom{background: #303e8e;height: 20vh;}
.merchent-button button:hover{background: #f6f9f5;color: #000;border: 1px solid #000;}
/* ======= merchant partner page css close =======*/

/* ======= earn redeem page css start =======*/ 
.master-rewerd.earn-redeem .container{max-width: 1100px;}
.master-rewerd.earn-redeem .bonus-earning{background: #fff;border-radius: 5px;padding: 15px;margin-top: 10px;}
.master-rewerd.earn-redeem .bonus-earning h3{text-align: left;font-size: 28px;margin:5px 0 10px;font-family: 'Jockey One', sans-serif;color: #091405;}
.master-rewerd.earn-redeem .bonus-earning .col-sm-3{padding-right: 0;}
.bonus-earning .col-sm-3:nth-child(4) {padding-right: 15px !important;}

.bonus-earning-box{background: #fff;border: 1px solid #7daab9;border-radius: 10px;text-align: center;padding: 10px 0;min-height: 240px;}
.bonus-earning-box img {margin: 0 0 10px;}
.bonus-earning-box h4{font-size: 18px;color: #000;margin: 0 0 5px;font-family: 'Jockey One', sans-serif;}
.bonus-earning-box p{font-size: 14px;color: #4b542e;font-family: 'Jockey One', sans-serif;line-height: 18px;margin: 0 0 10px;}
.bonus-earning-section.redemption {margin-top: 35px;}
/* ======= earn redeem page css close =======*/

/* ======= merchent login page css start =======*/
.login-merchent .container {max-width: 1100px;}
.login-merchent{background: #fff;height: 100%;padding: 50px 0 0;overflow-y: auto;height: calc(100vh - 105px);text-align: center;}
.merchent-login-right {margin-top: 100px;} 
.merchent-login-right li{list-style: none;margin-bottom: 20px;text-align: left;}
.merchent-login-left.form {margin-top: 25px;}
.login-merchent .merchent-login-right {margin-top:100px;}
.merchent-login-right.form-right h3{text-align: center;font-size: 28px;color: #060909;font-family: 'Jockey One', sans-serif;margin: 0 0 40px;}
.merchent-login-right.form-right h4{color: #583700;font-size: 22px;font-family: 'Function';font-weight: 600;text-align: left;}
.merchent-login-right.form-right .form-group label{font-size: 18px;color: #583700;font-family: 'Function';text-align: left;float: left;} 
.merchent-login-right.form-right .form-group .form-control{background: #b7c75f;border: 0;height: 48px;border-radius: 10px;font-family: 'Futura Bk BT';
padding: 0 18px;font-size: 15px;}  
.merchent-login-right.form-right .form-group .form-control:hover{background: #cce8f8;}
.merchent-login-right.form-right .form-group {float: left;width: 100%;position: relative;}
.merchent-login-right.form-right .form-group .eye_icon{top: 51px;}
.merchent-login-right.form-right .form-group .alert.alert-danger{text-align: left;}
.merchent-login-right.form-right a.forgot-pass{color: #ABBD43;text-decoration: underline;font-family: 'Jockey One', sans-serif;font-size: 17px;}
.merchent-login-right.form-right .btn.btn-primary{background: #b7c75f;color: #6b1a45;font-family: 'Function';font-size: 19px;}
.merchent-login-right.form-right .login-submit{margin: 0;}
.merchent-login-right.form-right .btn.btn-primary:hover{background: #bdddf7;color: #fff;}
.merchent-login-right.form-right p.dont{font-size: 19px;font-family: 'Futura Bk BT';color: #4b540f;margin: 20px 0 0;}
.merchent-login-right.form-right p.dont a{color: #4b540f;text-decoration: underline;}
/* ======= merchent login page css close =======*/

/* ======= notification page css start =======*/
.notification {padding: 20px 0;width: 100%;}
.notification .container{max-width: 1100px;} 
.notification h3{font-size: 30px;color: #000;font-weight: 600;margin: 0 0 25px;display: inline-block;}
.seller.requests.notification{padding: 30px;}
.today-notification h2{font-size: 22px;color: #22242C;font-weight: 700;margin: 0 0 25px;} 
.today-notification ul{padding: 0;}
.today-notification li{margin-bottom: 25px;list-style: none;position: relative;}
.today-notification li h4{font-size: 17px;color: #22242C;display: inline-block;font-weight: 400;width: 100px;font-weight: 400;margin: 0;}
.today-notification li span{width: 6px;height: 50px;background: #394F6B;border-radius: 15px;display: inline-block;vertical-align: middle;margin-right: 25px;}
.today-notification li h5{font-size: 18px;color: #22242c;display: inline-block;vertical-align: middle;font-weight: 700;margin: 0;  max-width: 80%;}
.today-notification li h5 b{color: #394f6b;font-weight: normal;font-weight: 700;}
.today-notification li h5 strong{color: #8e8ea1;font-weight: 400;margin-top: 5px;display: inline-block;font-size: 15px;}
.today-notification li span.red{background: #FF4A55;}
.today-notification li span.grey{background: #8E8EA1;}
.today-notification li span.green{background: #00C853;}
.today-notification li span.orange{background: #FF9C1C;}
.today-notification.yesterday {margin-top: 30px;}
.today-notification.yesterday h2::after{width: 90%;}
.notification button.mark-read{background: #ef8943; color: #fff; padding: 7px 15px;font-size: 16px;border: 0;float: right;
border-radius: 4px; font-weight: 500;margin-left: 10px;vertical-align: top;}
.notification button.mark-as-read{background: #858282;color: #fff;padding: 5px 8px;font-size: 13px;border: 0;border-radius: 4px;font-weight: 400;margin-top: 5px;}

header .navbar .nav-item.noti{position: relative;}
header .navbar .nav-item.noti a.notifiication {background: none;border: 0;padding: 10px 0;cursor: pointer;}
header .navbar .nav-item.noti a.notifiication .count {width: 23px;height: 22px;background: #fff;display: block;position: absolute;top: 2px;border-radius: 30px;right: -12px;
color: #454545;font-size: 12px;border: 2px solid #fff;text-align: center;} 

.toast-main{max-width: 350px;overflow: hidden;font-size: .875rem;background-color: rgba(255,255,255,.85);background-clip: padding-box;border: 1px solid rgba(0,0,0,.1);
border-radius: .25rem;box-shadow: 0 .25rem .75rem rgba(0,0,0,.1);width: 290px;position: fixed;right: 30px;top: 68px;}
.toast-main .toast-header { display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;padding: .25rem .75rem;
color: #6c757d;background-color: rgba(255,255,255,.85);background-clip: padding-box;border-bottom: 1px solid rgba(0,0,0,.05);position: relative;}
.toast-main .toast-header .small, small{margin-right: 20px;}
.toast-main .toast-header .close {font-size: 1.5rem;font-weight: 700;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;right: 10px;
top: 3px;opacity: .6;}
.toast-main .toast-body {padding: .75rem;font-size: 13px;color: #505458;}
/* ======= notification page css close =======*/


/* ======= how it work page css start =======*/
.how-it-work{background: #56d49c;width: 100%;padding: 20px 0;}
.how-it-work .container {max-width: 1100px;}
.how-it-work-bottom {margin-top: 12px;overflow: hidden;border-radius: 5px;background: #f6f9f5;padding: 5px;}
.how-it-work-bottom img{max-width: 100%;}
/* ======= how it work page css close =======*/

/* ======= customer profile page css start =======*/
.customer-profile{padding: 20px 0;width: 100%;}
.customer-profile button.back-btn{background: #ef8943;color: #fff;padding: 7px 15px;font-size: 16px;border: 0;border-radius: 4px;font-weight: 500;
vertical-align: top;margin-bottom: 20px;}
.customer-profile .container{max-width: 1100px;}
.customer-profile p{font-size: 16px;color: #22242c;display:block;font-weight: 400;margin: 0 0 15px;}
.customer-profile p strong {width: 20%;display: inline-block;font-weight: 700;}
.container {max-width: 1100px;} 
/* ======= customer profile page css close =======*/

/* ======= qrcode scanner page css start =======*/
.earning-qr{width: 100%;background: #7daab9;}
.earning-qr-inner{background: #fff;border-radius: 5px;padding: 15px;margin: 15px 0;box-shadow: 0px 0px 12px rgba(0,0,0,0.2);}
.qr-steps{text-align: center;margin: 20px 0 60px;}
.qr-steps ul{margin: 0;}
.qr-steps li{display: inline-block;margin: 0 35px;}
.step-img {width: 180px;height: 175px;box-shadow: 0px 0px 12px rgba(0,0,0,0.2);border-radius: 5px;margin-bottom: 15px;padding: 10px 0;border: 3px solid transparent;}
.step-img img {max-width: 100%;}
.qr-steps .nav-tabs h4{font-size: 22px;color: #091405;font-family: 'Jockey One', sans-serif;margin: 0;}
.qr-steps li.active .step-img{border: 3px solid #45aee9;}
.qr-step-botom {width: 410px;margin: auto;}
.qr-step-botom label{font-size: 18px;color: #091405;font-family: 'Jockey One', sans-serif;margin: 0 0 10px;}
.qr-step-botom input.form-control{float: none;border-radius: 0;border: 1px solid #949593;height: 48px;}
.qr-step-botom input.form-control:hover{background: #f6f9f5;border: 2px solid #091405;}
.qr-step-botom button.next{border: 0;color: #fff;background: #626462;border-radius: 5px;margin: 30px auto 0;font-family: 'Jockey One', sans-serif;padding: 7px 60px;
font-size: 18px;display: block;}
.qr-steps .nav-tabs .nav-link{margin: 0 15px;}
.qr-steps .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active .step-img{border: 3px solid #45aee9;box-shadow: 0px 0px 8px rgb(69, 174, 233);}
.qr-step-botom.step2 .qr-code-main{background: #f6f9f5;text-align: center;padding: 90px 0;}
.qr-step-botom.step2 h3{text-align: center;font-size: 22px;color: #091405;font-family: 'Jockey One', sans-serif;margin-top: 10px;}
.qr-step-botom.step2 .qr-code-main.transaction-details h2{font-size: 25px;color: #091405;font-family: 'Jockey One', sans-serif;}
.qr-step-botom.step2 .qr-code-main.transaction-details ul{text-align: left;padding: 0 25px;margin: 50px 0 0;}
.qr-step-botom.step2 .qr-code-main.transaction-details li{list-style: none;margin-bottom: 20px;}
.qr-step-botom.step2 .qr-code-main.transaction-details li h3{text-align: left;display: inline-block;font-size: 18px;font-family: 'Jockey One', sans-serif;margin: 0;width: 140px;}
.qr-step-botom.step2 .qr-code-main.transaction-details li h5{display: inline-block;font-size: 18px;font-family: 'Jockey One', sans-serif;margin: 0;
    text-align: center;width: 150px;}
.qr-step-botom.step2 .qr-code-main.transaction-details li h4{text-align: left;display: inline-block;font-size: 18px;font-family: 'Jockey One', sans-serif;margin: 0;
text-align: center;width: 100px;}
.qr-step-botom.step2 .qr-code-main.transaction-details li h4 strong{text-decoration: underline;font-weight: normal;}
.qr-step-botom.step2 .qr-code-main.transaction-details{padding: 70px 0;}
.qr-step-botom.step2 .qr-code-main.thank-you h3{font-size: 28px;margin: 0;}
.qr-step-botom.step2 .qr-code-main.thank-you h3 strong{text-align: center;display: block;font-weight: normal;margin-top: 50px;}

.qr-step-botom.step2 .step-otp ul{padding: 0;text-align: center;margin: 15px 0;}
.qr-step-botom.step2 .step-otp li{display: inline-block;width: 38px;height: 38px;border: 1px solid #a6aaa5;border-radius: 8px;margin: 0 22px;}
.qr-step-botom.step2 .step-otp h3{font-size: 18px;margin: 0;}

.qr-step-botom.step2 .qr-code-main.transaction-details.redeem ul{padding: 0;}
.qr-step-botom.step2 .qr-code-main.transaction-details.redeem li h3{font-size: 16px;width: 200px;}
.qr-step-botom.step2 .qr-code-main.transaction-details.redeem li h4{font-size: 15px;width: 70px;text-align: left;}
.qr-step-botom.step2 .qr-code-main.transaction-details.redeem li h5{font-size: 15px;text-align: left;width: 160px;}
.qr-step-botom.step2 .qr-code-main.transaction-details li.mar-bottom {margin-bottom: 15px;}
.qr-step-botom.step2 .qr-code-main.transaction-details li .form-control{width: 55px;border: 2px solid #919191;height: 30px;background: #f6f9f5;display: inline-block;}
.qr-step-botom.step2 .qr-code-main.transaction-details li .form-control:hover{background: #f2faf9;border: 2px solid #525252 ;}

.qr-steps .nav-tabs {border-bottom: 0;display: inline-flex;}
.qr-steps .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{border-color: #fff;}
.qr-steps .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {border-color: #fff;}

.qr-step-botom .total-val{width: 100%;}

.qr-step-botom.step2 .step-otp {text-align: center;margin: 15px 0;}
.qr-step-botom.step2 .step-otp h3 {font-size: 18px;margin: 10px 0 0;}
.qr-step-botom.step2 .otp-input{margin: 0 15px;}

.qr-step-botom.step2 .totalCartValue{float: none;}
.qr-step-botom.step2 .totalCartValue input.form-control.inputfield{float: none;width: 55px;}

.qr-step-botom.step2 .qr-code-main.select-campaign{padding: 30px 0;margin-top: 10px;}
.qr-step-botom.step2 .qr-code-main.select-campaign h3{margin-bottom: 25px;font-size: 25px;}
.qr-code-main.select-campaign li{position: relative;list-style: none;text-align: left; font-size: 17px;color: #3984FF;font-weight: 500;margin-bottom: 20px;}
.qr-code-main.select-campaign li:last-child{margin-bottom: 0;}
.qr-code-main.select-campaign li h5 {display: inline-block;width: 180px;font-size: 17px;font-weight: 500;}

.qr-code-main.select-campaign li label {display: inline-block;vertical-align: top; margin-left: 20px;}
.campaign {
    display: block;
    position: relative;
    margin: 0;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  /* .campaign input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  } */
  .qr-code-main.select-campaign input[type="radio"]{
	display:none
}
  .checkmark {
    position: absolute; 
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 5px;
    border: 1px solid #a0a69f;
  }
  
  .campaign input:checked ~ .checkmark {
    background-color: #2196F3;
    border: 1px solid #2196F3;
  }

  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  .campaign input:checked ~ .checkmark:after {
    display: block;
  }
  
  .campaign .checkmark:after {
    top: 8px;
    left: 7px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
  }

  .qr-step-botom.step2 .qr-code-main.select-campaign  li h4{width: 100px;display: inline-block;font-size: 17px;}
  .qr-step-botom.step2 .qr-code-main.select-campaign label.campaign{margin: 0;}
  .qr-step-botom.step2 .qr-code-main.select-campaign label.campaign input[type="checkbox"], input[type="radio"]{display: block;}

  .qr-code-main.transaction-details button {margin: 0 5px;}

/* ======= qrcode scanner page css close =======*/

/*====== pending transaction page css Start ==========*/
.pending-transaction{background: #7daab9;padding: 25px 0;width: 100%;}
.pending-transaction h3{font-size: 22px;color: #fff;font-family: 'Jockey One', sans-serif;}
.pending-transaction p{font-size: 15px;color: #fff;font-family: 'Mount';}
.pending-transaction table th{background: #f88608;color: #fff;font-size: 14px;padding: 6px 3px;font-weight: 500;border: 1px solid #000;font-family: 'Mount';}
.pending-transaction table td{font-size: 13px;color: #000;}
 
.pending-transaction table td button{background: #f37c20;color: #fff;font-weight: 500;font-size: 15px;border: 0;width: 50%;padding: 5px 0;}
.pending-transaction table td button.edit{background: #67a4c3;border-right: 1px solid #000;}
.pending-transaction table td.td-last{text-align: center;width: 250px;}
.pending-transaction table td {padding: 5px 3px;vertical-align: middle;border: 0;border: 1px solid #000;background: #fff;} 
.pending-transaction table th.th-last{text-align: center;color: #000;font-size: 16px;font-weight: 600;}
/*====== pending transaction page css close ==========*/



/* ======= other css issue fix =======*/
/* .wrapper-main {padding-bottom: 0;float: left;width: 100%;height: calc(100vh - 108px);overflow: auto;overflow-x: hidden;} */
header #dropdownMenuButton {background: none;border: 0;padding: 0;margin: 0;}
.login-new.sign-up.merchant .signup_image {left: -106px;bottom:220px;}
.qrCodeMain  h3{font-family: 'Mount';}
.qrCodeMain qr-code canvas{border-radius: 10px;box-shadow: 0px 5px 15px rgb(0 0 0 / 20%);}

.sub-menu {display: none;padding: 0;}
.dropdown-menu {background-color: rgba(174, 109, 117, 0.88);border-radius: 10px;} 
.dropdown:hover .dropdown-menu {display: block;margin-top: 0;}
.dropdown-menu a.dropdown-item{font-family: 'Jockey One', sans-serif;color: #fff;padding: 3px 12px;font-size: 18px;} 
.dropdown:hover .dropdown-menu a{font-family: 'Jockey One', sans-serif;color: #fff;padding: 3px 12px;font-size: 18px;}
.dropdown:hover .dropdown-menu a:hover{background: none;}
#navbarDropdown::after {display: none;} 

.rewerd-bottom-inner.edit-rewards.add .currency-setting h3{margin-bottom: 15px;}
.rewerd-bottom-inner.edit-rewards.add .company-input.program-title{margin: 0;background: #22ce88;border: 0;padding: 8px 15px;border-radius: 8px;font-family: 'Mount';font-size: 15px;color: #fff;}
.rewerd-bottom-inner.edit-rewards.add .select-custom.form-control.campaign-type{margin: 0;background: #22ce88;border: 0;border-radius: 8px;height: 45px !important;
width: 300px;color: #fff;appearance: auto;}
.rewerd-bottom-inner.edit-rewards.add .select-custom.form-control.campaign-type option{background: #fff;color: #000;}

.rewerd-bottom-inner.edit-rewards.add .company-input.program-title::placeholder {color: #fff;opacity: 1;}
.rewerd-bottom-inner.edit-rewards.add .company-input.program-title:-ms-input-placeholder {color: #fff;}
.rewerd-bottom-inner.edit-rewards.add .company-input.program-title::-ms-input-placeholder {color: #fff;}

.add-loyality.setting-page-div.document-page-main .container {max-width: 1100px;}
.add-loyality.setting-page-div.document-page-main h3{color: #fff;font-family: 'Jockey One', sans-serif;}
.add-loyality.setting-page-div.document-page-main .btn.add-subs{padding: 5px 20px;border: 0;background: #ff4040;border-radius: 8px;
color: #fff;height: 40px;font-size: 17px;font-family: 'Jockey One', sans-serif;}
.add-loyality.setting-page-div.document-page-main table.table.campaign-table.reward-list{border: 0;}
.add-loyality.setting-page-div.document-page-main .table.campaign-table.reward-list th{background: #3a84ff;color: #fff;border: 0; font-size: 14px;padding: 20px 14px}  
.add-loyality.setting-page-div.document-page-main .table.campaign-table.reward-list .btn-danger{font-size: 14px;padding: 3px 10px;background: #ff4040;border: 0;}
.add-loyality.setting-page-div.document-page-main .table.campaign-table.reward-list td{border: 0;font-size: 13px;}
.add-loyality.setting-page-div.document-page-main .table.campaign-table.reward-list tr{background: #fff;}
.add-loyality.setting-page-div.document-page-main .table.campaign-table.reward-list tr:nth-child(2n+1) {background-color: #f2f2f2;}

.add-loyality.setting-page-div.feedback .container {max-width: 1100px;}
.add-loyality.setting-page-div.feedback h3{color: #fff;font-family: 'Jockey One', sans-serif;}
.add-loyality.setting-page-div.feedback .table.campaign-table.reward-list th{background: #3a84ff;color: #fff;border: 0; font-size: 14px;padding: 20px 14px}
.add-loyality.setting-page-div.feedback table.table.campaign-table.reward-list{border: 0;}
.add-loyality.setting-page-div.feedback .table.campaign-table.reward-list td{border: 0;font-size: 13px;}
.add-loyality.setting-page-div.feedback .table.campaign-table.reward-list tr{background: #fff;}
.add-loyality.setting-page-div.feedback .table.campaign-table.reward-list tr:nth-child(2n+1) {background-color: #f2f2f2;}
.bottom-image img {position: fixed;left: 0px;bottom: 68px;right: auto;width: 320px;}
.stores-main.stores .container{max-width: 1100px;}
.stores-main.stores table {width: auto;}
.stores-main.stores table .nav-link{padding: 0;color: #f5feb8;margin-right: 10px;}
.stores-main.stores table td.heading{color: #fff;font-family: 'Mount';font-weight: 600;font-size: 18px;width: 240px;}
.stores-main.stores table td{color: #f5feb8;padding: 5px 0;font-family: "ProximaNW01-Reg"; }

.stores-main.campaigns .container{max-width: 1100px;}
.stores-main.campaigns h2.headingTag{font-size: 20px;color: #fff;font-family: 'Mount';font-weight: 600;margin-top: 20px;} 
.stores-main.campaigns .topBackBtn { width: auto;margin: 0;}
.stores-main.campaigns .btn.backbtn{background: #f4d03e;color: #000;padding: 4px 20px;margin-left: 10px;font-weight: 600;}
.stores-main.campaigns .storesList td {color: #f5feb8;padding: 8px 0;}
.stores-main.campaigns .storesList td a{padding: 0;color: #f5feb8;}
.stores-main.campaigns .storesList td.heading{color: #fff;font-family: 'Mount';font-weight: 600;font-size: 18px;width: 370px;}


.stores-main.transactions .container{max-width: 1100px;}
.stores-main.transactions h2.headingTag{font-size: 20px;color: #fff;font-family: 'Mount';font-weight: 600;margin-top: 20px;}
.stores-main.transactions .btn.backbtn{background: #f4d03e;color: #000;padding: 4px 20px;margin-left: 10px;font-weight: 600;}
.stores-main.transactions .btn.backbtn:hover{background: #6b9ff2;color: #fff;}
.stores-main.transactions .companyname {float: left; width: 100%;color: #f5feb8;font-family: 'Mount';margin: 15px 0;font-size: 20px;}
.stores-main.transactions .rewards-balance-head{font-size: 18px;font-family: 'Mount';color: #fff;float: left;width: 100%;margin: 0 0 10px;}
td.cust_store_points {padding-left: 35px !important;}
.add-loyality.setting-page-div.memberslist-admin.merchants .container{max-width: 1100px;}
.add-loyality.setting-page-div.memberslist-admin.merchants .search-right input{padding: 5px 15px;border: 0;background: #ff4040;border-radius: 8px;color: #fff;
height: 40px;font-size: 17px;width: 160px;font-family: 'Jockey One', sans-serif;}
.add-loyality.setting-page-div.memberslist-admin.merchants .search-right input::placeholder { color: fff;opacity: 1;}
.add-loyality.setting-page-div.memberslist-admin.merchants .search-right input:-ms-input-placeholder {color: #fff;}
.add-loyality.setting-page-div.memberslist-admin.merchants .search-right input::-ms-input-placeholder { color:#fff;}
.add-loyality.setting-page-div.memberslist-admin.merchants .redemption-table{overflow-y: inherit;}
.add-loyality.setting-page-div.memberslist-admin.merchants .table.campaign-table.reward-list th{background: #3a84ff;color: #fff;border: 0; font-size: 14px;padding: 20px 14px}
.add-loyality.setting-page-div.memberslist-admin.merchants table.table.campaign-table.reward-list{border: 0;}
.add-loyality.setting-page-div.memberslist-admin.merchants .table.campaign-table.reward-list td{border: 0;font-size: 13px;}
.add-loyality.setting-page-div.memberslist-admin.merchants .table.campaign-table.reward-list tr{background: #fff;}
.add-loyality.setting-page-div.memberslist-admin.merchants .table.campaign-table.reward-list tr:nth-child(2n+1) {background-color: #f2f2f2;}
.add-loyality.setting-page-div.memberslist-admin.merchants table.table.campaign-table.reward-list{margin: 0;}

.stores-main.fee-reports.fee-transaction .search-right {float: right;}
.home img{
  max-width: 100%;
}

/*====== contact us page css Start ==========*/
.login-new.contact  .login-left img {
    max-width: 135%;
  }
  .login-new.contact .login-right {
    background: none;
    float: left;
    width: 100%;
    border-radius: 0;
    margin: 0;
    padding: 0;
    box-shadow: none;
  } 
  .login-new.contact .login-right h3{
  color: #183981;
  font-family: 'Jockey One', sans-serif;
  font-size: 28px;
  font-weight: 500;
  margin: 10px 0 15px;
  }
  .login-new.contact .login-right .form-group{
      width:49.5%;
      display: inline-block;
      margin-bottom:5px;
  }
  .login-new.contact .login-right .form-group.right {
    float: right;
  }
  .login-new.contact .login-right .form-group .form-control{
   background-color:rgba(62,83,157,0.9);
   height: 52px;
   font-size:15px;
  }
  .login-new.contact .login-right .form-group .form-control::placeholder {
    color: #acbbe5;
    opacity: 1;
  }
  
  .login-new.contact .login-right .form-group .form-control:-ms-input-placeholder {
    color: #acbbe5;
  }
  
  .login-new.contact .login-right .form-group .form-control::-ms-input-placeholder {
    color: #acbbe5;
  }
  .login-new.contact .login-right .form-group.textarea {
    width: 100%;
  }
  .login-new.contact .login-right .form-group .form-control.textarea {
    height: 200px;
    padding-top:12px;
  }
  .login-new.contact .login-right button.submit{
  background: #3e539d;
  color:#fff;
  font-size:15px;
  border:0;	
  padding: 8px 50px;
  float: right;
  border-radius:6px;
  font-family: 'Futura Bk BT';
  }
  .login-new.contact .contact-bottom {
    display: block;
    margin: auto;
    margin: 0 auto 75px;
  }
  
  .pagenation.report-pagination {
    width: 100%;
    float: left;
  }

  .stores-main.fee-reports.fee-transaction .campaigns-list table.table.campaign-table th{
 
    padding: 20px 23px;
}
  
.campaigns-list.report-page.cancel_report {
  top: 15px;
}
  /*====== contact us page css close ==========*/
 
/* ======= other css issue fix =======*/


 



/* ==================== rensposive css start ======================*/

@media screen and (max-width: 1599px) {
.navbar-brand img {max-width: 80%;}
header .navbar-light .navbar-nav .nav-link{font-size: 17px;}
footer li a{font-size: 16px;}
footer h5{font-size: 16px;}
.login-left img {position: relative;left: 20px;}
.login-left img {max-width: 130%;}
.login-right{padding: 20px;}
.login-right h3{font-size: 28px;}
.login-right p{font-size: 17px;margin: 10px 0 25px;}
.login-right .form-group{margin-bottom: 15px;}
.login-right .form-group label{font-size: 14px;margin-bottom: 5px;}
.login-right .form-group .forgot-pass{font-size: 12px;}
.login-right p.dont{font-size: 14px;}
/* .login-right p.dont a{font-size: 13px;margin-top: 20px;} */
.login-new.sign-up .login-left h3{font-size: 25px;}
.login-new.sign-up .agree{font-size: 13px;}
.login-new.sign-up .login-right p{font-size: 14px;}
.transaction.password.forget .login-left img{max-width: 110%;}
.change-pass-left h2{font-size: 25px;}
.transaction.password.forget .change-pass-left p{margin-bottom: 30px;}
.transaction.password.forget .change-pass-left .form-group{margin-bottom: 35px;}
.change-pass-left .form-group label{font-size: 13px;}
.change-pass-left .btn-primary{font-size: 15px;}
 
}


 /* @media screen and (max-width: 1366px) {
    .login-right {
        background: #000;
      }
}  */

.transaction.password .login-left{left: -250px;}



@media screen and (max-width: 1280px) {
.login-left img {max-width: 125%;} 
/* .login-right h3 {font-size: 25px;}
.login-right p {font-size: 15px;} */
.login-right .form-group .form-control{height: 40px;}
.eye_icon{top: 38px;}
.eye_icon i {font-size: 13px;}
.login-right .form-group .forgot-pass {font-size: 14px;}
.login-new.login .login-submit {margin: 15px 0 0px;}
.login-submit .btn.btn-primary{font-size: 14px;}
.login-right p.dont {font-size: 15px;}
.login-new.sign-up .login-submit {margin: 12px 0;}



} 


@media screen and (max-width: 991px) {
header .navbar .nav-item.noti a.notifiication .count{right: auto;left: 12px;}
header .logout.nav-link{margin-left: 0;}
header .navbar .nav-item{margin-left: 0;}

/* ======= fee reports page css  =======*/
.stores-main.fee-reports.fee-transaction .table.table-responsive.campaign-table.reward-list{overflow: auto;}
/* ======= fee reports page css  =======*/


}


@media screen and (max-width: 820px) {

/* ======= How to Earn & Redeem page css  =======*/
.master-rewerd.earn-redeem .earn-redeem-top h4{width: 85%;}
.master-rewerd.earn-redeem .col-sm-3{flex: auto;max-width: 32%;}
.master-rewerd.earn-redeem .bonus-earning-box{margin-bottom: 20px;}
footer li{margin-right: 20px;}
/* ======= How to Earn & Redeem page css  =======*/

/* ======= profile page css  =======*/
.profile-center{width: 100%;}
.profile-inner-main {width: 100%;}
.profile-main-bg img {position: relative;}
.profile-page.store-profile .profile-text {top: -40px;padding-left: 15px;}
.profile-page.store-profile .profile-text h3{font-size: 23px;}
.profile-page.store-profile  .profile-text ul li h4{width: 50%;font-size: 15px;}
.profile-page.store-profile  .profile-text ul li h5{width: 50%;font-size: 15px;}
.profile-page.store-profile .profile-text ul{margin: 45px 0 0;}

.profile-main-bg img.web-image{display: none;}
.profile-main-bg img.phone-image{display: block;display: block;max-width: 108%;position: relative;left: -15px;}

/* ======= profile page css  =======*/

/* ======= Master Rewards page css  =======*/
.master-rewerd.master .rewerd-bottom-inner{width: 90%;}
/* ======= Master Rewards page css  =======*/

/* ======= Campaign Rewards page css  =======*/
.master-rewerd.campaign.campaign-rules.campaign-rewards .rewerd-bottom-inner{width: 90%;}
/* ======= Campaign Rewards page css  =======*/
 
/* ======= Create Rewards Rules page css  =======*/
.master-rewerd.add-campagin .rewerd-bottom-inner{width: 90%;}
/* ======= Create Rewards Rules page css  =======*/

/* =======  How it Work page css  =======*/
.how-it-work .earn-redeem-top h4{width: 85%;font-size: 22px;}
/* =======  How it Work page css  =======*/

/* =======  qrcode scanner page css  =======*/
.earning-qr .qr-steps{margin: 20px 0 50px;}
.earning-qr .qr-steps .nav-tabs .nav-link {margin: 0 5px;}
/* =======  qrcode scanner page css  =======*/

/* ======= admin campaign page css  =======*/
.stores-main.campaign{padding-left: 0;}

/* ======= admin campaign page css  =======*/
 


}


@media screen and (max-width: 480px) {

/* ======= login page css  =======*/
.login-new.login .col-sm-7{max-width: 100%;}
.login-new.login .login-left{position: relative;}    
.login-new.login .login-left img {max-width: 120%;left: 0;}
.login-new.login .col-sm-5{max-width: 100%;}
.login-new.login .login-right{margin-bottom: 35px;margin: 0 0 10px;}
footer ul{text-align: center;display: block;}
footer li:last-child {margin-right: 0;}
footer h5{text-align: center;float: none;}
.login-right p.dont{margin: 25px 0 40px;}
/* .login-new.sign-up .login-submit {margin: 0 0 40px;} */
footer{position: relative;}

/* ======= login page css  =======*/

/* ======= forget password page css  =======*/
.transaction.password.forget .login-left {position: relative;left: 0;margin-bottom: 0;}
.transaction.password.forget .login-left img {max-width: 100%;}
.transaction.password.forget .login-right{margin-bottom: 35px;margin-top: 0;}
.transaction.password.forget .login-right h4{margin: 30px 0 0;font-size: 14px;}
.merchent-button{margin-right: 0;}
/* ======= forget password page css  =======*/

/* ======= Merchant login page css  =======*/
.login-merchent .merchent-login-left img {width: 100%;}
.login-merchent .merchent-login-right {margin-top: 30px;}
.login-merchent .merchent-login-right ul{padding-left: 0;}
.login-merchent .merchent-login-right li{margin-bottom: 15px;}
.merchent-login-right.form-right a.forgot-pass{font-size: 16px;}
.merchent-login-right.form-right h3{margin: 0 0 30px;}
/* ======= Merchant login page css  =======*/

/* ======= Merchant sign up page css  =======*/
.login-new.sign-up {float: left;width: 100%;}
.customerRegister {float: left;width: 100%;display: block;height: 85%;min-height: initial;position: relative;}
.signupbg_img {width: 100%;height: auto;left: 0;margin: 0;height: 100%;display: grid;}
.signup_image {width: 100%;margin: 0;left: 0;bottom: 0;display: flex;position: absolute;top: 0;max-width: 100%;padding: 0;flex-direction: row;
align-items: center;justify-content: center;height: 220px;}
.login-new.sign-up .login-right {width: 94%;left: 0;margin: 0;position: relative;left: 3%;top: 80px;}
.login-new.sign-up .login-right h3 {position: absolute;top: -62px;z-index: 99;left: 0;text-align: center;font-size: 19px;font-family: 'Mount';
text-transform: inherit;font-weight: bold;margin: 0;line-height: normal;width: 100%;text-align: center;}
.login-new.sign-up .login-right p.dont{position: relative;right: 0;margin: 10px 0;float: left;width: 100%;text-align: left;}
.login-new.sign-up .signup-left img {max-width: 80%;left: 0;position: absolute;}
.login-new.sign-up .col-sm-6.last-name {padding-left: 15px;}
.login-new.sign-up .login-right .col-sm-5 {padding-right: 15px;}

.login-new.sign-up.merchant .signup_image{position: relative;display: inherit;left: 0;bottom: 0;height: auto;}
.login-new.sign-up.merchant .login-left img {max-width: 90%;top: 0;left: 0;}
.login-new.sign-up.merchant .login-right{top: 0px;}
/* ======= Merchant sign up page css  =======*/

/* ======= How to Earn & Redeem page css  =======*/
.master-rewerd.earn-redeem .bonus-earning{margin-bottom: 20px;}
.master-rewerd.earn-redeem .earn-logo {text-align: left;}
.master-rewerd.earn-redeem .earn-redeem-top h4{width: 65%;font-size: 17px;padding: 0;margin-left: 10px;}
.master-rewerd.earn-redeem .bonus-earning h3{font-size: 21px;text-align: center;}
.master-rewerd.earn-redeem .bonus-earning .col-sm-3 {padding-right: 15px;max-width: 85%;margin: auto;}
.master-rewerd.earn-redeem .bonus-earning-box p {font-size: 15px;}
.master-rewerd.earn-redeem .bonus-earning-box{min-height: auto;}
.qrCodeMain .qr-mid qr-code canvas{width: 160px !important;height: 160px !important;}
.bonus-earning-section.redemption{margin-top: 10px;} 
/* ======= How to Earn & Redeem page css  =======*/

/* ======= profile page css  =======*/
.profile-page.store-profile .profile-text{width: 100%;padding-left: 10px;top: -90px;}
.profile-page.store-profile .profile-text ul li h4{font-size: 14px;}
.profile-page.store-profile .profile-text ul li h5{font-size: 14px;word-wrap: break-word;}
.profile-page.store-profile .profile-text ul {margin: 80px 0 0;}
/* ======= profile page css  =======*/

/* ======= Change Password page css  =======*/
.transaction.password .login-left{left: -40px;position: relative;margin-bottom: 20px;}
.transaction.password .login-left img{max-width: 115%;}
.transaction.password .login-right h3{font-size: 22px;}
.transaction.password .login-left.mobile-view{display: block;margin: 0;}
.transaction.password .login-left.web-view{display: none;}
.transaction.password .login-right{margin: 0 0 30px;}
.transaction.password .login-right .form-group label{font-size: 16px;}
.transaction.password .form-group.your-pass li{font-size: 16px;}
/* ======= Change Password page css  =======*/

/* ======= Master Rewards page css  =======*/
.master-rewerd.master .rewerd-bottom-inner{padding: 10px;width: 96%;}
.master-rewerd.master .capmgin-master-right-main .bonus-inner{padding-left: 10px;}
.master-rewerd.master .outer-img{display: none;}
.master-rewerd.master .capmgin-master-right-main .rewerd-bottom-inner{padding: 0;}
.master-rewerd.master  .capmgin-master-right-main .currency-setting.earning {margin: 15px 0 0;}
.master-rewerd.master .currency-setting h3{font-size: 14px;}
.master-rewerd.master .bonus-inner h4{font-size: 15px;}
.master-rewerd.master .bonus-inner li{font-size: 15px;}
.master-rewerd h2{font-size: 20px;height: 100px;}
.master-rewerd.master .ear-input{width: 35px;font-size: 12px;}
/* ======= Master Rewards page css  =======*/

/* ======= Campaign Rewards page css  =======*/
.master-rewerd.campaign.campaign-rules.campaign-rewards .rewerd-bottom-inner{padding: 20px;}
.master-rewerd.campaign.campaign-rules.campaign-rewards .currency-setting{width: 100%;}
.master-rewerd.campaign.campaign-rules.campaign-rewards .currency-setting li h4{width: 115px;text-align: left;font-size: 15px;}
.master-rewerd.campaign.campaign-rules.campaign-rewards .currency-setting li button{width: 75px;font-size: 14px;margin-right: 10px;}
.master-rewerd.campaign.campaign-rules.campaign-rewards .outer-img{display: none;}
.master-rewerd.campaign.campaign-rules.campaign-rewards .currency-setting li{margin-bottom: 15px;}
/* ======= Campaign Rewards page css  =======*/

/* ======= Create Rewards Rules page css  =======*/
.rewerd-bottom-inner.edit-rewards.add .currency-setting.earning {margin: 15px 0 0;}
.rewerd-bottom-inner.edit-rewards.add .currency-setting h3{font-size: 17px;}
.rewerd-bottom-inner.edit-rewards.add .bonus-inner h4 {font-size: 15px;}
.rewerd-bottom-inner.edit-rewards.add .bonus-inner li {font-size: 15px;}
.rewerd-bottom-inner.edit-rewards.add .bonus-inner {padding-left: 15px;}
/* ======= Create Rewards Rules page css  =======*/

/* =======  How it Work page css  =======*/
.how-it-work .earn-redeem-top h4 {width: 70%;font-size: 15px;padding: 0 10px;}
/* =======  How it Work page css  =======*/

/* =======  qrcode scanner page css  =======*/
.earning-qr .earning-qr-inner{padding: 20px;margin-bottom: 40px;}
.earning-qr .qr-steps {margin: 10px 0 30px;}
.earning-qr .qr-steps .nav-tabs .nav-link{padding: 0;margin: 0 10px 15px;width: 100%;}
.earning-qr  .step-img{width: 100%;margin-bottom: 5px;height: auto;padding: 10px 0;}
.earning-qr .step-img img {max-width: 85%;}
.earning-qr .qr-steps .nav-tabs h4{font-size: 20px;}
.earning-qr .qr-step-botom{width: 100%;}
/* =======  qrcode scanner page css  =======*/

/* =======  reports page css  =======*/
.merchant-agreement.Report-page table.table.campaign-table.reward-list th{font-size: 14px;}
.add-loyality.setting-page-div.memberslist-admin.merchants .table.campaign-table.reward-list th{font-size: 13px;}
.add-loyality.setting-page-div.memberslist-admin.merchants .table.campaign-table.reward-list td{font-size: 12px;}
/* =======  reports page css  =======*/

/* ======= fee reports page css  =======*/
.stores-main.fee-reports.fee-transaction .dropdown.download{margin-right: 10px;}
.stores-main.fee-reports.fee-transaction .dropdown.download #dropdownMenuButton{width: 100px;}
.stores-main.fee-reports.fee-transaction .invoice-btn{margin-left: 10px;}
.merchant-agreement.Report-page .report-pageTopForm .form-group{width: 100%;}
.pagenation ul{top: 25px;}
/* ======= fee reports page css  =======*/

/* ======= documents page css  =======*/
#upload-file.modal-subscription .modal-dialog{width: 95%;}
#upload-file.modal-subscription .add-loyality-center .form-group{padding: 15px;width: 100%;margin-bottom: 0;}
/* =======  documents page css  =======*/

/* ======= feedbacks page css  =======*/
.add-loyality.setting-page-div.feedback{padding: 20px 0px;}
/* ======= feedbacks page css  =======*/

/* ======= pending transactions page css  =======*/
.pending-transaction table th{vertical-align: middle;}
.pending-transaction table th.th-last{font-size: 14px;}
.pending-transaction table td button{padding: 5px 4px;width: auto;font-size: 13px;}
/* ======= pending transactions page css  =======*/
 
/* ======= admin side members page css  =======*/
.add-loyality.setting-page-div.memberslist-admin{padding: 20px 0;}
.add-loyality.setting-page-div.memberslist-admin .tablistMemebers .tab-content{padding: 10px;}
.add-loyality.setting-page-div.memberslist-admin .Viewbtn {width: 90px;}
.add-loyality.setting-page-div.memberslist-admin .tablistMemebers a.nav-link{font-size: 15px;}
.stores-main.member .add-loyality.setting-page-div{padding: 20px 0;}
.add-loyality.setting-page-div .tablistMemebers a.nav-link{font-size: 14px;padding: 8px 8px;margin-right: 0;}
.add-loyality.setting-page-div .section-body.memebersBody form button.login{font-size: 15px;}
.add-loyality.setting-page-div h3{font-size: 20px;}

.stores-main.customers .Viewbtn a{padding: 5px 8px;}
/* ======= admin side members page css  =======*/

/* ======= customer profile page css start =======*/
.customer-profile p strong {width: 35%;} 
.customer-profile p{font-size: 15px;}
.heightdiv.subscriptionAdd .campaigns-list h3{font-size: 22px;margin-top: 5px;}
.heightdiv.subscriptionAdd button.btn.add-subs{font-size: 15px;}
/* ======= customer profile page css close =======*/

/* ======= member profile page css start =======*/
.stores-main.member .section-body.memebersBody{border: 0;padding: 0;}
.stores-main.member .section-body.memebersBody .person-detailMain{width: 100%;}
.stores-main.member .section-body.memebersBody .person-detailMain label{width: 30%;}
img.member_home {
  height: 80%;
  object-fit: cover;
}

/* ======= member profile page css close =======*/


.qr-step-botom.step2 .qr-code-main.transaction-details.redeem li h4{font-size: 14px;}
.qr-step-botom.step2 .qr-code-main.transaction-details.redeem li h3{width: 140px;font-size: 14px;}
.qr-step-botom.step2 .qr-code-main.transaction-details.redeem li h5{width: 140px;font-size: 14px;}
.totalCartValue input.form-control.inputfield{width: 180px!important;}
.qr-code-main.transaction-details button{margin-top: -20px;}

.qr-step-botom.step2 .qr-code-main.transaction-details li h4{font-size: 14px;}
.qr-step-botom.step2 .qr-code-main.transaction-details li h5{font-size: 14px;}
.qr-step-botom.step2 .qr-code-main.transaction-details li h4{font-size: 14px;}
.qr-step-botom.step2 .qr-code-main.transaction-details li h3{width: 110px;font-size: 14px;}
.qr-step-botom.step2 .qr-code-main.transaction-details li h4{width: 80px;}
.qr-code-main.transaction-details button.earn-btn{margin-top: 0;} 
.qr-step-botom.step2 .qr-code-main.transaction-details{padding: 40px 0;}
.qr-step-botom.step2 .qr-code-main.transaction-details li .form-control{height: 37px;}

}



@media screen and (max-width: 390px) {

/* ======= login page css  =======*/
.login-new.login .login-right h3 {font-size: 25px;}
.login-new.login .login-right p{font-size: 16px;}
.login-right .form-group .forgot-pass{font-size: 13px;}
.login-new.login .login-right p.dont{font-size: 14px;}
footer li{margin-right: 20px;}
footer li a {font-size: 15px;}
footer h5 {font-size: 15px;}
/* ======= login page css  =======*/

/* ======= Campaign Rewards page css  =======*/
.master-rewerd.campaign.campaign-rules.campaign-rewards .currency-setting li button {width: 70px;margin-right: 5px;font-size: 13px;}
.master-rewerd.campaign.campaign-rules.campaign-rewards .currency-setting li h4 {width: 110px;font-size: 14px;}
.master-rewerd.campaign.campaign-rules.campaign-rewards .rewerd-bottom-inner {padding: 15px;}
/* ======= Campaign Rewards page css  =======*/

/* =======  qrcode scanner page css  =======*/
.qrCodeMain .qr-mid qr-code canvas{width: 150px !important;height: 150px !important;}
/* =======  qrcode scanner page css  =======*/

/* =======  How it Work page css  =======*/
.how-it-work .earn-redeem-top h4 {width: 65%;}
/* =======  How it Work page css  =======*/

/* ======= How to Earn & Redeem page css  =======*/
.master-rewerd.earn-redeem .earn-redeem-top h4 {width: 62%;font-size: 16px;}
/* ======= How to Earn & Redeem page css  =======*/

 
/* ======= fee reports page css  =======*/
.stores-main.fee-reports.fee-transaction .dropdown.download #dropdownMenuButton {width: 85px;}
.stores-main.fee-reports.fee-transaction .filterbtn p{padding: 5px 12px;}
.stores-main.fee-reports.fee-transaction .invoice-btn{padding: 5px 12px;}
/* ======= fee reports page css  =======*/

.qr-step-botom.step2 .qr-code-main.transaction-details.redeem li h3{width: 120px;}
.qr-step-botom.step2 .qr-code-main.transaction-details.redeem li h3.input-shop-text{width: 100%;}
.totalCartValue input.form-control.inputfield{width: 160px!important;}

.qr-step-botom.step2 .qr-code-main.transaction-details li h4{width: 70px;}
.qr-step-botom.step2 .qr-code-main.transaction-details li h5{width: 130px;}

}
/*====== media query forgot password page css Start ==========*/
@media screen and (max-width:990px) {
    .login-new.forgot .login-right {width: 100%;float: left;}
    }

    ul.storesList li a .admin_storepoints{
    /* text-decoration: none; */
    display: flex;
    justify-content: space-between;
    width:47%;
    }




/* ==================== rensposive css close ======================*/