/*
 * CSS för Botkyrka 2019
 *
 */

/**
 * Innehållsförteckning:
 *
 * 1.0 - Fonter
 *   1.1 - Radbrytning
 *   1.2 - Icomoon
 *   1.3 - Tillägsiconer
 * 2.0 - Sidhuvud
 *   2.1 - Generellt
 *   2.2 - Sidhuvud desktop
 *     2.2.2 - Servicenavigation
 *     2.2.3 - Sök
 *   2.3 - Sidhuvud mobil
 * 3.0 - Huvudinnehåll
 *   3.1 - Listblock
 *   3.2 - Primär navigation startsida
 *     3.2.1 - Primär navigation startsida (responsiv)
 *   3.3 - Primär navigation områdessida
 *   3.4 - Primär navigation områdessida vertikal
 *     3.4.1 - Primär navigation områdessida vertikal variant
 *   3.5 - Brödsmulor
 *   3.6 - Högerblock
 *   3.7 - Nyhetsarkiv
 *     3.7.1 - Nyhetsarkiv (facetter)
 *   3.8 - Evenemangsarkiv
 *     3.8.1 - Evenemangsarkiv (facetter)
 *     3.8.2 - Evenemangsarkiv - Copy (för inlänkning med metadata eller arkiv)
 *   3.9 - Störningsarkiv
 *     3.9.1 - Störningsinformation - flikar i sidfot
 *   3.10 - Anslagsarkiv
 *   3.11 - Ankarlänkar på informationssidor
 *     3.11.1 - Ankarlänkar i högerkolumnen
 *         3.11.1.1 Ankarlänkarnas wrapper i högerkolumnen
 *         3.11.1.2 Ankarlänkar med i högerspalt med innehåll under
 *     3.11.2 - Ankarlänkar i toppen av content
 *       3.11.2.1 Ankarlänkar i toppen av content (processteg 1-2-3)
 *     3.11.3 - Ankarlänkars content
 *   3.12 - Lediga jobb
 *     3.12.1 - Lediga jobb - Huvudinnehåll
 *     3.12.2 - Lediga jobb - Sök
 *     3.12.3 - Lediga jobb - Filtrering
 *     3.12.4 - Lediga jobb - Annons
 *     3.12.5 - Lediga jobb - Spontanansökningar
 *   3.13 - Nyhetslistning startida
 *   3.14 - Störningsinformationslistning startsida
 *   3.15 - Evenemangslistning startida
 *   3.16 - Bannerblock
 *   3.17 - Kontaktkort
 *   3.18 - Länk-ikon
 *     3.18.1 Länk-ikon för e-tjänster
 *   3.19 - Citat
 *   3.20 - Sökresultatsida
 *     3.20.1 - Sökresultatsida (facetter)
 *   3.21 - Hopp till topp
 *   3.22 - Planprocess
 *     3.22.1 - Planprocess (Fildelningsmodul)
 *   3.23 - Planprocess (steg 1-2-3 osv)
 *   3.24 - Nyhetssida
 *   3.25 - Vänster- och högerkolumn
 *   3.26 - Skapa evenemang
 *   3.27 - Evenemangsida
 *   3.28 - Anslagssida
 *   3.29 - 404-sida
 *   3.30 - Senast uppdaterad
 *   3.31 - Länklista
 *   3.32 - A-Ö modul
 *   3.33 - Fildelning
 *   3.34 - Filsökning
 *	  3.35 - Störningssida
 *	  3.36 - Landningsssida
 *   3.37 - Accordion
 *   3.38 - Dekorationsikoner
 *   3.39 - Rek.ai Lista Startsida
 *     3.39.1 - Rek.ai sidebar
 *   3.40 - Lämna sidan snabbt
 *   3.41 - Statistik för grundskolor
 * 4.0 - Sidfot
 * 5.0 - Utils
 * 6.0 - Knappar
 *   6.0.1 - Cerise-knapp
 *     6.1 Knappgrupp på horisontell linje
 * 7.0 - Cookiebar
 * 8.0 - Feedback (var informationen till din hjälp?)
 * 9.0 - Tabeller
 *   9.1 - Tabell - standard
 *     9.1.1 Tabell - standard - utan rubriker
 *   9.2 - Tabell - pyjamas
 *     9.2.1 Tabell - pyjamas - utan rubriker
 * 10.0 - Varningsmeddelande
 * 11.0 - KommunKim (chat)
 * 12 - Skolmallar Fakataruta med knapp
 * 13 - Global punktlista
 * 14 - Bild och text div jämte varandra(Chess-container)
 * 15 - Sorterings- och filtreringsbar lista
 * -----------------------------------------------------------------------------
 */

:root {
  --morkbla: #004f9f;
}

/**
  * 1.0 - Fonter
  *
**/

.menu-text {
  font-size: 13px;
}

/*
 * 1.1 Radbrytning
 */

html {
  word-break: break-word;
}

:target {
  scroll-margin-top: 18rem;
}

/*
 * 1.2 Icomoon
 */

@font-face {
  font-family: "icomoon";
  src: url("/download/18.1e70df9217ffd9402e95d1/1649309665325/icomoon.eot?tl6902");
  src: url("/download/18.1e70df9217ffd9402e95d1/1649309665325/icomoon.eot?tl6902#iefix")
      format("embedded-opentype"),
    url("/download/18.1e70df9217ffd9402e95d3/1649309665355/icomoon.ttf?tl6902")
      format("truetype"),
    url("/download/18.1e70df9217ffd9402e95d4/1649309665367/icomoon.woff?tl6902")
      format("woff"),
    url("/images/18.1e70df9217ffd9402e95d2/1649309665338/icomoon.svg?tl6902#icomoon")
      format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-display:before {
  content: "\e916";
}
.icon-display1:before {
  content: "\e917";
}
.icon-profile:before {
  content: "\e972";
}
.icon-map:before {
  content: "\e974";
}
.icon-map2:before {
  content: "\e976";
}
.icon-hammer2:before {
  content: "\e9a8";
}
.icon-accessibility:before {
  content: "\e9b2";
}
.icon-profile1:before {
  content: "\e973";
}
.icon-map1:before {
  content: "\e975";
}
.icon-map21:before {
  content: "\e977";
}
.icon-hammer21:before {
  content: "\e9a9";
}
.icon-accessibility1:before {
  content: "\e9b3";
}
.icon-airplay:before {
  content: "\e924";
}
.icon-aperture:before {
  content: "\e932";
}
.icon-arrow-right:before {
  content: "\e918";
}
.icon-at-sign:before {
  content: "\e94c";
}
.icon-check:before {
  content: "\e936";
}
.icon-chevron-down:before {
  content: "\e902";
}
.icon-chevron-left:before {
  content: "\e90a";
}
.icon-chevron-right:before {
  content: "\e90e";
}
.icon-chevron-up:before {
  content: "\e912";
}
.icon-clock:before {
  content: "\e91e";
}
.icon-cloud:before {
  content: "\e92a";
}
.icon-corner-left-up:before {
  content: "\e962";
}
.icon-external-link:before {
  content: "\e95c";
}
.icon-file-text:before {
  content: "\e966";
}
.icon-folder:before {
  content: "\e95e";
}
.icon-globe:before {
  content: "\e922";
}
.icon-heart:before {
  content: "\e920";
}
.icon-info:before {
  content: "\e92e";
}
.icon-search:before {
  content: "\e905";
}
.icon-volume-2:before {
  content: "\e906";
}
.icon-x-circle:before {
  content: "\e950";
}
.icon-x:before {
  content: "\e940";
}
.icon-airplay1:before {
  content: "\e925";
}
.icon-aperture1:before {
  content: "\e933";
}
.icon-arrow-right1:before {
  content: "\e919";
}
.icon-at-sign1:before {
  content: "\e94d";
}
.icon-check1:before {
  content: "\e937";
}
.icon-chevron-down1:before {
  content: "\e903";
}
.icon-chevron-left1:before {
  content: "\e90b";
}
.icon-chevron-right1:before {
  content: "\e90f";
}
.icon-chevron-up1:before {
  content: "\e913";
}
.icon-clock1:before {
  content: "\e91f";
}
.icon-cloud1:before {
  content: "\e92b";
}
.icon-corner-left-up1:before {
  content: "\e963";
}
.icon-external-link1:before {
  content: "\e95d";
}
.icon-file-text1:before {
  content: "\e967";
}
.icon-folder1:before {
  content: "\e95f";
}
.icon-globe1:before {
  content: "\e923";
}
.icon-heart1:before {
  content: "\e921";
}
.icon-info1:before {
  content: "\e92f";
}
.icon-search1:before {
  content: "\e908";
}
.icon-volume-21:before {
  content: "\e907";
}
.icon-x-circle1:before {
  content: "\e951";
}
.icon-x1:before {
  content: "\e941";
}
.icon-check11:before {
  content: "\e946";
}
.icon-edit:before {
  content: "\e968";
}
.icon-home1:before {
  content: "\e96e";
}
.icon-link:before {
  content: "\e960";
}
.icon-phone1:before {
  content: "\e984";
}
.icon-search1111:before {
  content: "\e94e";
}
.icon-hearing:before {
  content: "\e93c";
}
.icon-library_books:before {
  content: "\e96a";
}
.icon-volume_up:before {
  content: "\e92c";
}
.icon-comment:before {
  content: "\e944";
}
.icon-mail_outline:before {
  content: "\e93a";
}
.icon-alternate_email:before {
  content: "\e985";
}
.icon-clear:before {
  content: "\e934";
}
.icon-content_copy:before {
  content: "\e91c";
}
.icon-access_time:before {
  content: "\e958";
}
.icon-blur_circular:before {
  content: "\e96c";
}
.icon-dehaze:before {
  content: "\e900";
}
.icon-navigate_before:before {
  content: "\e94a";
}
.icon-navigate_next:before {
  content: "\e948";
}
.icon-local_printshop:before {
  content: "\e930";
}
.icon-arrow_drop_down:before {
  content: "\e910";
}
.icon-arrow_forward:before {
  content: "\e90c";
}
.icon-expand_less:before {
  content: "\e914";
}
.icon-expand_more:before {
  content: "\e91a";
}
.icon-arrow_downward:before {
  content: "\e956";
}
.icon-thumb_down_alt:before {
  content: "\e980";
}
.icon-thumb_up_alt:before {
  content: "\e97e";
}
.icon-build:before {
  content: "\e964";
}
.icon-home21:before {
  content: "\e970";
}
.icon-info11:before {
  content: "\e954";
}
.icon-info_outline:before {
  content: "\e952";
}
.icon-launch:before {
  content: "\e926";
}
.icon-open_in_browser:before {
  content: "\e93e";
}
.icon-perm_phone_msg:before {
  content: "\e938";
}
.icon-search11:before {
  content: "\e904";
}
.icon-thumb_down:before {
  content: "\e97c";
}
.icon-thumb_up:before {
  content: "\e97a";
}
.icon-translate:before {
  content: "\e942";
}
.icon-help_outline:before {
  content: "\e95a";
}
.icon-logout:before {
  content: "\e983";
}
.icon-admin_panel_settings:before {
  content: "\e978";
}
.icon-contacts:before {
  content: "\e928";
}
.icon-arrow-right11:before {
  content: "\e982";
}
.icon-check111:before {
  content: "\e947";
}
.icon-edit1:before {
  content: "\e969";
}
.icon-home11:before {
  content: "\e96f";
}
.icon-link1:before {
  content: "\e961";
}
.icon-search12:before {
  content: "\e94f";
}
.icon-hearing1:before {
  content: "\e93d";
}
.icon-library_books1:before {
  content: "\e96b";
}
.icon-volume_up1:before {
  content: "\e92d";
}
.icon-comment1:before {
  content: "\e945";
}
.icon-mail_outline1:before {
  content: "\e93b";
}
.icon-clear1:before {
  content: "\e935";
}
.icon-content_copy1:before {
  content: "\e91d";
}
.icon-access_time1:before {
  content: "\e959";
}
.icon-blur_circular1:before {
  content: "\e96d";
}
.icon-dehaze1:before {
  content: "\e901";
}
.icon-navigate_before1:before {
  content: "\e94b";
}
.icon-navigate_next1:before {
  content: "\e949";
}
.icon-local_printshop1:before {
  content: "\e931";
}
.icon-arrow_drop_down1:before {
  content: "\e911";
}
.icon-arrow_forward1:before {
  content: "\e90d";
}
.icon-expand_less1:before {
  content: "\e915";
}
.icon-expand_more1:before {
  content: "\e91b";
}
.icon-arrow_downward1:before {
  content: "\e957";
}
.icon-thumb_down_alt1:before {
  content: "\e981";
}
.icon-thumb_up_alt1:before {
  content: "\e97f";
}
.icon-build1:before {
  content: "\e965";
}
.icon-home22:before {
  content: "\e971";
}
.icon-info111:before {
  content: "\e955";
}
.icon-info_outline1:before {
  content: "\e953";
}
.icon-launch1:before {
  content: "\e927";
}
.icon-open_in_browser1:before {
  content: "\e93f";
}
.icon-perm_phone_msg1:before {
  content: "\e939";
}
.icon-search111:before {
  content: "\e909";
}
.icon-thumb_down1:before {
  content: "\e97d";
}
.icon-thumb_up1:before {
  content: "\e97b";
}
.icon-translate1:before {
  content: "\e943";
}
.icon-help_outline1:before {
  content: "\e95b";
}
.icon-admin_panel_settings1:before {
  content: "\e979";
}
.icon-map-marker:before {
  content: "\f041";
}
.icon-facebook:before {
  content: "\f09a";
}
.icon-facebook-f:before {
  content: "\f09a";
}
.icon-bars:before {
  content: "\f0c9";
}
.icon-navicon:before {
  content: "\f0c9";
}
.icon-reorder:before {
  content: "\f0c9";
}
.icon-linkedin:before {
  content: "\f0e1";
}
.icon-circle-o:before {
  content: "\f10c";
}
.icon-circle:before {
  content: "\f111";
}
.icon-frown-o:before {
  content: "\f119";
}
.icon-file:before {
  content: "\f15b";
}
.icon-instagram2:before {
  content: "\f16f";
}
.icon-circle-thin:before {
  content: "\f1db";
}
.icon-whatsapp:before {
  content: "\f232";
}
.icon-envelope-open-o:before {
  content: "\f2b7";
}
.icon-address-card:before {
  content: "\f2bb";
}
.icon-vcard:before {
  content: "\f2bb";
}
.icon-map-marker1:before {
  content: "\f042";
}
.icon-facebook1:before {
  content: "\f09b";
}
.icon-facebook-f1:before {
  content: "\f09b";
}
.icon-bars1:before {
  content: "\f0ca";
}
.icon-navicon1:before {
  content: "\f0ca";
}
.icon-reorder1:before {
  content: "\f0ca";
}
.icon-linkedin1:before {
  content: "\f0e2";
}
.icon-circle-o1:before {
  content: "\f10d";
}
.icon-circle1:before {
  content: "\f112";
}
.icon-frown-o1:before {
  content: "\f11a";
}
.icon-file1:before {
  content: "\f15c";
}
.icon-instagram21:before {
  content: "\f170";
}
.icon-circle-thin1:before {
  content: "\f1dc";
}
.icon-whatsapp1:before {
  content: "\f233";
}
.icon-envelope-open-o1:before {
  content: "\f2b8";
}
.icon-address-card1:before {
  content: "\f2bc";
}
.icon-vcard1:before {
  content: "\f2bc";
}
.icon-home:before {
  content: "\f015";
}
.icon-twitter-square:before {
  content: "\f081";
}
.icon-facebook-square:before {
  content: "\f082";
}
.icon-linkedin-square:before {
  content: "\f08c";
}
.icon-sitemap:before {
  content: "\f0e8";
}
.icon-rss-square:before {
  content: "\f143";
}
.icon-instagram:before {
  content: "\f16d";
}
.icon-home2:before {
  content: "\f016";
}
.icon-twitter-square1:before {
  content: "\f084";
}
.icon-facebook-square1:before {
  content: "\f083";
}
.icon-linkedin-square1:before {
  content: "\f08d";
}
.icon-sitemap1:before {
  content: "\f0e9";
}
.icon-rss-square1:before {
  content: "\f144";
}
.icon-instagram1:before {
  content: "\f16e";
}
.icon-sign-language:before {
  content: "\f2a7";
}
.icon-signing:before {
  content: "\f2a7";
}
.icon-phone:before {
  content: "\e929";
}

/**
  * 1.3 - Tillägsiconer
  *
**/

.icon-runningman::before {
  content: "";
  display: inline-block;
  background-image: url("/images/18.429eb8311817ffb856655fa/1656916064955/Botkyrka%20ikoner_Hemsida_Runningman.svg");
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
  filter: invert(1);
}

/**
  * 2.0 - Sidhuvud
  *
**/

/*
 * 2.1 Generellt
 */

.mm-slideout {
  background: white !important;
}

.bot-header {
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
}

div[role="search"] {
  display: flex;
}

.bot-header__header-container
  .bot-header
  .bot-header__desktop
  .bot-header__desktop--search
  .sv-column-6 {
  width: unset;
}

@media (max-width: 1080px) {
  .bot-header__header-container
    .bot-header
    .bot-header__desktop
    .bot-header__service-nav
    > div {
    margin-left: 25px;
  }
}

@media (max-width: 900px) {
  .bot-header__header-container
    .bot-header
    .bot-header__desktop
    .bot-header__service-nav
    > div {
    margin-left: 15px;
  }

  .bot-header__header-container
    .bot-header
    .bot-header__desktop
    .bot-header__service-nav
    > div:first-child {
    margin-left: 0;
  }
}

@media (min-width: 769px) {
  .bot-header__header-container {
    position: sticky;
    top: 0;
    z-index: 201;
  }
}

@media (max-width: 768px) {
  .bot-main__breadcrumbs {
    position: sticky;
    top: -0.1rem;
    z-index: 201;
    height: 2.6rem;
  }
}

/*
 * 2.2 Sidhuvud desktop
 */

.bot-header__service-nav {
  display: flex;
}

.bot-header__desktop--contact-us {
  width: 4rem;
  opacity: 0.7;
}

.bot-header__desktop--contact-us-text {
  margin: 0 !important;
  position: relative;
}

.bot-header__desktop--translate {
  position: relative;
  top: 0.4rem;
  width: 3rem;
  opacity: 0.7;
}

p.bot-header__desktop--translate-text {
  position: relative;
  margin: 0 0 0 0;
}

#languageButtonDiv,
#mobile_languageButtonDiv {
  display: flex;
  justify-content: center;
  align-items: center;
}

#languageButtonDiv a#languageButton,
#mobile_languageButtonDiv a#mobile_languageButton {
  width: max-content;
}

#translateLinks,
#mobile_translateLinks {
  display: flex;
}

#translateLink,
#suomiLink,
#mobile_translateLink,
#mobile_suomiLink {
  text-align: left;
  width: unset;
}

#translateLinks p.pipe,
#mobile_translateLinks p.pipe {
  margin: 0 2px;
  color: #d3d3d3;
}

@media (min-width: 769px) {
  .bot-header .bot-header__desktop {
    display: block;
    border-bottom: 0.2rem solid #ececec;
  }

  .bot-header .bot-header__desktop.is-active {
    background-color: #596979;
    border-bottom: 0.2rem solid #596979;
    margin-bottom: 0.2rem;
  }

  .bot-header .bot-header__desktop.is-active .bot-header__service-nav a:focus {
    outline-color: #ffffff;
  }

  .bot-header .bot-header__desktop.is-active .bot-header__service-nav a {
    color: #ffffff;
  }

  .bot-header__service-nav a.btn-is-active svg .st0 {
    fill: #ffffff;
  }

  .bot-header .bot-header__desktop .bot-header__desktop--search {
    position: relative;
    padding-top: 2rem;
    padding-bottom: 1.4rem;
  }

  .bot-header .bot-header__desktop .bot-header__desktop-logotype {
    display: inline-block;
    line-height: 1.2rem;
  }

  .bot-header .bot-header__desktop .bot-header__desktop-logotype:after {
    display: none;
  }

  .bot-header .bot-header__desktop .bot-header__desktop-logotype.focused {
    outline-color: #002c46;
  }
}

@media (max-width: 768px) {
  .bot-header .bot-header__desktop {
    display: none;
  }

  .bot-header__desktop--translate {
    width: 2.5rem;
    padding-top: 0.6rem;
    padding-right: 1.2rem;
  }
}

@media (max-width: 805px) {
  body
    .bot-header__header-container
    .bot-header
    .bot-header__desktop
    .bot-header__service-nav
    > div {
    margin-left: 8px;
  }
}

@media (max-width: 768px) {
  .bot-header__header-container
    .bot-header
    .bot-header__mobile
    > div
    > div
    > div
    > div.sv-template-layout {
    display: flex;
    justify-content: flex-end;
  }

  .bot-header__header-container
    .bot-header
    .bot-header__mobile
    > div
    > div
    > div
    > div
    > div.sv-html-portlet {
    width: 100%;
    min-width: 100%;
  }

  .bot-header__mobile-service button,
  .bot-header__mobile-service a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    text-align: center;
  }

  .bot-header__header-container
    .bot-header__mobile
    .bot-header__mobile-service
    button.bot-header__mobile-service--search {
    margin-right: 30px;
  }

  .bot-header .bot-header__mobile .bot-header__mobile-service {
    width: 58%;
    justify-content: space-between;
    align-items: end;
    margin: -5px 5px auto auto;
  }

  .bot-header .bot-header__mobile .bot-header__mobile-service button {
    padding: 0;
  }

  .mobile-menu-text {
    margin-top: 5px;
    font-size: 14px;
  }

  .bot-header
    .bot-header__mobile-service
    button.bot-header__mobile-service--search,
  .bot-header__desktop--contact-us-text,
  .bot-header__desktop--translate-text,
  .bot-header__service-nav--menu {
    font-size: 13px;
    text-decoration: none;
  }

  .bot-header__header-container
    .bot-header__mobile
    .bot-header__mobile-service
    button,
  .bot-header__header-container
    .bot-header__mobile
    .bot-header__mobile-service
    a#contactIcon,
  .bot-header__header-container
    .bot-header__mobile
    .bot-header__mobile-service
    #languageButtonDiv,
  .bot-header__header-container
    .bot-header__mobile
    .bot-header__mobile-service
    a#mobile_contactIcon,
  .bot-header__header-container
    .bot-header__mobile
    .bot-header__mobile-service
    #mobile_languageButtonDiv {
    margin-right: 25px;
  }

  a#contactIcon,
  a#translateLink,
  a#suomiLink,
  a#mobile_contactIcon,
  a#mobile_translateLink,
  a#mobile_suomiLink {
    text-decoration: none;
    white-space: nowrap;
  }

  a#contactIcon,
  a#mobile_contactIcon {
    width: 50px;
  }

  a#contactIcon svg g path.st0,
  a#languageButton svg path,
  a#mobile_contactIcon svg g path.st0,
  a#mobile_languageButton svg path {
    fill: #303030;
  }

  a.bot-header__service-nav--menu span.icon-bars {
    font-size: 2.5em;
    color: #707070;
  }

  #languageButtonDiv,
  #mobile_languageButtonDiv {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  div#languageButtonDiv a#languageButton,
  div#mobile_languageButtonDiv a#mobile_languageButton {
    height: auto;
    width: 25px;
  }

  #languageButtonDiv,
  #mobile_languageButtonDiv {
    flex-direction: column;
  }

  .search-span {
    margin-top: 1px;
    position: relative;
    bottom: -4px;
  }
}

@media (max-width: 535px) {
  .bot-header__header-container .bot-header .bot-header__mobile {
    padding-top: 1.1rem;
  }
}

@media (max-width: 380px) {
  .bot-header__header-container
    .bot-header__mobile
    .bot-header__mobile-service
    a#contactIcon,
  .bot-header__header-container
    .bot-header__mobile
    .bot-header__mobile-service
    #languageButtonDiv,
  .bot-header__header-container
    .bot-header__mobile
    .bot-header__mobile-service
    a#mobile_contactIcon,
  .bot-header__header-container
    .bot-header__mobile
    .bot-header__mobile-service
    #mobile_languageButtonDiv {
    margin-right: 20px;
  }

  .bot-header__header-container
    .bot-header__mobile
    .bot-header__mobile-service
    button {
    margin-right: 25px;
  }
}

/*
 * 2.2.1 Servicenavigation
 */
.bot-header .bot-header__service-nav a,
.bot-header .bot-header__service-nav button {
  font-family: "open sans", sans-serif;
  display: block;
  text-align: center;
  text-decoration: none;
  background-color: transparent;
  border: none;
  font-size: 1.6rem;
  cursor: pointer;
  width: 7.2rem;
}

.bot-header .bot-header__service-nav button:focus,
.bot-header .bot-header__service-nav button.focused,
.bot-header .bot-header__service-nav a:focus,
.bot-header .bot-header__service-nav a.focused {
  outline-color: #002c46;
}

.bot-header .bot-header__service-nav a .icon,
.bot-header .bot-header__service-nav svg {
  position: relative;
  top: 0.2rem;
  width: 3.2rem;
  margin-bottom: 0.6rem;
  text-align: center;
}

.bot-header .bot-header__service-nav a .icon,
.bot-header .bot-header__service-nav button .icon {
  display: inline-block;
  font-size: 3.3rem;
  margin-bottom: 1rem;
}

/* IE fix */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .bot-header .bot-header__service-nav a .icon,
  .bot-header .bot-header__service-nav svg {
    height: 3.2rem;
  }
}

.bot-header .bot-header__service-nav a .icon,
.bot-header .bot-header__service-nav svg .st0 {
  fill: #2f2f2f;
}

.bot-header .bot-header__service-nav .icon-search,
.bot-header .bot-header__service-nav .icon-x {
  margin-bottom: 0.9rem !important;
}

.bot-header .bot-header__service-nav.is-active .icon,
.bot-header .bot-header__service-nav.is-active a {
  color: #ffffff;
}

.bot-header .bot-header__service-nav button .close-search {
  display: none;
}

.bot-header .bot-header__service-nav a .icon:before,
.bot-header .bot-header__service-nav button .icon:before {
  display: block;
}

/*
* 2.2.2 Sök
*/
.bot-header .bot-header__search {
  position: absolute;
  top: 0;
  opacity: 0;
  padding: 1.8rem 0;
  transform: translateX(600px);
  transition: all 0.5s ease;
  width: 90%;
  visibility: hidden;
}

.bot-header__search.panel-is-active {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
  left: 0px;
  display: block;
}

.bot-header .bot-header__search .bot-header__service-nav--search-input {
  padding: 2rem;
  border: none;
  outline: none;
}

.bot-header .bot-header__search .bot-header__service-nav--search-input-button {
  background-color: #002c46;
  color: white;
  border: none;
  padding: 2rem;
  margin-left: -0.5rem;
}

.bot-header .bot-header__service-nav--search-button svg {
  margin-bottom: 0.4rem;
}

.bot-header .bot-header__service-nav--search-button:focus {
  outline: 2px solid #002c46;
}

.bot-header .bot-header__service-nav--search-button.btn-is-active {
  color: #ffffff;
}

.bot-header .bot-header__service-nav--search-button.btn-is-active .search {
  display: none;
}

.bot-header
  .bot-header__service-nav--search-button.btn-is-active
  .close-search {
  display: block;
}

.bot-header .bot-header__service-nav--search-button.btn-is-active:focus {
  outline-color: #ffffff;
}

.bot-header .search {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.bot-header .search svg {
  margin-bottom: 1rem;
}

@media (max-width: 1024px) {
  .bot-header .bot-header__search {
    width: 50%;
  }
}

@media (min-width: 1025px) {
  .bot-header .bot-header__search {
    width: 70%;
  }
}

/*
 * 2.2.3 Sök - Mobil
 */

.bot-header .bot-header__mobile--background {
  position: relative;
  display: none;
  height: 0;
  margin: 0;
  border: 0;
  visibility: hidden;
  overflow: hidden;
  opacity: 0;
  transition: visibility 0.5s, opacity 0 linear;
}

.bot-header .bot-header__mobile--background.panel-is-active {
  display: inline-block;
  height: auto;
  visibility: visible;
  opacity: 1;
  overflow: visible;
  width: 100%;
  padding: 2rem 0 0;
  background-color: #fafafa;
}

.bot-header .bot-header__mobile-search form {
  text-align: center;
}

.bot-header
  .bot-header__mobile-search
  form
  .bot-header__mobile-service-nav--search-input {
  width: 80%;
  padding-left: 1rem;
  margin-right: -1rem;
  font-size: 1.3rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
}

.bot-header
  .bot-header__mobile-search
  form
  .bot-header__mobile-service-nav--search-input:focus {
  outline: none;
}

.bot-header
  .bot-header__mobile-search
  form
  .bot-header__mobile-service-nav--search-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 20%;
  background-color: #007cab;
  color: #fff;
  border: none;
  border-radius: 0;
  padding: 0.5rem;
}

@media (max-width: 321px) {
  .bot-header
    .bot-header__mobile-search
    form
    .bot-header__mobile-service-nav--search-button {
    width: 15%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
}

/*
 * 2.3 Sidhuvud mobil
 */
.mobile-menu-text {
  border: 1px solid red;
}

@media (min-width: 769px) {
  .bot-header .bot-header__mobile {
    display: none;
  }
}
@media (max-width: 768px) {
  .bot-header .bot-header__mobile {
    display: block;
    padding-top: 1.6rem;
    padding-bottom: 0.8rem;
  }

  .bot-header .bot-header__mobile .bot-header__mobile-logo {
    display: inline-block;
    line-height: 1.2rem;
    float: left;
  }

  .bot-header .bot-header__mobile .bot-header__mobile-logo:after {
    display: none;
  }

  .bot-header .bot-header__mobile .bot-header__mobile-logo img {
    width: 20rem;
  }

  .bot-header .bot-header__mobile .bot-header__mobile-service--menu {
    font-size: 3rem;
    padding: 1rem;
    padding-right: 0;
    padding-left: 0.2rem;
    margin-top: -0.5rem;
    text-decoration: none;
    float: right;
    line-height: 2.5rem;
  }

  .bot-header__desktop--contact-us {
    width: 3.5rem;
    padding-top: 0.5rem;
    padding-right: 1.5rem;
  }
}

/*
 * 2.3.1 Sök i mobilt läge
 */

.bot-header .bot-header__mobile .bot-header__mobile-service {
  display: flex;
  float: right;
  width: fit-content;
}

.bot-header .bot-header__mobile .bot-header__mobile-service--search {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  font-size: 3rem;
  padding: 1rem;
  margin-top: -0.5rem;
  text-decoration: none;
  line-height: 2.5rem;
}

.bot-header .bot-header__mobile .bot-header__mobile-service--search:focus {
  outline-color: #002c46;
}

.bot-header
  .bot-header__mobile
  .bot-header__mobile-service--search
  .icon:before {
  display: block;
}

.bot-header .bot-header__mobile .bot-header__mobile-service--search svg {
  width: 2.4rem;
  position: relative;
  top: 0.4rem;
}

.bot-header .bot-header__mobile .bot-header__mobile-service--search svg .st0 {
  fill: #2f2f2f;
}

/**
  * 3.0 - Huvudinnehåll
  *
**/

.bot-main {
  background-color: #ffffff;
}

/*
 * 3.1 Listblock
 */
.bot-main__list-blockholder {
  padding: 5rem 0;
}
.bot-main__list-blockholder
  .pagecontent
  div[id="Mittenspalt"]:first-child
  + div {
  margin-left: 0;
}
.bot-main__list-blockholder .pagecontent div:first-child {
  margin-left: 0;
}

@media (max-width: 768px) {
  .bot-main__list-blockholder {
    padding: 4rem 0 2rem 0;
  }
}
@media (min-width: 769px) {
  .bot-main__list-blockholder .pagecontent {
    display: flex;
  }
}

.bot-main__list-blockholder--item {
  position: relative !important;
  background-color: #fff;
  margin-left: 0;
  border: 1px solid #ececec;
}

.bot-main__list-blockholder--item.zoom:hover img,
.bot-main__list-blockholder--item a.focused .zoom img {
  transform: scale(1.1);
}

.bot-main__list-blockholder--item-clonedLink {
  display: block;
  height: 100%;
  text-decoration: none;
}

.bot-main__list-blockholder--item {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.puff-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 20px;
  border: solid red;
}
/* Lägg till flex så alla puffar får samma höjd. */
.sv-template-landningssida---kampanj .add-flex > div,
.sv-template-landningssida---kampanj .add-flex > div > div,
.sv-template-landningssida---kampanj .add-flex > div > div > div,
.sv-template-kulturskolan .add-flex > div,
.sv-template-kulturskolan .add-flex > div > div,
.sv-template-kulturskolan .add-flex > div > div > div {
  display: flex;
  flex-wrap: wrap;
}
.add-flex .bot-main__list-blockholder--item {
  flex-direction: column;
}
.sv-template-landningssida---kampanj #Mittenspalt + div > div,
.sv-template-kulturskolan #Mittenspalt + div > div {
  display: flex;
}

.bot-main__list-blockholder--item > div {
  display: block;
  overflow: hidden;
  max-height: 23.8rem !important;
}

.add-flex .bot-main__list-blockholder--item div {
  max-height: none !important;
}

.bot-main__list-blockholder--item a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.bot-main__list-blockholder--item h2 {
  font-size: 2rem;
  line-height: 2.4rem;
}

.bot-main__list-blockholder--item img {
  transition: transform 0.2s ease-in;
  max-width: none;
  /*max-height: 23.8rem !important;*/
}

@media (max-width: 768px) {
  .bot-main__list-blockholder--item img {
    transition: transform 0.2s ease-in;
    max-width: none;
    max-height: none !important;
  }
}

.bot-main__list-blockholder--item a:hover img,
.bot-main__list-blockholder--item a.focused img {
  transform: scale(1.1);
}

.bot-main__list-blockholder--item a.focused {
  outline: none;
}

.bot-main__list-blockholder--item a.focused:before {
  border: 1px solid #002c46;
}

/*
 * 3.1.1 Listblock - multiple
 */

.bot-main__list-blockholder-multiple .pagecontent {
  padding: 5rem 0 0;
}

.bot-main__list-blockholder-multiple .pagecontent .sv-row {
  display: flex;
}

.bot-main__list-blockholder-multiple .bot-main__list-blockholder--item {
  margin-bottom: 4rem;
}

/*
 * 3.2 Primär navigation startsida
 */
.bot-main__primarynav--startpage {
  background-color: #002c46;
  padding: 3rem 0;
}

.bot-main__primarynav--startpage .bot-main__indented-main-content {
  max-width: 1172px;
  margin: 0 auto;
}

.bot-main__primarynav--startpage ul {
  display: table-row;
}

.bot-main__primarynav--startpage ul li {
  position: relative;
  padding: 2.9rem 0;
  margin-right: 6%;
  width: 29%;
  display: inline-table;
}

.bot-main__primarynav--startpage ul li.hide {
  display: none;
}

/*.bot-main__primarynav--startpage ul li .bot-main__primarynav--startpage-title:before {
   font-family: "icomoon";
   content: "\e908";
   position: relative;
   color: #FFFFFF;
   font-size: 2.6rem;
   top: 0.1rem;
   height: 5rem;
   margin-right: 1rem;
   float: left;
   opacity: 0.4;
}*/

.bot-main__primarynav--startpage ul li a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.bot-main__primarynav--startpage ul li:hover a {
  color: #fff32a;
}

.bot-main__primarynav--startpage ul li:hover svg .st0 {
  fill: #fff32a;
  opacity: 1;
}

.bot-main__primarynav--startpage ul li a.focused:before {
  border: 1px solid #fff32a;
}

.bot-main__primarynav--startpage ul li a.focused {
  outline: none;
}

.bot-main__primarynav--startpage ul li a.focused:parent {
  background-color: #fff32a;
}

.bot-main__primarynav--startpage ul li:hover a:after,
.bot-main__primarynav--startpage
  ul
  li:hover
  .bot-main__primarynav--startpage-title:before {
  color: #fff32a;
  opacity: 1;
}

@media (min-width: 768px) {
  .bot-main__primarynav--startpage
    ul
    li:hover
    .bot-main__primarynav--startpage-title
    .last-word:after {
    font-family: "icomoon";
    content: "\e919";
    position: relative;
    color: #fff32a;
    font-size: 1.7rem;
    top: 0.1rem;
    margin-left: 0.8rem;
    margin-right: 0;
    font-weight: bold;
  }
}

.sv-editing-mode
  .bot-main__primarynav--startpage
  ul
  li:hover
  .bot-main__primarynav--startpage-title:after {
  display: none;
}

.bot-main__primarynav--startpage a {
  color: #ffffff;
  text-decoration: none;
  font-size: 2rem;
  line-height: 2.2rem;
  font-weight: bold;
}

.bot-main__primarynav--startpage a .last-word {
  white-space: nowrap;
}

@media (min-width: 768px) {
  .bot-main__primarynav--startpage a .last-word:after {
    font-family: "icomoon";
    content: "\e90e";
    position: relative;
    color: #ffffff;
    font-size: 1.7rem;
    top: 1px;
    margin-left: 0.3rem;
    margin-right: 0.5rem;
  }
}

.bot-main__primarynav--startpage p {
  display: block;
  color: #ffffff;
  margin-left: 4.8rem;
  margin-top: 0;
}

.bot-main__primarynav--startpage .bot-main__primarynav--startpage-title {
  display: block;
  line-height: 2rem;
  margin-bottom: 0.6rem;
  margin-top: 0;
}

.bot-main__primarynav--startpage .bot-main__primarynav--startpage-title svg {
  position: relative;
  top: -0.3rem;
  height: 5rem;
  max-width: 3.8rem;
  max-height: 3.8rem;
  margin-right: 1rem;
  float: left;
}

.bot-main__primarynav--startpage .bot-main__primarynav--startpage-title img {
  position: relative;
  top: -0.3rem;
  height: 5rem;
  max-width: 3.8rem;
  max-height: 3.8rem;
  margin-right: 1rem;
  float: left;
}

/*
 * 3.2.1 Primär navigation startsida (responsiv)
 */

/* MIN-WIDTH: 1025px */
@media (min-width: 1025px) {
  .bot-main__primarynav--startpage ul .sv-inline:nth-child(3n - 2) {
    margin-right: 0;
  }

  .bot-main__primarynav--startpage ul li:hover a:after {
    display: none;
  }
}

/* MAX-WIDTH: 1024px */
@media (max-width: 1024px) {
  .bot-main__primarynav--startpage ul li:nth-child(2n - 1) {
    margin-right: 0;
  }

  .bot-main__primarynav--startpage
    ul
    li
    .bot-main__primarynav--startpage-title:after {
    display: none;
  }
}

/* MELLAN 768px och 1024px */
@media (max-width: 1024px) and (min-width: 768px) {
  .bot-main__primarynav--startpage ul li {
    position: relative;
    display: block;
    width: 47%;
    float: left;
    padding: 3rem 0;
    margin-right: 5%;
  }
}

/* MAX-WIDTH: 768px */
@media (max-width: 768px) {
  .bot-main__primarynav--startpage {
    background-color: #002c46;
    padding: 0;
    margin-bottom: -1.6rem;
  }
}

/* MAX-WIDTH: 767px */
@media (max-width: 767px) {
  .bot-main__primarynav--startpage ul li {
    width: 100%;
    padding: 0;
    margin-right: 0;
  }

  .bot-main__primarynav--startpage ul li p {
    display: none;
  }

  .bot-main__primarynav--startpage ul li a:after {
    font-family: "icomoon";
    content: "\e902";
    position: absolute;
    color: #ffffff;
    font-size: 2rem;
    top: 1.2rem;
    margin-left: 0.3rem;
    right: 0;
  }

  .bot-main__primarynav--startpage a {
    display: block;
    color: #ffffff;
    text-decoration: none;
    font-size: 1.8rem;
    line-height: 2.6rem;
    font-weight: bold;
  }

  .bot-main__primarynav--startpage .bot-main__primarynav--startpage-title {
    margin-bottom: 0;
    border-bottom: 1px solid #e6f2f7;
    padding: 1.4rem 0;
  }

  .bot-main__primarynav--startpage
    li:last-child
    .bot-main__primarynav--startpage-title {
    border-bottom: none;
  }
}

/*
 * 3.3 Primär navigation områdessida
 */
.bot-main__primarynav--areapage {
  background-color: #e6f2f7;
  padding: 4rem 0 7rem 0;
}

.bot-main__primarynav--areapage .bot-main__indented-main-content {
  max-width: 1172px;
  margin: 0 auto;
}

.bot-main__primarynav--areapage ul {
  display: inline-table;
  width: 100%;
  border-bottom: 0.4rem solid #aed5e7;
  border-color: #aed5e7 !important;
  margin: 2rem 0 1.5rem;
  padding-bottom: 5rem;
}

.bot-main__primarynav--areapage ul li {
  position: relative;
  padding: 3rem 0;
  margin-right: 4.5%;
  width: 30%;
  display: inline-table;
}

.bot-main__areapage-header {
  font-size: 2.4rem;
  font-weight: 700;
  margin: 2rem 0;
}

.bot-main__areapage-header--icon {
  position: relative;
  float: left;
  max-width: 6rem;
  width: 6rem;
  margin-right: 2rem;
}

/* IE fix */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .bot-main__areapage-header--icon {
    height: 6rem;
  }
}

@media (max-width: 768px) {
  .bot-main__areapage-header--icon {
    max-width: 5rem;
    width: 5rem;
    top: 0;
  }
}

.bot-main__areapage-header--icon svg .st0 {
  fill: #2f2f2f;
}

.bot-main__primarynav--areapage ul li a .last-word {
  white-space: nowrap;
}

@media (min-width: 768px) {
  .bot-main__primarynav--areapage ul li a .last-word:after {
    font-family: "icomoon";
    content: "\e90e";
    position: relative;
    color: var(--morkbla, MediumBlue);
    font-size: 1.7rem;
    top: 1px;
    margin-left: 0.3rem;
    margin-right: 0.5rem;
  }
}

.bot-main__primarynav--areapage ul li a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

@media (min-width: 768px) {
  .bot-main__primarynav--areapage
    ul
    li:hover
    .bot-main__primarynav--areapage-title
    .last-word:after {
    font-family: "icomoon";
    content: "\e919";
    position: relative;
    color: var(--morkbla, MediumBlue);
    font-size: 1.7rem;
    top: 0.1rem;
    margin-left: 0.8rem;
    margin-right: 0;
    font-weight: bold;
  }
}

.bot-main__primarynav--areapage ul li:hover {
  background-color: #ffffff;
}

.bot-main__primarynav--areapage a {
  display: inline;
  color: var(--morkbla, MediumBlue);
  text-decoration: none;
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: bold;
}

.bot-main__primarynav--areapage a.focused:before {
  border: 1px solid #002c46;
}

.bot-main__primarynav--areapage a.focused {
  outline: none;
}

.bot-main__primarynav--areapage p {
  display: block;
  color: #2f2f2f;
  margin-top: 1rem;
  padding: 0 3rem;
}

.bot-main__primarynav--areapage .bot-main__primarynav--areapage-title {
  display: block;
  margin-bottom: 1rem;
  margin-top: 0;
  padding: 0 3rem;
  line-height: 2rem;
}

/*
 * 3.3.1 Primär navigation områdessida (responsiv)
 */

/* MIN-WIDTH: 1025px */
@media (min-width: 1025px) {
  .bot-main__primarynav--areapage ul li:nth-child(3n) {
    margin-right: 0;
  }

  .bot-main__primarynav--areapage ul li:hover a:after {
    display: none;
  }
}

/* MAX-WIDTH: 1024px */
@media (max-width: 1024px) {
  .bot-main__primarynav--areapage ul li:nth-child(2n) {
    margin-right: 0;
  }

  .bot-main__primarynav--areapage
    ul
    li
    .bot-main__primarynav--areapage-title:after {
    display: none;
  }

  .bot-main__primarynav--areapage ul li {
    position: relative;
    display: block;
    width: 39%;
    float: left;
    padding: 1% 4% 4%;
    margin-right: 5%;
  }
}

/* MELLAN 768px och 1024px */
@media (max-width: 1024px) and (min-width: 768px) {
  .bot-main__primarynav--areapage ul li {
    position: relative;
    display: block;
    width: 47%;
    float: left;
    padding: 3rem 0;
    margin-right: 5%;
  }
}

/* MAX-WIDTH: 768px */
@media (max-width: 768px) {
  .bot-main__primarynav--areapage {
    background-color: #e6f2f7;
    padding: 0;
    margin-bottom: -1.6rem;
  }
}

/* MAX-WIDTH: 767px */
@media (max-width: 767px) {
  .bot-main__primarynav--areapage ul {
    margin: 0;
    padding-bottom: 2rem;
  }

  .bot-main__primarynav--areapage ul li {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .bot-main__primarynav--areapage ul li:hover {
    background-color: transparent;
  }

  .bot-main__primarynav--areapage ul li p {
    display: none;
  }

  .bot-main__primarynav--areapage ul li a:after {
    font-family: "icomoon";
    content: "\e902";
    position: absolute;
    color: var(--morkbla, MediumBlue);
    font-size: 2rem;
    top: 1.2rem;
    margin-left: 0.3rem;
    right: 0;
  }

  .bot-main__areapage-header {
    margin: 15px 0 4px 0;
  }

  .bot-main__primarynav--areapage h1 {
    font-size: 2.5rem;
    line-height: 4.2rem;
  }

  .bot-main__areapage-header:before {
    font-size: 3.4rem;
    top: 0.4rem;
    margin-right: 2rem;
  }

  .bot-main__primarynav--areapage a {
    display: block;
    color: var(--morkbla, MediumBlue);
    text-decoration: none;
    font-size: 1.8rem;
    line-height: 2.6rem;
    font-weight: bold;
  }

  .bot-main__primarynav--areapage .bot-main__primarynav--areapage-title {
    margin-bottom: 0;
    border-bottom: 1px solid var(--morkbla, MediumBlue);
    padding: 1.4rem 0;
  }

  .bot-main__primarynav--areapage
    li:last-child
    .bot-main__primarynav--areapage-title {
    border-bottom: none;
  }
}

/*
 * 3.4 Primär navigation områdessida vertikal
*/

@media (max-width: 767px) {
  .bot-main__primarynav--areapage-vertical {
    padding: 0;
  }
}

.bot-main__primarynav--areapage-vertical
  .bot-main__primarynav--areapage-vertical-list {
  display: inline-block;
  border-bottom: 1px solid #d9e2e7;
  border-color: #d9e2e7 !important;
  padding-bottom: 5rem;
}

@media (max-width: 767px) {
  .bot-main__primarynav--areapage-vertical
    .bot-main__primarynav--areapage-vertical-list {
    margin: 0;
    padding-bottom: 2rem;
    padding-right: 30px;
  }
}

.bot-main__primarynav--areapage-vertical
  .bot-main__primarynav--areapage-vertical-list
  li {
  position: relative;
  display: block;
  margin: 1.2rem 0;
  border-left: 0.4rem solid #ececec;
  padding-left: 2rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

@media (max-width: 1024px) {
  .bot-main__primarynav--areapage-vertical
    .bot-main__primarynav--areapage-vertical-list
    li {
    position: relative;
    display: block;
    float: left;
    padding: 1% 4% 4%;
    margin-right: 5%;
  }
}

@media (max-width: 767px) {
  .bot-main__primarynav--areapage-vertical
    .bot-main__primarynav--areapage-vertical-list
    li {
    width: 100%;
    float: left;
    padding: 0;
    padding-left: 10px;
    margin-right: 0;
    margin: 10px 0;
  }
}

.bot-main__primarynav--areapage-vertical
  .bot-main__primarynav--areapage-vertical-list
  li:hover {
  border-left: 0.4rem solid #0095c7;
}

.bot-main__primarynav--areapage-vertical
  .bot-main__primarynav--areapage-vertical-list
  li:hover
  a
  .last-word:after {
  font-family: "icomoon";
  content: "\e90e";
  position: relative;
  color: var(--morkbla, MediumBlue);
  font-size: 2.2rem;
  top: 0.3rem;
  margin-left: 0.3rem;
  margin-right: 0.5rem;
}

.bot-main__primarynav--areapage-vertical a {
  display: inline-table;
  color: var(--morkbla, MediumBlue);
  text-decoration: none;
  font-size: 2rem;
  font-weight: bold;
}

.bot-main__primarynav--areapage-vertical a .last-word {
  white-space: nowrap;
}

.bot-main__primarynav--areapage-vertical a .last-word:after {
  font-family: "icomoon";
  content: "\e902";
  position: relative;
  color: #fff;
  font-size: 2.2rem;
  top: 0.3rem;
  margin-left: 0.3rem;
  margin-right: 0.5rem;
}

@media (max-width: 767px) {
  .bot-main__primarynav--areapage-vertical a {
    font-size: 1.6rem;
  }
}

.bot-main__primarynav--areapage-vertical
  .bot-main__primarynav--areapage-vertical-list
  li
  a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.bot-main__primarynav--areapage-vertical a.focused:before {
  border: 1px solid #002c46;
}

.bot-main__primarynav--areapage-vertical a.focused {
  outline: none;
}

.bot-main__primarynav--areapage-vertical p {
  display: block;
  color: #2f2f2f;
  margin-top: 1rem;
}

@media (max-width: 767px) {
  .bot-main__primarynav--areapage-vertical p.normal {
    margin-top: 0;
  }
}

.bot-main__primarynav--areapage-vertical
  .bot-main__primarynav--areapage-vertical-title {
  display: flex;
  margin-top: 0;
  margin-bottom: 1rem;
  line-height: 2rem;
}

@media (max-width: 767px) {
  .bot-main__primarynav--areapage-vertical
    .bot-main__primarynav--areapage-vertical-title {
    margin-bottom: 0;
  }
}

/*
 * 3.4.1 Primär navigation områdessida vertikal variant
*/

@media (max-width: 767px) {
  .bot-main__primarynav--areapage-vertical-variant {
    padding: 0;
  }
}

.bot-main__primarynav--areapage-vertical-variant ul {
  padding-bottom: 3rem;
}

@media (max-width: 767px) {
  .bot-main__primarynav--areapage-vertical-variant ul {
    margin: 0;
    padding-bottom: 2rem;
  }
}

.bot-main__primarynav--areapage-vertical-variant ul li {
  position: relative;
  display: block;
  margin: 1.2rem 0;
  border-left: 0.4rem solid #ececec;
  padding-left: 2rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

@media (max-width: 1024px) {
  .bot-main__primarynav--areapage-vertical-variant ul li {
    position: relative;
    display: block;
    float: left;
    padding: 1% 4% 4%;
    margin-right: 5%;
  }
}

@media (max-width: 767px) {
  .bot-main__primarynav--areapage-vertical-variant ul li {
    width: 100%;
    float: left;
    padding: 0;
    padding-left: 10px;
    margin-right: 0;
    margin: 10px 0;
  }
}

.bot-main__primarynav--areapage-vertical-variant ul li:hover {
  border-left: 0.4rem solid #0095c7;
}

.bot-main__primarynav--areapage-vertical-variant
  ul
  li:hover
  a
  .last-word:after {
  font-family: "icomoon";
  content: "\e90e";
  position: relative;
  color: var(--morkbla, MediumBlue);
  font-size: 2.2rem;
  top: 0.3rem;
  margin-left: 0.3rem;
  margin-right: 0.5rem;
}

.bot-main__primarynav--areapage-vertical-variant a {
  display: inline-table;
  color: var(--morkbla, MediumBlue);
  text-decoration: none;
  font-size: 2rem;
  font-weight: bold;
}

.bot-main__primarynav--areapage-vertical-variant a .last-word {
  white-space: nowrap;
}

.bot-main__primarynav--areapage-vertical-variant a .last-word:after {
  font-family: "icomoon";
  content: "\e902";
  position: relative;
  color: #fff;
  font-size: 2.2rem;
  top: 0.3rem;
  margin-left: 0.3rem;
  margin-right: 0.5rem;
}

@media (max-width: 767px) {
  .bot-main__primarynav--areapage-vertical-variant a {
    font-size: 1.6rem;
  }
}

.bot-main__primarynav--areapage-vertical-variant ul li a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.bot-main__primarynav--areapage-vertical-variant a.focused:before {
  border: 1px solid #002c46;
}

.bot-main__primarynav--areapage-vertical-variant a.focused {
  outline: none;
}

.bot-main__primarynav--areapage-vertical-variant p {
  display: block;
  color: #2f2f2f;
  margin-top: 1rem;
}

@media (max-width: 767px) {
  .bot-main__primarynav--areapage-vertical-variant p.normal {
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .bot-main__primarynav--areapage-vertical-variant
    .bot-main__primarynav--areapage-vertical-title {
    margin-bottom: 0;
  }
}

/*
 * 3.5 Brödsmulor
 */

main .sv-visible-sv-bp-tablet.sv-visible-sv-bp-mobile.bot-main__breadcrumbs {
  display: none !important;
}

.bot-main__breadcrumbs {
  background-color: #fafafa;
  padding: 1.6rem 0 2rem 0;
}

.bot-main__breadcrumbs:has(.breadcrumbsHidden) {
  display: none;
}

.bot-main__breadcrumbs .bot-main__breadcrumbs--item:after {
  font-family: "icomoon";
  content: "\e90e";
  position: relative;
  color: #808080;
  font-size: 1.6rem;
  top: 0.2rem;
  margin-left: 0.3rem;
}

.bot-main__breadcrumbs .bot-main__breadcrumbs--item:last-child:after {
  display: none;
}

.bot-main__breadcrumbs .bot-main__breadcrumbs--item a {
  font-size: 1.8rem;
  line-height: 2rem;
  color: var(--morkbla, MediumBlue);
  text-decoration: none;
  white-space: nowrap;
}

.bot-main__breadcrumbs .bot-main__breadcrumbs--item span {
  white-space: nowrap;
}

.bot-main__breadcrumbs .bot-main__breadcrumbs--item a.focused {
  outline-color: #002c46;
}

.bot-main__breadcrumbs .bot-main__breadcrumbs--item span {
  font-size: 1.8rem;
  line-height: 2rem;
}

.bot-main__breadcrumbs .bot-main__breadcrumbs--mobile {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.bot-main__breadcrumbs .bot-main__breadcrumbs--mobile li a {
  font-size: 14px;
  line-height: 20px;
  color: var(--morkbla, MediumBlue);
  text-decoration: none;
}

.bot-main__breadcrumbs .bot-main__breadcrumbs--mobile li:before {
  font-family: "icomoon";
  content: "\e901";
  position: relative;
  color: #808080;
  font-size: 1.6rem;
  top: 0.2rem;
  margin-right: 0.3rem;
}

.bot-main__breadcrumbs--item:empty {
  display: none;
}

/*******************************/

.bot-main__breadcrumbs--list-mobile ul {
  display: flex;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-bottom: 0;
  margin-top: 0.2rem;
}

.bot-main__breadcrumbs--list-mobile ul li {
  list-style: none;
}

.bot-main__breadcrumbs--list-mobile ul li a {
  color: var(--morkbla, MediumBlue);
  list-style: none;
  text-decoration: none;
}

nav.bot-main__breadcrumbs--list-mobile
  li.bot-main__breadcrumbs--list-mobile-currentpage::before {
  font-family: "icomoon";
  content: "\e90e";
  position: relative;
  color: #808080;
  font-size: 1.6rem;
  top: 0.2rem;
  margin-left: 0.4rem;
}

@media (max-width: 768px) {
  .bot-main__breadcrumbs .bot-main__breadcrumbs--item a,
  .bot-main__breadcrumbs .bot-main__breadcrumbs--item span {
    font-size: 14px;
    line-height: 2rem;
  }

  .bot-main__breadcrumbs .bot-main__breadcrumbs--item::after {
    font-size: 1.3rem;
  }

  .bot-main__breadcrumbs {
    padding: 1rem 0;
    height: fit-content;
  }
}

/*******************************/

/*
 * 3.6 Högerblock
 */
.bot-main__block-right {
  background-color: #f2f5f7;
  border: 0.2rem solid #d9e2e7;
  max-width: 42.6rem;
  margin-bottom: 2.5rem;
}

.bot-main__block-right h2 {
  font-size: 2rem;
  line-height: 2.4rem;
}

.bot-main__block-right .bot-btn {
  margin-top: 2rem;
}

.bot-main__block-left {
  background-color: #e6f2f7;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

/* FOSTIRA EDIT FAKTABLOCK */

.bot-main__block-left--blue .normal a,
.bot-main__block-left--pink .normal a,
.bot-main__block-left--lime .normal a,
.bot-main__block-left--yellow .normal a {
  color: var(--morkbla, MediumBlue);
  /* border-bottom: 1px dotted #000; */
}

.bot-main__block-left--blue .bot-main__cerise-btn .normal a,
.bot-main__block-left--pink .bot-main__cerise-btn .normal a,
.bot-main__block-left--lime .bot-main__cerise-btn .normal a,
.bot-main__block-left--yellow .bot-main__cerise-btn .normal a {
  text-decoration: none;
  /* border-bottom: 1px dotted #000; */
}

.bot-main__block-left--blue .normal a:hover,
.bot-main__block-left--pink .normal a:hover,
.bot-main__block-left--lime .normal a:hover,
.bot-main__block-left--yellow .normal a:hover {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}

.bot-main__block-left--blue .normal a:hover,
.bot-main__block-left--pink .normal a:hover,
.bot-main__block-left--lime .normal a:hover,
.bot-main__block-left--yellow .normal a:hover {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
}

/* FOSTIRA EDIT FAKTABLOCK END */

.bot-main__block-left h2 {
  font-size: 2rem;
  line-height: 2.4rem;
}

.bot-main__block-left .bot-btn {
  margin-top: 2rem;
}

.bot-main__block-left--blue {
  background-color: #e6f2f7;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  padding: 1rem 2.5em 2.5em 2.5em;
}

.bot-main__block-left--blue .sv-image-portlet img {
  margin-top: 0;
}

.bot-main__block-left--blue h2 {
  font-size: 2rem;
  line-height: 2.4rem;
}

.bot-main__block-left--blue .bot-btn {
  margin-top: 2rem;
}

.bot-main__block-left--yellow {
  background-color: #fffddf;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  padding: 1rem 2.5em 2.5em 2.5em;
}

.bot-main__block-left--yellow .sv-image-portlet img {
  margin-top: 0;
}

.bot-main__block-left--yellow h2 {
  font-size: 2rem;
  line-height: 2.4rem;
}

.bot-main__block-left--yellow .bot-btn {
  margin-top: 2rem;
}

.bot-main__block-left--pink {
  background-color: #f4e8ef;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  padding: 1rem 2.5em 2.5em 2.5em;
}

.bot-main__block-left--pink .sv-image-portlet img {
  margin-top: 0;
}

.bot-main__block-left--pink h2 {
  font-size: 2rem;
  line-height: 2.4rem;
}

.bot-main__block-left--pink .bot-btn {
  margin-top: 2rem;
}

.bot-main__block-left--lime {
  background-color: #e3ff94;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  padding: 1rem 2.5em 2.5em 2.5em;
}

.bot-main__block-left--lime .sv-image-portlet img {
  margin-top: 0;
}

.bot-main__block-left--lime h2 {
  font-size: 2rem;
  line-height: 2.4rem;
}

.bot-main__block-left--lime .bot-btn {
  margin-top: 2rem;
}

/*@media (max-width: 767px) {
   .bot-main__block-right {
      margin: 0;
   }
}*/

/*
 * 3.7 Nyhetsarkiv
 */

.bot-main__newsarchive .bot-main__indented-main-content {
  max-width: 1172px;
  margin: 6rem auto 6rem;
}

.bot-main__newsarchive .bot-main__newsarchive--logo {
  width: 100%;
}

.bot-main__newsarchive ol,
.bot-main__newsarchive ul {
  max-width: 71.4rem;
}

.bot-main__newsarchive ol li {
  position: relative;
  display: inline-block;
}

.bot-main__newsarchive ol li {
  margin: 1.2rem 0;
  border-left: 0.4rem solid #ececec;
  padding-left: 2rem;
  padding-top: 0.5rem;
  padding-bottom: 1.5rem;
}

.bot-main__newsarchive ol li:hover,
.bot-main__newsarchive ul li:hover {
  border-color: #0095c7;
}

.bot-main__newsarchive ol li h2,
.bot-main__newsarchive ul li h2 {
  margin: 0 0 0.8rem 0;
  line-height: 2rem;
}

.bot-main__newsarchive h2.small {
  font-size: 2rem;
  line-height: 2.4rem;
}

@media (max-width: 1024px) {
  .bot-main__newsarchive h2.small.hits {
    border-bottom: 1px solid #d9e2e7;
    padding-bottom: 1.5rem;
  }
}

.bot-main__newsarchive ol li h2 a,
.bot-main__newsarchive ul li h2 a {
  position: relative;
  font-size: 2rem;
  line-height: 2.5rem;
  color: var(--morkbla, MediumBlue);
}

.bot-main__newsarchive ol li h2 a:before,
.bot-main__newsarchive ul li h2 a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
}

.bot-main__newsarchive ol li h2 a.focused,
.bot-main__newsarchive ul li h2 a.focused {
  outline: 0;
}

.bot-main__newsarchive ol li h2 a.focused:before,
.bot-main__newsarchive ul li h2 a.focused:before {
  border: 1px solid #002c46;
}

.bot-main__newsarchive ol li h2 a .last-word,
.bot-main__newsarchive ul li h2 a .last-word {
  white-space: nowrap;
}

.bot-main__newsarchive ol li:hover h2 a .last-word:after {
  font-family: "icomoon";
  content: "\e90e";
  position: relative;
  color: var(--morkbla, MediumBlue);
  font-size: 2.2rem;
  top: 0.3rem;
  margin-left: 0.3rem;
  margin-right: 0.5rem;
}

.bot-main__newsarchive ol li h2 a .last-word:after,
.bot-main__newsarchive ul li h2 a .last-word:after {
  font-family: "icomoon";
  content: "\e902";
  position: relative;
  color: transparent;
  font-size: 2.2rem;
  top: 0.3rem;
  margin-left: 0.3rem;
  margin-right: 0.5rem;
}

.bot-main__newsarchive ol li .date,
.bot-main__newsarchive ul li .date {
  float: left;
  margin-right: 1rem;
}

.bot-main__newsarchive form,
.bot-main__newsarchive form {
  display: none;
}

.bot-main__newsarchive ol li p {
  margin-bottom: 1rem;
}

.bot-main__newsarchive ul li span.normal {
  display: block;
  margin-bottom: 1rem;
}

.bot-main__newsarchive .bot-main__newsarchive--pagination {
  display: inline-block;
  border-top: 1px solid #d9e2e7;
  overflow: hidden;
  width: 100%;
  max-width: 71.4rem;
  margin-top: 2.8rem;
  padding-top: 2.6rem;
}

.bot-main__newsarchive .hitCount {
  display: inline-block;
  border-bottom: 1px solid #d9e2e7;
  width: 100%;
  margin-bottom: 0;
  padding-bottom: 1.5rem;
  margin-top: 3rem;
}

.bot-main__newsarchive--pagination .current.prev,
.bot-main__newsarchive--pagination .current.next {
  border: 0.2rem solid #f2f5f7;
  background-color: #f2f5f7;
  border-radius: 0.4rem;
  color: #2f2f2f;
  padding: 0.5rem 1rem;
}

.bot-main__newsarchive--pagination a,
.bot-main__newsarchive--pagination span {
  border: 0.2rem solid #f2f5f7;
  background-color: #f2f5f7;
  border-radius: 0.4rem;
  color: #2f2f2f;
  padding: 0.5rem 1rem;
}

.bot-main__newsarchive--pagination .current {
  border: 0.2rem solid #0095c7;
  background-color: #ffffff;
  border-radius: 0.4rem;
  color: #2f2f2f;
  font-weight: normal;
  padding: 0.5rem 1rem;
}

.bot-main__newsarchive .sv-font-datum {
  color: #2f2f2f;
  font-weight: bold;
  margin-right: 2.2rem;
  margin-bottom: 0;
  float: left;
}

.bot-main__newsarchive .sv-font-kategori {
  color: #757575;
  font-weight: bold;
  float: left;
  margin-top: 0;
  margin-bottom: 0;
}

.bot-main__newsarchive .sv-font-kategori svg {
  position: relative;
  top: -0.1rem;
  float: left;
  width: 2rem;
  margin-right: 0.5rem;
}

.bot-main__newsarchive .sv-font-kategori svg .st0 {
  fill: var(--morkbla, MediumBlue);
}

.bot-main__newsarchive .sv-font-kategori svg .st1 {
  fill: none;
}

.bot-main__newsarchive ol li .bot-main__newsarchive--date,
.bot-main__newsarchive ul li .bot-main__newsarchive--date {
  display: block;
  float: left;
  margin-top: 0;
  margin-right: 20px;
}

.bot-main__newsarchive
  ol
  li
  .bot-main__newsarchive--date
  span.bot-main__newsarchive--date-month,
.bot-main__newsarchive
  ul
  li
  .bot-main__newsarchive--date
  span.bot-main__newsarchive--date-month {
  display: block;
  background-color: #db2982;
  color: #ffffff;
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0.2rem 1.2rem;
  text-align: center;
  border: 1px solid #db2982;
  border-bottom: none;
}

.bot-main__newsarchive
  ol
  li
  .bot-main__newsarchive--date
  span.bot-main__newsarchive--date-day,
.bot-main__newsarchive
  ul
  li
  .bot-main__newsarchive--date
  span.bot-main__newsarchive--date-day {
  display: block;
  background-color: #ffffff;
  color: #2f2f2f;
  font-size: 1.8rem;
  line-height: 2rem;
  font-weight: bold;
  padding: 0.5rem 1.2rem;
  text-align: center;
  border: 1px solid #cdcdcd;
  border-top: none;
}

.bot-main__newsarchive .bot-main__newsarchive--wrapper-items {
  max-width: 62.7rem;
  overflow: hidden;
  border-top: 1px solid #d9e2e7;
}

@media (max-width: 1024px) {
  .bot-main__newsarchive .bot-main__newsarchive--wrapper-items {
    max-width: none;
    overflow: hidden;
    width: 100%;
    border-top: 0;
  }
}

.bot-main__newsarchive .bot-main__newsarchive--wrapper-items h2.small {
  border-bottom: 1px solid #d9e2e7;
  padding-bottom: 17px;
}

.bot-main__newsarchive ol li .bot-main__newsarchive--information,
.bot-main__newsarchive ul li .bot-main__newsarchive--information {
  display: table;
  list-style-type: none;
  padding-left: 0;
  padding: 0;
}

.bot-main__newsarchive ol li .bot-main__newsarchive--information li,
.bot-main__newsarchive ul li .bot-main__newsarchive--information li {
  margin: 0 0 0.2rem 0;
  padding: 0;
}

/*
 * 3.7.1 Nyhetssarkiv (facetter)
 */

.bot-main__newsarchive--wrapper-facets-category .Nyhetstyp,
.bot-main__newsarchive--wrapper-facets-category .Publicerad {
  display: none;
}

.bot-main__newsarchive .bot-main__newsarchive--wrapper-facets {
  padding: 0 2.4rem 1.8rem 2.4rem;
  margin: 0 0 2rem 0;
  float: right;
  margin-left: 7rem;
  margin-top: 0;
  max-width: 42.7rem;
  width: 100%;
}

@media (min-width: 1025px) {
  .bot-main__newsarchive .bot-main__newsarchive--wrapper-facets {
    margin-top: -5.7rem;
  }
}

.bot-main__newsarchive
  .bot-main__newsarchive--wrapper-facets
  ul
  .bot-main__newsarchive--wrapper-facets-exist
  a:before {
  font-family: "icomoon";
  content: "\e90e";
  position: relative;
  font-size: 2.2rem;
  top: 0.4rem;
  margin-right: 1rem;
  color: #ffffff;
  background-color: #ffffff;
  border: 1px solid var(--morkbla, MediumBlue);
  border-radius: 0.2rem;
}

.bot-main__newsarchive
  .bot-main__newsarchive--wrapper-facets
  ul
  .bot-main__newsarchive--wrapper-facets-marked
  a:before {
  font-family: "icomoon";
  content: "\e936";
  position: relative;
  font-size: 2.2rem;
  top: 0.4rem;
  margin-right: 1rem;
  color: #ffffff;
  background-color: var(--morkbla, MediumBlue);
  border: 1px solid var(--morkbla, MediumBlue);
  border-radius: 0.2rem;
}

.bot-main__newsarchive
  .bot-main__newsarchive--wrapper-facets
  ul
  .bot-main__newsarchive--wrapper-facets-not-exist {
  opacity: 0.3;
}

.bot-main__newsarchive
  .bot-main__newsarchive--wrapper-facets
  ul
  .bot-main__newsarchive--wrapper-facets-not-exist:before {
  font-family: "icomoon";
  content: "\e90e";
  position: relative;
  font-size: 2.2rem;
  top: 0.4rem;
  margin-right: 1rem;
  color: #ffffff;
  background-color: #ffffff;
  border: 1px solid #757575;
  border-radius: 0.2rem;
}

.bot-main__newsarchive
  .bot-main__newsarchive--wrapper-facets
  ul
  .bot-main__newsarchive--wrapper-facets-not-exist:focus {
  outline: none;
}

.bot-main__newsarchive .bot-main__newsarchive--wrapper-facets ul li a {
  text-decoration: none;
  border-bottom: none;
  color: var(--morkbla, MediumBlue);
  padding-right: 0.8rem;
}

.bot-main__newsarchive .bot-main__newsarchive--wrapper-facets ul li a:hover {
  background-color: var(--morkbla, MediumBlue);
  color: #ffffff;
  border: 1px solid var(--morkbla, MediumBlue);
  border-left: 0;
}

@media (max-width: 1024px) {
  .bot-main__newsarchive .bot-main__newsarchive--wrapper-facets {
    margin-left: 0;
    padding: 0;
    max-width: none;
  }
}

.bot-main__newsarchive .bot-main__newsarchive--wrapper-facets .count {
  float: right;
  margin-right: 0.2rem;
  color: var(--morkbla, MediumBlue);
}

.bot-main__newsarchive--facet-tags {
  display: block;
  max-width: 62.7rem;
  margin-top: 20px;
}

@media (max-width: 1024px) {
  .bot-main__newsarchive--facet-tags {
    max-width: none;
  }
}

.bot-main__newsarchive--facet-tags ul {
  display: inline-block;
  margin: 0;
  list-style-type: none;
  padding-left: 0;
  width: 100%;
}

.bot-main__newsarchive--facet-tags ul li {
  display: flex;
  float: left;
  margin-right: 8px;
  margin-bottom: 8px !important;
}

.bot-main__newsarchive--facet-tags ul li a {
  font-size: 15px;
  line-height: 24px;
  color: #2f2f2f;
  padding: 1px 15px 5px 15px;
  background-color: #f2f5f7;
  border: 1px solid #d9e2e7;
  text-decoration: none;
}

.bot-main__newsarchive--facet-tags ul li a:before {
  font-family: "icomoon";
  content: "\e911";
  width: 24px;
  height: 24px;
  font-size: 24px;
  color: var(--morkbla, MediumBlue);
  position: relative;
  left: -2px;
  top: 4px;
  margin-right: 6px;
}

.bot-main__newsarchive--facet-tags ul li a:hover {
  background-color: var(--morkbla, MediumBlue);
  color: #ffffff;
}

.bot-main__newsarchive--facet-tags ul li a:hover:before {
  color: #ffffff;
}

.bot-main__newsarchive--facet-tags ul li a.focused {
  outline: none;
  background-color: var(--morkbla, MediumBlue);
  color: #ffffff;
}

.bot-main__newsarchive--facet-tags ul li a.focused:before {
  color: #ffffff;
}

.bot-main__newsarchive--facet-tags ul li a:focus {
  outline: none;
  background-color: var(--morkbla, MediumBlue);
  color: #ffffff;
}

.bot-main__newsarchive--facet-tags ul li a:focus:before {
  color: #ffffff;
}

.bot-main__newsarchive--facet-tags ul li .count {
  display: none;
}

.bot-main__newsarchive--wrapper-facets .facet-title {
  position: relative;
  display: block;
  width: 100%;
  outline: none;
  cursor: pointer;
  background-color: transparent;
  border: none;
  text-align: left;
  font-size: 18px;
  line-height: 28px;
  padding: 7px 10px 5px 10px;
}

.bot-main__newsarchive--wrapper-facets .facet-title.focused {
  outline: 1px solid #002c46;
}

.bot-main__newsarchive--wrapper-facets .facet-title:after {
  font-family: "icomoon";
  content: "\e902";
  position: absolute;
  color: #000000;
  font-size: 24px;
  top: 7px;
  margin-left: 0.3rem;
  right: 5px;
}

.bot-main__newsarchive--wrapper-facets .facet-title.open:after {
  content: "\e913";
}

.bot-main__newsarchive--wrapper-facets .search-facet-toggle-category {
  outline: none;
}

.bot-main__newsarchive .bot-main__newsarchive--wrapper-facets ul li a.focused,
.bot-main__newsarchive .bot-main__newsarchive--wrapper-facets ul li a:focus {
  outline: none;
  border-left: none !important;
  color: white !important;
  background-color: var(--morkbla, MediumBlue);
  border: 1px solid var(--morkbla, MediumBlue);
}

.bot-main__newsarchive
  .bot-main__newsarchive--wrapper-facets
  .facet-tags
  ul
  li
  a.focused:before,
.bot-main__newsarchive
  .bot-main__newsarchive--wrapper-facets
  .facet-tags
  ul
  li
  a:focus:before {
  border: 1px solid #ffffff;
}

.bot-main__newsarchive--wrapper-facets ul li {
  margin-bottom: 8px;
}

.bot-main__newsarchive--wrapper-facets-category .wrapper {
  display: block;
  border: 2px solid #d9e2e7;
  margin-bottom: 20px;
}

.bot-main__newsarchive--wrapper-facets .sv-search-facet {
  padding: 8px 10px;
}

.bot-main__newsarchive--wrapper-facets .refresh {
  position: relative;
  background-color: transparent;
  border: 1px solid #aed5e7;
  font-size: 15px;
  line-height: 24px;
  color: #007cab;
  width: 175px;
  cursor: pointer;
  padding: 8px 13px 8px 13px;
  margin-bottom: 20px;
}

.bot-main__newsarchive--wrapper-facets .refresh:focus {
  outline: 1px solid #002c46;
}

.bot-main__newsarchive--wrapper-facets .refresh:hover {
  background-color: #007cab;
  color: #ffffff;
}

.bot-main__newsarchive--wrapper-facets .refresh:hover:before {
  color: #ffffff;
}

.bot-main__newsarchive--wrapper-facets .refresh:before {
  font-family: "icomoon";
  content: "\e940";
  position: relative;
  color: #007cab;
  font-size: 24px;
  top: 5px;
  margin-right: 6px;
  left: 0;
  line-height: 10px;
}

@media (min-width: 769px) {
  .bot-main__newsarchive--wrapper-facets .bot-main__block-right {
    display: block;
    padding: 24px;
    margin-top: 20px;
  }

  .bot-main__newsarchive--wrapper-facets .bot-main__block-right p {
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  .bot-main__newsarchive--wrapper-facets .bot-main__block-right {
    display: none;
  }
}

@media (max-width: 768px) {
  .bot-main__newsarchive--wrapper-items .bot-main__block-bottom {
    display: block;
    border: 0.2rem solid #d9e2e7;
    padding: 24px;
    margin-top: 40px;
  }

  .bot-main__newsarchive--wrapper-items .bot-main__block-bottom p {
    margin-bottom: 20px;
  }

  .bot-main__newsarchive--wrapper-items .bot-main__block-bottom h2 {
    font-size: 2rem;
    line-height: 2.4rem;
    margin-top: 0;
  }
}

@media (min-width: 769px) {
  .bot-main__newsarchive--wrapper-items .bot-main__block-bottom {
    display: none;
  }
}

/*
 * 3.8 Evenemangsarkiv
 */

.bot-main__eventsarchive .bot-main__indented-main-content {
  max-width: 1172px;
  margin: 0 auto 6rem;
}

.bot-main__eventsarchive .bot-main__eventsarchive--logo {
  width: 100%;
}

.bot-main__eventsarchive ol {
  max-width: 71.4rem;
}

.bot-main__eventsarchive ol li {
  position: relative;
  display: inline-block;
  margin: 1.2rem 0;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  width: 100%;
}

.bot-main__eventsarchive ol li h2 {
  display: flex;
  margin: 0 0 0.8rem 0;
  line-height: 2rem;
}

.bot-main__eventsarchive h2.small {
  font-size: 2rem;
  line-height: 2.4rem;
}

@media (max-width: 1024px) {
  .bot-main__eventsarchive h2.small.hits {
    border-bottom: 1px solid #d9e2e7;
    padding-bottom: 1.5rem;
  }
}

.bot-main__eventsarchive ol li h2 a {
  font-size: 2rem;
  line-height: 2.5rem;
  color: var(--morkbla, MediumBlue);
}

.bot-main__eventsarchive ol li h2 a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
}

.bot-main__eventsarchive ol li h2 a.focused {
  outline: 0;
}

.bot-main__eventsarchive ol li h2 a.focused:before {
  border: 1px solid #002c46;
}

.bot-main__eventsarchive h2 a .last-word {
  white-space: nowrap;
}

.bot-main__eventsarchive h2 a .last-word:after {
  font-family: "icomoon";
  content: "\e902";
  position: relative;
  color: transparent;
  font-size: 2.2rem;
  top: 0.3rem;
  margin-left: 0.3rem;
  margin-right: 0.5rem;
}

.bot-main__eventsarchive ol li:hover h2 a .last-word:after {
  font-family: "icomoon";
  content: "\e90e";
  position: relative;
  color: var(--morkbla, MediumBlue);
  font-size: 2.2rem;
  top: 0.3rem;
  margin-left: 0.3rem;
  margin-right: 0.5rem;
}

.bot-main__eventsarchive ol li .date {
  float: left;
  margin-right: 1rem;
}

.bot-main__eventsarchive form,
.bot-main__eventsarchive form {
  display: none;
}

.bot-main__eventsarchive ol li p {
  display: flex;
  margin-bottom: 1rem;
}

.bot-main__eventsarchive .bot-main__eventsarchive--pagination {
  display: inline-block;
  border-top: 1px solid #d9e2e7;
  overflow: hidden;
  width: 100%;
  max-width: 71.4rem;
  margin-top: 2.8rem;
  padding-top: 2.6rem;
}

.bot-main__eventsarchive .hitCount {
  display: inline-block;
  border-bottom: 1px solid #d9e2e7;
  width: 100%;
  margin-bottom: 0;
  padding-bottom: 1.5rem;
  margin-top: 3rem;
}

.bot-main__eventsarchive--pagination .current.prev,
.bot-main__eventsarchive--pagination .current.next {
  border: 0.2rem solid #f2f5f7;
  background-color: #f2f5f7;
  border-radius: 0.4rem;
  color: #2f2f2f;
  padding: 0.5rem 1rem;
}

.bot-main__eventsarchive--pagination a,
.bot-main__eventsarchive--pagination span {
  border: 0.2rem solid #f2f5f7;
  background-color: #f2f5f7;
  border-radius: 0.4rem;
  color: #2f2f2f;
  padding: 0.5rem 1rem;
}

.bot-main__eventsarchive--pagination .current {
  border: 0.2rem solid #0095c7;
  background-color: #ffffff;
  border-radius: 0.4rem;
  color: #2f2f2f;
  font-weight: normal;
  padding: 0.5rem 1rem;
}

.bot-main__eventsarchive .sv-font-datum {
  color: #2f2f2f;
  font-weight: bold;
  margin-right: 2.2rem;
  margin-bottom: 0;
  float: left;
}

.bot-main__eventsarchive .sv-font-kategori {
  color: #757575;
  font-weight: bold;
  float: left;
  margin-top: 0;
  margin-bottom: 0;
}

.bot-main__eventsarchive .sv-font-kategori span {
  position: relative;
  top: 1px;
  font-size: 1.5rem;
  margin-right: 0.3rem;
}

.bot-main__eventsarchive ol li .bot-main__eventsarchive--date {
  display: block;
  float: left;
  margin-top: 0;
  margin-right: 20px;
}

.bot-main__eventsarchive
  ol
  li
  .bot-main__eventsarchive--date
  span.bot-main__eventsarchive--date-month {
  display: block;
  background-color: #db2982;
  color: #ffffff;
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0.2rem 1.2rem;
  text-align: center;
  border: 1px solid #db2982;
  border-bottom: none;
}

.bot-main__eventsarchive
  ol
  li
  .bot-main__eventsarchive--date
  span.bot-main__eventsarchive--date-day {
  display: block;
  background-color: #ffffff;
  color: #2f2f2f;
  font-size: 1.8rem;
  line-height: 2rem;
  font-weight: bold;
  padding: 0.5rem 1.2rem;
  text-align: center;
  border: 1px solid #cdcdcd;
  border-top: none;
}

.bot-main__eventsarchive .bot-main__eventsarchive--wrapper-items {
  max-width: 62.7rem;
  overflow: hidden;
  border-top: 1px solid #d9e2e7;
}

@media (max-width: 1024px) {
  .bot-main__eventsarchive .bot-main__eventsarchive--wrapper-items {
    max-width: none;
    overflow: hidden;
    width: 100%;
    border-top: 0;
  }
}

.bot-main__eventsarchive .bot-main__eventsarchive--wrapper-items h2.small {
  border-bottom: 1px solid #d9e2e7;
  padding-bottom: 17px;
}

.bot-main__eventsarchive ol li .bot-main__eventsarchive--information {
  display: table;
  list-style-type: none;
  padding-left: 0;
  padding: 0;
}

.bot-main__eventsarchive ol li .bot-main__eventsarchive--information li {
  margin: 0 0 0.2rem 0;
  padding: 0;
}

/*
 * 3.8.1 Evenemangsarkiv (facetter)
 */
.bot-main__eventsarchive--wrapper-facets-category .För,
.bot-main__eventsarchive--wrapper-facets-category .Kategori,
.bot-main__eventsarchive--wrapper-facets-category .Område {
  display: none;
}

.bot-main__eventsarchive .bot-main__eventsarchive--wrapper-facets {
  padding: 0 2.4rem 1.8rem 2.4rem;
  margin: 0 0 2rem 0;
  float: right;
  margin-left: 7rem;
  margin-top: 0;
  max-width: 42.7rem;
  width: 100%;
}

@media (min-width: 1025px) {
  .bot-main__eventsarchive .bot-main__eventsarchive--wrapper-facets {
    margin-top: -5.7rem;
  }
}

.bot-main__eventsarchive
  .bot-main__eventsarchive--wrapper-facets
  ul
  .bot-main__eventsarchive--wrapper-facets-exist
  a:before {
  font-family: "icomoon";
  content: "\e90e";
  position: relative;
  font-size: 2.2rem;
  top: 0.4rem;
  margin-right: 1rem;
  color: #ffffff;
  background-color: #ffffff;
  border: 1px solid var(--morkbla, MediumBlue);
  border-radius: 0.2rem;
}

.bot-main__eventsarchive
  .bot-main__eventsarchive--wrapper-facets
  ul
  .bot-main__eventsarchive--wrapper-facets-marked
  a:before {
  font-family: "icomoon";
  content: "\e936";
  position: relative;
  font-size: 2.2rem;
  top: 0.4rem;
  margin-right: 1rem;
  color: #ffffff;
  background-color: var(--morkbla, MediumBlue);
  border: 1px solid var(--morkbla, MediumBlue);
  border-radius: 0.2rem;
}

.bot-main__eventsarchive
  .bot-main__eventsarchive--wrapper-facets
  ul
  .bot-main__eventsarchive--wrapper-facets-not-exist {
  opacity: 0.3;
}

.bot-main__eventsarchive
  .bot-main__eventsarchive--wrapper-facets
  ul
  .bot-main__eventsarchive--wrapper-facets-not-exist:before {
  font-family: "icomoon";
  content: "\e90e";
  position: relative;
  font-size: 2.2rem;
  top: 0.4rem;
  margin-right: 1rem;
  color: #ffffff;
  background-color: #ffffff;
  border: 1px solid #757575;
  border-radius: 0.2rem;
}

.bot-main__eventsarchive
  .bot-main__eventsarchive--wrapper-facets
  ul
  .bot-main__eventsarchive--wrapper-facets-not-exist:focus {
  outline: none;
}

.bot-main__eventsarchive .bot-main__eventsarchive--wrapper-facets ul li a {
  text-decoration: none;
  border-bottom: none;
  color: var(--morkbla, MediumBlue);
  padding-right: 0.8rem;
}

.bot-main__eventsarchive
  .bot-main__eventsarchive--wrapper-facets
  ul
  li
  a:hover {
  background-color: var(--morkbla, MediumBlue);
  color: #ffffff;
  border: 1px solid var(--morkbla, MediumBlue);
  border-left: 0;
}

@media (max-width: 1024px) {
  .bot-main__eventsarchive .bot-main__eventsarchive--wrapper-facets {
    margin-left: 0;
    padding: 0;
    max-width: none;
  }
}

.bot-main__eventsarchive .bot-main__eventsarchive--wrapper-facets .count {
  float: right;
  margin-right: 0.2rem;
  color: #007cab;
}

.bot-main__eventsarchive--facet-tags {
  display: block;
  max-width: 62.7rem;
  margin-top: 20px;
}

@media (max-width: 1024px) {
  .bot-main__eventsarchive--facet-tags {
    max-width: none;
  }
}

.bot-main__eventsarchive--facet-tags ul {
  display: inline-block;
  margin: 0;
  list-style-type: none;
  padding-left: 0;
  width: 100%;
}

.bot-main__eventsarchive--facet-tags ul li {
  display: flex;
  float: left;
  margin-right: 8px;
  margin-bottom: 8px !important;
}

.bot-main__eventsarchive--facet-tags ul li a {
  font-size: 15px;
  line-height: 24px;
  color: #2f2f2f;
  padding: 1px 15px 5px 15px;
  background-color: #f2f5f7;
  border: 1px solid #d9e2e7;
  text-decoration: none;
}

.bot-main__eventsarchive--facet-tags ul li a:before {
  font-family: "icomoon";
  content: "\e934";
  width: 24px;
  height: 24px;
  font-size: 24px;
  color: var(--morkbla, MediumBlue);
  position: relative;
  left: -2px;
  top: 4px;
  margin-right: 6px;
}

.bot-main__eventsarchive--facet-tags ul li a:hover {
  background-color: var(--morkbla, MediumBlue);
  color: #ffffff;
}

.bot-main__eventsarchive--facet-tags ul li a:hover:before {
  color: #ffffff;
}

.bot-main__eventsarchive--facet-tags ul li a.focused {
  outline: none;
  background-color: var(--morkbla, MediumBlue);
  color: #ffffff;
}

.bot-main__eventsarchive--facet-tags ul li a.focused:before {
  color: #ffffff;
}

.bot-main__eventsarchive--facet-tags ul li a:focus {
  outline: none;
  background-color: var(--morkbla, MediumBlue);
  color: #ffffff;
}

.bot-main__eventsarchive--facet-tags ul li a:focus:before {
  color: #ffffff;
}

.bot-main__eventsarchive--facet-tags ul li .count {
  display: none;
}

.bot-main__eventsarchive--wrapper-facets .facet-title {
  position: relative;
  display: block;
  width: 100%;
  outline: none;
  cursor: pointer;
  background-color: transparent;
  border: none;
  text-align: left;
  font-size: 18px;
  line-height: 28px;
  padding: 7px 10px 5px 10px;
}

.bot-main__eventsarchive--wrapper-facets .facet-title.focused {
  outline: 1px solid #002c46;
}

.bot-main__eventsarchive--wrapper-facets .facet-title:after {
  font-family: "icomoon";
  content: "\e902";
  position: absolute;
  color: #000000;
  font-size: 24px;
  top: 7px;
  margin-left: 0.3rem;
  right: 5px;
}

.bot-main__eventsarchive--wrapper-facets .facet-title.open:after {
  content: "\e913";
}

.bot-main__eventsarchive--wrapper-facets .search-facet-toggle-category {
  outline: none;
}

.bot-main__eventsarchive
  .bot-main__eventsarchive--wrapper-facets
  ul
  li
  a.focused,
.bot-main__eventsarchive
  .bot-main__eventsarchive--wrapper-facets
  ul
  li
  a:focus {
  outline: none;
  border-left: none !important;
  color: white !important;
  background-color: var(--morkbla, MediumBlue);
  border: 1px solid var(--morkbla, MediumBlue);
}

.bot-main__eventsarchive
  .bot-main__eventsarchive--wrapper-facets
  .facet-tags
  ul
  li
  a.focused:before,
.bot-main__eventsarchive
  .bot-main__eventsarchive--wrapper-facets
  .facet-tags
  ul
  li
  a:focus:before {
  border: 1px solid #ffffff;
}

.bot-main__eventsarchive--wrapper-facets ul li {
  margin-bottom: 8px;
}

.bot-main__eventsarchive--wrapper-facets-category .wrapper {
  display: block;
  border: 2px solid #d9e2e7;
  margin-bottom: 20px;
}

.bot-main__eventsarchive--wrapper-facets .sv-search-facet {
  padding: 8px 10px;
}

.bot-main__eventsarchive--wrapper-facets .refresh {
  position: relative;
  background-color: transparent;
  border: 1px solid #aed5e7;
  font-size: 15px;
  line-height: 24px;
  color: #007cab;
  width: 175px;
  cursor: pointer;
  padding: 8px 13px 8px 13px;
  margin-bottom: 20px;
}

.bot-main__eventsarchive--wrapper-facets .refresh:focus {
  outline: 1px solid #002c46;
}

.bot-main__eventsarchive--wrapper-facets .refresh:hover {
  background-color: #007cab;
  color: #ffffff;
}

.bot-main__eventsarchive--wrapper-facets .refresh:hover:before {
  color: #ffffff;
}

.bot-main__eventsarchive--wrapper-facets .refresh:before {
  font-family: "icomoon";
  content: "\e940";
  position: relative;
  color: #007cab;
  font-size: 24px;
  top: 5px;
  margin-right: 6px;
  left: 0;
  line-height: 10px;
}

@media (min-width: 769px) {
  .bot-main__eventsarchive--wrapper-facets .bot-main__block-right {
    display: block;
    padding: 24px;
    margin-top: 20px;
  }

  .bot-main__eventsarchive--wrapper-facets .bot-main__block-right p {
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  .bot-main__eventsarchive--wrapper-facets .bot-main__block-right {
    display: none;
  }
}

@media (max-width: 768px) {
  .bot-main__eventsarchive--wrapper-items .bot-main__block-bottom {
    display: none;
    border: 0.2rem solid #d9e2e7;
    padding: 24px;
    margin-top: 40px;
  }

  .bot-main__eventsarchive--wrapper-items .bot-main__block-bottom p {
    margin-bottom: 20px;
  }

  .bot-main__eventsarchive--wrapper-items .bot-main__block-bottom h2 {
    font-size: 2rem;
    line-height: 2.4rem;
    margin-top: 0;
  }
}

@media (min-width: 769px) {
  .bot-main__eventsarchive--wrapper-items .bot-main__block-bottom {
    display: none;
  }
}

.bot-main__eventsarchive-mobile--submit {
  margin: 2rem 0;
}

.bot-main__eventsarchive-mobile--submit .bot-main__block-right {
  padding: 2.4rem;
}

.bot-main__eventsarchive-mobile--submit p {
  padding-bottom: 1.8rem;
}

/*
 * 3.8.2 - Evenemangsarkiv - Copy (för inlänkning med metadata eller arkiv)
 */

.bot-main__eventsarchive--copy .bot-main__indented-main-content {
  max-width: 1172px;
  margin: 0 auto 0;
}

.bot-main__eventsarchive--copy .bot-main__eventsarchive--logo {
  width: 100%;
}

.bot-main__eventsarchive--copy ul {
  max-width: 71.4rem;
}

.bot-main__eventsarchive--copy ul li {
  position: relative;
  display: inline-block;
  margin: 1.2rem 0;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  width: 100%;
}

.bot-main__eventsarchive--copy ul li h2 {
  display: flex;
  margin: 0 0 0.8rem 0;
  line-height: 2rem;
}

.bot-main__eventsarchive--copy h2.small {
  font-size: 2rem;
  line-height: 2.4rem;
}

@media (max-width: 1024px) {
  .bot-main__eventsarchive--copy h2.small.hits {
    border-bottom: 1px solid #d9e2e7;
    padding-bottom: 1.5rem;
  }
}

.bot-main__eventsarchive--copy ul li h2 a {
  font-size: 2rem;
  line-height: 2.5rem;
  color: var(--morkbla, MediumBlue);
}

.bot-main__eventsarchive--copy ul li h2 a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
}

.bot-main__eventsarchive--copy ul li h2 a.focused {
  outline: 0;
}

.bot-main__eventsarchive--copy ul li h2 a.focused:before {
  border: 1px solid #002c46;
}

.bot-main__eventsarchive--copy h2 a .last-word {
  white-space: nowrap;
}

.bot-main__eventsarchive--copy h2 a .last-word:after {
  font-family: "icomoon";
  content: "\e902";
  position: relative;
  color: transparent;
  font-size: 2.2rem;
  top: 0.3rem;
  margin-left: 0.3rem;
  margin-right: 0.5rem;
}

.bot-main__eventsarchive--copy ul li:hover h2 a .last-word:after {
  font-family: "icomoon";
  content: "\e90e";
  position: relative;
  color: var(--morkbla, MediumBlue);
  font-size: 2.2rem;
  top: 0.3rem;
  margin-left: 0.3rem;
  margin-right: 0.5rem;
}

.bot-main__eventsarchive--copy ul li .date {
  float: left;
  margin-right: 1rem;
}

.bot-main__eventsarchive--copy form,
.bot-main__eventsarchive form {
  display: none;
}

.bot-main__eventsarchive--copy ul li p {
  display: flex;
  margin-bottom: 1rem;
}

.bot-main__eventsarchive--copy .bot-main__eventsarchive--pagination {
  display: inline-block;
  border-top: 1px solid #d9e2e7;
  overflow: hidden;
  width: 100%;
  max-width: 71.4rem;
  margin-top: 2.8rem;
  padding-top: 2.6rem;
}

.bot-main__eventsarchive--copy .hitCount {
  display: inline-block;
  border-bottom: 1px solid #d9e2e7;
  width: 100%;
  margin-bottom: 0;
  padding-bottom: 1.5rem;
  margin-top: 3rem;
}

.bot-main__eventsarchive--copy .sv-font-datum {
  color: #2f2f2f;
  font-weight: bold;
  margin-right: 2.2rem;
  margin-bottom: 0;
  float: left;
}

.bot-main__eventsarchive--copy .sv-font-kategori {
  color: #757575;
  font-weight: bold;
  float: left;
  margin-top: 0;
  margin-bottom: 0;
}

.bot-main__eventsarchive--copy .sv-font-kategori span {
  position: relative;
  top: 1px;
  font-size: 1.5rem;
  margin-right: 0.3rem;
}

.bot-main__eventsarchive--copy ul li .bot-main__eventsarchive--date {
  display: block;
  float: left;
  margin-top: 0;
  margin-right: 20px;
}

.bot-main__eventsarchive--copy
  ul
  li
  .bot-main__eventsarchive--date
  span.bot-main__eventsarchive--date-month {
  display: block;
  background-color: #db2982;
  color: #ffffff;
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0.2rem 1.2rem;
  text-align: center;
  border: 1px solid #db2982;
  border-bottom: none;
}

.bot-main__eventsarchive--copy
  ul
  li
  .bot-main__eventsarchive--date
  span.bot-main__eventsarchive--date-day {
  display: block;
  background-color: #ffffff;
  color: #2f2f2f;
  font-size: 1.8rem;
  line-height: 2rem;
  font-weight: bold;
  padding: 0.5rem 1.2rem;
  text-align: center;
  border: 1px solid #cdcdcd;
  border-top: none;
}

.bot-main__eventsarchive--copy .bot-main__eventsarchive--wrapper-items {
  max-width: 62.7rem;
  overflow: hidden;
  border-top: 1px solid #d9e2e7;
}

@media (max-width: 1024px) {
  .bot-main__eventsarchive--copy .bot-main__eventsarchive--wrapper-items {
    max-width: none;
    overflow: hidden;
    width: 100%;
    border-top: 0;
  }
}

.bot-main__eventsarchive--copy
  .bot-main__eventsarchive--wrapper-items
  h2.small {
  border-bottom: 1px solid #d9e2e7;
  padding-bottom: 17px;
}

.bot-main__eventsarchive--copy ul li .bot-main__eventsarchive--information {
  display: table;
  list-style-type: none;
  padding-left: 0;
  padding: 0;
}

.bot-main__eventsarchive--copy ul li .bot-main__eventsarchive--information li {
  margin: 0 0 0.2rem 0;
  padding: 0;
}

/*
 * 3.9 Störningsarkiv
 */
.bot-main__disturbancearchive ol {
  max-width: 71.4rem;
}

.bot-main__disturbancearchive ol li {
  position: relative;
  display: inline-block;
  margin: 1.2rem 0;
  border-left: 0.4rem solid #ececec;
  padding-left: 2rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.bot-main__disturbancearchive ol li h2 {
  margin: 0;
  line-height: 2rem;
}

.bot-main__disturbancearchive ol li h2 a {
  font-size: 2rem;
  line-height: 2.4rem;
  color: var(--morkbla, MediumBlue);
}

.bot-main__disturbancearchive ol li h2 a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.bot-main__disturbancearchive ol li h2 a.focused {
  outline: 0;
}

.bot-main__disturbancearchive ol li h2 a.focused:before {
  border: 1px solid #002c46;
}

.bot-main__disturbancearchive ol li:hover {
  border-left: 0.4rem solid #0095c7;
}

.bot-main__disturbancearchive ol li .date {
  float: left;
  margin-right: 1rem;
}

.bot-main__disturbancearchive form,
.bot-main__disturbancearchive form {
  display: none;
}

/*
 * 3.9.1 - Störningsinformation - flikar i sidfot
 */

.bot-footer__disturbance-information a {
  font-size: 1.4rem;
  font-weight: 700;
  position: fixed;
  right: 4.4rem;
  bottom: 0;
  display: block;
  padding: 0.8rem 2.5rem;
  text-align: center;
  border-top-left-radius: 0.8rem;
  border-top-right-radius: 0.8rem;
  background-color: #fff42a;
  color: #000 !important;
  z-index: 10000;
  text-decoration: none;
  box-shadow: 0 0 5px 0 rgb(0 0 0 / 55%);
}

/*
 * 3.10 Anslagsarkiv
 */
.bot-main__pinboardarchive .bot-main__right-column {
  float: right !important;
  margin-top: 2.5rem;
}

@media (max-width: 768px) {
  .bot-main__pinboardarchive .bot-main__right-column {
    margin-top: 1rem;
  }
}

.bot-main__pinboardarchive .bot-main__left-column {
  float: left !important;
  margin-left: 0 !important;
}

.bot-main__pinboardarchive ul li {
  position: relative;
  display: inline-block;
  margin: 1.2rem 0;
  border-left: 0.4rem solid #ececec;
  padding-left: 2rem;
  padding-top: 0.5rem;
  padding-bottom: 1.5rem;
}

.bot-main__pinboardarchive ul li:hover {
  border-color: #0095c7;
}

.bot-main__pinboardarchive .btn {
  margin-top: 2rem;
}

.bot-main__pinboardarchive h3 {
  font-size: 2rem;
  line-height: 2.4rem;
  margin-top: 0;
  margin-bottom: 1rem;
}

.bot-main__pinboardarchive h3 a {
  display: inline-table;
  color: var(--morkbla, MediumBlue);
}

.bot-main__pinboardarchive h3 a .last-word {
  white-space: nowrap;
}

.bot-main__pinboardarchive h3 a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.bot-main__pinboardarchive li h3 a span .last-word:after {
  font-family: "icomoon";
  content: "\e902";
  position: relative;
  color: #ffffff;
  font-size: 2.2rem;
  top: 0.3rem;
  margin-left: 0.3rem;
  margin-right: 0.5rem;
}

.bot-main__pinboardarchive li:hover h3 a span .last-word:after {
  font-family: "icomoon";
  content: "\e902";
  position: relative;
  color: var(--morkbla, MediumBlue);
  font-size: 2.2rem;
  top: 0.3rem;
  margin-left: 0.3rem;
  margin-right: 0.5rem;
}

.bot-main__pinboardarchive h3 a.focused {
  outline: none;
}

.bot-main__pinboardarchive h3 a.focused:before {
  border: 1px solid #002c46;
}

.bot-main__pinboardarchive .sv-font-datum {
  color: #2f2f2f;
  font-weight: bold;
  margin-right: 2.2rem;
  margin-top: 0.8rem;
  float: left;
}

.bot-main__pinboardarchive .sv-font-kategori {
  color: #757575;
  font-weight: bold;
  float: left;
  margin-top: 0.8rem;
}

.bot-main__pinboardarchive .sv-font-kategori span {
  position: relative;
  top: 1px;
  font-size: 1.5rem;
  margin-right: 0.3rem;
  color: #007cab;
}

.bot-main__pinboardarchive .bot-main__pinboardpage--wrapper p {
  font-size: 1.4rem;
  margin: 0;
}

.bot-main__pinboardarchive
  .bot-main__pinboardpage--wrapper
  .bot-main__pinboardpage--wrapper-appealDecisionDate {
}

/*
 * 3.11 Ankarlänkar på informationssidor
 */

/*
 * 3.11.1 Ankarlänkar i högerkolumnen
 */
.bot-main__anchor-right > .toc-list {
  /*overflow: hidden;*/
  position: relative;
  margin: 0;
  padding: 0 0 0 2.1rem;
}

.bot-main__anchor-right ul {
  list-style-type: none;
  padding-left: 0;
}

.bot-main__anchor-right ul li .toc-link {
  color: var(--morkbla, MediumBlue);
  text-decoration: none;
  padding: 1rem 0;
  display: block;
  height: 100%;
  font-size: 1.7rem;
  /*margin-bottom: 1rem;*/
  position: relative;
}

.bot-main__anchor-right ul li .toc-link:before {
  background-color: var(--morkbla, MediumBlue);
  content: " ";
  display: inline-block;
  height: inherit;
  left: -2rem;
  top: -50%;
  /*margin-top: -0.8rem;*/
  position: absolute;
  width: 0.2rem;
  transition: all 100ms ease-in;
  transform: translate(-50%, 50%);
}

.bot-main__anchor-right ul li .toc-link.is-active-link:before {
  width: 0.6rem;
  background-color: var(--morkbla, MediumBlue);
}

.bot-main__anchor-right ul li .toc-link:hover::before,
.bot-main__anchor-right ul li .toc-link:focus::before {
  background-color: var(--morkbla, MediumBlue);
  width: 0.6rem;
}

/*
 * 3.11.1.1 Ankarlänkarnas wrapper i högerkolumnen
*/
.bot-main__anchor-wrapper-right {
  position: sticky;
  top: 18rem;
  margin-left: 6rem;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.2s, opacity 0.2s ease;
}

@media (max-width: 768px) {
  .bot-main__anchor-wrapper-right {
    margin-left: 0;
  }
}

.bot-main__anchor-wrapper-right.is-active {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.2s ease;
}

.bot-main__anchor-wrapper-right p {
  font-size: 2.1rem;
  font-weight: bold;
  margin-bottom: 3rem !important;
}

/*
 * 3.11.1.2 Ankarlänkar med i högerspalt med innehåll under
*/

.bot-main__right-column-school ul li .toc-link {
  line-height: 1rem;
  /*text-decoration: underline;*/
  width: fit-content;
  line-height: 1.7rem;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

.bot-main__right-column-school ul li a {
  /*padding-bottom: .3rem !important;*/
}

.bot-main__right-column-school h3 {
  font-size: 20px;
}

.bot-main__right-column .bot-main__right-column-school p {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 1.2rem !important;
}

.bot-main__school-wrapper h1 {
  margin-bottom: 2rem !important;
}

.bot-main__anchor-wrapper-right {
  margin-left: 6rem;
  /*position: sticky !important;*/
  visibility: unset;
  opacity: unset;
  transition: unset;
}

.bot-main__anchor-wrapper-right.is-active {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.2s ease;
}

.bot-main__anchor-wrapper-right p {
  font-size: 2.1rem;
  font-weight: bold;
  margin-bottom: 3rem !important;
}

.bot-main__anchor-wrapper-right .bot-main__anchor-right {
  display: none;
}

.bot-main__anchor-wrapper-right > div.sv-text-portlet {
  display: none !important;
}

.bot-main__anchor-wrapper-right.is-active .bot-main__anchor-right {
  display: block;
}

.bot-main__anchor-wrapper-right.is-active > div.sv-text-portlet {
  display: block !important;
}

.toc-list .toc-list-item a.toc-link:hover {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
}

@media (max-width: 768px) {
  .bot-main__anchor-wrapper-right {
    margin-left: 0;
  }
}

.sv-template-informationssida-med-ankarlankar .bot-main__right-column {
  position: sticky;
  top: 17.5rem;
}

/*
 * 3.11.2 Ankarlänkar i toppen av content
*/

.bot-main__anchor-top {
  margin-top: 2rem;
}

.bot-main__anchor-top > .toc-list {
  /*overflow: hidden;*/
  position: relative;
  margin: 0;
  padding: 0 0 0 2.1rem;
}

.bot-main__anchor-top ul {
  list-style-type: none;
  padding-left: 0;
}

.bot-main__anchor-top ul li .toc-link {
  color: var(--morkbla, MediumBlue);
  text-decoration: none;
  padding: 1rem 0;
  display: inline-block;
  height: 100%;
  font-size: 1.7rem;
  /*margin-bottom: 1rem;*/
  position: relative;
}

.bot-main__anchor-top ul li .toc-link.focused {
  outline-color: var(--morkbla, MediumBlue);
}

.bot-main__anchor-top ul li .toc-link:before {
  background-color: var(--morkbla, MediumBlue);
  content: " ";
  display: inline-block;
  height: inherit;
  left: -2rem;
  margin-top: -0.8rem;
  position: absolute;
  width: 0.2rem;
  transition: all 100ms ease-in;
  transform: translateX(-50%);
}

.bot-main__anchor-top ul li .toc-link:hover::before,
.bot-main__anchor-top ul li .toc-link:focus::before {
  background-color: var(--morkbla, MediumBlue);
  width: 0.6rem;
}

/*
 * 3.11.2.1 Ankarlänkar i toppen av content (processteg 1-2-3)
*/

.bot-main__anchor-top ol {
  list-style-position: inside;
  padding-left: 0 !important;
}

.bot-main__anchor-top ol {
  counter-reset: item;
  list-style-type: none;
}

.bot-main__anchor-top ol li:before {
  content: counter(item) "  ";
  counter-increment: item;
  position: relative;
  font-size: 3rem;
  line-height: 3.8rem;
  top: 0.4rem;
  margin-right: 1.5rem;
  padding-left: 1.4rem;
  color: var(--morkbla, MediumBlue);
}

.bot-main__anchor-top ol li {
  position: relative;
  display: block;
  border-bottom: 0.1rem solid #d9e2e7;
}

.bot-main__anchor-top ol li:before {
  border-left: 2px solid transparent;
}

.bot-main__anchor-top ol li:hover:before {
  border-left: 2px solid var(--morkbla, MediumBlue);
}

.bot-main__anchor-top ol li .toc-link {
  color: var(--morkbla, MediumBlue);
  text-decoration: none;
  padding: 1.2rem 0;
  display: inline-block;
  height: 100%;
  font-size: 1.8rem;
  line-height: 2.6rem;
}

.bot-main__anchor-top ol li .toc-link:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.bot-main__anchor-top ol li .toc-link.focused {
  outline-color: #002c46;
}

/*
 * 3.11.3 Ankarlänkars content
*/

.sv-text-portlet-content {
  padding-right: 20px;
}

.sv-use-margins .sv-font-ingress,
.bot-main__anchor-content {
  padding-right: 20px;
}

.bot-main__anchor-content .sv-use-margins .sv-font-ingress {
  overflow: hidden;
  padding-right: 200px;
}

.bot-main__anchor-content img,
.bot-main__anchor-content--process img {
  margin-top: 2rem;
}

.bot-main__anchor-content h2:focus,
.bot-main__anchor-content--process h2:focus {
  outline: none;
}

.bot-main__anchor-content--process {
  padding-left: 6.8rem;
  margin-top: 6rem;
}

.bot-main__anchor-content--process h2 {
  padding-top: 0.5rem;
}

.bot-main__anchor-content--process h2:before {
  position: relative;
  top: -0.3rem;
  border-radius: 50%;
  width: 2rem;
  padding: 0.7rem 1.5rem 0.8rem 1.6rem;
  background-color: #007cab;
  color: #ffffff;
  text-align: center;
  font-size: 2rem;
  margin-right: 1.8rem;
  margin-top: -0.4rem;
  display: table;
  float: left;
  margin-left: -7rem;
}

.bot-main__anchor-content--process h2.item0:before {
  content: "1";
}
.bot-main__anchor-content--process h2.item1:before {
  content: "2";
}
.bot-main__anchor-content--process h2.item2:before {
  content: "3";
}
.bot-main__anchor-content--process h2.item3:before {
  content: "4";
}
.bot-main__anchor-content--process h2.item4:before {
  content: "5";
}
.bot-main__anchor-content--process h2.item5:before {
  content: "6";
}
.bot-main__anchor-content--process h2.item6:before {
  content: "7";
}
.bot-main__anchor-content--process h2.item7:before {
  content: "8";
}
.bot-main__anchor-content--process h2.item8:before {
  content: "9";
}
.bot-main__anchor-content--process h2.item9:before {
  content: "10";
  padding: 1.2rem 1.4rem 1.2rem 1.4rem;
}
.bot-main__anchor-content--process h2.item10:before {
  content: "11";
  padding: 1.2rem 1.4rem 1.2rem 1.4rem;
}
.bot-main__anchor-content--process h2.item11:before {
  content: "12";
  padding: 1.2rem 1.4rem 1.2rem 1.4rem;
}
.bot-main__anchor-content--process h2.item12:before {
  content: "13";
  padding: 1.2rem 1.4rem 1.2rem 1.4rem;
}
.bot-main__anchor-content--process h2.item13:before {
  content: "14";
  padding: 1.2rem 1.4rem 1.2rem 1.4rem;
}
.bot-main__anchor-content--process h2.item14:before {
  content: "15";
  padding: 1.2rem 1.4rem 1.2rem 1.4rem;
}
.bot-main__anchor-content--process h2.item15:before {
  content: "16";
  padding: 1.2rem 1.4rem 1.2rem 1.4rem;
}
.bot-main__anchor-content--process h2.item16:before {
  content: "17";
  padding: 1.2rem 1.4rem 1.2rem 1.4rem;
}
.bot-main__anchor-content--process h2.item17:before {
  content: "18";
  padding: 1.2rem 1.4rem 1.2rem 1.4rem;
}
.bot-main__anchor-content--process h2.item18:before {
  content: "19";
  padding: 1.2rem 1.4rem 1.2rem 1.4rem;
}
.bot-main__anchor-content--process h2.item19:before {
  content: "20";
  padding: 1.2rem 1.4rem 1.2rem 1.4rem;
}

/*
 * 3.12 Lediga jobb
 */

/*
 * 3.12.1 Lediga jobb - Huvudinnehåll
 */
.bot-main__work--content {
  width: 100%;
  border-collapse: collapse;
}

.bot-main__work--content div {
  width: 100%;
  padding: 0 1.5rem;
  background-color: #ffecf4;
  padding-bottom: 2rem;
  border-bottom: 1px solid #ffffff;
}

.bot-main__work--content caption {
  text-align: left;
}

.bot-main__work--content h2,
.bot-main__work--filterwrapper h2 {
  font-size: 2rem;
  line-height: 2.4rem;
}

.bot-main__work-image--wrapper {
  margin-top: 3rem;
}

.bot-main__work--filterwrapper .btn {
  margin-bottom: 1.2rem;
}

.bot-main__work--content h2 {
  border-bottom: 1px solid #d9e2e7;
  padding-bottom: 1.5rem;
}

.bot-main__work--content thead th:first-child {
  width: 60%;
}

.bot-main__work--content thead tr {
  display: table-row !important;
}

.bot-main__work--content tr {
  border-bottom: 1px solid lightgray;
}

.bot-main__work--content tbody tr[class*="span"] {
  float: initial;
  min-height: 0;
  margin-left: 0;
}

.bot-main__work--content tbody tr td.Department {
  text-align: right;
}

.bot-main__work--content td a,
.bot-main__work--content th p {
  display: inline-block;
  padding: 1.5rem 0;
  text-decoration: none;
}

.bot-main__work--content td a {
  color: var(--morkbla, MediumBlue);
}

/*
 * 3.12.2 Lediga jobb - Sök
 */
.bot-main__work--search {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: 0;
  border: 0;
  transition-property: border-color;
  transition-duration: 200ms;
  transition-timing-function: ease;
  font-size: 1.6rem;
  width: 95.5%;
  height: 4.5rem;
  margin-top: 2rem;
  margin-bottom: 3rem;
  border: 0.2rem solid lightgray;
  padding: 0 2%;
}

.bot-main__work--resultswrapper,
.bot-main__work--topwrapper {
  max-width: 71.4rem;
  overflow: hidden;
}

@media (max-width: 1024px) {
  .bot-main__work--resultswrapper {
    max-width: none;
    overflow: hidden;
    width: 100%;
  }
}

.bot-main__work--searchwrapper {
  max-width: 71.4rem;
}

/*
 * 3.12.3 Lediga jobb - Filtrering
 */
.bot-main__work--filterwrapper {
  padding: 0 2.4rem 1.8rem 2.4rem;
  margin: 0 0 2rem 0;
  float: right;
  margin-left: 7rem;
  max-width: 34rem;
  width: 100%;
}

@media (max-width: 1024px) {
  .bot-main__work--filterwrapper {
    padding: 0;
    margin: 0rem 0 1rem 0;
    float: left;
    max-width: none;
    width: 100%;
  }

  .bot-main__work--topwrapper {
    padding: 0;
    margin: 0 0 15px 0;
    float: left;
    max-width: none;
    width: 100%;
  }

  .bot-main__work--search {
    width: 95%;
    margin: 0;
  }
}

.bot-main__work--filtering {
  margin-top: 3.5rem;
}

.bot-main__work--filtering-select option {
  background-color: #ffffff;
  font-family: "open sans", sans-serif;
}

.bot-main__work--filtering-select:focus {
  background-color: #ffffff;
  font-family: "open sans", sans-serif;
}

.bot-main__work--filtering p {
  margin-bottom: 1rem;
}

.bot-main__work--filtering .bot-main__work--filtering-label {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: 1rem;
}

.bot-main__work--filtering .bot-main__work--filtering-label:after {
  font-family: "icomoon";
  content: "\e902";
  font-size: 28px;
  position: absolute;
  top: 12px;
  right: 20px;
  color: #434b67;
  pointer-events: none;
}

@media (max-width: 767px) {
  .bot-main__work--filtering .bot-main__work--filtering-label {
    width: 100%;
  }
}

.bot-main__work--filtering
  .bot-main__work--filtering-label
  .bot-main__work--filtering-select {
  padding: 1.2rem 1.3rem;
  margin: 0;
  border: 1px solid lightgray;
  outline: none;
  color: #000000;
  width: 100%;
  font-size: 1.8rem;
  line-height: 2.8rem;
  font-weight: normal;
  margin-top: 0;
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /* Safari and Chrome */
  appearance: none;
}

.bot-main__work--filtering
  .bot-main__work--filtering-label
  .bot-main__work--filtering-select::-ms-expand {
  display: none;
}

/*
 * 3.12.4 Lediga jobb - Annons
*/

.bot-main__work .bot-main__work--advertisement {
  max-width: 62.7rem;
  overflow: hidden;
  padding: 0.8rem 0;
}

.bot-main__work .bot-main__work--advertisement-title img {
  max-width: 100%;
  max-height: 42rem;
  width: 100%;
  object-fit: cover;
}

.bot-main__work .bot-main__work--advertisement-title a {
  margin-top: 2.5rem;
}

@media (max-width: 1024px) {
  .bot-main__work .bot-main__work--advertisement {
    max-width: 62.7rem;
    overflow: hidden;
  }
}

.bot-main__work .bot-main__work--advertisement h1 {
  font-size: 2.4rem;
  line-height: 3.2rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
}

@media (max-width: 1024px) {
  .bot-main__work .bot-main__work--advertisement h1 {
    font-size: 2.4rem;
    line-height: 3.2rem;
    margin-bottom: 1rem;
  }
}

.bot-main__work .bot-main__work--advertisement h2,
.bot-main__work--advertisement-info h2 {
  font-size: 2.4rem;
  line-height: 3.2rem;
  margin-bottom: 0.5rem;
}

.bot-main__work .bot-main__work--advertisement h3,
.bot-main__work--advertisement-info h3 {
  font-size: 2rem;
  line-height: 2.4rem;
  margin-bottom: 1rem;
}

.bot-main__work .bot-main__work--advertisement p {
  font-size: 1.8rem;
  line-height: 2.8rem;
  margin-top: 0;
  margin-bottom: 0;
}

.bot-main__work .bot-main__work--advertisement p.last-special {
  font-style: italic;
  border-bottom: 1px solid #d9e2e7;
  padding: 0 0 4rem;
}

.bot-main__work .bot-main__work--advertisement h2.last-special {
  border-top: 1px solid #d9e2e7;
  padding: 4rem 0 0;
  margin-top: 4.2rem;
}

.bot-main__work .bot-main__work--advertisement .btn {
  margin: 3rem 0 2rem;
}

.bot-main__work .bot-main__work--advertisement-info .btn {
  margin-top: 2rem;
}

.bot-main__work .bot-main__work--advertisement-info {
  /*border: 0.2rem solid #d9e2e7;*/
  padding: 0.6rem 2.4rem 1.8rem 2.4rem;
  max-width: 42.6rem;
  float: right;
  width: 32%;
  margin-left: 2.2388059701492535%;
  margin-top: 3rem;
}

@media (max-width: 1024px) {
  .bot-main__work .bot-main__work--advertisement-info {
    margin: 0;
    float: none;
    margin-left: 0;
    max-width: none;
    width: auto;
  }
}

.bot-main__work .bot-main__work--advertisement-info p {
  font-size: 1.6rem;
  line-height: 2.4rem;
}

/*
 * 3.12.5 - Lediga jobb - Spontanansökningar
*/

.bot-main__work--content-sp {
  width: 100%;
}

.bot-main__work-spontaneous--h2 {
  text-align: left;
  padding: 3rem 0 1.5rem 0;
  border-bottom: 1px solid #d9e2e7;
  margin-bottom: 0;
  margin-right: 0.6rem;
  margin-left: 0.3rem;
}

.bot-main__work-spontaneous--p {
  border-bottom: 1px solid lightgray;
  padding: 1.5rem 0;
  margin: 0;
}

.bot-main__work-spontaneous--link a {
  display: inline-block;
  padding: 1.3rem 0 1.6rem 0.1rem;
  text-decoration: none;
  color: var(--morkbla, MediumBlue);
  border-bottom: 1px solid lightgray;
  width: 100%;
}

/*
 * 3.13 Nyhetslistning startsida
 */

.bot-main__newslist ul li {
  position: relative;
  display: inline-block;
  margin: 1.2rem 0;
  border-left: 0.4rem solid #ececec;
  padding-left: 2rem;
  padding-top: 0.5rem;
  padding-bottom: 1.5rem;
}

.bot-main__newslist ul li:hover {
  border-color: #0095c7;
}

.bot-main__newslist .btn {
  margin-top: 2rem;
}

.bot-main__newslist h2 {
  font-size: 3.2rem;
  line-height: 4rem;
  border-bottom: 1px solid #d9e2e7;
  padding-bottom: 1.5rem;
  margin-top: 0;
}

.bot-main__newslist h2:before {
  font-family: "icomoon";
  content: "\e91e";
  position: relative;
  font-size: 3rem;
  top: 1px;
  margin-right: 1.5rem;
  font-weight: normal;
}

.bot-main__newslist h3 {
  font-size: 2rem;
  line-height: 2.4rem;
  margin-top: 0;
  margin-bottom: 1rem;
}

.bot-main__newslist h3 a {
  display: inline-table;
  color: var(--morkbla, MediumBlue);
}

.bot-main__newslist h3 a .last-word {
  white-space: nowrap;
}

.bot-main__newslist h3 a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.bot-main__newslist li h3 a span .last-word:after {
  font-family: "icomoon";
  content: "\e902";
  position: relative;
  color: #ffffff;
  font-size: 2.2rem;
  top: 0.3rem;
  margin-left: 0.3rem;
  margin-right: 0.5rem;
}

.bot-main__newslist li:hover h3 a span .last-word:after {
  font-family: "icomoon";
  content: "\e90e";
  position: relative;
  color: var(--morkbla, MediumBlue);
  font-size: 2.2rem;
  top: 0.3rem;
  margin-left: 0.3rem;
  margin-right: 0.5rem;
}

.bot-main__newslist h3 a.focused {
  outline: none;
}

.bot-main__newslist h3 a.focused:before {
  border: 1px solid #002c46;
}

.bot-main__newslist .sv-font-datum {
  color: #2f2f2f;
  font-weight: bold;
  margin-right: 2.2rem;
  margin-top: 0.8rem;
  float: left;
}

.bot-main__newslist .sv-font-kategori {
  color: #757575;
  font-weight: bold;
  float: left;
  margin-top: 0.8rem;
}

/*.bot-main__newslist .sv-font-kategori span {
   position: relative;
   top: 1px;
   font-size: 1.5rem;
   margin-right: 0.3rem;
   color: #007cab;
}*/

.bot-main__newslist .sv-font-kategori svg {
  position: relative;
  top: -0.1rem;
  float: left;
  width: 2rem;
  margin-right: 0.5rem;
}

/* IE fix */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .bot-main__newslist .sv-font-kategori svg {
    height: 1.9rem;
  }
}

.bot-main__newslist .sv-font-kategori svg .st0 {
  fill: #007cab;
}

.bot-main__newslist .sv-font-kategori svg .st1 {
  fill: none;
}

/*
 * 3.14 Störningsinformationslistning startsida
 */

.bot-main__disturbance-information {
  background-color: #fffddf;
  padding: 0.2rem 2.4rem 3rem 2.4rem;
}

@media (max-width: 768px) {
  .bot-main__disturbance-information {
    margin-top: 7rem;
  }
}

.bot-main__disturbance-information .btn {
  margin-top: 2rem;
}

.bot-main__disturbance-information .sv-text-portlet-content h2 {
  font-size: 2rem;
  line-height: 2.4rem;
}

@media (max-width: 768px) {
  .bot-main__disturbance-information .sv-text-portlet-content h2 {
    display: flex;
    align-items: baseline;
  }
}

.bot-main__disturbance-information .sv-text-portlet-content h2:before {
  font-family: "icomoon";
  content: "\e90d";
  position: relative;
  font-size: 2.4rem;
  top: 0.3rem;
  margin-right: 0.8rem;
  font-weight: normal;
}

.bot-main__disturbance-information ul {
  margin-bottom: 1rem;
}

.bot-main__disturbance-information ul li:hover a span .last-word:after {
  font-family: "icomoon";
  content: "\e902";
  position: relative;
  color: var(--morkbla, MediumBlue);
  font-size: 1.8rem;
  top: 0.3rem;
  margin-left: 1px;
}

.bot-main__disturbance-information ul li a span .last-word:after {
  font-family: "icomoon";
  content: "\e902";
  position: relative;
  color: transparent;
  font-size: 1.8rem;
  top: 0.3rem;
  margin-left: 1px;
}

.bot-main__disturbance-information ul li a span .last-word {
  white-space: nowrap;
}

.bot-main__disturbance-information ul li {
  position: relative;
}

.bot-main__disturbance-information ul li h3 {
  font-size: 1.6rem;
  line-height: 2rem;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

.bot-main__disturbance-information ul li h3 a {
  display: inline-table;
  color: var(--morkbla, MediumBlue);
}

.bot-main__disturbance-information ul li h3 a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.bot-main__disturbance-information ul li h3 a.focused:before {
  border: 1px solid #002c46;
}

.bot-main__disturbance-information ul li h3 a.focused {
  outline: none;
}

.bot-main__disturbance-information--date-wrapper {
  display: inline-block;
  margin-top: 2.5rem;
}

.bot-main__disturbance-information--date-wrapper-date {
  margin-right: 2rem;
}

.bot-main__disturbance-information--date-wrapper-date p {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 600;
  color: #2f2f2f;
}

.bot-main__disturbance-information .sv-font-datum {
  color: #2f2f2f;
  font-weight: bold;
  margin-right: 2.2rem;
  margin-top: 0.8rem;
  float: left;
}

/*
 * 3.15 Evenemangslistning startsida
 */

.bot-main__eventlist {
  padding-top: 1rem;
  padding-right: 1rem;
}

@media (max-width: 768px) {
  .bot-main__eventlist {
    margin-top: 7rem;
  }
}

.bot-main__eventlist .sv-text-portlet-content h2 {
  position: relative;
  font-size: 2.4rem;
  line-height: 3.2rem;
  background-color: #f7f2f5;
  padding: 0.8rem 0 0.8rem 1.8rem;
  margin-bottom: 3rem;
}

.bot-main__eventlist ul li .bot-main__eventlist--date {
  float: left;
  margin-top: 0;
  margin-right: 1.6rem;
  margin-bottom: 6rem;
}

.bot-main__eventlist ul li h3,
.bot-main__eventlist ul li .normal {
  display: flex;
}

.bot-main__eventlist
  ul
  li
  .bot-main__eventlist--date
  span.bot-main__eventlist--date-month {
  display: block;
  background-color: #db2982;
  color: #ffffff;
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0.2rem 1.2rem;
  text-align: center;
  border: 1px solid #db2982;
  border-bottom: none;
}

.bot-main__eventlist
  ul
  li
  .bot-main__eventlist--date
  span.bot-main__eventlist--date-day {
  display: block;
  background-color: #ffffff;
  color: #2f2f2f;
  font-size: 1.8rem;
  line-height: 2rem;
  font-weight: bold;
  padding: 0.5rem 1.2rem;
  text-align: center;
  border: 1px solid #cdcdcd;
  border-top: none;
}

.bot-main__eventlist .sv-text-portlet-content h2:after {
  content: url(/webdav/files/System/framework-images/Botkyrka-slogan-2025.svg);
  position: relative;
  top: -2.8rem;
  right: 0;
  display: inline-block;
  float: right;
}

@media (max-width: 370px) {
  .bot-main__eventlist .sv-text-portlet-content h2:after {
    display: none;
  }
}

.bot-main__eventlist ul {
  padding: 0 0 0 1.8rem;
  margin-bottom: 0;
}

.bot-main__eventlist ul li {
  position: relative;
  border-bottom: 0.1rem solid #d9e2e7;
  margin-bottom: 2.2rem;
  padding-bottom: 2.4rem;
}

.bot-main__eventlist ul li .bot-main__eventlist--information li {
  border-bottom: 0;
  padding-bottom: 0;
}

.bot-main__eventlist ul li a span .last-word:after {
  font-family: "icomoon";
  content: "\e902";
  position: relative;
  color: transparent;
  font-size: 1.8rem;
  top: 0.3rem;
  margin-left: 0.1rem;
}

.bot-main__eventlist ul li:hover a span .last-word:after {
  font-family: "icomoon";
  content: "\e90e";
  position: relative;
  color: var(--morkbla, MediumBlue);
  font-size: 1.8rem;
  top: 0.1rem;
  margin-left: 0.1rem;
}

.bot-main__eventlist ul li a span .last-word {
  display: flex;
  line-height: 2.4rem;
  white-space: nowrap;
}

.bot-main__eventlist ul li h3 {
  font-size: 1.6rem;
  line-height: 2rem;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

.bot-main__eventlist ul li h3 a {
  display: inline-table;
  color: #007099;
}

.bot-main__eventlist ul li h3 a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
}

.bot-main__eventlist ul li h3 a.focused:before {
  border: 0.1rem solid #002c46;
}

.bot-main__eventlist ul li h3 a.focused {
  outline: none;
}

.bot-main__eventlist .bot-main__eventlist--information {
  display: table;
  list-style-type: none;
  padding-left: 0;
  padding: 0;
}

.bot-main__eventlist .bot-main__eventlist--information li {
  margin-bottom: 0.2rem;
}

/*
 * 3.16 Bannerblock
*/

.bot-main__bannerblock {
  background-color: #fffddf;
}

.bot-main__bannerblock p {
  font-size: 1.8rem;
  line-height: 2.8rem;
  margin-bottom: 3rem !important;
  margin-top: 1.5rem !important;
}

.bot-main__bannerblock .normal a {
  color: #000000;
  border-bottom: 1px dotted #000000;
}

.bot-main__bannerblock .bot-btn a,
.bot-main__bannerblock .bot-btn p {
  color: #ffffff;
  border-bottom: 0;
}

.bot-main__bannerblock .bot-btn p {
  font-size: initial;
  line-height: initial;
  margin-top: auto !important;
}

.bot-main__bannerblock .bot-btn a:after {
  font-family: "icomoon";
  content: "\e90e";
  position: relative;
  font-size: 1.6rem;
  top: 0.2rem;
  margin-left: 0.3rem;
}

/*
 * 3.17 Kontaktkort
*/

.bot-main__contactcard {
  position: relative;
  border: 0.2rem solid #d9e2e7;
  padding: 2rem 11rem 2rem 2.5rem;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.bot-main__contactcard:after {
  font-family: "icomoon";
  content: "\f2bb";
  position: absolute;
  font-size: 4rem;
  line-height: 3.5rem;
  padding: 1.9rem;
  background-color: #d9e2e7;
  color: #ffffff;
  top: 0;
  bottom: 0;
  right: 0;
}

.bot-main__contactcard .sv-text-portlet {
  margin-right: 10rem;
}

.bot-main__contactcard p,
.bot-main__contactcard span {
  margin: 0.4rem 0;
}

.bot-main__contactcard a {
  color: var(--morkbla, MediumBlue);
  text-decoration: none;
}

.bot-main__contactcard h1,
.bot-main__contactcard h2,
.bot-main__contactcard h3,
.bot-main__contactcard h4,
.bot-main__contactcard h5,
.bot-main__contactcard h6 {
  margin: 0 0 1rem 0;
  font-size: 2rem;
  line-height: 2.4rem;
}

/*
 * 3.18 Länk-ikon
*/

.bot-main__link-icon a,
.bot-main__e-services-icon h2,
.bot-main__e-services-icon p {
  display: flex !important;
  align-items: center;
  font-weight: normal;
}

.bot-main__link-icon h2 {
  display: flex !important;
  align-items: center;
}

.bot-main__link-icon a,
.bot-main__link-icon h2 .bot-main__link-icon p.normal,
.bot-main__e-services-icon a,
.bot-main__e-services-icon h2,
.bot-main__e-services-icon p.normal {
  display: table;
  position: relative;
  font-size: 1.8rem;
  line-height: 2.8rem;
  color: var(--morkbla, MediumBlue);
  text-decoration: none;
  padding: 0.8rem 0;
  border-bottom: none;
}

.bot-main__link-icon h2,
.bot-main__e-services-icon h2 {
  color: #000;
}

.bot-main__link-icon a:before,
.bot-main__link-icon h2:before {
  font-family: "icomoon";
  content: "\e966";
  display: table-cell;
  vertical-align: middle;
  color: #2f2f2f;
  font-size: 4.2rem;
  font-weight: 400;
  padding: 0 1.8rem 0 0;
}

.bot-main__link-icon a img {
  margin: 0.7rem 0 0 0.5rem;
  width: 1.5rem;
  height: 1.5rem;
}

/*
 * 3.18.1 Länk-ikon för e-tjänster
*/

.bot-main__e-services-icon p {
  margin: 0 !important;
}

.bot-main__e-services-icon a:before,
.bot-main__e-services-icon h2:before {
  font-family: "icomoon";
  content: "\e924";
  display: table-cell;
  vertical-align: middle;
  color: #2f2f2f;
  font-size: 4.2rem;
  padding: 0 1.8rem 0 0;
}

/*
 * 3.19 Citat
*/

.bot-main__quote {
  margin: 4rem 0;
}

.bot-main__quote p {
  display: table;
  position: relative;
  font-size: 1.8rem;
  line-height: 2.8rem;
}

.bot-main__quote p:before {
  content: "";
  display: table-cell;
  vertical-align: middle;
  border-left: 4px solid #2f2f2f;
  color: #2f2f2f;
  margin-right: 1.8rem;
  padding-right: 2.1rem;
}

/* Kortare citat */

.bot-main__short-quotes {
  padding: 2.4rem 0rem;
  text-align: center;
  margin: 4rem 0;
}

.bot-main__short-quotes q {
  font-size: 3rem;
  font-family: "Open Sans";
  /*font-style: italic;*/
  line-height: 4.1rem;
}

.bot-main__short-quotes div p.normal {
  color: #2f2f2f;
  line-height: 2.4rem;
  font-family: "open sans", sans-serif;
  font-size: 1.5rem;
}

@media (max-width: 768px) {
  .bot-main__short-quotes {
    padding: 2.4rem 2.4rem;
    text-align: center;
    margin: 4rem 0;
  }
}

/*Citat Svartvit*/
.bot-main__short-quotes--blackandwhite {
  background: #fff;
  text-align: center;
  margin: 0;
}

.bot-main__short-quotes--blackandwhite q {
  color: #000;
}

/*Citat Svartvit end*/

/*
 * 3.20 Sökresultatsida
 */

.bot-main__searchlist .bot-main__indented-main-content {
  max-width: 1172px;
  margin: 6rem auto 6rem;
}

.bot-main__searchlist .bot-main__searchlist--logo {
  width: 100%;
}

.bot-main__searchlist ol {
  max-width: 71.4rem;
}

.bot-main__searchlist ol li {
  position: relative;
  display: inline-block;
  margin: 1.2rem 0;
  border-left: 0.4rem solid #ececec;
  padding-left: 2rem;
  padding-top: 0.5rem;
  padding-bottom: 1.5rem;
  width: 100%;
}

.bot-main__searchlist ol li:hover {
  border-color: #0095c7;
}

.bot-main__searchlist ol li h2 {
  margin: 0 0 0.8rem 0;
  line-height: 2rem;
}

.bot-main__searchlist h2.small {
  font-size: 2rem;
  line-height: 2.4rem;
}

@media (max-width: 1024px) {
  .bot-main__searchlist h2.small.hits {
    border-bottom: 1px solid #d9e2e7;
    padding-bottom: 1.5rem;
  }
}

.bot-main__searchlist ol li h2 a {
  font-size: 2rem;
  line-height: 2.5rem;
  color: var(--morkbla, MediumBlue);
}

.bot-main__searchlist ol li h2 a.focused {
  outline: 0;
}

.bot-main__searchlist ol li h2 a.focused:before {
  border: 1px solid #002c46;
}

.bot-main__searchlist ol li h2 a .last-word:after {
  font-family: "icomoon";
  content: "\e902";
  position: relative;
  color: transparent;
  font-size: 2.2rem;
  top: 0.3rem;
  margin-left: 0.3rem;
  margin-right: 0.5rem;
}

.bot-main__searchlist ol li:hover h2 a .last-word:after {
  font-family: "icomoon";
  content: "\e902";
  position: relative;
  color: var(--morkbla, MediumBlue);
  font-size: 2.2rem;
  top: 0.3rem;
  margin-left: 0.3rem;
  margin-right: 0.5rem;
}

.bot-main__searchlist ol li h2 a .last-word {
  white-space: nowrap;
}

.bot-main__searchlist ol li .date {
  float: left;
  margin-right: 1rem;
}

.bot-main__searchlist ol li p {
  margin-bottom: 1rem;
}

.bot-main__searchlist .bot-main__searchlist--pagination {
  display: inline-block;
  border-top: 1px solid #d9e2e7;
  overflow: hidden;
  width: 100%;
  max-width: 71.4rem;
  margin-top: 2.8rem;
  padding-top: 2.6rem;
}

.bot-main__searchlist .hitCount {
  display: inline-block;
  border-bottom: 1px solid #d9e2e7;
  width: 100%;
  margin-bottom: 0;
  padding-bottom: 1.5rem;
  margin-top: 3rem;
}

.bot-main__searchlist--pagination .current.prev,
.bot-main__searchlist--pagination .current.next {
  border: 0.2rem solid #f2f5f7;
  background-color: #f2f5f7;
  border-radius: 0.4rem;
  color: #2f2f2f;
  padding: 0.5rem 1rem;
}

.bot-main__searchlist--pagination a,
.bot-main__searchlist--pagination span {
  border: 0.2rem solid #f2f5f7;
  background-color: #f2f5f7;
  border-radius: 0.4rem;
  color: #2f2f2f;
  padding: 0.5rem 1rem;
}

.bot-main__searchlist--pagination .current {
  border: 0.2rem solid #0095c7;
  background-color: #ffffff;
  border-radius: 0.4rem;
  color: #2f2f2f;
  font-weight: normal;
  padding: 0.5rem 1rem;
}

.bot-main__searchlist .sv-font-datum {
  color: #2f2f2f;
  font-weight: bold;
  margin-right: 2.2rem;
  margin-bottom: 0;
  float: left;
}

.bot-main__searchlist .sv-font-kategori {
  color: #757575;
  font-weight: bold;
  float: left;
  margin-top: 0;
  margin-bottom: 0;
}

.bot-main__searchlist .sv-font-kategori span {
  position: relative;
  top: 1px;
  font-size: 1.5rem;
  margin-right: 0.3rem;
  color: #007cab;
}

.bot-main__searchlist ol li .bot-main__searchlist--date {
  display: block;
  float: left;
  margin-top: 0;
  margin-right: 20px;
}

.bot-main__searchlist
  ol
  li
  .bot-main__searchlist--date
  span.bot-main__searchlist--date-month {
  display: block;
  background-color: #db2982;
  color: #ffffff;
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0.2rem 1.2rem;
  text-align: center;
  border: 1px solid #db2982;
  border-bottom: none;
}

.bot-main__searchlist
  ol
  li
  .bot-main__searchlist--date
  span.bot-main__searchlist--date-day {
  display: block;
  background-color: #ffffff;
  color: #2f2f2f;
  font-size: 1.8rem;
  line-height: 2rem;
  font-weight: bold;
  padding: 0.5rem 1.2rem;
  text-align: center;
  border: 1px solid #cdcdcd;
  border-top: none;
}

.bot-main__searchlist .bot-main__searchlist--wrapper-items {
  overflow: hidden;
  border-top: 1px solid #d9e2e7;
  margin-left: 0 !important;
}

@media (max-width: 1024px) {
  .bot-main__searchlist .bot-main__searchlist--wrapper-items {
    max-width: none;
    overflow: hidden;
    width: 100%;
    border-top: 0;
  }
}

.bot-main__searchlist .bot-main__searchlist--wrapper-items h2.small {
  border-bottom: 1px solid #d9e2e7;
  padding-bottom: 17px;
}

.bot-main__searchlist ol li .bot-main__searchlist--information {
  display: table;
  list-style-type: none;
  padding-left: 0;
  padding: 0;
}

.bot-main__searchlist ol li .bot-main__searchlist--information li {
  margin: 0 0 0.2rem 0;
  padding: 0;
}

.bot-main .bot-main__searchlist form {
  position: relative;
  border: 0.2rem solid #d9e2e7;
  padding: 0.6rem 1.5rem 0.7rem 1.5rem;
}

@media (max-width: 768px) {
  .bot-main .bot-main__searchlist form {
    margin-top: 2.5rem;
  }
}

.bot-main .bot-main__searchlist .bot-main__searchlist--search-input {
  border: 0;
  outline: 0;
  width: 96%;
}

.bot-main .bot-main__searchlist .bot-main__searchlist--search-button {
  position: absolute;
  right: 0.5rem;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}

@media (max-width: 768px) {
  .bot-main .bot-main__searchlist .bot-main__searchlist--search-button {
    right: 2rem;
  }
}

.bot-main .bot-main__searchlist .bot-main__searchlist--search-button:before {
  font-family: "icomoon";
  content: "\e905";
  color: #000;
  font-size: 2.5rem;
}

/*
 * 3.20.1 Sökresultatsida (facetter)
 */

/* Hide Breadcrumbs search - by Armin for FBK-128*/
.sv-search-hit > ol.env-breadcrumb {
  display: none;
}

.bot-main__searchlist--wrapper-facets-category .sv-search-facet {
  display: none;
}

.bot-main__searchlist .bot-main__searchlist--wrapper-facets {
  padding: 0 2.4rem 1.8rem 2.4rem;
  margin: 0 0 2rem 0;
  float: right;
  margin-left: 7rem;
  margin-top: 0;
  max-width: 42.7rem;
  width: 100%;
}

.bot-main__searchlist
  .bot-main__searchlist--wrapper-facets
  ul
  .bot-main__searchlist--wrapper-facets-exist
  a:before {
  font-family: "icomoon";
  content: "\e90e";
  position: relative;
  font-size: 2.2rem;
  top: 0.4rem;
  margin-right: 1rem;
  color: #ffffff;
  background-color: #ffffff;
  border: 1px solid var(--morkbla, MediumBlue);
  border-radius: 0.2rem;
}

.bot-main__searchlist
  .bot-main__searchlist--wrapper-facets
  ul
  .bot-main__searchlist--wrapper-facets-marked
  a:before {
  font-family: "icomoon";
  content: "\e936";
  position: relative;
  font-size: 2.2rem;
  top: 0.4rem;
  margin-right: 1rem;
  color: #ffffff;
  background-color: var(--morkbla, MediumBlue);
  border: 1px solid var(--morkbla, MediumBlue);
  border-radius: 0.2rem;
}

.bot-main__searchlist
  .bot-main__searchlist--wrapper-facets
  ul
  .bot-main__searchlist--wrapper-facets-not-exist {
  opacity: 0.3;
}

.bot-main__searchlist
  .bot-main__searchlist--wrapper-facets
  ul
  .bot-main__searchlist--wrapper-facets-not-exist:before {
  font-family: "icomoon";
  content: "\e90e";
  position: relative;
  font-size: 2.2rem;
  top: 0.4rem;
  margin-right: 1rem;
  color: #ffffff;
  background-color: #ffffff;
  border: 1px solid #757575;
  border-radius: 0.2rem;
}

.bot-main__searchlist
  .bot-main__searchlist--wrapper-facets
  ul
  .bot-main__searchlist--wrapper-facets-not-exist:focus {
  outline: none;
}

.bot-main__searchlist .bot-main__searchlist--wrapper-facets ul li a {
  text-decoration: none;
  border-bottom: none;
  color: var(--morkbla, MediumBlue);
  padding-right: 0.8rem;
}

.bot-main__searchlist .bot-main__searchlist--wrapper-facets ul li a:hover {
  background-color: var(--morkbla, MediumBlue);
  color: #ffffff;
  border: 1px solid var(--morkbla, MediumBlue);
  border-left: 0;
}

@media (max-width: 1024px) {
  .bot-main__searchlist .bot-main__searchlist--wrapper-facets {
    margin-left: 0;
    padding: 0;
    max-width: none;
  }
}

.bot-main__searchlist .bot-main__searchlist--wrapper-facets .count {
  float: right;
  margin-right: 0.2rem;
  color: #007cab;
}

.bot-main__searchlist--facet-tags {
  display: block;
  max-width: 62.7rem;
  margin-top: 20px;
}

@media (max-width: 1024px) {
  .bot-main__searchlist--facet-tags {
    max-width: none;
  }
}

.bot-main__searchlist--facet-tags ul {
  display: inline-block;
  margin: 0;
  list-style-type: none;
  padding-left: 0;
  width: 100%;
}

.bot-main__searchlist--facet-tags ul li {
  display: flex;
  float: left;
  margin-right: 8px;
  margin-bottom: 8px !important;
}

.bot-main__searchlist--facet-tags ul li a {
  font-size: 15px;
  line-height: 24px;
  color: #2f2f2f;
  padding: 1px 15px 5px 15px;
  background-color: #f2f5f7;
  border: 1px solid #d9e2e7;
  text-decoration: none;
}

.bot-main__searchlist--facet-tags ul li a:before {
  font-family: "icomoon";
  content: "\e911";
  width: 24px;
  height: 24px;
  font-size: 24px;
  color: var(--morkbla, MediumBlue);
  position: relative;
  left: -2px;
  top: 4px;
  margin-right: 6px;
}

.bot-main__searchlist--facet-tags ul li a:hover {
  background-color: var(--morkbla, MediumBlue);
  color: #ffffff;
}

.bot-main__searchlist--facet-tags ul li a:hover:before {
  color: #ffffff;
}

.bot-main__searchlist--facet-tags ul li a.focused {
  outline: none;
  background-color: var(--morkbla, MediumBlue);
  color: #ffffff;
}

.bot-main__searchlist--facet-tags ul li a.focused:before {
  color: #ffffff;
}

.bot-main__searchlist--facet-tags ul li a:focus {
  outline: none;
  background-color: var(--morkbla, MediumBlue);
  color: #ffffff;
}

.bot-main__searchlist--facet-tags ul li a:focus:before {
  color: #ffffff;
}

.bot-main__searchlist--facet-tags ul li .count {
  display: none;
}

.bot-main__searchlist--wrapper-facets .facet-title {
  position: relative;
  display: block;
  width: 100%;
  outline: none;
  cursor: pointer;
  background-color: transparent;
  border: none;
  text-align: left;
  font-size: 18px;
  line-height: 28px;
  padding: 7px 10px 5px 10px;
}

.bot-main__searchlist--wrapper-facets .facet-title.focused {
  outline: 1px solid #002c46;
}

.bot-main__searchlist--wrapper-facets .facet-title:after {
  font-family: "icomoon";
  content: "\e902";
  position: absolute;
  color: #000000;
  font-size: 24px;
  top: 7px;
  margin-left: 0.3rem;
  right: 5px;
}

.bot-main__searchlist--wrapper-facets .facet-title.open:after {
  content: "\e913";
}

.bot-main__searchlist--wrapper-facets .search-facet-toggle-category {
  outline: none;
}

.bot-main__searchlist .bot-main__searchlist--wrapper-facets ul li a.focused,
.bot-main__searchlist .bot-main__searchlist--wrapper-facets ul li a:focus {
  outline: none;
  border-left: none !important;
  color: white !important;
  background-color: var(--morkbla, MediumBlue);
  border: 1px solid var(--morkbla, MediumBlue);
}

.bot-main__searchlist
  .bot-main__searchlist--wrapper-facets
  .facet-tags
  ul
  li
  a.focused:before,
.bot-main__searchlist
  .bot-main__searchlist--wrapper-facets
  .facet-tags
  ul
  li
  a:focus:before {
  border: 1px solid #ffffff;
}

.bot-main__searchlist--wrapper-facets ul li {
  margin-bottom: 8px;
}

.bot-main__searchlist--wrapper-facets-category .wrapper {
  display: block;
  border: 2px solid #d9e2e7;
  margin-bottom: 20px;
}

.bot-main__searchlist--wrapper-facets .sv-search-facet {
  padding: 8px 10px;
}

.bot-main__searchlist--wrapper-facets .refresh {
  position: relative;
  background-color: transparent;
  border: 1px solid #aed5e7;
  font-size: 15px;
  line-height: 24px;
  color: #007cab;
  width: 175px;
  cursor: pointer;
  padding: 8px 13px 8px 13px;
  margin-bottom: 20px;
}

.bot-main__searchlist--wrapper-facets .refresh:focus {
  outline: 1px solid #002c46;
}

.bot-main__searchlist--wrapper-facets .refresh:hover {
  background-color: #007cab;
  color: #ffffff;
}

.bot-main__searchlist--wrapper-facets .refresh:hover:before {
  color: #ffffff;
}

.bot-main__searchlist--wrapper-facets .refresh:before {
  font-family: "icomoon";
  content: "\e940";
  position: relative;
  color: #007cab;
  font-size: 24px;
  top: 5px;
  margin-right: 6px;
  left: 0;
  line-height: 10px;
}

@media (min-width: 769px) {
  .bot-main__searchlist--wrapper-facets .bot-main__block-right {
    display: block;
    padding: 24px;
    margin-top: 20px;
  }

  .bot-main__searchlist--wrapper-facets .bot-main__block-right p {
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  .bot-main__searchlist--wrapper-facets .bot-main__block-right {
    display: none;
  }
}

@media (max-width: 768px) {
  .bot-main__searchlist--wrapper-items .bot-main__block-bottom {
    display: block;
    border: 0.2rem solid #d9e2e7;
    padding: 24px;
    margin-top: 40px;
  }

  .bot-main__searchlist--wrapper-items .bot-main__block-bottom p {
    margin-bottom: 20px;
  }

  .bot-main__searchlist--wrapper-items .bot-main__block-bottom h2 {
    font-size: 2rem;
    line-height: 2.4rem;
    margin-top: 0;
  }
}

@media (min-width: 769px) {
  .bot-main__searchlist--wrapper-items .bot-main__block-bottom {
    display: none;
  }
}

/*
 * 3.21 Hopp till topp
*/

.bot-footer__jump-to-top {
  font-size: 1rem;
  position: fixed;
  right: 5.2rem;
  bottom: 4rem;
  display: block;
  padding: 0.8rem;
  border-radius: 50%;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  color: #f2f2f2;
  z-index: 9999;
  text-decoration: none;
}

.bot-footer__jump-to-top .icon {
  font-size: 4rem;
}

@media (max-width: 767px) {
  .bot-footer__jump-to-top .icon {
    font-size: 3rem;
  }
}

.bot-footer__jump-to-top.is-hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * 3.22 Planprocess
*/

.bot-main__plan-process {
  position: relative;
  border: 0.2rem solid #d9e2e7;
  padding: 2rem 2.5rem;
  margin: 4rem 0;
}

.bot-main__plan-process p {
  border-left: 2px solid #ececec;
  display: flex;
  padding-bottom: 0.4rem;
  padding-top: 0.4rem;
  padding-left: 2.7rem;
  margin: 0 0 0 0.5rem;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.bot-main__plan-process p a {
  color: var(--morkbla, MediumBlue);
  text-decoration: none;
}

.bot-main__plan-process .sv-font-processplan-aktiv,
.bot-main__plan-process .sv-font-processplan-inaktiv,
.bot-main__plan-process .sv-font-processplan-avslutad {
  margin: 0;
}

.bot-main__plan-process h3 {
  margin-bottom: 1.5rem;
  margin-top: 0;
  font-size: 2rem;
  line-height: 2.4rem;
}

/* Påbörjad */
.bot-main__plan-process h4.sv-font-processplan-aktiv:before {
  font-family: "icomoon";
  position: relative;
  top: 1px;
  content: "\f111";
  color: #a1ce57;
  border-radius: 50%;
  padding: 0;
  font-size: 1.6rem;
  margin-right: 2rem;
}

/* Ej påbörjad */
.bot-main__plan-process h4.sv-font-processplan-inaktiv:before {
  font-family: "icomoon";
  position: relative;
  top: 1px;
  content: "\f1db";
  color: #a1ce57;
  border-radius: 50%;
  padding: 0;
  font-size: 1.6rem;
  margin-right: 2rem;
}

/* Avslutad */
.bot-main__plan-process h4.sv-font-processplan-avslutad:before {
  font-family: "icomoon";
  position: relative;
  top: 1px;
  content: "\e90e";
  color: #a1ce57;
  border-radius: 50%;
  padding: 0;
  font-size: 1.6rem;
  margin-right: 2rem;
}

/*
 * 3.22.1 - Planprocess (Fildelningsmodul)
 */

.bot-main__plan-process tr {
  border-left: 2px solid #ececec;
  display: flex;
  padding-bottom: 0.4rem;
  padding-top: 0.4rem;
  padding-left: 2.7rem;
  margin: 0 0 0 0.5rem;
  margin-bottom: 0 !important;
}

.bot-main__plan-process tr:last-child {
  padding-bottom: 3.6rem;
}

.bot-main__plan-process tr td {
  padding: 0;
}

.bot-main__plan-process tr td.sv-file-portlet-fileicon,
.bot-main__plan-process tr td.sv-file-portlet-right {
  display: none;
}

.bot-main__plan-process tr td a {
  color: var(--morkbla, MediumBlue);
  text-decoration: none;
  border-bottom: 1px dotted var(--morkbla, MediumBlue);
}

/*
 * 3.23 - Planprocess (steg 1-2-3 osv)
 */

.bot-main__plan-process--step {
  position: relative;
  border: 0.2rem solid #d9e2e7;
  padding: 2rem 2.5rem;
  margin: 4rem 0;
}

.bot-main__plan-process--step p {
  border-left: 4px solid #ececec;
  padding-bottom: 0.4rem;
  padding-top: 0;
  padding-left: 4.1rem;
  margin: 0 0 0 2.1rem;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.bot-main__plan-process--step a {
  color: var(--morkbla, MediumBlue);
  text-decoration: none;
}

.bot-main__plan-process--step .sv-font-processplan-steg {
  margin: 0;
  line-height: 4.7rem;
}

.bot-main__plan-process--step .sv-font-processplan-steg:focus {
  outline: none;
}

.bot-main__plan-process--step h3 {
  margin-bottom: 1.5rem;
  margin-top: 0;
  font-size: 2rem;
  line-height: 2.4rem;
}

.bot-main__plan-process--step h3.sv-font-processplan-steg:before {
  border-radius: 50%;
  width: 2rem;
  height: 1.4rem;
  padding: 1rem 1.8rem 1rem 1.8rem;
  background: #fff;
  border: 2px solid #a1ce57;
  outline: 1rem solid #ffffff;
  color: #2f2f2f;
  text-align: center;
  font-size: 2rem;
  margin-right: 1.8rem;
}

.bot-main__plan-process--step
  .sv-text-portlet-content
  h3.sv-font-processplan-steg:nth-of-type(1):before {
  content: "1";
}

.bot-main__plan-process--step
  .sv-text-portlet-content
  h3.sv-font-processplan-steg:nth-of-type(2):before {
  content: "2";
}

.bot-main__plan-process--step
  .sv-text-portlet-content
  h3.sv-font-processplan-steg:nth-of-type(3):before {
  content: "3";
}

.bot-main__plan-process--step
  .sv-text-portlet-content
  h3.sv-font-processplan-steg:nth-of-type(4):before {
  content: "4";
}

.bot-main__plan-process--step
  .sv-text-portlet-content
  h3.sv-font-processplan-steg:nth-of-type(5):before {
  content: "5";
}

.bot-main__plan-process--step
  .sv-text-portlet-content
  h3.sv-font-processplan-steg:nth-of-type(6):before {
  content: "6";
}

.bot-main__plan-process--step
  .sv-text-portlet-content
  h3.sv-font-processplan-steg:nth-of-type(7):before {
  content: "7";
}

.bot-main__plan-process--step
  .sv-text-portlet-content
  h3.sv-font-processplan-steg:nth-of-type(8):before {
  content: "8";
}

.bot-main__plan-process--step
  .sv-text-portlet-content
  h3.sv-font-processplan-steg:nth-of-type(9):before {
  content: "9";
}

.bot-main__plan-process--step
  .sv-text-portlet-content
  h3.sv-font-processplan-steg:nth-of-type(10):before {
  content: "10";
}

/*
 * 3.24 Nyhetssida
*/

.bot-main__newspage .bot-main__right-column {
  float: right !important;
  margin-top: 4rem;
}

@media (max-width: 768px) {
  .bot-main__newspage .bot-main__right-column {
    margin-top: 1rem;
  }
}

.bot-main__newspage .bot-main__right-column .bot-main__right-column--text {
  padding: 20px;
}

.bot-main__newspage .bot-main__left-column {
  float: left !important;
  margin-left: 0 !important;
}

.bot-main__newspage .bot-main__left-column img {
  margin-top: 2rem;
}

.bot-main__newspage .bot-main__newspage--label p {
  font-size: 2rem !important;
  font-weight: 600;
  margin-bottom: 1.2rem;
  margin-top: 0;
}

.bot-main__newspage .bot-main__newspage--date-wrapper {
  display: inline-block;
  margin-top: 2.5rem;
}

.bot-main__newspage
  .bot-main__newspage--date-wrapper
  .bot-main__newspage--date-wrapper-date {
  float: left;
  margin-right: 2rem;
}

.bot-main__newspage
  .bot-main__newspage--date-wrapper
  .bot-main__newspage--date-wrapper-date
  p {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 600;
  color: #2f2f2f;
}

.bot-main__newspage
  .bot-main__newspage--date-wrapper
  .bot-main__newspage--date-wrapper-category {
  float: left;
}

.bot-main__newspage
  .bot-main__newspage--date-wrapper
  .bot-main__newspage--date-wrapper-category
  svg {
  position: relative;
  top: -0.1rem;
  float: left;
  width: 2rem;
  margin-right: 0.5rem;
}

.bot-main__newspage
  .bot-main__newspage--date-wrapper
  .bot-main__newspage--date-wrapper-category
  svg
  .st0 {
  fill: #007cab;
}

.bot-main__newspage
  .bot-main__newspage--date-wrapper
  .bot-main__newspage--date-wrapper-category
  svg
  .st1 {
  fill: none;
}

.bot-main__newspage
  .bot-main__newspage--date-wrapper
  .bot-main__newspage--date-wrapper-category
  .icon {
  position: relative;
  font-size: 1.5rem;
  top: 1px;
  color: #007cab;
}

.bot-main__newspage
  .bot-main__newspage--date-wrapper
  .bot-main__newspage--date-wrapper-category
  p {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 600;
  color: #2f2f2f;
}

.bot-main__newspage h1 {
  font-size: 4rem;
  line-height: 5.2rem;
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
}

.bot-main__newspage h2 {
  /* 
   font-size: 2.4rem;
   line-height: 3.2rem;
*/
  margin-bottom: 0.5rem;
  padding-top: 0.8rem;
}

.bot-main__newspage p.normal {
  font-size: 1.7rem;
  line-height: 2.7rem;
  margin-top: 0.6rem;
}

.bot-main__newspage p.sv-font-ingress {
  margin-bottom: 2.2rem;
}

.bot-main__newspage .bot-main__right-column p {
  color: #525252;
  margin-bottom: 1rem;
}

/*
 * 3.25 Vänster- och högerkolumn
*/

@media (min-width: 769px) {
  .bot-main__left-column {
    max-width: 62.7rem;
  }
}

@media (min-width: 769px) {
  .bot-main__right-column {
    max-width: 42.6rem;
    width: 100%;
  }
}

.bot-main__info-content img {
  margin-top: 2rem;
}

.bot-main__info-content table img {
  margin-top: 0;
}

/*
 * 3.26 Skapa evenemang
*/

.bot-main__create-events .bot-main__create-events--logo {
  width: 100%;
}

.bot-main__create-events .sv-SkapaEvenemang h2,
.bot-main__create-events .sv-SkapaEvenemang h1 {
  display: none;
}

.bot-main__create-events .bot-main__indented-main-content {
  max-width: 1172px;
  margin: 1rem auto 6rem;
}

.bot-main__create-events .bot-main__create-events--form {
  max-width: 65.4rem;
  overflow: hidden;
}

.bot-main__create-events .bot-main__create-events--form h2,
.bot-main__create-events .bot-main__create-events--form legend {
  font-family: "open sans", sans-serif;
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: bold;
  padding-top: 4rem;
}

.bot-main__create-events .bot-main__create-events--form label {
  font-family: "open sans", sans-serif;
  margin-bottom: 0.8rem;
  margin-top: 2.5rem;
  display: block;
}

.bot-main__create-events .bot-main__create-events--form form fieldset {
  border: none;
  padding: 0;
  margin: 0;
}

.bot-main__create-events
  .bot-main__create-events--form
  form
  fieldset
  #dateContainer
  label {
  margin-top: 0;
}

.bot-main__create-events
  .bot-main__create-events--form
  fieldset
  label:first-of-type {
  margin-top: 1rem;
}

.bot-main__create-events
  .bot-main__create-events--form
  form
  fieldset
  #categoryHTML,
.bot-main__create-events
  .bot-main__create-events--form
  form
  fieldset
  #targetGroupHTML,
.bot-main__create-events
  .bot-main__create-events--form
  form
  fieldset
  #availabilityHTML {
  margin-top: 1rem;
}

.bot-main__create-events
  .bot-main__create-events--form
  form
  fieldset
  #uploadDescription {
  display: block;
  margin-bottom: 0.8rem;
  margin-top: 1rem;
}

.bot-main__create-events .bot-main__create-events--form input[type="text"],
.bot-main__create-events .bot-main__create-events--form input[type="email"],
.bot-main__create-events .bot-main__create-events--form input[type="url"],
.bot-main__create-events .bot-main__create-events--form input[type="tel"],
.bot-main__create-events .bot-main__create-events--form input[type="number"],
.bot-main__create-events .bot-main__create-events--form textarea,
.bot-main__create-events .bot-main__create-events--form select {
  font-family: "open sans", sans-serif;
  font-size: 1.7rem;
  border: 2px solid #d9e2e7;
  box-shadow: none;
  border-radius: 0;
  padding: 0.9rem 1rem;
  height: auto;
}

.bot-main__create-events .bot-main__create-events--form input[type="file"] {
  padding: 0;
  margin-bottom: 1rem;
}

label[for="multipleDayEvent"] {
  margin-top: 0.5rem !important;
}

.bot-main__create-events .bot-main__create-events--form input[type="reset"] {
  font-family: "open sans", sans-serif;
  background-color: #ffffff;
  color: #007cab;
  border: 2px solid #d9e2e7;
  font-size: 1.6rem;
  line-height: 2.4rem;
  border-radius: 0;
  margin-top: 5rem;
  margin-right: 1rem;
  padding: 0.7rem 2.2rem;
}

.bot-main__create-events .bot-main__create-events--form input[type="submit"] {
  font-family: "open sans", sans-serif;
  background-color: #007cab;
  color: #ffffff;
  border: 2px solid #007cab;
  font-size: 1.6rem;
  line-height: 2.4rem;
  border-radius: 0;
  margin-top: 5rem;
  padding: 0.7rem 2.2rem;
}

.bot-main__create-events
  .bot-main__create-events--form
  input[type="reset"]:hover,
.bot-main__create-events
  .bot-main__create-events--form
  input[type="submit"]:hover {
  opacity: 0.8;
}

.bot-main__create-events .bot-main__create-events--form textarea {
  height: 12rem;
}

.bot-main__create-events
  .bot-main__create-events--form
  form
  fieldset
  abbr[title] {
  color: #ff0000;
  text-decoration: none;
}

/*
 * 3.27 Evenemangssida
*/

.bot-main__eventspage .bot-main__eventspage--logo {
  width: 100%;
}

.bot-main__eventspage .bot-main__indented-main-content {
  max-width: 1172px;
  margin: 1rem auto 6rem;
}

.bot-main__eventspage .bot-main__indented-main-content .bot-main__feedback {
  width: 100%;
  border-top: 1px solid #d9e2e7;
  margin: 2rem 0 2rem 0;
  padding-top: 2rem;
}

.bot-main__eventspage
  .bot-main__indented-main-content
  .bot-main__feedback--form {
  margin: 3rem 0 2.5rem;
}

.bot-main__eventspage .bot-main__eventspage--date {
  display: block;
  float: left;
  margin-top: 0;
  margin-right: 20px;
}

.bot-main__eventspage
  .bot-main__eventspage--date
  span.bot-main__eventspage--date-month {
  display: block;
  background-color: #db2982;
  color: #fff;
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0.2rem 1.2rem;
  text-align: center;
  border: 1px solid #db2982;
  border-bottom: 0;
}

.bot-main__eventspage
  .bot-main__eventspage--date
  span.bot-main__eventspage--date-day {
  display: block;
  background-color: #fff;
  color: #2f2f2f;
  font-size: 1.8rem;
  line-height: 2rem;
  font-weight: bold;
  padding: 0.5rem 1.2rem;
  text-align: center;
  border: 1px solid #cdcdcd;
  border-top: 0;
}

.bot-main__eventspage .bot-main__eventspage--wrapper {
  display: flex;
  width: 100%;
  background-color: #f7f2f5;
}

.bot-main__eventspage .bot-main__eventspage--wrapper-image {
  float: left;
  /*width: 60%;*/
  max-width: 60%;
  overflow: hidden;
}

@media (max-width: 1024px) {
  .bot-main__eventspage .bot-main__eventspage--wrapper {
    display: inline-block;
  }

  .bot-main__eventspage .bot-main__eventspage--wrapper-image {
    float: none;
    max-width: none;
  }
}

.bot-main__eventspage .bot-main__eventspage--wrapper-information {
  float: left;
}

.bot-main__eventspage .bot-main__eventspage--contentwrapper {
  max-width: 62.7rem;
  overflow: hidden;
}

.bot-main__eventspage
  .bot-main__eventspage--contentwrapper
  .bot-main__eventspage--contentwrapper-preamble {
}

.bot-main__eventspage
  .bot-main__eventspage--contentwrapper
  .bot-main__eventspage--contentwrapper-content
  p {
  font-size: 1.8rem;
  line-height: 2.8rem;
}

.bot-main__eventspage h1 {
  margin-bottom: 3.6rem !important;
}

@media (max-width: 768px) {
  .bot-main__eventspage h1 {
    display: flex;
  }
}

.bot-main__eventspage h2 {
  font-size: 2rem;
  line-height: 2.4rem;
  margin-top: 3.5rem;
}

.bot-main__eventspage ul {
  list-style-type: none;
  padding-left: 0;
}

.bot-main__eventspage .bot-main__eventspage--last-update {
  margin-top: 8rem;
}

.bot-main__eventspage ul.bot-main__eventspage--information {
  margin: 3.5rem 4.5rem;
}

@media (max-width: 767px) {
  .bot-main__eventspage ul.bot-main__eventspage--information {
    margin: 2rem;
  }
}

.bot-main__eventspage ul.bot-main__eventspage--organizer a {
  text-decoration: none;
  color: var(--morkbla, MediumBlue);
}

.bot-main__eventspage ul.bot-main__eventspage--place li:before {
  font-family: "icomoon";
  content: "\e910";
  position: relative;
  color: #000;
  font-size: 2rem;
  top: 0.1rem;
  margin-right: 1rem;
}

.bot-main__eventspage ul li {
  display: flex;
  margin-bottom: 1.4rem;
}

@media (max-width: 374px) {
  .bot-main__eventspage ul li {
    flex-direction: column;
  }
}

.bot-main__eventspage ul li ul li {
  margin-bottom: 0;
}

.bot-main__eventspage ul li strong {
  display: inline-block;
  min-width: 160px;
}

.sv-edit-mode
  .bot-main__eventspage
  .bot-main__eventspage--contentwrapper
  .bot-main__eventspage--contentwrapper-register {
  display: block;
}

.bot-main__eventspage
  .bot-main__eventspage--contentwrapper
  .bot-main__eventspage--contentwrapper-register {
  display: none;
}

/*
 * 3.28 Anslagssida
*/

.bot-main__pinboardpage .sv-font-ingress {
  font-size: 1.8rem;
  line-height: 2rem;
  margin-bottom: 2rem;
}

.bot-main__pinboardpage .sv-font-ingress a {
  font-size: 1.8rem;
  line-height: 2rem;
  color: var(--morkbla, MediumBlue);
}

.bot-main__pinboardpage .bot-main__pinboardpage--label p {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 1.2rem;
}

.bot-main__pinboardpage .bot-main__pinboardpage--wrapper {
  margin: 4rem 0 2.5rem;
}

.bot-main__pinboardpage .bot-main__pinboardpage--wrapper p {
  font-size: 1.4rem;
  margin: 0 0 0.5rem 0;
}

.bot-main__pinboardpage .bot-main__block {
  border: 0.2rem solid #d9e2e7;
  margin: 5rem 0;
}

.bot-main__pinboardpage .bot-main__block h2 {
  font-size: 2rem;
  line-height: 2.4rem;
}

.bot-main__pinboardpage .bot-main__block .bot-btn {
  margin-top: 2rem;
}

/*
 * 3.29 404-sida
*/

.bot-main__404 {
  background-color: #e6f2f7;
  text-align: center;
}

.bot-main__404 .icon {
  font-size: 18rem;
  color: #a0bbc9;
}

.bot-main__404 h1 {
  font-size: 14rem;
  line-height: 14rem;
}

.bot-main__404 h2 {
  font-size: 4.4rem;
  line-height: 5.4rem;
  margin-bottom: 0;
}

.bot-main__404 p {
  font-size: 2.1rem;
  line-height: 3rem;
  max-width: 47.5rem;
  margin: 1.8rem auto 5rem auto !important;
}

.bot-main__404 .bot-main__indented-main-content {
  margin: 0 auto;
  padding: 10rem 0 11rem 0;
}

/*
 * 3.30 Senast uppdaterad
*/

.bot-main__last-modified {
  margin-top: 6rem;
}

.bot-main__last-modified p {
  font-size: 1.5rem;
  line-height: 2rem;
}

/*
 * 3.31 Länklista
*/

.bot-main__linklist {
  margin-top: 3rem;
  margin-bottom: 7rem;
}

.bot-main__linklist h1,
.bot-main__linklist h2,
.bot-main__linklist h3,
.bot-main__linklist h4,
.bot-main__linklist h5,
.bot-main__linklist h6 {
  background-color: #003c60;
  color: #ffffff;
  font-size: 2rem;
  line-height: 2.6rem;
  padding: 1.5rem 1.6rem;
  margin-bottom: 0 !important;
}

.bot-main__linklist p {
  border-bottom: 1px solid #d9e2e7;
  margin: 0 !important;
}

.bot-main__linklist a {
  position: relative;
  display: block;
  font-size: 1.8rem;
  line-height: 2.4rem;
  text-decoration: none;
  padding: 1rem 1.6rem 0.9rem;
}

.bot-main__linklist a:hover {
  background-color: #f2f5f7;
}

.bot-main__linklist a .last-word {
  white-space: nowrap;
}

.bot-main__linklist a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.bot-main__linklist a span.last-word:after {
  font-family: "icomoon";
  content: "\e90e";
  position: relative;
  color: #ffffff;
  font-size: 2.2rem;
  line-height: 2rem;
  top: 0.3rem;
  margin-left: 0.3rem;
  margin-right: 0.5rem;
}

.bot-main__linklist a:hover span.last-word:after {
  font-family: "icomoon";
  content: "\e90e";
  position: relative;
  color: var(--morkbla, MediumBlue);
  font-size: 2.2rem;
  top: 0.3rem;
  margin-left: 0.3rem;
  margin-right: 0.5rem;
}

/*
 * 3.32 A-Ö modul
*/

.bot-AÖ-results {
  padding: 1.5rem;
  border-bottom: 1px solid #d9e2e7;
  position: relative;
}

.bot-AÖ-results:nth-child(even) {
  background: #fafafa;
}

.bot-AÖ-results:last-child {
  border-bottom: none;
}

.bot-AÖ-results a {
  text-decoration: none;
  color: var(--morkbla, MediumBlue);
}

.bot-AÖ-results a:after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
}

.bot-AÖ-results a:hover {
  text-decoration: underline;
}

.bot-AÖ-letters-list {
  display: flex;
  padding: 0;
  align-items: baseline;
  flex-wrap: wrap;
  list-style-type: none;
}

.bot-AÖ-letters-list li {
  margin-right: 0.4rem;
}

@media (max-width: 768px) {
  .bot-AÖ-letters-list li {
    margin-right: 2rem;
  }
}

/*
 * 3.33 Fildelning
*/
.sv-file-portlet a {
  color: var(--morkbla, MediumBlue);
  text-decoration: none;
  border-bottom: 1px dotted var(--morkbla, MediumBlue);
}

.sv-file-portlet a:focus {
  outline: 1px solid #000000;
}

ul.env-list li.env-list__item div.env-flex--row button,
ul.env-list li.env-list__item div.env-flex--row a {
   color: var(--morkbla, MediumBlue);
}

/*
 * 3.34 Filsökning
*/
.bot-main__file-search input[type="text"] {
  width: 70%;
  padding: 0.5rem;
}

.bot-main__file-search button[type="submit"] {
  background: none;
  border: none;
  margin-left: -4rem;
  padding: 1rem;
  cursor: pointer;
}

.bot-main__file-search button[type="submit"]:focus {
  outline: 1px solid #000000;
}

.bot-main__file-search-list a {
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #007cac;
}

.bot-main__file-search-list a img {
  display: none;
}

/*
 * 3.35 Störningssida
*/

.bot-main__disturbancepage .bot-main__right-column {
  background-color: #fafafa;
  float: right !important;
  margin-top: 4rem;
}

@media (max-width: 768px) {
  .bot-main__disturbancepage .bot-main__right-column {
    margin-top: 1rem;
  }
}

.bot-main__disturbancepage
  .bot-main__right-column
  .bot-main__right-column--text {
  padding: 20px;
}

.bot-main__disturbancepage .bot-main__left-column {
  float: left !important;
  margin-left: 0 !important;
}

.bot-main__disturbancepage .bot-main__left-column img {
  margin-top: 2rem;
}

.bot-main__disturbancepage .bot-main__disturbancepage--label p {
  font-size: 2rem !important;
  font-weight: 600;
  margin-bottom: 1.2rem;
  margin-top: 0;
}

.bot-main__disturbancepage .bot-main__disturbancepage--date-wrapper {
  display: inline-block;
  margin-top: 2.5rem;
}

.bot-main__disturbancepage
  .bot-main__disturbancepage--date-wrapper
  .bot-main__disturbancepage--date-wrapper-date {
  float: left;
  margin-right: 2rem;
}

.bot-main__disturbancepage
  .bot-main__disturbancepage--date-wrapper
  .bot-main__disturbancepage--date-wrapper-date
  p {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 600;
  color: #2f2f2f;
}

.bot-main__disturbancepage
  .bot-main__disturbancepage--date-wrapper
  .bot-main__disturbancepage--date-wrapper-category {
  float: left;
}

.bot-main__disturbancepage
  .bot-main__disturbancepage--date-wrapper
  .bot-main__disturbancepage--date-wrapper-category
  svg {
  position: relative;
  top: -0.1rem;
  float: left;
  width: 2rem;
  margin-right: 0.5rem;
}

.bot-main__disturbancepage
  .bot-main__disturbancepage--date-wrapper
  .bot-main__disturbancepage--date-wrapper-category
  svg
  .st0 {
  fill: #007cab;
}

.bot-main__disturbancepage
  .bot-main__disturbancepage--date-wrapper
  .bot-main__disturbancepage--date-wrapper-category
  svg
  .st1 {
  fill: none;
}

.bot-main__disturbancepage
  .bot-main__disturbancepage--date-wrapper
  .bot-main__disturbancepage--date-wrapper-category
  .icon {
  position: relative;
  font-size: 1.5rem;
  top: 1px;
  color: #007cab;
}

.bot-main__disturbancepage
  .bot-main__disturbancepage--date-wrapper
  .bot-main__disturbancepage--date-wrapper-category
  p {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 600;
  color: #2f2f2f;
}

.bot-main__disturbancepage h1 {
  font-size: 4rem;
  line-height: 5.2rem;
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
}

.bot-main__disturbancepage h2 {
  /* 
   font-size: 2.4rem;
   line-height: 3.2rem;
*/
  margin-bottom: 0.5rem;
  padding-top: 0.8rem;
}

.bot-main__disturbancepage p.normal {
  font-size: 1.7rem;
  line-height: 2.7rem;
  margin-top: 0.6rem;
}

.bot-main__disturbancepage p.sv-font-ingress {
  margin-bottom: 2.2rem;
}

.bot-main__disturbancepage .bot-main__right-column p {
  font-size: 14px;
  line-height: 2.3rem;
  color: #525252;
  margin: 0;
  padding: 1.2rem 1.2rem 2.2rem 1.2rem;
}

/*
 * 3.36 Landningssida
*/

/**
.bot-main__landing-page .bot-main__landingpage--logo {
   width: 100%;
}

.bot-main__landing-page .bot-main__info-content {
   margin-top: -1rem
}

.bot-main__landing-page .bot-main__indented-main-content {
   max-width: 1172px;
   margin: 3rem auto 6rem;
}

.bot-main__landing-page .bot-main__landing-page--title {
   background-color: #E6F2F7;
   padding: 0.5rem;
}

.bot-main__landing-page .bot-main__landing-page--title .bot-main__indented-main-content {
   max-width: 1172px;
   margin: 4rem auto 4rem;
}
*/

.bot-main__landing-page .bot-main__landingpage--logo {
  width: 100%;
}

.bot-main__landing-page .bot-main__landing-page--top-logo img {
  width: 100%;
}

.bot-main__landing-page .bot-main__info-content {
  margin-top: -1rem;
}

.bot-main__landing-page .bot-main__indented-main-content {
  max-width: 1172px;
  margin: 3rem auto 6rem;
}

.bot-main__landing-page .bot-main__landing-page--title {
  background-color: #e6f2f7;
  padding: 0.5rem;
}

.bot-main__landing-page
  .bot-main__landing-page--title
  .bot-main__indented-main-content {
  max-width: 1340px;
  margin: 4rem 0 4rem;
}

@media (min-width: 769px) {
  .bot-main__landing-page .bot-main__landing-page--top-image img {
    object-fit: cover;
    font-family: "object-fit: contain;";
    height: 43rem;
    max-width: none !important;
  }
}

.bot-main__landing-page--top {
  position: relative;
}

.bot-main__landing-page .bot-main__landing-page--top-logo {
  position: absolute;
  top: 50%;
  left: 2%;
  transform: translate(0, -50%);
}

@media (max-width: 767px) {
  .bot-main__landing-page .bot-main__landing-page--top-logo img {
    width: 10rem;
  }
}

.bot-main__landing-page .bot-main__landing-page--youtube {
  margin: 4rem 0;
}

.bot-main__landing-page .bot-main__landing-page--youtube .sv-video-wrapper {
  margin: 0 auto;
}

.bot-main__landing-page-video--container iframe {
  height: 35.5rem;
}

@media (max-width: 1024px) {
  .bot-main__landing-page-video--container iframe {
    height: 29.5rem;
  }
}

@media (max-width: 768px) {
  .bot-main__landing-page-video--container iframe {
    height: 24.5rem;
  }
}

/*
 * 3.37 Accordion
*/
.bot-main__accordion {
  position: relative;
  overflow: hidden;
  margin: 2rem 0;
}

.bot-main__accordion__parent .sv-decoration-content,
.bot-main__accordion .sv-decoration-content {
  margin-bottom: 1rem;
  padding: 2rem 0 1rem 0;
  display: none;
  border: 0.5rem solid #003c60;
  border-top: none;
  background-color: white;
}

.bot-main__accordion-container {
  padding: 1.5rem 2.4rem 1.5rem 2.4rem;
}

.bot-main__accordion h2 {
  font-style: normal;
  font-size: 2rem;
  color: white;
  line-height: 2.4rem;
  margin: 0;
  padding-top: 0;
}

.bot-main__accordion h2 span {
  font-weight: bold;
}

.bot-main__accordion .bot-main__accordion__heading {
  font-style: normal;
  font-size: 2rem;
  color: white;
  line-height: 2.4rem;
  margin: 0;
  padding-top: 0;
  text-align: left;
}

.bot-main__accordion .bot-main__accordion-icon {
  height: 0;
}

@media (max-width: 769px) {
  .bot-main__accordion h2 {
    font-size: 1.7rem;
  }
}

.bot-main__accordion h3,
.bot-main__accordion h2 {
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 3rem;
  color: black;
  margin: 0 0 0.4rem 0 !important;
  padding: 0 2.4rem 0rem 2.4rem;
}

@media (max-width: 769px) {
  .bot-main__accordion h3,
  .bot-main__accordion h2 {
    font-size: 2rem;
  }
}

.bot-main__accordion .sv-script-portlet {
  cursor: pointer;
  background: #003c60;
}

.bot-main__accordion__parent,
.bot-main__accordion .sv-text-portlet-content {
  border-radius: 0.1rem;
}

.bot-main__accordion__parent p,
.bot-main__accordion .sv-text-portlet-content p {
  padding: 0 2.4rem 1rem 2.4rem;
  margin: 0;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  color: black;
}

@media (max-width: 769px) {
  .bot-main__accordion__parent p,
  .bot-main__accordion .sv-text-portlet-content p {
    font-size: 1.5rem;
  }
}

.bot-main__accordion__parent ul,
.bot-main__accordion__parent ol,
.bot-main__accordion ul,
.bot-main__accordion ol {
  color: black;
  padding-bottom: 1rem;
  margin-right: 1rem;
}

@media (max-width: 769px) {
  .bot-main__accordion__parent ul,
  .bot-main__accordion__parent ol,
  .bot-main__accordion ul,
  .bot-main__accordion ol {
    font-size: 1.5rem;
  }
}

.bot-main__accordion a,
.bot-main__accordion a:visited,
.bot-main__accordion a:link {
  color: var(--morkbla, MediumBlue);
  padding: 0;
  margin-bottom: 0;
  border-bottom: none;
}

.bot-main__accordion a::after {
  content: "" !important;
  margin: 0 !important;
  font-family: auto !important;
}

.bot-main__accordion a:hover {
  text-decoration: underline;
}

.bot-main__accordion a:focus {
  outline: 0.3rem solid black;
}

.bot-main__accordion .sv-script-portlet a,
.bot-main__accordion .sv-script-portlet a:visited,
.bot-main__accordion .sv-script-portlet a:link {
  margin-top: 0;
  font-weight: 600;
  display: block;
  text-decoration: none;
}

.bot-main__accordion .accordion {
  background: none;
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.bot-main__accordion button.tab-focus:focus {
  outline: 1.2rem auto white;
}

.bot-main__accordion .accordion.tab-focus:focus {
  outline: 1.2rem auto white;
}

.bot-main__accordion-icon:after {
  font-family: "icomoon";
  content: "\e900";
  color: white;
  font-size: 3rem;
}

@media (max-width: 769px) {
  .bot-main__accordion-icon:after {
    font-size: 2.6rem;
  }
}

.bot-main__accordion__parent--open .bot-main__accordion-icon:after {
  content: "\e903";
  color: white;
}

@media (max-width: 769px) {
  .bot-main__accordion .sv-file-portlet tr {
    display: block;
    margin-bottom: 1.5rem;
  }

  .bot-main__accordion .sv-file-portlet .sv-file-portlet-right {
    font-size: 1.4rem;
    font-weight: 600;
  }

  .bot-main__accordion .sv-file-portlet td,
  .bot-main__accordion .sv-file-portlet a {
    font-size: 1.5rem;
    line-height: 1.5rem;
    display: flex;
  }
}

.bot-main__accordion .sv-decoration-content > .sv-file-portlet {
  padding: 0 2.4rem;
  margin-bottom: 2rem;
}

/* Veronica */

.bot-main__accordion .sv-decoration-content .sv-marketplace-sitevision-file-share {
  padding: 0 2.4rem;
  /*margin-bottom: 2rem;*/
}

.bot-main__accordion .sv-decoration-content .sv-marketplace-sitevision-file-share p {
  padding: 0px;
}


/*
 * 3.371 Accordion ljusblå
 */
.bot-main__accordion-blue .sv-script-portlet {
  background: #e6f2f7;
}

.bot-main__accordion-blue .sv-decoration-content {
  border-color: #dceaf0;
}

.bot-main__accordion-blue .bot-main__accordion__heading {
  color: black;
}

.bot-main__accordion-blue .bot-main__accordion-icon:after {
  color: black;
}

.bot-main__accordion-blue .bot-main__accordion-icon:after {
  color: black !important;
}

/*
 * 3.372 Accordion gul
 */

.bot-main__accordion-yellow .sv-script-portlet {
  background: #fffddf;
}

.bot-main__accordion-yellow .sv-decoration-content {
  border-color: #f8f6d5;
}

.bot-main__accordion-yellow .bot-main__accordion__heading {
  color: black;
}

.bot-main__accordion-yellow .bot-main__accordion-icon:after {
  color: black;
}

.bot-main__accordion-yellow .bot-main__accordion-icon:after {
  color: black !important;
}

/*
 * 3.373 Accordion rosa
 */

.bot-main__accordion-pink .sv-script-portlet {
  background: #f4e8ef;
}

.bot-main__accordion-pink .sv-decoration-content {
  border-color: #efdee8;
}

.bot-main__accordion-pink .bot-main__accordion__heading {
  color: black;
}

.bot-main__accordion-pink .bot-main__accordion-icon:after {
  color: black;
}

.bot-main__accordion-pink .bot-main__accordion-icon:after {
  color: black !important;
}

/*
 * 3.374 Accordion lime
 */

.bot-main__accordion-lime .sv-script-portlet {
  background: #e3ff94;
}

.bot-main__accordion-lime .sv-decoration-content {
  border-color: #daf68b;
}

.bot-main__accordion-lime .bot-main__accordion__heading {
  color: black;
}

.bot-main__accordion-lime .bot-main__accordion-icon:after {
  color: black;
}

.bot-main__accordion-lime .bot-main__accordion-icon:after {
  color: black !important;
}

/*
 * 3.38 - Dekorationsikoner
 */

.bot-main__email-icon,
.bot-main__phone-icon,
.bot-main__adress-icon,
.bot-main__post-adress-icon {
  display: flex;
}

.bot-main__email-icon h2,
.bot-main__phone-icon h2,
.bot-main__adress-icon h2,
.bot-main__post-adress-icon h2,
.bot-main__email-icon p.normal,
.bot-main__phone-icon p.normal,
.bot-main__adress-icon p.normal,
.bot-main__post-adress-icon p.normal {
  display: table;
  position: relative;
  font-size: 1.8rem;
  line-height: 2.8rem;
  color: #2f2f2f;
  text-decoration: none;
  border-bottom: none;
  margin: 2rem 0 1rem 1rem;
}

.bot-main__email-icon::before {
  font-family: "icomoon";
  content: "\e94c";
  display: table-cell;
  float: left;
  color: #2f2f2f;
  font-size: 4.2rem;
  margin-top: 1.3rem;
  padding: 0 1rem 0 0;
}

.bot-main__phone-icon::before {
  font-family: "icomoon";
  content: "\e984";
  display: table-cell;
  float: left;
  color: #2f2f2f;
  font-size: 4.2rem;
  margin-top: 1.3rem;
  padding: 0 1rem 0 0;
}

.bot-main__adress-icon::before {
  font-family: "icomoon";
  content: "\e96f";
  display: table-cell;
  vertical-align: middle;
  float: left;
  color: #2f2f2f;
  font-size: 4.2rem;
  margin-top: 1.3rem;
  padding: 0 1rem 0 0;
}

.bot-main__post-adress-icon::before {
  font-family: "icomoon";
  content: "\e93b";
  display: table-cell;
  float: left;
  color: #2f2f2f;
  font-size: 4.2rem;
  margin-top: 1.3rem;
  padding: 0 1rem 0 0;
}

/**
  * 3.39 - Rek.ai Lista Startsida
  *
**/
/*
.rekai-main .rek-prediction ul{
   line-height: 3.4;
   margin-top: .5rem;
   margin-left: -1rem;
   border: none;
   padding-bottom: 0;
   display: flex;
   flex-wrap: wrap;
}

.rekai-main .rek-prediction li{
   display: inline;
   position: relative;
   padding: 0.9rem 2.5rem;
   border: 1px solid #007cab;
   margin: 1rem;
   margin-right: 1rem!important;
   white-space: nowrap;
   background-color: #ffffff;
   line-height: normal;
}

.rekai-main .rek-prediction li a{
	color: var(--morkbla, MediumBlue);
   text-decoration: none;
}

.rekai-main .rek-prediction li a::after{
	content: '';
   position: absolute;
   bottom: 0;
   top: 0;
   left: 0;
   right: 0;
}
*/

div.bot-main__rekai--recommendedwrapper .rekai-main ul {
  border-radius: 4px;
  list-style: none;
  padding: 0;
  position: relative;
  z-index: 2;
  flex-wrap: nowrap;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  background: none;
  width: fit-content;
}

div.bot-main__rekai--recommendedwrapper .rekai-main .rek-prediction li {
  border-radius: 500px;
  width: fit-content;
  transition: all 0.3s ease;
  background-color: transparent;
}

div.bot-main__rekai--recommendedwrapper .rekai-main li:hover {
  background-color: #cfe6ef !important;
}

div.bot-main__rekai--recommendedwrapper .rekai-main .rek-prediction li a {
  font-family: "Open sans", sans-serif;
  font-weight: 500;
  text-decoration: none;
  color: #000;
  position: relative;
  display: flex;
  /*padding-left: calc(18px + 8px);*/
}

div.bot-main__rekai--recommendedwrapper .rekai-main .rek-prediction li a:after {
  /*font-family: "icomoon";
  	content: "\e9cb" !important;
   font-size: 16px;*/
  display: block !important;
  content: "";
  /*position: absolute;*/
  background-image: url("https://www.botkyrka.se/images/18.6e6ab32018bcc49f18223e7f/1700577286005/link(1).svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  min-height: 16px;
  min-width: 16px;
  max-height: 16px;
  max-width: 16px;
  position: static;
  /*top: 50%;
    left: 0;
    transform: translateY(-50%);
   */
}
/*
div.bot-main__rekai--recommendedwrapper .rekai-main .rek-prediction li a:after {
   content:"";
   display: none;
}
*/

/*Artikel*/

.rekai-main .rek-prediction ul {
  border-radius: 4px;
  list-style: none;
  padding: 1.5rem 3rem;
  background-color: #fffddf;
  position: relative;
  z-index: 2;
  flex-wrap: wrap;
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  border: none;
  width: fit-content;
}

.rekai-main .rek-prediction li {
  padding: 0.75rem 1.5rem;
  border-radius: 500px;
  width: fit-content;
  transition: all 0.3s ease;
  background-color: transparent;
  margin: 0;
}

.rekai-main li:hover {
  background-color: #cfe6ef !important;
}

.rekai-main .rek-prediction li a {
  font-family: "Open sans", sans-serif;
  font-weight: 600;
  text-decoration: none;
  color: #000;
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  /*padding-left: calc(18px + 8px);*/
}

.rekai-main .rek-prediction li a:after {
  /*font-family: "icomoon";
  	content: "\e9cb" !important;
   font-size: 16px;*/
  display: block !important;
  content: "";
  /*position: absolute;*/
  background-image: url("https://www.botkyrka.se/images/18.6e6ab32018bcc49f18223e7f/1700577286005/link(1).svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  max-height: 18px;
  max-width: 18px;
  min-height: 18px;
  min-width: 18px;
  position: static;
  /*top: 50%;
    left: 0;
    transform: translateY(-50%);
   */
}

.rekai-news-header-wrapper h2 {
  font-size: 2rem;
  font-weight: bold;
}

.rekai-main .rek-prediction a.rek-link {
  font-size: 1.6rem;
  font-weight: normal;
}

/*
.rekai-main .rek-prediction a.rek-link:after{
   content:unset;
}*/

/*----------------*/
/*
.rekai-news-header-wrapper h2{
   font-size: 2rem;
   font-weight: bold;
}

.rekai-main .rek-prediction a.rek-link{
   font-size: 1.6rem;
   font-weight: normal;
}

.rekai-main .rek-prediction li:hover a.rek-link{
   color: #ffffff;
}

.rekai-main .rek-prediction li:hover{
   background-color: #007cab;
   color: #ffffff;
   border: 1px solid #007cab;
   opacity: .8;
}
*/

@media (max-width: 769px) {
  .rekai-main div.rek-prediction ul {
    width: unset;
    word-break: break-word;
    display: flex;
    flex-flow: column;
    flex-wrap: nowrap;
    flex-direction: column;
    padding: 1.5rem;
  }
  .rekai-main div.rek-prediction li {
    display: flex;
    white-space: normal;
    padding: /*0.25rem 0*/ 0.75rem 1.5rem;
  }
}

/**
  *3.39.1 - Rek.ai sidebar
  *
**/

.bot-sidebar__rekai {
  border: 2px solid #d9e2e7;
  background-color: white;
  padding: 3rem 3rem 4rem 3rem !important;
}

.bot-sidebar__rekai h3 {
  margin-top: 0;
}

.bot-sidebar__rekai ul {
  margin-left: 0 !important;
  line-height: 1.8 !important;
}

.bot-sidebar__rekai li {
  border-style: none !important;
  text-decoration: underline dotted;
  text-underline-offset: 0.3em;
  margin: 0 0 2rem 0 !important;
  padding: 0 !important;
  line-break: normal;
  display: inline-block !important;
  white-space: normal !important;
}

/**
  * 3.40 - Lämna sidan snabbt
  *
**/
.bot-main__sticky {
  position: fixed;
  top: 10rem;
  left: 0;
  right: 0;
  z-index: 99999;
  max-width: 1172px;
  margin: 6rem auto;
  width: 96%;
}

.bot-main__leavepage {
  display: flex;
  justify-content: start;
  z-index: 99999;
}

.bot-main__leave-btn {
  width: 260px;
  max-width: 100%;
  line-height: 2.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  background-color: rgb(214, 0, 49);
  color: #fff;
  border: 0;
  cursor: pointer;
  font-family: "open sans", sans-serif;
  font-size: 16px;
  font-weight: bold;
  border-radius: 50px;
}

.bot-main__leave-btn span {
  font-size: 20px;
}

.bot-main__leave-btn:hover {
  background-color: #e72113;
}

@media (max-width: 769px) {
  .bot-main__sticky {
    top: 6.8rem;
  }
}

/**
  * 3.41 - Statistik för grundskolor
  *
**/

.bot-chart__canvas {
  opacity: 0;
}

.bot-chart__canvas.visible,
.sv-edit-mode canvas.bot-chart__canvas {
  opacity: 1 !important;
  transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
}

.bot-chart__canvas.resized {
  max-width: 100%;
  height: auto !important;
}

.sv-list-style-tillgangligt-pa-skola,
.sv-list-style-ej-tillgangligt-pa-skola {
  padding: 0;
  padding-left: 1rem;
}

.sv-list-style-tillgangligt-pa-skola li::before,
.sv-list-style-ej-tillgangligt-pa-skola li::before {
  background-size: 2rem;
  width: 2rem !important;
  height: 2rem !important;
  top: 0.2rem !important;
  background-color: unset !important;
  left: -2.7rem !important;
}

.sv-list-style-tillgangligt-pa-skola li::before {
  background-image: url("/images/18.7702da26187740917e12858b/1682061355351/check.svg");
}

.sv-list-style-ej-tillgangligt-pa-skola li::before {
  background-image: url("/images/18.7702da26187740917e12858c/1682061385737/x.svg");
}

/**
  * 4.0 - Sidfot
  *
**/
.bot-footer {
  position: relative;
}

/*
 * 4.1 Sidfot topp
 */

.bot-footer__top {
  background-color: #fafafa;
  color: #2f2f2f;
  padding-top: 3.8rem;
  padding-bottom: 6.5rem;
}

.bot-footer__top .bot-main__indented-main-content {
  margin: 0 auto;
}

.bot-footer__top h2 {
  color: #2f2f2f;
  font-size: 1.7rem;
  line-height: 2rem;
}

.bot-footer__top p {
  margin: 0.5rem 0 0 0;
}

.bot-footer__top ul {
  list-style-type: none;
  padding-left: 0;
  margin-top: 1.1rem;
  margin-bottom: 0;
}

@media (max-width: 769px) {
  .bot-footer__top .bot-footer__top__sections {
    padding-bottom: 2rem;
  }

  .bot-footer__top .bot-footer__top__sections:last-child {
    padding-bottom: 0;
  }
}

.bot-footer__top ul li .normal {
  margin-top: 0;
}

.bot-footer__top ul li {
  position: relative;
  display: table;
  margin-top: 1rem;
}

.bot-footer__top ul li:after {
  font-family: "icomoon";
  content: "\e90e";
  position: relative;
  font-size: 1.6rem;
  top: 0.2rem;
  margin-left: 0.3rem;
}

.bot-footer__top a.normal {
  text-decoration: none;
  display: inline-block;
  font-size: 1.5rem;
}

.bot-footer__top ul li a.normal:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
}

.footer.bot-footer .bot-footer__top a:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.bot-footer__top a.focused {
  outline: 1px solid #002c46;
}

.bot-footer__top p {
  font-size: 1.5rem;
}

.bot-footer__top p:after {
  font-family: "icomoon";
  content: "\e90e";
  position: relative;
  font-size: 1.6rem;
  top: 0.2rem;
  margin-left: 0.3rem;
}

.bot-footer__top .normal {
  margin-top: 0.9rem;
}

.bot-footer__top .normal a {
  color: #2f2f2f;
  border-bottom: none;
}

/*
 * 4.1 Sidfot botten
 */
.bot-footer__bottom {
  background-color: #60003a;
  color: #ffffff;
  padding-top: 3.8rem;
  padding-bottom: 3.8rem;
}

.bot-footer__bottom .bot-main__indented-main-content {
  margin: 0 auto;
}

.bot-footer__bottom h2 {
  font-size: 1.7rem;
  line-height: 2rem;
  color: #ffffff;
}

.bot-footer__bottom p {
  font-size: 1.5rem;
  margin: 0.5rem 0 0 0;
  color: #ffffff;
}

.bot-footer__bottom ul {
  list-style-type: none;
  padding-left: 0;
  margin-top: 0.9rem;
}

@media (max-width: 769px) {
  .bot-footer__bottom .bot-footer__bottom__sections {
    padding-bottom: 1.5rem;
  }

  .bot-footer__bottom .bot-footer__bottom__sections:last-child {
    padding-bottom: 0;
  }
}

.bot-footer__bottom ul li {
  position: relative;
  display: table;
  margin-bottom: 1rem;
}

.bot-footer__bottom ul li:after {
  font-family: "icomoon";
  content: "\e90e";
  position: relative;
  font-size: 1.6rem;
  top: 0.2rem;
  margin-left: 0.3rem;
}

.bot-footer__bottom .normal a {
  color: #ffffff;
  text-decoration: none;
  border-bottom: none;
  display: inline-block;
}

.bot-footer__bottom a.normal {
  color: #ffffff;
  text-decoration: none;
  display: initial;
  font-size: 1.5rem;
}

.bot-footer__bottom a:after {
  content: "" !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.bot-footer__bottom ul li a.normal:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
}

.bot-footer__bottom a.focused {
  outline-width: medium;
  outline: 1px solid #ffffff;
}

.bot-footer__bottom a:hover {
  text-decoration: underline;
}

.bot-footer__bottom svg {
  position: relative;
  display: inline-block;
  top: 0.2rem;
  font-size: 1.7rem;
  width: 1.6rem;
  margin-right: 1.2rem;
  text-align: center;
}

.bot-footer__bottom svg .st0 {
  fill: #2f2f2f;
}
.bot-footer__bottom svg .st1 {
  fill: #ffffff;
}
.bot-footer__bottom svg .st2 {
  fill: #a7daf0;
}
.bot-footer__bottom svg .st3 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #a7daf0;
}

.bot-footer__bottom p {
  font-size: 1.5rem;
}

.bot-footer__bottom p:after {
  font-family: "icomoon";
  content: "\e90e";
  position: relative;
  font-size: 1.6rem;
  top: 0.2rem;
  margin-left: 0.3rem;
}

.bot-footer__bottom .normal {
  margin-top: 0.9rem;
}

.bot-footer__bottom .normal a {
  color: #ffffff;
  border-bottom: none;
}

.bot-footer__bottom .icon {
  position: relative;
  display: inline-block;
  top: 0.2rem;
  font-size: 1.7rem;
  width: 1.6rem;
  margin-right: 1.2rem;
  text-align: center;
}

/**
  * 5.0 - Utils
  *
**/
html {
  font-size: 62.5%;
}

/* Ikoner för externa länkar */
a[href^="http://"]:not([href*="//www.botkyrka.se"]):not([href*="//botkyrka.se"]):not([href*="//www.Botkyrka.se"]):not([href*="//Botkyrka.se"]):after,
a[href^="https://"]:not([href*="//www.botkyrka.se"]):not([href*="//botkyrka.se"]):not([href*="//www.Botkyrka.se"]):not([href*="//Botkyrka.se"]):not([href*="//www-botkyrka-se.translate.goog"]):not([id="#svid12_66a36a071808e5250f7748e"]):after
{
  font-family: "icomoon";
  content: "\e95c";
  position: relative;
  font-size: 1.6rem;
  top: 0.1rem;
  margin-left: 0.3rem;
  margin-right: 0.3rem;
}
/* Förutom själva länken till Google translate på sidan "Översättning av webbplatsen" */
#svid12_66a36a071808e5250f7748e a:after {
  font-family: "icomoon";
  content: "\e95c";
  position: relative;
  font-size: 1.6rem;
  top: 0.1rem;
  margin-left: 0.3rem;
  margin-right: 0.3rem;
}

@media (min-width: 769px) {
  .bot-main__right-column {
    float: right !important;
    margin-top: 3.2rem;
  }
}

@media (max-width: 768px) {
  .bot-main__right-column {
    margin-top: 1rem;
  }
}
.bot-main__left-column {
  float: left !important;
  margin-left: 0 !important;
}

.bot-main__indented-main-content {
  max-width: 1172px;
  margin: 6rem auto;
  /*margin-top: 0;*/
  /*padding-top: 2rem;*/
}

.visuallyhidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.is-focusable.focused {
  background-color: #007cab;
  color: #ffffff;
  clip: auto;
  height: auto;
  overflow: visible;
  position: absolute;
  width: 19.8rem;
  text-decoration: none;
  left: 0;
  right: 0;
  margin: auto;
  padding: 0.8rem 1.2rem;
}

a.focused {
  outline: 2px solid #002c46;
}

select:focus {
  background: #ffd;
  color: black;
}

html .normal a,
html .sv-file-portlet .sv-file-portlet-file a {
  color: var(--morkbla, MediumBlue);
  text-decoration: none;
  border: none;
}
html .normal a:hover,
html .sv-file-portlet .sv-file-portlet-file a:hover {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
}
html .bot-main__cerise-btn .normal a {
  color: white;
  text-decoration: none;
  border: none;
}
html .bot-main__cerise-btn a:hover,
html .bot-main__cerise-btn .normal a:hover {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
}

.sv-portlet-image-caption {
  font-size: 1.5rem;
  line-height: 2.3rem;
  color: #525252;
}

.bot-hide {
  display: none !important;
}

/**
  * 6.0 - Knappar
  *
**/

.btn {
  display: inline-block;
  background-color: #007cab;
  color: #ffffff;
  text-decoration: none;
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding: 0.9rem 2.5rem;
}

.btn:hover {
  opacity: 0.8;
}

.btn.focused {
  background-color: #002c46;
}

.btn.events {
  background-color: #60003a;
}

.bot-btn {
  position: relative;
  display: inline-block;
  margin-right: 0.8rem;
  margin-bottom: 0.8rem;
}

.bot-btn p,
.bot-btn a {
  color: #ffffff;
  margin: 0;
  margin-bottom: 0 !important;
  border-radius: 0;
}

.bot-btn p {
  background-color: #007cab;
  color: #ffffff;
  text-decoration: none;
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding: 0.9rem 2.5rem;
}

.bot-btn a {
  text-decoration: none;
  border-bottom: none;
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: normal;
}

.bot-btn a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
}

.bot-btn:hover {
  opacity: 0.8;
}

.sv-font-standardknapp a {
  display: inline-block;
  background-color: var(--morkbla, MediumBlue);
  color: #fff;
  text-decoration: none;
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding: 0.9rem 2.5rem;
  border-radius: 0;
  margin: 1rem 0 0;
}

/**
  * 6.0.1 - Cerise-knapp
  *
**/

.bot-main__cerise-btn {
  position: relative;
  background-color: #db2982;
  text-align: center;
  padding: 0 1.2rem 0 1.6rem;
  display: inline-block;
  word-break: break-word;
  margin: 1rem 0;
}

.bot-main__cerise-btn a {
  font-weight: bold;
  font-size: 1.6rem;
  color: white;
  line-height: 2.4rem;
  text-decoration: none;
  font-family: "open sans", sans-serif;
  border-bottom: none;
}

.bot-main__cerise-btn p {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.bot-main__cerise-btn a:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.bot-main__cerise-btn a:after {
  font-family: "icomoon";
  content: "\e90e";
  position: relative;
  font-size: 1.6rem;
  top: 0.2rem;
  margin-left: 0.3rem;
}

.bot-main__cerise-btn:hover {
  background-color: var(--morkbla, MediumBlue);
}
/*
.bot-main__cerise-btn a:hover {
   color: #000000;
}


.bot-main__cerise-btn a:hover:after {
   content: "\e90e";
}
*/

/*
 * 6.1 Knappgrupp på horisontell linje
 */

.bot-btn__horizontal-group {
  display: inline-block;
  width: 100%;
}

.bot-btn__horizontal-group .bot-btn__horizontal-group--label {
  float: left;
}

.bot-btn__horizontal-group .bot-btn__horizontal-group--label p {
  font-size: 1.6rem;
  font-weight: 600;
  padding-left: 0;
}

.bot-btn__horizontal-group .bot-btn {
  float: left;
}

/*
 * 6.1.1 Knappgrupp på horisontell linje (specificerad för "hitta snabbt" på områdessidor)
 */

.bot-btn__horizontal-group--areapage {
  display: inline-block;
  width: 100%;
}

.bot-btn__horizontal-group--areapage
  .bot-btn__horizontal-group--areapage-label {
  float: left;
}

.bot-btn__horizontal-group--areapage
  .bot-btn__horizontal-group--areapage-label
  p {
  font-size: 1.6rem;
  font-weight: 600;
  padding-left: 0;
}

.bot-btn__horizontal-group--areapage .bot-btn {
  float: left;
}

.bot-btn__horizontal-group--areapage .bot-btn p {
  background-color: #ffffff;
  color: var(--morkbla, MediumBlue);
  text-decoration: none;
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding: 0.9rem 2.5rem;
  margin-top: 0;
  border: 1px solid var(--morkbla, MediumBlue);
}

.bot-btn__horizontal-group--areapage .bot-btn p a {
  color: var(--morkbla, MediumBlue);
}

.bot-btn__horizontal-group--areapage .bot-btn:hover p {
  background-color: var(--morkbla, MediumBlue);
  color: #ffffff;
  border: 1px solid var(--morkbla, MediumBlue);
}

.bot-btn__horizontal-group--areapage .bot-btn:hover p a {
  color: #ffffff;
}

/**
  * 7.0 - Cookiebar
  *
**/

.env-modal-dialog__content .env-modal-dialog__footer button {
  border-radius: 0;
  background-color: #007cab;
  color: white; /* Fostira lagt engligt FBK-70 */
  border-color: #007cab;
  padding: 1rem 2.5rem;
}

.env-modal-dialog__content .env-modal-dialog__footer button:hover {
  opacity: 0.8;
}

.env-modal-dialog__content .env-modal-dialog__footer button:focus {
  opacity: 0.8;
}

.env-modal-dialog__content .env-modal-dialog__footer a {
  color: var(--morkbla, MediumBlue);
  border-color: var(--morkbla, MediumBlue);
  border-radius: 0;
  padding: 1rem 2.5rem;
}

.env-modal-dialog__content .env-modal-dialog__footer a:hover {
  background-color: var(--morkbla, MediumBlue);
  color: white;
  opacity: 0.8;
}

.env-modal-dialog__content .env-modal-dialog__footer a:focus {
  background-color: var(--morkbla, MediumBlue);
  color: white;
  opacity: 0.8;
}

.env-modal-dialog__content .env-modal-dialog__body .env-link {
  color: var(--morkbla, MediumBlue);
}

.env-modal-dialog__content
  .env-modal-dialog__body
  .env-form
  .env-switch__slider {
  background-color: var(--morkbla, MediumBlue);
  border-color: var(--morkbla, MediumBlue);
}

/* .bot-cookiebar-wrapper {
   position: fixed;
   width: 100%;
   z-index: 9999999;
   bottom: 0;
   background-color: #fafafa;
   box-shadow: 0 0 5px #757575;
   transition: transform, box-shadow;
   transition-duration: 500ms;
   transition-timing-function: cubic-bezier(0,0,0,1), linear;
   transform: translateY(100%);
   -webkit-transform: translateY(100%);
}

.bot-cookiebar-wrapper.shown {
   transform: translateY(0);
   -webkit-transform: translateY(0);
}

.bot-cookiebar-wrapper .bot-cookiebar-wrapper__item {
   display: block;
   position: relative;
   z-index: 9999;
   width: 100%;
   padding: 5.5rem 0 7rem 0;
   overflow: hidden;
}

.bot-cookiebar-wrapper .bot-cookiebar-wrapper__item.is-hidden {
   display: none !important;
   visibility: hidden;
}

.bot-cookiebar-wrapper .bot-cookiebar-wrapper__item .bot-cookiebar-wrapper__item-content {
   display: table;
   width: 85rem;
   margin: 0 auto;
   text-align: center;
}

.bot-cookiebar-wrapper .bot-cookiebar-wrapper__item .bot-cookiebar-wrapper__item-content h1 {
   font-size: 2rem;
   color: #2f2f2f;
   line-height: 2.4rem;
   margin: 0;
}

.bot-cookiebar-wrapper .bot-cookiebar-wrapper__item .bot-cookiebar-wrapper__item-content p {
   font-size: 1.7rem;
   line-height: 2.4rem;
   margin-bottom: 3rem;
}

.bot-cookiebar-wrapper .bot-cookiebar-wrapper__item .bot-cookiebar-wrapper__item-content a {
   color: var(--morkbla, MediumBlue);
   text-decoration: none;
}

.bot-cookiebar-wrapper .bot-cookiebar-wrapper__item .bot-cookiebar-wrapper__item-content a:hover {
   text-decoration: underline;
}

.bot-cookiebar-wrapper .bot-cookiebar-wrapper__item .bot-cookiebar__item-close {
   position: absolute;
   top: 6.5rem;
   right: 0;
   background-color: transparent;
   color: #cccccc;
   border: none;
   font-size: 2.4rem;
   cursor: pointer;
}

.bot-cookiebar-wrapper .bot-cookiebar-wrapper__item .bot-cookiebar-wrapper__item-content .bot-cookiebar__item-btn {
   font-family: "open sans",sans-serif;
   color: #ffffff;
   font-size: 1.4rem;
   padding: 1.8rem 2.4rem 1.6rem 2.4rem;
   line-height: 1.4rem;
   border: none;
   cursor: pointer;
}

.bot-cookiebar-wrapper .bot-cookiebar-wrapper__item .bot-cookiebar-wrapper__item-content .bot-cookiebar__item-btn:hover {
   background-color: #005075;
   text-decoration: none;
}

@media (max-width: 1024px) {

   .bot-cookiebar-wrapper .bot-cookiebar-wrapper__item .bot-cookiebar-wrapper__item-content {
      width: 75rem;
   }
}

@media (max-width: 820px) {

   .bot-cookiebar-wrapper .bot-cookiebar-wrapper__item .bot-cookiebar-wrapper__item-content {
      width: 65rem;
   }
}

@media (max-width: 700px) {

   .bot-cookiebar-wrapper .bot-cookiebar-wrapper__item .bot-cookiebar-wrapper__item-content {
      width: 90%;
      text-align: center;
   }

   .bot-cookiebar-wrapper .bot-cookiebar-wrapper__item .bot-cookiebar-wrapper__item-content p {
      float: none;
      width: 100%;
      margin-bottom: 2rem;
   }

   .bot-cookiebar-wrapper .bot-cookiebar-wrapper__item .bot-cookiebar-wrapper__item-content .bot-cookiebar__item-btn {
      float: none;
      margin-left: 0;
   }
} */

/**
  * 8.0 Feedback (var informationen till din hjälp?)
  *
**/

.bot-main__feedback--yes-input,
.bot-main__feedback--no-input {
  display: none;
  border-top: 1px solid #007cab;
  margin: 3rem 0 2.5rem;
  padding-top: 1rem;
}

.bot-main__feedback--yes-input p,
.bot-main__feedback--no-input p {
  padding: 0;
}

.bot-main__feedback--yes-input .sv-form-textfield,
.bot-main__feedback--no-input .sv-form-textfield {
  width: 100%;
}

.bot-main__feedback--yes-input input[type="submit"],
.bot-main__feedback--no-input input[type="submit"] {
  font-size: 1.7rem;
  padding: 0.6rem 1.5rem;
  background-color: #007cab;
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 0;
}

.bot-main__feedback--yes-input input[type="submit"]:hover,
.bot-main__feedback--no-input input[type="submit"]:hover {
  background-color: #007cab;
  color: #ffffff;
  opacity: 0.8;
}

.bot-main__feedback {
  position: relative;
  display: inline-block;
  margin: 0;
  width: 100% !important;
  border-top: 1px solid #d9e2e7;
  padding-top: 2rem;
  margin-top: 2.3rem;
}

@media (max-width: 768px) {
  .bot-main__feedback {
    margin: 0 0 2.5rem;
  }
}

.bot-main__feedback p {
  font-weight: 700;
  margin-bottom: 0;
  padding: 0;
}

.bot-main__feedback p.feedback-thanks {
  font-style: italic;
  font-weight: normal;
}

.bot-main__feedback--yes-button,
.bot-main__feedback--no-button {
  cursor: pointer;
  background-color: #007cab;
  border: none;
  display: inline-block;
  color: #ffffff;
  margin-right: 0.4rem;
  text-decoration: none;
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding: 0.9rem 2.5rem;
  margin-top: 0.5rem;
}

.bot-main__feedback--yes-button:hover,
.bot-main__feedback--no-button:hover {
  opacity: 0.8;
}

.bot-main__feedback--yes-button:focus,
.bot-main__feedback--no-button:focus {
  background-color: #002c46;
}

.bot-main__feedback--form a {
  display: block;
  color: var(--morkbla, MediumBlue);
  text-decoration: none;
  font-size: 1em;
  font-weight: normal;
}

.bot-main__feedback--form-text {
  display: inline-block;
  float: left;
  margin-bottom: 2rem;
  margin-right: 2rem;
  position: relative;
}

.bot-main__feedback--form-text p {
  margin: 0;
}

/**
  * 9.0 Tabeller
  *
**/

table {
  /*table-layout: fixed;*/
}

table caption {
  font-size: 2.4rem;
  font-weight: bold;
}

table thead tr th p,
table tbody tr td p {
  word-wrap: break-word;
  word-break: break-word;
}

/*
 * 9.1 Tabell - standard
 */

table.sv-standard th,
table.sv-standard td {
  padding: 1.2rem;
}

table.sv-standard th:first-child,
table.sv-standard td:first-child {
  padding: 1.2rem 1.2rem 1.2rem 0;
}

table.sv-standard th:last-child,
table.sv-standard td:last-child {
  padding: 1.2rem 0 1.2rem 1.2rem;
}

table.sv-standard thead tr {
  border-bottom: 0.2rem solid #d9e2e7;
}

table.sv-standard tbody tr {
  border-bottom: 0.1rem solid #d9e2e7;
}

/*
 * 9.1.1 Tabell - standard - utan rubriker
 */

.c5291 {
  padding-right: 30px;
}

.sv-table-type-standard-utan-rubriker thead {
  display: none;
}

table.sv-table-type-standard-utan-rubriker th,
table.sv-table-type-standard-utan-rubriker td {
  padding: 1.2rem;
}

table.sv-table-type-standard-utan-rubriker th:first-child,
table.sv-table-type-standard-utan-rubriker td:first-child {
  padding: 1.2rem 1.2rem 1.2rem 0;
}

table.sv-table-type-standard-utan-rubriker th:last-child,
table.sv-table-type-standard-utan-rubriker td:last-child {
  padding: 1.2rem 0 1.2rem 1.2rem;
}

table.sv-table-type-standard-utan-rubriker thead tr {
  border-bottom: 0.2rem solid #d9e2e7;
}

table.sv-table-type-standard-utan-rubriker tbody tr {
  border-bottom: 0.1rem solid #d9e2e7;
}

/*
 * 9.2 Tabell - pyjamas
 */

table.sv-table-type-pyjamas thead.colored {
  background-color: #002c46;
}

table.sv-table-type-pyjamas thead.colored tr {
  border-bottom: none;
}

table.sv-table-type-pyjamas thead.colored tr p {
  color: #ffffff;
  word-break: normal;
  word-wrap: normal;
}

table.sv-table-type-pyjamas thead tr {
  border-bottom: 0.2rem solid #d9e2e7;
}

table.sv-table-type-pyjamas tbody tr {
  border-bottom: 0.1rem solid #d9e2e7;
}

table.sv-table-type-pyjamas th,
table.sv-table-type-pyjamas td {
  padding: 1.2rem;
}

table.sv-table-type-pyjamas tbody tr:nth-child(odd) {
  background-color: #fff;
}

table.sv-table-type-pyjamas tbody tr:nth-child(even) {
  background-color: #e6f2f7;
}

/*
 * 9.2.1 Tabell - pyjamas - utan rubriker
 */

.sv-table-type-pyjamas-utan-rubriker thead {
  display: none;
}

table.sv-table-type-pyjamas-utan-rubriker thead tr {
  border-bottom: 0.2rem solid #d9e2e7;
}

table.sv-table-type-pyjamas-utan-rubriker tbody tr {
  border-bottom: 0.1rem solid #d9e2e7;
}

table.sv-table-type-pyjamas-utan-rubriker th,
table.sv-table-type-pyjamas-utan-rubriker td {
  padding: 1.2rem;
}

table.sv-table-type-pyjamas-utan-rubriker tbody tr:nth-child(odd) {
  background-color: #fff;
}

table.sv-table-type-pyjamas-utan-rubriker tbody tr:nth-child(even) {
  background-color: #e6f2f7;
}

/*
 * 10.0 Varningsmeddelande
*/

.bot-warning-msg-startpage .bot-warning-msg-startpage--button {
  position: absolute;
  right: 0;
  top: 0;
  background-color: transparent;
  border: none;
  font-size: 2.5rem;
  cursor: pointer;
}

.bot-warning-msg-startpage .bot-main__indented-main-content {
  position: relative;
  max-width: 1172px;
  margin: 0 auto;
}

.bot-warning-msg-startpage .bot-main__indented-main-content ul {
  margin: 3.5rem 5rem 3.5rem auto;
}

.bot-warning-msg-startpage .bot-main__indented-main-content ul li {
  max-width: 87rem;
}

.bot-warning-msg-startpage .bot-warning-msg-startpage--red {
  background-color: #a7072d;
}

.bot-warning-msg-startpage .bot-warning-msg-startpage--yellow {
  background-color: #fffddf;
}

.bot-warning-msg-startpage .bot-warning-msg-startpage--red a,
.bot-warning-msg-startpage .bot-warning-msg-startpage--red span,
.bot-warning-msg-startpage .bot-warning-msg-startpage--red span:before,
.bot-warning-msg-startpage .bot-warning-msg-startpage--red h1 {
  color: #ffffff;
}

.bot-warning-msg-startpage .bot-warning-msg-startpage--yellow span,
.bot-warning-msg-startpage .bot-warning-msg-startpage--yellow span:before,
.bot-warning-msg-startpage .bot-warning-msg-startpage--yellow h1 {
  color: #000000;
}

.bot-warning-msg-startpage .bot-warning-msg-startpage--yellow a {
  color: var(--morkbla, MediumBlue);
}

.bot-warning-msg-startpage h1 {
  margin: 0;
  margin-bottom: 0.6rem;
  font-size: 2rem;
  line-height: 2.6rem;
}

.bot-warning-msg-startpage a {
  text-decoration: underline;
}

.bot-warning-msg-startpage .bot-warning-msg-startpage--red .normal,
.bot-warning-msg-startpage .bot-warning-msg-startpage--yellow .normal {
  font-size: 1.6rem;
  line-height: 2.4rem;
}

.bot-warning-msg-startpage .bot-warning-msg-startpage--red .normal.focused {
  outline-color: #ffffff;
}

.bot-warning-msg-startpage #warning-msg {
  margin: 1rem 4.6rem 0;
}

/*
 * 11.0 KommunKim (chat)
*/

/*Keyframes för att hantera css attribute vid varje tillfälle av animeringen. */

@keyframes hidingSpeach {
  0% {
    opacity: 0.5;
    transform: rotate(0deg);
    visibility: visible;
  }
  1% {
    opacity: 1;
    transform: rotate(9deg);
  }
  2% {
    opacity: 1;
    transform: rotate(0deg);
  }
  98% {
    opacity: 1;
    transform: rotate(0deg);
  }
  99% {
    opacity: 0.5;
    transform: rotate(9deg);
  }
  100% {
    opacity: 0;
    transform: rotate(0deg);
    visibility: hidden;
  }
}
/*@keyframes kimWiggle{*/
/*    0%   {transform: rotate(0deg);}*/
/*    25%  {transform: rotate(10deg);}*/
/*    50%  {transform: rotate(-10deg);}*/
/*    75%  {transform: rotate(5deg);}*/
/*    100% {transform: rotate(0deg);}*/
/*}*/
.chatorama {
  position: fixed;
  z-index: 10000;
  height: 80px;
  width: 80px;
  right: 10px;
  bottom: 10px;
  display: block;
  font-size: 0.9em;
}
.bai-open-chat-btn {
  display: block;
  background-image: url("/images/18.502ccd6c17941cd41629be/1620368673377/kommun_kim_ikon.svg");
  background-color: #fff;
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  border-radius: 50%;
  border-width: 3px;
  border-style: solid;
  border-color: #fff;
  color: #017eb1;
  width: 80px;
  height: 80px;
  /*animation: kimWiggle 500ms;*/
  /*animation-delay: 2.3s;*/
  /*animation-timing-function: linear;*/
  transition-duration: 500ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.63, -0.29, 0.74, 0.05);
}
.kim-hiding {
  transform: translate3d(45px, 10px, 0) rotate(-20deg) scale(0.8);
}
.kim-bai-chat__speech-bubble {
  visibility: hidden;
  display: block;
  opacity: 1;
  z-index: 100;
  position: absolute;
  top: 8px;
  left: -145px;
  background: #017eb1;
  border: 2px solid #017eb1;
  border-radius: 6px;
  color: #fff;
  font-family: Arial;
  width: auto;
  padding: 5px;
  transform-origin: 100% 50%;
}

.hidingSpeach_animation {
  animation: hidingSpeach 12s;
  animation-delay: 4s;
  animation-timing-function: ease-in-out;
}

.kim-bai-chat__speech-bubble:after {
  z-index: -1;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 28%;
  left: 90%;
  transform: rotate(-135deg);
  border-right: 20px solid transparent;
  border-bottom: 20px solid #017eb1;
}
.kim-bai-chat__speech-bubble p.normal {
  font-size: 16px;
  margin: 0;
  color: #fff;
}
.kim-bai-chat__speech-bubble p.normal:first-child {
  line-height: 16px;
}

/*Styling för kryssknappen som skjuter Kim åt sidan utan att öppna chatten*/
.xButton {
  background-image: url("/images/18.502ccd6c17941cd41629bf/1620368678186/kommun_kim_kryssknapp.png");
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  cursor: pointer;
  height: 23px;
  width: 23px;
  z-index: 90;

  /*position - ändra dessa värden för att bestämma var kryssknappen ska visas i förhållande till kommun-kim ikonen*/
  right: 15px;
  bottom: 100px;
  /*position*/

  box-shadow: 0 0 2px #ccc;
  border-radius: 100%;
  border-width: 2px;
  border-style: solid;
  border-color: #fff;
  /*padding: 4px; */
}
.xButton:hover {
  box-shadow: 0 0 3px #f2fbff;
  border-color: #fff;
}
.kim_form_style {
  display: block;
  z-index: 90;
}
.kim_formInput_style {
  display: block;
  height: 30px;
  width: 200px;
  box-shadow: 0 0 2px #ccc;
  border-width: 2px;
  border-style: solid;
  border-color: #fff;
}
.kim_formSubmit_style {
  display: block;
  box-shadow: 0 0 2px #ccc;
  border-width: 2px;
  border-style: solid;
  border-color: #fff;
  padding: 10px;
}

/*Tabletview*/
@media only screen and (max-width: 840px) {
  .bai-open-chat-btn {
    width: 80px;
    height: 80px;
    /*right: 20px;*/
    /*bottom: 20px;*/
  }
  .kim-bai-chat__speech-bubble {
    top: 0px;
    left: -145px;
  }
  .xButton {
    display: none;
  }
  .kim-hiding {
    transform: translate3d(30px, 10px, 0) rotate(-20deg) scale(1);
  }
}

/*Mobileview*/
@media only screen and (max-width: 480px) {
  .bai-open-chat-btn {
    width: 65px;
    height: 65px;
    /*right: 20px;*/
    /*bottom: 20px;*/
  }
  .kim-bai-chat__speech-bubble {
    top: 0px;
    left: -145px;
  }
  .xButton {
    display: none;
  }
  .kim-hiding {
    transform: translate3d(30px, 10px, 0) rotate(-20deg) scale(1);
  }
}

/*************************/

blockquote.sv-blockquote-edit:lang(sv):before,
blockquote.sv-blockquote:lang(sv):before {
  background: #600c3a !important;
  /*background-image:url('/images/18.611879ac17f0d70a52c32ba/1645794028511/quote.gif')!important;
	background-size: 15px 15px!important;*/
  width: 4px !important;
  height: 96% !important;
  top: 0.53rem !important;
  left: 1.7rem !important;
}
.sv-blockquote > p {
  font-size: 130% !important;
}

/*
 * 13 - Listning E-tjänster A-Ö
*/

.bot-main__eservices-wrapper {
  border: 1px solid #305d8c;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.bot-main__eservices-sorting--wrapper {
  background-color: #002c46;
  padding: 2.2rem !important;
}

.bot-main__eservices-wrapper ol {
  margin: 0 !important;
}

.bot-main__eservices--searchform {
  display: none;
}

.bot-main__eservices--li {
  display: flex;
  background-color: white;
  border-radius: unset !important;
}

.bot-main-linkAndCategoryWrapper {
  display: flex;
  width: 88%;
}

.eservices-link {
  width: 48%;
  text-decoration: none;
  color: #305d8c;
  display: flex;
  align-items: center;
}

.eservices-link::after {
  display: none;
}

.bot-main__eservices--category {
  width: 40%;
  padding: 0 3rem;
  display: flex;
  align-items: center;
  color: #737373;
}

.eservices-button {
  width: 13%;
  height: 4.4rem;
  min-width: 17rem;
  background-color: #007cab;
  margin-right: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  text-decoration: none;
}

.eservices-button::after {
  font-size: 1.3rem !important;
  top: 0 !important;
}

.bot-main__eservices-wrapper li:nth-child(odd) {
  background-color: #e6f2f7 !important;
}

.bot-main__eservices-firstLetter {
  width: 45px;
  height: 40px;
  margin-right: 0.7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  font-weight: bold;
  color: #007cab;
  padding-top: 0.1568rem;
}

.bot-main____eservices-sorting-select {
  width: 300px;
  max-width: 100%;
  background-color: white;
  border-radius: 0;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;
  margin-right: 4rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, #333333 50%),
    linear-gradient(135deg, black 50%, transparent 50%);
  background-position: calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px), 100% 0;
  background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
  background-repeat: no-repeat;
}

.bot-main____eservices-sorting-select:focus {
  width: 300px;
  max-width: 100%;
  background-color: white;
  border-radius: 0;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;
  margin-right: 4rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, #333333 50%),
    linear-gradient(135deg, black 50%, transparent 50%);
  background-position: calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px), 100% 0;
  background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
  background-repeat: no-repeat;
}

.bot-main__eservices-sorting--wrapper p {
  color: white;
}

@media only screen and (max-width: 930px) {
  .bot-main-linkAndCategoryWrapper {
    display: flex;
    width: 88%;
    flex-direction: column;
    justify-content: center;
  }

  .eservices-link {
    width: 80%;
  }

  .bot-main__eservices--category {
    margin-top: 0.4rem;
    padding: 0 3rem 0 0;
    width: 80%;
  }

  .bot-main__eservices-firstLetter {
    align-items: flex-start;
  }
}

@media (max-width: 768px) {
  .bot-main__eservices--li {
    flex-wrap: wrap;
  }
  .bot-main-linkAndCategoryWrapper {
    width: 80%;
  }
  .eservices-button {
    margin-left: 5rem;
    margin-top: 1rem;
  }
}

/*
 * 12 - Skolmallar Fakataruta med knapp
*/

.bot-main__infobox {
  text-align: center;
  padding: 2rem 6rem 2.8rem 6rem;
  margin: 4rem 0;
}
.bot-main__infobox .bot-btn p {
  padding: 0.9rem 5.5rem;
}

.bot-main__infobox-lightblue {
  background-color: #e6f2f7;
}

.bot-main__infobox-pink {
  background-color: #f4e8ef;
}

.bot-main__infobox-lime {
  background-color: #e3ff94;
}

.bot-main__infobox-gul {
  background-color: #fffddf;
}

@media (max-width: 768px) {
  .bot-main__infobox {
    text-align: center;
    padding: 2rem 2rem 2.8rem 2rem;
    margin: 4rem 0;
  }
}

/*
 * 13 - Global punktlista
*/

.sv-text-portlet-content ul {
  font-size: 1.6rem;
  list-style: none;
}

.sv-text-portlet-content ul li {
  position: relative;
  margin-bottom: 1rem;
}

.sv-text-portlet-content ul li::before {
  position: absolute;
  top: 0.8rem;
  left: -1.5rem;
  content: "";
  background-color: black;
  border-radius: 50%;
  height: 0.7rem;
  width: 0.7rem;
}

/**
  * 14 - Skolmallar Bild och text div jämte varandra(Chess-container)
  *
**/

.bot-main__chess-container {
  /*background-color:#f4e8ef;*/
  height: auto;
  margin: 4rem 0;
  max-height: 36rem;
  display: flex;
  align-items: center;
}

.bot-main__chess-container--text {
  width: 50%;
  text-align: center !important;
}

.bot-main__chess-container--text h2 {
  margin: 0 0 1rem 0 !important;
}

.bot-main__chess-container--text p {
  padding: 0 3rem;
  font-family: "Open Sans";
  font-weight: 300;
}

.bot-main__chess-container--text a {
  border-bottom: 1px solid #007cac;
  text-decoration: none;
}

.bot-main__chess-container--image {
  width: 50%;
  overflow: hidden !important;
}

.bot-main__chess-container--image img {
  margin-top: 0;
  max-height: 36rem !important;
  min-height: 36rem;
  overflow: hidden;
  object-fit: cover;
  max-width: unset;
}

@media (max-width: 1024px) {
  .bot-main__chess-container--text p {
    padding: 0.5rem 1.5rem !important;
  }
}

@media (max-width: 768px) {
  .bot-main__chess-image-right {
    flex-direction: column-reverse;
  }
  .bot-main__chess-container--image {
    width: 100%;
    max-height: 20rem;
  }
  .bot-main__chess-container--text {
    width: unset;
    padding: 2rem 2rem 2rem 2rem !important;
  }
  .bot-main__chess-container--text p {
    padding: 0 !important;
  }
  .bot-main__chess-image-left {
    flex-direction: column;
  }
  .bot-main__chess-container {
    max-height: unset;
  }
}

/*
 * 15 - Sorterings- och filtreringsbar lista
*/

#sortableTable colgroup .col-1 {
  width: 15%;
}

#sortableTable colgroup .col-2 {
  width: 20%;
}

#sortableTable colgroup .col-3 {
  width: 65%;
}

#listing_filterable_and_sortable #filterInput {
  width: 650px;
  height: 60px;
  border: 2px solid #d9e2e7;
  padding: 0 20px;
  margin: 50px 0 30px;
  font-size: 20px;
  color: #4a4a4a;
  border-radius: 0;
  outline: none;
  transition: all 0.3s;
}

#listing_filterable_and_sortable #filterInput::placeholder {
  color: #8a96a2;
}

#listing_filterable_and_sortable #filterInput:focus {
  border: 2px solid #002c46;
  background-color: #e6f2f7;
}

#listing_filterable_and_sortable #magnifyingglass {
  height: 64px;
  margin-left: -15px;
  vertical-align: middle;
  margin-top: -7px;
  cursor: pointer;
}

#listing_filterable_and_sortable #sortableTable {
  width: 100%;
  margin-bottom: 50px;
  background-color: #d9e2e7;
}

#listing_filterable_and_sortable #sortableTable th,
#listing_filterable_and_sortable #sortableTable td {
  font-size: 20px;
  font-weight: 400;
  position: relative;
  text-align: left;
}

#listing_filterable_and_sortable #sortableTable td {
  padding: 5px 20px;
}

#listing_filterable_and_sortable #sortableTable tr:nth-child(odd) {
  background-color: #fff;
}

#listing_filterable_and_sortable #sortableTable tr:nth-child(even) {
  background-color: #e6f2f7;
}

#listing_filterable_and_sortable #sortableTable th {
  background-color: #002c46;
  color: #fff;
  padding: 5px 40px 5px 20px;
  white-space: nowrap;
  cursor: pointer;
}

#listing_filterable_and_sortable #sortableTable th::after {
  content: " ▶";
  font-size: 14px;
  color: #fff;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}

#listing_filterable_and_sortable #sortableTable th.ascending::after {
  transform: translateY(-50%) rotate(90deg);
}

#listing_filterable_and_sortable #sortableTable th.descending::after {
  transform: translateY(-50%) rotate(-90deg);
}

#listing_filterable_and_sortable #sortableTable a {
  color: var(--morkbla, MediumBlue);
  cursor: pointer;
  text-decoration: none;
}

#listing_filterable_and_sortable #sortableTable a:hover {
  text-decoration: underline;
}

#listing_filterable_and_sortable #sortableTable .heading1Label,
#listing_filterable_and_sortable #sortableTable .heading2Label,
#listing_filterable_and_sortable #sortableTable .heading3Label {
  display: none;
}

#listing_filterable_and_sortable li.sv-channel-item {
  display: none;
}

@media (max-width: 767px) {
  #sortableTable colgroup .col-1,
  #sortableTable colgroup .col-2,
  #sortableTable colgroup .col-3 {
    width: auto;
  }

  #listing_filterable_and_sortable #sortableTable thead {
    display: none;
  }

  #listing_filterable_and_sortable #sortableTable {
    background-color: #fff;
  }

  #listing_filterable_and_sortable #sortableTable tr {
    outline: 1px solid #d9e2e7;
    background-color: #fafafa;
    display: block;
    padding: 11px 20px 0;
    margin-bottom: 15px;
  }

  #listing_filterable_and_sortable #sortableTable td {
    display: flex;
    font-size: 16px;
    padding: 1px 0;
  }

  #listing_filterable_and_sortable #sortableTable td:last-child {
    flex-direction: column;
  }

  #listing_filterable_and_sortable #sortableTable td span[class^="heading"] {
    font-weight: 700;
    margin-right: 8px;
  }

  #listing_filterable_and_sortable #sortableTable td span.secondRowToTheLeft,
  #listing_filterable_and_sortable #sortableTable td span.secondRowToTheLeft3 {
    text-indent: 144px;
    position: relative;
    top: -22px;
    font-weight: 400;
  }

  #listing_filterable_and_sortable #sortableTable .heading1Label,
  #listing_filterable_and_sortable #sortableTable .heading2Label,
  #listing_filterable_and_sortable #sortableTable .heading3Label {
    display: block;
    white-space: nowrap;
  }

  /* För att positionera förstoringsglaset och sökrutan */
  #listing_filterable_and_sortable {
    position: relative;
  }

  #listing_filterable_and_sortable #filterInput {
    width: 100%;
    padding-right: 40px;
    box-sizing: border-box;
  }

  #listing_filterable_and_sortable #magnifyingglass {
    position: absolute;
    margin: 0;
    right: 0;
    top: 50px;
    height: 60px;
    cursor: pointer;
  }
}

/**************************/
/*
.mm-slideout{
   background: white !important;
}
*/

/***************************/
/*
.bot-main__right-column{
   position: sticky;
    top: 17.5rem;
}
*/

/***** REACHDECK START *****/

/*
GAMMAL KOD FÖR ATT GÖMMA IKONEN
#__ba_panel{
	visibility: hidden;
}
*/

#__ba_panel {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  visibility: hidden;
}

/***** REACHDECK END *****/