/*	MAIN MENU*/
.mobileNavPuffs {
   z-index:10000;
   margin-top:0;
   border-top:60px solid #eee;
   display:none;
   height:100%;
}
.mobileNavPuffs__wrapper {
   margin-top:0;
   padding:0;
   margin-bottom:0;
   background-color:#fff;
}
 .mobileNavPuffs div.expandBtn img{
      width:20px !important;
   }
.mobileNavPuffs a {
   text-decoration:none;
   display:inline-block;   
   max-width:fit-content;
   flex-grow:1;
   padding:10px 10px 10px 20px;
}
.main-menu {
   display: flex;
}
.main-menu ul {
   width: 100%;
   display: flex !important;
   justify-content: space-between;
}

.main-menu li{
   display: inline-block;
   padding-right: 30px;
   /*max-width: 100px;*/
   max-width: 188px;
   text-align:center;
}
.mobileNavPuffs__lvl1:nth-child(1) {
   border-left:6px solid #b2006e;
}
.mobileNavPuffs__lvl1:nth-child(2) {
   border-left:6px solid #097b6e;
}
.mobileNavPuffs__lvl1:nth-child(3) {
   border-left:6px solid #00667e;
}
.mobileNavPuffs__lvl1:nth-child(4) {
   border-left:6px solid #5d1e69;
}
.mobileNavPuffs__lvl1:nth-child(1) a, .mobileNavPuffs__lvl1:nth-child(2) a, 
.mobileNavPuffs__lvl1:nth-child(3) a,.mobileNavPuffs__lvl1:nth-child(4) a {
   padding-left:15px !important;
}
.extramenu {
   background-color:#eee;
   width:100%; 
   border-bottom:1px solid #fff;   
}
.extramenu a {
   width:100%;   
   display:flex !important;
   max-width:unset !important;
   
   padding:0.7em 0 !important;
   justify-content:space-between;
   align-items:center;
}

.extramenu .mobsok {
    width:100%;   
   display:flex !important;
   max-width:unset !important;
   padding:0.5em 0 !important;
   margin-left:0;
   justify-content:space-between;
   align-items:center;
}
.extramenu .mobsok div {
   font-size:1em; 
}
.extramenu div {
   width:70%;      
   xfont-weight:bold;
   font-size:1.1em;
   margin-left:21px;
   text-align:left !important;
}
.extramenu img {
   width:25px !important;
   margin-right:18px;
}
#black {
   display:none;
  opacity:    0.7; 
  background: #000; 
  width:      100%;
  height:     100%; 
  z-index:    -1;
  top:        0; 
  left:       0; 
  position:   fixed; 
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .main-menu.displayMobileMenu .mobileNavPuffs li, .main-menu li	{
      	max-width: none !important;
      }
   }

.main-menu li:last-of-type{
   padding-right: 0;   
}
.main-menu li a {
   font-size: 20px;
   text-decoration: none;
   line-height: 1.2;
}
.main-menu li a:hover {
   text-decoration: underline;
}
.main-menu li a.c16 {
   margin-left:0;
}
@media all and (max-width: 1092px) {


   .toggleminus {
      display:none;
      cursor:pointer;
      float:right;
      margin-right:5%;
   }
   .toggleplus {
      cursor:pointer;
      float:right;
      margin-right:5%;
   }
   .main-menu li{
      padding-right: 0;
   }
   .main-menu li:not(.mobileNavPuffs__lvl1){
      padding-left: 10px; 
   }
   .main-menu li a {
      font-size: 16px;
      margin-left:20px;
	}
   .main-menu {
   	height: 40px;
      padding: 10px 0;
      margin-top:5px;
	} 
   .main-menu.displayMobileMenu, 
   .main-menu.displayMobileMenu .main-menu-mobile {
      height:auto;
   }
   .main-menu > .sv-fluid-grid {
      width: 100% !important;
   }
   .main-menu-mobile {
      display: flex !important;
		justify-content: space-between;
   }
   .main-menu-mobile .sv-searchform-portlet{
      width: 75%;
      border: none;
      margin-right: 0;
      position: relative;
   }
   .main-menu-mobile, 
   .main-menu-mobile .sv-html-portlet {
      height: 100%;
   }  
   .main-menu-mobile .sv-searchform-portlet .searchInput {
      width: 70%;
      border-radius: 0;
    	background-color: #fff;
    	border: 1px solid #e3e3e3;
      border-right: 0;
      padding:2px 20px 2px 12px;
   }
   .main-menu-mobile .sv-searchform-portlet span {
      display: inline-block;
    	position: relative;
	}
   .main-menu-mobile .greySubmitButton {
      background-color: #fff;
      box-shadow: none;
      border: 1px solid #e3e3e3;
      border-left: 0;
      border-radius: 0;
      margin-left: -5px;
    	height: 36px;
   }
   .main-menu-mobile .sv-searchform-portlet i.fa-search{
      margin: 0;
      position: absolute;
      right: 19px;
      top: 50%;
      transform: translateY(-50%);
      
   }
   .main-menu-mobile .mainMenuButtonMobile {
      font-size: 16px;
      border: 1px solid #e3e3e3;
      background-color: #fff;
      height: 36px;
      padding: 0 15px;
      color: #444444;
      cursor:pointer;
      outline:none;
   }
   .main-menu-mobile .mainMenuButtonMobile i{
      margin-right: 5px;
   }
   .mobileNavPuffs div.expandBtn{
     position:absolute;
     right:22px;
        display:inline-block;
      width:10%;
   }
   .hasChildren ul {
      padding-left:0;
   }
   /*	MOBILE MENU BACKGROUND COLOR */
   .mobileNavPuffs .mobileNavPuffs__lvl1 >.itemWrapper{
      background-color: #fff;
      border-bottom:1px solid #e3e3e3;
   }
   .mobileNavPuffs .mobileNavPuffs__lvl1 >.itemWrapper a{
      color:#111; 
      font-size:1.2em;
      font-weight:bold;
   }
   .mobileNavPuffs .mobileNavPuffs__lvl li a {
      color:#fff;      
	}
   .mobileNavPuffs .mobileNavPuffs__lvl2 .itemWrapper{
      background-color: #f3f3f3;
   }
    .mobileNavPuffs .mobileNavPuffs__lvl2 li a {
      color:#000;      
       font-size:1.2em;
       margin-left:15px;
	}
   .mobileNavPuffs .mobileNavPuffs__lvl2 div.expandBtn{
      color:#0072CE;
   }
   .mobileNavPuffs .mobileNavPuffs__lvl3 .itemWrapper{
      background-color: #fff;
      border-bottom:1px solid #e9e9e9;
   }
    .mobileNavPuffs .mobileNavPuffs__lvl3 li a {
      color:#000;  
      margin-left:25px;
       
	}
   .main-menu.displayMobileMenu .mobileNavPuffs .mobileNavPuffs__lvl3 li a {
      color:#0098d7;  
   
	}
   .main-menu.displayMobileMenu .mobileNavPuffs .mobileNavPuffs__lvl3 div.expandBtn{
      color:#0072CE;
      background-color:#f3f3f3;
   }
   .main-menu.displayMobileMenu .mobileNavPuffs .mobileNavPuffs__lvl4 .itemWrapper{
      background-color: #f3f3f3;
   }
   .main-menu.displayMobileMenu .mobileNavPuffs .mobileNavPuffs__lvl4 li a {
      color:#333;      
	}
   .main-menu.displayMobileMenu .mobileNavPuffs .mobileNavPuffs__lvl4 div.expandBtn{
      color:#0072CE;
      background-color:#fff;
   }
   .mobileNavPuffs .mobileNavPuffs__lvl4 .itemWrapper{
      background-color: #fff;
      border:0;
   }
   .mobileNavPuffs .mobileNavPuffs__lvl4 li a {      
      margin-left:35px;       
	}
   .main-menu.displayMobileMenu .mobileNavPuffs .mobileNavPuffs__lvl5 .itemWrapper{
      background-color: #f4f4f4;
   }
   .main-menu.displayMobileMenu .mobileNavPuffs .mobileNavPuffs__lvl5 li a {
      color:#333;      
	}
   .main-menu.displayMobileMenu .mobileNavPuffs .mobileNavPuffs__lvl5 div.expandBtn{
      color:#0072CE;
      background-color:#f4f4f4;
   }
   .mobileNavPuffs .mobileNavPuffs__lvl5 .itemWrapper{
      background-color: #f3f3f3;
   }
   .mobileNavPuffs .mobileNavPuffs__lvl5 li a {      
      margin-left:45px;       
	}
   .main-menu.displayMobileMenu .mobileNavPuffs .mobileNavPuffs__lvl6 .itemWrapper{
      background-color: #e9e9e9;
   }
   .main-menu.displayMobileMenu .mobileNavPuffs .mobileNavPuffs__lvl6 div.expandBtn{
      color:#0072CE;
      background-color:#e9e9e9;
   }
   .main-menu.displayMobileMenu .mobileNavPuffs .mobileNavPuffs__lvl7 .itemWrapper{
      background-color: #fff;
   }
   .main-menu.displayMobileMenu .mobileNavPuffs .mobileNavPuffs__lvl7 li a {
      color:#333;      
	}
   
  
   
 
   .main-menu.displayMobileMenu .mobileNavPuffs {
      display: flex;
   }
   .main-menu.displayMobileMenu .mobileNavPuffs .mobileNavPuffs__wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-direction: column;
      border-top:1px solid #e3e3e3;
   }
   .main-menu.displayMobileMenu .mobileNavPuffs ul {
      padding: 0;
   }
   .main-menu.displayMobileMenu .mobileNavPuffs li{
      max-width: unset;
      text-align: left;
      width: 100%;
   }
   
   
   
   /*.main-menu.displayMobileMenu .mobileNavPuffs .mobileNavPuffs__wrapper ul{*/
   .mobileNavPuffs .mobileNavPuffs__wrapper li{
   	display: none;
   }
   
   /* , .mobileNavPuffs__lvl2 .mobileNavPuffs__lvl2__item .hasChildren */
   .mobileNavPuffs .mobileNavPuffs__wrapper li.mobileNavPuffs__lvl1,
    .mobileNavPuffs li.active,
   /* .mobileNavPuffs li.active > ul > li,
   .mobileNavPuffs .mobileNavPuffs__wrapper .expandedSubLI, */
   .mobileNavPuffs .mobileNavPuffs__wrapper .expandedSubLI > ul > li,
	.mobileNavPuffs .expandedSubLI.mobileNavPuffs__lvl1 .mobileNavPuffs__lvl2__item,
   .mobileNavPuffs .mobileNavPuffs__wrapper .expandedSubLIOnClick,
   .mobileNavPuffs__lvl1__item .hasChildren {
      display: block;
   }
   .mobileNavPuffs .itemWrapper {
      text-align:left;
      padding:10px 0;
      height: auto;
      display:flex;
      justify-content:flex-start;
      align-items:center;
   }
   .main-menu.displayMobileMenu .mobileNavPuffs .mobileNavPuffs__lvl1:first-of-type .itemWrapper{
     
   }
  
   .main-menu.displayMobileMenu .mobileNavPuffs .expandBtn::after {
       display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      font-family: "Font Awesome 5 Free"; 
      font-weight: 900; 
      content: "\f055";
      font-size: 16px;
	}
   .main-menu.displayMobileMenu .openListItem .expandBtn::after,
   .main-menu.displayMobileMenu .active > .itemWrapper .expandBtn::after,
   .main-menu.displayMobileMenu .expandedSubLI > .itemWrapper .expandBtn::after {
      content: "\f056";
   }
   .main-menu li a {
      color:#333;
      font-family:'Source Sans Pro',sans-serif;
      
	}
   .mobileNavPuffs li.active > .itemWrapper a {
      text-decoration: underline;
      xfont-weight: bold; 
   }
   
}
@media all and (max-width: 440px) {
   .main-menu-mobile .sv-searchform-portlet {
      width: 71%;
   }
   .main-menu-mobile .sv-searchform-portlet .searchInput {
      width: 63%;
   }
   .main-menu-mobile .mainMenuButtonMobile {
      padding: 0 12px;
   }
}

@media all and (max-width: 370px) {
   .main-menu-mobile .sv-searchform-portlet .searchInput {
      width: 61%;
   }
   .main-menu-mobile .greySubmitButton {
      padding: 9px 10px;
   }
   .main-menu-mobile .mainMenuButtonMobile {
      padding: 0 8px;
   }
   .main-menu-mobile .sv-searchform-portlet i.fa-search {
      right: 14px;
   }
}

/**/
/*	SIDEBAR MENU */
.sidebar-menu nav {
  /* padding-top:15px;*/
   margin-bottom:20px;
}
.sidebar-menu ul {
   
   padding-left:0;
   margin:6px 0;
   background-color:#f3f3f3;
}
.sidebar-menu ul li{
   list-style: none;
   padding: 2px 0 0 0;
}
.sidebar-menu .sidebar-menu__items ul {
   display: none;
   
}
.sidebar-menu__item__link-icon {
   display: inline-block;
   position: absolute;
   right: 16px;    
}
.expandedList, .sidebar-menu .expandedList ul.expanded {
   background-color: #4a4d50;
}
.sidebar-menu .active .sidebar-menu__item__link-icon,
.sidebar-menu__items.expanded .sidebar-menu__item__link--top .sidebar-menu__item__link-icon {
   transform: rotate(90deg);
}
.sidebar-menu .sidebar-menu__items.expanded, 
.sidebar-menu .sidebar-menu__items .expanded {
   display: block;
   margin-bottom:0;
   padding-bottom:0;  
}
.sidebar-menu__items.expanded {
	padding-bottom:8px;
}
ul.sidebar-menu__items.expanded + ul { 
   margin-top:0; 
}
li ul.expanded {
   padding-bottom:0 !important;
   border-top:0 !important;
}
li ul.expanded li {
   
   border-left:0;
   background-color: #fff;
   padding-left:20px;
   padding-bottom:0;   
}
li ul.expanded li a {
  color: #333;
}

li ul .expanded:nth-child(2) li {
   margin-left:-20px;
   padding-left:40px;
   background-color:#fff;
   border:0;
}
.sidebar-menu .sidebar-menu__items.expanded li {
   
  margin-bottom:6px;
}
.sidebar-menu .sidebar-menu__items.expanded a {
   
   text-decoration:none;
   margin-left:20px;
   padding-bottom:15px;
}
.sidebar-menu .sidebar-menu__items.expanded ul.expanded {
   background-color:#fff;
   margin-top:0;
}
.sidebar-menu .sidebar-menu__items.expanded a:hover {
	text-decoration:underline;   
}
.sidebar-menu .sidebar-menu__items.expanded a.active {
   text-decoration:underline;
   padding-bottom:15px;
   font-weight:bold;
}
/*.sidebar-menu .sidebar-menu__items.expanded a.sidebar-menu__item__link--top {
   padding:15px 0 0 0;
}*/

.sidebar-menu__heading {
   font-size: 18px;
   padding:20px;
   text-decoration:none;
   display:block;
   background-color:#007db3;
   color:#fff;
}
.sidebar-menu__item a {
   display: block;
   position: relative;
   text-decoration:none;
   color:#333;
   margin-left:20px;
   padding-top:15px;
   padding-bottom:15px;
   padding-right:10px;
}
.sidebar-menu__item a:hover {
   text-decoration:underline;
}
.sidebar-menu__item i.fa-chevron-right {
   color:#666;
   font-size:12px;
}
.mobileNavPuffs__lvl2__item {
   border-bottom:1px solid #e9e9e9;
}


/* FLYTTA HIT FÄRGER */
.mobileNavPuffs__lvl1:nth-of-type(1) .mobileNavPuffs__lvl2 > li div {
   background-color:#E8B2D3 !important;
}
.mobileNavPuffs__lvl1:nth-of-type(1) .mobileNavPuffs__lvl3 > li div {
   background-color:#F9EBF4 !important;
}
.mobileNavPuffs__lvl1:nth-of-type(1) .mobileNavPuffs__lvl4 > li div {
   background-color:#fff !important;
}

/* KOMMUN FÄRGER */
.mobileNavPuffs__lvl1:nth-of-type(2) .mobileNavPuffs__lvl2 > li div {
   background-color:#a9d1cc !important;
}
.mobileNavPuffs__lvl1:nth-of-type(2) .mobileNavPuffs__lvl3 > li div {
   background-color:#ebf5f4 !important;
}
.mobileNavPuffs__lvl1:nth-of-type(2) .mobileNavPuffs__lvl4 > li div {
   background-color:#fff !important;
}

/* NÄRINGSLIV FÄRGER */
.mobileNavPuffs__lvl1:nth-of-type(3) .mobileNavPuffs__lvl2 > li div {
   background-color:#afc9d7 !important;
}
.mobileNavPuffs__lvl1:nth-of-type(3) .mobileNavPuffs__lvl3 > li div {
   background-color:#EBF3F5 !important;
}
.mobileNavPuffs__lvl1:nth-of-type(3) .mobileNavPuffs__lvl4 > li div {
   background-color:#fff !important;
}

/* BESÖK OCH UPPLEVFÄRGER */
.mobileNavPuffs__lvl1:nth-of-type(4) .mobileNavPuffs__lvl2 > li div {
   background-color:#C6B0CA !important;
}
.mobileNavPuffs__lvl1:nth-of-type(4) .mobileNavPuffs__lvl3 > li div {
   background-color:#F2EDF3 !important;
}
.mobileNavPuffs__lvl1:nth-of-type(4) .mobileNavPuffs__lvl4 > li div {
   background-color:#fff !important;
}

/* FIX FÖR PLUS/MINUS */
ul .expandedSubLI > div .toggleplus {
   display:none;
}
ul .expandedSubLI > div .toggleminus {
   display:block;
}