body{overflow-y: unset;}
.wrapper {
  overflow: unset;
}
.has-error {
    color: red;
}

table .label {
    padding: 6px;
}

table .label i {
    font-size: 12px;
}

table {
    width: 100%;
}
.modal-dialog {
    width: 500px;
}
.info-box-content .info-box-text{
    white-space: unset;
    text-align: left;
    height: 50px;
}
.highcharts-credits{
  display: none;
}
.user-panel>.info{
      top: 19px;
}
.aquafont{
  color: #00c0ef;
}
#optionDiv .form-control{
  width: 85%;
  display: inline-block;
}
#optionDiv .btn{
  width: 14%;
  float: right;
}
.dynamicDiv{
  margin-top: 15px;
}
.help-block.option-error{
    color: red;
    font-size: 14px;
}
.dashboardFilter .form-control{
  display: inline-block;
  width: auto;
}
.dashboardFilter .form-group, .dashboardFilter  .col-sm-9{
  padding: 0;
  padding-left: 2px;
  padding-right: 2px;
  display: inline-block;
  float: right;
}
.dashboardFilter  .col-sm-3{
  padding: 0;
  padding-left: 2px;
  padding-right: 2px;
  display: inline-block;
}
.dashboardFilter .box-title{
  padding-top: 8px;
}
.skin-purple .content-wrapper {
  background-color: #f8f8f8 !important;
}
.info-box{
  box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1)
}
.bootbox-prompt .bootbox-form span.staff_error{
  color: red;
  padding-top: 6px;
  display: block;
}

@media (min-width: 768px){
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container{
  left: 20px !important;
}
}



/* new admin css by awesome developer */

.medcheckHeader{}
.mLogo{ display: none}
.sidebar-collapse .dLogo{ display: none}
.sidebar-collapse .mLogo{ display: block}
.sidebar-collapse .medcheckSidebar.main-sidebar {
  padding-top: 0;
}
.sidebar-mini:not(.sidebar-collapse) .sidebar-menu{
  padding-top: 18px;
}
.sidebar-collapse .blueStripTitle{ margin-top: 12px;}

.sidebar-collapse .main-header .sidebar-toggle {
  padding-top: 7px;  padding-bottom: 10px;
}

.medcheckHeader.main-header .navbar{ background: #0e76bc;}
.medcheckHeader.main-header .logo {
  background-color: #ffffff;
  height: auto;
  padding-top: 15px;
  padding-bottom: 15px; padding-left: 0; padding-right: 0;
}

.medcheckSidebar.main-sidebar{ padding-top: 18px;}

.medcheckSidebar.main-sidebar {

  background-color: #0e76bc;

}

.medcheckHeader.main-header .logo:hover {
  background-color: #fff;
}
.sidebar-menu li.header{ padding: 0;}

.skin-purple .sidebar-menu > li:hover > a, .skin-purple .sidebar-menu > li.active > a {

  border-left:0;
}

.skin-purple .sidebar-menu > li > a, .skin-purple .sidebar-menu > li > a {

  border-left:0;
}


.skin-purple .sidebar-menu > li.active > a{ background: #1067a1;}

.main-header .sidebar-toggle{ font-size: 34px;}
.main-header .sidebar-toggle{ padding-top: 17px;}
.skin-purple .main-header .navbar .sidebar-toggle:hover {
  background-color: transparent;
}

.sidebar-menu > li > a > .fa{ font-size: 18px; width: 32px;}

.skin-purple .sidebar a {
  color: #bfe5ff;
}

.skin-purple .sidebar-menu > li:hover > a { background: #1067a1;}

.blueStripTitle {
  display: inline-block;
  color: #fff;
  padding-top: 6px;
  font-size: 31px;
}
.main-header .sidebar-toggle::before{ content: "";}

.notificationIconDv {
  float: left;
  margin-right: 16px;
  margin-top: 11px;
}

.notificationIconDv a{ margin-top: 13px; display: block; position: relative;}
.notificationIconDv a span {
  position: absolute;
  background: #ed1c24;
  color: #fff;
  font-size: 11px;
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  text-align: center;
  right: -9px;
}

.navbar-custom-menu .navbar-nav{ float: right;}

.navbar-nav > .user-menu .user-image{ width: 42px; height: 42px;}

.main-header .navbar-custom-menu { margin-right: 34px;}
span.username{ display: inline-block; margin-top: 11px; position: relative;}
span.username:after{font: normal normal normal 14px/1 FontAwesome; content: "\f107"; color: #fff; padding-left: 9px; }



.skin-purple .main-header .navbar .nav > li > a:hover , .skin-purple .main-header .navbar .nav > li > a:focus
.skin-purple .main-header .navbar .nav .open > a , .skin-purple .main-header .navbar .nav .open > a:hover , .skin-purple .main-header .navbar .nav .open > a:focus
{ background: transparent; }

.skin-purple .main-header li.user-header {
  background-color: #08588d;
}

/*5-4-2018*/
.gauge-meter {
  margin: 0 auto 30px;
  text-align: center;
  width: 100%;
  background-color: #fff;
  color: #000000;
  box-shadow: 0 1px 3px rgba(0,0,0,0.6);
  padding: 10px;
  min-height: 252px;//Jignasa
}
.gauge-meter.blood-level{
padding: 25px 25px ;
}
.gauge-meter h2 {
  margin: 0 0 80px 0;
  line-height: 30px;
  text-align: left;
  display: inline-block;
  float: left;
}
.gauge-meter a.info_class{
  display: inline-block;
  float: right;
}
a.info_class.filter_info{
  display: inline-block;
  margin-left: 15px;
}
.box-margin{margin-top: 45px;}
  #preview-textfield{
    font-size: 41px;line-height: 41px;
  }
.content {
  padding: 25px;
 }
 .highcharts-button-symbol {
  display: none;
}
.highcharts-container{width: 100% !important;}
.gauge-meter.data-chart {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    color: #000000;
    box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    padding-top: 30px;
}
.gauge-meter.data-chart .info-div{
    padding: 176px 35px 30px;
}
.highcharts-point.highcharts-color-2, .highcharts-point.highcharts-color-1, .highcharts-point.highcharts-color-0{stroke-width:0;}
 /*.border-box{
  box-shadow: 0 3px 6px rgba(0,0,0,0.6);
 }*/
 .gauge-meter .box-title {
  text-align: left;
  font-size: 21px;
  color: #3d4060;
  padding: 0;
  margin: 0;
}
 .gauge-meter .box-title img {
  float: right;
}
.blood-level a.see-trend {
  background-color: #0e76bb;
  border-radius: 50px;
  color: #fff;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  width: 196px;
  margin-top: 50px;
  margin-bottom: 30px;
}
.box-title a{
  background-color: transparent;
  width: auto;height: auto;
  display: unset;
  margin: unset;
}
.activity-box span{
  margin-right: 20px;
  padding: 10px;
  border-radius: 50%;
}
.activity-box img{
  height: 50px !important;
  width: 50px !important;
}
.activity-box.dashboard span {
	background-color: #8bc24a;
	width: 79px;
	height: 79px;
	line-height: 79px;
	text-align: center;
	display: inline-block;
	border-radius: 50%;
	margin-right: 15px;
	vertical-align: top;
}
.activity-box.streching {
  display: inline-flex;
  width: 100%;
}
.activity-box.streching span{
  background-color: #8bc24a;
}
.activity-detail {
  width: 50%;
}
.activity-detail label {
  width: 100%;
  font-size: 41px;
  color: #8bc24a;
  line-height: 41px;
}
.activity-detail p{
  width: 100%;
  font-size: 16px;
  color: #2a2a2a;
  line-height: 20px;
  margin-bottom: 5px;
}
.highcharts-root {
  width: 100% !important;
}
/*.symbol {
    width:20px;
    height:20px;
    margin-right:10px;
    float:left;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.serieName {
    float:left;
    cursor:pointer;
}

.item {
    height:28px;
    clear:both;
}*/
h4.text-title {margin-top: 0;margin-bottom: 20px;font-size: 20px;line-height: 20px;color: #3a3a3a;}
.all-charts{margin-bottom: 24px;float: left;width: 100%;}
.see_trend_chart{margin-top: 20px; padding-top: 15px;border-top: 1px solid #f2f2f2;
width: 100%;}
/*.activity-box {display: inline-flex;width: 100%;}*/
.activity-box {
  display: inline-flex;
  width: 100%;
  vertical-align: middle;
  align-items: center;
}
.activity-box.smoking span{background-color: #ec1c23;}
.activity-box.alcoholic span{background-color: #ffb200;}
.activity-box.brain span{background-color: #05a8f7;}
.activity-box.seat-belt span{background-color: #aa47bc;}
.activity-box.brain2 span{background-color: #0e439a;}
.activity-box.bed span{background-color: #725fef;}
.activity-box.heart span{background-color: #4ee7f7;}
.activity-box.diabetes span{background-color: #ef6904;}
/*label*/
.activity-box.smoking label{color: #ec1c23;}
.activity-box.alcoholic label{color: #ffb200;}
.activity-box.brain label{color: #05a8f7;}
.activity-box.seat-belt label{color: #aa47bc;}
.activity-box.brain2 label{color: #0e439a;}
.activity-box.bed label{color: #725fef;}
.activity-box.heart label{color: #4ee7f7;}
.activity-box.diabetes label{color: #ef6904;}
.average-box {
    min-height: 155px;
  background-color: #fff;
  padding: 20px 25px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.6);
  display: block;
  margin-bottom: 30px;
}
.average-box .activity-detail {
	width: 60%;
display:inline-block;
}
.main-footer {
  background-color: #404040;
  margin: 0;
  color: #fff;
  text-align: center;
  height: 105px;
  line-height: 105px;
  padding: 0;margin-top: 50px;
}
.wrapper {
  background: #f8f8f8 !important;
}
.main-footer span{font-size: 16px;}
.col-md-4.col-lg-2.average-result{width: 20%;}
.average-box h3{margin-top: 0;font-size: 15px;font-weight: 300;text-transform: uppercase;
color: #3a3a3a;}
input[name="daterange"] {
  height: 46px;
  line-height: 46px;
  border: none;
  border-radius: 50px;
  padding-left: 15px;
  font-size: 18px;
  color: #3a3a3a;
}
.input-append.date {
  height: 46px;
  line-height: 46px;
  border: none;
  border-radius: 50px;
  padding-left: 0;
  font-size: 18px;
  color: #3a3a3a;
}
.input-group .input-group-addon {
  border-radius: 0;
  border-radius: 50px;
  border-color: transparent;
  background-color: #fff;
  border-top-left-radius: 0;

border-bottom-left-radius: 0;
}
.top-part .dropdown-menu {
  left: unset;
  min-width: 262px;
  padding: 30px 35px;
  margin: 2px 0 0;
  font-size: 14px;
  /* text-align: left; */
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  right: 0;
  margin: 0 auto;
  /*text-align: center;*/
}
.select-box select.form-control{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  background-color: transparent;
  border:none;
  color: #fff;
  width: 100%;
  font-size: 18px;
}
.select-box {
    position: relative;
    width: 100%;
    text-align: center;
}
.select-box, .dropdown-main a {
  position: relative;
  width: 162px;
  background-color: #0e76bc;
  border-radius: 50px;
  height: 46px;
  line-height: 40px;
  color: #fff;
  display: inline-block;
  text-align: center;
}
.dropdown-main a {
  font-size: 18px;
}
.dropdown-main img {
  text-align: right;
  float: right;
  position: relative;
  top: 20px;
  right: 21px;
}
.select-box::after {
    content: url(../images/dropdown.png);
    /*content: '';*/
    position: absolute;
    right: 21px;
    top: 2px;
    font-family: 'FontAwesome';
    font-size: 18px;
    color: #fff;
    pointer-events: none;
}

.dropdown-list{left: unset;
  position: absolute;
  left: unset;
  display: none;
  min-width: 262px;
  padding: 30px 35px;
  margin: 2px 0 0;
  font-size: 14px;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  border: none;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
  box-shadow: 0 1px 2px rgba(0,0,0,.1);
  right: 0;
  margin: 10px auto 0;
  z-index: 9;
}
.dropdown-list li{list-style: none;}
.dropdown-list .select-box, .select-employee .select-box{
  background-color: #fff;
  border: 1px solid #e2e3ea;
  /* margin-bottom: 15px; */
  width: 100%;
}
.select-employee label {
  display: inline-block;
  max-width: unset;
  margin-bottom: 0;
  font-weight: normal;
  font-size: 20px;
  color: #3a3a3a;
  padding-top: 10px;
  float: left;
}
.select-employee .select-box{
  min-width: 200px;
  width: auto;
  /* margin-left: 25px; */
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.select-employee .select-box select{
  width: 100%;
  padding-top: 3px;
  color: #3d4060;
  box-shadow: unset;
  font-size: 19px;
}
.select-employee input.form-control {
  border-radius: 50px;
  width: 122px;
  height: 46px;
  margin-left: 25px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  color: #3d4060;
  font-size: 19px;
  padding-left: 14px;
}
.dropdown-list .select-box select{
   color: #3d4060;
  font-size: 14px;
}
.dropdown-list label {
  color: #3d4060;
  font-weight: normal;
  font-size: 14px;
  margin-bottom: 25px;
}
li .select-box::after, .select-employee .select-box::after {
    content: url(../images/dropdown-color.png);
    }
    .select-employee .select-box::after {
   top: 0;
    }
    .btn-submit {
  border: none;
  font-size: 13px;
  font-weight: bold;
  background: #0e76bc;
  color: #fff;
  display: inline-block;
  width: 96px;
  height: 46px;
  text-align: center;
  border-radius: 50px;
}
h1.text-title {
  width: auto !important;
  float: left;
  margin: 0 20px 0 0;
  font-size: 29px;
  color: #3a3a3a;
  line-height: 40px;
}
.box-body.top-part {
  padding: 0;
  margin-bottom: 50px;
}
.highcharts-button-box {
  display: none;
}
.gauge-meter span{
  margin-top: 15px;
  display: block;
}
.gauge-meter span.user_readings{
  margin-top: 15px;
  display: inline !important;
}
.trend_chart{
  min-width: 310px; height: 260px; max-width: 550px; margin: 0 auto;
}
/*Wellness Program page of staff*/
.div-item {
  display: inline-block;
  /* position: relative; */
}
.product-slider {
  /* padding: 0 100px; */
  /* overflow-x: scroll; */
  width: 100% !important;
  white-space: nowrap;
}
.activity-box.product-box{
  display: block;
}
.activity-detail.product-detail{
  width: 100%;
}
.activity-box.product-box span.title, .activity-box.product-box span.supplier, .activity-box.product-box span.description, .activity-box.product-box span.duration, .activity-box.product-box span.price {
  background-color: transparent;
  width: auto;
  height: auto;
  line-height: 30px;
  text-align: center;
  display: block;
  border-radius: unset;
  margin-right: 0;
  color: #1d1d1b;
  font-size: 18px;
  white-space: normal;
}
.activity-box.product-box span.title {
  min-height: 60px;
  width: 100%;
}
.activity-box.product-box span.description{
  color: rgb(46,171,239);
  cursor: pointer;
}
.activity-box.product-box span.duration{
  font-size: 16px;
  height: 30px;
}
.div-item.selected {
  border-radius: 10px;
   background: #fff;
  box-shadow: 0 3px 15px rgba(0,0,0,0.26);
}
.div-item {margin-top: 20px;}
.supplier {
  color: #ff605a !important;
  font-weight: 700;
  font-size: 12px !important;
  line-height: 12px !important;
  margin-bottom: 12px;
}
.activity-box.product-box span.price{
  background: #fff;
  border-radius: 50px;
  line-height: 40px;
  height: 40px;
  max-width: 150px;
  margin: 0 auto;
  display: block;
  text-align: center;
  width: 100%;
  margin-top: 25px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.26);
  cursor: pointer;
  /* float: none; */
}
.overlay span.float {
  background: #fff;
  border-radius: 50px;
  line-height: 40px;
  height: 40px;
  max-width: 150px;
  margin: 0 auto;
  display: block;
  text-align: center;
  width: 100%;
  margin-top: 25px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.26);
  cursor: pointer;
  color: #0E76BC;
  position: absolute;
  bottom: 15px;
  left: 23%;
}
.bg-light-blue, .label-primary, .modal-primary .modal-body {
  background-color: #0e76bc !important;
}
.activity-box.product-box span.price i {
  margin-right: 20px;
}
.div-item .img-div img {
  width: auto;
  display: inline-block;
  margin-bottom: 10px;
}
.product-slider {
  /* padding: 0 100px; */
  /* overflow-y: hidden !important; */
}
.product-main .box-title {
  text-align: left;
  /* width: 100%; */
  font-size: 22px;
  font-weight: bold;
  text-transform: uppercase;
}
.product-main .product-inner .box-body {
  margin-bottom: 30px;
}
.product-main .box-title span
{ float: right;
  text-align: right;
  font-size: 18px;font-weight: normal;
  line-height: 27px;
}
.product-main .box-header {
  padding: 16px 23px;
}
.product-inner {
  background-color: #fff;
  float: left;
  width: 100%;
  box-shadow: 0 1px 3px rgba(0,0,0,0.3);
  margin-top: 15px;
}
.product-inner h1 {
  color: #3a3a3a;
  font-size: 23px;
  margin-top: 32px;
  margin-bottom: 10px;
}
.product-inner h1~p {
  font-size: 17px;
  color: #000;
  margin-bottom: 12px;
}
.product-main .box-footer {
 border-radius: 0px;
  padding: 10px;
  background-color: transparent;
  border:none;
  width: 100%;
  text-align: center;
  float: left;
  /*background-color: */
}
.product-main .box-footer button{
  border-radius: 50px;
  background-color: #0e76bc;
  font-size: 25px;
  padding: 0;
  height: 64px;line-height: 60px;
  width: 328px;
  margin-top: 80px;
}
.image {
  display: block;
  /*width: 100%;*/
  height: auto;
}
.overlay {
  position: absolute;
  visibility: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #0E76BC;
  vertical-align: middle;
  align-items: center;
  white-space: normal;
  border-radius: 10px;
  padding: 15px;
  color: #fff;
  z-index: 2;
}
.div-item.open .overlay {
  opacity: 1;
  visibility: visible;
}
.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
    vertical-align: middle;
    margin-top: -2px;
}

.errorSpan{
  padding: 15px 0;
  display: block;
}
#wellness-score{
      font-size: 24px;
}

.reset_filter{
    font-size: 18px;
    width: 162px;
    background-color: #0e76bc;
    border-radius: 50px;
    height: 46px;
    line-height: 40px;
    color: #fff;
    display: inline-block;
    text-align: center;
    margin-right: 15px;
}
.reset_filter:hover, .reset_filter:focus{
  color: #fff;
}
#submitError{
  display: block;
}
.loader_class{
  height: 64px;
  line-height: 60px;
  width: 328px;
  margin-top: 80px;
  width: auto;
  display: none;
}
.message_div{
  margin-top: 32px;
  margin-bottom: 10px;
  display: block;

}
.success_message{
  color: green;
}
.error_message{
  color: red;
}

/*--Date Range picker of wellness dashboard--*/
.date{
  position: relative;
}
.date.input-group .form-control{
  padding-right: 18px;
  /* border: none;
  border-radius: 50px; */
}
.date .input-group-addon.add-on {
	position: absolute;
	right: 0;
	z-index: 9;
	top: 10px;
	pointer-events: none;
}
.main-header .sidebar-toggle {
float: none;
background-color: transparent;
background-image: none;
padding: 15px 5px 15px 15px;
font-family: fontAwesome;
}
.disabled{
  pointer-events: none;
  opacity: 0.7;
}
textarea.form-control{
  resize: none;
}
select::-ms-expand {
    display: none;
}
#download{
  display: none;
}
#product_table thead{
    background: #0e76bc;
    color: #fff;
}
.total_div{
    float: right;
    list-style: none;
    padding: 0;
    width: 15%;
}
.total_div li{
    text-align: left;
}
.total_div li b{
    width: 50%;
    display: inline-block;
}
.total_div li span{
    width: 50%;
    display: inline-block;
}
.coupon-text{
    display: inline-block;
    margin-top: 40px;
    color: green;
}
.img_div{
    height: 30px;
    float: right;
    margin-top: -5px;
}
.img_div img{
    height: 100%;
    width: auto;
}
.panel-default>.panel-heading{
    padding-bottom: 10px;
    padding-top: 10px;
}
.form-horizontal.stripe-form .control-label{
    margin-bottom: 7px;
}
.form-horizontal.stripe-form .form-group{
    margin-left: 0;
    margin-right: 0;
}
.form-horizontal.stripe-form .form-group but{
    float: right;
}
.ui-widget-header .ui-icon{
    margin-top: 4px;
    margin-left: 3px;
}
.ui-widget-header .ui-icon:hover{
    cursor: pointer;
}
.icon {
    vertical-align: bottom;
    margin-top: 2px;
    margin-bottom: 3px;
    cursor: pointer;
}

.icon:active {
    opacity: 1;
}

.ui-button-text {
    padding: .4em .6em;
    line-height: 0.8;
}
.ui-tooltip{
    opacity: 1 !important;
}
.date_class{
    padding: 15px;
}
.activity-box.product-box .date_class span.title {
    text-align: left;
    min-height: unset;
    font-size: 16px;
}
.time_sec.form-group{
    margin-left: 0;
    margin-right: 0;
}
.time_sec .start_time_picker{
    max-width: 100%;
}
.time_sec .start_time_picker .form-control{
    width: 85%;
    background-color: #eee;
    z-index: 1;
}
.date_class.open{
    display: block;
    width: 100%;
}
.date_class .form-control{
    margin-bottom: 15px;
}
.activity-box.product-box .input_class{
    position: relative;
}
.activity-box.product-box span.has-error{
    color: red;
    font-size: 14px;
    line-height: 1.42857143;
    color: red;
    font-size: 14px;
    line-height: 1.42857143;
    position: absolute;
    bottom: -20px;
    left: 0;
}
.date_sec, .time_sec{
    position: relative;
}
.scroll-wrapper.product-slider{
    overflow-x: auto !important;
}
.scroll-wrapper.product-slider .scroll-content{
    overflow: auto !important;
}
.activity-box.product-box .date_class span.help{
    font-size: 13px;
    text-align: left;
    display: block;
    color: #524a4c;
}
.ui-datepicker{
    z-index: 15 !important;
}
.main-title h3{
    padding-bottom: 20px;
}
.heighest_div .info-box-icon{
    display: inline-flex;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.info-box-name{
    font-size: 16px;
    display: inline-block;
    width: 70%;
}
.info-box-count{
    width: 30%;
    font-size: 16px;
    float: right;
    display: inline-block;
    text-align: right;
}
a.view_link{
    margin-left: 10px;
}

/* Style the buttons that are used to open and close the accordion panel */
.box-header.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  margin-bottom: 20px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.box-header.accordion.active, .box-header.accordion:hover {
  background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel.accordion-panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}

.box-header.accordion:after {
    content: '\002B';
    color: #f8f8f8;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    font-size: 26px;
    line-height: normal;
    margin-top: -7px;
}
.box-header.accordion.active:after {
    content: "\2212";
}
.box-header.accordion.active, .box-header.accordion:hover {
    background-color: #ccc;
}
.sliderDiv span, .sliderDiv .slider, .sliderDiv input{
    display: inline-block;
}
label.review_label{
    display: flex;
    align-items: center;
    font-size: 19px;
    font-weight: normal;
}
.sliderDiv{
    display: flex;
    justify-content: left;
    max-width: 50%;
    align-items: center;
}
form.product-filter-form{
    display: flex;
    flex: 1;
    justify-content: space-between;
}
.slider.slider-horizontal:last-of-type{
    margin: 0 15px;
}
.slider .slider-handle{
    background-color: #3776bc;
}
.slider .slider-track-low, .slider .slider-track-high{
    background: #d8d1d1;
}
.slider .slider-selection{
    background-color: #b5d7ef;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b5d7ef), to(#b5d7ef));
}