@charset "UTF-8";
/* Färger från den nya grafiska profilen */
/* Dessa behöver vi gå igenom */
/* Education färger */
/* FONT FAMILY FOR DIFFERENT TEXT SIZES */
/* FONT SIZES */
/* desktop */
/* mobile */
/* general */
/* LINE HEIGHT */
/* desktop */
/* mobile */
/* other */
/* 
 * Verktyg för att beräkna filter för en given färg
 * https://isotropic.co/tool/hex-color-to-css-filter/
*/
.val-search-tools {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 40px 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.val-search-tools .val-filter-tools__dropdown {
  width: 47.5%;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 17px 0 0 0;
}
@media screen and (max-width: 566px) {
  .val-search-tools .val-filter-tools__dropdown {
    width: 100%;
  }
}
.val-search-tools .val-filter-tools__dropdown-button {
  position: relative;
  padding: 10px 36px 10px 16px;
  white-space: inherit;
  overflow: hidden;
  min-width: unset;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: left;
}
.val-search-tools .val-filter-tools__dropdown-button--open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.val-search-tools .val-filter-tools__dropdown-link {
  cursor: pointer;
}