/*
** Menyn
*/

.savsjo_toggleMenu {
   padding: 0;
   margin: 0;
   background: #007dbc;
   color: #fff;
   max-width: 575px;
   width: 80%;
   float: right;
   font-family: 'poppins';
   font-size: 20px;
   font-weight: 400;
   position: fixed;
   top: 0;
   right: -575px;
   height: 100%;
   -webkit-transition: ease-in-out 0.2s;
   transition: ease-in-out 0.2s;
   overflow-y: auto;
   overflow-x: hidden;
   visibility: hidden;
   box-shadow: -8px 0 24px 0 rgba(0,0,0,0.16);
   z-index: 999;
   /*first li*/
}

.savsjo_toggleMenu a {

}
.savsjo_toggleMenu ul {
   padding: 0;
   margin: 0;
   float: left;
   width: 100%;
}
.savsjo_toggleMenu.active {
   right: 0!important;
   visibility: visible;
}

.savsjo_toggleMenu .headerMenu .close-menu {
   text-decoration: none;
   color: #fff;
   display: inline-block;
   padding: 15px 20px;
   padding-left: 20px;
   cursor: pointer;
   -moz-user-select: none;
   /* Firefox */
   -ms-user-select: none;
   /* Internet Explorer */
   -khtml-user-select: none;
   /* KHTML browsers (e.g. Konqueror) */
   -webkit-user-select: none;
   /* Chrome, Safari, and Opera */
   -webkit-touch-callout: none;
   /* Disable Android and iOS callouts*/
   transition: ease-in-out 0.2s;
}
.savsjo_toggleMenu .headerMenu .close-menu:before {
   font-family: "Ionicons";
   content: "\f2d7";
   font-size: 26px;
   line-height: 0;
   top: 3px;
   position: relative;
   padding-right: 17px;
}
.savsjo_toggleMenu .headerMenu .close-menu span {
   position: relative;
   display: inline-block;
   font-size: 16px;
   top: -2px;
}
.savsjo_toggleMenu .headerMenu .close-menu span:before {
   width: 100%;
   content: "";
   height: 2px;
   background: #fff;
   position: absolute;
   left: 0;
   right: 0;
   bottom: -4px;
   display: block;
   opacity: 0;
   transition: .25s ease;
}
.savsjo_toggleMenu .headerMenu .close-menu:hover span:before {
   opacity: 1;
}
.savsjo_toggleMenu .helplinks {
   text-align: center;
   border-bottom: 2px solid #fff;
   text-underline-position: under;
   padding: 0 25px;
}

.savsjo_toggleMenu .helplinks a span {
   color: #fff;
   text-decoration: none;
   display: inline-block;
   text-align: center;
   width: 33%;
   box-sizing: border-box;
   padding: 30px 15px;
   position: relative;
   margin: 0 -3px;
   font-weight: 400;
   font-size: 14px;
}

.savsjo_toggleMenu .helplinks a span:before {
   border-radius: 50%;
   background: #fff;
   color: #007dbc;
   width: 65px;
   height: 65px;
   line-height: 65px;
   display: block;
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   margin: 0 auto;
   margin-bottom: 17px;
   font-size: 20px;
   transition: .25s ease;
}

.savsjo_toggleMenu .helplinks a span:hover {  
   transition: .25s ease;
}
.savsjo_toggleMenu .helplinks a span:hover:before {  
   transition: .25s ease;
   box-shadow: 0 8px 24px 0 rgba(0,0,0,0.16);
}
.savsjo_toggleMenu .helplinks a span {
   position: relative;
}
.savsjo_toggleMenu .helplinks a span:after {
   width: 100%;
   content: "";
   height: 2px;
   background: #fff;
   position: absolute;
   left: 0;
   right: 0;
   bottom: -4px;
   display: block;
   transition: .25s ease;
   opacity: 0;
}
.savsjo_toggleMenu .helplinks a span:after:hover {
   opacity: 1;
}
.savsjo_toggleMenu .helplinks a span:after:hover {
   box-shadow: 0 8px 24px 0 rgba(0,0,0,0.16);
   transition: .25s ease;
}

.savsjo_toggleMenu .helplinks a.translate span:before {
   content: "\f1ab";
}
.savsjo_toggleMenu .helplinks a.listen span:before {
   content: "\f2a2";
}
.savsjo_toggleMenu .helplinks a.listen {
   display: none;
}

.savsjo_toggleMenu .helplinks a.contact span:before {
   content: "\f0e0";
}
.savsjo_toggleMenu .helplinks a.e-services span:before {
   content: "\f108";
}

.savsjo_toggleMenu > li {
   /*second li*/
}
.savsjo_toggleMenu > li:hover {
   color: #fff;
}
.savsjo_toggleMenu ul > li > a {
   font-weight: 600;
   color: #fff;
}

.savsjo_toggleMenu > li ul > li:hover {
   /*background: #ccc;*/
}
.savsjo_toggleMenu > li ul > li > .toggle:before {
   font-family: "Ionicons";
   content: "\f218";
   float: right;
   font-size: 16px;
   line-height: 27px;
}

/* Nivå 1 */
.savsjo_toggleMenu ul > li {
   background: #007dbc;
   color: #fff;
}
.savsjo_toggleMenu > ul > li.active > a {
   background: #00659a;
}

.savsjo_toggleMenu li {
   color: #fff;
   box-sizing: border-box;
   position: relative;
   list-style: none;
   font-size: 16px;
   float: left;
   width: 100%;
}

.savsjo_toggleMenu li a {
   padding: 24px 28px;
   display: block;
   text-decoration: none;
   position: relative;
   color: #007dbc;
   transition: .25s ease;
   padding-right: 70px;
}

.savsjo_toggleMenu ul li a:hover {
   text-decoration: underline;
   text-underline-position: under;
   float: left;
   width: 100%;
   transition: .25s ease;
}

/* Nivå 2 */
.savsjo_toggleMenu ul > li > ul > li {
   background: #fff;
   color: #007dbc;
}

.savsjo_toggleMenu ul li ul li a {
   display: block;
   text-decoration: none;
   position: relative;
   color: #0073A8;
   transition: .25s ease;
   font-weight: 400;
   padding-left: 40px;
}

/* Nivå 3 */
.savsjo_toggleMenu ul > li > ul > li > ul > li {
   background: #F2F2F2;
   color: #0073A8;
}
.savsjo_toggleMenu ul li ul li ul {

}
.savsjo_toggleMenu ul li ul li ul li a {
   padding-left: 50px;
}

/* Nivå 4 */
.savsjo_toggleMenu ul li ul li ul a {
   padding-left: 60px;
}

.savsjo_toggleMenu ul > li > a {
   color: #fff;
}

.savsjo_toggleMenu li.currentpage > a {
   text-decoration: underline;
   text-underline-position: under;
}

/* Första nivån för ikoner */
.savsjo_toggleMenu ul > li > .toggle:before {
   font-size: 20px;
   margin-top: -2px;
}

/* Resterande nivåer för ikoner */
.savsjo_toggleMenu ul > li > ul li .toggle:before {
   font-size: 13px;
   margin-top: 0;
}

.savsjo_toggleMenu li .toggle {
   padding: 0 28px;
   right: 0;
   width: 38px;
   text-align: center;
   cursor: pointer;
   position: absolute;
   z-index: 9;
   display: flex;
   justify-content: center;
   align-items: center;
   height: 74px;
}

/* Underliggande nivåer för ikoner */
.savsjo_toggleMenu li .toggle:before {
   content: "\f218";
   font-family: "Ionicons";
   font-size: 13px;
}
.savsjo_toggleMenu ul > li.active > .toggle:before {
   content: "\f209";
   font-family: "Ionicons";
}
.savsjo_toggleMenu li ul {
   display: none;
   padding: 0;
   margin: 0;
}


/* target _blank ikon */
.savsjo_toggleMenu ul li a[href*="//"]:not([href*="savsjo.se"]):after,
.exp_submenu ul li a[href*="//"]:not([href*="savsjo.se"]):after {
   content: "\f35d";
   font-weight: 900;
   font-family: Font Awesome\ 5 free;
   padding-left: 0px;
   display: inline-block;
   font-size: 8px;
   vertical-align: middle;
   text-align: right;
   width: 20px;
   height: 1.3em;   
}




/* mobilvy */

@media (max-width: 960px) {
   .savsjo_menu-isopen {
      overflow-y: hidden;
   }
   .savsjo_toggleMenu {
      width: 100%;
      max-width: 100%;
      right: -100vw;
   }
   .savsjo_toggleMenu li a {
      font-size: 14px;
      padding: 18px 28px;
      padding-right: 70px;
   }
   .savsjo_toggleMenu li .toggle {
      height: 62px;
      width: 28px;
   }
   .savsjo_toggleMenu ul > li > .toggle:before {
      font-size: 16px;
   }
   .savsjo_toggleMenu .helplinks {
      padding-bottom: 15px;
      margin-bottom: 0;
      padding-right: 15px;
      padding-left: 15px;
   }
   .savsjo_toggleMenu .helplinks a span {
      padding: 15px 0;
      font-size: 14px;
   }
   .savsjo_toggleMenu .helplinks a span:before {
      width: 50px;
      height: 50px;
      line-height: 50px;
      font-size: 18px;
      margin-bottom: 8px;
   }
   .savsjo_toggleMenu .headerMenu .close-menu span {
      font-size: 14px;
   }
   
}
@media all and (max-width: 480px) {
   .savsjo_toggleMenu .helplinks a span:before {
      width: 40px;
      height: 40px;
      line-height: 40px;
      font-size: 18px;
      margin-bottom: 8px;
   }
   .savsjo_toggleMenu .helplinks a span {
      font-size: 12px;
   }
   /* Readspeaker lite mobil */

   .rs_href.rs_preserve.rs_skip {
      position: fixed !important;
      font-size:80%;
      right: 11em;
   }

}

/* Readspeaker */
.normal.rs_href.rs_preserve.rs_skip {
   font-weight: 700;
   text-decoration: none;
}
.rs_href.rs_preserve.rs_skip {
   position: unset;
}
.read_speak {
   font-weight:700!important;
}
/*
.read_speak img {
   max-height:16px;
	padding-right:4px;
   
   
   
}

.read_speak2, img  {
   max-height:16px;
	padding-right:4px;
   fill:#004532 !important;  
}
*/