#overlay {background: #ffffff;color: #666666;position: fixed;height: 100%;width: 100%;z-index: 5000;top: 0;left: 0;float: left;text-align: center;padding-top: 25%;opacity: .92;}
.spinner {margin: 0 auto;height: 64px;width: 64px;animation: rotate 0.8s infinite linear;border: 5px solid #222222;border-right-color: transparent;border-radius: 50%;}
@keyframes rotate { 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} }
.bg_panel_record_bg{background-color:#169eda;color: #fff;border: 1px solid #169eda;}
.float-left {float: left;}
.float-right {float: right;}
.btn:hover, .fc .fc-button-primary:hover, .swal2-popup .swal2-actions button:hover, .wizard>.actions a:hover, div.tox .tox-button:hover{
    color: #169eda !important;
    background-color: #fff;
    border-color: #07103e;
}
.loader{display:none;}
.annual_plan{display:none !important;}
.card-body{box-shadow: 0 25px 50px -10px rgb(26 35 45 / 10%) !important;}
span.link-title {margin-left: 25px;}
.sidebar .sidebar-body .nav .nav-item .nav-link {height: 42px !important;}
.scroll {overflow-y: scroll;max-height: 370px;}
.scroll::-webkit-scrollbar {width: 8px;height:8px;}
.scroll::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3); border-radius: 10px;}
.scroll::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.5); }
.btn_active,.btn_active:hover {background-color: #169eda;border: 1px solid #169eda;color: #fff !important;}
.table>:not(caption)>*>* {border-width: 1px;}
.my_btn,.my_btn:hover,.my_btn:active{background-color: #00adef;color: #fff; border: 1px solid #00adef;}
.table td, .table th {white-space: unset;vertical-align: middle;}
.table td img {width: 100px;height: 100px;border-radius: 0px;}
.custom_btn{background-color: #169eda;color: #fff;padding: 6px;border-radius: 25px;}
.promotion,.normal_price,.worth,.min_spend,.rebate_per_order{display:none;}
.card_1{box-shadow: 9px 10px 10px 0px rgb(183 192 206 / 52%);
    -webkit-box-shadow: 9px 10px 10px 0px rgb(183 192 206 / 52%);
    -moz-box-shadow: 9px 10px 10px 0px rgb(183 192 206 / 52%);
    -ms-box-shadow: 9px 10px 10px 0px rgb(183 192 206 / 52%);
    border-radius: 25px;
}
/*.sidebar .sidebar-body .nav.sub-menu .nav-item .nav-link.active {*/
/*    color: #db552f;*/
/*}*/
.sidebar .sidebar-body .nav.sub-menu .nav-item .nav-link.active {
    color: #fff;
}
.sidebar .sidebar-body .nav.sub-menu .nav-item .nav-link.active::before {
    border: 1px solid #169eda;
    background: #169eda;
}
.sidebar .sidebar-body .nav .nav-item .nav-link[aria-expanded=true] {
    color: #169eda;
}
.sidebar .sidebar-body .nav.sub-menu .nav-item:hover .nav-link {
    color: #169eda !important;
}
.all_outlets{border: 2px solid #169eda;width: 300px;padding: 7px;display: block;margin: 0 auto;text-align: center;color: #000;font-size: 18px;font-weight: 600;border-radius: 20px;}
.not-allow{
    opacity:0.5;pointer-events: none;
}
.submit_btn{border-radius: 45px;background: #169eda;border-color: #169eda;}
.submit_btn:hover{color:#fff !important;background: #169eda;border-color: #169eda;}
.account_statement_type1.active, .account_statement_type2.active{border-bottom: 2px solid orange;}
.rd3_party_customer.active, .customer_to_3rd_party_store.active{border: 2px solid orange;padding: 10px;background-color:orange}
.items.active, .vouchers.active{border-bottom: 2px solid orange;}
.logo {
  width: 72px;
  display: flex;
  align-self: flex-end;
  filter: drop-shadow(1px 1px 0 #555);
  z-index: 1;
}

.name-and-expiry {
  display: flex;
  justify-content: space-between;
  z-index: 1;
  color: #fff;
  font-size: 16px;
  letter-spacing: 3px;
  filter: drop-shadow(1px 0px 1px #555);
  text-transform: uppercase;
}

.numbers {
  font-size: 18px;
  letter-spacing: 9px;
  text-align: center;
  color: #fff;
  filter: drop-shadow(1px 0px 1px #555);
  z-index: 1;
}

.formBox div{
    margin-bottom:20px;
}

.carousel-control-next{
    left:75%;
}
.carousel-control-prev{
    left:10%;
}
  .outlet_card{
    border-radius: 8px;
    box-shadow: 0px 0px 7px 0px lightgrey;
    height: auto;
    overflow: hidden;
    /*line-height: 30px;*/
}
/*.vourcher_box{*/
/*    display:none;*/
/*}*/
.card1 {
    border: 1px solid;
    border-radius: 10px;
}
.card1:hover {
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 8%), 0 0 15px 0 rgb(0 0 0 / 2%), 0 0 20px 4px rgb(0 0 0 / 6%);
}






.card.outlet_card.mb-3 {
    height: 165px;
}
.credit-card {
  position: relative;
  /*max-width: 520px;*/
  /* min-width: 520px; */
  margin: 10px auto;
  min-height: 300px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  padding: 24px;
  box-sizing: border-box;
  /*background: linear-gradient(-240deg, #fffc00, #fc00ff, #00fffc);*/
  justify-content: space-between;
  font-family: "Dosis", sans-serif;
  overflow: hidden;
  background-size: cover;
  /* background:lightgray; */
}

.credit-card:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 0;
  color: rgb(249 249 249 / 10%);
  /*background: linear-gradient(135deg, currentColor 25%, transparent 25%) -100px 0,*/
  /*  linear-gradient(225deg, currentColor 25%, transparent 25%) -100px 0,*/
  /*  linear-gradient(315deg, currentColor 25%, transparent 25%),*/
  /*  linear-gradient(45deg, currentColor 25%, transparent 25%);*/
  /*background-size: calc(2 * 100px) calc(2 * 100px);*/
}

.logo {
  width: 72px;
  display: flex;
  align-self: flex-end;
  filter: drop-shadow(1px 1px 0 #555);
  z-index: 1;
}

.name-and-expiry {
  display: flex;
  justify-content: space-between;
  z-index: 1;
  color: #fff;
  font-size: 16px;
  letter-spacing: 3px;
  filter: drop-shadow(1px 0px 1px #555);
  text-transform: uppercase;
}

.numbers {
  font-size: 18px;
  letter-spacing: 0px !important;
  text-align: center;
  color: #fff;
  filter: drop-shadow(1px 0px 1px #555);
  z-index: 1;
}

.carousel-control-next{
    left:75%;
}
.carousel-control-prev{
    left:10%;
}
  .outlet_card{
    border-radius: 8px;
    box-shadow: 0px 0px 7px 0px lightgrey;
    height: 195px;
    /* overflow: hidden; */
    /*line-height: 30px;*/
    width: 334px;
}
.main_voucher_box{
    display:none;
}
.qty .count {
    color: #000;
    display: inline-block;
    vertical-align: top;
    font-size: 20px;
    font-weight: 700;
    line-height:10px;
    padding: 0 2px;
    min-width: 35px;
    text-align: center;
}
.qty .plus {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: white;
    width: 20px;
    height: 20px;
    font: 20px/1 Arial,sans-serif;
    text-align: center;
    /*border-radius: 50%;*/
    }
.qty .minus {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: white;
    width: 20px;
    height: 20px;
    font: 30px/1 Arial,sans-serif;
    text-align: center;
    line-height: 0.5;
    /*border-radius: 50%;*/
    background-clip: padding-box;
}
/*.qty {*/
/*    text-align: center;*/
/*}*/
/*.minus:hover{*/
/*    background-color: #717fe0 !important;*/
/*}*/
/*.plus:hover{*/
/*    background-color: #717fe0 !important;*/
/*}*/
/*Prevent text selection*/
.quantity_count_plus{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.quantity_count{  border: 0;width: 2%;}
.quantity_count::-webkit-outer-spin-button,.quantity_count::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.quantity_count:disabled{background-color:white;}
.minPlusBtn{background:#000;border-radius:5px;border-color:#000;}
.crd{padding:10px}
.table_responsive{overflow-x: auto;}
.panel-title a:before {
    font-family:Fontawesome;
    content:'\f077';
    float:right;
    font-size:10px;
    font-weight:300;
}
.panel-title a.collapsed:before {
    font-family:Fontawesome;
    content:'\f078';
}
.panel-default>.panel-heading {
color: #333;
background-color: #f5f5f5;
border-color: #ddd;
    padding: 10px 15px;
}
.panel-default {
    border-color: #ddd;
}
.panel{
    background-color: #fff;
    border: 1px solid transparent;
}
.panel-body {
    padding: 15px;
}
.panel-group {
    margin-bottom: 20px;
}
.up-down{
    cursor: pointer;
}