/* === Begin Filter Styles ===  */

.s2a-filter-result
{ border-style: solid;
  border-color: #EEE;
  border-radius: 6px;
  border-width: 11px;
  margin-bottom: 18px;
}

.s2a-filter-group
{ display: flex;
  align-items: stretch;
  flex-flow: row wrap;
  /* Negative margins are countered with positive margin in the children to make a gutter possible.
   * (left and right) this counts for -3px. Further, we need to overlap the outer border, which counts
   * for an other -11px.*/
  margin-top: -12px;
  margin-left: -14px;
  margin-right: -14px;
  margin-bottom: -11px;
}

.s2a-filter-block, .s2a-filter-bar
{ background: #EEE;
  border-radius: 6px;
  padding: 10px;
}

.s2a-filter-bar
{ margin-top: -11px;
  margin-left: -11px;
  margin-right: -11px;
}

.s2a-filter-block
{ flex-grow: 1;
  margin-left: 3px;
  margin-right: 3px;
}

.s2a-filter-caption
{ line-height: 24px;
  text-align: center;
  background: #bed;
  border-radius: 4px;
  border-style: solid;
  border-color: #ddd;
  border-width: 1px;
  background-color: #C9E4FF; }

.s2a-filter-title
{ font-weight: bold;
  overflow-x: hidden;
  white-space: nowrap; }

/* === End Filter Styles ===  */