#filter-bar
{
  padding: 5px;
  border-bottom: 2px solid #555050;
}
#filter-bar {
  display: flex;
    align-items: center;
    justify-content: flex-start;
}
#filter-bar .filters{
  margin: 0 5px 0 0;
}
#filter-bar  .mod-custom.custom > .filters > a
{
  padding-left: 7px ;
  padding-right: 7px;
  text-decoration: none;
}
#filter-bar .filters,
#filter_short_selection
{
  outline: none;
  display: inline;
  border-radius: 30px;
  border: none;
  background: #555050;
  color: #fff;
  padding: 3px;
  /*margin-bottom: 4px;*/
}
#filter-bar .search-input, #filter-bar .filters a,#filter-bar .search-input:focus,#filter-bar .search-input:hover
{position: relative;
  outline: none;
  background: none;
  border: none;
  color: #fff;
  border-radius: 30px;
  padding: 0px 5px;
}
#filter-bar .search-input::placeholder
{
  color: #fff; 
  font-style: italic;
  opacity: .6;
}
#filter-bar #search-container
{
  position:relative;
}
#filter-bar #search-container::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M21.53 20.47l-4.12-4.12a9 9 0 1 0-1.06 1.06l4.12 4.12a.75.75 0 0 0 1.06-1.06zM10.5 17A6.5 6.5 0 1 1 17 10.5 6.51 6.51 0 0 1 10.5 17z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
#filter_short_selection .filter_short_option:hover,
#filter_short_selection .filter_short_option:active,
#filter_short_selection .filter_short_option:selected,
#filter_short_selection .filter_short_option:focus
{
  background: #6b0012;
}