/*----- Color variables -----*/
/*----- Size variables -----*/
/*----- Font variables -----*/
/*----- Responsive variables -----*/
/*----- Ratio variables (product item ratio (thumb + content)) -----*/
/* set ProductImageRatio in productOverview! */
/*----- OLD Color variables -----*/
/*----- MIXINS -----*/
/*----- Default functions -----*/
/*----- Default Crossbrowser functions -----*/
/*----- CSS3 functions -----*/
/*----- CSS3 Animation functions -----*/
/*----- Buttons -----*/
/*----- Responsive functions -----*/
#branchSelector .branchDeliveryTimeSpan {
  display: none;
}
#branchSelector li {
  height: 40px;
  line-height: 40px;
  background-color: #f6f7f9;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
html.no-flexbox #branchSelector li {
  display: block;
}
#branchSelector li.active {
  background-color: white;
}
#branchSelector li div {
  padding: 0 2%;
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
}
#branchSelector li div html.no-flexbox {
  float: left;
  height: 100%;
  padding: 4px;
}
#branchSelector li div.last {
  text-align: center;
  color: white;
  font-size: 20px;
  padding: 0;
}
#branchSelector li div.last html.no-flexbox {
  float: right;
}
#branchSelector li div.last {
  text-align: center;
  flex: 0 1 5%;
}
#branchSelector li div.green {
  background-color: #4ab786;
}
#branchSelector li div.orange {
  background-color: #f0ad4e;
}
#branchSelector li div.red {
  background-color: #e6575a;
}
#branchSelector ul.branchselector-group {
  margin-bottom: 10px;
}