/*--- standard variables ---*/
/* @fontFamily1:        'PT Sans', sans-serif;*/
/*--- product item ratio (thumb + content) ---*/
/*--- media queries. When using responsive ---*/
/*--- media queries. When not using responsive ---
@useResponsive:			false;

@breakPointLargePhone:	~"only screen and (min-width : 1px)";
@breakPointTablet:		~"only screen and (min-width : 1px)";
@breakPointDesktop:		~"only screen and (min-width : 1px)";

@breakPointUpToTablet:	~"only screen and (max-width: 1px)";
@breakPointUpToTabletLand:~"only screen and (max-width: 1023px)";
@breakPointUpToDesktop:	~"only screen and (max-width: 1px)";
*/
/*--- media queries. When using responsive: only mobile & desktop ---
@useResponsive:			false;
@breakPointLargePhone:	~"only screen and (min-width : 480px) and (max-width: 768px )";
@breakPointTablet:		~"only screen and (min-width : 999999999px)";
@breakPointDesktop:		~"only screen and (min-width : 768px)";

@breakPointUpToTablet:	~"only screen and (max-width: 768px)";
@breakPointUpToDesktop:	~"only screen and (max-width: 768px)";
*/
/*--- custom class functions ---*/
/*----- Default functions -----*/
/*----- LESS functions -----*/
#branchSelector li {
  height: 40px;
  line-height: 40px;
  background-color: #dedede;
  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: #ebebeb;
}
#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: #5cb85c;
}
#branchSelector li div.orange {
  background-color: #f0ad4e;
}
#branchSelector li div.red {
  background-color: #e6575a;
}
#branchSelector ul.branchselector-group {
  margin-bottom: 10px;
}