.total-reward{background: #481e5e;
   
    padding: 10px; 
    border-radius: 20px; text-align: center;

  }
   .vedit{ display: block; font-family: inherit; font-size: 13px; } 

  .bootstrap-tagsinput {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    display: inline-block;
    padding: 4px 6px;
    color: #555;
    vertical-align: middle;
    border-radius: 4px;
    width: 100%;
    line-height: 22px;
    cursor: text;
}
.split-input{    display: inline-block;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
    margin: 1px 0;
 width: 80px;
    overflow: hidden;
    line-height: 1em;
    text-align: right;}
.split-input label{ font-size: 10px !important; color: #999 !important;
    padding: 4px 6px 0;
    color: #555;
    display: block;}   
.split-input input{width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    padding: 0 6px 4px;
    color: #555;
    background: 0 0; text-align: right;}    
.input{border-bottom: 1px dashed #ddd;
    background: #fff;}    
.pt-d-none{ display: none; }    
.quantity_2{ width: 50px; border-radius: 2px; border:1px solid #e2e2e2; padding: 5px 5px;  }
.form_2control label{ display: block; }
.form_2control input{ border-radius: 2px; border:1px solid #e2e2e2; padding: 7px 10px; width: 100%; }
.form_2control .row{ margin-bottom: 10px; }
.edit_e{ font-size: 14px; color: #333; float: right; }
._2address p a{display: block;}
._2h-title{ font-size: 16px; font-family: inherit; color: #333; display: inline-block; width: 100%; font-weight: 600; }
._2h-stitle{ font-family: inherit; font-size: 14px; color: #333; }
  ._fleft{ float: left; padding: 10px 5px 15px 5px; }
  .btn-reward{ background: #fff; color: rgb(69,31,118); font-size: 13px; font-weight: 500; padding: 8px 30px; border-radius: 30px; display: inline-block;  }
  .span-txt{color:#d798ff;  font-size: 13px; font-weight: 400; padding:10px 0; display:block;}
  .last-update{color:#f6ff00;  font-size: 13px; font-weight: 400; padding:20px 0 0; display:block;}
  .rw-points{color:#f6ff00;  font-size: 35px; font-weight: 700; padding:5px 0; display:block; letter-spacing: 1px; margin-bottom: 10px;}
  .card .card-title{ font-weight: 700 !important;  font-size: 17px !important;}
  .card .card-title1{ color: #575962; font-size: 18px; font-weight: 400;  line-height: 1.2; }
  .deals-box-inner{ display: inline-block; width: 100%; padding: 0px; margin: 0px; }
  .deals-box-inner ul{ padding: 0px; margin: 0px; list-style: none; }
  .deals-box-inner ul li{ display: inline-block; width: 100%; padding: 15px 0; border-bottom: 1px solid #f1f1f1; } 
  .deals-thumbs{ width: 150px; height: 150px; background:#fff; border:1px solid #f3f3f3; float: left; margin-right: 15px;  }
  .deals-thumbs img{ width: 100%; }
  .deals-thumb-rt{ overflow: hidden; padding: 0px; }
  .deals-thumb-rt h2{ font-family: inherit; font-size: 18px; font-weight: 600; color: #101010; margin: 0 0 10px 0;  }
  .price-dis{ padding: 0px; margin: 0px 0 10px 0; }
  .price-dis span{ font-weight: 600; color: #101010; font-family: inherit; font-size: 14px; padding-right: 20px; }
  .price-dis span:nth-child(2){ color: #666; text-decoration: line-through; }
  .price-dis span:last-child{ color: #ff4f74 }
  time{ font-size: 15px; font-weight: 500; color:#ffa707; margin-bottom: 10px; display: block;   }
  .moq{ display: block; font-weight: 500; font-size: 13px; color: #999; padding-bottom: 5px; }
  .earn{ display: block; font-size: 13px; color: #2e4ea2; font-weight: 500; padding-bottom: 5px; }
  .dot_green{ width: 10px; height: 10px; border-radius: 100%; background: #28ad47; display: inline-block; }
    .dot_orange{ width: 10px; height: 10px; border-radius: 100%; background: #ffb007; display: inline-block; }
  /* set rewards */
.set-rewards-div{ border:1px solid #f1f4ff; padding: 0px; margin: 0 0 10px 0; display: inline-block; width: 100%; }
.set-top-haeader{ background:#f1f4ff; padding: 0px; margin: 0px; float: left; width: 100%; }
.set-top-haeader span{ float:left; padding: 10px 15px; width: 33.33%; font-size: 13px; font-family: inherit; color: #554; font-weight: 600; }
.set-reward-row{ padding: 0px; margin: 0px; border-bottom:1px solid #f1f4ff; display: inline-block; width: 100%;  }
.set-reward-3colmn{ width: 33.33%; float: left; padding: 15px; font-size: 13px; font-family: inherit; color: #333; }
.set-reward-3colmn input{ width: 60% !important; float: left; padding: 8px 10px; border-radius: 3px; border: 1px solid #ebedf2; } .set-reward-3colmn label{width: 40%; float: left; line-height: 37px; padding: 0 10px;}
.set-reward-row:last-child{ border-bottom: 0px; }
.set-reward-3colmn span{ display: none; }
.card-title1{ margin: 0; color: #575962; font-size: 16px; font-weight: 400; line-height: 1.6; display: inline-block;}
.c-dd-point{ border:2px solid #dee8f4; color: #373e47; padding: 14px 30px; float: left; font-weight: 600; border-radius:3px; }
.c-dd-status{ float: right; }
.c-dd-status a{ text-transform: uppercase; font-weight: 400 ;font-family: inherit; font-size: 11px; float: left; margin-right: 15px; }
.c-dd-status a:last-child{ margin-right: 0px; }
.c-dd-status a.active{ color: #00c27e }
.c-dd-status a.deactive{ color: #ffb108; }
.c-dd-status a.expire{ color: #f51d1d }
.ul-dd-row{ display: inline-block; width: 100%; margin-top: 10px; }
.cs-e-time{ margin: 0 150px 0 160px; padding: 0px;  }
.cs-e-time span{ font-size: 14px; font-weight: 600; color: #333; display: block; margin-bottom: 10px; }
.cs-e-time time{ font-weight: 400; font-family: inherit; font-size: 13px; color: #373e47; margin-right: 30px; display: inline-block;}
.cs-e-time time:last-child{margin-right: 0px;}
.c-dd-points li{ padding-bottom: 15px; border-bottom: 1px dashed #f2f2f2; margin-bottom: 15px; list-style: none;}
.c-dd-points li h4{ font-family: inherit; font-size: 14px; color: #333; font-weight: 500; line-height: 22px; }
.c-dd-points li:last-child{ border-bottom: 0px; }
.c-dd-points{margin:0 10px; padding: 0px;}
.login-logo{ display: block; width: 180px; height: 52px; position: absolute; top: -60px; left: 50%; transform: translate(-50%, -8px); }
.open-colmn-t{ float: left; width: 31%; }
.open-week{ line-height: 42px; font-size: 12px; font-weight: 500; }
.open-row-t{ width: 100%; display: inline-block; }
.img-view-l{ float: left; padding: 10px; position: relative; }
.leaflet-div{ display: block;overflow: hidden; border-bottom: 1px solid #f2f2f2; margin-bottom: 10px; }
.trash-overlay{ position: absolute; top: 20px; right: 20px; z-index: 10; display: none;}
.img-view-l:hover .trash-overlay{ display: block;}
.avail{ float: left; font-weight: 600;  font-size: 14px; margin-left: 10px; color: #0089ff; font-family: inherit;}
.deals-thumb-rt button.btn-success{ margin-left: 10px; }
.form-show-notifys{ padding: 0 10px; }
.fss{ width: 200px; }
._2fptage{ padding: 0px; margin:15px 0 0; display: inline-block; width: 100% }
._2fptage li{ float: left; list-style: none; padding: 0 10px; margin: 0 0 -5px; }
.target_b{ display: block; font-family: inherit; font-size: 16px; margin-bottom: 10px; font-weight: 600; }
.target_1{ display: inline-block; width: 100%; padding: 0px; margin: 0px; }
.target_1 li{ float: left; width: 33.33%; border: 1px solid #ddd; padding: 15px; margin-bottom: 15px; list-style: none; }
.target_1 li p{ font-size: 15px; line-height: 19px; }
.target_1 li h4{ color: #101010; font-size: 20px; }
.spans {
    display: block;
    font-family: inherit;
    font-size: 13px;
    font-weight: 400;
    color: #243e99;
    margin: 15px 0 10px;
}
.deal_2div{ display: inline-block; width: 100%; padding:0px; margin: 15px 0px;  }
.deals_thumb{ width: 150px; height: 150px; float: left; margin-right: 15px; border:1px solid #f6f6f6; }
.deals_thumb img{ width: 100%; }
._2d_price_box { display: inline-block; width: 100%; margin: 5px 0px 5px; height: 22px; min-height: 22px;}
.deals_desc{ overflow: hidden; padding: 0px; }
.deals_desc h2{ font-family: inherit; font-size: 18px; font-weight: 700; color: #101010; margin: 0px 0 5px; }
.b_iamg{ width: 200px; height: 200px; display: block; } .b_iamg img { width: 100%; }
._2d_price_dis {
    font-family: inherit;
    font-size: 16px;
    line-height: 22px;
    color: #333;
    float: left;
    font-weight: 800;
       text-decoration: line-through;
}
._2d_price {
    font-family: inherit;
    font-size: 16px;
    line-height: 22px;
    color: #101010;
    float: left;
    font-weight: 800; margin-right: 10px;
}
.v-offers {
    border-radius: 2px;
    font-family: inherit;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    color: #ff2616;
    padding: 0px 5px;
    float: left;
    margin-left: 15px;
}

._2redeem{ border:1px solid #ddd; padding: 15px;  }
._2redeem h4{ font-size: 16px; font-weight: 600; }
._2redm_row{ display: -webkit-flex;
    display: flex;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: -8px; }
._2redm{ -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%; }   
     
.m-10{ margin: 10px; } 
.p-0{ padding: 0px 0px 15px !important; }   
.hprofile-thumb{ width: 130px; height: 130px; float: left; margin-right: 15px; border-radius: 100%; border: 1px solid #eaeaea; overflow: hidden; background: #eaeaea;  }  
.hprofile-thumb img{ width: 100%; height: 100%; object-fit: cover; object-position: center; }
.bthumb{ width: 150px !important; height: 84px !important; border-radius: 4px !Important;}
.hprofile-details{ overflow: hidden; margin: 20px 0 0; }
.hprofile-details h2{ font-family: inherit; font-size: 20px; color: #000; font-weight: 500; }
.hprofile-details span{ font-family: inherit; font-size: 14px; color: #333; display: block; }
.profile-div{ display: inline-block; width: 100%; position: relative; }
.act-btn{ position: absolute; right: 10px; bottom: 0px; }
.revenue-sale{  width: 100%; background: #1d7af3; padding: 40px 30px; border-radius: 20px; display: grid; margin: 20px; }
.revenue-sale h2{ font-family: inherit; font-size: 50px; color: #fff; font-weight: 700; padding: 10px 0; margin-bottom: 0px; }
.revenue-sale span{ font-family: inherit; font-size: 16px; color: #fff; text-transform: uppercase; }
.page-row{ display: flex; flex-wrap: wrap; }

@media  (max-width:768px){ .card-header, .card .card-body { padding: 10px !important; } .nav-pills.nav-pills-no-bd li {
    margin-left: 10px!important;} .nav-pills .nav-link{ padding: 10px; } .container-fluid{  padding-right: 10px; padding-left: 10px;  }
    .wizard-container .wizard-action .btn{ min-width: 80px; }
 .nvl-link li{ width: 50% !important; border-bottom: 1px solid #fff;  border-right:1px solid #fff; }   
 .wizard-container .wizard-body .tab-content{ padding: 15px 0px }
 .cs-e-time { margin: 0px; padding: 15px 0 0;}  .c-dd-status { padding: 15px 10px 15px 0;} .c-dd-point { float: none; display: inline-block;}
 .form-check, .form-group{ padding: 15px 5px; } .form-control{padding: .6rem;}
 .card-profile .profile-picture{ bottom: 10px;} .avail{width: 100%; display: inline-block; margin-left: 0px; margin-top: 10px;} .hhd{ margin-top: 8px; }
 .fss{ width: 100%; }
}

@media (min-width:620px) and (max-width:768px){
  .bttn-block{ display: block !important; } 
}

@media (min-width:479px) and (max-width:619px){
  .deals-thumbs{ width: 90px; height: 90px;  margin-right: 10px;} .deals-thumb-rt h2{ font-size: 15px; } .price-dis span{ padding-right: 10px; font-size: 13px; }
  .bttn-block{ display: block !important; } .bttn-block .card-tools{ float: none !important; display: inline-block; width: 100%; padding: 20px 0 0 0 !important; }
  .bttn-block .card-title{ display: block; }
  .open-colmn-t:first-child{ width: 12% !important; } .open-colmn-t{ width:29.333%;  }
}

@media (min-width:415px) and (max-width:478px){
   .deals-thumbs{ width: 90px; height: 90px;  margin-right: 10px;} .deals-thumb-rt h2{ font-size: 15px; } .price-dis span{ padding-right: 10px; font-size: 13px; }
  .bttn-block{ display: block !important; } .bttn-block .card-tools{ float: none !important; display: inline-block; width: 100%; padding: 20px 0 0 0 !important; }
  .bttn-block .card-title{ display: block; }
    .open-colmn-t:first-child{ width: 12% !important; } .open-colmn-t{ width:29.333%;  }
}

@media  (max-width:414px){
.nvl-link li{ width: 100% !important; border-bottom: 1px solid #fff; border-right:0px;}  
.nvl-link1 li{ width: 50% !important; border-bottom: 1px solid #fff; border-right:1px solid #fff;}  
  .open-colmn-t:first-child{ width: 12% !important; } .open-colmn-t{ width:29.333%;  } 
  .card-head-row{ display: block !important; } .card .card-title{ display: inline-block; width: 100%; } 
  .card-tools{ float: none !important; } .ml-auto{ margin-left: 0px !important; }
  .form-show-notifys{ float: left; width: 50%; } .fss{ width:146px; }
 .card-tasks .card-body .table td{ white-space: normal; }  .table>tbody>tr>td{ white-space: normal; }
 ._fleft{ padding: 5px; width: 50%; }
 .form-check, .form-group{ padding: 5px; } .bttn{ margin-top: 10px; }

}
@media (min-width:320px) and (max-width:414px){
.deals-thumbs{ width: 90px; height: 90px;  margin-right: 10px;} .deals-thumb-rt h2{ font-size: 15px; } .price-dis span{ padding-right: 10px; font-size: 13px; }
  .bttn-block{ display: block !important; } .bttn-block .card-tools{ float: none !important; display: inline-block; width: 100%; padding: 20px 0 0 0 !important; }
  .bttn-block .card-title{ display: block; }
  .card{ margin-bottom: 10px; }

}

._pnts_div{ display: inline-block; width: 100%; padding: 10px 10px; margin: 0px 0 10px 0; background: #f8f8f8; }
.mtxt{ margin: 15px 0 5px; font-family: inherit; font-size: 22px; font-weight: 600; color: #000; display: inline-block; }
._ss_pnts{ font-size: 18px; font-family: inherit; color: #101010; font-weight: 600; }
.date_time{ padding: 5px 0 0; display: block; }
.date_time span{ color: #666; font-size: 15px; } .date_time span em{ font-style: normal; color:#ffa707; font-weight: 600;  }
.freebies_thumb{ display: inline-block; width: 100%; padding: 0px 0 15px; margin: 0px 0 10px 0; border-bottom:1px solid #ddd;  }
.fb_thumb_img{ width: 120px; height: 120px; background: #ddd; float: left; margin-right: 15px; }
.fb_desc_title{ font-family: inherit; font-size: 19px; color: #333; font-weight: 600; margin-bottom: 5px; }
.fb_desc p{ font-size: 15px; margin-bottom: 0px; line-height: 20px; }
.fb_desc{ width: 55%; float: left; }
.ml15{ margin-left: 15px; } ._utitle{ font-family: inherit; font-size: 18px; font-weight: 600; color: #243e99; padding: 0 10px; }
.pr_code{ font-family: inherit; font-size: 15px; text-transform: uppercase; font-weight: 600; color: #101010; margin-top: 5px; }
.pr_code em{ font-style: normal; color: #177dff } .rows{ display: inline-block; width: 100%; padding: 0px; }
._uprmo{ font-family: inherit; font-size: 14px; color: #333; text-transform: uppercase; display: block; }
._uprmo em{ font-style: normal; color: #ffa707; }


/* Pagnination*/
._n_2pagination{ display: flex;
padding-left: 0;
list-style: none;
border-radius: .25rem;margin: 2px 0;
white-space: nowrap;
justify-content: flex-end; }
._n_2pagination li{ padding: 0px; list-style: none; margin: 0px; } 
._n_2pagination li a{ border:1px solid #dee2e6; color: #6c757d; border-radius: 100px; display: block; font-size: 13px; font-family: inherit; height: 40px; line-height: 40px; background: #fff; padding: 0 17px;text-decoration: none; margin: 0 2px; }
._n_2pagination li.active a,  ._n_2pagination li.active a:hover{ background: #007bff; color: #fff; border:1px solid #007bff; }
._n_2pagination li a:hover{ background: #dee2e6; }
.disabled a{ color: #6c757d;
pointer-events: none;
cursor: auto;
background-color: #fff;
border-color: #dee2e6; } 


        table td input {
            border: 1px solid #e2e2e2;
            padding: 0.4rem 8px;
        }
        
        input[type=number]::-webkit-inner-spin-button,
        input[type=number]::-webkit-outer-spin-button {
            opacity: 1 !important;
        }
        
        .select2-input .select2 {
            margin-bottom: 0px;
        }
        /* search dropdown */
        
        .m-dropdown-row {
            display: inline-block;
            width: 100%;
            padding: 10px;
            margin: 0px;
        }
        
        .m-dropdown-row span {
            font-family: 'Avalon', 'Graphik', Arial, Helvetica, sans-serif;
            font-size: 17px;
            color: #1e2022;
            font-weight: 500;
            display: block;
        }
        
        .m-dropdown-row span:last-child {
            font-size: 14px;
            font-family: inherit;
            color: #959696;
            font-weight: 400;
        }
        
        .m-dropdown-row span em {
            font-style: normal;
        }
        
        .modal-srch-box {
            background: #fff;
            border: 1px solid #ddd;
            padding: 0px;
            margin: -2px 10px 0px;
            cursor: pointer;
            max-height: 300px;
            overflow: auto;
            position: absolute;
            z-index: 10;
            left: 25px;
            right: 25px;
        }
        
        .m-dropdown-row:hover {
            background: #f0f4f7;
        }
		
		
	.tu{ text-transform: uppercase; }
.title{ font-family: inherit; font-size: 22px; color: #000; font-weight: 500; }
.invoice-detail{ padding: 10px; }
.in-filter button{ width: 100%; font-size: 16px; }
.seperator-solid{ display: inline-block; width: 100%; }
.total{ display: inline-block; width: 100%; }
.total-column{ float: right; width: 300px; clear: both; }
.total-column span{ font-family: inherit; font-size: 16px; font-weight: 600; color: #000; width: 50%; float: left; text-align: right; padding-bottom: 15px; }
.tv-scroll tbody {
      display:block;
      max-height:650px;
      overflow-y:auto;
  }
 .tv-scroll thead,  .tv-scroll tbody tr {
      display:table;
      width:100%;
      table-layout:fixed;
  }
 .tv-scroll thead {
      width: calc( 100% - 1em )
  } 
 .tv-scroll tbody tr td a{ color: #333; } .tv-scroll tbody tr td a:hover{ color:#007bff ; }

/* START */

.btn-xs{ font-size: 13px !important; }
.drop-menus
{ width: inherit; min-width: 200px; background: #fff; padding: 15px; box-shadow: 0 4px 16px 0 rgb(0 0 0 / 20%); border-radius: 8px;
        position: absolute; width: 100%; max-width: 600px; left: 20px; z-index: 1001; top: 130px; }
 .drop-menus:after, .drop-menus:before {
    bottom: 100%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
}

.drop-menus:after {
    border-color: rgba(0, 0, 0, 0);
    border-bottom-color: #ffffff;
    border-width: 10px;
    left: 10%;
    margin-left: -10px;
}
.drop-menus:before {
    border-color: rgba(161, 103, 45, 0);
    border-bottom-color: #e7e7e7;
    border-width: 11px;
    left: 10%;
    margin-left: -11px;
}
.fnav-row{ display: flex; flex-wrap: wrap; }
.fnav-column{ flex-basis: 33.33%; max-width:33.33%; }
.column-header{ font-family: inherit; font-size: 14px; text-transform: uppercase;  padding: 12px 20px;}
.fnav-column ul{ padding: 0px; margin: 0px; list-style: none; }
.fnav-column ul li{ padding: 0px; }
.fnav-column ul li a{ font-family: inherit; font-size: 14px; color: #393a3d; padding: 8px 20px; display: block; }
.fnav-column ul li a:hover{ background: #f4f4f4; text-decoration: none; }
.cbtn{ position: absolute; top: -30px; right: 0px; }
.al-dropdown, .in-filter{ position: relative; } 
.drop-menus{ top: 55px; width: 550px; } 
.form-p{ padding: 10px 0; }
.d-arrow{ font-size: 17px; color: #333; cursor: pointer; position: relative; top: 2px; }
.ndmenu{ top: 130px !important; position: fixed; }
.p-small{ padding: 0px; margin: 0px 5px 0 }
/* nav menu */
.nav_bar_line{ display: inline-block; width: 100%; padding: 10px 0 0; margin: 0px 0 20px;  }
.nav_bar_menu{ list-style: none; padding: 0px; margin: 0px; border-bottom: 1px solid #ddd; width: 100%; display: inline-block;}
.nav_bar_menu li{ float: left; padding: 0px; }
.nav_bar_menu li a{ font-family: inherit; font-size: 15px; color: #666; display: block; padding: 10px 15px;  }
.nav_bar_menu li a:hover, .nav_bar_menu li a.active{ border-bottom: 3px solid #277f21; text-decoration: none; color: #000; }
	
	.brandblue {
    background: #243e99!important;
}

  @media print { body{background: #fff !important;}}