#yddvizSortContainer {
  margin: auto;
  max-width: 720px;
  padding-left: 16px;
  padding-right: 16px;
}

.yddvizButton {
  cursor: pointer;
}

.yddvizSearch {
  background: url('https://svenska-dataviz.ylestatic.fi/2016-svenska-migrated/2016-foreningar/img/search.png') no-repeat scroll 20px 50% #e1f6f9;
  padding: 0px 150px 0px 80px;
  height: 70px;
  border: 0px none;
  box-sizing: border-box;
  display: block;
  font-size: 2.5em;
  margin: 10px 0px;
  outline: medium none;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}

.yddvizSearchButtons {
  display: inline;
  margin: 0;
  padding: 0
}

.yddvizSearchButtons li {
  display: inline-block;
  padding: 5px;
}

.yddvizSearchButtons li a {
  box-shadow: inset 0 -2px 0 rgb(0 185 204 / 25%);
  color: #00637d;
  outline: none;
}

.yddvizSearchButtons li a:hover {
  box-shadow: inset 0 -2px 0 #00b4c8;
}

.yddvizPagination {
  display: inline;
  margin: 0;
  padding: 0;
}

.yddvizPagination li {
  display: inline-block;
  padding: 5px;
  border-radius: 5px;
  background: #98e9eb;
  width: 40px;
  height: 37px;
  margin: 5px;
  text-align: center;
}

.yddvizPagination a {
  color: #777;
  font-weight: bold;
  text-decoration: none;
}

.pagination li.active a.page {
  background: #18b5ca;
  color: #fff;
  padding-left: 5px;
  padding-right: 5px;
}

.yddvizPagination li.active a {
  color: #fff;
}

.yddvizPagination li:hover {
  background: #ef6323;
}

.yddvizPagination li:hover a {
  color: #fff;
}