@charset "UTF-8";
/* Färger från den nya grafiska profilen */
/* Kompletterande färger till den nya grafiska profilen */
/* FONT FAMILY FOR DIFFERENT TEXT SIZES */
/*  FONT SIZES */
/*  desktop */
/* mobile */
/* print */
/* general */
/* LINE HEIGHT */
/* desktop */
/* mobile */
/* other */
/* dimensions-height-header */
/* Print style mixins */
/* 
 * Verktyg för att beräkna filter för en given färg
 * https://isotropic.co/tool/hex-color-to-css-filter/
*/
.val-shortcuts__list {
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin: 25px auto;
}
@media screen and (width <= 768px) {
  .val-shortcuts__list {
    grid-template-columns: 1fr 1fr;
    max-width: 420px;
    row-gap: 50px;
  }
}
@media screen and (width <= 566px) {
  .val-shortcuts__list {
    grid-template-columns: 1fr 1fr;
    gap: 36px;
    margin: auto;
    max-width: unset;
  }
}
.val-shortcuts__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media screen and (width <= 566px) {
  .val-shortcuts__item {
    width: 100%;
  }
}
.val-shortcuts__link {
  display: inline-block;
  text-align: center;
  color: #154194;
}
@media screen and (width <= 566px) {
  .val-shortcuts__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
  }
}
.val-shortcuts__link:after {
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  content: "";
  display: inline-block;
  background: transparent url("/webdav/files/System/css/common-sprite.svg") no-repeat 0 -1.6041666667rem/100% auto;
  -webkit-filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
          filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
  top: 2px;
  margin: 0;
}
@media screen and (width <= 566px) {
  .val-shortcuts__link:after {
    top: unset;
    bottom: 8px;
    right: -1.5rem;
    position: absolute;
  }
}
.val-shortcuts__link-text {
  display: inline;
  color: #154194;
  font-family: "Open Sans Semibold";
  font-size: 1.25rem;
  line-height: 2.0313rem;
  margin: 24px 0 8px;
  font-style: normal;
}
@media screen and (width <= 768px) {
  .val-shortcuts__link-text {
    font-size: 1.25rem;
    line-height: 1.6875rem;
    margin: 16px 0 8px;
  }
}
@media screen and (width <= 768px) {
  .val-shortcuts__link-text {
    font-size: 1.25rem;
  }
}
@media screen and (width <= 566px) {
  .val-shortcuts__link-text {
    margin: 0;
  }
}
@media screen and (width <= 566px) {
  .val-shortcuts__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.val-shortcuts__link-icon {
  width: 7.5rem;
  height: 7.5rem;
  background-color: #d4e7f6;
  border-radius: 7.5rem;
  display: block;
  position: relative;
  margin: 0 auto 1.5rem;
}
@media screen and (width <= 566px) {
  .val-shortcuts__link-icon {
    min-width: 64px;
    width: 64px;
    height: 64px;
    margin: auto;
  }
}
.val-shortcuts__link-icon:after {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.val-shortcuts__link-icon--choices:after {
  width: 3.4375rem;
  height: 3.4375rem;
  min-width: 3.4375rem;
  content: "";
  display: inline-block;
  background: transparent url("/webdav/files/System/css/common-sprite.svg") no-repeat 0 -33.4440104167rem/100% auto;
  -webkit-filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
          filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
}
@media screen and (width <= 566px) {
  .val-shortcuts__link-icon--choices:after {
    width: 1.8125rem;
    height: 1.8125rem;
    min-width: 1.8125rem;
    content: "";
    display: inline-block;
    background: transparent url("/webdav/files/System/css/common-sprite.svg") no-repeat 0 -17.6341145833rem/100% auto;
    -webkit-filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
            filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
  }
}
.val-shortcuts__link-icon--laws:after {
  width: 2.875rem;
  height: 3.4140625rem;
  min-width: 2.875rem;
  content: "";
  display: inline-block;
  background: transparent url("/webdav/files/System/css/common-sprite.svg") no-repeat 0 -69.8385416667rem/100% auto;
  -webkit-filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
          filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
}
@media screen and (width <= 566px) {
  .val-shortcuts__link-icon--laws:after {
    width: 1.5rem;
    height: 1.78125rem;
    min-width: 1.5rem;
    content: "";
    display: inline-block;
    background: transparent url("/webdav/files/System/css/common-sprite.svg") no-repeat 0 -36.4375rem/100% auto;
    -webkit-filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
            filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
  }
}
.val-shortcuts__link-icon--communication-material:after {
  width: 3.4375rem;
  height: 3.4375rem;
  min-width: 3.4375rem;
  content: "";
  display: inline-block;
  background: transparent url("/webdav/files/System/css/common-sprite.svg") no-repeat 0 -43.7565104167rem/100% auto;
  -webkit-filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
          filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
}
@media screen and (width <= 566px) {
  .val-shortcuts__link-icon--communication-material:after {
    width: 1.8125rem;
    height: 1.8125rem;
    min-width: 1.8125rem;
    content: "";
    display: inline-block;
    background: transparent url("/webdav/files/System/css/common-sprite.svg") no-repeat 0 -23.0716145833rem/100% auto;
    -webkit-filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
            filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
  }
}
.val-shortcuts__link-icon--handbook:after {
  width: 3.4375rem;
  height: 2.79296875rem;
  min-width: 3.4375rem;
  content: "";
  display: inline-block;
  background: transparent url("/webdav/files/System/css/common-sprite.svg") no-repeat 0 -77.4869791667rem/100% auto;
  -webkit-filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
          filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
}
@media screen and (width <= 566px) {
  .val-shortcuts__link-icon--handbook:after {
    width: 1.8125rem;
    height: 1.47265625rem;
    min-width: 1.8125rem;
    content: "";
    display: inline-block;
    background: transparent url("/webdav/files/System/css/common-sprite.svg") no-repeat 0 -40.8567708333rem/100% auto;
    -webkit-filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
            filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
  }
}
.val-shortcuts__link-icon--calendar:after {
  width: 3.4375rem;
  height: 3.4375rem;
  min-width: 3.4375rem;
  content: "";
  display: inline-block;
  background: transparent url("/webdav/files/System/css/common-sprite.svg") no-repeat 0 -26.9270833333rem/100% auto;
  -webkit-filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
          filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
}
@media screen and (width <= 566px) {
  .val-shortcuts__link-icon--calendar:after {
    width: 1.8125rem;
    height: 1.8125rem;
    min-width: 1.8125rem;
    content: "";
    display: inline-block;
    background: transparent url("/webdav/files/System/css/common-sprite.svg") no-repeat 0 -14.1979166667rem/100% auto;
    -webkit-filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
            filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
  }
}
.val-shortcuts__link-icon--megaphone:after {
  width: 3.4375rem;
  height: 3.22265625rem;
  min-width: 3.4375rem;
  content: "";
  display: inline-block;
  background: transparent url("/webdav/files/System/css/common-sprite.svg") no-repeat 0 -97.8971354167rem/100% auto;
  -webkit-filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
          filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
}
@media screen and (width <= 566px) {
  .val-shortcuts__link-icon--megaphone:after {
    width: 1.8125rem;
    height: 1.69921875rem;
    min-width: 1.8125rem;
    content: "";
    display: inline-block;
    background: transparent url("/webdav/files/System/css/common-sprite.svg") no-repeat 0 -51.6184895833rem/100% auto;
    -webkit-filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
            filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
  }
}
.val-shortcuts__link-icon--election-envelopes:after {
  width: 3.4375rem;
  height: 3.0794270833rem;
  min-width: 3.4375rem;
  content: "";
  display: inline-block;
  background: transparent url("/webdav/files/System/css/common-sprite.svg") no-repeat 0 -64.0950520833rem/100% auto;
  -webkit-filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
          filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
}
@media screen and (width <= 566px) {
  .val-shortcuts__link-icon--election-envelopes:after {
    width: 1.8125rem;
    height: 1.6236979167rem;
    min-width: 1.8125rem;
    content: "";
    display: inline-block;
    background: transparent url("/webdav/files/System/css/common-sprite.svg") no-repeat 0 -33.7955729167rem/100% auto;
    -webkit-filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
            filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
  }
}
.val-shortcuts__link-icon--election-booth:after {
  width: 2.4375rem;
  height: 3.40234375rem;
  min-width: 2.4375rem;
  content: "";
  display: inline-block;
  background: transparent url("/webdav/files/System/css/common-sprite.svg") no-repeat 0 -42.046875rem/100% auto;
  -webkit-filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
          filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
}
@media screen and (width <= 566px) {
  .val-shortcuts__link-icon--election-booth:after {
    width: 1.3125rem;
    height: 1.83203125rem;
    min-width: 1.3125rem;
    content: "";
    display: inline-block;
    background: transparent url("/webdav/files/System/css/common-sprite.svg") no-repeat 0 -22.640625rem/100% auto;
    -webkit-filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
            filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
  }
}
.val-shortcuts__link-icon--ballot-paper:after {
  width: 2.75rem;
  height: 2.9791666667rem;
  min-width: 2.75rem;
  content: "";
  display: inline-block;
  background: transparent url("/webdav/files/System/css/common-sprite.svg") no-repeat 0 -11.2864583333rem/100% auto;
  -webkit-filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
          filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
}
@media screen and (width <= 566px) {
  .val-shortcuts__link-icon--ballot-paper:after {
    width: 1.4375rem;
    height: 1.5572916667rem;
    min-width: 1.4375rem;
    content: "";
    display: inline-block;
    background: transparent url("/webdav/files/System/css/common-sprite.svg") no-repeat 0 -5.8997395833rem/100% auto;
    -webkit-filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
            filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
  }
}
.val-shortcuts__link-icon--faq:after {
  width: 3.4375rem;
  height: 3.4375rem;
  min-width: 3.4375rem;
  content: "";
  display: inline-block;
  background: transparent url("/webdav/files/System/css/common-sprite.svg") no-repeat 0 -67.1744791667rem/100% auto;
  -webkit-filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
          filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
}
@media screen and (width <= 566px) {
  .val-shortcuts__link-icon--faq:after {
    width: 1.8125rem;
    height: 1.8125rem;
    min-width: 1.8125rem;
    content: "";
    display: inline-block;
    background: transparent url("/webdav/files/System/css/common-sprite.svg") no-repeat 0 -35.4192708333rem/100% auto;
    -webkit-filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
            filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
  }
}
.val-shortcuts__link-icon--smartphone:after {
  width: 2.0625rem;
  height: 3.39453125rem;
  min-width: 2.0625rem;
  content: "";
  display: inline-block;
  background: transparent url("/webdav/files/System/css/common-sprite.svg") no-repeat 0 -78.9765625rem/100% auto;
  -webkit-filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
          filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
}
@media screen and (width <= 566px) {
  .val-shortcuts__link-icon--smartphone:after {
    width: 1.125rem;
    height: 1.8515625rem;
    min-width: 1.125rem;
    content: "";
    display: inline-block;
    background: transparent url("/webdav/files/System/css/common-sprite.svg") no-repeat 0 -43.078125rem/100% auto;
    -webkit-filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
            filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
  }
}
.val-shortcuts__link-icon--laptop:after {
  width: 3.4375rem;
  height: 3.22265625rem;
  min-width: 3.4375rem;
  content: "";
  display: inline-block;
  background: transparent url("/webdav/files/System/css/common-sprite.svg") no-repeat 0 -80.2799479167rem/100% auto;
  -webkit-filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
          filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
}
@media screen and (width <= 566px) {
  .val-shortcuts__link-icon--laptop:after {
    width: 1.8125rem;
    height: 1.69921875rem;
    min-width: 1.8125rem;
    content: "";
    display: inline-block;
    background: transparent url("/webdav/files/System/css/common-sprite.svg") no-repeat 0 -42.3294270833rem/100% auto;
    -webkit-filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
            filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
  }
}
.val-shortcuts__link-icon--poll-card:after {
  width: 3.4375rem;
  height: 3.4375rem;
  min-width: 3.4375rem;
  content: "";
  display: inline-block;
  background: transparent url("/webdav/files/System/css/common-sprite.svg") no-repeat 0 -111.0026041667rem/100% auto;
  -webkit-filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
          filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
}
@media screen and (width <= 566px) {
  .val-shortcuts__link-icon--poll-card:after {
    width: 1.8125rem;
    height: 1.8125rem;
    min-width: 1.8125rem;
    content: "";
    display: inline-block;
    background: transparent url("/webdav/files/System/css/common-sprite.svg") no-repeat 0 -58.5286458333rem/100% auto;
    -webkit-filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
            filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
  }
}
.val-shortcuts__link-icon--truck:after {
  width: 3.4375rem;
  height: 3.4375rem;
  min-width: 3.4375rem;
  content: "";
  display: inline-block;
  background: transparent url("/webdav/files/System/css/common-sprite.svg") no-repeat 0 -143.8020833333rem/100% auto;
  -webkit-filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
          filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
}
@media screen and (width <= 566px) {
  .val-shortcuts__link-icon--truck:after {
    width: 1.8125rem;
    height: 1.8125rem;
    min-width: 1.8125rem;
    content: "";
    display: inline-block;
    background: transparent url("/webdav/files/System/css/common-sprite.svg") no-repeat 0 -75.8229166667rem/100% auto;
    -webkit-filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
            filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
  }
}
.val-shortcuts__link-icon--building:after {
  width: 3.4375rem;
  height: 3.4375rem;
  min-width: 3.4375rem;
  content: "";
  display: inline-block;
  background: transparent url("/webdav/files/System/css/common-sprite.svg") no-repeat 0 -17.83203125rem/100% auto;
  -webkit-filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
          filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
}
@media screen and (width <= 566px) {
  .val-shortcuts__link-icon--building:after {
    width: 1.8125rem;
    height: 1.8125rem;
    min-width: 1.8125rem;
    content: "";
    display: inline-block;
    background: transparent url("/webdav/files/System/css/common-sprite.svg") no-repeat 0 -9.40234375rem/100% auto;
    -webkit-filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
            filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
  }
}
.val-shortcuts__link-icon--globe:after {
  width: 3.4375rem;
  height: 3.4375rem;
  min-width: 3.4375rem;
  content: "";
  display: inline-block;
  background: transparent url("/webdav/files/System/css/common-sprite.svg") no-repeat 0 -74.0494791667rem/100% auto;
  -webkit-filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
          filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
}
@media screen and (width <= 566px) {
  .val-shortcuts__link-icon--globe:after {
    width: 1.8125rem;
    height: 1.8125rem;
    min-width: 1.8125rem;
    content: "";
    display: inline-block;
    background: transparent url("/webdav/files/System/css/common-sprite.svg") no-repeat 0 -39.0442708333rem/100% auto;
    -webkit-filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
            filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
  }
}
.val-shortcuts__link-icon--map-location:after {
  width: 3.4375rem;
  height: 3.4375rem;
  min-width: 3.4375rem;
  content: "";
  display: inline-block;
  background: transparent url("/webdav/files/System/css/common-sprite.svg") no-repeat 0 -94.4596354167rem/100% auto;
  -webkit-filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
          filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
}
@media screen and (width <= 566px) {
  .val-shortcuts__link-icon--map-location:after {
    width: 1.8125rem;
    height: 1.8125rem;
    min-width: 1.8125rem;
    content: "";
    display: inline-block;
    background: transparent url("/webdav/files/System/css/common-sprite.svg") no-repeat 0 -49.8059895833rem/100% auto;
    -webkit-filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
            filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
  }
}
.val-shortcuts__link-icon--calculator:after {
  width: 2.0625rem;
  height: 3.39453125rem;
  min-width: 2.0625rem;
  content: "";
  display: inline-block;
  background: transparent url("/webdav/files/System/css/common-sprite.svg") no-repeat 0 -12.76171875rem/100% auto;
  -webkit-filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
          filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
}
@media screen and (width <= 566px) {
  .val-shortcuts__link-icon--calculator:after {
    width: 1.125rem;
    height: 1.8515625rem;
    min-width: 1.125rem;
    content: "";
    display: inline-block;
    background: transparent url("/webdav/files/System/css/common-sprite.svg") no-repeat 0 -6.9609375rem/100% auto;
    -webkit-filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
            filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
  }
}
.val-shortcuts__link-icon--poll-card-receiver:after {
  width: 3.4375rem;
  height: 3.4375rem;
  min-width: 3.4375rem;
  content: "";
  display: inline-block;
  background: transparent url("/webdav/files/System/css/common-sprite.svg") no-repeat 0 -114.4401041667rem/100% auto;
  -webkit-filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
          filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
}
@media screen and (width <= 566px) {
  .val-shortcuts__link-icon--poll-card-receiver:after {
    width: 1.8125rem;
    height: 1.8125rem;
    min-width: 1.8125rem;
    content: "";
    display: inline-block;
    background: transparent url("/webdav/files/System/css/common-sprite.svg") no-repeat 0 -60.3411458333rem/100% auto;
    -webkit-filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
            filter: invert(19%) sepia(38%) saturate(3145%) hue-rotate(205deg);
  }
}

.val-shortcuts--blue .val-shortcuts__link-icon {
  background-color: #d4e7f6;
}

.val-shortcuts--orange .val-shortcuts__link-icon {
  background-color: #f7d7b2;
}