@charset "UTF-8";
/******** BASE ********/
/****** VARIABLES ******/
/******* BREAKPOINTS *******/
/******* FONTS *******/
/******* mmenujs *******/
@use 'sass:math';
/****** VARIABLES ******/
/******* BREAKPOINTS *******/
/******* FONTS *******/
/******* mmenujs *******/
/* HIDE ELEMENT HELP CLASSES */
@media (max-width: 768px) {
  .hidden-mobile {
    display: none !important; } }

@media (min-width: 769px) {
  .hidden-desktop {
    display: none !important; } }

@media (max-width: 767px) {
  .hidden-below-mobile {
    display: none; } }

@media (min-width: 768px) {
  .hidden-above-desktop {
    display: none; } }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.standard-colors {
  background-color: #e8f1f4;
  color: #36aed8; }

.usability--tab-focus {
  box-shadow: 0 0 0 0.4rem #e7f1f3;
  outline: 0.2rem solid white; }
  .usability--tab-focus:focus {
    outline: 0.2rem solid white; }
  .usability--tab-focus:active, .usability--tab-focus:hover {
    box-shadow: none;
    outline: none; }

.usability--visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 0.1rem;
  margin: -0.1rem;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 0.1rem; }
  .usability--visuallyhidden.usability--focusable:active, .usability--visuallyhidden.usability--focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }

a:focus,
button:focus {
  outline: 2px solid black; }

a {
  text-decoration: none !important; }

a:hover {
  text-decoration: underline !important; }

/* OBS! Om dessa färger ändras så måste även färgerna i ../../ClientResources/Styles/ColorPickerEditor.css ändras */
.pushed-content-colors-1 {
  background-color: #e84940;
  color: #fff; }

/* OBS! Om dessa färger ändras så måste även färgerna i ../../ClientResources/Styles/ColorPickerEditor.css ändras */
.pushed-content-colors-2 {
  background-color: #eb701a;
  color: #fff; }

/* OBS! Om dessa färger ändras så måste även färgerna i ../../ClientResources/Styles/ColorPickerEditor.css ändras */
.pushed-content-colors-3 {
  background-color: #d1d546;
  color: #fff; }

/* OBS! Om dessa färger ändras så måste även färgerna i ../../ClientResources/Styles/ColorPickerEditor.css ändras */
.pushed-content-colors-4 {
  background-color: #66b234;
  color: #fff; }

/* OBS! Om dessa färger ändras så måste även färgerna i ../../ClientResources/Styles/ColorPickerEditor.css ändras */
.pushed-content-colors-5 {
  background-color: #4fb9ae;
  color: #fff; }

/* OBS! Om dessa färger ändras så måste även färgerna i ../../ClientResources/Styles/ColorPickerEditor.css ändras */
.pushed-content-colors-6 {
  background-color: #a265a4;
  color: #fff; }

/* OBS! Om dessa färger ändras så måste även färgerna i ../../ClientResources/Styles/ColorPickerEditor.css ändras */
.pushed-content-colors-7 {
  background-color: #e6649f;
  color: #fff; }

/******** FONTS ********/
/* pacifico-regular - latin */
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: url("/Static/fonts/pacifico/pacifico-v7-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Pacifico Regular"), local("Pacifico-Regular"), url("/Static/fonts/pacifico/pacifico-v7-latin-regular.woff2") format("woff2"), url("/Static/fonts/pacifico/pacifico-v7-latin-regular.woff") format("woff"), url("/Static/fonts/pacifico/pacifico-v7-latin-regular.ttf") format("truetype"), url("/Static/fonts/pacifico/pacifico-v7-latin-regular.svg#Pacifico") format("svg"), url("/Static/fonts/pacifico/pacifico-v7-latin-regular.eot") format("embedded-opentype");
  /*IE6-IE8*/ }

/******** COMPONENTS ********/
.mainArchiveWrapper {
  width: 100%;
  /*text-align: center;*/
  clear: both;
  margin-bottom: 0.938rem; }
  .mainArchiveWrapper a {
    color: #004C85;
    text-decoration: underline !important; }
  .mainArchiveWrapper.mainArchiveWrapper--normal-font-weight {
    font-weight: 400; }

/*blockareas.scss*/
.mainSupportArea,
.primaryContent .primaryContentArea {
  max-width: 800px;
  margin: 0 auto; }

.secondaryContentArea,
.pushedContentAreaWrapper,
.eventsAreaWrapper,
.footerContentWrapper {
  max-width: 1200px;
  margin: 0 auto; }

.footerWrapper {
  border-top: 1px solid #e4e4e4;
  margin-top: 10rem;
  position: relative; }

.footerContentWrapper h3 {
  font-size: 25px;
  line-height: 32px; }

.optionalContentBlockWrapper a {
  font-weight: 600; }
  .optionalContentBlockWrapper a:hover {
    text-decoration: underline; }
  .optionalContentBlockWrapper a:focus {
    border: 2px solid black !important; }

.col-12 .navigationblockWrapper,
.col-8 .navigationblockWrapper,
.row .pushedContentAreaWrapper .navigationblockWrapper {
  border-top: 0;
  padding-top: 0;
  margin-top: 1rem;
  margin-bottom: 1.2rem; }

.pushedContentAreaWrapper.row {
  margin: 0 -15px; }

.pushedContentAreaWrapper.minified > div.wide:nth-child(odd) {
  clear: left; }

.pushedContentAreaWrapper > .h2,
.eventsAreaWrapper > .h2 {
  text-align: center;
  padding: 0 15px;
  margin-bottom: 20px;
  margin-top: 30px; }

.primaryContent {
  position: relative;
  margin-top: 30px;
  background: #e8f1f4;
  overflow: hidden; }

.primaryContent > div:last-child {
  margin-bottom: 30px; }

.blockWrapper {
  margin-bottom: 30px;
  padding: 0 15px;
  width: 100%;
  float: left; }
  .blockWrapper a:focus {
    border: none; }
    .blockWrapper a:focus .pushedEventBlock {
      border: 2px solid black; }

.mainSupportArea .blockWrapper {
  padding: 0; }

.blockWrapperfullWidth {
  margin: 0 0 40px;
  padding: 0px;
  width: 100%;
  clear: both; }

.blockWrapperfullWidth .blockWrapper {
  clear: none; }

@media screen and (min-width: 768px) {
  .pushed-content .blockWrapper,
  .secondaryContentArea .blockWrapper,
  .pushedContentAreaWrapper .blockWrapper,
  .eventsAreaWrapper .blockWrapper,
  .footerContentWrapper .blockWrapper {
    width: 33.33%; }
  .pushedContentAreaWrapper .blockWrapper.wide {
    width: 50%; } }

.newsGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 30px;
  column-gap: 5px;
  margin-top: 3.75rem;
  padding-bottom: 2rem; }
  @media (max-width: 1200px) {
    .newsGrid {
      grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 767px) {
    .newsGrid {
      grid-template-columns: repeat(1, 1fr); } }
  .newsGrid .newsPlacement {
    background: #fcfcfc;
    border: 1px dashed #ddd;
    padding: 0 20px;
    margin: 0 15px; }
    .newsGrid .newsPlacement.right {
      grid-area: 1 / 3 / 3 / 4;
      margin: 0 15px; }
    .newsGrid .newsPlacement.left {
      grid-area: 1 / 2 / 3 / 1;
      margin: 0 15px; }
    .newsGrid .newsPlacement.right-2-newsitems {
      grid-area: 1 / 3 / 2 / 4;
      margin: 0 15px; }
    .newsGrid .newsPlacement.left-2-newsitems {
      grid-area: 1 / 1 / 2 / 2;
      margin: 0 15px; }
    .newsGrid .newsPlacement > .blockGroupWrapper.eventList.clearfix {
      display: none; }
    .newsGrid .newsPlacement .blockGroupWrapper {
      margin: 0; }
    .newsGrid .newsPlacement .mainArchiveWrapper a {
      padding: 0; }
  .newsGrid .blockWrapper {
    margin-bottom: 0; }
  @media screen and (min-width: 768px) {
    .newsGrid .blockWrapper {
      width: 100%; } }

.margin-left-force {
  margin-left: -30px; }

.align-breadcrumb {
  margin-left: 15px; }

.collection-topWrapper {
  display: flex;
  flex-direction: column;
  max-width: 1200px;
  margin: 0 auto; }
  .collection-topWrapper .collection-breadcrumb {
    top: 0;
    background-color: white;
    position: relative;
    width: 100%;
    z-index: 1; }
  .collection-topWrapper .collection-title {
    display: flex;
    position: relative;
    z-index: 8888; }
    .collection-topWrapper .collection-title > a {
      text-align: left;
      padding-bottom: 6px;
      font-size: 36px;
      text-decoration: none;
      margin-left: 13px; }
    .collection-topWrapper .collection-title > a:hover {
      text-decoration: underline; }
    @media (max-width: 768px) {
      .collection-topWrapper .collection-title {
        padding-left: 0;
        position: relative;
        display: block;
        z-index: 1;
        margin-top: 1rem; }
        .collection-topWrapper .collection-title > a {
          padding-top: 16px !important;
          padding-bottom: 16px; } }

/****** VARIABLES ******/
/******* BREAKPOINTS *******/
/******* FONTS *******/
/******* mmenujs *******/
.breadcrumb {
  padding-top: 10px;
  overflow: hidden;
  background-color: #fff; }
  .breadcrumb * {
    font-size: 15px; }

.breadcrumb .breacrumb-container {
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px; }

.breadcrumb span,
.breadcrumb ul {
  display: inline-block; }

.breadcrumb ul li {
  display: inline-block;
  list-style: none; }

.breadcrumb .breadcrumbs-title {
  display: inline-block;
  font-family: "HelveticaNeueW01-55Roma", Arial, Helvetica, sans-serif; }

.breadcrumb a {
  color: #004C85;
  font-family: "HelveticaNeueW01-55Roma", Arial, Helvetica, sans-serif;
  text-decoration: underline; }

.breadcrumb a:last-child {
  color: #4e4e4e; }

.breadcrumb a:hover {
  text-decoration: underline; }

.breadcrumb .divider {
  overflow: visible;
  display: inline-block;
  height: 20px;
  /*padding: 0 11px;*/
  /*color:#006ebf;*/ }

/*.breadcrumb .divider:before {
    font-family: 'Norrtalje-ikoner';
    content: '\e603';
    font-size: 30px;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block;
    height: 25px;
}*/
@media (min-width: 768px) {
  .breadcrumb {
    /*padding: 21px 10px;*/ } }

.responsibleArea {
  margin-top: 30px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px;
  overflow: hidden; }

.responsibleArea a {
  color: #006ebf; }

.cookieInfo {
  position: relative;
  padding-top: 17px;
  padding-bottom: 45px;
  background: #e8f1f4;
  overflow: hidden;
  display: none; }
  .cookieInfo.cookieInfoButtonArea {
    padding: 5px 0 10px;
    text-align: center; }
  .cookieInfo a {
    text-decoration: underline; }

.cookie-button {
  background-color: #006ebf;
  color: #fff;
  border-radius: 2px 2px 0 0;
  padding: 10px 30px 10px 30px;
  cursor: pointer;
  border: none;
  font-size: 16px; }
  .cookie-button:focus {
    border: 2px solid black; }

.layoutWrapperPadded {
  margin-left: auto;
  margin-right: auto; }

.cookieInfo > .layoutWrapperPadded {
  max-width: 900px; }

@media (min-width: 901px) {
  .cookieInfo {
    height: 60px; }
    .cookieInfo .textContent {
      float: left; } }

@media (max-width: 900px) {
  .cookieInfo {
    min-height: 120px;
    padding-bottom: 20px;
    text-align: center; }
    .cookieInfo .cookieInfoButtonArea {
      margin-top: 20px;
      margin-left: auto;
      margin-right: auto; } }

#CompareBag {
  /*height: 70px;*/ }

#CompareBag .fixedContainer {
  position: fixed;
  left: 0;
  right: 0;
  top: 100%;
  max-height: 100%; }

#CompareBag .container {
  max-width: 570px;
  margin: 0 auto; }

#CompareBag .headingWrapper,
#CompareBag .contentWrapper {
  background: #f8ea55;
  visibility: hidden; }

#CompareBag .container.active .headingWrapper,
#CompareBag .container.expanded .contentWrapper {
  visibility: visible; }

/*Fix for ios 7 and 8 (where clicking at the very bottom brings up toolbar */
#CompareBag .container.active.elevatedClickArea .headingWrapper {
  position: relative;
  bottom: 20px; }

#CompareBag .container.active.expanded.elevatedClickArea .headingWrapper {
  position: relative;
  bottom: 0; }

#CompareBag .heading {
  display: inline-block;
  width: 100%;
  padding: 12px 30px 19px 15px;
  text-align: center;
  color: #005A9C;
  line-height: 32px;
  cursor: pointer; }

#CompareBag .heading:after {
  font-family: 'Norrtalje-ikoner';
  content: '\e603';
  font-size: 32px;
  display: inline-block;
  position: relative;
  top: 6px;
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

#CompareBag .heading:hover {
  background: #005A9C;
  color: #fff; }

#CompareBag .selectWrapper {
  width: 100%;
  padding: 15px 15px; }

#CompareBag #CompareBagTypeSelectLabel {
  position: absolute;
  left: -10000px; }

#CompareBag .typeSelect {
  width: 100%;
  padding: 20px;
  border: none;
  font-family: "HelveticaNeueW01-45Ligh";
  font-size: 18px;
  line-height: 30px; }

#CompareBag .unitList {
  width: 100%;
  padding: 15px 15px;
  list-style: none; }

#CompareBag .unitList li {
  padding: 10px 0; }

#CompareBag .unitList a {
  color: #005A9C;
  line-height: 30px; }

#CompareBag .unitList .removeUnit {
  color: #005A9C;
  height: 30px;
  width: 30px;
  border: none;
  font-family: 'FontAwesome';
  background: transparent;
  float: right;
  line-height: 30px;
  font-size: 25px; }

#CompareBag .unitList .removeUnit:hover {
  background: #005A9C;
  color: #fff;
  border-radius: 2px; }

#CompareBag .buttonWrapper {
  width: 100%;
  padding: 0 15px 30px;
  text-align: center; }

#CompareBag .compareLink {
  font-size: 30px;
  line-height: 36px;
  background: #005A9C;
  color: #fff;
  display: inline-block;
  position: relative;
  margin: 30px auto 10px;
  padding: 17px 30px;
  min-width: 270px; }

#CompareBag .compareLink:after {
  content: "";
  position: absolute;
  bottom: -10px;
  background: url("/Static/images/gfx/skuggan.png");
  left: 15px;
  right: 15px;
  height: 10px;
  background-size: 100% 100%; }

#CompareBag .clearButton {
  color: #005A9C;
  background: transparent;
  padding: 5px 15px 5px 40px;
  border: none;
  font-family: "HelveticaNeueW01-45Ligh";
  font-size: 18px;
  line-height: 30px;
  position: relative; }

#CompareBag .clearButton:before {
  content: '\f00d';
  font-family: 'FontAwesome';
  line-height: 30px;
  font-size: 25px;
  position: absolute;
  left: 10px; }

#CompareBag .clearButton:hover {
  background: #005A9C;
  color: #fff;
  border-radius: 2px; }

/* Special case media query to adjust padding in more than one step */
@media screen and (min-width: 380px) {
  #CompareBag .selectWrapper,
  #CompareBag .unitList,
  #CompareBag .buttonWrapper {
    padding-right: 30px;
    padding-left: 30px; } }

@media screen and (min-width: 768px) {
  #CompareBag .heading {
    padding-right: 60px;
    padding-left: 45px; }
  #CompareBag .selectWrapper,
  #CompareBag .unitList,
  #CompareBag .buttonWrapper {
    padding-right: 45px;
    padding-left: 45px; } }

.compareMe {
  text-align: center; }

.compareMe label {
  font-family: 'HelveticaNeueW01-55Roma';
  color: #005A9C;
  background: #f8ea55;
  display: inline-block;
  position: relative;
  margin: 30px 15px 0;
  padding: 21px 30px;
  cursor: pointer; }
  .compareMe label input[type=checkbox]:focus {
    outline: 2px solid black; }

.compareMe label:after {
  content: "";
  position: absolute;
  bottom: -10px;
  background: url("/Static/images/gfx/skuggan.png");
  left: 15px;
  right: 15px;
  height: 10px;
  background-size: 100% 100%; }

.contactBlocksArea + .primaryContentArea {
  margin-top: 30px; }

.main-column .contactBlocksArea {
  margin-bottom: 30px;
  padding-bottom: 30px;
  /*background:#e8f1f4;*/ }

.right-column .contactBlocksArea {
  margin-bottom: 20px; }

.infoPage-contacts .contactBlock {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 0 1rem; }

.contactBlock {
  max-width: 1600px;
  margin: 0 auto;
  overflow: hidden; }
  .contactBlock.facility .facility-contact {
    background-color: #fff;
    color: #000;
    padding: 20px 15px;
    display: block;
    line-height: 25px;
    font-family: HelveticaNeueW01-45Ligh;
    position: relative;
    font-size: 1.25em; }
  .contactBlock.facility ul {
    margin: 0; }
  .contactBlock.facility > div + div {
    border-top: 2px solid #fff; }
  .contactBlock.facility .facility-contact + ul {
    display: none; }
  .contactBlock.facility .main-contact .facility-contact + ul {
    display: block; }
  .contactBlock .h3 {
    font-family: 'HelveticaNeueW01-55Roma';
    color: #4e4e4e;
    font-size: 25px;
    line-height: 1.28em;
    margin-bottom: 0; }
  .contactBlock .facilityname {
    font-size: 21px;
    margin-bottom: 33px; }
    .contactBlock .facilityname:before {
      font-weight: normal;
      position: absolute;
      content: '\e60c';
      top: 10px;
      left: 7px;
      width: 70px;
      font-family: 'Norrtalje-ikoner';
      font-size: 54px;
      color: #006ebf; }
  .contactBlock .title {
    display: block;
    margin-bottom: -10px; }
  .contactBlock .email,
  .contactBlock .phone,
  .contactBlock .address,
  .contactBlock .visitingHours {
    position: relative;
    min-height: 50px;
    border-bottom: 1px dashed #ddd;
    padding-top: 11px; }
  .contactBlock .info {
    display: block;
    padding-left: 60px;
    color: #333; }
  .contactBlock a.info {
    color: #004C85; }
  .contactBlock .contactInfo .info {
    padding-left: 0; }
  .contactBlock .visitHours .info {
    padding-left: 0; }
  .contactBlock .email .label,
  .contactBlock .phone .label,
  .contactBlock .address .label {
    position: absolute;
    top: 11px;
    left: 8px;
    width: 70px;
    font-family: 'Norrtalje-ikoner';
    font-size: 30px;
    color: #004C85; }
  .contactBlock .name {
    font-size: 16px;
    font-weight: 400;
    font-family: "HelveticaNeueW01-85Heav";
    position: relative; }

.facility .facility-contact {
  border-bottom: 1px dashed #e6e6e6; }
  .facility .facility-contact:after {
    content: '\e926';
    font-family: 'icomoon';
    font-size: 2.2em;
    color: #006ebf;
    display: block;
    position: absolute;
    padding: 22px 0 0 0;
    z-index: 50;
    right: 0;
    top: 0;
    bottom: 0;
    width: 60px;
    text-align: center;
    text-indent: -2px; }
  .facility .facility-contact.open:after {
    content: '\e925'; }

.facility .contactInfo {
  /*padding: 22px 0;*/
  display: block;
  height: auto;
  margin: 0;
  /*border-bottom: 1px solid #006ebf;*/
  position: relative;
  /*padding-left: 75px;*/ }
  .facility .contactInfo:before {
    content: '\e910';
    font-size: 30px;
    top: 12px; }
  .facility .contactInfo.contactPerson:before {
    content: '\e927';
    top: 11px; }

.facility .contactTypeList .email .info {
  color: #006ebf;
  font-weight: 600; }

.facility .contactTypeList li {
  border-bottom: 0; }
  .facility .contactTypeList li + li {
    border-top: 1px dashed #ddd; }

.contactBlockOriginal {
  max-width: 800px;
  margin: 0 auto;
  overflow: hidden; }

.secondColumn {
  padding: 0 15px; }

.firstColumn .h3,
.secondColumn .h3:first-child {
  margin-top: 0; }

.contactTypeList {
  list-style: none; }

.contactInfo {
  margin-top: 20px;
  padding: 11px 0 15px 60px;
  position: relative;
  border-bottom: 1px dashed #e6e6e6; }
  .contactInfo:before {
    content: "\e927";
    font-weight: normal;
    position: absolute;
    top: 15px;
    left: 8px;
    width: 70px;
    font-family: 'icomoon';
    font-size: 40px;
    color: #004C85; }
  .contactInfo svg {
    position: absolute;
    left: 26px;
    top: 16px;
    width: 43px;
    height: 45px; }

.event-info .contactInfo {
  padding-left: 0;
  height: auto; }

.event-info .contactInfo {
  padding-left: 0;
  height: auto; }

/*.contact-info-event {
    position: relative;
}

.contact-info-event:before {
    content: "\e927";
    font-weight: normal;
    position: absolute;
    top: 24px;
    left: 0;
    width: 70px;
    font-family: 'icomoon';
    font-size: 60px;
    color: #006ebf;
}*/
/*#contact-info-header {
    padding: 22px 0 22px 33px;
    margin-left: 30px;
}*/
.contactIcon {
  position: absolute;
  top: 10px;
  left: 18px;
  width: 70px;
  fill: #006ebf; }

.blue-box .firstColumn,
.blue-box .secondColumn {
  float: none;
  width: 100%;
  padding: 0;
  margin-top: 30px; }

.blue-box .contactBlockOriginal .contactColumnfirst {
  width: 100%;
  margin-top: 0;
  padding: 0; }

.blue-box .h3 {
  margin-top: 0;
  margin-left: 0; }

@media (min-width: 768px) {
  /*.firstColumn,
    .secondColumn {
        float: left;
        width: 50%;
    }*/
  .contactBlockOriginal .contactColumnfirst {
    width: 50%; }
  .contactBlockOriginal .contactColumnsecond {
    width: 50%; } }

@media (min-width: 768px) {
  .contactColumnfirst {
    float: left;
    width: 33%;
    padding: 0 15px;
    margin-top: 30px; }
  .contactColumnsecond {
    float: left;
    width: 33%;
    padding: 0 15px;
    margin-top: 30px; }
  .contactColumn {
    float: left;
    width: 33%;
    padding: 0 15px;
    margin-top: 30px; } }

.contactColumn {
  position: relative; }

.contactColumnfirst {
  position: relative; }

.contactColumnsecond {
  position: relative; }

@media (max-width: 768px) {
  .contactBlock .facilityname:before {
    top: auto;
    left: 6px;
    margin-top: 4px; }
  .contactBlock .name:before {
    top: auto;
    left: 6px;
    margin-top: 4px; }
  .contactColumnfirst {
    margin-bottom: 100px; }
  .contactColumnsecond {
    margin-bottom: 100px; }
  .contactColumn {
    clear: left; }
  .contactInfo svg {
    left: 14px;
    top: 0; } }

@media (max-width: 1200px) and (min-width: 768px) {
  .contactBlock .facilityname:before {
    left: 21px; }
  .contactBlock .name:before {
    left: 21px; }
  .contactColumnfirst {
    width: 50%; }
  .contactColumnsecond {
    width: 50%; }
  .contactColumn {
    width: 50%;
    clear: left;
    margin-top: 100px; } }

.emergencyDialog,
.feedbackForm {
  display: none; }

.feedbackForm.contactUsVisible,
.emergencyDialog.emergencyVisible {
  display: block;
  top: 10px;
  left: 2%;
  width: 96%;
  position: absolute;
  z-index: 9999;
  padding: 55px 12px 10px;
  border-radius: 4px;
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }

.feedbackForm.contactUsVisible {
  background: #eee; }

.emergencyDialog.emergencyVisible {
  background-color: #f8ea55; }

.feedbackForm .closeModal {
  font-size: 30px;
  line-height: .5;
  position: absolute;
  top: 15px;
  right: 20px;
  color: #aaa;
  text-shadow: 0 -1px 1px rbga(0, 0, 0, 0.6);
  font-weight: bold;
  cursor: pointer; }

.emergencyDialog .closeEmergencyModal {
  color: #eee;
  position: absolute;
  top: 40px;
  right: 40px;
  font-family: 'FontAwesome';
  width: 50px;
  height: 50px;
  font-size: 70px; }

.emergencyDialog .closeEmergencyModal:before {
  width: 50px;
  height: 50px;
  content: '\f111';
  position: absolute; }

.emergencyDialog .closeEmergencyModal:after {
  width: 50px;
  height: 50px;
  color: #006ebf;
  content: '\f057';
  position: absolute; }

.emergencyDialog .ingress {
  padding: 0px; }

.feedbackForm label {
  display: block;
  font-weight: bold; }

.feedbackForm input[type="text"],
.feedbackForm input[type="email"],
.feedbackForm textarea {
  width: 100%;
  border: 1px solid #CCCAC8;
  padding: 7px; }

.feedbackForm input[type="submit"] {
  padding: 7px;
  margin-top: 5px; }

.feedbackForm p {
  padding-bottom: 10px; }

.emergencyDialog a {
  color: #006ebf; }

.feedbackForm .spinnerContainer {
  width: 34px;
  height: 34px;
  display: inline-block;
  margin-top: 10px;
  margin-left: 10px;
  margin-bottom: -15px; }

.feedbackForm .required {
  color: red; }

.modalBg,
.modalEmergencyBg {
  display: none; }

.modalBg.modalBgVisible,
.modalEmergencyBg.modalEmergencyBgVisible {
  display: block !important;
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 9998;
  display: none;
  top: 0;
  left: 0;
  opacity: 0.8;
  cursor: pointer; }

.modalBg.modalBgVisible {
  background: #000; }

.modalEmergencyBg.modalEmergencyBgVisible {
  background: #fff; }

@media screen and (min-width: 768px) {
  .feedbackForm.contactUsVisible,
  .emergencyDialog.emergencyVisible {
    top: 70px;
    left: 3%;
    width: 94%;
    padding: 45px 40px 34px; } }

.barValue {
  white-space: nowrap; }

.barValue .container {
  border: 1px solid #006ebf;
  background-color: #e8f1f4;
  width: 200px;
  display: inline-block;
  height: 15px;
  position: relative;
  margin-right: 15px;
  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2); }

.barValue .bar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background: #006ebf; }

input.customCheckbox {
  position: absolute;
  margin: 0;
  padding: 0;
  float: left;
  opacity: 0; }

input.customCheckbox + label {
  background: #fff;
  padding: 14px;
  font-family: 'HelveticaNeueW01-55Roma';
  font-size: 18px;
  line-height: 24px;
  border: 2px solid #e8f1f4;
  float: left;
  cursor: pointer;
  border-radius: 2px;
  position: relative;
  margin-bottom: 5px; }

input.customCheckbox:checked + label {
  background-color: #c1e4ef;
  color: #006ebf; }

input.customCheckbox:focus + label {
  border: 2px solid black; }

@media (min-width: 768px) {
  input.customCheckbox + label {
    padding: 21px; } }

.filterWrapper {
  margin-top: 15px;
  text-align: right; }

.filterWrapper .filterLink,
.filterWrapper .clearFilterLink {
  background-color: #006ebf;
  cursor: pointer;
  padding: 15px;
  color: #fff; }

.filterWrapper .filters {
  overflow: hidden;
  text-align: left;
  background-color: #e8f1f4;
  margin-top: 20px; }

.filterWrapper .clearFilterLink {
  display: none; }

/*.filterWrapper .filters .targetGroups,
.filterWrapper .filters .infoTypes {
    overflow: hidden;
    border-top: 2px solid #e8f1f4;
    margin-top: 15px;
}*/
/*.filterWrapper .filters .optionLabel {
    width: 100%;
    padding: 5px 15px 0;
    float: left;
    margin-top: 25px;
}

.filterWrapper .filters .options {
    display: none;
    width: 100%;
    padding: 15px 15px 0;
    float: left;
}
.filterWrapper .filters .options {
    display: none;
    width: 100%;
    padding: 15px 15px 0;
    float: left;
}
.filterWrapper .filters .optionLabel:after {
    content: '\f078';
    font-family: 'FontAwesome';
    float: right;
    transition: color 200ms linear;
}
.filterWrapper .filters .filterExpanded .optionLabel:after {
    color: #006ebf;
}
.filterWrapper .filters .filterExpanded .options {
    display: block;
}
.filterWrapper .filters input.customCheckbox + label {
    width: auto;
    margin-right: 15px;
}*/
.filterWrapper .filterFeedBack {
  display: none;
  margin-left: 15px;
  font-size: 17px;
  line-height: 17px;
  color: #888; }

.filterWrapper .optionLabel .filterFeedBack.active {
  display: inline-block; }

/*.filterWrapper .filterLink {
    color: #006ebf;
    cursor: pointer;
    padding-right: 15px;
}*/
/*.filterWrapper .filters {
    -- display: none;
    overflow: hidden;
    text-align: left;
}*/
.filterWrapper .displayFiltersInMobile .filters {
  display: block; }

.filterWrapper .filters .textFilter,
.filterWrapper .filters .dateFilters,
.filterWrapper .filters .orgType,
.filterWrapper .filters .area,
.filterWrapper .filters .cbFilters {
  overflow: hidden;
  /*border-top: 2px solid #e8f1f4;*/
  margin-top: 0px;
  border-bottom: solid 1px #ffffff;
  padding: 10px; }

.filterWrapper .filters .dateFilters {
  display: none;
  /* Date filters are hidden in mobile since datepicker is difficult to use. Overridden by js if supported*/ }

.filterWrapper .filters .dateFilters input:disabled {
  display: none; }

.filterWrapper .filters .orgType.hide,
.filterWrapper .filters .area.hide {
  display: none; }

.filterWrapper .filters .optionLabel {
  width: 100%;
  padding: 5px 15px 0;
  float: left;
  margin-top: 25px; }

.filterWrapper .filters .options {
  display: none;
  width: 100%;
  padding: 15px 15px 0;
  float: left; }

.filterWrapper .filters .optionLabel:after {
  content: '\f078';
  font-family: 'FontAwesome';
  float: right;
  transition: color 200ms linear; }

.filterWrapper .filters .filterExpanded .optionLabel:after {
  color: #006ebf; }

.filterWrapper .filters .filterExpanded .options {
  display: block; }

.filterWrapper .filters input[type=text],
.filterWrapper .filters input[type=date] {
  width: 100%;
  /*padding: 21px 21px 21px 21px;*/
  font-family: 'HelveticaNeueW01-55Roma';
  font-size: 18px;
  line-height: 25px;
  /*border: 2px solid #e8f1f4;*/
  max-width: 400px; }
  .filterWrapper .filters input[type=text]:focus,
  .filterWrapper .filters input[type=date]:focus {
    border: 2px solid black; }

.filterWrapper .filters .categories {
  list-style: none; }

.filterWrapper .filters input.customCheckbox + label {
  width: auto;
  margin-right: 5px; }

@media (mn-width: 768px) {
  .filterWrapper .filters input.customCheckbox + label {
    margin-right: 15px; } }

/* Note: Filter function is supposed to work even without javascript. This involves a manual submitbutton which is hidden when js is enabled. */
.filterWrapper .filterLink,
.filterWrapper .clearFilterLink {
  display: none; }

.js .filterWrapper .filterLink {
  display: inline-block; }

.js .displayFiltersInMobile .filterWrapper .clearFilterLink {
  display: inline-block; }

.js .displayFiltersInMobile .filterWrapper .filters {
  display: block; }

/*.js .filterWrapper .filters {
    display: none;
}*/
.js .displayFiltersInMobile .filterWrapper .filters {
  display: block; }

.filterWrapper .manualSubmitButton {
  float: right;
  border: 0; }

.js .filterWrapper .manualSubmitButton {
  display: none; }

@media (min-width: 768px) {
  /*.filterWrapper {
        margin: 15px 15px;
    }*/
  .filterWrapper .filters .optionLabel {
    width: 16.66%; }
  .filterWrapper .filters .optionLabel:after {
    display: none; }
  .filterWrapper .filters .options {
    display: block;
    width: 83.33%; }
  .filterWrapper .filters .dateFilters {
    display: block; }
  .filterWrapper .optionLabel .filterFeedBack.active {
    display: none; }
  .filterWrapper .options .filterFeedBack.active {
    display: inline-block; }
  .filterWrapper .filters .textFilter,
  .filterWrapper .filters .dateFilters,
  .filterWrapper .filters .orgType,
  .filterWrapper .filters .area,
  .filterWrapper .filters .cbFilters {
    /*margin-top: 15px;*/
    border-bottom: none; } }

@media (max-width: 1200px) {
  .filterWrapper .filterLink {
    margin-right: 10px; } }

.emergencyMessageWrapper {
  background-color: #FF9933;
  border: 3px solid #EC671C;
  padding: 15px;
  margin-bottom: 10px; }

.emergencyMessageWrapper p,
.emergencyMessageWrapper span,
.emergencyMessageWrapper h1,
.emergencyMessageWrapper h2,
.emergencyMessageWrapper h3,
.emergencyMessageWrapper h4,
.emergencyMessageWrapper h5,
.emergencyMessageWrapper h6 {
  color: #000000;
  margin-top: 0; }

.explainMe.questionMark {
  background: transparent; }

.explainMe.questionMark:before {
  content: "\f059";
  font-family: 'FontAwesome';
  color: #006ebf; }

.flowWrapper {
  overflow-x: auto;
  overflow-y: hidden; }

.flowStart {
  margin-bottom: 20px;
  width: 100%;
  position: relative;
  height: 0;
  -webkit-transition: 0.5s all;
  transition: 0.5s all; }

.flowStart .flowStep {
  display: none;
  top: 0px;
  position: absolute;
  left: 100%;
  width: 300px; }

.flowStart .flowStep.active {
  display: block; }

.flowStart > .flowStep {
  /* First step rules */
  display: block;
  left: 0; }

.flowStart .stepList {
  list-style-type: none; }

.flowStart .stepName {
  cursor: pointer; }

.flowStart .back,
.flowStart .description {
  background: #eee;
  padding: 10px;
  float: left;
  border-radius: 4px; }

.flowStart .back {
  background: url("/static/images/icons/pil_small_back.png") no-repeat center;
  cursor: pointer; }

.flowStart .stepList {
  float: left;
  clear: left;
  margin-top: 10px;
  background-color: #006ebf;
  padding: 5px 10px;
  border-radius: 4px; }

.flowStart .stepList li {
  border-top: 1px dotted #fff;
  padding-top: 3px;
  padding-bottom: 2px; }

.flowStart .stepList li:first-child {
  border-top: none;
  padding-top: 3px; }

.flowStart .stepName,
.flowStart .endpointUrl {
  line-height: 1;
  color: #fff;
  font-size: 20px;
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  width: 220px;
  display: inline-block;
  position: relative; }

.flowStart .stepName:after {
  content: '';
  display: none;
  position: absolute;
  right: -20px;
  top: 3px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #006ebf; }

.flowStart .flowStep.active + .stepName:after,
.flowStart .stepName:hover:after {
  display: block; }

.flowStart .endpointUrl {
  padding-right: 20px; }

.flowStart .endpointUrl:after {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  top: 50%;
  right: 0;
  margin-top: -11px;
  background: url("/static/images/icons/pil.png"); }

.imageAndMapWrapper .mainImage video {
  height: 100%;
  max-width: 100%; }

.imageAndMapWrapper .mainMap,
.imageAndMapWrapper .mainImage {
  margin: 10px auto 0;
  padding: 0 0 15px;
  max-width: 800px;
  position: relative; }

.imageAndMapWrapper .mainMap {
  display: none; }

.imageAndMapWrapper.mapFirst .mainImage {
  display: block; }

.imageAndMapWrapper.mapFirst .mainMap,
.imageAndMapWrapper.editMode .mainMap {
  display: block; }

.imageAndMapWrapper .mainMap.gismo .gismoMap,
.imageAndMapWrapper .mainMap.googleMap .mapCanvas {
  width: 100%;
  height: 300px; }

.imageAndMapWrapper .mainMap.googleMap .mapCanvas img {
  max-width: none;
  /* Zoom control fix: http://stackoverflow.com/a/7623351/2768430 */ }

.imageAndMapWrapper .showMap,
.imageAndMapWrapper .showImage {
  position: absolute;
  top: 15px;
  right: 30px;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  color: #fff;
  background: #006ebf;
  /*background: rgba(54, 175, 217, 0.7);*/ }

.imageAndMapWrapper .showMap:before {
  content: '\e613';
  font-family: 'Norrtalje-ikoner';
  font-size: 52px; }

.imageAndMapWrapper .showImage:before {
  content: '\f03e';
  font-family: 'FontAwesome';
  font-size: 42px; }

.imageAndMapWrapper .googleMap .showImage {
  top: 40px; }

/* Special case media query: Map is smaller (less high) on smaller screens */
@media (min-width: 480px) {
  .imageAndMapWrapper .mainMap.gismo .gismoMap,
  .imageAndMapWrapper .mainMap.googleMap .mapCanvas {
    width: 100%;
    height: 400px; } }

.imageText, .imageTextMobile {
  font-size: 15px;
  line-height: 20px;
  margin-top: 2px; }

#Footer {
  /* compactLinks - intended to change linkBox style to more plain and compact linklist  */
  /* End compactLinks */ }
  #Footer .bgImage {
    /*margin-top: 30px;*/
    overflow: hidden;
    padding-bottom: 3%;
    position: relative;
    /*transition: padding-bottom 0.7s ease-in-out;*/ }
    #Footer .bgImage:after {
      content: "";
      position: absolute;
      border-left: 2600px solid transparent;
      border-bottom: 78px solid #fff;
      bottom: 0;
      left: 0;
      /*transition: border-bottom 0.7s ease-in-out;*/ }
    #Footer .bgImage .viewPort {
      max-height: 220px;
      /*transition: max-height 0.7s ease-in-out;*/ }
      #Footer .bgImage .viewPort img {
        display: block; }
  #Footer .compactLinks .linkList, #Footer .compactLinks .listOfLinks {
    margin-right: 20px; }
    #Footer .compactLinks .linkList ul, #Footer .compactLinks .listOfLinks ul {
      margin-left: -15px;
      margin-right: -15px; }
    #Footer .compactLinks .linkList li, #Footer .compactLinks .listOfLinks li {
      border-top: 1px dashed #e4e4e4; }
      #Footer .compactLinks .linkList li:last-child, #Footer .compactLinks .listOfLinks li:last-child {
        border-bottom: 1px dashed #e4e4e4; }
    #Footer .compactLinks .linkList .linkBox, #Footer .compactLinks .listOfLinks .linkBox {
      font-size: 16px;
      display: block;
      padding: 11px 95px 15px 20px;
      position: relative;
      overflow: hidden;
      border: 0;
      font-family: "HelveticaNeueW01-55Roma";
      margin-bottom: 0;
      background: #fff; }
      #Footer .compactLinks .linkList .linkBox:focus, #Footer .compactLinks .listOfLinks .linkBox:focus {
        border: 2px solid black; }
      #Footer .compactLinks .linkList .linkBox:before, #Footer .compactLinks .linkList .linkBox:after, #Footer .compactLinks .listOfLinks .linkBox:before, #Footer .compactLinks .listOfLinks .linkBox:after {
        display: none; }
      #Footer .compactLinks .linkList .linkBox:hover, #Footer .compactLinks .listOfLinks .linkBox:hover {
        background-color: #f6f6f6;
        text-decoration: underline; }
  #Footer .compactLinks .listOfLinks ul {
    list-style: none; }
  #Footer .footerLinks {
    border-top: 1px solid #e4e4e4;
    margin-top: 30px;
    width: 100%;
    background: #fff;
    overflow: hidden; }
    #Footer .footerLinks ul {
      list-style: none;
      margin: 0 auto;
      max-width: 1200px;
      /*padding: 20px 15px;*/
      text-align: center; }
      #Footer .footerLinks ul li {
        display: inline-block;
        line-height: 1; }
    #Footer .footerLinks .linkBox {
      /*intended to change linkBox style to more plain*/
      color: #4e4e4e;
      margin-bottom: 0;
      padding: 20px 20px;
      border: none;
      background: none;
      font-family: "HelveticaNeueW01-45Ligh"; }
      #Footer .footerLinks .linkBox:focus {
        border: 2px solid black; }
      #Footer .footerLinks .linkBox:hover {
        background-color: #e6e6e6; }
  #Footer .footerLinks .linkBox:before,
  #Footer .footerLinks .linkBox:after {
    display: none; }

@media screen and (min-width: 768px) {
  #Footer .compactLinks .linkList ul {
    margin-left: 0;
    margin-right: 0; } }

/****** VARIABLES ******/
/******* BREAKPOINTS *******/
/******* FONTS *******/
/******* mmenujs *******/
.functionarea-outer-wrapper {
  margin-top: 36px;
  margin-bottom: 50px;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4; }

.functionArea {
  max-width: 800px;
  padding: 0 10px;
  overflow: hidden;
  clear: both; }
  .functionArea .functionContainer {
    border-left: 1px solid #e4e4e4;
    float: left; }
    .functionArea .functionContainer:last-child {
      border-right: 1px solid #e4e4e4; }
  .functionArea .icon-holder {
    position: relative;
    display: block;
    padding: 15px 50px 15px 90px;
    color: #4e4e4e; }
    .functionArea .icon-holder:before {
      position: absolute;
      font-family: 'Norrtalje-ikoner';
      font-size: 35px;
      left: 50px; }
    .functionArea .icon-holder:focus {
      outline: none;
      border: 2px solid black; }
    .functionArea .icon-holder:hover {
      background-color: rgba(0, 0, 0, 0.07); }

.functionArea .speakingWebIcon:before {
  content: '\e608'; }

.functionArea .printIcon:before {
  content: '\e610'; }

.functionArea .shareDialogIcon:before {
  content: '\e611'; }

.functionArea .feedbackIcon:before {
  content: '\e618'; }

.functionArea #shareDialog {
  display: none;
  margin-top: 15px;
  text-align: center; }

.functionArea.shareDialogVisible #shareDialog {
  display: block; }

.functionArea.shareDialogVisible .shareDialogIcon {
  background-color: #006ebf;
  color: #fff; }

.functionArea.shareDialogVisible .share_button {
  width: 32px;
  height: 32px;
  display: inline-block; }

.functionArea.shareDialogVisible .share_button_facebook {
  background: url("/Static/Images/Icons/facebook-icon.png") no-repeat left; }

.functionArea.shareDialogVisible .share_button_twitter {
  background: url("/Static/Images/Icons/twitter-icon.png") no-repeat left; }

.functionArea.shareDialogVisible .share_button_linkedin {
  background: url("/Static/Images/Icons/linkedin-icon.png") no-repeat left; }

@media (max-width: 767px) {
  .functionarea-outer-wrapper .functionArea {
    padding: 0; }
    .functionarea-outer-wrapper .functionArea .functionContainer {
      width: 50%;
      border: none; }
      .functionarea-outer-wrapper .functionArea .functionContainer:nth-child(2n+1) {
        border-right: 1px solid #e4e4e4; }
      .functionarea-outer-wrapper .functionArea .functionContainer:first-child,
      .functionarea-outer-wrapper .functionArea .functionContainer:first-child + .functionContainer {
        border-bottom: 1px solid #e4e4e4; }
  .functionArea .icon-holder {
    padding-right: 30px; } }

/****** VARIABLES ******/
/******* BREAKPOINTS *******/
/******* FONTS *******/
/******* mmenujs *******/
#HeaderNew .topSlope {
  width: 100%;
  padding: 1.5%;
  position: relative;
  overflow: hidden;
  z-index: 1;
  min-height: 30px; }

/* Varning banners */
.incidentList.sticky {
  position: sticky;
  top: 0;
  z-index: 9;
  animation: stickyanimation 0.25s; }

.incidentList.hide {
  visibility: hidden; }

.incidentList a {
  text-decoration: underline; }

.varning-high {
  background-color: #cf1f25; }
  .varning-high a:hover {
    text-decoration-color: white !important; }
  .varning-high .varning-text {
    color: white !important;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.05rem; }
  .varning-high .incidentNews .readMore {
    color: white;
    font-size: 20px;
    font-weight: bold; }

.varning-medium {
  background-color: #ff7800; }
  .varning-medium .varning-text {
    color: black !important; }
  .varning-medium .incidentNews .readMore {
    color: black;
    font-weight: inherit; }

.varning-low {
  background-color: #f8ea55; }
  .varning-low .incidentNews .readMore {
    color: black;
    font-weight: inherit; }

/* -------------------*/
#HeaderNew .topSlope:before {
  content: "";
  position: absolute;
  border-left: 2600px outset transparent;
  border-bottom: 70px solid #11192b;
  bottom: 0;
  left: 0; }

#HeaderNew {
  min-width: 100%;
  position: absolute; }
  #HeaderNew.sticky {
    position: fixed;
    animation: stickyanimation 0.25s;
    z-index: 11; }
  #HeaderNew .topRow {
    overflow: hidden;
    box-shadow: 0px 4px 5px 0px #202b4a;
    background-color: #253151;
    position: relative;
    min-width: 100%; }
    #HeaderNew .topRow.sticky {
      position: fixed;
      min-width: 100%;
      top: 2.53rem;
      z-index: 11; }

@keyframes stickyanimation {
  from {
    translate: 0 -300px; }
  to {
    translate: 0; } }
    #HeaderNew .topRow .topRowLayoutWrapperWide .top-nav-row {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      padding-top: 19px;
      padding-bottom: 10px; }
      @media (max-width: 768px) {
        #HeaderNew .topRow .topRowLayoutWrapperWide .top-nav-row {
          padding-bottom: 9px; } }
      @media (min-width: 769px) {
        #HeaderNew .topRow .topRowLayoutWrapperWide .top-nav-row {
          padding-top: 26px;
          padding-bottom: 19px;
          height: 109px;
          max-width: 1440px;
          margin: 0 auto; } }
    #HeaderNew .topRow .topRowLayoutWrapperWide .logoDiv {
      padding-left: 21px; }
      @media (max-width: 400px) {
        #HeaderNew .topRow .topRowLayoutWrapperWide .logoDiv {
          padding-left: 21px; } }
      @media (max-width: 315px) {
        #HeaderNew .topRow .topRowLayoutWrapperWide .logoDiv {
          display: block; } }
    #HeaderNew .topRow .topRowLayoutWrapperWide.hidden {
      display: block; }
    #HeaderNew .topRow .topRowLayoutWrapperWide .top-nav-row {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      padding-top: 19px;
      padding-bottom: 10px; }
      @media (max-width: 768px) {
        #HeaderNew .topRow .topRowLayoutWrapperWide .top-nav-row {
          padding-bottom: 9px;
          min-height: 80px; } }
      @media (min-width: 769px) {
        #HeaderNew .topRow .topRowLayoutWrapperWide .top-nav-row {
          padding: 26px 35px 19px 35px;
          height: 109px; } }
    #HeaderNew .topRow .topRowLayoutWrapperWide .logoDiv {
      padding-left: 21px; }
      @media (max-width: 400px) {
        #HeaderNew .topRow .topRowLayoutWrapperWide .logoDiv {
          padding-left: 21px; } }
      @media (max-width: 315px) {
        #HeaderNew .topRow .topRowLayoutWrapperWide .logoDiv {
          display: block; } }

#HeaderNew .logoLink img {
  display: flex;
  width: 174px;
  height: 62px; }

#HeaderNew .alternativeLogoLink {
  display: block;
  width: 167px;
  height: 62px; }
  #HeaderNew .alternativeLogoLink img {
    object-fit: contain;
    max-height: 100%;
    max-width: 100%; }

@media (max-width: 768px) {
  #HeaderNew #top-nav-container {
    padding-top: 9px; }
    #HeaderNew #top-nav-container > ul > li:first-child {
      border-top: none; }
    #HeaderNew #top-nav-container > ul > li:last-child {
      border-bottom: 2px solid #e3e3e3; }
    #HeaderNew #top-nav-container ul li {
      border-top: 2px solid #e3e3e3; }
      #HeaderNew #top-nav-container ul li.hidden-desktop {
        display: none; }
  #HeaderNew .logoLink img {
    object-fit: cover;
    display: flex;
    width: 130px;
    height: 48px; }
  #HeaderNew .alternativeLogoLink {
    width: 124px;
    height: 46px; } }

/* TABGROUP */
#HeaderNew .tabGroup {
  display: inline-flex;
  margin-left: auto; }

#EServicePage .quick-links-eservice {
  margin-left: -15px;
  margin-right: -15px; }

/* ESERVICE QUICKLINKS */
#EServicePage .quick-links-title,
#EServiceListPage .quick-links-title {
  font-weight: 400;
  font-family: "HelveticaNeueW01-85Heav"; }

#EServicePage .quick-links-eservice,
#EServiceListPage .quick-links-eservice {
  padding: 20px 0; }

#EServiceListPage .quick-links-eservice {
  background: rgba(0, 90, 156, 0.2);
  border-top: solid 12px #005a9c; }

#EServicePage .quick-links-eservice .container *,
#EServiceListPage .quick-links-eservice .container * {
  display: inline-block; }

#EServicePage .quick-links-eservice strong,
#EServiceListPage .quick-links-eservice strong {
  margin-right: 10px; }

#EServicePage .quick-links-eservice a,
#EServiceListPage .quick-links-eservice a {
  color: #000;
  text-decoration: underline; }
  #EServicePage .quick-links-eservice a + a,
  #EServiceListPage .quick-links-eservice a + a {
    margin-left: 25px; }

/* END: QUICKLINKS */
#HeaderNew .tabGroup .icon {
  font-family: "Norrtalje-ikoner";
  color: #006ebf; }

#HeaderNew .tabGroup .mobile {
  font-family: "HelveticaNeueW01-55Roma";
  font-size: 15px;
  line-height: 25px; }

#HeaderNew .tabGroup .desktop {
  font-family: "HelveticaNeueW01-45Ligh", Arial, Helvetica, sans-serif;
  color: #11182c;
  font-size: 15px;
  display: none; }

#HeaderNew .tabGroup.mobile.find {
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  #HeaderNew .tabGroup.mobile.find .find.searchform.mobile {
    width: 100%; }

#HeaderNew .tabGroup .find .searchform {
  width: 358px; }
  #HeaderNew .tabGroup .find .searchform form {
    position: relative;
    width: 100%; }
  #HeaderNew .tabGroup .find .searchform input[type="search"] {
    line-height: 14px;
    background-color: transparent;
    height: 51px;
    width: 100%;
    border-radius: 4px;
    border: solid 2px #dbdfe4;
    background-color: #ffffff;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #636363;
    font-family: "HelveticaNeueW01-55Roma";
    padding: 16px 12px 14px;
    /* clears the 'X' from Internet Explorer */
    /* clears the 'X' from Chrome */ }
    #HeaderNew .tabGroup .find .searchform input[type="search"]::-ms-clear {
      display: none;
      width: 0;
      height: 0; }
    #HeaderNew .tabGroup .find .searchform input[type="search"]::-ms-reveal {
      display: none;
      width: 0;
      height: 0; }
    #HeaderNew .tabGroup .find .searchform input[type="search"]::-webkit-search-decoration, #HeaderNew .tabGroup .find .searchform input[type="search"]::-webkit-search-cancel-button, #HeaderNew .tabGroup .find .searchform input[type="search"]::-webkit-search-results-button, #HeaderNew .tabGroup .find .searchform input[type="search"]::-webkit-search-results-decoration {
      display: none; }
  #HeaderNew .tabGroup .find .searchform button {
    cursor: pointer;
    position: absolute;
    top: 14px;
    right: 14px;
    background: transparent;
    border: none; }
    #HeaderNew .tabGroup .find .searchform button:after {
      content: url("/Static/images/_new/group-6.png"); }

#HeaderNew .tabGroup .find.mobile {
  padding: 22px 20px; }
  @media (min-width: 769px) {
    #HeaderNew .tabGroup .find.mobile {
      display: none; } }
  #HeaderNew .tabGroup .find.mobile span {
    font-family: "icomoon";
    font-size: 30px;
    color: #fff; }

#HeaderNew .tabGroup .find .search-toggle-button span {
  font-family: "HelveticaNeueW01-55Roma";
  font-weight: bold;
  color: white; }

@media (max-width: 768px) {
  #HeaderNew .tabGroup .find .search-toggle-button {
    display: inline-block; } }

#HeaderNew .tabGroup .search-toggle-button.close-quick-search,
#HeaderNew .tabGroup .mobilemenu {
  text-align: center;
  display: inline-block;
  font-family: "HelveticaNeueW01-55Roma";
  font-weight: bold;
  color: #072046; }
  #HeaderNew .tabGroup .search-toggle-button.close-quick-search:before,
  #HeaderNew .tabGroup .mobilemenu:before {
    display: block;
    font-size: 26px;
    font-weight: bold; }
  #HeaderNew .tabGroup .search-toggle-button.close-quick-search.hidden,
  #HeaderNew .tabGroup .mobilemenu.hidden {
    display: none; }

#HeaderNew .tabGroup .search-toggle-button.close-quick-search,
#HeaderNew .tabGroup .desktopmenu {
  text-align: center;
  display: inline-block;
  font-family: "HelveticaNeueW01-55Roma";
  font-weight: bold;
  color: #072046; }
  #HeaderNew .tabGroup .search-toggle-button.close-quick-search:before,
  #HeaderNew .tabGroup .desktopmenu:before {
    display: block;
    font-size: 26px;
    font-weight: bold; }
  #HeaderNew .tabGroup .search-toggle-button.close-quick-search.hidden,
  #HeaderNew .tabGroup .desktopmenu.hidden {
    display: none; }

#HeaderNew .tabGroup .search-toggle-button.close-quick-search:before {
  font-size: 26px;
  text-align: center; }

#HeaderNew .tabGroup .search-toggle-button.close-quick-search span {
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  text-transform: uppercase; }

#HeaderNew .tabGroup .search-toggle-button.hidden,
#HeaderNew .tabGroup .mobilemenu.hidden {
  display: none; }

#HeaderNew .tabGroup .search-toggle-button.open-quick-search:before {
  content: url(/Static/images/_new/mob_search.svg);
  display: inline-block;
  margin-right: 9px;
  font-family: "HelveticaNeueW01-55Roma";
  font-weight: bold;
  color: #072046; }

@media (max-width: 768px) {
  #HeaderNew .tabGroup .search-toggle-button.open-quick-search:before {
    display: block;
    text-align: center;
    font-weight: bold; } }

#HeaderNew .tabGroup .mobilemenu span {
  font-family: "HelveticaNeueW01-55Roma";
  font-weight: bold;
  color: white; }

#HeaderNew .tabGroup .mobilemenu.open:before {
  content: " ";
  background-image: url(/Static/images/_new/hamburgare.svg);
  width: 22px;
  height: 28px;
  background-repeat: no-repeat;
  margin: 0 auto; }

#HeaderNew .tabGroup .mobilemenu.closed:before {
  content: " ";
  background-image: url(/Static/images/_new/kryss.svg);
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  margin: 0 auto; }

#HeaderNew .tabGroup .desktopmenu span {
  font-family: "HelveticaNeueW01-55Roma";
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  margin-top: 0.2rem; }

#HeaderNew .tabGroup .desktopmenu.open:before {
  content: " ";
  background-image: url(/Static/images/_new/hamburgare.svg);
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  margin: 0 auto; }

#HeaderNew .tabGroup .desktopmenu.closed:before {
  content: " ";
  background-image: url(/Static/images/_new/kryss.svg);
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  margin: 0 auto; }

@media (max-width: 768px) {
  #HeaderNew .tabGroup .mobilemenu span,
  #HeaderNew .tabGroup .search-toggle-button span {
    font-family: "HelveticaNeueW01-55Roma";
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal; }
  #HeaderNew .tabGroup .mobilemenu:before,
  #HeaderNew .tabGroup .search-toggle-button.open-quick-search:before {
    width: 22px;
    height: 22px;
    text-align: center;
    margin: 0 auto 6px;
    object-fit: contain; }
  #HeaderNew .tabGroup .search-toggle-button.open-quick-search:before {
    content: url(/Static/images/_new/mob_search.svg); } }

#HeaderNew .tabGroup .mobilemenu span,
#HeaderNew .tabGroup .search-toggle-button span {
  font-family: "HelveticaNeueW01-55Roma";
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal; }

#HeaderNew .find .searchform {
  width: 426px; }
  #HeaderNew .find .searchform form {
    position: relative;
    width: 100%; }
  #HeaderNew .find .searchform input[type="search"] {
    line-height: 14px;
    background-color: transparent;
    height: 51px;
    width: 100%;
    border-radius: 4px;
    border: solid 2px #dbdfe4;
    background-color: #ffffff;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #636363;
    font-family: "HelveticaNeueW01-55Roma";
    padding: 16px 12px 14px;
    /* clears the 'X' from Internet Explorer */
    /* clears the 'X' from Chrome */ }
    #HeaderNew .find .searchform input[type="search"]::-ms-clear {
      display: none;
      width: 0;
      height: 0; }
    #HeaderNew .find .searchform input[type="search"]::-ms-reveal {
      display: none;
      width: 0;
      height: 0; }
    #HeaderNew .find .searchform input[type="search"]::-webkit-search-decoration, #HeaderNew .find .searchform input[type="search"]::-webkit-search-cancel-button, #HeaderNew .find .searchform input[type="search"]::-webkit-search-results-button, #HeaderNew .find .searchform input[type="search"]::-webkit-search-results-decoration {
      display: none; }
  #HeaderNew .find .searchform button {
    cursor: pointer;
    position: absolute;
    top: 14px;
    right: 14px;
    background: transparent;
    border: none; }
    #HeaderNew .find .searchform button:after {
      content: url("/Static/images/_new/group-6.png"); }

#HeaderNew .find.mobile {
  padding: 22px 20px; }
  @media (min-width: 769px) {
    #HeaderNew .find.mobile {
      display: none; } }
  #HeaderNew .find.mobile span {
    font-family: "icomoon";
    font-size: 30px;
    color: #fff; }

#HeaderNew .find .search-toggle-button span {
  font-family: "HelveticaNeueW01-55Roma";
  font-weight: bold;
  color: #072046; }

@media (max-width: 768px) {
  #HeaderNew .find .search-toggle-button {
    display: inline-block; } }

#HeaderNew .search-toggle-button.hidden,
#HeaderNew .mobilemenu.hidden {
  display: none; }

#HeaderNew .search-toggle-button.close-quick-search:before {
  content: " ";
  background-image: url(/Static/images/_new/kryss.svg);
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  margin: 0 auto 6px;
  color: #4e4e4e; }

#HeaderNew .search-toggle-button.open-quick-search:before {
  content: url(/Static/images/_new/group-6.svg);
  display: inline-block;
  margin-right: 9px;
  font-family: "HelveticaNeueW01-55Roma";
  font-weight: bold;
  color: #072046; }

@media (max-width: 768px) {
  #HeaderNew .search-toggle-button.open-quick-search:before {
    display: block;
    text-align: center;
    font-weight: bold; } }

#HeaderNew .mobilemenu span {
  font-family: "HelveticaNeueW01-55Roma";
  font-weight: bold;
  color: #072046; }

#HeaderNew .mobilemenu:before {
  content: " ";
  background-image: url(/Static/images/_new/hamburgare.svg);
  width: 22px;
  height: 22px;
  background-repeat: no-repeat; }

@media (max-width: 768px) {
  #HeaderNew .mobilemenu span,
  #HeaderNew .search-toggle-button span {
    font-family: "HelveticaNeueW01-55Roma";
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal; }
  #HeaderNew .mobilemenu:before,
  #HeaderNew .search-toggle-button.open-quick-search:before {
    width: 22px;
    height: 22px;
    text-align: center;
    margin: 0 auto 6px;
    object-fit: contain; }
  #HeaderNew .search-toggle-button.open-quick-search:before {
    content: url(/Static/images/_new/mob_search.svg); } }

/*#HeaderNew .tabGroup .e-services .mobile:after {
    content: '\e91f';
    font-family: 'icomoon';
    position: absolute;
    font-size: 30px;
    left: 17px;
    color: #fff;
}*/
#HeaderNew .tabGroup .e-services .mobile {
  font-family: "icomoon";
  font-size: 30px; }

#HeaderNew .tabGroup .targetGroup .mobile .icon {
  font-family: "Norrtalje-ikoner";
  position: absolute;
  font-size: 40px;
  left: 7px;
  color: #006ebf; }

/* END TAB GROUP */
/* CLOSE BUTTON */
#HeaderNew .tabGroup .targetGroup .closeButton {
  position: absolute;
  top: -18px;
  right: 13px;
  font-family: "FontAwesome";
  font-size: 25px;
  line-height: 30px;
  width: 30px;
  height: 30px;
  cursor: pointer; }

#HeaderNew .tabGroup .targetGroup .closeButton:before,
#HeaderNew .tabGroup .targetGroup .closeButton:after {
  position: absolute;
  width: 30px;
  height: 30px;
  text-align: center;
  vertical-align: middle; }

#HeaderNew .tabGroup .targetGroup .closeButton:before {
  content: "\f111"; }

#HeaderNew .tabGroup .targetGroup .closeButton:active:before {
  color: #111; }

#HeaderNew .tabGroup .targetGroup .closeButton:after {
  content: "\f057";
  color: #fff; }

/* END CLOSE BUTTON */
#HeaderNew .menuRow {
  background: #f2f4f6;
  position: relative;
  display: none; }

#HeaderNew .targetGroupMenu {
  position: relative; }

@media (min-width: 769px) {
  #HeaderNew.desktopmenuopen .menuRow {
    display: none;
    position: absolute;
    z-index: 10;
    min-height: 100%;
    transform-origin: 100% 50%;
    animation: main 0.5s;
    width: 22.5rem;
    right: 0; }
  @keyframes main {
    0% {
      transform: scaleX(0); }
    100% {
      transform: scaleX(1); } } }

@media (max-width: 768px) {
  #HeaderNew.menuOpen .menuRow {
    display: none;
    position: absolute;
    z-index: 10;
    min-height: 100%;
    transform-origin: 100% 50%;
    animation: main 0.5s;
    width: 90%;
    right: 0; }
  @keyframes main {
    0% {
      transform: scaleX(0); }
    100% {
      transform: scaleX(1); } }
    #HeaderNew.menuOpen .menuRow.mobile.hidden {
      display: none; } }

@media (max-width: 768px) {
  #HeaderNew .logoLink {
    /*background-image: url("/static/images/norrtaljekommun_vit_mobile.png");*/ } }

#HeaderNew .menuRow .listContainer.level-0,
#HeaderNew .targetGroupMenu nav {
  max-width: 1200px;
  margin: 0 auto; }

#HeaderNew .menuRow.customColor .listContainer.level-0 {
  background: none; }

#HeaderNew .navigation {
  display: inline-block;
  align-items: center;
  font-size: 14px; }
  #HeaderNew .navigation__link {
    display: flex;
    align-items: center;
    text-decoration: none;
    padding-bottom: 0 !important; }
    #HeaderNew .navigation__link:hover {
      text-decoration: underline; }
    #HeaderNew .navigation__link:before {
      display: inline-block;
      margin-right: 0.25rem;
      font-family: "Norrtalje-ikoner";
      padding-right: 0.5rem; }
    #HeaderNew .navigation__link:focus {
      border-color: white; }

#top-nav-container .topmenu {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  #top-nav-container .topmenu a {
    text-decoration: none;
    font-weight: bold; }
  #top-nav-container .topmenu__close-button {
    content: " ";
    background-image: url(/Static/images/_new/kryss.svg);
    width: 21px;
    height: 23px;
    margin-right: 1rem;
    color: #4e4e4e;
    border: none; }

#top-nav-container .topmenu button:hover {
  cursor: pointer; }

#HeaderNew .menuRow li,
#HeaderNew .targetGroupMenu li {
  float: left;
  width: 100%;
  border-top: 1px solid #e3e3e3; }

#HeaderNew .menuRow li li {
  background: #fff; }

#HeaderNew .menuRow li li li ul {
  /*border-left: solid 20px #9ad7ec;*/ }
  #HeaderNew .menuRow li li li ul li {
    padding-left: 20px; }

#HeaderNew .menuRow li li ul {
  /*border-left: solid 20px #9ad7ec;*/ }

#HeaderNew .menuRow .level-0 > ul > li:first-child #HeaderNew .targetGroupMenu nav > ul > li:first-child {
  border-top: none; }

#HeaderNew .menuRow a,
#HeaderNew .pageLink {
  font-family: "HelveticaNeueW01-55Roma";
  font-size: 18px;
  padding: 20px;
  color: #0d2052;
  display: block;
  transition: background 0.2s linear;
  position: relative; }

#HeaderNew .expandable > .pageLink {
  padding-right: 70px; }
  @media (max-width: 768px) {
    #HeaderNew .expandable > .pageLink {
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      letter-spacing: normal;
      color: #0d2052; } }

.expandList {
  display: none; }

#HeaderNew .menuRow li li a {
  padding-left: 40px; }

#HeaderNew .menuRow li li li a {
  padding-left: 60px; }

#HeaderNew .menuRow .expandable .pageLink,
#HeaderNew .targetGroupMenu .expandable .pageLink {
  position: relative;
  text-decoration: none; }

#HeaderNew .targetGroupMenu .expandable .pageLink .mobile .icon {
  line-height: 13px;
  font-size: 40px;
  display: inline-block;
  vertical-align: text-top;
  color: #fff;
  font-family: "Norrtalje-ikoner"; }

/* EXPAND BUTTON */
#HeaderNew .menuRow .expandButtonEmpty,
#HeaderNew .menuRow .expandable .expandButton {
  display: block;
  position: absolute;
  padding: 20px;
  z-index: 50;
  right: 0;
  top: 0;
  bottom: 0;
  color: #236cbc;
  border-left: 2px solid #e3e3e3;
  width: 60px;
  text-align: center;
  height: 100%; }

#HeaderNew .menuRow .expandable .expandButton:after {
  content: url(/Static/images/_new/Chevron-right.svg);
  font-size: 20px;
  font-weight: 700;
  display: inline-block;
  margin-top: -5px;
  color: #000000; }

#HeaderNew .menuRow li li .expandButton:after {
  color: #006ebf; }

#HeaderNew .menuRow .expandButton.open:after {
  content: "-"; }

#HeaderNew .pageLink:active,
#HeaderNew .pageLink.active,
#HeaderNew .menuRow > nav > ul > .expanded > .pageLink {
  background: #fff;
  /*color: #006ebf;*/
  text-decoration: underline; }

#HeaderNew .menuRow .pageLink.active + ul,
#HeaderNew .menuRow .expandable.expanded > ul {
  display: block; }

#HeaderNew .targetGroupMenu .pageLink:active,
#HeaderNew .menuRow.customColor .pageLink:active {
  background: rgba(0, 0, 0, 0.1); }

#HeaderNew .menuRow .pageLink + ul {
  display: none; }

#HeaderNew .targetGroupMenu .expanded .expandButton,
#HeaderNew .menuRow.customColor .expanded .expandButton {
  color: #111; }

#HeaderNew .menuRow .listContainer.level-1 {
  background: #d2f0f7; }

#HeaderNew .targetGroupMenu .listContainer.level-1,
#HeaderNew .menuRow.customColor .listContainer.level-1 {
  background: rgba(255, 255, 255, 0.25); }

#HeaderNew .customColor .listContainer.level-1,
#HeaderNew .customColor .listContainer.level-2 {
  position: relative; }

#HeaderNew .menuRow .level-1 .pageLink,
#HeaderNew .targetGroupMenu .level-1 .pageLink {
  color: #111;
  padding-left: 25px; }

#HeaderNew .menuRow .level-1 .pageLink:active,
#HeaderNew .menuRow .level-1 .selected > .pageLink {
  background: #b3e3f1; }

#HeaderNew .targetGroupMenu .level-1 .pageLink:active,
#HeaderNew .menuRow.customColor .level-1 .pageLink:active,
#HeaderNew .targetGroupMenu .level-1 .selected > .pageLink,
#HeaderNew .menuRow.customColor .level-1 .selected > .pageLink {
  background: rgba(0, 0, 0, 0.05); }

#HeaderNew .menuRow .pageLink {
  position: relative;
  text-decoration: none; }

/* EXPAND BUTTON */
#HeaderNew .menuRow .level-1 .expandButton,
#HeaderNew .targetGroupMenu .level-1 .expandButton {
  width: 70px;
  background: #b3e3f1; }

#HeaderNew .targetGroupMenu .level-1 .expandButton,
#HeaderNew .menuRow.customColor .level-1 .expandButton {
  background: rgba(0, 0, 0, 0.05); }

#HeaderNew .menuRow .level-1 .expandable .expandButton:after,
#HeaderNew .targetGroupMenu .level-1 .expandable .expandButton:after {
  left: 50%;
  margin-left: -17px; }

/* END EXPAND BUTTON */
#HeaderNew .menuRow .listContainer.level-2 {
  background: #e4f6fa; }

#HeaderNew .menuRow .level-2 .pageLink {
  padding-left: 35px; }

@media (min-width: 769px) {
  #HeaderNew .pageLink.active:hover,
  #HeaderNew .menuRow .level-2 .selected > .pageLink {
    background: rgba(0, 0, 0, 0.1);
    color: #fff; } }

#HeaderNew .menuRow .listContainer,
#HeaderNew .targetGroupMenu .listContainer {
  height: 0;
  overflow: hidden;
  width: 100%;
  transition: opacity 0.2s linear;
  opacity: 0; }

#HeaderNew .menuRow nav.listContainer,
#HeaderNew .menuRow .expanded > .listContainer,
#HeaderNew .targetGroupMenu nav.listContainer,
#HeaderNew .targetGroupMenu .expanded > .listContainer {
  height: 100%;
  opacity: 1; }

#HeaderNew .targetGroupMenu .expanded > .listContainer:before,
#HeaderNew .menuRow.customColor .expanded > .listContainer:before {
  content: "";
  background: rgba(255, 255, 255, 0.25);
  top: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }

#HeaderNew .targetGroupMenu .expanded > .listContainer.level-2:before,
#HeaderNew .menuRow.customColor .expanded > .listContainer.level-2:before {
  background: rgba(255, 255, 255, 0.4); }

@media (min-width: 768px) {
  #HeaderNew .pageLink {
    padding-left: 20px; }
    #HeaderNew .pageLink.active + ul {
      display: none !important; }
  #HeaderNew #top-nav-container .expanded,
  #HeaderNew #top-nav-container .is-active,
  #HeaderNew #top-nav-container-eservice .expanded,
  #HeaderNew #top-nav-container-eservice .is-active {
    /*background-color: $menu-active-bg-color;*/ }
    #HeaderNew #top-nav-container .expanded a,
    #HeaderNew #top-nav-container .is-active a,
    #HeaderNew #top-nav-container-eservice .expanded a,
    #HeaderNew #top-nav-container-eservice .is-active a {
      /*background-color: rgba(0,0,0, 0.5);*/
      text-decoration: none;
      font-weight: bold;
      color: #000000; }
  #HeaderNew #top-nav-container .pageLink:hover,
  #HeaderNew #top-nav-container-eservice .pageLink:hover {
    /*background-color: $menu-hover-bg-color;*/
    /*background-color: rgba(0,0,0, 0.2);
                text-decoration: underline;*/
    /*text-decoration: none;
                    background-color: #006ebf;
                    color: #fff;*/
    text-decoration: underline; }
  #HeaderNew #top-nav-container .expanded > ul,
  #HeaderNew #top-nav-container-eservice .expanded > ul {
    display: none; }
  #HeaderNew .customColor .listContainer.level-1 {
    position: absolute; }
  #HeaderNew .tabGroup a {
    transition: background 0.2s linear; }
    #HeaderNew .tabGroup a.home {
      padding-right: 50px; }
    #HeaderNew .tabGroup a.targetGroup {
      padding-right: 40px;
      padding-bottom: 47px; }
      #HeaderNew .tabGroup a.targetGroup.active {
        padding-bottom: 57px; }
  #HeaderNew .tabGroup .active {
    background-color: #006ebf;
    border: none; }
  #HeaderNew .tabGroup .mobile {
    display: none; }
  #HeaderNew .tabGroup .desktop {
    display: inline-flex;
    align-content: flex-end; }
  #HeaderNew .tabGroup .e-services .desktop span,
  #HeaderNew .tabGroup .home .desktop span,
  #HeaderNew .tabGroup .translate .desktop span,
  #HeaderNew .tabGroup .find .desktop span {
    font-family: "HelveticaNeueW01-55Roma";
    font-size: 15px;
    line-height: 25px; }
    #HeaderNew .tabGroup .e-services .desktop span img,
    #HeaderNew .tabGroup .home .desktop span img,
    #HeaderNew .tabGroup .translate .desktop span img,
    #HeaderNew .tabGroup .find .desktop span img {
      width: 18px;
      height: 18px; }
  #HeaderNew .tabGroup .targetGroup .desktop .icon {
    line-height: 33px;
    font-family: "Norrtalje-ikoner";
    position: absolute;
    font-size: 40px;
    right: 10px; }
  #HeaderNew .tabGroup .hidden {
    display: none; }
  #HeaderNew .targetGroupMenu {
    display: block; }
    #HeaderNew .targetGroupMenu .expandable .pageLink .mobile {
      display: none; }
  #HeaderNew .menuRow .pageLink.homeLink {
    display: none; }
  #HeaderNew .menuRow .level-0 > ul,
  #HeaderNew .targetGroupMenu nav > ul {
    width: 100%; }
  #HeaderNew .menuRow .level-0 > ul > li,
  #HeaderNew .targetGroupMenu nav > ul > li {
    width: auto;
    border-top: none;
    vertical-align: bottom; }
  #HeaderNew .menuRow .level-0 > ul > li {
    float: none;
    border-bottom: #d8d8d8 solid 1px;
    border-left: #d8d8d8 solid 1px; }
  #HeaderNew .targetGroupMenu .closeButton {
    display: none; }
  #HeaderNew .menuRow .pageLink {
    font-size: 18px;
    color: #072046; }
  #HeaderNew .targetGroupMenu nav > ul > .expanded > .pageLink,
  #HeaderNew .menuRow.customColor nav > ul > .expanded > .pageLink {
    background: rgba(255, 255, 255, 0.25);
    color: #111; }
  #HeaderNew .menuRow .level-1,
  #HeaderNew .targetGroupMenu .level-1 {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 1; }
  #HeaderNew .menuRow .level-1 .pageLink,
  #HeaderNew .targetGroupMenu .level-1 .pageLink {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  #HeaderNew .menuRow .expanded .level-1,
  #HeaderNew .targetGroupMenu .expanded .level-1 {
    overflow: visible; }
  #HeaderNew .menuRow .expanded .level-1 > ul > li,
  #HeaderNew .targetGroupMenu .expanded .level-1 > ul > li {
    width: 33.33%;
    float: none; }
  #HeaderNew .menuRow .expanded .level-1 > ul > li,
  #HeaderNew .targetGroupMenu .expanded .level-1 > ul > li {
    border-top: none; }
  #HeaderNew .menuRow .expanded .level-1 > ul > li:nth-child(n + 5),
  #HeaderNew .targetGroupMenu .expanded .level-1 > ul > li:nth-child(n + 5) {
    position: relative;
    left: 33.33%;
    top: -276px; }
  #HeaderNew .menuRow .expanded .level-1 > ul > li:nth-child(n + 9),
  #HeaderNew .targetGroupMenu .expanded .level-1 > ul > li:nth-child(n + 9) {
    position: relative;
    left: 66.66%;
    top: -552px; }
  #HeaderNew .menuRow .level-1 > ul,
  #HeaderNew .targetGroupMenu .level-1 > ul {
    max-width: 1200px;
    margin: 0 auto; }
  #HeaderNew .menuRow .expanded > .listContainer,
  #HeaderNew .targetGroupMenu .expanded > .listContainer {
    height: auto; }
  #HeaderNew .menuRow .expanded > .listContainer.level-1,
  #HeaderNew .targetGroupMenu .expanded > .listContainer.level-1 {
    height: 0;
    overflow: hidden;
    position: absolute; }
  #HeaderNew.menuOpen .menuRow .expanded > .listContainer.level-1,
  #HeaderNew.menuOpen .targetGroupMenu .expanded > .listContainer.level-1 {
    height: auto;
    z-index: 100;
    /* Stay atop i.e. an imageslider */ }
  #HeaderNew .menuRow ul ul,
  #HeaderNew .targetGroupMenu ul ul {
    color: red; } }

@media (max-width: 768px) {
  #EServicePage #HeaderNew .e-services.active,
  #EServiceListPage #HeaderNew .e-services.active {
    margin-bottom: 0;
    padding-bottom: 23px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px; } }

@media (min-width: 769px) {
  #EServicePage #top-nav-container,
  #EServicePage .hide-on-eservice,
  #EServiceListPage #top-nav-container,
  #EServiceListPage .hide-on-eservice {
    display: none; } }

/*
Special case media query: Shrink font-size to avoid triple lines of text in menu names.
*/
@media (min-width: 769px) and (max-width: 999px) {
  #HeaderNew .menuRow .pageLink {
    line-height: 20px; } }

/*
Special case media query: Larger font-size on insta-link when above 1200px. Also switch header fill image
*/
@media (min-width: 1200px) {
  #HeaderNew {
    /*background: url("/static/images/gfx/header-fill-2562-min.png") top center no-repeat;*/
    background-color: #f2f4f6; } }

/*searchbox between header and main*/
@media (min-width: 769px) {
  #searchbar {
    display: none; } }

#searchbar .searchbox {
  margin-left: 20px;
  margin-right: 20px; }
  #searchbar .searchbox.hidden {
    display: none; }
  #searchbar .searchbox .searchform {
    width: 100%; }
    #searchbar .searchbox .searchform form {
      position: relative; }
    #searchbar .searchbox .searchform input[type="search"] {
      line-height: 14px;
      background-color: transparent;
      height: 51px;
      width: 100%;
      border-radius: 4px;
      border: solid 2px #dbdfe4;
      background-color: #ffffff;
      font-size: 20px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #636363;
      font-family: "HelveticaNeueW01-55Roma";
      padding: 16px 12px 14px;
      /* clears the 'X' from Internet Explorer */
      /* clears the 'X' from Chrome */ }
      #searchbar .searchbox .searchform input[type="search"]::-ms-clear {
        display: none;
        width: 0;
        height: 0; }
      #searchbar .searchbox .searchform input[type="search"]::-ms-reveal {
        display: none;
        width: 0;
        height: 0; }
      #searchbar .searchbox .searchform input[type="search"]::-webkit-search-decoration, #searchbar .searchbox .searchform input[type="search"]::-webkit-search-cancel-button, #searchbar .searchbox .searchform input[type="search"]::-webkit-search-results-button, #searchbar .searchbox .searchform input[type="search"]::-webkit-search-results-decoration {
        display: none; }
    #searchbar .searchbox .searchform button {
      cursor: pointer;
      position: absolute;
      right: 0;
      background: transparent;
      border: none;
      background-color: #253151;
      padding: 15px;
      border-radius: 0 4px 4px 0; }
      #searchbar .searchbox .searchform button:after {
        content: url("/Static/images/_new/group-6.svg"); }
  #searchbar .searchbox.mobile {
    padding: 22px 20px; }
    @media (min-width: 769px) {
      #searchbar .searchbox.mobile {
        display: none; } }
    #searchbar .searchbox.mobile span {
      font-family: "icomoon";
      font-size: 30px;
      color: #fff; }
  #searchbar .searchbox .search-toggle-button span {
    font-family: "HelveticaNeueW01-55Roma";
    font-weight: bold;
    color: #072046; }
  @media (max-width: 768px) {
    #searchbar .searchbox .search-toggle-button {
      display: inline-block; } }
  #searchbar .searchbox span {
    width: 100%;
    height: 5.3rem;
    background: #263151;
    position: fixed;
    bottom: 0;
    left: 0; }

@media (min-width: 769px) {
  .desktopMenuModal {
    opacity: 0.2;
    position: absolute;
    z-index: 1;
    background: black;
    width: 100%;
    height: 100%;
    cursor: pointer; }
    .desktopMenuModal.hidden {
      display: none; } }

@media (max-width: 768px) {
  .mobileMenuModal {
    opacity: 0.2;
    position: absolute;
    z-index: 1;
    background: black;
    width: 100%;
    height: 100%;
    cursor: pointer;
    top: 40; }
    .mobileMenuModal.hidden {
      display: none; } }

.icon-volume-high:before {
  /*content: '\e637';*/
  content: url(/Static/images/_new/s-peaker.svg); }

.earth:before {
  /*content: '\e609';*/
  content: url(/Static/images/_new/globe.svg); }

.message:before {
  content: url(/Static/images/_new/Message.svg); }

.file:before {
  content: url(/Static/images/_new/File.svg); }

.ankare:before {
  content: url(/Static/images/_new/ankare.svg); }

.mobileTopNav {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media (max-width: 768px) {
    .mobileTopNav {
      background-color: #253151;
      order: 0; } }
  .mobileTopNav .mobile {
    padding-right: 20px; }
    @media (min-width: 769px) {
      .mobileTopNav .mobile {
        display: none; } }
  .mobileTopNav span {
    font-family: "icomoon";
    font-size: 24px;
    color: #fff; }
  .mobileTopNav a {
    height: 80px;
    padding-top: 20px;
    padding-bottom: 10px;
    transition: background 0.2s linear; }
    @media (min-width: 769px) {
      .mobileTopNav a.home {
        display: none; } }
    .mobileTopNav a.targetGroup {
      padding-right: 40px;
      padding-bottom: 47px; }
      .mobileTopNav a.targetGroup.active {
        padding-bottom: 57px; }
  .mobileTopNav .home .desktop span {
    font-family: "HelveticaNeueW01-55Roma";
    font-size: 15px;
    line-height: 25px;
    color: #fff; }
    .mobileTopNav .home .desktop span:first-child {
      font-family: "icomoon";
      color: #fff;
      display: block;
      font-size: 18pt; }
    .mobileTopNav .home .desktop span img {
      width: 18px;
      height: 18px; }
  .mobileTopNav .home .align {
    display: flex;
    align-items: flex-end; }

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

.text-center {
  text-align: center; }

.isActive a:first-child {
  border-left: 12px solid #004c85; }

.hasActiveChild a:first-child {
  border-left: 12px double #004c85; }

/*****************  mmenujs   ***********************/
.mm-menu {
  --mm-color-background: #f2f4f6;
  --mm-color-text: #253151; }
  .mm-menua:hover {
    text-decoration: none !important; }

.mm-btn--prev:hover {
  background-color: #dce0e4; }

.mm-listitem__text {
  color: #253151; }

.mm-wrapper__blocker {
  background: rgba(0, 0, 0, 0.8); }

.mm-listitem__text:hover {
  background-color: #dce0e4; }

.mm-listitem__btn:hover {
  background-color: #dce0e4; }

.mm-listitem:after {
  inset-inline-start: 0px; }

.mm-navbar__title {
  justify-content: flex-start;
  font-weight: 800;
  padding: 20px; }
  .mm-navbar__title span {
    font-family: "HelveticaNeueW01-55Roma";
    font-size: 18px;
    color: #4e4e4e; }
  .mm-navbar__title:hover {
    background-color: #dce0e4; }

.mm-listitem--selected > .mm-listitem__text {
  background-color: #f2f4f6; }

#menubutton:hover {
  cursor: pointer; }

.mm-panel {
  display: none !important; }

.mm-panel.mm-panel--opened {
  display: block !important; }

.mm-menu--position-right-front {
  min-width: 240px;
  width: 80%;
  max-width: 440px; }
  @media (max-width: 768px) {
    .mm-menu--position-right-front {
      width: 100%; } }

.mm-page {
  min-height: auto; }

/***************************************************/
/*herosearch.scss*/
/****** VARIABLES ******/
/******* BREAKPOINTS *******/
/******* FONTS *******/
/******* mmenujs *******/
#HeroSearch {
  position: relative;
  overflow: hidden;
  background: #e7f1f3;
  /*.bgImage {*/
  /* Imagecentering adapted from http://stackoverflow.com/a/19414020/2768430 */
  /*img {
            position: absolute;
            left: -9999px;
            right: -9999px;
            margin: 0 auto;
            max-width: none;
            width: 100%; //TODO: endast för test än så länge
        }
    }*/ }
  #HeroSearch .searchHeader {
    max-width: 700px;
    margin: 100px auto 0px;
    text-align: center;
    font-family: 'Pacifico', cursive;
    color: #FFF;
    font-size: 70px;
    line-height: 1; }
    @media (max-width: 768px) {
      #HeroSearch .searchHeader {
        font-size: 40px;
        margin-top: 50px; } }
    @media (max-width: 400px) {
      #HeroSearch .searchHeader {
        font-size: 35px; } }
  #HeroSearch .searchForm {
    max-width: none;
    padding: 0 15px;
    margin: 50px auto 240px;
    position: relative;
    width: 100%; }
    #HeroSearch .searchForm input[type=search],
    #HeroSearch .searchForm input[type=text] {
      width: 100%;
      padding: 21px 85px 21px 21px;
      font-family: 'HelveticaNeueW01-55Roma';
      font-size: 25px;
      line-height: 30px;
      border: 0;
      border-radius: 3px; }
      #HeroSearch .searchForm input[type=search]::-webkit-input-placeholder, #HeroSearch .searchForm input[type=search]:-moz-placeholder, #HeroSearch .searchForm input[type=search]::-moz-placeholder, #HeroSearch .searchForm input[type=search]:-ms-input-placeholder,
      #HeroSearch .searchForm input[type=text]::-webkit-input-placeholder,
      #HeroSearch .searchForm input[type=text]:-moz-placeholder,
      #HeroSearch .searchForm input[type=text]::-moz-placeholder,
      #HeroSearch .searchForm input[type=text]:-ms-input-placeholder {
        color: black;
        font-weight: normal; }
    #HeroSearch .searchForm .searchIcon {
      cursor: pointer;
      position: absolute;
      width: 68px;
      border: none;
      background: transparent;
      color: #006ebf;
      font-size: 0;
      top: 2px;
      right: 17px;
      bottom: 2px; }
      #HeroSearch .searchForm .searchIcon:after {
        content: "\e900";
        font-family: 'icomoon';
        color: #006ebf;
        position: absolute;
        right: 20px;
        top: 11px;
        width: 48px;
        font-size: 50px;
        line-height: 50px; }
  #HeroSearch .illustration {
    position: absolute;
    bottom: 0; }

@media (max-width: 768px) {
  #HeroSearch {
    height: 500px;
    overflow: hidden;
    /*.bgImage {
            img {
                width: 200%;
            }
        }*/ }
    #HeroSearch .illustration {
      width: 240px; } }

@media (max-width: 400px) {
  #HeroSearch {
    height: 450px;
    /*.bgImage {
            img {
                width: 260%;
            }
        }*/ } }

@media (min-width: 768px) {
  #HeroSearch .container {
    position: relative; }
  #HeroSearch .searchForm {
    max-width: 500px;
    padding: 0 15px;
    margin-left: auto;
    margin-right: auto;
    width: auto; }
    #HeroSearch .searchForm input[type=search],
    #HeroSearch .searchForm input[type=text] {
      padding: 15px 85px 15px 35px;
      font-size: 20px;
      line-height: 2;
      height: 70px; }
    #HeroSearch .searchForm .searchIcon {
      width: 98px; }
      #HeroSearch .searchForm .searchIcon:after {
        right: 16px;
        font-size: 50px;
        line-height: 1; }
  #HeroSearch .illustration {
    left: 20px;
    bottom: 108px; } }

.linkBox {
  display: block;
  padding: 11px 95px 15px 0;
  font-family: "HelveticaNeueW01-55Roma";
  font-size: 16px;
  font-weight: 600;
  line-height: 1.63em;
  color: #004C85;
  position: relative;
  text-decoration: none;
  cursor: pointer;
  border-top: 1px dashed #ddd; }
  .linkBox--not-linked {
    cursor: default; }

.linkBox .text {
  font-family: "HelveticaNeueW01-55Roma";
  font-size: 18px;
  line-height: 25px;
  color: #006ebf; }

.linkBox:hover {
  background-color: #f6f6f6; }

.linkBox:after {
  /*content: "\e604";*/
  /*font-family: "Norrtalje-ikoner";*/
  font-family: 'icomoon';
  content: "\e92d";
  font-weight: normal;
  position: absolute;
  /*right: -20px;*/
  right: -40px;
  bottom: 0px;
  top: 0px;
  width: 69px;
  font-size: 20px;
  padding-top: 13px; }

.linkBox .label {
  color: #a0a0a0;
  display: none;
  font-size: 11px;
  text-transform: uppercase;
  position: absolute;
  right: 49px;
  bottom: 13px; }

#SituationsList .linkBox .increaseRelevance,
#SituationsList .linkBox .decreaseRelevance,
#SituationsList .linkBox .defaultRelevance {
  position: absolute;
  background: #c1e4ef;
  border: 2px solid #e8f1f4;
  width: 33px;
  height: 33px;
  text-align: center;
  font-weight: bold;
  font-size: 23px;
  line-height: 25px;
  font-family: "HelveticaNeueW01-55Roma";
  color: #006ebf; }

#SituationsList .linkBox .increaseRelevance {
  right: 220px; }

#SituationsList .linkBox .decreaseRelevance {
  right: 180px; }

#SituationsList .linkBox .defaultRelevance {
  right: 140px;
  padding-top: 2px; }

#SituationsList .linkBox .increaseRelevance.disabled,
#SituationsList .linkBox .decreaseRelevance.disabled,
#SituationsList .linkBox .defaultRelevance.disabled {
  background: #ddd;
  color: #999; }

#SituationsList .linkBox .relevanceLabel {
  position: absolute;
  right: 85px;
  top: 40px; }

@media (min-width: 768px) {
  .linkBox .label {
    display: block; } }

.linkedPagesList ul {
  list-style: none; }

.linkList ul {
  list-style: none; }

.linkList.filterList .filter {
  width: 100%;
  padding: 21px 21px 21px 21px;
  font-family: 'HelveticaNeueW01-55Roma';
  font-size: 18px;
  line-height: 25px;
  border: 2px solid #e8f1f4;
  max-width: 400px;
  margin-bottom: 15px; }

.linkList.filterList .filterFeedBack {
  display: none;
  margin-left: 15px;
  font-size: 17px;
  line-height: 17px;
  color: #888; }

.linkList.filterList .filterFeedBack.active {
  display: inline-block; }

.linkList.filterList .showMore {
  display: none;
  color: #006ebf;
  text-align: center;
  margin-top: 15px; }

.linkList.filterList .showMore.show {
  display: block; }

.blockWrapper:hover span.event-title {
  text-decoration: underline; }

.pushedContentBlock,
.pushedEventBlock {
  width: 100%;
  position: relative;
  max-width: 370px; }
  @media (max-width: 1200px) {
    .pushedContentBlock,
    .pushedEventBlock {
      max-width: 100%; } }
  .pushedContentBlock.no-image,
  .pushedEventBlock.no-image {
    max-width: none;
    /*padding: 8px 20px;*/ }

.pushedContentBlock {
  border: 1px dashed #dddddd; }
  .pushedContentBlock:hover:not(.pushedContentBlock--no-hover-effect) {
    background-color: #f6f6f6; }
    .pushedContentBlock:hover:not(.pushedContentBlock--no-hover-effect) .linkBox {
      background-color: #f6f6f6; }
  .pushedContentBlock .h2 {
    margin: 0;
    margin: 10px 0 15px; }
    .pushedContentBlock .h2 .header-icon {
      margin-right: 10px; }
      .pushedContentBlock .h2 .header-icon img {
        width: 24px;
        height: 24px; }
  .pushedContentBlock .h3 {
    font-size: 19px;
    font-family: 'HelveticaNeueW01-55Roma';
    font-weight: 600;
    margin: 0;
    color: #004C85;
    margin: 10px 0 15px;
    display: block; }
    .pushedContentBlock .h3:not(.h3--not-linked):after {
      font-family: "icomoon";
      content: "\e92d";
      display: inline-block;
      vertical-align: bottom;
      text-decoration: none; }
  .pushedContentBlock .label {
    position: absolute;
    right: 10px;
    top: 6px;
    font-size: 0.65em;
    line-height: 1;
    color: #989898; }
  .pushedContentBlock .linkBox {
    font-family: "HelveticaNeueW01-55Roma"; }
    .pushedContentBlock .linkBox span.h3, .pushedContentBlock .linkBox span.h2--linkBox-padding, .pushedContentBlock .linkBox .linkBox--body.h3, .pushedContentBlock .linkBox .linkBox--body.h2--linkBox-padding {
      padding-top: 8px;
      padding-left: 20px;
      padding-right: 20px;
      line-height: 1em; }
    .pushedContentBlock .linkBox span.textWrapper, .pushedContentBlock .linkBox .linkBox--body.textWrapper {
      padding-bottom: 8px;
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 0;
      height: 85px;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis; }

.minified .pushedContentBlock .h3 {
  margin: 0 0 20px; }

.pushedEventBlock .h3 {
  margin-top: 0;
  display: block; }

@media screen and (min-width: 768px) {
  .wide .pushedContentBlock {
    max-width: none; }
  .pushedContentBlock.no-image {
    min-height: 230px; } }

.pushedContentBlock .label.eservice, .pushedContentBlock .label.guide {
  top: 22px;
  width: 56px;
  text-align: center; }

.pushedContentBlock .label.eservice:before, .pushedContentBlock .label.guide:before {
  position: absolute;
  top: -55px;
  content: "\e91f";
  height: 46px;
  width: 46px;
  border-radius: 50%;
  font-family: 'icomoon';
  color: #fff;
  text-align: center;
  font-size: 2.4em;
  padding-top: 8px;
  left: 0;
  right: 0;
  margin: 0 auto; }

.pushedContentBlock .label.guide:before {
  content: "\e924"; }

.pushedContentBlock .imageWrapper,
.pushedEventBlock .imageWrapper {
  position: relative;
  overflow: hidden; }

.pushedContentBlock .imageWrapper img,
.pushedEventBlock .imageWrapper img {
  display: block;
  /* TODO: The image scaling behaviour is not very good */
  width: 100%;
  max-height: 250px;
  vertical-align: top; }

.pushedContentBlock img {
  vertical-align: top; }
  @media (max-width: 1200px) {
    .pushedContentBlock img {
      width: 100%; } }

.wide .pushedContentBlock .imageWrapper img {
  max-height: none; }

.pushedContentBlock .imageWrapper .editPlaceholder {
  min-height: 150px; }

.pushedContentBlock .imageWrapper .textWrapper,
.pushedEventBlock .imageWrapper .textWrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  bottom: 0;
  transition: top 0.3s ease;
  padding: 15px;
  background: #006ebf;
  background: rgba(54, 175, 217, 0.9);
  color: #fff; }

.pushedEventBlock .imageWrapper .textWrapper p {
  height: 100%; }

.pushedEventBlock .imageWrapper .textWrapper p a {
  display: block;
  color: #fff0f5;
  height: 100%; }

.pushedContentBlock .imageWrapper:hover .textWrapper,
.pushedEventBlock .imageWrapper:hover .textWrapper {
  top: 0; }

.pushedContentBlock .textWrapper {
  line-height: 26px;
  font-size: 16px;
  color: #4e4e4e;
  display: block;
  text-decoration: none; }

.pushedEventBlock .event-block-text-wrapper {
  display: block;
  margin-bottom: 10px;
  padding: 11px 15px 21px;
  border: 1px dashed #ddd;
  border-top: 0;
  background: #fff;
  position: relative;
  cursor: pointer;
  transition: background 200ms ease-in-out; }

.pushedEventBlock .textWrapper p {
  color: #fff; }

.pushedEventBlock:hover .event-block-text-wrapper {
  background-color: #f6f6f6; }

.pushedEventBlock .event-block-text-wrapper:after {
  content: "";
  position: absolute;
  bottom: -11px;
  /*background: url("/Static/images/gfx/skuggan.png");*/
  left: 10px;
  right: 10px;
  height: 10px;
  background-size: 100% 100%; }

.pushedEventBlock .event-block-text-wrapper a .event-title, .pushedContentBlock .linkBox {
  /*font-size: 26px;*/
  line-height: 1.2;
  color: #006ebf;
  display: block;
  margin-bottom: 5px; }

@media (min-width: 768px) {
  .pushedEventBlock .event-block-text-wrapper a .event-title {
    /*min-height: 96px;*/
    margin-bottom: 0; } }

.pushedEventBlock .event-block-text-wrapper a .event-title {
  font-family: "HelveticaNeueW01-45Ligh"; }

.pushedEventBlock .event-block-text-wrapper a:focus .event-title {
  outline: 2px solid black; }

@media (min-width: 768px) and (max-width: 992px) {
  .pushedEventBlock .event-block-text-wrapper a .event-title,
  .pushedContentBlock .linkBox,
  div:not(.pushedContentAreaWrapper.minified) .pushedEventBlock .linkBox {
    font-size: 20px; } }

.pushedEventBlock .event-block-text-wrapper .shortText {
  display: none; }

.pushedContentBlock .linkBox {
  border: 0;
  padding: 15px 0;
  padding: 0;
  background: #fff;
  color: #006ebf;
  text-decoration: none; }
  .pushedContentBlock .linkBox:focus {
    border: 2px solid black; }
  .pushedContentBlock .linkBox span.h3 {
    text-decoration: none;
    height: 48px;
    display: flex;
    align-items: center; }
    .pushedContentBlock .linkBox span.h3:hover {
      text-decoration: underline; }

.pushedContentBlock .linkBox:before, .pushedContentBlock .linkBox:after {
  display: none; }

.pushedContentBlock .linkBox.shortText,
.pushedEventBlock .linkBox.shortText {
  display: none; }

.pushedEventBlock .date-and-place-wrapper {
  padding-left: 40px;
  margin-top: 30px;
  position: relative;
  color: #909090;
  height: 28px;
  display: block; }

.pushedEventBlock .date-and-place-wrapper:before {
  content: '\e923';
  font-family: "icomoon";
  font-size: 37px;
  line-height: 28px;
  position: absolute;
  left: 0;
  top: 0; }

/*.pushedEventBlock .date-and-place-wrapper:after {
    content: "\e604";
    font-family: "Norrtalje-ikoner";
    color: #006ebf;
    position: absolute;
    right: -15px;
    bottom: -21px;
    font-size: 100px;
    padding: 19px 0;
    display: inline-block;
    text-align: center;
    width: 70px;
    text-indent: -15px;
}*/
@media (min-width: 768px) and (max-width: 992px) {
  .pushedEventBlock .date-and-place-wrapper:after {
    width: 55px;
    padding: 13px 0;
    font-size: 80px;
    text-indent: -13px; } }

.pushedEventBlock .date-and-place-wrapper * {
  font-family: "HelveticaNeueW01-55Roma";
  color: #747474;
  font-size: 16px;
  line-height: 1; }

.pushedEventBlock .date-and-place-wrapper > span {
  margin-left: 5px;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 55px;
  text-overflow: ellipsis;
  display: block; }

/* Special case media query: between 768px and 1024px show shorter text in puff */
/*@media (min-width: 768px) and (max-width: 1024px) {*/
/*.pushedContentBlock .linkBox,
    .pushedEventBlock .linkBox*/
/*,div:not(.pushedContentAreaWrapper.minified) .pushedEventBlock .linkBox*/
/*{
        display: none;
    }*/
/*.pushedContentBlock .linkBox.shortText,
    .pushedEventBlock .linkBox.shortText {
        display: block;
    }*/
/*}*/
.htmlBlock {
  border: 1px dashed #dddddd;
  width: 100%;
  position: relative;
  max-width: 370px; }
  .htmlBlock .h3 {
    font-size: 19px;
    font-family: 'HelveticaNeueW01-55Roma';
    font-weight: 600;
    color: #006ebf;
    margin: 10px 0 15px;
    display: block; }
  .htmlBlock span.h3 {
    font-family: 'HelveticaNeueW01-55Roma';
    padding-top: 8px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 1em; }
  .htmlBlock span.textWrapper {
    padding-bottom: 8px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 26px;
    font-size: 16px;
    color: #4e4e4e;
    display: block;
    font-weight: 600; }

.htmlVideo img, .htmlVideo iframe {
  height: 250px !important; }

/* This file contains shared css for "blockGroup" and also specific css for newslistblock */
.blockGroupWrapper {
  margin: 15px 0; }
  .blockGroupWrapper .newsItem {
    border-bottom: 1px dashed #ddd; }
    .blockGroupWrapper .newsItem--hover-effect {
      padding-left: 10px;
      padding-right: 10px; }
      .blockGroupWrapper .newsItem--hover-effect:hover {
        background-color: #f6f6f6; }
    .blockGroupWrapper .newsItem .no-date:hover {
      text-decoration: underline; }
  .blockGroupWrapper h2 {
    /*text-align: center;*/
    margin-top: 20px;
    margin-bottom: 10px; }
    .blockGroupWrapper h2 span.eventlist-title-icon {
      display: inline-block;
      font-family: icomoon;
      font-size: 50px;
      line-height: 50px;
      padding: 10px;
      vertical-align: sub;
      position: relative;
      border-radius: 50%;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      margin-right: 20px;
      color: #006ebf;
      background: #c1e4ef; }
  .blockGroupWrapper.newsList {
    /*background-color: #e8f1f4;*/ }
    .blockGroupWrapper.newsList ul {
      list-style: none;
      /*border: 2px solid #e8f1f4;*/
      position: relative;
      /*padding: 0 15px;*/
      /*&:after {
                content: "";
                position: absolute;
                bottom: -11px;
                background: url("/Static/images/gfx/skuggan.png");
                left: 25px;
                right: 25px;
                height: 10px;
                background-size: 100% 100%;
            }*/ }
      .blockGroupWrapper.newsList ul a {
        display: block;
        padding: 1rem 0;
        position: relative;
        border-bottom: 1px dashed #ddd;
        line-height: 25px;
        font-size: 16px;
        text-decoration: none !important; }
        .blockGroupWrapper.newsList ul a:hover > span {
          text-decoration: underline; }
        .blockGroupWrapper.newsList ul a span:hover {
          cursor: pointer; }
        .blockGroupWrapper.newsList ul a .textEllipsis {
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis;
          color: #004C85;
          font-family: "HelveticaNeueW01-55Roma"; }
      .blockGroupWrapper.newsList ul a.no-date {
        padding-left: 0; }
    .blockGroupWrapper.newsList a .dateContainer {
      position: absolute;
      top: 0;
      width: 80px;
      bottom: 0;
      left: 0;
      /*background: #D2F0F7;*/ }
    .blockGroupWrapper.newsList .incident a .dateContainer {
      /*background: #f8ea55;*/ }
    .blockGroupWrapper.newsList a .dateContainer .day,
    .blockGroupWrapper.newsList a .dateContainer .month {
      position: absolute;
      left: 0;
      right: 0;
      top: 50%;
      font-family: "HelveticaNeueW01-45Ligh";
      display: block;
      padding-left: 15px; }
    .blockGroupWrapper.newsList a .dateContainer .day {
      margin-top: -23px;
      font-size: 28px;
      /*line-height: 0.5;*/ }
    .blockGroupWrapper.newsList a .dateContainer .month {
      font-size: 14px;
      margin-top: 2px; }
    .blockGroupWrapper.newsList .mainArchiveWrapper a {
      color: #004C85; }
  .blockGroupWrapper .serviceMessageList {
    padding: 20px !important; }

/* Special case media query: allow newslist block to break out of the 1200px wide column */
@media screen and (min-width: 1200px) {
  .blockGroupWrapper.newsList {
    /*margin: 55px -100% 15px;*/
    /*padding: 0 100%;*/
    /*width: 300%;*/ }
  .editMode .blockGroupWrapper.newsList {
    margin: 15px 0;
    padding: 0;
    width: 100%; } }

@media screen and (min-width: 768px) {
  .blockGroupWrapper.newsList {
    /*width: 50%;*/
    padding-right: 10px; } }

.relatedPages {
  margin-top: 30px;
  overflow: hidden; }

.relatedPages h3 {
  text-align: center; }

.relatedPages li:nth-child(n+4) {
  display: none; }

.relatedPages .showMore {
  display: none;
  margin-top: 15px;
  padding: 0 15px;
  text-align: center;
  color: #006ebf; }

.shepherdStarter {
  display: none;
  width: 210px;
  background: #66b234;
  border-radius: 5px;
  color: #fff;
  padding: 12px 15px;
  line-height: 22px;
  cursor: pointer; }

#StartPage .shepherdStarter {
  margin: 0 auto; }

#TargetGroupPage .shepherdStarter {
  margin: 30px auto 0; }

@media (min-width: 768px) {
  .shepherdStarter {
    display: block; } }

@media (min-width: 1200px) {
  #StartPage .shepherdStarter {
    position: absolute;
    width: 170px;
    top: 30px;
    left: 50%;
    margin-left: 415px; } }

@media (min-width: 600px) {
  #TargetGroupPage .shepherdStarter {
    position: absolute;
    top: 0;
    right: 30px; } }

/*==============================================
Överrider några av Talande Webb's stilklasser för
att bättre passa in.
===============================================*/
#rwDrag {
  margin-top: 30px; }

.rwToolbarCaption {
  background-image: none !important;
  background-color: #006ebf;
  height: 23px !important; }

.rwToolbarBar {
  border-top: 0 solid #006ebf !important;
  border-left: 2px solid #006ebf !important;
  border-bottom: 2px solid #006ebf !important;
  border-right: 2px solid #006ebf !important; }

/****** VARIABLES ******/
/******* BREAKPOINTS *******/
/******* FONTS *******/
/******* mmenujs *******/
.subMenuWrapper {
  max-width: 800px;
  margin: 30px auto 0;
  padding: 0 15px;
  display: none; }

@media (min-width: 769px) {
  .subMenuWrapper {
    display: block; } }

.backToParent {
  font-family: 'HelveticaNeueW01-55Roma';
  font-size: 16px;
  font-weight: 600;
  color: #004C85;
  display: block;
  margin-bottom: 10px;
  margin-left: -12px;
  text-decoration: none; }
  .backToParent:before {
    font-family: "icomoon";
    content: "\e92e";
    font-size: 38px;
    font-weight: 100;
    vertical-align: top; }
  .backToParent:hover {
    text-decoration: underline; }

.contactBlocksArea + #SubMenu {
  border-top: solid 1px #fff; }

#SubMenu {
  margin-bottom: 30px;
  /* INDENTATION */
  /* END EXPAND BUTTON */
  /* ROOT ITEM */
  /* END ROOT ITEM */ }
  #SubMenu li {
    float: left;
    width: 100%;
    /*margin-top: 2px;*/ }
    #SubMenu li li {
      margin-top: 0; }
  #SubMenu .listContainer ul li {
    margin: 2px 0; }
  #SubMenu .pageLink {
    font-family: "HelveticaNeueW01-55Roma";
    font-size: 16px;
    letter-spacing: normal;
    line-height: 1.6em;
    padding: 12px 20px 14px 20px;
    color: #002147;
    display: block;
    transition: background 0.1s linear;
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #e4e4e4;
    /* EXPAND BUTTON */ }
    #SubMenu .pageLink:focus {
      outline: 2px solid black;
      border: none; }
    #SubMenu .pageLink:hover {
      /*border-left: solid 5px #006ebf;*/
      background-color: rgba(0, 0, 0, 0.07); }
    #SubMenu .pageLink:active {
      background-color: #e5f0f8;
      color: #000; }
    #SubMenu .pageLink .expandButton {
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      text-align: center;
      color: #004C85;
      display: block;
      padding: 13px;
      z-index: 50;
      color: #fff;
      width: 60px; }
      #SubMenu .pageLink .expandButton:after {
        color: #004C85;
        content: '+';
        font-family: Arial;
        font-size: 32px; }
  #SubMenu .expanded.expandable.active + li {
    margin-top: 0; }
  #SubMenu .active > .pageLink {
    background-color: #e5f0f8; }
  #SubMenu.customColor .pageLink:active {
    background: rgba(0, 0, 0, 0.05); }
  #SubMenu .expandable > .pageLink {
    padding-right: 60px; }
  #SubMenu li li li a.pageLink {
    padding-left: 60px;
    background-color: #f6f6f6; }
  #SubMenu li li li.active > a.pageLink {
    padding-left: 55px; }
  #SubMenu li li li li a.pageLink {
    padding-left: 80px;
    background-color: #fff; }
  #SubMenu li li a.pageLink {
    padding-left: 40px;
    border-top: 0; }
  #SubMenu li li.active > a.pageLink {
    padding-left: 40px; }
  #SubMenu .listContainer {
    border: 1px solid #e4e4e4; }
  #SubMenu .expandButton.open:after {
    content: '_';
    font-size: 24px;
    font-weight: 600;
    position: absolute;
    top: 2px;
    right: 24px; }
  #SubMenu .active > a > .expandButton {
    /*border-left: solid 1px #a9e0ef;*/ }
  #SubMenu.customColor .expanded > a > .expandButton {
    color: #fff; }
  #SubMenu li .expandButton:after {
    color: #006ebf; }
  #SubMenu li.rootItem a {
    background: transparent;
    border: 0; }
  #SubMenu li.rootItem a:hover {
    background: inherit; }
  #SubMenu li.rootItem a.pageLink {
    padding-left: 0;
    color: #000;
    font-size: 1.3em; }
  #SubMenu li ul {
    display: none; }
  #SubMenu li.expanded > ul {
    display: block; }
  #SubMenu .menuRow li,
  #SubMenu .targetGroupMenu li {
    float: left;
    width: 100%;
    border-top: 1px solid #9ad7ec;
    background: #006ebf; }

/*targetgrouppufflist.scss*/
.targetGroupPuffList {
  margin-left: auto;
  position: relative;
  margin-right: auto;
  background: #fff;
  padding-bottom: 10px; }
  @media (min-width: 768px) {
    .targetGroupPuffList {
      margin-top: 30px;
      margin-top: -123px; } }
  .targetGroupPuffList .iconFlip {
    transition: all .7s;
    transition-timing-function: ease-in-out; }
  .targetGroupPuffList .iconFlip.loaded {
    transform: rotateY(360deg); }
  .targetGroupPuffList ul {
    list-style: none;
    text-align: center;
    font-size: 0; }
  .targetGroupPuffList .targetGroupPuff {
    font-size: 16px;
    padding: 15px 0 15px 85px; }
    .targetGroupPuffList .targetGroupPuff + .targetGroupPuff {
      border-top: solid 1px #e7f1f3; }
  .targetGroupPuffList .contentWrapper {
    max-width: 600px;
    margin: 0 auto; }
  .targetGroupPuffList .iconArea {
    padding: 0 15px;
    position: absolute;
    left: 0; }
  .targetGroupPuffList .largeIconChar {
    font-family: "Norrtalje-ikoner";
    font-size: 35px;
    line-height: 55px;
    background: #006ebf;
    color: #fff;
    padding: 10px; }
  .targetGroupPuffList .linkArea {
    width: 100%;
    padding: 8px 15px 9px 0;
    float: left;
    text-align: left; }
    .targetGroupPuffList .linkArea .h2 {
      margin-top: 0;
      margin-bottom: 5px;
      color: #006ebf; }
  .targetGroupPuffList .moreInfoLink {
    font-family: 'HelveticaNeueW01-55Roma';
    font-size: 0.85em;
    line-height: 1;
    color: #b1b1b1;
    position: relative; }
  .targetGroupPuffList .linkList {
    width: 100%;
    padding: 15px;
    float: left;
    clear: left; }

@media (min-width: 768px) {
  .targetGroupPuffList {
    max-width: 1170px;
    border-radius: 3px;
    margin-bottom: 20px; }
    .targetGroupPuffList ul {
      margin-top: 15px; }
    .targetGroupPuffList .iconArea {
      position: relative;
      padding: 10px 15px 0; }
    .targetGroupPuffList .targetGroupPuff {
      display: inline-block;
      width: 12%;
      vertical-align: top;
      padding: 0 0 0 0; }
      .targetGroupPuffList .targetGroupPuff + .targetGroupPuff {
        border: 0; }
    .targetGroupPuffList .contentWrapper {
      max-width: 1200px; }
    .targetGroupPuffList .largeIconChar {
      font-size: 22px;
      /*28*/
      line-height: 65px;
      background: #006ebf;
      color: white !important;
      padding: 5px; }
    .targetGroupPuffList .linkArea {
      text-align: center;
      padding-top: 0;
      padding: 0; }
      .targetGroupPuffList .linkArea .h2 {
        padding-left: 0px;
        font-size: 1em;
        line-height: 1; } }

@media (max-width: 768px) {
  .targetGroupPuffList .h2 {
    font-size: 18px; } }

.xform table {
  width: 100%; }

.xform td {
  padding-top: 15px; }

.xform label {
  width: 40%;
  max-width: 200px;
  display: inline-block; }

.xform label,
.xform legend {
  font-family: 'HelveticaNeueW01-55Roma';
  font-size: 19px; }

.xform fieldset label {
  width: auto;
  max-width: none;
  padding-right: 30px;
  font-family: "HelveticaNeueW01-45Ligh";
  font-size: 18px; }

.xform fieldset.orientationVertical label {
  display: block; }

.xform input[type=text] {
  padding: 12px;
  font-family: 'HelveticaNeueW01-55Roma';
  font-size: 19px;
  border: 1px solid #006ebf;
  /*box-shadow: 0px 18px 1px -15px rgba(0, 0, 0, 0.3);*/
  margin: 0 -3px 3px;
  width: 60%; }
  .xform input[type=text]:focus {
    border: 2px solid black; }

.xform textarea {
  padding: 12px;
  font-family: 'HelveticaNeueW01-55Roma';
  font-size: 19px;
  border: 1px solid #006ebf;
  /*box-shadow: 0px 18px 1px -15px rgba(0, 0, 0, 0.3);*/
  margin: 0 0 3px;
  width: 100%; }
  .xform textarea:focus {
    border: 2px solid black; }

.xform input[type=submit] {
  display: inline-block;
  font-family: 'HelveticaNeueW01-55Roma';
  font-size: 18px;
  line-height: 25px;
  background: #006ebf;
  color: #fff;
  padding: 23px 30px;
  position: relative;
  margin-bottom: 10px;
  border: none;
  min-width: 175px; }
  .xform input[type=submit]:focus {
    border: 2px solid black; }

.xform input[type=submit]:hover {
  background: #004c85; }

.xform .field-validation-error {
  color: #eb701a;
  width: 100%;
  display: inline-block; }

.xform .formPostedConfirmation {
  margin: 30px -15px 30px;
  padding: 15px 15px 3%;
  background: #e8f1f4;
  position: relative; }

.xform .formPostedConfirmation:after {
  content: "";
  position: absolute;
  border-left: 800px solid transparent;
  border-bottom: 24px solid #fff;
  top: 100%;
  right: 0;
  margin-top: -3%; }

.xform .formPostedConfirmation .defaultConfirmationMessage {
  font-weight: bold; }

.quoteBlockWrapper .title {
  font-family: 'HelveticaNeueW01-45Ligh', Arial, Helvetica, sans-serif;
  font-size: 30px; }

.quoteBlockWrapper .contactTypeList {
  list-style: none; }

.quoteBlockWrapper .email, .quoteBlockWrapper .phone {
  position: relative;
  padding: 10px 0; }

.quoteBlockWrapper .label {
  position: absolute;
  top: 10px;
  width: 70px;
  font-family: 'Norrtalje-ikoner';
  font-size: 54px;
  color: #006ebf; }

.quoteBlockWrapper .info {
  padding-left: 65px;
  color: #333; }

.quoteBlockWrapper {
  width: 100%;
  margin-top: 30px; }

.quoteBlockWrapper .imageWrapper {
  display: block; }

.quoteBlockWrapper .quoteWrapper {
  font-family: 'Shadows Into Light';
  font-size: 30px;
  padding: 30px;
  display: block; }

.quoteBlockWrapper .contactWrapper {
  font-size: 18px;
  padding: 15px 0px;
  display: block; }

.circle {
  background-repeat: no-repeat;
  border-radius: 120px;
  width: 240px;
  height: 240px;
  margin: auto; }

.contactBlocksArea .quoteBlockWrapper {
  max-width: 800px;
  margin: 30px auto 0 auto;
  padding: 0 15px;
  width: 100%; }

@media (min-width: 768px) {
  .quoteBlockWrapper .contactWrapper {
    width: 60%; }
  .quoteBlockWrapper .quoteWrapper {
    width: 60%; }
  .circle {
    margin: 0px; }
  .quoteBlockWrapper .imageWrapper {
    margin-right: 15px;
    float: right; } }

.incidentList {
  background-color: #f8ea55; }

.incidentList .incidentNews {
  max-width: 1200px;
  margin: 0 auto;
  position: relative; }
  .incidentList .incidentNews * {
    font-family: "HelveticaNeueW01-45ligh", Arial, Helvetica, sans-serif; }

.incidentList .incidentBlockText {
  padding: 15px 5px 0px 15px; }

.incidentList .incidentBlockDate {
  padding: 5px 5px 0px 15px; }

.incidentList .readMore {
  padding: 10px 5px 10px 15px; }

.incidentList .incidentBlockText,
.incidentList .incidentBlockDate,
.incidentList .readMore {
  margin-bottom: 0px;
  display: block;
  /*font-family: "HelveticaNeueW01-55Roma";*/
  /*font-size: 16px;*/
  line-height: 26px;
  color: #4e4e4e;
  /*background: #fff;*/
  cursor: pointer; }

.incidentList .incidentBlockDate {
  font-weight: bold; }

.incidentList .readMore {
  color: #005A9C;
  font-weight: 600; }

.incidentList .incidentBlockPreHeading {
  font-weight: bold;
  font-family: inherit; }

.incidentList a:hover .readMore {
  text-decoration: underline; }

.incidentList a:focus .incidentNews {
  outline: 2px solid black; }

@media screen and (min-width: 768px) {
  .incidentList .incidentBlockText,
  .incidentList .incidentBlockDate,
  .incidentList .readMore {
    padding: 18px 95px 18px 15px; }
  .incidentList .incidentBlockDate {
    position: absolute; }
  .incidentList .incidentBlockText {
    position: relative;
    margin-right: 250px; }
  /*.incidentList .incidentBlockText {
    float:left;
    margin-right:15px;
}*/
  .incidentList .readMore {
    top: 0px;
    right: 0px;
    position: absolute; } }

.importantNewsWrapper {
  padding: 0 15px; }
  .importantNewsWrapper .importantNewsItem.linkBox {
    border: none;
    background-color: #253151;
    color: white;
    padding: 1.438rem;
    margin-bottom: 1px; }
    .importantNewsWrapper .importantNewsItem.linkBox::after {
      padding-top: 24px; }

.importantNewsItemPreHeading {
  font-weight: bold;
  font-family: inherit; }

.schoolfoodContainer {
  padding-bottom: 50px; }

#schoolfoodtoggle {
  border-top: 1px solid #006ebf;
  border-bottom: 1px solid #006ebf;
  padding: 10px 0;
  margin-bottom: 15px;
  color: #006ebf;
  cursor: pointer;
  position: relative;
  padding: 17px 0 17px 85px; }

#schoolfoodexpander {
  float: right; }

#schoolfoodexpander:after {
  content: "\e603";
  font-family: 'Norrtalje-ikoner';
  font-size: 1.5em;
  transform: rotate(180deg);
  display: inline-block;
  color: #333; }

#schoolfood {
  display: none; }

.schoolfoodWeek {
  padding-left: 10%;
  padding-right: 10%;
  clear: both;
  display: none; }

.schoolfoodWeekNumber {
  font-size: 1.1em;
  font-weight: bold;
  padding-bottom: 20px; }

.schoolfoodItem {
  clear: both;
  margin-bottom: 50px; }

.schoolfoodItemHeader {
  width: 25%;
  float: left; }

.schoolfoodItemHoliday {
  color: red; }

.schoolfoodPreviousWeek {
  width: 50%;
  float: left; }

.schoolfoodPreviousWeek .previous-link {
  cursor: pointer; }

.schoolfoodNextWeek {
  float: right; }

.schoolfoodNextWeek .next-link {
  cursor: pointer; }

.schoolfood-image {
  max-height: 70px;
  position: absolute;
  top: -16px;
  left: 0; }

.schoolfood-external-links {
  margin: 10px 0 10px 0; }

.schoolfood-button {
  font-size: 15px;
  font-weight: 300;
  background-color: transparent;
  display: inline-block;
  cursor: pointer;
  padding: 3px 12px 4px;
  line-height: 19px;
  color: #006ebf;
  border-radius: 4px;
  border: 1px solid #006ebf;
  -o-transition: 0.13s background-color, 0.13s color;
  -moz-transition: 0.13s background-color, 0.13s color;
  -webkit-transition: 0.13s background-color, 0.13s color;
  -moz-appearance: none;
  -webkit-appearance: none; }

.mainBody a[href^="http://"].schoolfood-button.print-button {
  padding: 3px 12px 4px;
  background: none; }

/* IMAGE SLIDER */
.sliderWrapper {
  padding: 0;
  margin: 0 auto;
  position: relative;
  border-top-color: rgba(7, 32, 70, 0.1);
  margin-bottom: 50px; }

.sliderWrapper + .pushedContentAreaWrapper.slider {
  margin-bottom: 70px; }

.sliderWrapper .sliderArea {
  display: block;
  position: relative;
  list-style-type: none;
  min-height: 423px; }

.imageBox {
  background: #fff;
  display: list-item;
  position: relative;
  border: none;
  top: 0;
  width: 100%;
  list-style: none; }

.imageBox img {
  width: 100%;
  display: block; }

.imageBox .mainImage {
  display: block;
  margin-top: 0;
  /* tobbe */
  padding: 0;
  max-width: 100%; }
  .imageBox .mainImage .text-on-slide {
    bottom: 0;
    background-color: transparent;
    text-align: left;
    margin-left: 5px; }
    .imageBox .mainImage .text-on-slide .h2 {
      color: #006ebf;
      margin-top: 18px; }

.imageBox .mainImage {
  position: relative; }
  .imageBox .mainImage .collection {
    margin-top: 7rem; }
    .imageBox .mainImage .collection .page {
      margin-top: -5rem; }
  @media (min-width: 481px) {
    .imageBox .mainImage .show-phone {
      display: none !important; } }
  @media (max-width: 480px) {
    .imageBox .mainImage .show-tablet {
      display: none !important; } }
  @media (min-width: 821px) {
    .imageBox .mainImage .show-tablet {
      display: none !important; } }
  @media (max-width: 820px) {
    .imageBox .mainImage .show-desktop {
      display: none !important; } }
  .imageBox .mainImage .main-image-container {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%; }
    .imageBox .mainImage .main-image-container .homepage-grid-container {
      display: flex;
      justify-content: center; }
      @media (max-width: 768px) {
        .imageBox .mainImage .main-image-container .homepage-grid-container nav {
          width: 100%; } }
      .imageBox .mainImage .main-image-container .homepage-grid-container ul,
      .imageBox .mainImage .main-image-container .homepage-grid-container li {
        list-style: none; }
      .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        margin: 8rem auto; }
        @media (max-width: 1200px) {
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container {
            grid-template-columns: repeat(2, 1fr);
            padding: 0 1.25rem 0 1.25rem; } }
        @media (max-width: 767px) {
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container {
            grid-template-columns: repeat(1, 1fr);
            min-width: 80%;
            margin: 4rem auto; } }
        .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item div h3 a:before {
          content: '';
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0; }
        .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container a:focus {
          outline: 2px solid black !important;
          display: inline-block; }
        .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .text-wrapper:focus {
          outline: 2px solid black !important; }
        .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item {
          display: flex;
          text-align: left;
          padding-left: 10px;
          background: #f3f5f6;
          opacity: 0.95;
          border: 1px solid #00000026;
          text-decoration: none;
          min-height: 60px;
          padding: 20px 17px;
          position: relative; }
          @media (max-width: 767px) {
            .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item .item > div {
              display: none; } }
          @media (max-width: 768px) {
            .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item {
              padding: 0px 17px;
              align-items: center;
              min-width: 100%; } }
          @media (min-width: 768px) {
            .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item {
              min-width: 330px;
              max-width: 375px;
              height: 130px;
              max-height: 130px; } }
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item .svg-container {
            width: 5rem;
            height: 5rem;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right: -1rem; }
            @media (max-width: 767px) {
              .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item .svg-container {
                width: 2.5rem;
                height: 2.5rem;
                margin-right: 0;
                margin-left: -0.5rem; } }
            .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item .svg-container > svg {
              object-fit: contain; }
            .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item .svg-container > img {
              object-fit: contain; }
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item .size-10 > img,
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item .size-10 > svg {
            width: 10%; }
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item .size-20 > img,
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item .size-20 > svg {
            width: 20%; }
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item .size-30 > img,
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item .size-30 > svg {
            width: 30%; }
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item .size-40 > img,
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item .size-40 > svg {
            width: 40%; }
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item .size-50 > img,
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item .size-50 > svg {
            width: 50%; }
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item .size-60 > img,
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item .size-60 > svg {
            width: 60%; }
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item .size-70 > img,
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item .size-70 > svg {
            width: 70%; }
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item .size-80 > img,
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item .size-80 > svg {
            width: 80%; }
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item .size-90 > img,
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item .size-90 > svg {
            width: 90%; }
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item .size-100 > img,
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item .size-100 > svg {
            width: 100%; }
          @media (min-width: 767px) {
            .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.size-small .svg-container {
              max-width: 5rem;
              max-height: 5rem;
              display: flex;
              justify-content: center;
              align-items: center;
              padding-left: 0; } }
          @media (min-width: 767px) {
            .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.size-small svg {
              width: 65%; } }
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.rotate-mirror svg {
            -webkit-transform: scaleX(-1);
            transform: scaleX(-1); }
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.rotate-mirror img {
            -webkit-transform: scaleX(-1);
            transform: scaleX(-1); }
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.rotate-45 svg {
            transform: rotate(45deg); }
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.rotate-45 img {
            transform: rotate(45deg); }
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.rotate-90 svg {
            transform: rotate(90deg); }
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.rotate-90 img {
            transform: rotate(90deg); }
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.rotate-135 svg {
            transform: rotate(135deg); }
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.rotate-135 img {
            transform: rotate(135deg); }
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.rotate-180 svg {
            transform: rotate(180deg); }
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.rotate-180 img {
            transform: rotate(180deg); }
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.rotate-225 svg {
            transform: rotate(225deg); }
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.rotate-225 img {
            transform: rotate(225deg); }
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.rotate-270 svg {
            transform: rotate(270deg); }
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.rotate-270 img {
            transform: rotate(270deg); }
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.rotate-315 svg {
            transform: rotate(315deg); }
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.rotate-315 img {
            transform: rotate(315deg); }
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.variant-normal {
            align-items: center;
            border: 1px solid black; }
            @media (min-width: 768px) {
              .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.variant-normal .text-container {
                width: 100%;
                text-align: center; } }
            @media (max-width: 768px) {
              .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.variant-normal h3,
              .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.variant-normal p {
                padding-left: 0.75em; } }
            .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.variant-normal svg {
              display: block; }
            .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.variant-normal img {
              display: block; }
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.variant-info {
            background: #253151;
            border: 1px solid black;
            align-items: center; }
            .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.variant-info a {
              color: #ffffff; }
            @media (min-width: 768px) {
              .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.variant-info .text-container {
                width: 100%;
                text-align: center; } }
            .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.variant-info h3,
            .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.variant-info p {
              color: white; }
              @media (max-width: 768px) {
                .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.variant-info h3,
                .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.variant-info p {
                  padding-left: 0.75em; } }
            .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.variant-info svg {
              display: block;
              fill: #ffffff; }
            .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.variant-info img {
              display: block;
              filter: brightness(0) invert(1); }
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.variant-varning {
            background: orange;
            border: 1px solid black;
            align-items: center; }
            @media (min-width: 768px) {
              .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.variant-varning .text-container {
                width: 100%;
                text-align: center; } }
            .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.variant-varning h3,
            .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.variant-varning p {
              color: black; }
              @media (max-width: 768px) {
                .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.variant-varning h3,
                .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.variant-varning p {
                  padding-left: 0.75em; } }
            .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.variant-varning svg {
              display: block;
              fill: #000000; }
            .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.variant-varning img {
              display: block;
              fill: #000000; }
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item .text-container-with-svg {
            width: 100%;
            text-align: left; }
            @media (min-width: 768px) {
              .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item .text-container-with-svg {
                margin-left: 2rem; } }
            @media (max-width: 767px) {
              .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item .text-container-with-svg > h3 {
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis; } }
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.blue {
            background: #253151;
            border: 1px solid black; }
            .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.blue h3,
            .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.blue p, .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.blue a {
              color: white; }
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.orange {
            background: orange;
            border: 1px solid black; }
            .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.orange h3,
            .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.orange p, .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.orange a {
              color: black; }
          .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.normal {
            border: 1px solid black; }
            .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.normal h3,
            .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item.normal p {
              color: black; }
          @media (min-width: 768px) {
            .imageBox .mainImage .main-image-container .homepage-grid-container .homepage-puff-container .homepage-puff-item .text-container-left {
              width: 100%;
              text-align: left; } }
  @media (max-width: 768px) {
    .imageBox .mainImage {
      max-width: 100%; } }
  .imageBox .mainImage h3 {
    color: black;
    font-size: 20px;
    margin: 0;
    font-weight: 800; }
    @media (max-width: 767px) {
      .imageBox .mainImage h3 {
        font-size: 16px; } }
  .imageBox .mainImage p {
    color: black;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0.5rem; }
    @media (max-width: 767px) {
      .imageBox .mainImage p {
        display: none; } }

.imageBox .mainImage {
  position: relative; }
  .imageBox .mainImage .main-image-container .puff-container {
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 96px; }
    @media (max-width: 991px) {
      .imageBox .mainImage .main-image-container .puff-container {
        flex-direction: column;
        align-items: flex-start;
        padding-bottom: 45px; } }
    @media (max-width: 767px) {
      .imageBox .mainImage .main-image-container .puff-container {
        padding: 10px;
        padding-bottom: 45px; } }
    @media (max-width: 552px) {
      .imageBox .mainImage .main-image-container .puff-container {
        align-items: center; } }
  .imageBox .mainImage .main-image-container.is-vertical .puff-container {
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 45px; }
  .imageBox .mainImage .main-image-container a.image-text-box:hover {
    text-decoration: underline #072046; }
  .imageBox .mainImage .main-image-container .image-text-box {
    width: 364px;
    max-width: 100%;
    opacity: 0.92;
    background-color: #f3f5f6;
    margin: 19px;
    overflow: visible;
    padding: 20px 19px 19px;
    border-top: solid 4px #072046;
    border-top-color: rgba(7, 32, 70, 0.1);
    font-family: 'HelveticaNeueW01-55Roma';
    border-bottom: solid 19px rgba(0, 0, 0, 0);
    padding-bottom: 0;
    text-align: left;
    text-decoration: none; }
    .imageBox .mainImage .main-image-container .image-text-box div,
    .imageBox .mainImage .main-image-container .image-text-box h2 {
      font-size: 20px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #072046; }
    .imageBox .mainImage .main-image-container .image-text-box h2 {
      margin-top: 0;
      font-size: 27px;
      line-height: 1.11;
      color: #072046;
      padding: 0 !important; }
  @media (max-width: 767px) {
    .imageBox .mainImage .main-image-container .image-text-box {
      margin: 10px; }
      .imageBox .mainImage .main-image-container .image-text-box span {
        font-size: 18px; }
        .imageBox .mainImage .main-image-container .image-text-box span.h2 {
          font-size: 24px; } }

@media (min-width: 768px) {
  .imageBox .mainImage .text-on-slide {
    position: absolute;
    padding: 20px;
    bottom: 30px;
    background: rgba(0, 33, 71, 0.7);
    width: 50%;
    z-index: 999;
    text-align: left;
    margin-left: 0; }
    .imageBox .mainImage .text-on-slide span,
    .imageBox .mainImage .text-on-slide .h2 {
      color: white;
      margin: 0; }
  .imageTextBox {
    list-style: none;
    display: block;
    background: #fff;
    padding: 0 15px;
    margin: 0 0 20px; } }

@media (min-width: 768px) and (min-width: 768px) {
  .imageTextBox {
    padding: 0;
    margin: 0; } }

@media (min-width: 768px) {
  .imageTextBox .h2 {
    margin: 20px 0 15px;
    color: #006ebf; }
  #AlternativeStartPage .imageTextBox .h2 {
    padding: 0; }
  .imageTextBox p {
    margin-top: 5px; }
  /* SLIDER PAGER */
  #imageSelectorWrapper {
    text-align: right;
    z-index: 50;
    margin-bottom: 30px; }
    #imageSelectorWrapper.textOnSlideHeight {
      bottom: 75px; } }

@media (min-width: 768px) and (min-width: 768px) {
  #imageSelectorWrapper.textOnSlideHeight {
    bottom: 10px; } }

@media (min-width: 768px) {
  #imageSelector {
    display: inline-block;
    max-width: 1200px;
    margin-top: 10px; }
  #imageSelector li {
    display: inline-block;
    text-align: center;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    color: #ffffff;
    background-color: #c1e4ef;
    cursor: pointer; }
  #imageSelector li.pause {
    height: auto;
    width: auto;
    background: none; }
  #imageSelector li.pause button {
    background: none;
    border: 0;
    color: #646464;
    cursor: pointer; }
  #imageSelector li.pause button.active {
    color: #006ebf; }
  #imageSelector li.pause button:active,
  #imageSelector li.pause button:focus {
    outline: none; }
  #imageSelector li + li {
    margin-left: 7px; }
  #imageSelector li.imagePickerSelected {
    background-color: #006ebf; }
  /* SLIDER STEPPER */
  .sliderWrapper .slider-stepper {
    position: absolute;
    z-index: 40;
    display: block;
    background: #fff;
    top: 120px;
    width: 50px;
    height: 50px;
    overflow: hidden;
    text-align: center;
    opacity: 0.5;
    transition: 200ms all; }
  .sliderWrapper .slider-stepper:hover {
    opacity: 0.8; }
  .sliderWrapper .slider-stepper.previous {
    top: 100px;
    left: 0; }
  .sliderWrapper .slider-stepper.next {
    top: 100px;
    right: 0; }
  .sliderWrapper .slider-stepper:before {
    content: '\e604';
    font-family: 'Norrtalje-ikoner';
    font-size: 105px;
    line-height: 28px;
    position: absolute;
    top: 12px;
    left: -25px;
    color: #106d8d; } }

@media (min-width: 768px) and (min-width: 768px) {
  .sliderWrapper .slider-stepper:before {
    font-size: 140px;
    top: 25px; } }

@media (min-width: 768px) {
  .sliderWrapper .slider-stepper.previous:before {
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -webkit-transform: rotate(180deg);
    /* Chrome, Safari, Opera */
    transform: rotate(180deg);
    left: -30px; } }

@media (min-width: 768px) and (min-width: 768px) {
  .imageTextBox {
    height: 125px;
    width: 80%;
    text-align: left; }
    .imageTextBox.textOnSlideHeight {
      height: 40px; }
  .imageTextBox h2 {
    font-size: 34px; }
  .textBoxContent {
    display: inline-block; }
  /* SLIDER STEPPER */
  .sliderWrapper .slider-stepper {
    top: 240px;
    width: 80px;
    height: 80px; }
  .sliderWrapper .slider-stepper.previous {
    left: 15px; }
  .sliderWrapper .slider-stepper.next {
    right: 15px; } }

/*sidebar styles*/
.sidebar-container {
  position: absolute;
  z-index: 1000; }
  .sidebar-container .sidebar {
    position: fixed;
    top: 0;
    height: calc(100% - 148px);
    right: 0;
    width: 440px;
    height: 100%;
    background-color: #f5f2f5;
    padding: 1rem;
    transition: transform 0.3s ease;
    z-index: 1000;
    transform: translateX(100%);
    overflow-y: scroll; }
    @media (max-width: 768px) {
      .sidebar-container .sidebar {
        width: 100%; } }
  .sidebar-container .sidebar.open {
    transform: translateX(0); }
  .sidebar-container .sidebar-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 999; }
  .sidebar-container .sidebar-overlay.show {
    display: block; }

/****** VARIABLES ******/
/******* BREAKPOINTS *******/
/******* FONTS *******/
/******* mmenujs *******/
.contactbox-container {
  position: fixed;
  width: 410px;
  /*top: 170px;*/
  z-index: 5000;
  margin-top: -8px;
  /* endast mobil */
  /* endast desktop */
  /* TAB */
  /* TITLE */
  /* BOX CONTAINER */ }
  @media (max-width: 767px) {
    .contactbox-container {
      transition: bottom 200ms ease-in-out;
      position: fixed;
      top: auto !important;
      bottom: -100%;
      width: 100%; } }
  @media (min-width: 768px) {
    .contactbox-container.contact-startpage {
      top: 200px; } }
  @media (min-width: 1200px) {
    .contactbox-container.contact-startpage {
      top: 170px; } }
  @media (min-width: 768px) {
    .contactbox-container {
      /*top: 190px;*/
      right: -410px; }
      .contactbox-container.scrolled-down {
        position: fixed;
        top: 20px; } }
  .contactbox-container .speaking-icon {
    float: left;
    color: #fff;
    font-size: 0.8em;
    display: block;
    text-align: center;
    line-height: 1;
    margin: 0px 35px 4px 1px; }
    @media (min-width: 768px) {
      .contactbox-container .speaking-icon {
        width: 13%;
        margin-top: 6px; } }
    .contactbox-container .speaking-icon:before {
      margin: 0 auto 0px;
      display: block;
      height: 50px;
      width: 50px;
      /*border-radius: 50%;*/
      /*background-color: $color-blue-light;*/
      font-size: 50px;
      font-family: 'icomoon';
      content: "\e928"; }
  .contactbox-container.open {
    bottom: 0;
    z-index: 5002; }
    .contactbox-container.open .contactbox-container__tab {
      margin-left: -100%; }
      .contactbox-container.open .contactbox-container__tab .speaking-icon:before {
        content: '\e901'; }
    .contactbox-container.open .contactbox-container__window {
      margin-right: 100%; }
    @media (max-width: 767px) {
      .contactbox-container.open {
        overflow-y: auto;
        position: fixed;
        width: 100%;
        top: 0 !important;
        background: rgba(0, 0, 0, 0.7); }
        .contactbox-container.open .contactbox-container__tab {
          display: none; }
        .contactbox-container.open .contactbox-container__window {
          transform: translateY(0);
          position: absolute;
          bottom: 0;
          padding: 0;
          width: 100%;
          max-height: 100%;
          /*overflow-y: scroll;*/ }
          .contactbox-container.open .contactbox-container__window > div {
            padding-top: 20px; } }
    @media (min-width: 768px) {
      .contactbox-container.open {
        bottom: auto; } }
  .contactbox-container .contactbox-container__tab {
    width: 100%;
    padding: 5px 10px;
    background: #006ebf;
    box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    margin-left: -70px;
    transition: margin-left 200ms ease-in-out;
    border-radius: 2px; }
    .contactbox-container .contactbox-container__tab.active {
      background-color: #66b134; }
      .contactbox-container .contactbox-container__tab.active:before {
        /*background-color: #66b134;*/
        /*color: white;*/ }
    @media (max-width: 767px) {
      .contactbox-container .contactbox-container__tab {
        width: 70px;
        right: 0;
        position: fixed;
        bottom: 0;
        left: 110px; } }
  .contactbox-container .contact-box__title {
    color: #fff;
    margin: 16px 0;
    font-family: 'Pacifico', cursive;
    font-size: 1.8em; }
    @media (max-width: 767px) {
      .contactbox-container .contact-box__title {
        color: black;
        font-size: 1.55em; } }
  .contactbox-container .contactbox-container__window {
    float: right;
    width: 340px;
    z-index: 1000;
    position: relative;
    padding: 0 0 10px 10px; }
    @media (min-width: 768px) {
      .contactbox-container .contactbox-container__window {
        transition: margin-right 200ms ease-in-out;
        overflow: hidden; } }
    @media (max-width: 767px) {
      .contactbox-container .contactbox-container__window {
        width: 100%;
        padding: 0;
        transform: translateY(100%); } }
    .contactbox-container .contactbox-container__window > div {
      background: #FFF;
      padding: 0 18px 18px 18px;
      box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.1);
      border-bottom-left-radius: 2px; }
    .contactbox-container .contactbox-container__window .square-text-block {
      padding: 10px 16px 10px;
      overflow: hidden;
      background: #e7f1f3;
      margin-bottom: 5px;
      position: relative; }
    .contactbox-container .contactbox-container__window .contactbox-container__window__text {
      margin-bottom: 15px;
      padding-top: 10px; }
    .contactbox-container .contactbox-container__window .arrow-right:after {
      content: "\e604";
      font-family: "Norrtalje-ikoner";
      color: #006ebf;
      background: #c1e4ef;
      position: absolute;
      font-size: 80px;
      padding: 11px 0;
      right: 0;
      display: inline-block;
      text-align: center;
      width: 50px;
      text-indent: -16px;
      top: 0; }
    .contactbox-container .contactbox-container__window .arrow-right.rotate-right:after {
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg); }
    .contactbox-container .contactbox-container__window .contactbox-container__window__bottomtext {
      text-align: center; }
      .contactbox-container .contactbox-container__window .contactbox-container__window__bottomtext span {
        color: #006ebf; }
    @media (max-width: 767px) {
      .contactbox-container .contactbox-container__window #contactbox-container__window__bottom {
        height: 35px; }
        .contactbox-container .contactbox-container__window #contactbox-container__window__bottom .js-contactbox-toggler {
          display: block; } }
    @media (min-width: 768px) {
      .contactbox-container .contactbox-container__window #contactbox-container__window__bottom {
        height: 0; }
        .contactbox-container .contactbox-container__window #contactbox-container__window__bottom .js-contactbox-toggler {
          display: none; } }

.active + .contactbox-container__window .closing-icon {
  background-color: #66b134; }

.closing-icon {
  cursor: pointer;
  /*transform: translateY(-100%);*/
  height: 70px;
  width: 70px;
  background-color: #006ebf;
  color: #fff;
  font-size: 0.8em;
  display: block;
  text-align: center;
  line-height: 1;
  margin-left: 40px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px; }
  @media (min-width: 768px) {
    .closing-icon {
      width: 13%;
      margin-top: 6px;
      display: none; } }
  .closing-icon:before {
    display: block;
    height: 50px;
    width: 50px;
    font-size: 50px;
    font-family: 'icomoon';
    content: '\e901';
    padding: 12px 0 0 10px; }

.blue-button {
  background-color: #006ebf;
  color: #fff;
  border: none;
  height: 35px;
  font-size: 18px;
  padding: 0 10px; }

.cursor-pointer {
  cursor: pointer; }

.not-visible {
  display: none; }

@media (max-width: 768px) {
  .no-scroll-mobile {
    position: fixed; } }

/*projectsliderblock.scss*/
/*.projectContentAreaIcon {
    display: inline-block;
    font-family: "icomoon";
    font-size: 50px;
    line-height: 50px;
    padding: 10px;
    vertical-align: top;
    position: relative;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-right: 20px;
    color: #006ebf;
    background: #c1e4ef;
    font-size: 50px;
}*/
.project-click-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%; }

#projectContentArea {
  max-width: 1200px;
  margin: 0 auto;
  position: relative; }
  @media (max-width: 768px) {
    #projectContentArea h2 {
      margin-left: 1rem; } }
  #projectContentArea > div {
    margin: 10px; }
    @media screen and (max-width: 767px) {
      #projectContentArea > div {
        margin-top: 40px; } }
    #projectContentArea > div > h3 {
      font-size: 40px;
      display: inline-block;
      margin-top: 16px; }
      @media screen and (max-width: 767px) {
        #projectContentArea > div > h3 {
          width: 80%;
          line-height: 42px;
          margin-top: 10px;
          font-size: 5vw; } }
    #projectContentArea > div .projectBlock {
      position: relative;
      width: 100%;
      /*background-color: #36aed8;*/
      margin-top: 22px; }
      @media screen and (max-width: 767px) {
        #projectContentArea > div .projectBlock {
          height: 660px; } }
      @media screen and (min-width: 768px) {
        #projectContentArea > div .projectBlock {
          height: 330px; } }
      #projectContentArea > div .projectBlock .projectSliderWrapper {
        width: 100%;
        height: 100%;
        padding: 0;
        font-size: inherit;
        top: inherit; }
        #projectContentArea > div .projectBlock .projectSliderWrapper .slider-stepper:before {
          content: "\e604";
          font-family: "Norrtalje-ikoner";
          font-size: 80px;
          line-height: 28px;
          position: absolute;
          top: 8px;
          left: -18px;
          color: #006ebf; }
        #projectContentArea > div .projectBlock .projectSliderWrapper > ul {
          width: 100%;
          height: 100%;
          position: relative; }
          #projectContentArea > div .projectBlock .projectSliderWrapper > ul li {
            width: 100%;
            height: 100%;
            list-style: none; }
      #projectContentArea > div .projectBlock .projectImageBox {
        border: 1px dashed #ddd;
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden; }
        #projectContentArea > div .projectBlock .projectImageBox .projectMainImage {
          background-position: center center;
          background-repeat: no-repeat;
          background-size: cover;
          height: 100%;
          width: 48%;
          position: relative;
          float: left; }
          @media screen and (max-width: 767px) {
            #projectContentArea > div .projectBlock .projectImageBox .projectMainImage {
              float: none;
              height: 50%;
              width: 100%; } }
          #projectContentArea > div .projectBlock .projectImageBox .projectMainImage > img {
            position: absolute;
            width: 100%;
            height: 100%;
            right: 0; }
        #projectContentArea > div .projectBlock .projectImageBox .projectImageTextBox {
          background-color: #fff;
          position: relative;
          width: 52%;
          height: 100%;
          padding: 40px;
          float: left; }
          @media screen and (max-width: 767px) {
            #projectContentArea > div .projectBlock .projectImageBox .projectImageTextBox {
              float: none;
              width: 100%;
              height: 50%; } }
          #projectContentArea > div .projectBlock .projectImageBox .projectImageTextBox h4 {
            color: #006ebf;
            font-size: 30px;
            font-weight: lighter;
            margin-bottom: 15px; }
          #projectContentArea > div .projectBlock .projectImageBox .projectImageTextBox .projectTextBoxContent {
            color: #343434;
            font-size: 15px; }
        #projectContentArea > div .projectBlock .projectImageBox h5 {
          font-weight: lighter;
          font-size: 20px;
          color: #343434;
          margin-bottom: 15px; }
  #projectContentArea .slider-stepper {
    width: 42px;
    height: 42px;
    /*background-color: white;*/
    opacity: 0.5;
    z-index: 1; }
  #projectContentArea .next {
    position: absolute;
    top: 35px;
    right: 40px; }
    @media screen and (max-width: 767px) {
      #projectContentArea .next {
        top: -50px;
        right: 20px; } }
  #projectContentArea .previous {
    position: absolute;
    top: 35px;
    right: 100px; }
    @media screen and (max-width: 767px) {
      #projectContentArea .previous {
        top: -50px;
        right: 80px; } }
  #projectContentArea .slider-stepper.previous:before {
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -webkit-transform: rotate(180deg);
    /* Chrome, Safari, Opera */
    transform: rotate(180deg);
    left: -30px; }

.project-container:nth-child(even) .projectMainImage, .project-container:nth-child(even) .projectImageTextBox {
  float: right !important; }

.bigPuffList {
  padding: 15px;
  margin-top: -35px;
  max-width: 1200px; }
  @media screen and (min-width: 767px) {
    .bigPuffList .bigPuff:nth-child(even) .bigPuffImage {
      float: right; } }
  .bigPuffList ul {
    list-style: none;
    height: 100%;
    position: relative; }
    .bigPuffList ul li {
      height: 296px;
      margin-top: 25px;
      position: relative; }
      @media screen and (max-width: 767px) {
        .bigPuffList ul li {
          width: 100%;
          height: 596px; } }
      .bigPuffList ul li div {
        height: 100%; }
        .bigPuffList ul li div h2 {
          color: white; }
        .bigPuffList ul li div .standard-colors h2 {
          color: #36aed8; }
        .bigPuffList ul li div .bigPuffImage {
          background-position: center center;
          background-repeat: no-repeat;
          background-size: cover;
          width: 36%;
          float: left; }
          @media screen and (max-width: 767px) {
            .bigPuffList ul li div .bigPuffImage {
              width: 100%;
              height: 50%;
              float: none; } }
          .bigPuffList ul li div .bigPuffImage img {
            width: 100%;
            height: 100%; }
        .bigPuffList ul li div .bigPuffText {
          height: 100%;
          width: 64%;
          float: right;
          position: relative;
          padding: 20px 60px 35px 40px; }
          @media screen and (max-width: 767px) {
            .bigPuffList ul li div .bigPuffText {
              width: 100%;
              height: 50%;
              float: none;
              padding: 35px; }
              .bigPuffList ul li div .bigPuffText .bigPuffTitle {
                margin-top: 0; } }
          .bigPuffList ul li div .bigPuffText p {
            /*@media screen and (max-width: 767px) {
                            font-size: 30px;
                        }*/
            line-height: 1.25;
            font-size: 21px;
            height: 100%;
            overflow: hidden;
            color: inherit; }
        .bigPuffList ul li div .bigPuffText:after {
          content: "\e604";
          font-family: "Norrtalje-ikoner";
          color: #006ebf;
          background: #c1e4ef;
          position: absolute;
          right: 0px;
          bottom: 0px;
          font-size: 70px;
          padding: 19px 0;
          display: inline-block;
          text-align: center;
          width: 70px; }

.facilityOpenHoursArea {
  margin-bottom: 10px; }
  .facilityOpenHoursArea .facility-open-hours {
    color: #000;
    padding: 20px 60px 20px 60px;
    display: block;
    line-height: 25px;
    font-family: HelveticaNeueW01-45Ligh;
    position: relative;
    font-size: 0.8em;
    font-weight: bold;
    background-color: #e0efd6; }
  .facilityOpenHoursArea .facility-open-hours:before {
    content: '\e90a';
    font-family: 'icomoon';
    font-size: 2.8em;
    color: #66b134;
    display: block;
    position: absolute;
    padding: 22px 0 0 15px;
    z-index: 50;
    left: 0;
    top: 0;
    bottom: 0;
    width: 38px;
    text-align: center;
    text-indent: -2px;
    font-weight: 100; }
  .facilityOpenHoursArea .facility-open-hours:after {
    content: '\e926';
    font-family: 'icomoon';
    font-size: 3.7em;
    font-weight: normal;
    color: white;
    display: block;
    position: absolute;
    padding: 22px 0 0 0;
    z-index: 50;
    right: 0;
    top: 0;
    bottom: 0;
    width: 60px;
    text-align: center;
    background: rgba(101, 177, 51, 0.4);
    text-indent: -2px; }
  .facilityOpenHoursArea .facility-open-hours.open:after {
    content: '\e925'; }
  .facilityOpenHoursArea .facility-open-hours.open-today {
    background-color: #e0efd6; }
  .facilityOpenHoursArea .facility-open-hours.closed-today {
    background-color: rgba(231, 68, 47, 0.2); }
  .facilityOpenHoursArea .facility-open-hours.closed-today:after {
    background-color: rgba(231, 68, 47, 0.2); }
  .facilityOpenHoursArea .facility-open-hours.closed-today:before {
    color: #e74430; }
  .facilityOpenHoursArea table {
    margin: 5px 20px 5px 20px; }
  .facilityOpenHoursArea td {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 40px;
    font-size: 0.9em; }
  .facilityOpenHoursArea .facility-more-open-hours {
    background-color: rgba(248, 234, 85, 0.3);
    padding: 20px;
    margin: 5px 0 -5px 0;
    font-size: 14px;
    line-height: 17px; }
    .facilityOpenHoursArea .facility-more-open-hours a {
      color: #006ebf; }
    .facilityOpenHoursArea .facility-more-open-hours strong {
      font-size: 14px;
      line-height: 17px; }

.mainImageSliderWrapper {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  margin-bottom: 40px; }
  @media screen and (max-width: 768px) {
    .mainImageSliderWrapper {
      display: none; } }

.mainImageSlider {
  margin-left: 15px;
  margin-right: 15px;
  position: relative;
  height: 309px; }
  @media screen and (max-width: 768px) {
    .mainImageSlider {
      height: 240px; } }
  .mainImageSlider li {
    list-style: none; }
  .mainImageSlider #mainImageSliderPauseButton {
    color: white;
    background: none;
    bottom: 0;
    left: -41px;
    position: absolute;
    border: 0;
    z-index: 10000;
    font-family: 'icomoon';
    font-size: 50px; }
    @media screen and (max-width: 768px) {
      .mainImageSlider #mainImageSliderPauseButton {
        color: black;
        bottom: 11px;
        right: 17px;
        left: inherit; } }
  .mainImageSlider .main-slider-overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0; }

.mainImageSlideImages {
  height: 100%;
  margin: 0;
  padding: 0; }
  @media screen and (max-width: 768px) {
    .mainImageSlideImages {
      height: 85%; } }
  .mainImageSlideImages li {
    position: absolute;
    top: 0;
    left: 0;
    width: 78%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }
    @media screen and (max-width: 768px) {
      .mainImageSlideImages li {
        width: 100%;
        height: 85%; } }
    .mainImageSlideImages li div {
      position: absolute;
      padding: 20px;
      bottom: 20px;
      background-color: #002147;
      color: white;
      opacity: 0.7;
      width: 50%;
      z-index: 999; }
      @media screen and (max-width: 768px) {
        .mainImageSlideImages li div {
          width: 90%;
          height: 60%;
          margin: 0 auto;
          position: absolute;
          padding: 10px;
          margin-top: 25px; } }
      .mainImageSlideImages li div h2, .mainImageSlideImages li div a {
        margin: 0;
        color: white; }
      .mainImageSlideImages li div h2 {
        font-family: 'HelveticaNeueW01-85heav', Helvetica, Arial, sans-serif;
        font-weight: 100; }
      .mainImageSlideImages li div a {
        font-size: 19px;
        line-height: 1.42; }
        .mainImageSlideImages li div a:after {
          content: '\e92d';
          font-family: 'icomoon';
          vertical-align: middle; }

.mainImageSliderNav {
  background-color: white;
  list-style: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 22%;
  margin: 0;
  height: 309px;
  border-top: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4; }
  @media screen and (max-width: 768px) {
    .mainImageSliderNav {
      position: static;
      background: none;
      border: none;
      text-align: center;
      width: 100%; }
      .mainImageSliderNav ul {
        display: inline;
        overflow-y: hidden; } }
  .mainImageSliderNav ul {
    height: 308px;
    overflow-y: auto; }
  .mainImageSliderNav li {
    cursor: pointer; }
    @media screen and (max-width: 768px) {
      .mainImageSliderNav li {
        display: inline-block;
        padding: 0;
        border: 1px solid #ddd;
        border-radius: 8px;
        width: 14px;
        height: 14px;
        margin-left: 10px; }
        .mainImageSliderNav li p {
          display: none; }
        .mainImageSliderNav li.active {
          border: 7px solid #ddd; }
        .mainImageSliderNav li:hover {
          background-color: #ffa9a9; } }
    @media screen and (min-width: 769px) {
      .mainImageSliderNav li {
        padding: 0;
        border: none;
        border-bottom: 1px solid #e4e4e4;
        height: 25%;
        padding-top: 25px;
        padding-bottom: 25px;
        padding-left: 20px;
        font-size: 18px;
        font-weight: bold;
        line-height: 26px;
        font-size: 16px;
        font-family: 'HelveticaNeueW01-45Ligh', Helvetica, Arial, sans-serif;
        font-weight: normal;
        color: #4e4e4e; }
        .mainImageSliderNav li p {
          color: inherit;
          width: 80%;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          font-family: 'HelveticaNeueW01-85Heav', Helvetica, Arial, sans-serif; }
        .mainImageSliderNav li.active {
          background-color: #f6f6f6; }
          .mainImageSliderNav li.active p {
            color: #006ebf; }
        .mainImageSliderNav li:hover {
          background-color: #f6f6f6; } }

.EPiServerForms .Form__MainBody section {
  display: inline-block;
  width: 80%; }
  @media (max-width: 768px) {
    .EPiServerForms .Form__MainBody section {
      width: 100%; } }
  .EPiServerForms .Form__MainBody section .Form__Element {
    position: relative; }
    .EPiServerForms .Form__MainBody section .Form__Element label {
      display: block;
      line-height: 1.6; }
    .EPiServerForms .Form__MainBody section .Form__Element input[type=text], .EPiServerForms .Form__MainBody section .Form__Element input[type=number], .EPiServerForms .Form__MainBody section .Form__Element input[type=url], .EPiServerForms .Form__MainBody section .Form__Element select, .EPiServerForms .Form__MainBody section .Form__Element textarea {
      width: 100%;
      font-weight: 300;
      letter-spacing: 0.5px;
      color: #4e4e4e;
      padding-left: 17px;
      font-size: 1.1rem;
      font-family: "HelveticaNeueW01-45Ligh", Arial, Helvetica, sans-serif; }
    .EPiServerForms .Form__MainBody section .Form__Element input[type=range] {
      width: 100%; }
    .EPiServerForms .Form__MainBody section .Form__Element select {
      padding: 10px; }
    .EPiServerForms .Form__MainBody section .Form__Element input[type=text], .EPiServerForms .Form__MainBody section .Form__Element input[type=number], .EPiServerForms .Form__MainBody section .Form__Element input[type=url], .EPiServerForms .Form__MainBody section .Form__Element textarea {
      border: solid 1px #999999;
      border-radius: 3px; }
    .EPiServerForms .Form__MainBody section .Form__Element input {
      min-height: 40px; }
      .EPiServerForms .Form__MainBody section .Form__Element input + .form-tooltip {
        display: none;
        background: #3898ec;
        color: #FFF;
        position: absolute;
        bottom: 60px;
        left: 50px;
        padding: 10px;
        z-index: 1;
        border-radius: 3px; }
        .EPiServerForms .Form__MainBody section .Form__Element input + .form-tooltip:before {
          content: "";
          bottom: -10px;
          width: 10px;
          height: 10px;
          left: 50%;
          transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
          position: absolute;
          border-top: 5px solid #3898ec;
          border-right: 5px solid transparent;
          border-left: 5px solid transparent; }
      .EPiServerForms .Form__MainBody section .Form__Element input:focus + .form-tooltip {
        display: block; }
        .EPiServerForms .Form__MainBody section .Form__Element input:focus + .form-tooltip.key-hide {
          display: none; }
    .EPiServerForms .Form__MainBody section .Form__Element textarea {
      min-height: 200px;
      padding: 13px 17px;
      resize: vertical; }
  @media (max-width: 500px) {
    .EPiServerForms .Form__MainBody section button.Form__Element, .EPiServerForms .Form__MainBody section button.Form__NavigationBar__Action {
      margin: auto;
      min-width: 100%;
      margin-bottom: 10px; } }

.EPiServerForms .image-container {
  display: inline-block; }
  .EPiServerForms .image-container .image-holder {
    float: left;
    width: 20%; }
    @media (max-width: 992px) {
      .EPiServerForms .image-container .image-holder {
        width: 25%; } }
    @media (max-width: 500px) {
      .EPiServerForms .image-container .image-holder {
        width: 50%; } }
    .EPiServerForms .image-container .image-holder img {
      opacity: 0.7; }
    .EPiServerForms .image-container .image-holder:hover img {
      opacity: 1; }
    .EPiServerForms .image-container .image-holder [type=radio]:checked + img, .EPiServerForms .image-container .image-holder [type=checkbox]:checked + img {
      opacity: 1; }
    .EPiServerForms .image-container .image-holder label {
      max-width: none;
      margin: 10px 0.05rem;
      border: 1px solid transparent; }
      .EPiServerForms .image-container .image-holder label span {
        display: block; }

.EPiServerForms .FileDeleteButton {
  background-color: #fff;
  min-width: 15%;
  width: 160px;
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
  border: solid 1px #000000;
  font-size: 1rem; }

.EPiServerForms .FormCaptcha .captcha-holder button {
  background: #fff;
  height: 42px;
  width: 160px;
  border-radius: 3px;
  border: 1px solid #000;
  font-family: inherit;
  margin-top: 20px;
  color: #000000;
  font-weight: bold; }

.EPiServerForms .FormCaptcha .captcha-holder img {
  float: left;
  margin-right: 10px; }

.EPiServerForms .FormCaptcha .captcha-holder input {
  max-width: 60%; }
  @media (max-width: 500px) {
    .EPiServerForms .FormCaptcha .captcha-holder input {
      max-width: none; } }

.EPiServerForms .FormCaptcha .captcha-holder span {
  display: block;
  margin: 35px 0 10px; }

.EPiServerForms .Form__NavigationBar {
  height: 80px;
  width: 80%; }
  @media (max-width: 768px) {
    .EPiServerForms .Form__NavigationBar {
      width: 100%; } }
  @media (max-width: 500px) {
    .EPiServerForms .Form__NavigationBar {
      height: 120px; } }
  .EPiServerForms .Form__NavigationBar div.Form__NavigationBar__ProgressBar {
    display: none; }
  .EPiServerForms .Form__NavigationBar button.Form__NavigationBar__Action {
    background: #2d3c63;
    height: 40px;
    border: none;
    border-radius: 3px;
    color: #fff;
    width: 160px; }
    @media (max-width: 500px) {
      .EPiServerForms .Form__NavigationBar button.Form__NavigationBar__Action {
        margin-bottom: 10px;
        min-width: 100%; } }
    .EPiServerForms .Form__NavigationBar button.Form__NavigationBar__Action:hover {
      background: #253151; }
    .EPiServerForms .Form__NavigationBar button.Form__NavigationBar__Action:disabled {
      background: #fff;
      display: none; }
    .EPiServerForms .Form__NavigationBar button.Form__NavigationBar__Action.btnNext {
      float: right; }
      @media (max-width: 768px) {
        .EPiServerForms .Form__NavigationBar button.Form__NavigationBar__Action.btnNext {
          margin-right: 20px;
          float: none; } }

.EPiServerForms .hide {
  display: none !important; }

.EPiServerForms [type=checkbox] + label {
  position: relative;
  margin-top: 20px;
  padding-left: 32.5px; }
  .EPiServerForms [type=checkbox] + label:before {
    position: absolute;
    content: "";
    height: 21px;
    width: 21px;
    background: #FFFFFF;
    border-radius: 3px;
    border: 1px solid black;
    top: 3px;
    left: 0; }

.EPiServerForms [type=checkbox]:checked + label:before {
  background-image: url("/Static/images/icons/check-mark-black-outline.png");
  background-color: #FFFFFF;
  border: 1px solid black;
  border-radius: 3px;
  background-repeat: no-repeat;
  background-position-x: 2px;
  background-position-y: 2px; }

.EPiServerForms .choice-element {
  position: relative; }

.EPiServerForms [type=radio], .EPiServerForms [type=checkbox] {
  position: absolute;
  left: -999px;
  display: none; }

.EPiServerForms [type=radio] + label {
  position: relative;
  margin-top: 20px;
  padding-left: 32.5px; }
  .EPiServerForms [type=radio] + label:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    background: #FFFFFF;
    border: 2px solid #000000;
    border-radius: 50%;
    top: 3px;
    left: 0; }

.EPiServerForms [type=radio]:checked + label:before {
  background-image: url("/Static/images/icons/dot.png");
  background-color: #FFFFFF;
  background-position: center; }

.EPiServerForms .Form__Status__Message, .EPiServerForms .Form__Success__Message {
  background-color: #253151 !important;
  color: #FFFFFF !important;
  padding: 25px !important; }
  .EPiServerForms .Form__Status__Message h2, .EPiServerForms .Form__Success__Message h2 {
    color: #FFFFFF !important; }

.FormSubmitButton, .FormResetButton {
  height: 40px;
  border: none;
  border-radius: 3px;
  width: 160px;
  font-size: 1rem; }
  @media (max-width: 500px) {
    .FormSubmitButton, .FormResetButton {
      min-width: 100%; } }

.FormResetButton {
  background: #fff;
  float: right;
  border: solid 1px #000000; }

.FormSubmitButton {
  background: #2d3c63;
  color: #fff;
  float: left; }
  .FormSubmitButton:hover {
    background: #253151; }

.label-custom-upload {
  height: 40px;
  border: none;
  border-radius: 3px;
  width: 160px;
  font-size: 1rem;
  background: #4fa4ee;
  color: #fff;
  text-align: center;
  vertical-align: middle !important;
  line-height: 40px !important; }
  .label-custom-upload:hover {
    background: #3898ec; }

.input-custom-upload {
  display: none; }

.selected-file {
  display: inline-block;
  min-height: 40px;
  background: #fff;
  padding: 5px 20px;
  border-radius: 3px;
  border: 1px solid #bdd9f2;
  margin-top: 10px; }
  .selected-file.hidden {
    display: none; }

@media (min-width: 768px) {
  .image-list {
    display: none; } }

.image-list__item {
  display: block;
  position: relative; }
  .image-list__item__image {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 35%; }
    .image-list__item__image img {
      position: absolute;
      left: 0;
      top: 0; }
  .image-list__item__info {
    padding: 15px 15px 20px; }
    .image-list__item__info__title {
      margin-top: 0;
      margin-bottom: 5px;
      color: #006ebf; }
    .image-list__item__info p:after {
      content: '\e92d';
      font-family: 'icomoon';
      vertical-align: middle; }

#Eventlistpage {
  line-height: 0;
  /* styles for the loader container and loader */
  /*eventlist page sidebar*/ }
  #Eventlistpage .scroll-top-button {
    position: fixed;
    right: 10px;
    bottom: 10px;
    color: white;
    width: 70px;
    height: 70px;
    border: 0;
    text-align: center;
    padding: 0;
    background: #d2c5e2;
    overflow: hidden;
    cursor: pointer;
    z-index: 5001;
    display: none; }
    @media (max-width: 768px) {
      #Eventlistpage .scroll-top-button {
        width: 40px;
        height: 40px; } }
    #Eventlistpage .scroll-top-button:before {
      content: "\e926";
      font-family: "icomoon";
      color: #954b97;
      background: transparent;
      position: absolute;
      right: 0px;
      left: 0;
      bottom: 0px;
      top: 0px;
      padding-top: 5px;
      font-size: 66px;
      display: flex;
      align-items: center; }
      @media (max-width: 768px) {
        #Eventlistpage .scroll-top-button:before {
          font-size: 2.5rem; } }
    #Eventlistpage .scroll-top-button.rotate-up:before {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }
  #Eventlistpage .event-button {
    padding: 0.5rem 0.75rem;
    background-color: #eee;
    align-self: center;
    display: flex;
    max-width: fit-content;
    margin: 0 auto 1rem auto; }
  #Eventlistpage .event-button-less-than-3 {
    padding: 0.5rem 0.75rem;
    background-color: #eee;
    align-self: center;
    display: flex;
    max-width: fit-content; }
  #Eventlistpage .loader-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.4);
    z-index: 9999; }
  #Eventlistpage .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 4px solid #f3f3f3;
    border-top: 4px solid #954b97;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
  #Eventlistpage .visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0; }
  #Eventlistpage .breadcrumb .breacrumb-container {
    padding: 0; }
  #Eventlistpage .event-header-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    max-width: 1200px;
    margin-top: 2rem;
    margin-bottom: 2rem; }
    @media (max-width: 1200px) {
      #Eventlistpage .event-header-section {
        padding: 0 1rem; } }
    #Eventlistpage .event-header-section__main-header {
      margin: 0;
      font-size: 25px;
      line-height: 32px;
      padding: 0; }
    #Eventlistpage .event-header-section__tip-us-btn {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0.8rem 2rem;
      text-align: center;
      background-color: transparent;
      color: #954b97; }
      #Eventlistpage .event-header-section__tip-us-btn > svg {
        fill: #954b97; }
    @media (max-width: 768px) {
      #Eventlistpage .event-header-section {
        padding: 1rem;
        padding-top: 2rem;
        flex-direction: column-reverse;
        align-items: start;
        gap: 1rem; }
        #Eventlistpage .event-header-section__tip-us-btn {
          padding: 0; } }
  #Eventlistpage .hero-image {
    height: 520px;
    width: 100%;
    object-fit: cover; }
  #Eventlistpage .evenlistning-filter-block-wrapper {
    width: 100%; }
    #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block__categories-section {
      max-width: 1200px;
      margin: 0 auto;
      margin-top: 2rem; }
      @media (max-width: 1200px) {
        #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block__categories-section {
          padding: 2rem; } }
      @media (max-width: 768px) {
        #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block__categories-section {
          padding: 0; } }
      #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block__categories-section h3 {
        color: #592d5b;
        margin-bottom: 1rem; }
      #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block__categories-section .filters-row {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        @media (max-width: 768px) {
          #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block__categories-section .filters-row {
            justify-content: start; } }
        #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block__categories-section .filters-row .categories {
          flex: 80%; }
          @media (max-width: 768px) {
            #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block__categories-section .filters-row .categories {
              flex: 100%; } }
      #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block__categories-section input.customCheckbox:focus + label {
        border: 2px solid #333; }
      #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block__categories-section input.customCheckbox + label {
        border: 1px solid #954b97;
        padding: 1px 10px 3px 10px;
        color: #954b97;
        border-radius: 10px;
        transition: 0.4s;
        background-color: transparent; }
        #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block__categories-section input.customCheckbox + label span {
          font-size: 14px; }
      #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block__categories-section input.customCheckbox:checked + label {
        background-color: #954b97;
        color: #fff; }
      #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block__categories-section ul.categories {
        list-style-type: none !important;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: flex-start; }
        #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block__categories-section ul.categories li {
          text-decoration: none !important; }
      #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block__categories-section input.customCheckbox:checked + label::after {
        content: "\e901";
        font-family: "icomoon";
        display: inline-block;
        margin-right: 5px;
        font-size: 0.85em;
        line-height: 1;
        margin-left: 15px; }
      #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block__categories-section h2 {
        font-size: 19px;
        line-height: 27px; }
    @media (max-width: 768px) {
      #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block__date-location-section .datepicker-location-wrapper {
        gap: 1rem;
        padding: 0; } }
    @media (max-width: 768px) {
      #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block__date-location-section .datepicker-location-wrapper .event-datepicker-section {
        justify-content: center;
        gap: 1rem;
        flex: 100%;
        margin-bottom: 1rem; }
        #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block__date-location-section .datepicker-location-wrapper .event-datepicker-section div {
          flex: 100%; } }
    #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block__date-location-section .datepicker-location-wrapper .event-datepicker-section svg {
      display: block; }
    #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block__date-location-section .datepicker-location-wrapper .event-datepicker-section .date-label {
      background: #fff;
      display: flex;
      align-items: center;
      gap: 1rem;
      position: relative;
      line-height: 1;
      margin-bottom: 1rem;
      text-overflow: ellipsis;
      white-space: nowrap;
      border: 1px solid #954b97;
      height: 50px;
      padding-left: 1rem;
      padding-right: 1rem;
      min-width: 200px;
      margin-left: 0; }
      @media (max-width: 768px) {
        #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block__date-location-section .datepicker-location-wrapper .event-datepicker-section .date-label {
          margin: 0; } }
      #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block__date-location-section .datepicker-location-wrapper .event-datepicker-section .date-label .date-text {
        line-height: 0; }
      #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block__date-location-section .datepicker-location-wrapper .event-datepicker-section .date-label .filter-date-text-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
        width: 100%; }
      #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block__date-location-section .datepicker-location-wrapper .event-datepicker-section .date-label:focus {
        border: 2px solid black; }
    #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block__date-location-section .custom-selector {
      position: relative;
      font-family: Arial, sans-serif;
      background: #fff;
      display: block;
      position: relative;
      line-height: 1;
      text-overflow: ellipsis;
      white-space: nowrap;
      border: 1px solid #954b97;
      height: 50px;
      text-align: left;
      margin-right: 0;
      margin-bottom: 1rem; }
      #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block__date-location-section .custom-selector:focus {
        border: 2px solid black; }
      #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block__date-location-section .custom-selector.active .selected-item .location-text::after {
        transform: rotate(-180deg);
        top: 10px; }
      @media (max-width: 768px) {
        #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block__date-location-section .custom-selector {
          width: 100%;
          margin: 0; } }
      #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block__date-location-section .custom-selector .selected-item {
        padding: 10px;
        cursor: pointer;
        height: 50px;
        display: flex;
        align-items: center; }
        #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block__date-location-section .custom-selector .selected-item:focus {
          border: 2px solid black; }
        #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block__date-location-section .custom-selector .selected-item svg {
          margin-right: 1rem;
          margin-left: 6px; }
        #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block__date-location-section .custom-selector .selected-item .location-text::after {
          content: "\e926";
          font-family: "icomoon";
          color: #333;
          background: transparent;
          position: absolute;
          right: 9px;
          top: 13px;
          font-size: 2rem;
          transition: 0.5s; }
        #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block__date-location-section .custom-selector .selected-item .close-icon-location {
          position: absolute;
          right: 2rem;
          width: 14px;
          display: none; }
      #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block__date-location-section .custom-selector .dropdown-list {
        display: none;
        list-style: none;
        padding: 0;
        margin: 0;
        position: absolute;
        background-color: #fff;
        border: 1px solid #ccc;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        z-index: 1;
        width: 100%;
        max-height: 200px;
        padding-bottom: 15px;
        overflow-y: auto; }
      #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block__date-location-section .custom-selector .dropdown-list li {
        padding: 6px;
        cursor: pointer;
        margin-left: 15px;
        padding-left: 15px; }
        #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block__date-location-section .custom-selector .dropdown-list li:focus {
          border: 2px solid black; }
      #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block__date-location-section .custom-selector .dropdown-list li:hover {
        background-color: #eee; }
      #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block__date-location-section .custom-selector .parent-location {
        margin-left: 0 !important; }
    #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block > div > input {
      border: 0;
      background-color: transparent;
      text-align: left; }
    #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block .evenlistning-filter-btn-wrapper {
      background-color: #d2c5e2; }
      #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block .evenlistning-filter-btn-wrapper .event-filters-inner {
        display: flex;
        gap: 1rem;
        padding: 1rem 0;
        align-items: center;
        justify-content: space-between;
        max-width: 1200px;
        margin: 0 auto; }
        @media (max-width: 962px) {
          #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block .evenlistning-filter-btn-wrapper .event-filters-inner {
            flex-direction: column;
            margin: 1rem;
            gap: 20px;
            padding-top: 1.5rem;
            padding-bottom: 1.5rem; } }
        @media (max-width: 1200px) {
          #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block .evenlistning-filter-btn-wrapper .event-filters-inner {
            margin: 1rem; } }
        #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block .evenlistning-filter-btn-wrapper .event-filters-inner .event-search-filter-container {
          display: flex;
          gap: 1rem; }
          @media (max-width: 768px) {
            #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block .evenlistning-filter-btn-wrapper .event-filters-inner .event-search-filter-container {
              flex-direction: column;
              width: 100%;
              gap: 10px; } }
      #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block .evenlistning-filter-btn-wrapper .event-search-wrapper {
        display: flex;
        gap: 0;
        position: relative; }
        @media (max-width: 768px) {
          #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block .evenlistning-filter-btn-wrapper .event-search-wrapper {
            flex-direction: column;
            gap: 10px;
            width: 100%; } }
        #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block .evenlistning-filter-btn-wrapper .event-search-wrapper .event-search-input {
          display: flex;
          align-items: center;
          position: relative; }
          #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block .evenlistning-filter-btn-wrapper .event-search-wrapper .event-search-input input {
            width: 450px;
            border: 1px solid #954b97;
            min-width: 200px;
            max-width: 489px;
            height: 100%;
            padding: 1rem;
            font-size: 1rem; }
            @media (max-width: 768px) {
              #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block .evenlistning-filter-btn-wrapper .event-search-wrapper .event-search-input input {
                height: 45px;
                width: 100%;
                max-width: none; } }
        #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block .evenlistning-filter-btn-wrapper .event-search-wrapper .event-search-clear-icon {
          display: none;
          position: absolute;
          right: 1rem;
          align-items: center;
          cursor: pointer; }
        #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block .evenlistning-filter-btn-wrapper .event-search-wrapper button {
          padding: 0.95rem;
          border: 2px solid #954b97;
          min-width: 90px;
          background-color: #954b97;
          color: #fff;
          display: flex;
          align-items: center;
          font-size: 1rem;
          cursor: pointer; }
          #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block .evenlistning-filter-btn-wrapper .event-search-wrapper button svg {
            fill: #fff;
            margin-right: 5px; }
          @media (max-width: 768px) {
            #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block .evenlistning-filter-btn-wrapper .event-search-wrapper button {
              width: 100%;
              justify-content: center; } }
      #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block .evenlistning-filter-btn-wrapper .events-filter-toggle-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        padding: 0.8rem;
        text-align: center;
        background-color: transparent;
        border-radius: 0;
        border-color: #954b97;
        border: 1px solid #954b97;
        color: #592d5b;
        min-width: 200px;
        max-width: 489px;
        cursor: pointer;
        font-size: 1rem; }
        #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block .evenlistning-filter-btn-wrapper .events-filter-toggle-btn svg {
          width: 20px;
          height: 20px;
          fill: #592d5b; }
        @media (max-width: 768px) {
          #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block .evenlistning-filter-btn-wrapper .events-filter-toggle-btn {
            width: 100%;
            max-width: none; } }
    #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block .searchquery-result-text-container {
      margin: 0 auto;
      max-width: 1200px; }
      #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block .searchquery-result-text-container p {
        font-size: 20px;
        font-weight: 500;
        margin: 1rem 0; }
      @media (max-width: 768px) {
        #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block .searchquery-result-text-container {
          padding-left: 1rem;
          padding-right: 1rem;
          margin: 2rem 0; } }
      @media (max-width: 1200px) {
        #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block .searchquery-result-text-container {
          padding-left: 1rem;
          padding-right: 1rem; } }
    #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block #selected-filters-wrapper {
      margin: 0 auto;
      max-width: 1200px; }
      @media (max-width: 1200px) {
        #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block #selected-filters-wrapper h3 {
          padding: 0 1rem; } }
      #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block #selected-filters-wrapper #selected-filters {
        display: flex;
        gap: 10px;
        padding: 15px 0;
        align-items: center;
        flex-wrap: wrap; }
        @media (max-width: 1200px) {
          #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block #selected-filters-wrapper #selected-filters {
            padding-left: 1rem;
            padding-right: 1rem; } }
        @media (max-width: 768px) {
          #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block #selected-filters-wrapper #selected-filters {
            margin: 1rem;
            padding: 0;
            flex-wrap: wrap; } }
        #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block #selected-filters-wrapper #selected-filters .selected-filter-pill {
          border: 1px solid #954b97;
          padding: 1px 10px 3px 10px;
          color: #954b97;
          border-radius: 10px;
          transition: 0.4s;
          display: flex;
          align-items: center;
          white-space: nowrap;
          gap: 10px;
          cursor: pointer; }
          #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block #selected-filters-wrapper #selected-filters .selected-filter-pill span {
            font-size: 14px; }
          #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block #selected-filters-wrapper #selected-filters .selected-filter-pill .remove-pill {
            all: unset;
            cursor: pointer;
            display: flex;
            align-items: center; }
            #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block #selected-filters-wrapper #selected-filters .selected-filter-pill .remove-pill svg {
              fill: #954b97; }
          #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block #selected-filters-wrapper #selected-filters .selected-filter-pill:focus {
            border: 2px solid black; }
    #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block .reset-filter-section {
      flex: 20%;
      display: none;
      margin-top: 1rem; }
      @media (max-width: 768px) {
        #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block .reset-filter-section {
          flex: 100%;
          text-align: left; } }
      #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block .reset-filter-section .reset-filter-section-link {
        color: #954b97;
        font-size: 14px;
        text-decoration: underline;
        margin: 1rem 0;
        cursor: pointer;
        white-space: nowrap; }
        #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block .reset-filter-section .reset-filter-section-link:hover {
          text-decoration: none; }
    #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block .reset-selected-filter-section {
      flex: 20%; }
      @media (max-width: 768px) {
        #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block .reset-selected-filter-section {
          flex: 100%;
          text-align: left; } }
      #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block .reset-selected-filter-section .reset-filter-section-link {
        color: #954b97;
        font-size: 14px;
        text-decoration: underline;
        margin: 1rem 0;
        cursor: pointer;
        white-space: nowrap; }
        #Eventlistpage .evenlistning-filter-block-wrapper .evenlistning-filter-block .reset-selected-filter-section .reset-filter-section-link:hover {
          text-decoration: none; }
  #Eventlistpage .event_count {
    padding: 1rem 0;
    max-width: 1200px;
    margin: 0 auto; }
    @media (max-width: 1200px) {
      #Eventlistpage .event_count {
        padding: 2rem 1rem;
        padding-bottom: 0; } }
    @media (max-width: 768px) {
      #Eventlistpage .event_count {
        text-align: center;
        padding: 0; } }
  #Eventlistpage .eventlistning-events-block-wrapper {
    margin: 0 auto;
    max-width: 1200px; }
    @media (max-width: 1200px) {
      #Eventlistpage .eventlistning-events-block-wrapper {
        padding: 2rem; } }
    @media (max-width: 768px) {
      #Eventlistpage .eventlistning-events-block-wrapper {
        padding: 1rem; } }
    #Eventlistpage .eventlistning-events-block-wrapper .eventlistning-events-block {
      max-width: 1200px;
      margin: 0 auto 1.5rem auto;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1.5rem;
      transition: 1s; }
      @media (max-width: 1200px) {
        #Eventlistpage .eventlistning-events-block-wrapper .eventlistning-events-block {
          grid-template-columns: repeat(2, 1fr); } }
      @media (max-width: 768px) {
        #Eventlistpage .eventlistning-events-block-wrapper .eventlistning-events-block {
          grid-template-columns: 1fr; } }
      #Eventlistpage .eventlistning-events-block-wrapper .eventlistning-events-block__card {
        border: 1px dotted black;
        line-height: 0;
        transition: 0.2s; }
        #Eventlistpage .eventlistning-events-block-wrapper .eventlistning-events-block__card__link img {
          height: 100%;
          width: 100%;
          object-fit: cover;
          max-height: 250px; }
        #Eventlistpage .eventlistning-events-block-wrapper .eventlistning-events-block__card__link .fallback-img {
          min-height: 250px;
          width: 100%;
          background-color: #ddd;
          position: relative; }
        #Eventlistpage .eventlistning-events-block-wrapper .eventlistning-events-block__card a {
          text-decoration: none !important;
          display: block;
          height: 100%; }
          @media (max-width: 768px) {
            #Eventlistpage .eventlistning-events-block-wrapper .eventlistning-events-block__card a {
              height: auto; } }
        #Eventlistpage .eventlistning-events-block-wrapper .eventlistning-events-block__card:hover,
        #Eventlistpage .eventlistning-events-block-wrapper .eventlistning-events-block__card :focus {
          background-color: #f6f6f6; }
        #Eventlistpage .eventlistning-events-block-wrapper .eventlistning-events-block__card__content {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          padding: 1rem;
          /* truncating and showing 3 dots at end of preamble */ }
          #Eventlistpage .eventlistning-events-block-wrapper .eventlistning-events-block__card__content .eventlistning-header {
            margin: 0;
            margin-bottom: 1rem;
            color: #253151;
            font-size: 19px;
            line-height: 27px; }
          #Eventlistpage .eventlistning-events-block-wrapper .eventlistning-events-block__card__content .eventlistning-preamble {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 3; }
        #Eventlistpage .eventlistning-events-block-wrapper .eventlistning-events-block__card .eventlistning-date {
          display: flex;
          margin-top: 1rem;
          align-items: center;
          margin-bottom: 5px; }
          #Eventlistpage .eventlistning-events-block-wrapper .eventlistning-events-block__card .eventlistning-date > p {
            margin-left: 1rem; }
        #Eventlistpage .eventlistning-events-block-wrapper .eventlistning-events-block__card .eventlistning-time {
          display: flex;
          align-items: center;
          margin-bottom: 5px; }
          #Eventlistpage .eventlistning-events-block-wrapper .eventlistning-events-block__card .eventlistning-time > p {
            margin-left: 1rem; }
        #Eventlistpage .eventlistning-events-block-wrapper .eventlistning-events-block__card .eventlistning-location {
          display: flex;
          align-items: center;
          margin-bottom: 5px; }
          #Eventlistpage .eventlistning-events-block-wrapper .eventlistning-events-block__card .eventlistning-location > p {
            margin-left: 1rem; }
  #Eventlistpage .eventlistning-events-block-wrapper-3-column {
    padding: 0 15px; }
    #Eventlistpage .eventlistning-events-block-wrapper-3-column .eventlistning-events-block {
      gap: 2rem; }
  #Eventlistpage .eventlistning__pagination--wrapper {
    text-align: center;
    max-width: 1200px;
    margin: 0 auto;
    color: #954b97;
    margin-top: 2rem; }
    #Eventlistpage .eventlistning__pagination--wrapper .showMore {
      color: #954b97; }
  #Eventlistpage .display-underline {
    max-width: 1200px;
    margin: 0 auto; }
  #Eventlistpage .event-list-sidebar.sidebar-container .sidebar {
    padding-left: 32px;
    padding-right: 56px; }
    @media (max-width: 768px) {
      #Eventlistpage .event-list-sidebar.sidebar-container .sidebar {
        padding-left: 2rem;
        padding-right: 2rem; } }
    #Eventlistpage .event-list-sidebar.sidebar-container .sidebar .sidebar-header-wrapper {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      @media (max-width: 768px) {
        #Eventlistpage .event-list-sidebar.sidebar-container .sidebar .sidebar-header-wrapper {
          padding: 0; } }
    #Eventlistpage .event-list-sidebar.sidebar-container .sidebar .sidebar-header {
      color: #592d5b;
      margin-bottom: 3rem; }
    #Eventlistpage .event-list-sidebar.sidebar-container .sidebar .sidebar-close-icon {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 5px;
      cursor: pointer; }
      #Eventlistpage .event-list-sidebar.sidebar-container .sidebar .sidebar-close-icon svg {
        fill: #592d5b; }
      #Eventlistpage .event-list-sidebar.sidebar-container .sidebar .sidebar-close-icon span {
        font-size: 12px; }

/* custom date picker black color style for event list page*/
.eventlist-datepicker .ui-widget-header {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333; }

.eventlist-datepicker .ui-state-default {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545; }

.eventlist-datepicker .ui-datepicker-month,
.eventlist-datepicker .ui-datepicker-year {
  color: #333333; }

.eventlist-datepicker .ui-menu .ui-menu-item a.ui-state-focus,
.eventlist-datepicker .ui-menu .ui-menu-item a.ui-state-active {
  color: #333333;
  margin: 0; }

.eventlist-datepicker .ui-widget-header .ui-icon {
  background-image: url("/Static/images/ui-icons_222222_256x240.png"); }

.eventlist-datepicker .ui-state-hover .ui-icon,
.eventlist-datepicker .ui-state-focus .ui-icon {
  background-image: url("/Static/images/ui-icons_222222_256x240.png"); }

/**********************/
/*#region Old*/
#NewsListPage .showMore,
#ServiceMessageListPage .showMore {
  display: none;
  color: #006ebf;
  text-align: center;
  margin-top: 15px; }
  #NewsListPage .showMore.show,
  #ServiceMessageListPage .showMore.show {
    display: block; }

#NewsListPage .eventListWrapper,
#ServiceMessageListPage .eventListWrapper {
  padding: 0px 15px;
  margin-top: 20px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto; }
  #NewsListPage .eventListWrapper .filterFeedBack,
  #ServiceMessageListPage .eventListWrapper .filterFeedBack {
    margin-bottom: 5px;
    display: inline-block; }
  #NewsListPage .eventListWrapper ul,
  #ServiceMessageListPage .eventListWrapper ul {
    /*border-top: solid 6px #e8f1f4;*/
    list-style: none; }

#NewsListPage .eventItemWrapper,
#ServiceMessageListPage .eventItemWrapper {
  margin: 0px 10px; }

#NewsListPage .h3text,
#ServiceMessageListPage .h3text {
  margin-top: 8px;
  font-size: 24px;
  line-height: 32px; }

#NewsListPage .h3text a,
#ServiceMessageListPage .h3text a {
  color: #006ebf; }
  #NewsListPage .h3text a:hover,
  #ServiceMessageListPage .h3text a:hover {
    text-decoration: underline; }

#NewsListPage .date,
#ServiceMessageListPage .date {
  color: #4e4e4e; }

#NewsListPage .eventImage,
#ServiceMessageListPage .eventImage {
  float: none;
  margin: 0px 15px 10px 0px;
  display: none; }

#NewsListPage .textContainer,
#ServiceMessageListPage .textContainer {
  width: auto;
  overflow: hidden; }

#NewsListPage .eventItemWrapper .innerWrapper,
#ServiceMessageListPage .eventItemWrapper .innerWrapper {
  display: none; }

#NewsListPage .newsItem,
#ServiceMessageListPage .newsItem {
  display: flex;
  justify-content: space-between;
  width: 100%;
  background-size: 20%;
  border-bottom: 1px dashed #ddd;
  /* #006ebf; */
  padding: 0px; }

#NewsListPage .innerText .h3text,
#ServiceMessageListPage .innerText .h3text {
  margin-bottom: 10px; }

#NewsListPage .innerText p,
#ServiceMessageListPage .innerText p {
  margin-top: 0px;
  margin-bottom: 10px; }

#NewsListPage .mobileInnerWrapper,
#ServiceMessageListPage .mobileInnerWrapper {
  display: block;
  margin: 10px 0px; }

@media (min-width: 768px) {
  #ServiceMessageListPage {
    display: block;
    padding: 0px 0 21px 0px;
    /*border-bottom: 1px solid #D2F0F7;*/
    border-bottom: 1px dashed #ddd;
    font-family: "HelveticaNeueW01-55Roma";
    font-size: 16px;
    line-height: 25px;
    color: #006ebf;
    font-weight: 600;
    /*background: #fff;*/
    position: relative; }
    #ServiceMessageListPage .eventGroup .startPageDateContainer .startDate.h2 {
      margin-top: 10px;
      padding-top: 20px;
      line-height: 12px; }
    #ServiceMessageListPage .innerText .h3text {
      margin-bottom: 20px; }
    #ServiceMessageListPage .eventImage {
      display: table-cell; }
    #ServiceMessageListPage .mobileInnerWrapper {
      display: none; }
    #ServiceMessageListPage .eventItemWrapper .innerWrapper {
      display: block;
      display: table-cell; }
    #ServiceMessageListPage .eventItemWrapper .innerWrapper .dateWrapper {
      display: inline-flex;
      width: 100%; }
    #ServiceMessageListPage .startDateHr {
      padding: 0px 0.3rem;
      top: 40px;
      position: relative;
      height: 0; }
    #ServiceMessageListPage .dateHr {
      border: 1px solid #4e4e4e;
      width: 25%;
      margin: auto;
      margin-top: 4px;
      margin-bottom: 7px; }
    #ServiceMessageListPage .timeHr {
      border: 0.4px solid #4e4e4e;
      width: 7%;
      margin: auto;
      margin-top: 7px;
      margin-bottom: 7px; }
    #ServiceMessageListPage .eventItemWrapper {
      max-width: 1200px;
      margin: 0 auto;
      min-height: 158px;
      position: relative; }
    #ServiceMessageListPage .dateContainer {
      background-color: #f6f6f6;
      padding: 15px;
      text-align: center;
      width: 100px;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0; }
      #ServiceMessageListPage .dateContainer .date.h2 {
        margin-left: 5px;
        margin-top: 0; }
      #ServiceMessageListPage .dateContainer .date.h3 {
        margin-top: 0;
        margin-bottom: 0; }
      #ServiceMessageListPage .dateContainer .date.h5 {
        font-size: 12px;
        margin-top: -5px;
        display: block; }
    #ServiceMessageListPage .incident .dateContainer {
      background-color: #f8ea55; }
    #ServiceMessageListPage .incident .date {
      color: #333; }
    #ServiceMessageListPage .textContainer {
      padding: 15px;
      margin-left: 100px; }
    #ServiceMessageListPage .eventImage {
      max-width: 10%;
      float: left; }
    #ServiceMessageListPage .eventImage {
      margin-top: 10px;
      display: block;
      width: 125px;
      object-fit: cover;
      height: 125px; } }

.listEventPageWrapper {
  padding: 0px 15px;
  margin-top: 20px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto; }
  .listEventPageWrapper .filterFeedBack {
    margin-bottom: 5px;
    display: inline-block; }
  .listEventPageWrapper ul {
    /*border-top: solid 6px #e8f1f4;*/
    list-style: none; }

.eventGroup .startPageDateContainer .startDate {
  text-align: center;
  top: 15px;
  bottom: 0;
  left: 0; }
  .eventGroup .startPageDateContainer .startDate .date.h2 {
    margin-bottom: 0px;
    margin-top: 0; }
  .eventGroup .startPageDateContainer .startDate .date.h3 {
    margin-top: 0;
    margin-bottom: 0; }
  .eventGroup .startPageDateContainer .startDate .date.h5 {
    font-size: 12px;
    margin-top: -5px;
    display: block; }

.eventGroup .h2,
.eventGroup .h3,
.eventGroup .h4 {
  margin: 0;
  padding: 0; }

.eventGroup .startDateHr {
  padding: 0px 0.5rem;
  top: -25px;
  position: relative;
  height: 0; }

.eventGroup .eventImageStartPage {
  margin: 10px 30px 0px 0px;
  width: 70px;
  object-fit: cover;
  height: 70px;
  margin-left: -100px;
  float: left;
  display: flex;
  /* flex behavior (displays children inline) */
  justify-content: center;
  /* horizontal centering */
  align-items: center; }

.eventGroup .eventList {
  min-height: 75px; }
  .eventGroup .eventList--hover-effect {
    padding-left: 10px;
    padding-right: 10px; }
    .eventGroup .eventList--hover-effect:hover {
      background-color: #f6f6f6; }
  .eventGroup .eventList .no-date:hover {
    text-decoration: underline; }

.eventGroup.eventList {
  padding: 0 10px;
  /*background-color: #e8f1f4;*/ }
  .eventGroup.eventList ul {
    list-style: none;
    /*border: 2px solid #e8f1f4;*/
    position: relative;
    /*padding: 0 15px;*/
    /*&:after {
                content: "";
                position: absolute;
                bottom: -11px;
                background: url("/Static/images/gfx/skuggan.png");
                left: 25px;
                right: 25px;
                height: 10px;
                background-size: 100% 100%;
            }*/ }
    .eventGroup.eventList ul .listItem {
      display: list-item;
      display: flex;
      width: 100%;
      background-size: 20%;
      border-bottom: 1px dashed #ddd;
      padding: 0px;
      justify-content: space-between; }
      .eventGroup.eventList ul .listItem:first-of-type {
        border-top: 1px dashed #ddd; }
    .eventGroup.eventList ul .listItem p {
      display: flex;
      justify-content: left;
      align-items: center;
      min-height: 90px;
      margin: 0;
      color: #004c85;
      line-height: 1;
      max-width: 300px;
      flex-wrap: wrap;
      padding-right: 0.5rem;
      font-family: "HelveticaNeueW01-55Roma"; }
  .eventGroup.eventList .listItem .innerWrapper {
    display: flex;
    align-items: center; }
  .eventGroup.eventList .listItem .singleTimeInnerWrapper {
    line-height: 12px;
    width: 40px; }
  .eventGroup.eventList .dateHr {
    border: 0.4px solid #4e4e4e;
    width: 7%;
    margin: auto;
    margin-top: auto;
    margin-bottom: auto;
    margin-top: 7px;
    margin-bottom: 7px; }
  .eventGroup.eventList a {
    display: inline-block;
    max-width: 409px;
    font-family: "HelveticaNeueW01-55Roma";
    font-size: 16px;
    line-height: 25px;
    color: #004c85;
    position: relative;
    cursor: pointer; }
    .eventGroup.eventList a:hover {
      text-decoration: underline; }
  .eventGroup.eventList a.no-date {
    padding-left: 0; }

.eventGroup a .dateContainer {
  position: absolute;
  top: 0;
  width: 80px;
  bottom: 0;
  left: 0;
  /*background: #D2F0F7;*/ }

.eventGroup .incident a .dateContainer {
  /*background: #f8ea55;*/ }

.eventGroup a .dateContainer .day,
.eventGroup a .dateContainer .month {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  font-family: "HelveticaNeueW01-55Roma";
  display: block;
  padding-left: 15px; }

.eventGroup a .dateContainer .day {
  margin-top: -23px;
  font-size: 28px;
  /*line-height: 0.5;*/ }

.eventGroup a .dateContainer .month {
  font-size: 14px;
  margin-top: 2px; }

.eventGroup .mainArchiveWrapper a {
  color: #004C85; }

.serviceMessageList {
  padding: 20px !important; }

@media (max-width: 428px) {
  .eventGroup {
    padding-left: 10px;
    padding-right: 10px; }
  .startDateHr {
    padding: 0px 0.4rem;
    top: 30px;
    position: relative;
    height: 0; }
  .eventGroup .startPageDateContainer {
    line-height: 12px;
    width: 40px; }
  .mainArchiveWrapper {
    margin-left: 0px; }
  .eventGroup .startPageDateContainer {
    right: 0;
    width: 40px; }
  .eventGroup.eventList ul .listItem .innerWrapper {
    display: inline-flex;
    right: 0; }
  .eventGroup {
    margin: 15px 0; }
    .eventGroup .eventList {
      min-height: 75px; }
      .eventGroup .eventList--hover-effect {
        padding-left: 10px;
        padding-right: 10px; }
        .eventGroup .eventList--hover-effect:hover {
          background-color: #f6f6f6; }
      .eventGroup .eventList .no-date:hover {
        text-decoration: underline; }
    .eventGroup .eventImageStartPage {
      width: 70px;
      object-fit: cover;
      height: 70px;
      float: left;
      display: flex;
      justify-content: center;
      margin-left: -100px;
      align-items: center; }
    .eventGroup.eventList {
      /*background-color: #e8f1f4;*/ }
      .eventGroup.eventList ul {
        list-style: none;
        /*border: 2px solid #e8f1f4;*/
        position: relative;
        /*padding: 0 15px;*/
        /*&:after {
                    content: "";
                    position: absolute;
                    bottom: -11px;
                    background: url("/Static/images/gfx/skuggan.png");
                    left: 25px;
                    right: 25px;
                    height: 10px;
                    background-size: 100% 100%;
                }*/ }
        .eventGroup.eventList ul .listItem:first-child {
          border-top: 1px dashed #ddd; }
        .eventGroup.eventList ul .listItem .singleTimeInnerWrapper .date {
          right: 0;
          text-align: center;
          float: right;
          position: relative;
          top: 0;
          bottom: 0;
          left: 0; }
        .eventGroup.eventList ul .date {
          margin-left: 11px; }
        .eventGroup.eventList ul a {
          display: inline-block;
          max-width: 263px;
          border-bottom: 1px dashed #ddd;
          font-family: "HelveticaNeueW01-55Roma";
          font-size: 16px;
          line-height: 25px;
          color: #004C85;
          position: relative;
          cursor: pointer; }
          .eventGroup.eventList ul a:hover {
            text-decoration: underline; }
        .eventGroup.eventList ul .listItem p {
          width: 170px;
          margin-left: -20px; }
        .eventGroup.eventList ul a.no-date {
          padding-left: 0; }
      .eventGroup.eventList a .dateContainer {
        position: absolute;
        top: 0;
        width: 80px;
        bottom: 0;
        left: 0;
        /*background: #D2F0F7;*/ }
      .eventGroup.eventList .incident a .dateContainer {
        /*background: #f8ea55;*/ }
      .eventGroup.eventList a .dateContainer .day,
      .eventGroup.eventList a .dateContainer .month {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        font-family: "HelveticaNeueW01-55Roma";
        display: block;
        padding-left: 15px; }
      .eventGroup.eventList a .dateContainer .day {
        margin-top: -23px;
        font-size: 28px;
        /*line-height: 0.5;*/ }
      .eventGroup.eventList a .dateContainer .month {
        font-size: 14px;
        margin-top: 2px; }
    .eventGroup .serviceMessageList {
      padding: 20px !important; } }

.eventTitle {
  margin-left: 0px !important; }

.dreambroker-video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0; }
  .dreambroker-video-wrapper iframe {
    position: absolute;
    width: 100%;
    height: 100%; }

.function-navigation {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2.1rem; }
  @media (max-width: 768px) {
    .function-navigation {
      gap: 1rem; } }
  .function-navigation__link {
    display: flex;
    text-decoration: none; }
    .function-navigation__link:hover {
      text-decoration: underline; }
    .function-navigation__link:before {
      display: inline-block;
      margin-right: 0.25rem;
      font-family: "Norrtalje-ikoner"; }
    .function-navigation__link:focus {
      border-color: white; }
  .function-navigation__link-image {
    width: 1.5rem;
    margin-right: 0.5rem; }
  .function-navigation__select {
    margin-left: 0.5rem;
    color: #253151;
    border: none;
    background-color: transparent;
    font-size: 14px;
    font-weight: 400;
    font-family: HelveticaNeueW01-55Roma; }
    .function-navigation__select option {
      color: #253151; }
  @media (max-width: 768px) {
    .function-navigation.desktop {
      display: none; } }

.top-bar .function-navigation .function-navigation__link img {
  width: 19px;
  max-height: 20px;
  margin-top: 2px;
  margin-right: 0.5rem;
  filter: brightness(0) saturate(100%) invert(14%) sepia(6%) saturate(7259%) hue-rotate(190deg) brightness(94%) contrast(85%); }

.top-bar .function-navigation .function-navigation__select:hover {
  text-decoration: underline;
  cursor: pointer; }

.top-bar {
  background-color: #f2f4f6;
  padding: 7px 60px 6px 60px;
  max-width: 1440px;
  margin: 0 auto;
  position: relative; }
  .top-bar.hide {
    visibility: hidden; }
  .top-bar.extraTop {
    top: 100px !important; }
  .top-bar.sticky {
    position: fixed;
    min-width: 100%;
    animation: stickyanimation .25s ease-in-out;
    top: 0;
    visibility: visible;
    background-color: #f2f4f6;
    width: 100%;
    z-index: 12;
    padding-right: 11.4rem; }
    @media (max-width: 768px) {
      .top-bar.sticky {
        position: fixed;
        min-width: 100%;
        animation: stickyanimation .25s ease-in-out;
        top: 0;
        visibility: visible;
        background-color: #f2f4f6;
        width: 100%;
        z-index: 12;
        padding-right: 1.3rem; } }

@keyframes stickyanimation2 {
  from {
    top: -30px; }
  to {
    top: 0; } }
  @media (max-width: 768px) {
    .top-bar {
      padding: 7px 20px 6px 15px; } }
  .top-bar__container {
    display: flex;
    flex-direction: row-reverse; }
    @media (min-width: 769px) {
      .top-bar__container {
        justify-content: space-between; } }
  @media (max-width: 768px) {
    .top-bar__mobile {
      display: inline-flex;
      margin-left: auto; } }

a {
  color: #253151;
  font-family: HelveticaNeueW01-55Roma; }

.entrances {
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: flex-end;
  flex-wrap: wrap; }
  .entrances:empty {
    display: none; }
  .entrances__item {
    margin-right: 25px;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #072046;
    font-family: HelveticaNeueW01-55Roma; }
    .entrances__item:last-child {
      margin-right: 0; }
    .entrances__item a,
    .entrances__item a > span {
      color: white;
      font-weight: 600;
      font-family: HelveticaNeueW01-55Roma;
      display: block; }
    @media (min-width: 768px) {
      .entrances__item.find {
        display: none; } }
  .entrances__link {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-decoration: none; }
    .entrances__link img,
    .entrances__link .icon-align {
      width: 1.5rem;
      margin-right: 9px; }
    .entrances__link:hover {
      border-bottom: solid 1px #072046;
      margin-bottom: -1px; }

#HeaderNew .menuRow .entrances.mobile {
  justify-content: flex-start;
  padding: 16px 15px;
  display: block; }
  @media (min-width: 767px) {
    #HeaderNew .menuRow .entrances.mobile {
      display: none; } }
  @media (max-width: 767px) {
    #HeaderNew .menuRow .entrances.mobile {
      display: block; } }
  #HeaderNew .menuRow .entrances.mobile .entrances__item {
    margin-left: 3px;
    margin-right: 3px; }
    #HeaderNew .menuRow .entrances.mobile .entrances__item a {
      text-align: center;
      padding: 0; }
      #HeaderNew .menuRow .entrances.mobile .entrances__item a img {
        display: block;
        max-width: 20px;
        max-height: 20px;
        margin: 0 auto 4px; }
      #HeaderNew .menuRow .entrances.mobile .entrances__item a span {
        font-size: 14px;
        padding: 5px; }
  #HeaderNew .menuRow .entrances.mobile.hidden {
    display: none; }

.tabGroup .entrances {
  margin-right: 25px; }
  @media (max-width: 768px) {
    .tabGroup .entrances.find {
      margin-right: 10px; } }
  .tabGroup .entrances .entrances__item:last-child {
    margin-right: 0; }
  .tabGroup .entrances.mobile a {
    display: flex; }
  .tabGroup .entrances.mobile.hidden {
    display: none; }

.navigationblockWrapper {
  display: flex;
  gap: 1.875rem;
  margin-top: 1rem; }
  @media (max-width: 768px) {
    .navigationblockWrapper {
      gap: 1rem;
      flex-direction: column; } }
  @media (max-width: 768px) {
    .navigationblockWrapper .blockImageContainer .show-desktop-navigationBlock {
      display: none !important; } }
  @media (min-width: 769px) {
    .navigationblockWrapper .blockImageContainer .show-phone-navigationBlock {
      display: none !important; } }
  @media (min-width: 769px) {
    .navigationblockWrapper .blockImageContainer img {
      max-width: 150px; } }
  @media (max-width: 768px) {
    .navigationblockWrapper .blockImageContainer .blockImage {
      width: 100%;
      height: 10rem;
      object-fit: cover; } }
  @media (min-width: 415px) and (max-width: 768px) {
    .navigationblockWrapper .blockImageContainer .blockImage {
      height: 15rem; } }
  .navigationblockWrapper .listWrapper h2 {
    margin-top: 0; }
  .navigationblockWrapper .listWrapper a > h2 {
    text-decoration: underline; }
  .navigationblockWrapper .listWrapper h2 > a {
    text-decoration: underline !important; }
  .navigationblockWrapper .listWrapper .listContainer ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none; }
    .navigationblockWrapper .listWrapper .listContainer ul li {
      margin: 0.5rem 0.5rem 0 0;
      padding: 0.5rem 0.75rem;
      background-color: #eee; }
    .navigationblockWrapper .listWrapper .listContainer ul a {
      color: #253151; }

.col-12 .navigationblockWrapper,
.col-8 .navigationblockWrapper,
.row .navigationblockWrapper {
  border-top: 1px #dddddd solid;
  padding-top: 2rem;
  margin-top: 1rem;
  margin-bottom: 1.2rem; }

.pushedContentAreaWrapper > .row > .col-12:first-child > .navigationblockWrapper {
  border-top: none; }

.pushedContentAreaWrapper > .row > .col-8:first-child > .navigationblockWrapper {
  border-top: none; }

.pushedContentAreaWrapper > .row > .row:first-child > .navigationblockWrapper {
  border-top: none; }

.accordion-wrapper:last-child > .accordion.simple {
  border-bottom: 1px black solid; }

.accordion-wrapper .left-wrapper {
  display: flex;
  align-items: center; }
  .accordion-wrapper .left-wrapper > img {
    width: 28px;
    height: 28px;
    margin-right: 14px; }

.accordion-wrapper .accordion.simple {
  border-top: 1px black solid;
  padding-right: 20px; }

.accordion-wrapper .accordion.white {
  background-color: white;
  border: 1px solid #d3d3d3;
  margin: 2rem 0;
  padding: 0 1rem; }
  @media (max-width: 768px) {
    .accordion-wrapper .accordion.white {
      padding: 0 0.5rem; } }
  .accordion-wrapper .accordion.white svg {
    fill: #004C85; }

.accordion-wrapper .accordion.grey {
  background-color: #f1f1f1;
  margin: 2rem 0;
  padding: 0 1rem; }
  @media (max-width: 768px) {
    .accordion-wrapper .accordion.grey {
      padding: 0 0.5rem; } }
  .accordion-wrapper .accordion.grey > svg {
    fill: #000; }

.accordion-wrapper .accordion > svg {
  min-width: 25px;
  height: 25px; }
  @media (max-width: 768px) {
    .accordion-wrapper .accordion > svg {
      min-width: 20px;
      height: 20px; } }

.accordion-wrapper .accordion__item {
  display: none; }

.accordion-wrapper .accordion button {
  margin: 0;
  border: 0;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  text-align: left; }
  .accordion-wrapper .accordion button h2 {
    padding: 20px 0;
    font-size: 25px; }
    @media (max-width: 768px) {
      .accordion-wrapper .accordion button h2 {
        padding: 15px 0px; } }
  .accordion-wrapper .accordion button h3 {
    padding: 12px 0;
    font-size: 20px; }
    @media (max-width: 768px) {
      .accordion-wrapper .accordion button h3 {
        padding: 10px 0px; } }
  .accordion-wrapper .accordion button .h2_svg {
    min-width: 25px;
    height: 25px; }
    @media (max-width: 768px) {
      .accordion-wrapper .accordion button .h2_svg {
        min-width: 20px;
        height: 20px; } }
  .accordion-wrapper .accordion button .h3_svg {
    min-width: 23px;
    height: 23px; }
    @media (max-width: 768px) {
      .accordion-wrapper .accordion button .h3_svg {
        min-width: 18px;
        height: 18px; } }
  .accordion-wrapper .accordion button h2,
  .accordion-wrapper .accordion button h3 {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 1rem;
    line-height: 35px; }
  @media (max-width: 768px) {
    .accordion-wrapper .accordion button h2 {
      margin-top: 0 !important;
      margin-bottom: 0 !important;
      line-height: 30px; }
    .accordion-wrapper .accordion button h3 {
      margin-top: 0 !important;
      margin-bottom: 0 !important;
      line-height: 28px; } }
  .accordion-wrapper .accordion button:focus {
    outline: none; }
  .accordion-wrapper .accordion button:focus-visible {
    box-shadow: 0 0 0 3px #004C85;
    outline: none; }
  .accordion-wrapper .accordion button svg {
    transition: transform 0.2s linear; }

.accordion-wrapper .accordion.open .accordion__item {
  display: block;
  padding-bottom: 1rem;
  margin-left: 6px; }
  .accordion-wrapper .accordion.open .accordion__item ul {
    list-style-position: inside; }
  .accordion-wrapper .accordion.open .accordion__item a {
    color: #004C85;
    text-decoration: underline !important; }
    .accordion-wrapper .accordion.open .accordion__item a:hover {
      text-decoration: none !important; }

.accordion-wrapper .accordion.open button svg:last-child {
  transform: rotate(180deg); }

/* Gray / default */
.infoblock-wrapper {
  display: flex;
  max-width: 1440px;
  margin: 0 auto;
  font-family: "HelveticaNeueW01-55Roma", Helvetica, Arial, sans-serif; }

@media (max-width: 768px) {
  .infoblock-wrapper {
    flex-direction: column;
    padding: 0 1rem; } }

.infoblock-header {
  text-align: left;
  padding: 0;
  margin-bottom: 37px; }

.infoblock-preamble {
  font-family: "HelveticaNeueW01-55Roma", Helvetica, Arial, sans-serif;
  font-size: 19px;
  line-height: 28px;
  text-align: left;
  padding: 0;
  margin-bottom: 24px; }

.infoblock-content > p {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 16px;
  font-family: "HelveticaNeueW01-55Roma", Helvetica, Arial, sans-serif;
  text-align: left;
  padding: 0; }

.infoblock-content ul {
  list-style-position: inside; }

.infoblock-box-container-gray {
  display: flex;
  background-color: #eeeeee;
  width: 100%;
  margin-bottom: 40px;
  margin-top: 24px;
  padding-bottom: 12px; }

@media (max-width: 1024px) {
  .infoblock-box-container {
    flex-direction: column; } }

.infoblock-box-icon-container {
  margin: 24px 0 0 24px; }

.infoblock-box-icon-container > img {
  min-width: 48px;
  height: 48px; }

.infoblock-box-text-container-rightcolumn p {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 16px;
  font-family: "HelveticaNeueW01-55Roma", Helvetica, Arial, sans-serif; }

.infoblock-box-text-container-rightcolumn a {
  font-size: 18px;
  color: #358080;
  margin: 1rem 0;
  text-decoration: underline !important; }

.infoblock-box-text-container-rightcolumn a:hover {
  text-decoration: none !important; }

.infoblock-box-text-container {
  padding-right: 2rem;
  padding-left: 24px; }

.infoblock-box-text-container h2 {
  font-size: 20px;
  line-height: 32px;
  margin-top: 28px;
  margin-bottom: 10px;
  color: black; }

@media (max-width: 1024px) {
  .infoblock-box-text-container h2 {
    margin-top: 1rem; } }

.infoblock-box-text-container p {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 16px;
  font-family: "HelveticaNeueW01-55Roma", Helvetica, Arial, sans-serif; }

.infoblock-box-text-container ul {
  list-style-position: inside;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 16px; }

.infoblock-box-text-container a:not(.infoblock-box-linkbtn) {
  text-decoration: underline !important; }
  .infoblock-box-text-container a:not(.infoblock-box-linkbtn):hover {
    text-decoration: none !important; }

.infoblock-box-text-container .infoblock-box-linkbtn {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 20px;
  line-height: 20;
  min-height: 48px;
  border: 1px solid black;
  line-height: 15px;
  margin-bottom: 30px;
  color: black; }

.infoblock-box-text-container .infoblock-box-linkbtn > svg {
  margin-left: 14px; }

/* Turqoise */
.infoblock-box-container-turquoise {
  display: flex;
  background-color: #b2dcd6;
  width: 100%;
  margin-bottom: 40px;
  margin-top: 24px;
  padding-bottom: 12px; }

@media (max-width: 1024px) {
  .infoblock-box-container {
    flex-direction: column; } }

/* Purple */
.infoblock-box-container-purple {
  display: flex;
  background-color: #d2c5e2;
  width: 100%;
  margin-bottom: 40px;
  margin-top: 24px;
  padding-bottom: 12px; }

@media (max-width: 1024px) {
  .infoblock-box-container {
    flex-direction: column; } }

/* Pink */
.infoblock-box-container-pink {
  display: flex;
  background-color: #f5b3bd;
  width: 100%;
  margin-bottom: 40px;
  margin-top: 24px;
  padding-bottom: 12px; }

@media (max-width: 1024px) {
  .infoblock-box-container {
    flex-direction: column; } }

/* Blue */
.infoblock-box-container-blue {
  display: flex;
  background-color: #253151;
  color: #FFFFFF;
  width: 100%;
  margin-bottom: 40px;
  margin-top: 24px;
  padding-bottom: 12px; }
  .infoblock-box-container-blue a {
    color: #FFFFFF !important; }

@media (max-width: 1024px) {
  .infoblock-box-container {
    flex-direction: column; } }

@media (max-width: 768px) {
  .infoblock-box-container-blue p {
    color: #FFFFFF !important; } }

.infoblock-box-container-blue h2 {
  color: #FFFFFF; }

.infoblock-box-container-blue h3 {
  color: #FFFFFF; }

.infoblock-box-container-blue h4 {
  color: #FFFFFF; }

.infoblock-box-container-blue td {
  color: #FFFFFF; }

.infoblock-image {
  filter: invert(99%) sepia(2%) saturate(270%) hue-rotate(66deg) brightness(117%) contrast(100%); }

/* Green */
.infoblock-box-container-green {
  display: flex;
  background-color: #aebd15;
  width: 100%;
  margin-bottom: 40px;
  margin-top: 24px;
  padding-bottom: 12px; }

@media (max-width: 1024px) {
  .infoblock-box-container {
    flex-direction: column; } }

/* Yellow */
.infoblock-box-container-yellow {
  display: flex;
  background-color: #ffec8d;
  width: 100%;
  margin-bottom: 40px;
  margin-top: 24px;
  padding-bottom: 12px; }

@media (max-width: 1024px) {
  .infoblock-box-container {
    flex-direction: column; } }

/******** PAGES ********/
#EventsListPage #BtEvent .ingress {
  font-size: 1.6em;
  line-height: 1.35;
  margin-left: auto;
  margin-right: auto; }

#EventsListPage #BtEvent .largeIconChar {
  font-size: 30px;
  color: #fff; }

#BtEvent .layoutWrapper {
  padding: 0 15px; }

#BtEvent .eventMainImageWrapper:before {
  display: none; }

#BtEvent .eventMainImageWrapper.eventMainImageWrapper {
  padding: 5px 0; }

#BtEvent .eventMainImageWrapper .map-anchor:before {
  content: '\e918';
  position: absolute;
  color: #fff;
  background: #006ebf;
  font-family: "icomoon";
  font-size: 54px;
  line-height: 40px;
  right: 15px;
  /*top: 10px;*/
  padding: 10px 7px; }

@media (min-width: 768px) {
  #BtEvent .eventMainImageWrapper .mainImage:before {
    right: 40px;
    top: 30px; } }

/* PLACE AND NEXT OCCATION */
.place-and-next-occation {
  text-align: center;
  margin: 10px 0 30px;
  font-size: 1.15em;
  line-height: 1.3; }

.place-and-next-occation a {
  color: #006ebf; }
  .place-and-next-occation a:hover {
    text-decoration: underline; }

/* Event info box */
.event-info {
  max-width: 1200px;
  padding: 20px 15px;
  margin: 30px auto;
  padding-bottom: 80px;
  /*background:#e8f1f4;*/ }

.event-info .event-info-container {
  border-bottom: 1px dashed #ddd;
  padding: 20px 0 30px; }

.event-info .event-info-container a {
  color: #006ebf; }

.event-info .event-info-container .highlighted a {
  color: #fff;
  background: #11192b; }

.event-info .event-info-container .h3 {
  margin: 0; }

@media (min-width: 768px) {
  .event-info {
    padding: 20px 0 80px; }
  .event-info .event-info-container .event-info-block {
    width: 50%;
    padding: 0;
    position: relative; }
  .event-info .event-info-container .event-info-block.left {
    float: left; }
  .event-info .event-info-container .event-info-block.right {
    float: right;
    padding-top: 6px; } }

/* event dates */
#BtEvent .no-of-occasions {
  margin-bottom: 20px; }

.btEvent-occasions {
  display: block; }

.btEvent-occasions.as-calendar {
  display: none; }

.btEvent-occasions.as-calendar .ui-widget {
  max-width: 100%; }

.toggle-occasions-display-link {
  position: absolute;
  top: 7px;
  right: 0; }
  .toggle-occasions-display-link:hover {
    text-decoration: underline; }

#BtEvent .occasionsListWrapper {
  margin: 30px auto 0;
  max-width: 800px; }

#BtEvent .occasionsList {
  list-style: none; }

#BtEvent .occasion {
  /*overflow: hidden;*/
  clear: both; }

#BtEvent .occasion strong {
  text-transform: capitalize; }

#BtEvent .occasion span {
  display: inline; }

#BtEvent .occasion span + span:before {
  content: ","; }

#BtEvent .occasion .datetime,
#BtEvent .occasion .arena {
  width: 100%;
  margin: 15px auto 0;
  float: left;
  padding: 5px 15px 5px 0;
  position: relative; }

#BtEvent .occasion .arena {
  margin-top: 5px;
  /*margin is reduced to visually group arena together with time*/ }

#BtEvent .occasion .arena a {
  color: #006ebf; }

#BtEvent .occasion .datetime:before,
#BtEvent .occasion .arena:before {
  font-family: "FontAwesome";
  font-size: 35px;
  line-height: 40px;
  position: absolute;
  left: -65px;
  top: 0;
  color: #006ebf; }

#BtEvent .occasion .datetime:before {
  content: '\f133'; }

#BtEvent .occasion .arena:before {
  content: '\f015'; }

#BtEvent .showMore {
  display: none;
  color: #006ebf;
  margin-top: 15px;
  text-align: center; }

#BtEvent .showMore.show {
  display: block; }

#BtEvent .layoutWrapper {
  overflow: hidden;
  position: relative; }

#BtEvent .layoutWrapper .target-group-icons {
  position: absolute;
  top: 40px;
  right: 0; }

#BtEvent .layoutWrapper .target-group-icons span {
  margin-left: -10px; }

#BtEvent .contactInfo > .event-info-block.right > div + div {
  margin-top: 10px; }

/* icons */
#BtEvent .dates,
#BtEvent .event-time,
#BtEvent .priceFrom,
#BtEvent .email,
#BtEvent .phone,
#BtEvent .imageAndMapWrapper {
  padding: 5px 0 5px 65px;
  position: relative;
  display: block;
  margin-top: 10px; }

@media (min-width: 768px) {
  #BtEvent .dates,
  #BtEvent .event-time,
  #BtEvent .priceFrom,
  #BtEvent .email,
  #BtEvent .phone,
  #BtEvent .imageAndMapWrapper {
    padding: 5px 0 5px 0;
    margin-top: 0; } }

#BtEvent .email {
  display: block;
  color: #333; }

#BtEvent .dates:before,
#BtEvent .event-time:before,
#BtEvent .priceFrom:before,
#BtEvent .email:before,
#BtEvent .phone:before,
#BtEvent .imageAndMapWrapper:before {
  position: absolute;
  color: #006ebf;
  font-family: "icomoon";
  font-size: 30px;
  line-height: 40px;
  left: 0;
  top: 0; }

@media (min-width: 768px) {
  #BtEvent .dates:before,
  #BtEvent .event-time:before,
  #BtEvent .priceFrom:before,
  #BtEvent .email:before,
  #BtEvent .phone:before,
  #BtEvent .imageAndMapWrapper:before {
    left: -45px; } }

#BtEvent .imageAndMapWrapper:before {
  content: '\e918'; }

#BtEvent .dates:before {
  content: '\e923'; }

#BtEvent .event-time:before {
  content: '\e90a'; }

#BtEvent .priceFrom:before {
  content: '\e920'; }

#BtEvent .email:before {
  content: '\e912'; }

#BtEvent .phone:before {
  content: '\e917'; }

/* BOOKING BUTTON */
#BtEvent .bookButton {
  text-align: center;
  overflow: hidden; }

@media (min-width: 768px) {
  #BtEvent .bookButton {
    margin: 50px 0; } }

#BtEvent .bookButton .button {
  width: 260px;
  text-align: center; }

#BtEvent .moreInfoLinks {
  max-width: 800px;
  margin: 30px auto 0;
  padding: 0 15px;
  overflow: hidden; }

#BtEvent .moreInfoLinks h2 {
  text-align: center; }

#BtEvent .moreInfoLinks ul {
  list-style: none; }

@media (min-width: 768px) {
  #BtEvent .occasion .datetime,
  #BtEvent .occasion .arena {
    /*width: 50%;*/ }
  #BtEvent .occasion .arena {
    margin-top: 15px; }
  #BtEvent .moreInfo,
  #BtEvent .contactInfo {
    /*width: 50%;*/ } }

#EventPage {
  --purple: #954b97;
  color: #4e4e4e; }
  #EventPage h1,
  #EventPage h2,
  #EventPage h3,
  #EventPage h4,
  #EventPage h5,
  #EventPage h6,
  #EventPage dd,
  #EventPage dt,
  #EventPage a,
  #EventPage ul,
  #EventPage li {
    font-family: "HelveticaNeueW01-55Roma", "Arial"; }
  #EventPage hr {
    border-style: solid;
    border-color: #dddddd; }
  #EventPage a {
    color: var(--purple);
    font-family: "HelveticaNeueW01-45ligh", Arial; }
  #EventPage a,
  #EventPage button {
    cursor: pointer; }
  #EventPage .desktop-wrapper {
    display: flex;
    justify-content: space-between; }
  @media (min-width: 768px) {
    #EventPage .mobile-only {
      display: none; } }
  #EventPage .desktop-only {
    width: 33%;
    display: flex;
    flex-direction: column;
    padding-left: 2rem; }
    @media (max-width: 768px) {
      #EventPage .desktop-only {
        display: none; } }
  #EventPage .section-wrapper {
    width: 66%; }
    @media (max-width: 768px) {
      #EventPage .section-wrapper {
        width: 100%; } }
  #EventPage .eventpage__wrapper {
    padding: 0 1rem; }
    @media (min-width: 768px) {
      #EventPage .eventpage__wrapper {
        max-width: 1200px;
        margin: 0 auto;
        padding: 3rem 1rem; } }
    #EventPage .eventpage__wrapper .event-image {
      width: 100%;
      margin-bottom: 1rem; }
    #EventPage .eventpage__wrapper .eventpage-text h1 {
      padding-left: 0;
      padding-right: 0;
      margin-top: 0.5rem;
      font-size: 30px;
      font-weight: 400;
      line-height: 36px;
      padding-bottom: 1rem;
      text-align: left; }
    #EventPage .eventpage__wrapper .eventpage-text p {
      font-size: 18px;
      font-weight: 300;
      line-height: 26px;
      padding-bottom: 1rem; }
    #EventPage .eventpage__wrapper .portrait {
      width: 100%;
      background-color: #eeeeee;
      display: flex;
      justify-content: center;
      margin-bottom: 1rem; }
      #EventPage .eventpage__wrapper .portrait img {
        width: 504px;
        max-height: 707px;
        margin-bottom: 0; }
        @media (max-width: 768px) {
          #EventPage .eventpage__wrapper .portrait img {
            max-height: 100%;
            width: 100%; } }
  #EventPage #återkommande {
    font-family: "HelveticaNeueW01-45ligh", Arial, Helvetica, sans-serif; }
  #EventPage .eventpage-returntoeventpage-block {
    padding: 1rem 0;
    justify-content: start;
    display: flex; }
    #EventPage .eventpage-returntoeventpage-block p,
    #EventPage .eventpage-returntoeventpage-block svg {
      color: var(--purple); }
    #EventPage .eventpage-returntoeventpage-block .return-eventpage {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0.8rem 2rem;
      text-align: center;
      background-color: transparent;
      border-radius: 0;
      border-color: var(--purple);
      border: 2px solid var(--purple); }
      @media (max-width: 768px) {
        #EventPage .eventpage-returntoeventpage-block .return-eventpage {
          width: 100%; } }
  #EventPage .accordion-wrapper {
    margin: 1rem 0; }
    #EventPage .accordion-wrapper .accordion {
      padding: 0; }
      #EventPage .accordion-wrapper .accordion button {
        color: #000000;
        padding: 0; }
      #EventPage .accordion-wrapper .accordion__item:first-of-type {
        padding-top: 1rem; }
      #EventPage .accordion-wrapper .accordion__item {
        font-family: "HelveticaNeueW01-45ligh", Arial, Helvetica, sans-serif; }
    #EventPage .accordion-wrapper dt {
      padding: 0; }
  #EventPage dt {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 0.5rem; }
  #EventPage .preorder-btn {
    padding: 0.8rem 2rem;
    text-align: center;
    background-color: var(--purple);
    color: white;
    margin: 0 0 1rem 0;
    display: inline-flex; }
    @media (max-width: 768px) {
      #EventPage .preorder-btn {
        width: 100%;
        display: flex;
        justify-content: center; } }
    #EventPage .preorder-btn h2 {
      font-size: 16px;
      font-weight: 400;
      line-height: 20px;
      color: white;
      margin: 0; }
  #EventPage .organizer {
    display: flex;
    flex-direction: column; }
    #EventPage .organizer h2 {
      font-size: 16px;
      font-weight: 400;
      line-height: 20px;
      font-weight: bold;
      margin: 0;
      padding: 1rem 0; }
  #EventPage .address h2 {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    font-weight: bold;
    margin: 0;
    padding-top: 1rem;
    padding-bottom: 0.3rem; }
  #EventPage .availability {
    padding-top: 1rem; }
    #EventPage .availability h2 {
      font-size: 16px;
      font-weight: 400;
      line-height: 20px;
      font-weight: bold;
      margin: 0;
      padding-top: 1rem;
      padding-bottom: 0.3rem; }
    #EventPage .availability p {
      font-weight: 300;
      font-size: 16px;
      line-height: 26px;
      padding-bottom: 0.2rem; }
      #EventPage .availability p::before {
        content: url("/Static/FA-Ikoner/checkmark.svg");
        width: 16px;
        height: 20px;
        display: inline-block;
        margin-right: 0.5rem; }
  #EventPage .eventpage-dl {
    margin-bottom: 2rem; }
    #EventPage .eventpage-dl .eventpage-dl_wrapper {
      display: flex; }
      #EventPage .eventpage-dl .eventpage-dl_wrapper dt {
        min-width: 7rem;
        font-size: 16px;
        font-weight: bold; }
      #EventPage .eventpage-dl .eventpage-dl_wrapper dd {
        font-family: "HelveticaNeueW01-45ligh", Arial; }
      #EventPage .eventpage-dl .eventpage-dl_wrapper span {
        padding-left: 0.8rem; }
        #EventPage .eventpage-dl .eventpage-dl_wrapper span::before {
          content: url("/Static/FA-Ikoner/checkmark.svg");
          width: 16px;
          height: 20px;
          display: inline-block;
          margin-right: 0.3rem; }
  #EventPage .eventpage-tipsaboutevent-block {
    padding: 3rem 1rem;
    display: flex;
    justify-content: end; }
    @media (min-width: 768px) {
      #EventPage .eventpage-tipsaboutevent-block {
        max-width: 1200px;
        margin: 0 auto; } }
    #EventPage .eventpage-tipsaboutevent-block .more-tips {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0.8rem 2rem;
      text-align: center;
      background-color: transparent;
      border-radius: 0;
      border-color: var(--purple);
      border: 2px solid var(--purple);
      color: var(--purple); }
      @media (max-width: 768px) {
        #EventPage .eventpage-tipsaboutevent-block .more-tips {
          width: 100%; } }
      #EventPage .eventpage-tipsaboutevent-block .more-tips svg {
        fill: var(--purple); }
  #EventPage .end-block {
    margin: 2rem 0;
    background-color: #d2c5e2;
    height: 8px; }
    @media (min-width: 768px) {
      #EventPage .end-block {
        height: 24px; } }
  #EventPage .iconlink {
    display: flex;
    align-items: center; }
  #EventPage .icon-browser {
    width: 23px;
    height: 20px;
    display: inline-block;
    margin-left: 0.5rem; }
  #EventPage .icon-mapdot {
    width: 16px;
    height: 20px;
    display: inline-block;
    margin-right: 0.5rem; }
  #EventPage .icon-file {
    width: 26px;
    height: 20px;
    display: inline-block;
    margin-right: 0.5rem; }
  #EventPage #Footer a,
  #EventPage .alloyBreadcrumb a {
    color: #006ebf; }
  #EventPage #HeaderNew a {
    color: #253151; }
  #EventPage .hidePhone {
    display: none; }
    @media (max-width: 768px) {
      #EventPage .hidePhone {
        display: block; } }
  #EventPage .showPhone {
    display: block; }
    @media (max-width: 768px) {
      #EventPage .showPhone {
        display: none; } }

#EventFormPage {
  width: 100%;
  padding: 0 5rem;
  margin: 0 auto;
  padding-top: 4rem;
  position: relative;
  /* styles for the loader container and loader */ }
  @media (min-width: 768px) {
    #EventFormPage {
      max-width: 1200px; } }
  #EventFormPage .page-title {
    margin-bottom: 2rem;
    font-size: 30px;
    font-family: "HelveticaNeueW01-55Roma";
    text-align: left;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0; }
  #EventFormPage .page-preamble {
    margin-bottom: 3rem;
    font-family: "HelveticaNeueW01-55Roma"; }
  #EventFormPage .row {
    display: flex;
    flex-direction: column;
    margin: 0.5rem 0; }
    @media (min-width: 768px) {
      #EventFormPage .row {
        max-width: 66%; } }
    #EventFormPage .row input,
    #EventFormPage .row textarea,
    #EventFormPage .row select {
      padding: 0.6rem 0.8rem;
      font-family: "HelveticaNeueW01-45ligh", Arial, Helvetica, sans-serif;
      font-size: large;
      margin-bottom: 1rem; }
    #EventFormPage .row:before {
      display: none; }
  #EventFormPage .side-by-side {
    flex-direction: row;
    justify-content: space-between; }
    #EventFormPage .side-by-side div {
      display: flex;
      flex-direction: column;
      width: 100%; }
      #EventFormPage .side-by-side div:first-child {
        padding-right: 1rem; }
  #EventFormPage .additional-text {
    margin-bottom: 1.5rem; }
  #EventFormPage #recurring-section .recurring-event-wrapper {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: end;
    margin-bottom: 1rem; }
    #EventFormPage #recurring-section .recurring-event-wrapper .recurring-event-date-wrapper {
      display: flex;
      justify-content: start;
      flex-direction: row;
      align-items: end;
      width: 100%;
      margin-right: 1rem;
      gap: 1rem; }
      #EventFormPage #recurring-section .recurring-event-wrapper .recurring-event-date-wrapper div {
        display: flex;
        flex-direction: column;
        width: 100%; }
      #EventFormPage #recurring-section .recurring-event-wrapper .recurring-event-date-wrapper input {
        margin-bottom: 0; }
  #EventFormPage #non-recurring-section .side-by-side:first-child div:first-child {
    padding-right: 0; }
  #EventFormPage .deleteBtn {
    padding: 5px;
    cursor: pointer;
    background-color: transparent;
    color: #e84940;
    border: none; }
    #EventFormPage .deleteBtn svg {
      fill: #e84940; }
  #EventFormPage .editBtn {
    padding: 5px;
    cursor: pointer;
    background-color: transparent;
    color: #004c85;
    border: none; }
    #EventFormPage .editBtn svg {
      fill: #004c85; }
  #EventFormPage #add-recurring-event {
    padding: 12px;
    text-align: center;
    display: flex;
    justify-content: center;
    border: 1px solid #253151;
    cursor: pointer; }
    #EventFormPage #add-recurring-event:hover {
      background-color: #e4e4e4; }
    #EventFormPage #add-recurring-event span {
      display: flex;
      justify-content: center;
      align-items: center; }
      #EventFormPage #add-recurring-event span svg {
        margin-left: 15px; }
  #EventFormPage .event {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    margin-bottom: 8px;
    align-items: center; }
    #EventFormPage .event > span strong:nth-child(2) {
      margin-left: 15px; }
    #EventFormPage .event .event-buttons {
      display: flex;
      justify-content: space-between;
      gap: 10px; }
  #EventFormPage .nocostpreorder,
  #EventFormPage .payThere,
  #EventFormPage .preorder {
    display: flex;
    flex-direction: column; }
    #EventFormPage .nocostpreorder > textarea,
    #EventFormPage .payThere > textarea,
    #EventFormPage .preorder > textarea {
      padding: 0.6rem 0.8rem 0rem 0.8rem;
      font-family: HelveticaNeueW01-45ligh, Arial, Helvetica, sans-serif;
      font-size: large;
      margin-bottom: 1rem; }
    #EventFormPage .nocostpreorder > input,
    #EventFormPage .payThere > input,
    #EventFormPage .preorder > input {
      padding: 0.6rem 0.8rem;
      font-family: HelveticaNeueW01-45ligh, Arial, Helvetica, sans-serif;
      font-size: large;
      margin-bottom: 1rem; }
    #EventFormPage .nocostpreorder .typesofpayments,
    #EventFormPage .payThere .typesofpayments,
    #EventFormPage .preorder .typesofpayments {
      display: flex;
      gap: 5rem; }
  #EventFormPage .ageRestricted {
    margin: 1rem 0; }
    #EventFormPage .ageRestricted .ageRestrictedLabel {
      padding: 0.6rem 0.8rem;
      font-family: "HelveticaNeueW01-45ligh", Arial, Helvetica, sans-serif;
      font-size: large;
      width: 200%; }
  #EventFormPage .differentDayTime {
    display: flex;
    flex-direction: column; }
  #EventFormPage .grid-2-cols {
    max-width: 66%;
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 2rem; }
  #EventFormPage .grid-3-cols {
    max-width: 66%;
    display: grid;
    grid-template-columns: repeat(3, 1fr); }
  #EventFormPage .backtomenu {
    position: absolute;
    top: 3rem;
    right: 4rem;
    background: transparent;
    padding: 0.2rem 0.9rem;
    color: purple;
    border: 1px solid purple;
    display: flex;
    align-items: center;
    gap: 0.7rem; }
  #EventFormPage #submit-button {
    margin-top: 2rem;
    max-width: 20rem;
    padding: 0.8rem; }
  #EventFormPage input[type="checkbox"],
  #EventFormPage input[type="radio"] {
    transform: scale(1.5);
    margin-top: 0.5rem; }
  #EventFormPage input[type="checkbox"]:checked {
    background-color: transparent;
    /* Make the background transparent for checked state */
    border: 2px solid #000;
    /* Keep the border for checked state */ }
  #EventFormPage .hidden {
    display: none; }
  #EventFormPage .flex {
    display: flex;
    gap: 0.5rem; }
  #EventFormPage .flex-aligntop {
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
    margin-top: 2rem; }
    @media (max-width: 768px) {
      #EventFormPage .flex-aligntop {
        width: 100%; } }
  #EventFormPage .confirmation {
    margin: 3.5rem auto 0 auto; }
    #EventFormPage .confirmation h2 {
      margin: 3rem auto 0 auto; }
  #EventFormPage .sectionTitle,
  #EventFormPage label {
    font-family: "HelveticaNeueW01-55Roma";
    margin-bottom: 0.2rem; }
  #EventFormPage .event-categories-section .event-category,
  #EventFormPage .theme-categories-section .theme-category {
    align-items: start; }
  #EventFormPage .ageRestriction .ageRestriction-input-section,
  #EventFormPage .costForEventHeading,
  #EventFormPage .forvisitors-input-section {
    display: flex;
    gap: 0.5rem;
    align-items: start; }
  #EventFormPage .event-proof-input-section {
    align-items: start; }
  #EventFormPage .loader-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.4);
    z-index: 9999; }
  #EventFormPage .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 4px solid #f3f3f3;
    border-top: 4px solid #954b97;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
  #EventFormPage #previewModal.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 1; }
  #EventFormPage #previewModal .modal-content {
    background-color: #fefefe;
    margin: 5% auto;
    padding: 20px;
    padding-top: 0;
    width: 80%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    opacity: 1;
    max-width: 1000px;
    overflow: hidden; }
    #EventFormPage #previewModal .modal-content .close-btn {
      color: #222;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      padding: 1rem 0 8px 1rem; }
      #EventFormPage #previewModal .modal-content .close-btn svg {
        cursor: pointer; }
    #EventFormPage #previewModal .modal-content .submit-btn,
    #EventFormPage #previewModal .modal-content .list-btn {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0.5rem 1rem;
      text-align: center;
      background-color: #954b97;
      border-radius: 0;
      border-color: #954b97;
      border: 2px solid #954b97;
      color: #fff; }
      #EventFormPage #previewModal .modal-content .submit-btn:hover,
      #EventFormPage #previewModal .modal-content .list-btn:hover {
        background-color: #853b87; }
    #EventFormPage #previewModal .modal-content .edit-btn,
    #EventFormPage #previewModal .modal-content .new-event-btn {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0.5rem 1rem;
      text-align: center;
      background-color: transparent;
      border-radius: 0;
      border-color: #954b97;
      border: 2px solid #954b97;
      color: #954b97; }
    #EventFormPage #previewModal .modal-content .preview-btn-wrapper .new-event-btn {
      border: none; }
      #EventFormPage #previewModal .modal-content .preview-btn-wrapper .new-event-btn:hover {
        text-decoration: underline; }
    #EventFormPage #previewModal .modal-content .event-image {
      position: relative; }
    #EventFormPage #previewModal .modal-content #preview-content {
      border: 2px solid #ddd; }
      #EventFormPage #previewModal .modal-content #preview-content .eventpage__wrapper.row {
        max-width: 100%; }
      #EventFormPage #previewModal .modal-content #preview-content #återkommande ul {
        list-style: none;
        display: grid;
        gap: 8px; }
        #EventFormPage #previewModal .modal-content #preview-content #återkommande ul li {
          display: grid;
          grid-template-columns: repeat(2, 6rem);
          align-items: center;
          gap: 1rem; }
    #EventFormPage #previewModal .modal-content .modal-header,
    #EventFormPage #previewModal .modal-content .modal-footer {
      padding: 1rem 0;
      max-width: 1200px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      #EventFormPage #previewModal .modal-content .modal-header h2,
      #EventFormPage #previewModal .modal-content .modal-footer h2 {
        margin: 0; }
      #EventFormPage #previewModal .modal-content .modal-header .preview-btn-wrapper,
      #EventFormPage #previewModal .modal-content .modal-footer .preview-btn-wrapper {
        display: flex;
        justify-content: flex-end;
        gap: 1rem; }
    #EventFormPage #previewModal .modal-content .modal-header {
      margin-top: 0; }
    #EventFormPage #previewModal .modal-content .modal-footer {
      justify-content: flex-end; }
    #EventFormPage #previewModal .modal-content .status-wrapper .list-btn,
    #EventFormPage #previewModal .modal-content .status-wrapper .new-event-btn {
      padding: 3px 5px; }
    #EventFormPage #previewModal .modal-content .status-wrapper div.submit-status {
      text-align: center;
      padding-top: 1rem;
      padding-bottom: 3rem; }
      #EventFormPage #previewModal .modal-content .status-wrapper div.submit-status ul,
      #EventFormPage #previewModal .modal-content .status-wrapper div.submit-status ol {
        padding-left: 1rem;
        margin: 1.5rem 0;
        text-align: left; }
      #EventFormPage #previewModal .modal-content .status-wrapper div.submit-status ul {
        list-style-type: disc; }
      #EventFormPage #previewModal .modal-content .status-wrapper div.submit-status ol {
        list-style-type: decimal; }
      #EventFormPage #previewModal .modal-content .status-wrapper div.submit-status li {
        margin-bottom: 5px; }
      #EventFormPage #previewModal .modal-content .status-wrapper div.submit-status table {
        width: 100%; }
    #EventFormPage #previewModal .modal-content .status-wrapper .status-btn-wrapper {
      display: flex;
      justify-content: flex-end;
      gap: 1rem;
      padding-top: 2rem; }

.topImageWrapper {
  background-repeat: no-repeat;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  padding: 0 15px;
  max-width: 1200px;
  margin: 0 auto; }

.ingress {
  margin-top: 0;
  margin-bottom: 20px; }

.topImageWrapper .largeIconChar.events {
  font-family: icomoon; }

#EventsListPage .eventslistpage-icon {
  font-size: 50px;
  margin: 0 30px 0 -15px; }

@media (min-width: 768px) {
  .topImageWrapper .largeIconChar.events {
    margin-right: 15px; }
  #EventsListPage .container .ingress, #EventsListPage .ingress {
    margin-left: 100px; } }

.topImageWrapper h1 {
  text-align: left;
  margin: 36px 0 25px; }

.iconArea {
  padding: 10px 15px 0;
  text-align: center; }

.largeIconChar {
  font-family: "Norrtalje-ikoner";
  font-size: 50px;
  line-height: 50px;
  padding: 10px;
  vertical-align: sub;
  position: relative;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%; }

.categories .largeIconChar {
  font-size: 25px;
  color: #fff;
  margin-right: 5px; }

#EventsListPage .largeIconChar.target-group-icon {
  color: #fff;
  background: #000;
  margin-right: 20px;
  margin-left: -20px; }

#EventsListPage .largeIconChar.events {
  color: #fff;
  background-color: #006ebf; }

/* FILTERS */
.searchForm .filter-buttons-container {
  max-width: 1200px;
  margin: 0 auto; }

.filterWrapper {
  background: #e8f1f4; }

.filters {
  padding: 30px 15px;
  max-width: 1200px;
  margin: 0 auto;
  display: block; }

.filter-actions-container {
  background: #e8f1f4; }

.filters input[type="text"] {
  max-width: none;
  border: 0;
  line-height: 26px;
  background: transparent;
  padding: 0; }

.filters .filters-row, .filter-options .filters-row {
  margin-left: -10px;
  margin-right: -10px; }

.filters .filter-action {
  padding: 0 10px;
  margin-top: 0;
  border: 0;
  width: 100%;
  margin-top: 1px; }

.filters .filter-action.hide {
  display: none; }

@media (min-width: 768px) {
  .filters .filter-action {
    float: left;
    width: 23%;
    padding: 0 10px;
    margin-top: 0;
    border: 0; }
  .filters .filter-action.textFilter {
    width: 31%; } }

.filters .filter-action.textFilter .filterFeedBack {
  position: absolute;
  top: 21px;
  right: -21px; }

.filters .filter-action a:not(.ui-datepicker-next):not(.ui-datepicker-prev):not(.ui-state-default) {
  background: #fff;
  display: block;
  padding: 20px;
  color: #006ebf;
  position: relative;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 50px; }

.filters .filter-action a:not(.ui-datepicker-next):not(.ui-datepicker-prev):not(.ui-state-default).filter-action-button.active {
  background: #006ebf;
  color: #fff; }

.filters .filter-action a span {
  color: #006ebf; }

.filters .filter-action a:not(.ui-datepicker-next):not(.ui-datepicker-prev):not(.ui-state-default).filter-action-button.active span {
  color: #fff; }

.filters .filter-action .filter-action-button.active .expand-icon:after, .filters .filter-action .filter-action-button.active .calendar-icon:after {
  color: #fff; }

.filters .filter-action.textFilter .options {
  padding: 0;
  width: 100%;
  padding: 20px 21px;
  background: #fff;
  position: relative;
  display: block;
  max-height: 68px; }

.filters .filter-action.textFilter .options input[type="text"] {
  font-family: "HelveticaNeueW01-45Ligh", Arial, Helvetica, sans-serif; }

/* Webkit */
.filters .filter-action.textFilter .options input[type="text"]::-webkit-input-placeholder {
  color: #006ebf; }

/* Firefox 4-18 */
.filters .filter-action.textFilter .options input[type="text"]:-moz-placeholder {
  color: #006ebf; }

/* Firefox 19+ */
.filters .filter-action.textFilter .options input[type="text"]::-moz-placeholder {
  color: #006ebf; }

/* IE10+ */
.filters .filter-action.textFilter .options input[type="text"]:-ms-input-placeholder {
  color: #006ebf; }

.filters .filter-action.textFilter .options label {
  color: #006ebf;
  position: absolute;
  left: 21px;
  top: 21px; }

.filters .filter-action.textFilter .options:after {
  position: absolute;
  top: 21px;
  right: 15px;
  content: "\e900";
  font-family: 'icomoon';
  font-size: 30px;
  color: #006ebf; }

.filters .filter-action .expand-icon:after {
  content: '\e602';
  font-family: 'Norrtalje-ikoner';
  font-size: 32px;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -11px;
  color: #006ebf; }

.filters .filter-action .calendar-icon:after {
  content: '\e923';
  font-family: "icomoon";
  font-size: 30px;
  line-height: 40px;
  position: absolute;
  right: 15px;
  top: 51%;
  margin-top: -20px;
  color: #006ebf; }

.filter-options fieldset {
  padding: 0 14px; }

.filter-options .filter-button, .filter-actions-container .filter-button {
  position: absolute;
  bottom: 18px;
  right: 14px;
  background: none;
  border: 0;
  color: #006ebf;
  font-size: 1.1em;
  cursor: pointer;
  -webkit-appearance: none; }
  .filter-options .filter-button:focus, .filter-actions-container .filter-button:focus {
    border: 2px solid black; }

.filter-options .clear-options-button, .filter-actions-container .clear-options-button {
  right: 120px; }

.filter-options .close-options-button:before, .filter-actions-container .close-options-button:before {
  content: "\e901";
  font-family: "icomoon";
  display: inline-block;
  margin-right: 5px;
  font-size: 0.85em;
  line-height: 1; }

.filter-options {
  text-align: left;
  max-width: 1200px;
  margin: 0 auto;
  position: relative; }

.blockWrapper {
  margin-bottom: 30px;
  margin-top: 0;
  position: relative; }

#EventsListPage .event-block-text-wrapper {
  min-height: 160px; }

.blockWrapper .targetgroup-icon-holder {
  position: absolute;
  top: -25px;
  right: 30px; }

.blockWrapper .targetgroup-icon-holder span {
  color: #fff;
  font-size: 1.3em; }

.blockGroupWrapper .eventList ul {
  list-style: none;
  /*border: 2px solid #e8f1f4;*/
  position: relative;
  /*padding: 0 15px;*/
  /*&:after {
                content: "";
                position: absolute;
                bottom: -11px;
                background: url("/Static/images/gfx/skuggan.png");
                left: 25px;
                right: 25px;
                height: 10px;
                background-size: 100% 100%;
            }*/ }
  .blockGroupWrapper .eventList ul .newsItem:first-child {
    border-top: 1px dashed #ddd; }
  .blockGroupWrapper .eventList ul a {
    display: inline-flex;
    padding: 3px 0px 3px 103px;
    /*border-bottom: 1px solid #D2F0F7;*/
    font-family: "HelveticaNeueW01-55Roma";
    font-size: 16px;
    line-height: 25px;
    color: #004C85;
    position: relative;
    cursor: pointer; }
    .blockGroupWrapper .eventList ul a:hover {
      text-decoration: underline; }
  .blockGroupWrapper .eventList ul a.no-date {
    padding-left: 0; }

.filter-options .option, .filter-actions-container .option {
  padding: 8px 8px 50px;
  display: none;
  position: relative; }

@media (min-width: 768px) {
  .filter-options .option, .filter-actions-container .option {
    padding: 0 15px 70px; } }

.option.date input[type="text"], .option.date input[type="date"] {
  display: none; }

.filter-options .option.date {
  padding-bottom: 20px; }

.filter-options .option.date .ui-datepicker {
  width: 15em; }

.filter-options .option.date .ui-widget-content .ui-state-active {
  text-align: center; }

.filter-options .option.date .ui-datepicker td span, .ui-datepicker td a {
  font-size: 0.9em;
  text-align: center; }

.option.date .hasDatepicker {
  display: inline-block; }

.option.date .hasDatepicker + .hasDatepicker {
  margin-top: 20px; }

.option.date .hasDatepicker .date-title {
  font-size: 0.8em; }

@media (min-width: 768px) {
  .option.date .hasDatepicker + .hasDatepicker {
    margin-left: 12px;
    margin-top: 0; } }

.filter-options ul li {
  float: left;
  padding: 0 10px 20px; }

.filter-options ul li input[type="checkbox"] + label {
  border: 0;
  margin-bottom: 0;
  padding: 10px;
  min-width: 254px;
  font-family: 'HelveticaNeueW01-45Ligh';
  color: #006ebf; }

.filter-options fieldset input[type="checkbox"]:checked + label {
  color: #000; }

@media (max-width: 768px) {
  .filter-options fieldset input[type="checkbox"].category + label {
    min-width: auto; } }

.filter-options fieldset input[type="checkbox"] + label .target-group-name {
  font-family: 'HelveticaNeueW01-55Roma'; }

.filter-options fieldset input[type="checkbox"] + label {
  font-family: 'HelveticaNeueW01-45Ligh';
  color: #006ebf;
  margin: 0 16px 16px 0;
  padding: 10px 20px 10px; }

/* LIST OF EVENTS */
.no-of-hits {
  font-size: 0.8em;
  line-height: 1;
  max-width: 1200px;
  margin: 30px auto 5px;
  padding: 0 15px; }

.no-of-hits span {
  font-size: 1em; }

#EventsListPage .listWrapper {
  max-width: 1200px;
  margin: 0 auto; }

#EventsListPage .listWrapper > ul {
  list-style: none; }

#EventsListPage .eventItem {
  border-bottom: 1px solid #e8f1f4;
  overflow: hidden;
  padding: 15px 0; }

#EventsListPage .eventItem:first-child {
  border-top: 1px solid #e8f1f4; }

#EventsListPage .eventItem .dateContainer,
#EventsListPage .eventItem .textContainer {
  padding: 0 15px;
  float: left; }

#EventsListPage .eventItem .dateContainer {
  width: 150px; }

#EventsListPage .eventItem .dateContainer .innerWrapper {
  background: url("/static/images/gfx/cal-date-bg.png") no-repeat center;
  position: relative;
  background-size: contain;
  height: 90px; }

#EventsListPage .eventItem .dateContainer .date,
#EventsListPage .eventItem .dateContainer .time {
  position: absolute;
  width: 100%;
  left: 0;
  text-align: center;
  top: 50%;
  color: #fff; }

#EventsListPage .eventItem .dateContainer .date {
  font-size: 25px;
  line-height: 25px;
  margin-top: -17px;
  font-family: 'HelveticaNeueW01-55Roma'; }

#EventsListPage .eventItem .dateContainer .time {
  font-size: 20px;
  line-height: 20px;
  margin-top: 10px; }

#EventsListPage .eventItem .attributesContainer {
  float: right;
  width: 100%;
  padding: 0 165px 0 15px;
  margin-right: -150px;
  /*Make room for dateContainer*/ }

#EventsListPage .eventItem .attributesContainer .place {
  font-family: 'HelveticaNeueW01-55Roma';
  font-size: 20px;
  line-height: 25px;
  margin-top: 8px;
  display: block; }

#EventsListPage .eventItem .attributesContainer .iconChar {
  font-family: "Norrtalje-ikoner";
  font-size: 50px;
  line-height: 55px; }

#EventsListPage .eventItem .textContainer {
  width: 100%; }

#EventsListPage .eventItem .textContainer a {
  color: #006ebf; }

#EventsListPage .showMore {
  display: none;
  color: #006ebf;
  text-align: center;
  margin-top: 15px; }

#EventsListPage .showMore.show {
  display: block; }

@media (min-width: 768px) {
  #EventsListPage .eventItem .dateContainer {
    width: 25%; }
  #EventsListPage .eventItem .dateContainer .innerWrapper {
    height: 240px; }
  #EventsListPage .eventItem .dateContainer .date {
    margin-top: -40px;
    font-size: 35px;
    line-height: 40px; }
  #EventsListPage .eventItem .dateContainer .time {
    margin-top: 20px;
    font-size: 25px;
    line-height: 30px; }
  #EventsListPage .eventItem .attributesContainer {
    width: 25%;
    margin-right: 0;
    padding-right: 15px; }
  #EventsListPage .eventItem .attributesContainer .place {
    margin-top: 42px; }
  #EventsListPage .eventItem .textContainer {
    width: 50%; } }

.moreInfoLink {
  margin-bottom: 30px; }

#NewsListPage .breacrumb-container,
#ServiceMessageListPage .breacrumb-container {
  font-weight: 100; }
  #NewsListPage .breacrumb-container .breadcrumbs-title,
  #ServiceMessageListPage .breacrumb-container .breadcrumbs-title {
    color: black; }
  #NewsListPage .breacrumb-container > ul li p span,
  #ServiceMessageListPage .breacrumb-container > ul li p span {
    color: black; }

#NewsListPage .totalHits,
#ServiceMessageListPage .totalHits {
  color: black; }
  @media (max-width: 768px) {
    #NewsListPage .totalHits,
    #ServiceMessageListPage .totalHits {
      padding-left: 10px; } }

#NewsListPage h1,
#ServiceMessageListPage h1 {
  padding-top: 36px; }

#NewsListPage .ingress,
#ServiceMessageListPage .ingress {
  color: black;
  padding-top: 16px;
  font-size: 19px; }

#NewsListPage h1,
#NewsListPage .ingress,
#ServiceMessageListPage h1,
#ServiceMessageListPage .ingress {
  max-width: 1200px;
  text-align: left;
  margin-top: 0;
  padding-left: 20px; }

#NewsListPage .listWrapper,
#ServiceMessageListPage .listWrapper {
  max-width: 1200px;
  margin: 0 auto; }
  #NewsListPage .listWrapper > ul,
  #ServiceMessageListPage .listWrapper > ul {
    list-style: none; }

#NewsListPage .eventItem,
#ServiceMessageListPage .eventItem {
  border-bottom: 1px solid #e8f1f4;
  overflow: hidden;
  padding: 15px 0; }
  #NewsListPage .eventItem:first-child,
  #ServiceMessageListPage .eventItem:first-child {
    border-top: 1px solid #e8f1f4; }
  #NewsListPage .eventItem .dateContainer,
  #NewsListPage .eventItem .textContainer,
  #NewsListPage .eventItem .attributesContainer,
  #ServiceMessageListPage .eventItem .dateContainer,
  #ServiceMessageListPage .eventItem .textContainer,
  #ServiceMessageListPage .eventItem .attributesContainer {
    padding: 0 15px;
    float: left; }
  #NewsListPage .eventItem .dateContainer,
  #ServiceMessageListPage .eventItem .dateContainer {
    width: 25%; }
    #NewsListPage .eventItem .dateContainer .innerWrapper,
    #ServiceMessageListPage .eventItem .dateContainer .innerWrapper {
      background: url("/static/images/gfx/cal-date-bg.png") no-repeat center;
      position: relative;
      background-size: contain;
      height: 240px; }
    #NewsListPage .eventItem .dateContainer .date,
    #NewsListPage .eventItem .dateContainer .time,
    #ServiceMessageListPage .eventItem .dateContainer .date,
    #ServiceMessageListPage .eventItem .dateContainer .time {
      position: absolute;
      width: 100%;
      left: 0;
      text-align: center;
      top: 50%;
      color: #fff; }
    #NewsListPage .eventItem .dateContainer .date,
    #ServiceMessageListPage .eventItem .dateContainer .date {
      margin-top: -40px; }
    #NewsListPage .eventItem .dateContainer .time,
    #ServiceMessageListPage .eventItem .dateContainer .time {
      margin-top: 20px; }
    #NewsListPage .eventItem .dateContainer .h2,
    #ServiceMessageListPage .eventItem .dateContainer .h2 {
      font-size: 30px;
      font-weight: bold;
      margin-top: 0;
      margin-bottom: 2px; }
    #NewsListPage .eventItem .dateContainer .h3,
    #ServiceMessageListPage .eventItem .dateContainer .h3 {
      margin-top: 5px;
      margin-bottom: 5px;
      display: block; }
    #NewsListPage .eventItem .dateContainer .h4,
    #ServiceMessageListPage .eventItem .dateContainer .h4 {
      margin-top: 5px;
      display: block;
      font-size: 16px;
      line-height: 18px; }
    #NewsListPage .eventItem .dateContainer .h5,
    #ServiceMessageListPage .eventItem .dateContainer .h5 {
      margin-top: 5px;
      display: block;
      font-size: 14px;
      line-height: 14px; }
  #NewsListPage .eventItem .textContainer,
  #ServiceMessageListPage .eventItem .textContainer {
    width: 50%; }
    #NewsListPage .eventItem .textContainer a,
    #ServiceMessageListPage .eventItem .textContainer a {
      color: #006ebf; }
  #NewsListPage .eventItem .attributesContainer,
  #ServiceMessageListPage .eventItem .attributesContainer {
    width: 25%; }
    #NewsListPage .eventItem .attributesContainer .place,
    #ServiceMessageListPage .eventItem .attributesContainer .place {
      font-family: "HelveticaNeueW01-55Roma";
      font-size: 18px;
      line-height: 25px;
      margin-top: 42px;
      display: block; }
    #NewsListPage .eventItem .attributesContainer .iconChar,
    #ServiceMessageListPage .eventItem .attributesContainer .iconChar {
      font-family: "Norrtalje-ikoner";
      font-size: 50px;
      line-height: 55px; }

#NewsListPage .showMore,
#ServiceMessageListPage .showMore {
  display: none;
  color: #006ebf;
  text-align: center;
  margin-top: 15px; }
  #NewsListPage .showMore.show,
  #ServiceMessageListPage .showMore.show {
    display: block; }

#NewsListPage .pagingArea,
#ServiceMessageListPage .pagingArea {
  color: #006ebf;
  margin-top: 15px;
  padding: 0 15px; }
  #NewsListPage .pagingArea .showPreviousPage,
  #ServiceMessageListPage .pagingArea .showPreviousPage {
    float: left; }
  #NewsListPage .pagingArea .showNextPage,
  #ServiceMessageListPage .pagingArea .showNextPage {
    float: right; }
  #NewsListPage .pagingArea .clearboth,
  #ServiceMessageListPage .pagingArea .clearboth {
    clear: both; }

#NewsListPage .listNewsWrapper,
#ServiceMessageListPage .listNewsWrapper {
  padding: 0px 15px;
  margin-top: 20px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto; }
  #NewsListPage .listNewsWrapper .filterFeedBack,
  #ServiceMessageListPage .listNewsWrapper .filterFeedBack {
    margin-bottom: 5px;
    display: inline-block; }
  #NewsListPage .listNewsWrapper ul,
  #ServiceMessageListPage .listNewsWrapper ul {
    /*border-top: solid 6px #e8f1f4;*/
    list-style: none; }

#NewsListPage .newsItemWrapper,
#ServiceMessageListPage .newsItemWrapper {
  margin: 0px 10px; }

#NewsListPage .h3text,
#ServiceMessageListPage .h3text {
  margin-top: -2px;
  font-size: 24px;
  line-height: 32px; }

#NewsListPage .h3text a,
#ServiceMessageListPage .h3text a {
  color: #006ebf; }
  #NewsListPage .h3text a:hover,
  #ServiceMessageListPage .h3text a:hover {
    text-decoration: underline; }

#NewsListPage .date,
#ServiceMessageListPage .date {
  color: #4e4e4e; }

#NewsListPage .newsImage,
#ServiceMessageListPage .newsImage {
  max-width: 370px;
  float: none;
  margin: 0px 15px 15px 0px;
  display: none; }

#NewsListPage .textContainer,
#ServiceMessageListPage .textContainer {
  width: auto;
  overflow: hidden; }

#NewsListPage .newsItemWrapper .innerWrapper,
#ServiceMessageListPage .newsItemWrapper .innerWrapper {
  display: none; }

#NewsListPage .newsItem,
#ServiceMessageListPage .newsItem {
  display: list-item;
  width: 100%;
  background-size: 20%;
  border-bottom: 1px dashed #ddd;
  /* #006ebf; */
  padding: 0px; }

#NewsListPage .innerText p,
#ServiceMessageListPage .innerText p {
  margin-top: 0px;
  margin-bottom: 10px;
  color: black; }

#NewsListPage .mobileInnerWrapper,
#ServiceMessageListPage .mobileInnerWrapper {
  display: block;
  margin: 10px 0px; }

@media (min-width: 768px) {
  #NewsListPage .innerText .h3text,
  #ServiceMessageListPage .innerText .h3text {
    margin-bottom: 0; }
  #NewsListPage .newsImage,
  #ServiceMessageListPage .newsImage {
    display: table-cell; }
  #NewsListPage .mobileInnerWrapper,
  #ServiceMessageListPage .mobileInnerWrapper {
    display: none; }
  #NewsListPage .newsItemWrapper .innerWrapper,
  #ServiceMessageListPage .newsItemWrapper .innerWrapper {
    display: flex; }
    #NewsListPage .newsItemWrapper .innerWrapper span,
    #ServiceMessageListPage .newsItemWrapper .innerWrapper span {
      margin-right: 0.3rem; }
  #NewsListPage .newsItemWrapper,
  #ServiceMessageListPage .newsItemWrapper {
    max-width: 1200px;
    margin: 0 auto;
    min-height: 158px;
    position: relative; }
  #NewsListPage .ApiEventListPage .eventItemWrapper .dateContainer,
  #ServiceMessageListPage .ApiEventListPage .eventItemWrapper .dateContainer {
    display: none; }
  #NewsListPage .ApiEventListPage .newsItemWrapper .innerWrapper,
  #ServiceMessageListPage .ApiEventListPage .newsItemWrapper .innerWrapper {
    display: block; }
    #NewsListPage .ApiEventListPage .newsItemWrapper .innerWrapper span,
    #ServiceMessageListPage .ApiEventListPage .newsItemWrapper .innerWrapper span {
      margin-right: 0; }
  #NewsListPage .ApiEventListPage .dateContainer,
  #ServiceMessageListPage .ApiEventListPage .dateContainer {
    background-color: #f6f6f6;
    padding: 10px;
    text-align: center;
    width: 100px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0; }
    #NewsListPage .ApiEventListPage .dateContainer .date.h2,
    #ServiceMessageListPage .ApiEventListPage .dateContainer .date.h2 {
      margin-top: 0;
      margin-bottom: 0; }
    #NewsListPage .ApiEventListPage .dateContainer .date.h3,
    #ServiceMessageListPage .ApiEventListPage .dateContainer .date.h3 {
      margin-top: 0;
      margin-bottom: 0; }
    #NewsListPage .ApiEventListPage .dateContainer .date.h4,
    #ServiceMessageListPage .ApiEventListPage .dateContainer .date.h4 {
      margin-top: 0;
      margin-bottom: 0; }
    #NewsListPage .ApiEventListPage .dateContainer .date.h5,
    #ServiceMessageListPage .ApiEventListPage .dateContainer .date.h5 {
      font-size: 12px;
      margin-top: -5px;
      margin-bottom: 0; }
  #NewsListPage .ApiEventListPage .newsItemWrapper .textContainer,
  #ServiceMessageListPage .ApiEventListPage .newsItemWrapper .textContainer {
    margin-left: 105px; }
  #NewsListPage .dateContainer .date,
  #ServiceMessageListPage .dateContainer .date {
    color: black;
    margin-bottom: 10px; }
  #NewsListPage .incident .dateContainer,
  #ServiceMessageListPage .incident .dateContainer {
    background-color: #f8ea55; }
  #NewsListPage .incident .date,
  #ServiceMessageListPage .incident .date {
    color: #333; }
  #NewsListPage .newsImage,
  #ServiceMessageListPage .newsImage {
    max-width: 100%;
    float: left; }
  #NewsListPage .newsImage,
  #ServiceMessageListPage .newsImage {
    max-width: 250px; } }

.textContainer {
  padding: 15px 0; }

#NewsListPage .incident,
#ServiceMessageListPage .incident {
  background: #f8ea55; }
  @media (min-width: 768px) {
    #NewsListPage .incident,
    #ServiceMessageListPage .incident {
      padding: 0 1rem; } }
  #NewsListPage .incident a,
  #ServiceMessageListPage .incident a {
    color: #253151; }

@media screen and (min-device-width: 320px) and (max-device-width: 1024px) {
  #NewsPage #page {
    -webkit-text-size-adjust: 100%; } }

#NewsPage .mainArchiveWrapper {
  width: 100%;
  /*text-align: center;*/
  clear: both;
  padding: 15px 15px 15px 0; }
  #NewsPage .mainArchiveWrapper a {
    color: #004C85;
    text-decoration: none; }
    #NewsPage .mainArchiveWrapper a:hover {
      text-decoration: underline; }

#NewsPage .newsStartContainer {
  margin-bottom: 30px; }

.newsStartContainer {
  margin-top: 36px; }

#NewsPage .newsheading {
  margin-bottom: 5px;
  margin-top: 10px; }

#NewsPage .incident {
  padding: 20px 15px 30px 15px;
  background-color: #f8ea55; }

#NewsPage .topDate {
  font-size: 16px;
  display: block;
  color: #747474; }

#NewsPage .localLinkedPages {
  max-width: 800px;
  margin: 0 auto;
  overflow: hidden; }

#NewsPage .localLinkedPages ul {
  list-style: none; }

#NewsPage .newsPreHeading {
  /*max-width: 1200px;*/
  /*margin-left: auto;*/
  /*margin-right: auto;*/
  /*text-align: center;*/
  /*padding: 0 15px;*/
  font-size: 26px; }

@media (min-width: 769px) {
  #NewsPage .newsMenuPadding {
    padding-top: 1rem; } }

@media (max-width: 768px) {
  #NewsPage .mainImage {
    display: block; } }

.factsBox {
  padding: 25px;
  background-color: #b2dcd6; }
  .factsBox p {
    margin-bottom: 1rem; }
  .factsBox .h3 {
    font-size: 23px;
    line-height: 30px;
    margin: 0px;
    margin-bottom: 10px;
    font-weight: 500;
    color: #000000; }
  .factsBox ul {
    margin-left: 1.125rem; }
  .factsBox a {
    line-height: 1.63em;
    font-size: 16px;
    display: block;
    position: relative;
    text-decoration: none;
    overflow: hidden;
    border: 0;
    font-family: "HelveticaNeueW01-55Roma";
    margin-bottom: 0;
    cursor: pointer;
    color: #000; }
  .factsBox a:visited {
    color: #000; }

#FacilityComparePage .tableContainer {
  width: 100%;
  overflow: auto; }

#FacilityComparePage .compareTable {
  margin: 0 auto; }

#FacilityComparePage .compareTable th,
#FacilityComparePage .compareTable td {
  max-width: 320px;
  min-width: 300px;
  font-weight: normal; }

#FacilityComparePage .compareTable .unitLink {
  color: #006ebf;
  font-family: 'HelveticaNeueW01-55Roma';
  padding: 15px;
  display: block; }

#FacilityComparePage .compareTable .unitImage,
#FacilityComparePage .compareTable .unitAddress {
  padding: 0 15px 15px;
  display: inline-block; }

#FacilityComparePage .compareTable .groupHeading {
  display: block;
  padding: 22px 0 22px 15px;
  color: #006ebf;
  border-bottom: 1px solid #006ebf; }

#FacilityComparePage .compareTable .valueRow {
  border-bottom: 1px solid #e8f1f4; }

#FacilityComparePage .compareTable .title,
#FacilityComparePage .compareTable .value {
  display: block;
  padding: 10px 0 10px 15px; }

#FacilityComparePage .compareTable .value {
  font-family: 'HelveticaNeueW01-55Roma'; }

#FacilityListPage h1 {
  text-align: left; }

#FacilityListPage .listMapContainer {
  max-width: 1200px;
  margin: 0 auto; }
  #FacilityListPage .listMapContainer .gismoMap {
    width: 100%;
    height: 500px; }

#FacilityListPage #UnitListContainer > h2 {
  padding: 0 15px; }

#FacilityListPage .unitList {
  list-style: none;
  border-top: 1px solid #e8f1f4;
  margin-top: 20px; }

#FacilityListPage .unit {
  padding: 20px 0 15px;
  overflow: hidden;
  border-bottom: 1px solid #e8f1f4;
  position: relative; }
  #FacilityListPage .unit .moreInfo {
    position: absolute;
    bottom: 20px;
    right: 0;
    width: 70px;
    height: 70px;
    background: #e5f0f8; }
    #FacilityListPage .unit .moreInfo:after {
      content: "\e604";
      font-family: "Norrtalje-ikoner";
      color: #006ebf;
      font-size: 110px;
      position: absolute;
      left: -18px;
      top: 21px; }
  #FacilityListPage .unit .unitLink {
    color: #006ebf;
    margin: 10px 0 0 15px;
    font-size: 1.7em;
    line-height: 1; }
  #FacilityListPage .unit .regime {
    color: #747474;
    display: inline-block;
    margin-left: 16px;
    line-height: 1; }
  #FacilityListPage .unit .unitImage {
    /*margin-bottom: 15px;*/ }
  #FacilityListPage .unit .contactInfoWrapper {
    width: 100%;
    float: left; }
    #FacilityListPage .unit .contactInfoWrapper:hover .unitLink {
      text-decoration: underline; }

@media (min-width: 768px) {
  #FacilityListPage .unit .contactInfoWrapper {
    padding-right: 200px;
    min-height: 160px;
    margin-top: 0; } }

#FacilityListPage .unit .phone,
#FacilityListPage .unit .location,
#FacilityListPage .unit .email {
  padding: 0px 15px 5px 60px;
  display: block;
  position: relative;
  margin-top: 15px; }

#FacilityListPage .unit .email {
  color: #333; }

#FacilityListPage .unit .phone:before,
#FacilityListPage .unit .location:before,
#FacilityListPage .unit .email:before {
  position: absolute;
  top: 5px;
  left: 13px;
  width: 70px;
  font-family: 'Norrtalje-ikoner';
  font-size: 34px;
  color: #006ebf; }

#FacilityListPage .unit .phone:before {
  content: '\e612'; }

#FacilityListPage .unit .location:before {
  content: '\e613'; }

#FacilityListPage .unit .email:before {
  content: '\e60e'; }

@media (min-width: 768px) {
  #FacilityListPage .unit .compareMe {
    position: absolute;
    top: 20px;
    right: 0; } }

#FacilityListPage .unit .compareMe label {
  margin: 0; }

#FacilityListPage .unit .unitIntro {
  margin: 10px 15px 15px;
  float: left;
  clear: both; }

#FacilityListPage .showMore {
  /*display: block;*/
  margin-top: 15px;
  /*padding: 0 15px;*/
  text-align: center;
  /*color: #006ebf;*/ }

#FacilityListPage .showMore.hide {
  display: none; }

@media (min-width: 768px) {
  /*#FacilityListPage .unit {
        padding: 20px 0 0;
    }*/
  #FacilityListPage .unit .unitImage {
    display: block;
    float: left;
    width: 27.5%;
    /*padding: 0 15px 0 0;*/ }
  #FacilityListPage .unit .contactInfoWrapper.no-image {
    width: 62.5%;
    margin: 0; } }

/* Special case media query - hide contactInfo in small screen widths. Also shrink gismo map heigth. */
@media (max-width: 440px) {
  #FacilityListPage .listMapContainer .gismoMap {
    height: 300px; }
  /*#FacilityListPage .unit .contactInfoWrapper {
        display: none;
    }*/
  #FacilityListPage .unit .compareMe {
    float: none;
    margin: 0 auto 15px; } }

#FacilityPage {
  /* GROUP INFORMATION LIST */ }
  #FacilityPage .main-column {
    max-width: 674px; }
  #FacilityPage .page-top-content .facilityOpenHoursArea {
    margin-top: 20px; }
  #FacilityPage .factsTable {
    max-width: 800px;
    margin: 0 auto;
    overflow: hidden; }
    #FacilityPage .factsTable .h2 {
      clear: both;
      margin-bottom: 0;
      padding-bottom: 20px; }
    #FacilityPage .factsTable .groupsList,
    #FacilityPage .factsTable .factsList {
      list-style: none; }
  #FacilityPage #SubMenu li.rootItem {
    display: none; }
  #FacilityPage .groupHeading {
    display: block;
    padding: 20px 80px 20px 15px;
    color: #000;
    cursor: pointer;
    position: relative;
    border-top: 1px dashed #ddd; }
  #FacilityPage .groupHeading:after {
    font-size: 2.2em;
    float: right;
    content: '\e925';
    font-family: 'icomoon';
    font-size: 2.2em;
    color: #006ebf;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px 10px;
    width: 60px;
    text-align: center; }
  #FacilityPage .factsList {
    padding: 20px;
    border: 1px solid #ddd; }
  #FacilityPage .groupsList > li,
  #FacilityPage .factsList > li {
    width: 100%;
    float: left;
    background: #fff; }
  #FacilityPage .groupsList > li + li {
    /*margin-top: 15px;*/ }
  #FacilityPage .factsList > li {
    padding: 10px 15px;
    border-bottom: 1px solid #e8f1f4; }
  #FacilityPage .contracted > .factsList {
    display: none; }
  #FacilityPage .contracted .groupHeading:after {
    content: '\e926'; }
  #FacilityPage .groupHeading .groupHeadingName {
    font-size: 1.2em;
    line-height: 1; }
  #FacilityPage .factsList .title,
  #FacilityPage .factsList .value {
    width: 100%;
    float: left; }
  #FacilityPage .factsList .value {
    font-family: 'HelveticaNeueW01-55Roma'; }
  #FacilityPage .localLinkedPages {
    max-width: 800px;
    margin: 30px auto;
    overflow: hidden; }
  #FacilityPage .localLinkedPages ul {
    list-style: none; }
    #FacilityPage .localLinkedPages ul li:last-child .linkBox {
      border-bottom: 1px dashed #dddddd; }
  #FacilityPage .localLinkedPages > .h2 {
    text-align: left; }

@media screen and (min-width: 768px) {
  #FacilityPage .factsList .title,
  #FacilityPage .factsList .value {
    width: 50%; }
  #FacilityPage .factsList .value {
    padding-left: 15px; } }

#GuidePage {
  /* ol number styling */
  /* End - ol number styling */
  /* Start swipe js-required styles*/
  /* End swipe js-required styles*/
  /* Overrides when guide is active */
  /* End - Overrides when guide is active */ }
  #GuidePage h1 {
    text-align: left;
    max-width: 800px; }
  #GuidePage .guideStepArea {
    display: none; }
  #GuidePage .guideIcon {
    max-width: 800px;
    margin: 36px auto 30px auto;
    overflow: hidden;
    text-align: center; }
  #GuidePage .guideIcon .abortLinkWrapper {
    display: none; }
  #GuidePage .guideIcon .abortLinkWrapper a {
    color: #006ebf; }
  #GuidePage .startButton {
    text-align: center;
    overflow: hidden; }
    #GuidePage .startButton a {
      margin-top: 20px;
      width: 260px;
      text-align: center; }
  #GuidePage .stepListWrapper {
    position: relative;
    margin-top: 30px;
    padding-bottom: 3%;
    /*background: #e8f1f4;*/
    overflow: hidden; }
  #GuidePage .stepListWrapper:after {
    content: "";
    position: absolute;
    border-left: 2600px solid transparent;
    border-bottom: 78px solid #fff;
    bottom: 0;
    left: 0; }
  #GuidePage .stepListWrapper p {
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 36px; }
  #GuidePage .stepList {
    max-width: 800px;
    margin: 0 auto 30px auto;
    overflow: hidden; }
  #GuidePage ol.stepList {
    list-style-type: none;
    counter-reset: ol-counter; }
  #GuidePage ol.stepList > li:before {
    content: counter(ol-counter) ".";
    counter-increment: ol-counter;
    font-size: 19px;
    line-height: 50px;
    text-align: center;
    width: 12.5%;
    padding: 0;
    float: left; }
  #GuidePage .stepList .step {
    margin-top: 15px;
    overflow: hidden;
    position: relative; }
  #GuidePage .stepList .linkBoxWrapper {
    width: 87.5%;
    padding: 0 15px;
    float: left; }
  #GuidePage .swipe {
    overflow: hidden;
    visibility: hidden;
    position: relative; }
  #GuidePage .swipe-wrap {
    width: 100%;
    overflow: hidden;
    position: relative; }
  #GuidePage .swipe-wrap > div {
    float: left;
    width: 100%;
    position: relative; }
  #GuidePage .guideStep > h2,
  #GuidePage .guideStep .guideStepImage,
  #GuidePage .sliderControls,
  #GuidePage .commonLinks {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px; }
  #GuidePage .guideStep .guideStepImage {
    margin-top: 30px;
    text-align: center; }
  #GuidePage .sliderControls {
    margin-top: 30px;
    overflow: hidden; }
    #GuidePage .sliderControls .prev,
    #GuidePage .sliderControls .next {
      width: 180px; }
    #GuidePage .sliderControls .prev {
      float: left;
      text-align: right; }
    #GuidePage .sliderControls .prev:before {
      content: "\e604";
      font-family: "Norrtalje-ikoner";
      position: absolute;
      left: 6px;
      width: 68px;
      font-size: 50px;
      padding-top: 23px;
      -ms-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
    #GuidePage .sliderControls .next {
      float: right; }
    #GuidePage .sliderControls .next:before {
      content: "\e604";
      font-family: "Norrtalje-ikoner";
      position: absolute;
      right: -12px;
      width: 68px;
      font-size: 50px; }
    #GuidePage .sliderControls .button.disabled {
      visibility: hidden; }
  #GuidePage.guideActive .guideStepArea {
    display: block; }
  #GuidePage.guideActive .guideStartArea {
    display: none; }
  #GuidePage.guideActive .guideIcon .abortLinkWrapper {
    display: block; }
  #GuidePage.guideActive .stepListWrapper {
    /*background: url("/Static/images/gfx/linjen-guider.png") center 14px no-repeat;*/
    padding-bottom: 0; }
    #GuidePage.guideActive .stepListWrapper .stepListBorder {
      border-top: 1px solid #e4e4e4;
      height: 45px;
      position: relative;
      margin: 0;
      padding: 0;
      margin-top: -45px;
      z-index: -1; }
  #GuidePage.guideActive .stepListWrapper:after {
    border-bottom: 0px; }
  #GuidePage.guideActive .stepListWrapper p {
    display: none; }
  #GuidePage.guideActive .stepList {
    display: table;
    width: 100%;
    max-width: 830px;
    margin-top: 30px; }
  #GuidePage.guideActive .stepList .step {
    display: table-cell;
    text-align: center; }
  #GuidePage.guideActive ol.stepList > li:before {
    content: "";
    width: 30px;
    height: 30px;
    font-size: 15px;
    border-radius: 50px;
    float: none;
    background: #e8f1f4;
    display: inline-block; }
  #GuidePage.guideActive ol.stepList > li.selected:before {
    background: #006ebf;
    color: #fff; }
  #GuidePage.guideActive ol.stepList > li:hover:before {
    background: #004c85;
    color: #fff; }
  #GuidePage.guideActive .stepList .linkBoxWrapper {
    position: absolute;
    opacity: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    overflow: hidden; }
  #GuidePage.guideActive .relatedPages {
    display: none; }

@media screen and (min-width: 768px) {
  #GuidePage.guideActive .stepListWrapper {
    /*background: url("/Static/images/gfx/linjen-guider.png") center no-repeat;*/
    /*border-bottom: 1px solid #e4e4e4;*/
    padding-bottom: 0; }
  #GuidePage.guideActive ol.stepList > li:before {
    margin-top: 10px;
    content: counter(ol-counter);
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 19px; } }

/* Special case: Shrink prev and next buttons when they don't fit. */
@media screen and (max-width: 420px) {
  #GuidePage .sliderControls .prev,
  #GuidePage .sliderControls .next {
    width: 140px;
    padding-left: 20px;
    padding-right: 20px; } }

/****** VARIABLES ******/
/******* BREAKPOINTS *******/
/******* FONTS *******/
/******* mmenujs *******/
#InfoPage {
  /*Fast Exit Button styles*/ }
  @media screen and (min-device-width: 320px) and (max-device-width: 1024px) {
    #InfoPage #page {
      -webkit-text-size-adjust: 100%; } }
  #InfoPage ul {
    list-style: none; }
  #InfoPage .ingress {
    font-size: 19px;
    line-height: 1.44em;
    margin-top: 25px;
    color: #4e4e4e; }
  @media (max-width: 768px) {
    #InfoPage .main-column {
      max-width: 674px; } }
  @media (max-width: 768px) and (max-width: 768px) {
    #InfoPage .main-column .exitContainer {
      top: unset !important;
      left: unset !important;
      bottom: 0;
      right: 0;
      border-radius: 7px 0 0 7px; } }
  @media (max-width: 768px) {
    #InfoPage .full-width {
      max-width: 800px; } }

@media (max-width: 768px) and (max-width: 768px) {
  #InfoPage .mainBody * {
    font-family: 'HelveticaNeueW01-55Roma'; } }
  @media (max-width: 768px) {
    #InfoPage .mainBody h2, #InfoPage .mainBody h3 {
      margin-top: 24px;
      margin-bottom: 2px; }
    #InfoPage .mainBody p > a, #InfoPage .mainBody a {
      color: #004C85;
      text-decoration: underline !important; }
      #InfoPage .mainBody p > a:hover, #InfoPage .mainBody a:hover {
        text-decoration: none !important; }
    #InfoPage .mainBody div, #InfoPage .mainBody p {
      color: #4e4e4e; }
    #InfoPage .mainImage {
      text-align: left; }
    #InfoPage .localLinkedPages {
      max-width: 800px;
      margin: 0 auto;
      padding: 0;
      overflow: hidden;
      margin-bottom: 20px; }
      #InfoPage .localLinkedPages h2 {
        font-size: 25px;
        line-height: 1.28em; }
      #InfoPage .localLinkedPages ul {
        margin-top: 20px;
        list-style: none; }
        #InfoPage .localLinkedPages ul li:last-child {
          border-bottom: 1px dashed #e6e6e6; }
      #InfoPage .localLinkedPages .linkBox:hover {
        text-decoration: underline; }
    #InfoPage .sliderWrapper {
      padding: 0 15px 0 0; }
      #InfoPage .sliderWrapper .slider-stepper.previous {
        left: 0; }
    #InfoPage .tankpa {
      margin-top: 30px;
      margin-left: 0;
      margin-right: 0; } }

@media (max-width: 768px) and (max-width: 768px) {
  #InfoPage .mainImage {
    display: block; } }
  #InfoPage .container > .row > .col-8 > .main-column {
    position: relative;
    left: -15px; }
  #InfoPage .media-area {
    margin-top: 30px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px;
    overflow: hidden;
    clear: both; }
  #InfoPage .info-page-video video {
    width: 100%;
    height: auto; }
  #InfoPage .exitContainer {
    height: 90px;
    width: 150px;
    background-color: #d71a16;
    position: fixed;
    left: 0;
    top: 142px;
    text-align: center;
    border-radius: 0 7px 7px 0;
    padding: 10px;
    box-shadow: -2px 4px 18px 3px #888888;
    z-index: 6000; }
    #InfoPage .exitContainer label {
      color: #fff;
      font-size: 19px;
      font-weight: 600; }
      #InfoPage .exitContainer label:hover {
        cursor: pointer; }
    #InfoPage .exitContainer .cross-icon {
      color: #fff;
      display: block;
      text-align: center;
      line-height: 1;
      color: #fff; }
      #InfoPage .exitContainer .cross-icon:before {
        margin: 0 auto 0px;
        display: block;
        height: 20px;
        width: 50px;
        font-size: 28px;
        font-family: 'icomoon';
        content: "\e901"; }
    #InfoPage .exitContainer:hover {
      cursor: pointer;
      text-decoration: none !important; }

#EServicePage .localLinkedPages ul {
  list-style: none; }

#EServicePage .ingress {
  margin: 10px 0 35px 0; }

#EServicePage .mainBody a[href$='.pdf'] {
  padding: 0;
  background: none; }

#EServicePage .mainBody a:focus {
  border: none; }
  #EServicePage .mainBody a:focus .eservice-box {
    border: 2px solid black; }

#EServicePage .tankpa a:focus {
  border: 2px solid black !important; }

#EServicePage #eservice-emergency {
  padding: 21px 10px;
  background-color: #f8ea55; }

#EServicePage #eservice-emergency-container {
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px; }

#EServicePage .eservice-box {
  border: 1px dashed #ddd;
  padding: 12px;
  position: relative;
  margin-bottom: 10px;
  overflow: hidden; }
  #EServicePage .eservice-box:hover {
    background-color: rgba(0, 0, 0, 0.07); }
  #EServicePage .eservice-box .eservice-text {
    font-size: 26px;
    padding-right: 75px;
    position: absolute;
    top: 50%;
    left: 89px;
    transform: translate(0, -50%); }
  #EServicePage .eservice-box .eservice-arrow:after {
    content: "\e604";
    font-family: "Norrtalje-ikoner";
    color: #006ebf;
    font-size: 50px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%); }
  #EServicePage .eservice-box .eservice-box a {
    color: #000;
    margin-top: 10px; }
  #EServicePage .eservice-box .eservice-circle {
    height: 65px;
    width: 65px;
    border-radius: 50%;
    background-color: #fff;
    line-height: 4;
    text-align: center;
    border: 2px solid #006ebf; }
    #EServicePage .eservice-box .eservice-circle span {
      line-height: normal;
      background: none;
      font-size: 26px;
      font-weight: bold;
      color: #006ebf; }

#EServicePage .eservice-form-text {
  font-size: 16px;
  margin-top: 20px; }
  #EServicePage .eservice-form-text a {
    font-weight: 600; }

#EServicePage #additionalInfo {
  background-color: rgba(247, 234, 85, 0.3);
  padding: 35px 50px 60px 105px;
  margin: 40px 0;
  position: relative; }
  #EServicePage #additionalInfo h2, #EServicePage #additionalInfo h3 {
    margin-top: 9px;
    font-size: 26px; }
  #EServicePage #additionalInfo ul li {
    margin-bottom: 20px; }
  #EServicePage #additionalInfo #additionalInfoIcon:after {
    content: '\e92A';
    font-family: 'icomoon';
    font-size: 35px;
    position: absolute;
    top: 33px;
    left: 20px;
    height: 65px;
    width: 65px;
    border-radius: 50%;
    background-color: #fff;
    line-height: 1.9;
    text-align: center;
    color: #36aed8; }

@media (min-width: 768px) {
  #EServicePage #desktopSuitableIcon {
    display: none; } }

#EServicePage #desktopSuitableIcon {
  margin-top: 20px; }

#EServicePage #desktopSuitableIcon:before {
  content: '\e92C';
  font-family: 'icomoon';
  font-size: 21px;
  margin-right: 10px; }

@media (max-width: 768px) {
  #EServicePage .eservice-box .eservice-circle {
    height: 45px;
    width: 45px;
    line-height: 3; }
  #EServicePage .eservice-box .eservice-text {
    font-size: 20px; }
  #EServicePage .eservice-box .eservice-text {
    padding-right: 33px;
    left: 66px; } }

#EServicePage h1 {
  margin-bottom: 15px; }

@media (min-width: 992px) {
  #AlternativeStartPage .col-6 {
    width: 50%; } }

#AlternativeStartPage .mainImage {
  padding: 0px; }
  #AlternativeStartPage .mainImage .col-6 {
    width: 50%; }

#AlternativeStartPage .alternativStartPageWrapper {
  text-align: center; }

#AlternativeStartPage .imageBlockAreaAreaWrapper, .programArea {
  text-align: center;
  margin: 10px;
  max-width: 1000px; }

#AlternativeStartPage .linkBox, #AlternativeStartPage .programArea {
  max-width: 1200px;
  margin: 0 auto; }

#AlternativeStartPage .programBlock {
  width: 100%;
  float: left;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  display: inline-block;
  height: 100px;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.9);
  text-decoration: none; }

#AlternativeStartPage .programIcon {
  position: absolute;
  left: 10px;
  top: 26px;
  font-size: 2.6em;
  color: #ffffff;
  font-family: "fontawesome";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: none;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em; }

#AlternativeStartPage .main_text {
  font-size: 1.35em;
  color: #ffffff;
  display: inline-block;
  margin-top: 32px;
  line-height: 1em;
  max-width: 440px; }

#AlternativeStartPage .pushedContentAreaWrapper {
  clear: both; }

.IsAlternativeStartPageChild .headerHeading {
  padding-left: 21px; }

@media (max-width: 768px) {
  .IsAlternativeStartPageChild .headerHeading {
    padding-left: 20px; } }

.IsAlternativeStartPageChild .customHeader {
  display: flex;
  align-items: center;
  margin-left: inherit;
  padding-left: 0; }
  .IsAlternativeStartPageChild .customHeader a {
    font-size: 36px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    font-family: 'HelveticaNeueW01-55Roma';
    text-decoration: none; }

@media (min-width: 768px) {
  .IsAlternativeStartPageChild .headerHeading {
    height: 62px;
    display: flex;
    align-items: center; }
  #AlternativeStartPage .programOuterBlock {
    width: 50%;
    padding: 5px 15px;
    float: left; }
  #AlternativeStartPage .programBlock {
    border-left-width: 10px;
    border-left-style: solid; }
  #AlternativeStartPage .main_text {
    text-align: left;
    position: absolute;
    left: 105px;
    top: 40px;
    margin-top: 0px; }
  #AlternativeStartPage .programIcon {
    display: inline-block; } }

#ProgramPage h1 {
  max-width: 800px;
  text-align: left; }

#ProgramPage .programText {
  margin: 30px 0px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px;
  padding: 20px; }
  #ProgramPage .programText td,
  #ProgramPage .programText caption,
  #ProgramPage .programText table p,
  #ProgramPage .programText table div,
  #ProgramPage .programText table span {
    color: #fff; }

#ProgramPage .localLinkedPages {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 15px;
  overflow: hidden; }
  #ProgramPage .localLinkedPages ul {
    list-style: none; }
  #ProgramPage .localLinkedPages > .h2 {
    text-align: center; }

/* QUICKLINKS */
#TargetGroupPage .quick-links-title {
  font-weight: 400;
  font-family: "HelveticaNeueW01-85Heav"; }

#TargetGroupPage .quick-links {
  padding: 20px 0; }

#TargetGroupPage .quick-links .container * {
  display: inline-block; }

#TargetGroupPage .quick-links strong {
  margin-right: 10px; }

#TargetGroupPage .quick-links a {
  color: #000;
  text-decoration: underline; }

#TargetGroupPage .quick-links.empty {
  height: 75px; }

#TargetGroupPage .quick-links div + div {
  margin-left: 25px; }

/* END: QUICKLINKS */
#TargetGroupPage .topImageWrapper {
  background-repeat: no-repeat;
  overflow: visible;
  background-position: center;
  background-size: cover;
  padding: 0 15px;
  position: relative;
  margin-bottom: 50px; }

#TargetGroupPage .topImageWrapper img {
  position: absolute;
  bottom: -50px;
  right: 0;
  max-width: 250px; }

#TargetGroupPage .topInnerWrapper {
  max-width: 1170px;
  margin: 30px auto;
  background: #e8f1f4;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 15px;
  position: relative;
  padding: 15px 0 30px; }

#TargetGroupPage .iconArea {
  padding: 10px 15px 0;
  text-align: center; }

#TargetGroupPage .largeIconChar {
  font-family: "Norrtalje-ikoner"; }

#TargetGroupPage .largeIconChar.eventlist-title-icon {
  font-family: icomoon;
  color: #006ebf;
  background: #c1e4ef;
  /*margin-left:15px;*/
  margin-right: 20px;
  width: 70px;
  height: 70px; }

.topImageWrapper .largeIconChar.events.targetgrouppage-icon {
  position: absolute;
  line-height: 1;
  font-size: 50px;
  top: -10px;
  left: 15px; }

#TargetGroupPage .popularPages ul {
  list-style: none; }

#TargetGroupPage #SituationFilterList {
  padding: 0 15px; }

#TargetGroupPage #SituationFilterList .pushedContentAreaWrapper.minified .blockWrapper {
  margin-bottom: 50px; }

#TargetGroupPage #SituationFilterList .pushedContentAreaWrapper > div:nth-child(3n + 4) {
  clear: left; }

#TargetGroupPage #SituationsList li + li {
  margin-top: 20px; }

#TargetGroupPage .filterArea {
  margin-top: 30px; }

#TargetGroupPage .filterArea ul {
  list-style: none; }

#TargetGroupPage .filterForm {
  margin-bottom: 30px;
  overflow: hidden;
  background: #e8f1f4;
  padding: 30px; }

#TargetGroupPage .filterForm .h3 {
  margin-top: 15px;
  margin-bottom: 10px; }

#infotype-1 + label:before, #infotype-2 + label:before {
  font-family: 'icomoon';
  color: #fff;
  width: 46px;
  height: 46px;
  margin-right: 10px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  padding: 10px;
  vertical-align: middle;
  font-size: 1.5em; }

#infotype-1 + label:before {
  content: "\e91f"; }

#infotype-1 + label, #infotype-2 + label {
  padding: 10px; }

#infotype-2 + label:before {
  padding: 11px 5px 0;
  font-size: 30px;
  content: "\e924"; }

#TargetGroupPage .filterForm .tbArea,
#TargetGroupPage .filterForm .cbArea {
  width: 100%;
  float: left;
  position: relative; }

#TargetGroupPage .filterForm .filterFeedBack {
  display: none;
  margin-left: 15px;
  font-size: 17px;
  line-height: 17px;
  color: #888; }

#TargetGroupPage .filterForm .filterFeedBack.active {
  display: inline; }

#TargetGroupPage .filterForm input[type=text] {
  width: 100%;
  padding: 21px 21px 21px 21px;
  font-family: 'HelveticaNeueW01-55Roma';
  font-size: 18px;
  line-height: 25px;
  border: 0; }

#TargetGroupPage .filterForm .layoutWrapper {
  max-width: none; }

#TargetGroupPage .filterForm .cbArea ul {
  list-style: none; }

#TargetGroupPage .filterForm .cbArea li {
  padding: 0 5px; }

@media (min-width: 768px) {
  #TargetGroupPage .filterForm .cbArea li {
    float: left;
    width: 33%; } }

#TargetGroupPage .situationItem {
  border-top: 2px solid #fff; }

#TargetGroupPage .situationItem.empty {
  display: none; }

#TargetGroupPage .situationItem .showMore {
  display: block;
  margin: 0;
  text-align: center;
  color: #006ebf; }

#TargetGroupPage .situationItem .showMore.hide {
  display: none; }

#TargetGroupPage .situationItem .linkBox .h3 {
  padding-right: 65px;
  color: #006ebf; }

/* MORE INFO LINK */
#TargetGroupPage .moreInfoLink {
  margin: 0; }

#TargetGroupPage .moreInfoLink a {
  font-size: 1.2em;
  padding: 20px 0; }

@media (min-width: 768px) {
  #TargetGroupPage #HeaderNew .menuRow {
    display: none; }
  #TargetGroupPage #HeaderNew .targetGroupMenu {
    height: 73px; }
  #TargetGroupPage .filterForm .h3 {
    margin-top: 0;
    margin-bottom: 20px; }
  #TargetGroupPage .filterForm .tbArea {
    width: 30%;
    padding: 0 15px; }
  #TargetGroupPage .filterForm .cbArea {
    width: 70%;
    padding: 0 15px; }
  #TargetGroupPage .ingress {
    margin-left: 100px; } }

@media (min-width: 1200px) {
  #TargetGroupPage .filterForm .tbArea,
  #TargetGroupPage .filterForm .cbArea {
    width: 50%; } }

#SearchPage .searchFormWrapper {
  overflow: hidden;
  background: #e5f0f8;
  clear: both;
  -ms-border-radius: 4px;
  border-radius: 4px;
  margin-left: 1rem; }

#SearchPage .searchFormWrapper .inputWrapper {
  position: relative; }

#SearchPage .searchFormWrapper input[type=text] {
  width: 45%;
  height: 63px;
  padding: 21px 21px 21px 23px;
  font-family: 'HelveticaNeueW01-55Roma';
  font-size: 18px;
  border: none;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  margin-right: -6px; }

#SearchPage .searchFormWrapper .searchIcon {
  cursor: pointer;
  position: absolute;
  width: 68px;
  height: 63px;
  border: none;
  color: #fff;
  font-size: 0;
  background: #FFF;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  padding-top: 6px; }

#SearchPage .searchFormWrapper .searchIcon:after {
  content: '\e900';
  font-family: 'icomoon';
  color: #006ebf;
  font-size: 30px;
  line-height: 1; }

#SearchPage .SearchResultList {
  border-top: 1px solid #e8f1f4;
  margin-top: 30px; }

#SearchPage .SearchResultList ul {
  list-style: none; }

#SearchPage .searchResultItem {
  border-bottom: 1px solid #c1e4ef;
  padding-bottom: 15px;
  min-height: 100px; }

#SearchPage .SearchResultList .infoWrapper {
  padding: 0 15px;
  position: relative; }

#SearchPage .SearchResultList .infoWrapper a {
  color: #004C85;
  margin-top: 15px;
  margin-bottom: 1px; }
  #SearchPage .SearchResultList .infoWrapper a:hover {
    text-decoration-color: #004C85 !important; }

#SearchPage .SearchResultList .infoWrapper a h2 {
  color: #004C85;
  margin-top: 15px;
  margin-bottom: 1px; }

#SearchPage .SearchResultList .infoWrapper p {
  margin-top: 5px; }

#SearchPage .SearchResultList .typeName {
  color: #747474;
  font-size: 14px;
  font-variant: small-caps;
  position: absolute;
  right: 10px;
  top: 14px; }

#SearchPage .infoText {
  width: 85%;
  position: relative;
  overflow: hidden; }
  #SearchPage .infoText .description {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; }
    @media (max-width: 768px) {
      #SearchPage .infoText .description {
        -webkit-line-clamp: 4; } }
    #SearchPage .infoText .description p {
      overflow: hidden;
      max-width: 100%;
      text-overflow: ellipsis;
      width: fit-content;
      white-space: nowrap; }
    #SearchPage .infoText .description em {
      font-style: normal;
      font-weight: 700; }

#SearchPage .SearchResultList .showMore {
  color: #004C85;
  text-align: center;
  display: block;
  margin-top: 15px; }

#SearchPage .SearchResultList .noHitsLabel {
  padding: 5px 0;
  font-weight: bold;
  display: none; }

#SearchPage .SearchResultList.nohits .noHitsLabel {
  display: block; }

#SearchPage .searchbreadcrumb {
  font-size: 14px; }

#SearchPage .SearchResultList .infoWrapper .searchbreadcrumb a {
  color: #004C85; }

#SearchPage .searchbreadcrumb span {
  color: #333; }

#SearchPage .tabs-menu {
  clear: both;
  list-style: none;
  margin-bottom: 20px;
  overflow: auto;
  padding-bottom: 4px; }

#SearchPage .tabs-menu li {
  line-height: 30px;
  float: left;
  background-color: #fff;
  -ms-border-radius: 3px;
  border-radius: 3px;
  margin: 5px 5px 0 0; }

#SearchPage .tabs-menu li.current {
  position: relative;
  z-index: 5;
  background-color: #004C85; }

#SearchPage .tabs-menu li a {
  display: block;
  padding: 3px 20px;
  text-decoration: none;
  font-family: 'HelveticaNeueW01-55Roma';
  font-size: 24px;
  text-align: center; }
  #SearchPage .tabs-menu li a:hover {
    outline: 2px solid black; }

#SearchPage .tabs-menu li.current a span {
  color: #fff; }

#SearchPage .tabs-menu li a.notabhits {
  display: none; }

#SearchPage .tabs-menu li a span {
  font-family: 'HelveticaNeueW01-45Ligh';
  font-size: 16px;
  display: block; }

#SearchPage .tab {
  background-color: #fff;
  margin-bottom: 20px;
  width: auto;
  clear: both; }

#SearchPage h1 {
  text-align: inherit;
  padding: 0;
  margin-bottom: 10px;
  margin-top: 0;
  margin-left: 0; }

#SearchPage .tab-content {
  display: none; }

#SearchPage .tab-content.initial {
  display: block; }

#SearchPage .searchFormControlsWrapper {
  background-color: #e5f0f8;
  padding: 36px 0 0 0; }

#SearchPage #searchInputAndButtonWrapper {
  /*position: relative;*/
  margin-right: 90px; }

#SearchPage .filter-action-button {
  background: #fff;
  padding: 18px 0 17px 18px;
  color: #006ebf;
  padding-right: 50px;
  position: absolute; }

#SearchPage .filter-action-button:after {
  content: '\e602';
  font-family: 'Norrtalje-ikoner';
  font-size: 32px;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -11px;
  color: #006ebf; }

#SearchPage .filter-action-button.active:after {
  color: #fff; }

#SearchPage .filters {
  display: inline; }

#SearchPage .filter-options {
  float: left;
  padding-top: 20px; }

#SearchPage .filter-options ul li {
  padding: 0 0px 10px; }

#SearchPage .filter-options ul li input[type="checkbox"] + label {
  text-align: left; }

@media (min-width: 768px) {
  #SearchPage .filter-options .option, #SearchPage .filter-actions-container .option {
    padding: 0 15px 0; } }

#SearchPage .filter-action-button.active {
  background: #006ebf;
  color: #fff; }

#SearchPage .filter-action-button.active span {
  color: #fff; }

#SearchPage .filter-actions-container {
  display: inline; }

#SearchPage .search-filters label {
  width: auto;
  border: none;
  margin-right: 10px; }

#SearchPage .search-filters .filterLink {
  float: left; }

#SearchPage input.customCheckbox + label {
  padding: 10px 10px;
  border: none; }

#SearchPage .searchFormWrapper .clearFilterButton {
  cursor: pointer;
  float: left;
  color: #006ebf;
  margin-left: 10px;
  margin-bottom: 17px; }

#SearchPage .liNotabhits {
  margin-right: 0 !important; }

#SearchPage input.customCheckbox + label {
  background-color: #FFF;
  min-width: 224px; }

#SearchPage input.customCheckbox:checked + label {
  background-color: #c1e4ef; }

#SearchPage .filters-row {
  overflow: auto; }

#SearchPage .target-group {
  padding-bottom: 10px; }

#SearchPage .search-filters .manualSubmitButton {
  clear: both;
  float: left; }

#SearchPage .optionLabel, #SearchPage .hide-show-filters, #SearchPage .hide-show-tabs {
  display: none; }

#SearchPage #HeaderNew.menuOpen .menuRow {
  display: block; }

#SearchPage .result-text {
  padding: 0 15px;
  position: relative;
  color: #747474;
  margin: 20px 0;
  display: block; }

@media (max-width: 767px) {
  #SearchPage .hidden-mobile {
    display: none; }
  #SearchPage .filters-search {
    display: block;
    height: 60px;
    margin-top: 10px; }
  #SearchPage .filter-options.options {
    padding-top: 5px; }
  #SearchPage .searchFormWrapper {
    padding: 0 5% 0 5%;
    margin-left: 0; }
  #SearchPage .searchFormWrapper input[type=text] {
    max-width: 75%;
    width: auto; }
  #SearchPage #searchInputAndButtonWrapper {
    /*position: relative;*/
    margin-right: 0px; }
  #SearchPage .tabs-menu {
    margin-top: 10px; }
    #SearchPage .tabs-menu li {
      width: 98%;
      margin: 0 1%;
      -ms-border-radius: 0 0 0 0;
      border-radius: 0 0 0 0; }
  #SearchPage .tabs-menu li + li {
    margin-left: 4px; }
  #SearchPage .tabs-menu li.first-tab {
    margin: 0 1%;
    -ms-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0; }
  #SearchPage .tabs-menu li a span {
    display: inline; }
  #SearchPage .tabs-menu li a span + span {
    margin-left: 8px; }
  #SearchPage .hide-show-tabs {
    display: block; }
  #SearchPage .optionLabel, #SearchPage .hide-show-filters {
    display: block; }
  #SearchPage .hide-show-filters::after {
    display: block;
    content: '\f078';
    font-family: 'FontAwesome';
    float: right;
    transition: color 200ms linear; }
  #SearchPage input.customCheckbox + label {
    width: 100%;
    margin: 0; } }

#SearchPage .ingress {
  text-align: center; }

@use 'sass:math';
/****** VARIABLES ******/
/******* BREAKPOINTS *******/
/******* FONTS *******/
/******* mmenujs *******/
#CollectionPage .container .page-top-content {
  margin-top: 36px;
  /*margin-bottom: 60px;*/ }

#CollectionPage .collection-page-links {
  list-style: none;
  width: 100%; }
  @media (min-width: 769px) {
    #CollectionPage .collection-page-links li {
      padding-right: 20px;
      width: 50%;
      float: left; }
      #CollectionPage .collection-page-links li:nth-last-child(2) .linkBox {
        border-bottom: 1px dashed #ddd; } }
  #CollectionPage .collection-page-links li:nth-last-child(1) .linkBox {
    border-bottom: 1px dashed #ddd; }
  #CollectionPage .collection-page-links .linkBox:hover {
    text-decoration: underline; }

#CollectionPage .CollectionPage .pushedContentAreaWrapper .newsGrid .blockGroupWrapper {
  margin-top: 0; }

#CollectionPage .no-title {
  margin-top: 1rem; }

#topHeading {
  font-size: 1.875rem;
  padding-top: 2.25rem;
  display: block; }
  #topHeading > a {
    text-decoration: none; }
  #topHeading > a:hover {
    text-decoration: underline; }
  #topHeading.black {
    color: #000000; }
  #topHeading.blue {
    color: #253151; }
  #topHeading.green {
    color: #789f2e; }
  #topHeading.turqoise {
    color: #388585; }
  #topHeading.purple {
    color: #954b97; }
  #topHeading.red1 {
    color: #e24f36; }
  #topHeading.red2 {
    color: #c51a1b; }
  #topHeading.orange {
    color: #c45f19; }

@media (min-width: 426px) {
  #topHeading {
    font-size: 2.25rem;
    line-height: 1; } }

.container .mainImage {
  margin: 0;
  padding: 0; }
  @media (max-width: 768px) {
    .container .mainImage {
      display: none; } }

.container h1 {
  text-align: left;
  padding: 0;
  margin: 0;
  line-height: 37px; }

.container .ingress {
  width: 100%;
  margin: 20px 0 0;
  padding: 0; }

/* DENNA KOD BÖR FLYTTAS TILL EN SEPARAT FIL */
/* BLUE BOX */
.blue-box {
  padding: 30px;
  background: #e5f0f8; }

.blue-box h2 {
  margin-top: 0; }

.blue-box a {
  color: #006ebf; }

.blue-box ul {
  /*list-style: none;*/
  list-style-position: inside;
  margin-top: 0; }

.blue-box ul.contactTypeList {
  list-style: none; }

.blue-box > div > div + div {
  margin-top: 20px; }

@media (min-width: 768px) {
  .pushedContentAreaWrapper.minified .blockWrapper {
    margin-bottom: 30px; } }

/*Fast Exit Button styles*/
@media (max-width: 768px) {
  .exitContainer {
    top: unset !important;
    left: unset !important;
    bottom: 0;
    right: 0;
    border-radius: 7px 0 0 7px !important; } }

.exitContainer {
  height: 90px;
  width: 150px;
  background-color: #d71a16;
  position: fixed;
  left: 0;
  top: 142px;
  text-align: center;
  border-radius: 0 7px 7px 0;
  padding: 10px;
  box-shadow: -2px 4px 18px 3px #888888;
  z-index: 6000; }
  .exitContainer label {
    color: #fff;
    font-size: 19px;
    font-weight: 600; }
    .exitContainer label:hover {
      cursor: pointer; }
  .exitContainer .cross-icon {
    color: #fff;
    display: block;
    text-align: center;
    line-height: 1;
    color: #fff; }
    .exitContainer .cross-icon:before {
      margin: 0 auto 0px;
      display: block;
      height: 20px;
      width: 50px;
      font-size: 28px;
      font-family: "icomoon";
      content: "\e901"; }
  .exitContainer:hover {
    cursor: pointer;
    text-decoration: none !important; }

/*startpage.scss*/
/****** VARIABLES ******/
/******* BREAKPOINTS *******/
/******* FONTS *******/
/******* mmenujs *******/
#StartPage .col-6 {
  width: 100%; }

#StartPage .eventList .blockWrapper {
  width: 100%;
  border-top: 1px dashed #ddd;
  padding-left: 0;
  margin: 0; }
  #StartPage .eventList .blockWrapper:last-of-type {
    border-bottom: 1px dashed #ddd; }
  #StartPage .eventList .blockWrapper .pushedEventBlock {
    max-width: none; }
    #StartPage .eventList .blockWrapper .pushedEventBlock .imageWrapper {
      margin-right: 30px;
      width: 100%;
      display: none; }
      @media (min-width: 600px) {
        #StartPage .eventList .blockWrapper .pushedEventBlock .imageWrapper {
          display: block;
          float: left;
          width: 35%; } }
      @media (min-width: 768px) {
        #StartPage .eventList .blockWrapper .pushedEventBlock .imageWrapper {
          width: 180px; } }
      #StartPage .eventList .blockWrapper .pushedEventBlock .imageWrapper img {
        width: 100%;
        height: auto;
        max-height: none; }
    #StartPage .eventList .blockWrapper .pushedEventBlock .event-block-text-wrapper {
      background: none;
      border: none;
      float: none;
      margin: 0;
      padding: 20px 10px; }
      @media (min-width: 768px) {
        #StartPage .eventList .blockWrapper .pushedEventBlock .event-block-text-wrapper {
          padding: 20px; } }
      @media (min-width: 768px) {
        #StartPage .eventList .blockWrapper .pushedEventBlock .event-block-text-wrapper {
          padding: 17px 0 0 200px; } }
      #StartPage .eventList .blockWrapper .pushedEventBlock .event-block-text-wrapper a .event-title {
        font-weight: 600;
        margin-bottom: 0;
        padding-right: 60px;
        position: relative; }
        #StartPage .eventList .blockWrapper .pushedEventBlock .event-block-text-wrapper a .event-title:after {
          color: #4e4e4e;
          content: '\e923';
          font-family: "icomoon";
          font-size: 37px;
          font-weight: 400;
          line-height: 30px;
          position: absolute;
          right: 0;
          top: 0; }
      #StartPage .eventList .blockWrapper .pushedEventBlock .event-block-text-wrapper:after {
        background: none;
        content: none;
        width: 0;
        height: 0; }
    #StartPage .eventList .blockWrapper .pushedEventBlock .date-and-place-wrapper {
      margin-top: 10px;
      padding: 0;
      height: auto;
      margin-bottom: 10px; }
      #StartPage .eventList .blockWrapper .pushedEventBlock .date-and-place-wrapper:before {
        content: none; }
      #StartPage .eventList .blockWrapper .pushedEventBlock .date-and-place-wrapper:after {
        content: none;
        width: 0;
        height: 0; }
      #StartPage .eventList .blockWrapper .pushedEventBlock .date-and-place-wrapper * {
        font-size: inherit;
        color: #4e4e4e; }
      #StartPage .eventList .blockWrapper .pushedEventBlock .date-and-place-wrapper span {
        margin: 5px 0 0 0; }
      #StartPage .eventList .blockWrapper .pushedEventBlock .date-and-place-wrapper .place-wrapper {
        font-weight: 600; }
      #StartPage .eventList .blockWrapper .pushedEventBlock .date-and-place-wrapper .date-wrapper {
        font-size: 14px !important; }
  #StartPage .eventList .blockWrapper .textWrapper {
    display: none; }

.scroll-button {
  position: fixed;
  right: 10px;
  bottom: 10px;
  color: white;
  border: 0;
  width: 40px;
  height: 40px;
  text-align: center;
  padding: 0;
  background: #e6f2de;
  overflow: hidden;
  cursor: pointer;
  z-index: 5001; }
  .scroll-button:before {
    content: "\e926";
    font-family: 'icomoon';
    color: #66B234;
    background: transparent;
    position: absolute;
    right: 0px;
    left: 0;
    bottom: 0px;
    top: 0px;
    padding-top: 5px;
    font-size: 2.5em; }
  .scroll-button.rotate-up:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }

@media (min-width: 768px) {
  #StartPage .scroll-button {
    width: 70px;
    height: 70px;
    right: 50px;
    bottom: 30px; }
    #StartPage .scroll-button:before {
      padding-top: 8px;
      font-size: 66px;
      line-height: 1; } }

@media (min-width: 992px) {
  #StartPage .col-6 {
    width: 50%; } }

@media (max-width: 767px) {
  #StartPage .eventList .blockWrapper {
    padding-left: 5px;
    padding-right: 5px; } }

.page-owner-area {
  margin-top: 30px; }
  .page-owner-area .link {
    color: #006ebf; }

/****** VARIABLES ******/
/******* BREAKPOINTS *******/
/******* FONTS *******/
/******* mmenujs *******/
@media (min-width: 768px) {
  #EServiceListTopImage {
    height: 300px;
    -ms-background-size: cover;
    background-size: cover;
    background-position-x: center;
    background-position-y: bottom; }
  h1 {
    margin-top: 0; } }

#EServiceListTopImage {
  max-height: 230px; }
  #EServiceListTopImage h1 {
    font-size: 46px;
    color: #006ebf;
    float: left;
    padding-left: 0;
    margin: 70px 0 20px 150px;
    font-family: 'Pacifico'; }
    #EServiceListTopImage h1.internal-eservice {
      color: #bc5b17; }
  #EServiceListTopImage span {
    color: #006ebf;
    font-size: 19px;
    clear: left;
    margin-left: 150px;
    line-height: 1.2; }
  @media (min-width: 768px) {
    #EServiceListTopImage .byline-desktop {
      display: block; } }
  @media (max-width: 767px) {
    #EServiceListTopImage span {
      margin-left: 15px;
      font-size: 20px; } }

.filterWrapper {
  margin-top: 0; }
  .filterWrapper .filters {
    margin-top: 0;
    padding: 15px 20px;
    background-color: #E5F0F8; }
  .filterWrapper .filter-button {
    bottom: 14px; }

.filter-actions-container {
  background-color: #E5F0F8; }
  .filter-actions-container .alphabet {
    margin-top: 0;
    padding: 0;
    clear: none; }
    .filter-actions-container .alphabet label {
      margin: 0 !important;
      border: 0; }

.unitList {
  list-style: none; }
  .unitList .letter-header-li {
    border-bottom: 3px solid #006ebf;
    padding: 15px 0 5px 0; }
  .unitList .letter-header {
    display: inline-block; }
    @media (max-width: 767px) {
      .unitList .letter-header {
        margin: 0; } }
    .unitList .letter-header .unit-letter {
      font-size: 34px; }
    @media (max-width: 767px) {
      .unitList .letter-header .unit-letter {
        margin-left: 15px; } }
  .unitList .unit {
    list-style: none;
    border-bottom: 1px solid #e8f1f4; }
    .unitList .unit:last-child {
      /*margin-bottom: 250px;*/ }
  .unitList .contactInfoWrapper {
    margin: 25px 0; }
    .unitList .contactInfoWrapper:hover .unitLink {
      text-decoration: underline; }
    .unitList .contactInfoWrapper .unit-name {
      width: 420px;
      display: inline-block;
      overflow: hidden; }
      .unitList .contactInfoWrapper .unit-name .unitLink.h3 {
        margin: 0;
        line-height: 1.2; }
    @media (min-width: 768px) {
      .unitList .contactInfoWrapper .icons {
        float: right; }
      .unitList .contactInfoWrapper .apply-icon {
        margin-right: 27px;
        color: #006ebf;
        font-size: 0.8em;
        text-align: center;
        text-align: center;
        line-height: 1;
        font-size: 18px; }
        .unitList .contactInfoWrapper .apply-icon.no-form-icon {
          margin-right: 119px; }
        .unitList .contactInfoWrapper .apply-icon:before {
          border-radius: 50%;
          background-color: #e7f1f3; } }
    .unitList .contactInfoWrapper a:focus {
      outline: none; }
      .unitList .contactInfoWrapper a:focus .apply-btn {
        border: 2px solid black; }
    .unitList .contactInfoWrapper .apply-btn {
      width: 280px;
      height: 60px;
      background-color: #fff;
      border: 1px solid #e4e4e4;
      text-align: center;
      display: inline-block;
      line-height: 60px;
      color: #006ebf;
      float: right; }
      @media (max-width: 967px) {
        .unitList .contactInfoWrapper .apply-btn {
          margin-top: -15px; } }
      .unitList .contactInfoWrapper .apply-btn:hover {
        background-color: rgba(0, 0, 0, 0.07); }
    .unitList .contactInfoWrapper .apply-text {
      color: #006ebf;
      font-family: HelveticaNeueW01-45Ligh;
      font-size: 20px;
      font-weight: 600; }
    .unitList .contactInfoWrapper .comp-icon, .unitList .contactInfoWrapper .arrow-icon {
      line-height: inherit;
      color: #006ebf; }
    .unitList .contactInfoWrapper .comp-icon:before {
      float: left;
      margin-left: 20px;
      font-size: 40px;
      font-family: 'icomoon';
      content: "\e91f"; }
    .unitList .contactInfoWrapper .arrow-icon:before {
      float: right;
      margin-right: 10px;
      font-size: 70px;
      font-family: 'icomoon';
      content: "\e906"; }
    @media (max-width: 767px) {
      .unitList .contactInfoWrapper {
        margin: 0;
        min-height: 80px;
        padding: 15px;
        color: #006ebf; }
        .unitList .contactInfoWrapper .unit-name {
          max-width: 180px; }
          .unitList .contactInfoWrapper .unit-name .unitLink {
            font-size: 18px; }
        .unitList .contactInfoWrapper.show-more-info {
          background: #e7f1f3;
          color: #006ebf; }
          .unitList .contactInfoWrapper.show-more-info .unitLink {
            font-weight: 600; } }

.desktop-icon-container {
  display: inline-block;
  margin: 0 0 0 70px;
  width: 150px; }

.desktop-icon {
  vertical-align: top;
  display: inline-block;
  margin: 5px 0 0 20px;
  font-size: 12px;
  text-align: center;
  line-height: 1.2;
  color: #424242; }
  @media (min-width: 768px) {
    .desktop-icon {
      display: none; } }

.desktop-icon:before {
  font-size: 20px;
  font-family: 'icomoon';
  color: #e7f1f3;
  content: "\e92c";
  float: left;
  position: relative;
  display: inline-block; }

.tooltiptext {
  visibility: hidden;
  background-color: #e7f1f3;
  color: #000;
  text-align: center;
  border-radius: 5px;
  padding: 4px;
  z-index: 100;
  position: absolute;
  margin: 0 5px 0 10px;
  opacity: 0;
  transition: opacity 1s;
  border: 1px solid #006ebf;
  font-size: 12px;
  line-height: 1.3; }

.tooltiptext:after, .tooltiptext:before {
  right: 100%;
  top: 13px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.tooltiptext:after {
  border-color: rgba(54, 175, 217, 0);
  border-right-color: #e7f1f3;
  border-width: 6px;
  margin-top: -6px; }

.tooltiptext:before {
  border-color: rgba(231, 241, 243, 0);
  border-right-color: #006ebf;
  border-width: 7px;
  margin-top: -7px; }

.desktop-icon:hover .tooltiptext {
  visibility: visible;
  opacity: 1; }

.subjects-text {
  font: HelveticaNeue-Light;
  color: #747474;
  font-size: 14px;
  vertical-align: top;
  display: inline-block;
  margin-top: 0;
  max-width: 220px; }
  @media (max-width: 970px) {
    .subjects-text {
      display: none;
      visibility: hidden; } }

.no-of-hits .no-of-hits-text {
  display: inline-block;
  font-size: 18px;
  color: #424242;
  margin-bottom: 20px; }
  .no-of-hits .no-of-hits-text .filterFeedBack {
    font-size: 26px; }

.no-of-hits-text-all {
  margin-left: 20px; }

.filter-options fieldset input[type="checkbox"].alphabet + label {
  min-width: 40.75px;
  padding: 6px 10px;
  text-align: center;
  margin: 0; }
  .filter-options fieldset input[type="checkbox"].alphabet + label.alphabet-inactive {
    color: #bbbbbb;
    background: #e3e3e3; }

@media (min-width: 768px) {
  .min-width-desktop {
    min-width: 240px !important;
    text-align: left !important;
    padding: 6px 15px !important;
    min-height: 35px; } }

.byline-mobile {
  font-size: 30px;
  float: left;
  color: #006ebf;
  font-weight: 600;
  padding: 30px 10px 0;
  width: 100%;
  text-align: left;
  line-height: 1.2; }

.filter-heading {
  margin-top: 6px; }

.subjects-box {
  width: 100px; }

.filterWrapper .filters input.customCheckbox + label {
  min-width: 40.75px;
  padding: 6px 10px;
  text-align: center; }
  .filterWrapper .filters input.customCheckbox + label.alphabet-inactive {
    color: #bbbbbb;
    background: #e3e3e3; }

.filterWrapper .filters .textFilter, .filterWrapper .filters .dateFilters, .filterWrapper .filters .orgType, .filterWrapper .filters .area, .filterWrapper .filters .cbFilters {
  border-bottom: none; }

.filter-options fieldset input[type="checkbox"].alphabet {
  padding: 0 1px 1px 0; }

div.option.alphabet {
  padding: 0 25px 50px; }

@media (max-width: 767px) {
  .filterWrapper fieldset input[type="checkbox"].alphabet + label {
    float: initial;
    display: inline-block; }
  .no-padding-mobile {
    padding: 0; }
  .mobile-blue {
    color: #006ebf; }
  div.option.alphabet {
    padding: 0 0 56px; }
  .arrow-mobile:before {
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 65px !important; }
  .white-background-mobile {
    background: #FFF; }
  .orgType {
    padding: 15px !important; } }

.largeIconChar {
  font-size: 24px;
  color: #FFF; }

.target-group-name {
  color: #006ebf; }

/****** VARIABLES ******/
/******* BREAKPOINTS *******/
/******* FONTS *******/
/******* mmenujs *******/
#LandingPage .page-collection {
  margin-top: 50px; }

#LandingPage .express-links-heading {
  font-size: 16px;
  margin-top: 0; }

#LandingPage .express-link {
  font-family: "HelveticaNeueW01-55Roma", Arial, Helvetica, sans-serif;
  color: #004C85;
  float: left;
  width: 50%;
  text-decoration: underline; }
  #LandingPage .express-link:hover {
    text-decoration: underline; }

@media (max-width: 768px) {
  #LandingPage .express-links-heading {
    margin-top: 30px; }
  #LandingPage .express-link {
    width: 100%; } }

.digitalBillboardListPage .billboardContainer {
  position: relative;
  margin-top: 20px;
  padding: 10px;
  border: 5px solid #253151;
  border-radius: 10px;
  background-color: #253151; }
  .digitalBillboardListPage .billboardContainer:hover .billboardHeader {
    text-decoration: underline; }
    @media (max-width: 768px) {
      .digitalBillboardListPage .billboardContainer:hover .billboardHeader {
        text-decoration: none; } }

.digitalBillboardListPage .blue-box {
  margin-top: 40px; }

.digitalBillboardListPage .billboardTop {
  width: 100%;
  cursor: pointer; }
  .digitalBillboardListPage .billboardTop .expandClicker {
    position: absolute;
    top: 17px;
    right: 16px;
    border: none;
    padding: 0;
    display: inline;
    background: none;
    float: right;
    width: 25px;
    height: 25px;
    background-size: 25px 25px;
    cursor: pointer; }
    .digitalBillboardListPage .billboardTop .expandClicker:focus {
      outline: 2px solid white; }
    .digitalBillboardListPage .billboardTop .expandClicker.collapsed {
      background-image: url(../../../Static/FA-Ikoner/plus.svg);
      background-color: #FFFFFF;
      border-radius: 50%; }
    .digitalBillboardListPage .billboardTop .expandClicker.expanded {
      background-image: url(../../../Static/FA-Ikoner/minus.svg);
      background-color: #FFFFFF;
      border-radius: 50%; }
  .digitalBillboardListPage .billboardTop .billboardHeader {
    width: 100%; }
    .digitalBillboardListPage .billboardTop .billboardHeader .expand-icon, .digitalBillboardListPage .billboardTop .billboardHeader .collapse-icon {
      width: 25px;
      height: 25px; }
  .digitalBillboardListPage .billboardTop h2 {
    display: inline-block;
    color: white;
    padding-right: 40px;
    margin-top: 3px; }
  @media (max-width: 768px) {
    .digitalBillboardListPage .billboardTop h2 {
      word-break: break-word; } }

.billboardListDiv {
  display: none; }
  .billboardListDiv h2, .billboardListDiv div {
    color: #000000; }
  .billboardListDiv a {
    text-decoration: underline; }
  .billboardListDiv .faq-answer {
    padding: 10px; }

.billboardList {
  width: 100%;
  margin-bottom: 5px;
  background-color: #FFFFFF;
  border: 1px solid #006ebf;
  border-radius: 10px;
  list-style: none; }
  .billboardList li {
    border-bottom: 1px solid #006ebf;
    display: flex; }
    .billboardList li span {
      padding: 5px 0 5px 10px;
      /*color: #006ebf;*/
      color: black;
      width: 63%; }
    .billboardList li span:first-child {
      font-weight: bold;
      width: 37%; }
  @media (max-width: 768px) {
    .billboardList li {
      display: block; }
      .billboardList li span {
        display: block;
        word-break: break-word;
        width: 100%; }
      .billboardList li span:first-child {
        width: 100%;
        padding-bottom: 0; } }

/*Creation page Styles*/
.billboardCreationForm label {
  display: block; }
  .billboardCreationForm label:after {
    content: ":"; }

.billboardCreationForm textarea {
  width: 50%;
  resize: none; }
  .billboardCreationForm textarea:focus {
    border: 2px solid black; }

.billboardCreationForm input {
  display: inline-block;
  margin-bottom: 10px; }
  .billboardCreationForm input[type="submit"] {
    display: block; }
    .billboardCreationForm input[type="submit"]:focus {
      border: 2px solid black; }
  .billboardCreationForm input[type="file"] {
    display: block; }
  .billboardCreationForm input[type="text"] {
    width: 50%; }
    .billboardCreationForm input[type="text"]:focus {
      border: 2px solid black; }

.billboardCreationForm .userMessage strong {
  color: green;
  font-size: 30px; }

.billboardCreationForm .field-validation-error {
  color: red;
  vertical-align: text-bottom;
  margin-left: 20px; }

.vacancyLink {
  margin-top: 30px;
  font-size: 19px;
  color: #006ebf;
  margin-bottom: 20px;
  font-weight: 600; }
  .vacancyLink:after {
    font-family: "icomoon";
    content: "\e92d";
    display: inline;
    vertical-align: middle; }

.vacancyEndDate {
  display: block;
  color: #a0a0a0;
  font-size: 11px; }

.vacanyContactPersons h4 {
  margin-top: 10px;
  margin-bottom: 0; }

.vacancySubHeader {
  display: inline-block;
  padding-right: 7px;
  margin-bottom: 0; }

.vacancyMainBody {
  margin-bottom: 0 !important;
  margin-top: 0 !important; }
  .vacancyMainBody h2 {
    margin-top: 20px; }
  .vacancyMainBody p {
    margin-bottom: 0; }

.vacancyItem {
  margin: 0;
  padding: 0;
  line-height: 1.4; }
  .vacancyItem h4 {
    line-height: 1.4; }

.vacancyItem h4 {
  display: inline; }

.SelfServicePage .breacrumb-container {
  padding-left: 0;
  margin-bottom: 40px; }

.SelfServicePage-margin-removal {
  margin: 0; }

@media (min-width: 768px) {
  .second-section-background-filler {
    background: linear-gradient(to right, #fff 0%, #fff 70%, #ebf3f3 70%, #ebf3f3 100%); } }

@media (min-width: 3000px) {
  .second-section-background-filler {
    background: linear-gradient(to right, #fff 0%, #fff 60%, #ebf3f3 60%, #ebf3f3 100%); } }

.infopage-intro {
  padding-top: 48px; }

.infopage-link-item[href^="http://"]::after, .infopage-link-item[href^="https://"]::after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='14px' height='14px' fill='%23358080'><path d='M336 0c-8.8 0-16 7.2-16 16s7.2 16 16 16H457.4L212.7 276.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0L480 54.6V176c0 8.8 7.2 16 16 16s16-7.2 16-16V16c0-8.8-7.2-16-16-16H336zM64 32C28.7 32 0 60.7 0 96V448c0 35.3 28.7 64 64 64H416c35.3 0 64-28.7 64-64V304c0-8.8-7.2-16-16-16s-16 7.2-16 16V448c0 17.7-14.3 32-32 32H64c-17.7 0-32-14.3-32-32V96c0-17.7 14.3-32 32-32H208c8.8 0 16-7.2 16-16s-7.2-16-16-16H64z' /></svg>");
  margin-left: 8px; }

.infopage-banner.yellow {
  background-color: #f2b700; }

.infopage-banner.purple {
  background-color: #d2c5e2; }

.infopage-banner-contentwrapper {
  margin: 0 auto;
  max-width: 1440px;
  display: flex; }
  @media (min-width: 1024px) {
    .infopage-banner-contentwrapper {
      padding-left: 118px; } }

.banner-icon-container {
  min-width: 20px;
  height: 21px;
  margin-top: 30px;
  margin-right: 1rem; }
  @media (max-width: 1024px) {
    .banner-icon-container {
      margin-left: 1rem; } }

.banner-text-container {
  width: 685px;
  padding-bottom: 24px; }
  .banner-text-container h2 {
    font-size: 20px;
    line-height: 32px;
    margin-top: 28px;
    margin-bottom: 10px;
    color: #242424; }
  .banner-text-container p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 16px;
    font-family: "HelveticaNeueW01-45ligh", Arial, Helvetica, sans-serif;
    color: #242424;
    padding-right: 1rem; }

.infopage-wrapper {
  display: flex;
  max-width: 1440px;
  margin: 0 auto;
  font-family: "HelveticaNeueW01-55Roma", Helvetica, Arial, sans-serif; }
  @media (max-width: 768px) {
    .infopage-wrapper {
      flex-direction: column;
      padding: 0 1rem; } }

.infopage-header {
  text-align: left;
  padding: 0;
  margin-bottom: 37px; }

.infopage-preamble {
  font-family: "HelveticaNeueW01-55Roma", Helvetica, Arial, sans-serif;
  font-size: 19px;
  line-height: 28px;
  text-align: left;
  padding: 0;
  margin-bottom: 24px; }

.infopage-content > p {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 16px;
  font-family: "HelveticaNeueW01-55Roma", Helvetica, Arial, sans-serif;
  text-align: left;
  padding: 0; }

.infopage-content ul,
.infopage-content ol {
  list-style-position: inside; }

.infopage-content .accordion-wrapper ul {
  margin: 20px 0 20px 30px;
  list-style-position: outside !important;
  list-style: disc; }
  .infopage-content .accordion-wrapper ul a {
    color: #006ebf; }

.infopage-content .accordion-wrapper p {
  margin-bottom: 1rem; }

.infopage-box-container {
  display: flex;
  background-color: #eeeeee;
  width: 100%;
  margin-bottom: 40px;
  margin-top: 24px;
  padding-bottom: 12px; }
  @media (max-width: 1024px) {
    .infopage-box-container {
      flex-direction: column; } }

.infoblock-box-text-container-rightcolumn ul,
.infoblock-box-text-container-rightcolumn ol {
  list-style-position: inside; }

.infoblock-box-text-container-rightcolumn li {
  font-size: 1.125rem;
  font-family: HelveticaNeueW01-55Roma; }

.infopage-box-icon-container {
  margin: 24px 0 0 24px; }
  .infopage-box-icon-container > img {
    min-width: 48px;
    height: 48px; }

.infopage-box-text-container-rightcolumn p {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 16px;
  font-family: "HelveticaNeueW01-55Roma", Helvetica, Arial, sans-serif; }

.infopage-box-text-container-rightcolumn a {
  color: #358080;
  margin: 1rem 0;
  text-decoration: underline !important; }
  .infopage-box-text-container-rightcolumn a:hover {
    text-decoration: none !important; }

.infopage-box-text-container {
  padding-right: 2rem;
  padding-left: 24px; }
  .infopage-box-text-container h2 {
    font-size: 20px;
    line-height: 32px;
    margin-top: 28px;
    margin-bottom: 10px;
    color: black; }
    @media (max-width: 1024px) {
      .infopage-box-text-container h2 {
        margin-top: 1rem; } }
  .infopage-box-text-container p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 16px;
    font-family: "HelveticaNeueW01-55Roma", Helvetica, Arial, sans-serif; }
  .infopage-box-text-container ul {
    list-style-position: inside;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 16px; }
  .infopage-box-text-container a:not(.infopage-box-linkbtn) {
    text-decoration: underline !important; }
  .infopage-box-text-container .infopage-box-linkbtn {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    line-height: 20;
    min-height: 48px;
    border: 1px solid black;
    line-height: 15px;
    margin-bottom: 30px;
    color: black; }
    .infopage-box-text-container .infopage-box-linkbtn > svg {
      margin-left: 14px; }

@media (min-width: 1026px) {
  .first-section {
    padding-right: 102px;
    padding-left: 118px; } }

@media (min-width: 769px) and (max-width: 1025px) {
  .first-section {
    padding-right: 35px;
    padding-left: 1rem; } }

.second-section {
  padding-top: 150px;
  padding-left: 32px;
  text-align: left;
  padding-right: 1rem;
  background-color: #ebf3f3;
  padding-bottom: 10rem; }
  .second-section.no-preamble {
    padding-top: 85px; }
    @media (max-width: 768px) {
      .second-section.no-preamble {
        padding-top: 0; } }
  @media (max-width: 768px) {
    .second-section {
      padding-top: 0; } }

@media (max-width: 768px) {
  .informationblock {
    margin-top: 64px; } }

.informationblock:not(:first-child) {
  margin-top: 64px; }

.links-header {
  font-size: 22px;
  font-family: "HelveticaNeueW01-55Roma", Helvetica, Arial, sans-serif;
  margin-bottom: 16px;
  margin-top: 0;
  color: black;
  display: flex;
  align-items: center; }
  .links-header > img {
    width: 24px;
    height: 22px;
    margin-right: 12px; }

.infopage-icon {
  margin-right: 1rem; }

.infopage-linkbox {
  border-radius: 4px;
  width: 100%;
  padding: 1rem 1.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer; }
  .infopage-linkbox.green {
    color: white;
    font-size: 18px;
    background-color: #358080; }
  .infopage-linkbox.white {
    color: black;
    font-size: 18px;
    border: 1px solid black; }
  .infopage-linkbox:not(:last-child) {
    margin-bottom: 1rem; }
  .infopage-linkbox > span {
    margin-left: 1rem;
    margin-top: 0.5rem; }
  .infopage-linkbox.follow-your-case {
    color: #358080;
    font-size: 18px;
    background-color: white;
    border: 2px solid #358080; }
    .infopage-linkbox.follow-your-case.external-site {
      color: #358080;
      font-size: 18px;
      background-color: white;
      border: 2px solid #358080; }

.infopage-link-list {
  display: flex;
  flex-direction: column;
  list-style: none;
  gap: 1rem; }

.infopage-link-item {
  font-size: 18px;
  text-decoration: underline !important;
  color: #358080; }
  .infopage-link-item:hover {
    text-decoration: none !important; }

.selfservicelistpage .breadcrumb {
  padding: 1rem; }

.selfservicelistpage .selfservicelistpage-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 1.5rem;
  font-family: "HelveticaNeueW01-55Roma", Helvetica, Arial, sans-serif; }
  @media (max-width: 768px) {
    .selfservicelistpage .selfservicelistpage-wrapper {
      flex-direction: column; } }
  .selfservicelistpage .selfservicelistpage-wrapper .reset-link {
    text-decoration: underline !important;
    color: #004C85; }
  .selfservicelistpage .selfservicelistpage-wrapper .reset-link:hover {
    text-decoration: none !important;
    cursor: pointer !important; }
  .selfservicelistpage .selfservicelistpage-wrapper .result-text::after {
    content: "-";
    margin-left: 0.3rem;
    margin-right: 0.3rem; }
  .selfservicelistpage .selfservicelistpage-wrapper .reset-query-link::after {
    content: "|";
    margin-left: 0.3rem;
    margin-right: 0.3rem;
    color: #004C85 !important; }
  .selfservicelistpage .selfservicelistpage-wrapper .disabled-link {
    pointer-events: none;
    opacity: 0.6;
    cursor: not-allowed !important;
    text-decoration: none !important; }

.selfservicelistpage .selfservicelistpage-container {
  margin: 0 1rem; }
  .selfservicelistpage .selfservicelistpage-container .accordion-wrapper .accordion {
    margin: 0; }

.selfservicelistpage .selfservicelistpage-header {
  font-size: 30px;
  text-align: left;
  margin-bottom: 37px;
  padding-left: 0;
  margin-top: 0; }

.selfservicelistpage .selfservicelistpage-preamble {
  font-size: 19px;
  line-height: 26px;
  text-align: left;
  margin-bottom: 24px;
  color: black; }

.selfservicelistpage .selfservicelistpage-search-label {
  font-size: 20px;
  margin-bottom: 1rem;
  color: black; }

.selfservicelistpage .selfservicelistpage-search {
  display: flex;
  margin-bottom: 32px; }
  .selfservicelistpage .selfservicelistpage-search .selfservicelistpage-searchinput {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%; }
    .selfservicelistpage .selfservicelistpage-search .selfservicelistpage-searchinput input {
      font-size: 16px;
      height: 48px;
      width: 100%;
      border: 1px solid #979797;
      padding-left: 1rem;
      padding-right: 1rem;
      border-radius: 4px 0 0 4px;
      border-right: 0; }
  .selfservicelistpage .selfservicelistpage-search button {
    border-radius: 0 4px 4px 0;
    border-left: 0;
    background-color: #253151;
    color: white; }
    .selfservicelistpage .selfservicelistpage-search button:hover {
      cursor: pointer; }
  .selfservicelistpage .selfservicelistpage-search .search-button {
    padding: 0 1rem; }
  .selfservicelistpage .selfservicelistpage-search .selfservice-search-clear-icon {
    display: none;
    position: absolute;
    right: 1rem;
    align-items: center;
    cursor: pointer; }

.selfservicelistpage .results {
  display: flex;
  justify-content: space-between;
  margin-bottom: 26px; }
  @media (max-width: 768px) {
    .selfservicelistpage .results {
      flex-direction: column; } }
  .selfservicelistpage .results p {
    font-size: 20px; }
    .selfservicelistpage .results p span {
      font-size: 20px;
      color: black; }
    .selfservicelistpage .results p.hide {
      visibility: hidden; }
  .selfservicelistpage .results button {
    border: 0;
    background: none;
    display: flex;
    align-items: center;
    font-size: 16px;
    cursor: pointer;
    margin-left: auto; }
    @media (max-width: 768px) {
      .selfservicelistpage .results button {
        margin-top: 1rem;
        justify-content: flex-end; } }
    .selfservicelistpage .results button[aria-pressed="false"]::after {
      transform: rotate(180deg); }
    .selfservicelistpage .results button::after {
      transition: linear 0.2s;
      content: "";
      display: inline-block;
      width: 16px;
      height: 16px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512'%3E%3Cpath d='M239 401c9.4 9.4 24.6 9.4 33.9 0L465 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-175 175L81 175c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9L239 401z'/%3E%3C/svg%3E");
      margin-left: 8px; }
    .selfservicelistpage .results button:active, .selfservicelistpage .results button:focus {
      outline: 0; }
    .selfservicelistpage .results button:hover {
      text-decoration: underline; }

.selfservicelistpage .selfservicelistpage-hr {
  border-top: 1px solid #a8a8a8;
  margin-bottom: 24px; }

.selfservicelistpage .category h2 {
  font-size: 20px;
  margin-bottom: 10px; }

.selfservicelistpage .category .selfservicelistpage-item-container {
  display: flex;
  justify-content: space-between; }
  @media (max-width: 768px) {
    .selfservicelistpage .category .selfservicelistpage-item-container {
      flex-direction: column;
      margin-bottom: 32px; } }
  .selfservicelistpage .category .selfservicelistpage-item-container .selfservicelistpage-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin-bottom: 32px; }
    .selfservicelistpage .category .selfservicelistpage-item-container .selfservicelistpage-filters label {
      display: flex;
      padding: 4px;
      align-items: center;
      font-size: 16px;
      cursor: pointer; }
      .selfservicelistpage .category .selfservicelistpage-item-container .selfservicelistpage-filters label input {
        margin-left: 4px;
        accent-color: #358080;
        cursor: pointer; }
  .selfservicelistpage .category .selfservicelistpage-item-container .clear-filters {
    padding: 4px 8px;
    width: 152px;
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    background: none;
    border: 1px solid #0d0d0d;
    border-radius: 5px;
    font-size: 13px; }
    .selfservicelistpage .category .selfservicelistpage-item-container .clear-filters svg {
      fill: black; }

.selfservicelistpage .category .items {
  display: flex;
  flex-direction: column; }
  .selfservicelistpage .category .items .item {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    visibility: hidden;
    pointer-events: none;
    padding: 0;
    transition: opacity 0.4s linear, margin-bottom 0.2s linear; }
    .selfservicelistpage .category .items .item.show {
      font-size: 16px;
      border-radius: 8px;
      background: #eeeeee;
      color: black;
      display: flex;
      align-items: center;
      justify-content: space-between;
      opacity: 1;
      max-height: 200px;
      visibility: visible;
      pointer-events: auto;
      padding: 15px 24px;
      margin-bottom: 1rem; }
      @media (max-width: 768px) {
        .selfservicelistpage .category .items .item.show {
          flex-direction: column;
          align-items: normal; }
          .selfservicelistpage .category .items .item.show > svg,
          .selfservicelistpage .category .items .item.show .external-link {
            margin-left: auto; } }
    .selfservicelistpage .category .items .item:hover {
      outline: 1px solid #0d0d0d;
      text-decoration: none !important; }
    .selfservicelistpage .category .items .item .external-link {
      color: #0d0d0d;
      font-size: 16px;
      display: flex;
      align-items: center;
      gap: 0.5rem; }
      .selfservicelistpage .category .items .item .external-link svg {
        fill: black; }
    .selfservicelistpage .category .items .item > svg {
      fill: black; }

.selfservicelistpage #count {
  font-family: "HelveticaNeueW01-55Roma", Helvetica, Arial, sans-serif;
  font-size: 22px; }

.selfservicelistpage .no-result {
  display: none; }
  .selfservicelistpage .no-result.show {
    display: block; }
  .selfservicelistpage .no-result p {
    padding: 4px; }

/*# sourceMappingURL=maps/style.css.map */