.nav-primary:before, .nav-primary:after {display: table;content: " ";}
.nav-primary:after {clear: both;}
.nav-primary{background-color: #ffffff}
.nav-primary li{line-height: 1.5}
.nav-primary li li a{padding:5px 15px;}
.nav-primary li a i{margin-right: 0.5em; font-size:1.4em; display:inline-block;width:24px; text-align:center;}
.nav-primary > ul > li > a{color: #1c1c1c;padding:10px 10px 10px 15px;position:relative;font-weight:normal;word-wrap:break-word;}
.nav-primary > ul > li > .dropdown-menu{margin-left: 0;border-radius: 0}
.nav-primary > ul > .dropdown-submenu:hover > a,
.nav-primary > ul > .dropdown-submenu:focus > a,
.nav-primary > ul > li > a:hover,
.nav-primary > ul > li > a:focus,
.nav-primary > ul > li > a:active,
.nav-primary > ul > li.active > a{color: #056fed;background-color: transparent;transition:color .3s ease-in-out 0s;}
.nav-primary > ul > li.active > a{}
.nav-primary > ul > li > a:hover{color:#056fed;}
.nav-primary > ul > .dropdown-submenu  > a:after{display: none}
.nav-primary .nav-brand{ display:inline-block; text-align:center; padding:15px 15px 10px; }
.nav-primary .nav-brand img{ max-width:100%; }
.nav-primary .nav-brand .txt{ font-size:20px; color:#7985b2; font-style: italic; font-weight: bold }

.nav-primary li.group{ padding:10px 0 10px; background-color:#ffffff; }
.nav-primary li.group span{ padding-left:15px; color:#000; font-weight:700; }

.nav-primary.bg-light > ul > li > a{border-bottom-color:#dedede;color:#666;border:0; font-size:14px;}
.nav-primary.bg-light > ul > .dropdown-submenu:hover > a,
.nav-primary.bg-light > ul > .dropdown-submenu:focus > a,
.nav-primary.bg-light > ul > li > a:hover,
.nav-primary.bg-light > ul > li > a:focus,
.nav-primary.bg-light > ul > li > a:active{ color:#444; background:#ebebeb; }
.nav-primary.bg-light > ul > li.active > a{color: #000; background:#dedede;}

.nav-switch{ display:block; padding:5px 0 0 0; font-size:24px; text-align:center; }
.nav-switch:hover{ color:#fc3; }


.btn-danger, .bg-danger, .btn-danger.btn-circle > i{color:#fff;background-color:#0375fd;}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.btn-circle:hover > i{color:#fff;background-color:#1f75df;}
.text-danger{color: #0871ee !important;}
.rule-list .rule-item .badge.bg-danger:after{ border-color:#0375fd transparent transparent; }





body{background-color: #f6f9fc !important;color:#73777a;font-size:13px;overflow-x: hidden;}
.panel-heading, .panel-footer{border-color: #e0e4e8;background: #d9eafd;}
.modal-header{border-radius: 6px 6px 0 0;background-color: #d9eafd}
.modal-footer{padding: 14px 20px 15px;margin-top: 0;border-radius: 0 0 6px 6px;background-color: #d9eafd}
.bg{background-color: #d9eafd}
.btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active{border-color:#c3c6c9;color:#657483;background-color:#d9eafd;}
.bl_dialog .jconfirm-box div.jconfirm-title-c{ background:#d9eafd; padding:15px; }

#nav.bg-light{background:#f6f9fc;border-color:#dedede}


.member_product .item a:hover i{ color:#056fed; }
.member_product .item a:hover h3{ color:#056fed;  }
.rule-list .rule-item.active{ background:#056fed; border-color:#0096e0; color:#fff; z-index:10; }
.rule-input .form-control:hover{ border-color:#056fed; }
.cash-coupon-item-btn {
  display: block;
  margin: 0 auto;
  border: 1px solid #056fed;
  width: 120px;
  height: 32px;
  line-height: 30px;
  font-size: 12px;
  color: #056fed;
  text-align: center;
  border-radius: 16px;
}
.cash-coupon-item-btn:hover {
  text-decoration: none;
  color: #056fed;

}
.text-primary{color: #056fed}
.list_gray .list-group-item:hover{ background:#fff; color:#333; border-color:#056fed; }
a:hover, a:focus{text-decoration:none;color:#056fed;}


.rule-list .rule-item.active{ background:#0a6de2; border-color:#0a6de2; color:#fff; z-index:10; }
.rule-list .rule-card label:after{
  content: " ";
  height: 0px;
  background: #bfd9f3;
  width: 100%;
  margin: 0 auto;
  display: block;
}
.rule-list .rule-card .icon-bg{
  display: none;
  color: #fff;
  text-align: right;
  position: absolute;
  right: 0;
  border-top: 24px solid #0a6de2;
  border-left: 24px solid transparent;
}
.rule-list .rule-card.active label,.rule-list .rule-card:hover label{ color: #0a6de2; }
.rule-list .rule-card label{ display:block; text-align:center; font-weight:700; height:32px; line-height:32px; font-size: 16px; }



.carousel-indicators .active{background: #3560fc;width: 10px;height: 10px;}
.dropdown-menu > .active > a:focus{
  background-image: none;filter:none;background-color: #3560fc;color: #fff;
}
.btn-primary, .bg-primary, .btn-primary.btn-circle > i{color:#fff;background-color:#3560fc}
.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle{background:#e1e5e9;box-shadow:inset 0 1px 0 #3560fc}
.btn-group{ color:#0375fd;}


.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.btn-circle:hover > i, .btn.btn-circle:hover > i{color:#fff; background-color:#4d72f9;}
.form-control:focus { border-color: #0871ee; box-shadow:none;}



.btn-toggle .btn-white.active{ background:#0871ee; color:#fff; border-color: #0365d9; }


.btn-info .text-info a{ color:#0365d9;}
.btn-info, .bg-info, .btn-info.btn-circle > i{color:#fff;background-color:#0365d9}



.rule-list .rule-card{ }
.rule-list .rule-card.active,.rule-list .rule-card:hover{ box-shadow: 1px 1px 20px rgba(0,0,0,.1);  background-color:#ebf5fe;}
.rule-list .rule-card .desc{
  text-align: center;
  padding:0;
  color:#666666;
  border-bottom:1px solid #bfd9f3;
  font-weight:500;
  font-size:14px;
}
.rule-list .rule-card.active .icon-bg,.rule-list .rule-card.active .icon-ok,.rule-list .rule-card:hover .icon-bg,.rule-list .rule-card:hover .icon-ok{
  display: none;
}




.btn-primary, .bg-primary, .btn-primary.btn-circle > i{color:#fff;background-color:#3975ff !important;}
.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle{background:#e1e5e9;box-shadow:inset 0 1px 0 #3975ff !important;}
.carousel-indicators .active{background: #3975ff !important;width: 10px;height: 10px;}
.dropdown-menu > .active > a:focus{
  background-image: none;filter:none;background-color: #3975ff !important;color: #fff;
}



.checkbox-custom>i.checked:before,.radio-custom>i.checked:before{color:#4795ff}
.carousel-indicators .active{background:#4795ff;width:10px;height:10px}
.slider-handle{position:absolute;width:20px;height:20px;background-color:#4795ff;opacity:1;border:0 solid transparent}
.datepicker td.active,.datepicker td.active:hover{background-color:#4795ff;color:#fff}
.datepicker td.active.active,.datepicker td.active.disabled,.datepicker td.active:active,.datepicker td.active:focus,.datepicker td.active:hover,.datepicker td.active:hover.active,.datepicker td.active:hover.disabled,.datepicker td.active:hover:active,.datepicker td.active:hover:focus,.datepicker td.active:hover:hover,.datepicker td.active:hover[disabled],.datepicker td.active[disabled]{color:#fff;background-color:#4795ff}
.datepicker td span:hover{background:#eee}.datepicker td span.active,.datepicker td span.active.active,.datepicker td span.active.disabled,.datepicker td span.active:active,.datepicker td span.active:focus,.datepicker td span.active:hover,.datepicker td span.active[disabled]{color:#fff;background-color:#4795ff}
.dropdown-menu>li>a>i{display:inline-block;width:24px;text-align:center}.btn-circle>i,.close i,.dropdown-submenu:hover>.dropdown-menu{display:block}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover,.dropdown-submenu:focus>a,.dropdown-submenu:hover>a{background-image:none;filter:none;background-color:#4795ff;color:#fff}
.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover{border-color:#c3c6c9;color:#657483;background-color:#fafbfc}.bg-primary,.btn-primary,.btn-primary.btn-circle>i{color:#fff;background-color:#4795ff}
.navbar-avatar>li>a{padding:5px 10px}.navbar .nav li.dropdown.active>.dropdown-toggle,.navbar .nav li.dropdown.open.active>.dropdown-toggle,.navbar .nav li.dropdown.open>.dropdown-toggle{background:#e1e5e9;box-shadow:inset 0 1px 0 #4795ff}



.table-responsive > .table > tbody > tr > th{ padding:10px; font-weight:normal;}
.table-responsive { width:100%;

}