@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Ew-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM70w-.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0C4n.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1y4n.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1y4n.ttf) format('truetype');
}
* {
  box-sizing: border-box;
}
.hovermx {
  opacity: 0.5;
  transition: opacity 0.2s;
  cursor: pointer;
}
.rounded {
  border-radius: 4px;
}
.shadow {
  box-shadow: 3px 3px 8px -2px rgba(0, 0, 0, 0.2);
}
.textshadow {
  text-shadow: #000000 2px 2px 8px;
}
.yttre {
  display: grid;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: auto calc(100% - 40px) auto;
  grid-template-rows: auto auto auto;
  grid-template-areas: "headerx header headerx2" "mainx main mainx2";
}
@media only screen and (min-width: 1220px) {
  .yttre {
    grid-template-columns: auto 1200px auto;
  }
}
.header {
  grid-area: header;
  position: sticky;
  justify-content: left;
  z-index: 100;
  top: 0;
  background: #ffffff;
  color: #323232;
  padding: 20px 20px 0 20px;
  height: 67px;
  border-top: 5px solid #1F65AB;
  display: flex;
}
.header .logo img {
  height: 30px;
  margin-top: -3px;
}
.header .spacer {
  width: 100%;
}
.header .ico,
.header .ico2 {
  padding-left: 20px;
  font-size: 1.5em;
  color: #1F65AB;
}
.header .menu,
.header .genvag {
  display: flex;
  flex-direction: row;
  padding-top: 3px;
}
.header .menu .stangrad,
.header .genvag .stangrad {
  display: none;
  color: #fff;
  text-align: left;
}
.header .menu .funk,
.header .genvag .funk {
  position: relative;
  color: #1F65AB;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  letter-spacing: 1px;
  font-size: 1em;
  padding-left: 20px;
  white-space: nowrap;
}
.header .genvag {
  display: none;
}
.header .olast {
  display: none;
  position: absolute;
  right: -6px;
  top: 1px;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #ed1c51;
  outline: 1px solid white;
}
.header .hamb {
  display: none;
  position: relative;
}
.header .funk:hover {
  opacity: 0.5;
  transition: opacity 0.2s;
  cursor: pointer;
}
@media only screen and (min-width: 959px) {
  .header .menu {
    display: flex !important;
  }
  .header .genvag {
    display: flex;
  }
}
@media only screen and (max-width: 959px) {
  .header {
    padding: 20px 10px 0 10px;
  }
  .header .ico2 {
    padding-left: 10px;
  }
  .header .menu {
    flex-direction: column;
    display: none;
    position: absolute;
    padding: 10px 10px 20px 10px;
    top: 67px;
    right: 0;
    text-align: right;
    z-index: 50;
    width: 100%;
    font-size: 1.5em;
    line-height: 150%;
    opacity: 80%;
    background-color: #000;
  }
  .header .menu .funk {
    color: #fff;
  }
  .header .menu .olast {
    outline: none;
  }
  .header .menu .stangrad {
    display: block;
  }
  .header .hamb {
    display: block;
    position: relative;
  }
}
.headerx {
  grid-area: headerx;
  position: fixed;
  top: 0;
  height: 67px;
  background: #ffffff;
  width: 100%;
  border-top: 5px solid #1F65AB;
}
.headerx2 {
  grid-area: headerx2;
  position: fixed;
  top: 0;
  height: 67px;
  width: 100%;
  border-top: 5px solid #1F65AB;
}
.sidtitel {
  color: #1f65ab;
}
.sidtitel span {
  text-decoration: underline;
  font-weight: 600;
}
.sidtitel b {
  font-weight: 700;
}
.main {
  grid-area: main;
  padding: 30px 40px;
  min-height: calc(100vh - 67px);
  background: #f7f7f7;
}
.main img {
  max-width: 100%;
}
.aollogo {
  max-width: 200px !important;
}
@media only screen and (max-width: 959px) {
  .main {
    padding: 30px 20px;
  }
}
@media only screen and (max-width: 720px) {
  .main {
    padding: 20px 10px;
  }
}
.mainx {
  grid-area: mainx;
  background: #f7f7f7;
  width: 100%;
}
.mainx2 {
  grid-area: mainx2;
  background: #f7f7f7;
  width: 100%;
}
.maininlogg {
  width: 750px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  height: 100%;
}
.maininlogg .bild {
  max-width: 100%;
}
.maininlogg .mellan {
  height: 20px;
}
.maininlogg .logo {
  height: 50px;
  padding-right: 10px;
}
@media (max-width: 750px) {
  .maininlogg {
    width: 100%;
    margin-top: 5px;
    padding: 0 10px 0 10px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .hover:hover {
    opacity: 0.5;
    transition: opacity 0.2s;
    cursor: pointer;
  }
}
#blocker,
#blocker_mobmenu {
  display: none;
  position: absolute;
  z-index: 51;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: ' ';
  background: rgba(255, 255, 255, 0);
}
#blocker_mobmenu {
  background: rgba(0, 0, 0, 0.089);
  z-index: 150;
}
.support .katlist {
  display: flex;
  gap: 20px;
  max-width: 1200px;
  flex-wrap: wrap;
  margin-top: 10px;
}
.support .katlist .kat {
  position: relative;
  border: 2px solid #1F65AB;
  border-radius: 10px;
  padding: 20px;
  font-size: 1.2em;
  font-weight: 600;
  color: #1F65AB;
  line-height: 1.6em;
  background: #ffffff;
}
.support .katlist .kat .olast {
  display: none;
  position: absolute;
  right: 8px;
  top: 8px;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #ed1c51;
  outline: 1px solid white;
}
.support .katrub {
  font-size: 1.25em;
  line-height: 120%;
  font-weight: 600;
  margin: 15px 0px 10px 0px;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0.5px;
  color: #323232;
}
.support .fragasvar {
  border: 2px solid #1F65AB;
  border-radius: 10px;
  padding: 10px;
  font-size: 1em;
  background: #ffffff;
  margin-bottom: 10px;
}
.support .fragasvar .fraga {
  font-weight: bold;
}
.support .fragasvar .svar {
  display: none;
  margin-top: 10px;
}
.kurser {
  display: flex;
  gap: 20px;
  max-width: 1200px;
  flex-wrap: wrap;
  margin-top: 10px;
}
.kurser .kurs {
  border: 2px solid #1F65AB;
  border-radius: 10px;
  padding: 15px 20px 10px 20px;
  flex: 1 1 auto;
  max-width: 360px;
  line-height: 1.6em;
  background: #ffffff;
}
.kurser .kurs .rub {
  position: relative;
  font-size: 1.2em;
  font-weight: 600;
  margin-bottom: 10px;
  border-bottom: 1px solid #e0e0e0;
}
.kurser .kurs .rub span {
  display: inline-block;
  color: #1F65AB;
  margin-bottom: 10px;
  max-width: 235px;
}
.kurser .kurs .rub .olast {
  position: absolute;
  right: -6px;
  top: 1px;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #ed1c51;
  outline: 1px solid white;
}
.kurser .kurs .rub .hanglas {
  position: absolute;
  right: 0px;
  top: -5px;
}
.kurser .kurs .icorad span {
  color: #1F65AB;
  padding-right: 8px;
}
.nyhet_container {
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
}
.nyhet_container .nyhet {
  border: 2px solid #1F65AB;
  border-radius: 10px;
  padding: 15px 20px 10px 20px;
  flex: 1 1 auto;
  max-width: 360px;
  background: #ffffff;
  cursor: pointer;
}
.nyhet_container .datum {
  color: #1F65AB;
  font-size: 0.8em;
  font-weight: bold;
}
@media only screen and (max-width: 959px) {
  .kurser .kurs {
    width: 100%;
    max-width: 100%;
  }
  .nyhet_container .nyhet {
    width: 100%;
    max-width: 100%;
  }
}
.kol2 {
  display: grid;
  max-width: 100%;
  grid-column-gap: 40px;
  grid-row-gap: 0px;
  grid-template-columns: 50% 50%;
  grid-template-areas: "vanster hoger";
}
.kol2 .vanster {
  grid-area: vanster;
}
.kol2 .hoger {
  grid-area: hoger;
}
@media only screen and (max-width: 959px) {
  .kol2 {
    grid-template-columns: 100%;
    grid-template-rows: auto auto;
    grid-template-areas: "vanster" "hoger";
  }
}
.stat0 {
  background: #656565;
}
.stat1 {
  background: #f8d908;
}
.stat2 {
  background: #f89808;
}
.stat3 {
  background: #0d60d6;
}
.stat4 {
  background: #1eac40;
}
.sguide {
  margin-top: 20px;
}
.sguide .bokningar {
  margin-bottom: 10px;
}
.sguide .bokningar .icorad {
  min-height: 30px;
}
.sguide .bokningar .icorad span {
  color: #1F65AB;
  padding-right: 8px;
}
.sguide .knamn {
  font-family: "Montserrat", sans-serif;
  font-size: 2.2em;
  line-height: 120%;
  font-weight: 600;
  margin: 0px 0px 5px 0px;
  color: #000;
}
.sguide .kurstid {
  font-weight: 600;
  padding-bottom: 15px;
}
.sguide .ramruta {
  border: 2px solid #1F65AB;
  border-radius: 10px;
  padding: 15px 20px 5px 20px;
  margin-bottom: 15px;
  background: #ffffff;
}
.sguide .ramruta .momrub {
  display: flex;
  margin-bottom: 10px;
}
.sguide .ramruta .momrub .rub {
  flex: 1 1 auto;
  font-weight: 600;
  font-size: 1.1em;
}
.sguide .ramruta .momrub .hfunk {
  flex: 0 1 auto;
  padding-left: 10px;
}
.sguide .ramruta .momrub .olast {
  color: #ed1c51;
}
.sguide .ramruta .momyta {
  padding-bottom: 5px;
}
.sguide .ramruta .momyta:not(:last-child) {
  margin-bottom: 15px;
  border-bottom: 2px solid #1F65AB;
}
.sguide .ramruta .urub {
  color: #3e3e3e;
  font-size: 0.85em;
}
.sguide .ramruta .status {
  font-weight: 600;
  margin-bottom: 10px;
}
.sguide .progress {
  width: 100%;
  position: relative;
  margin-bottom: 10px;
}
.sguide .progress .pgbg {
  height: 14px;
  border-radius: 7px;
  width: calc(100% - 35px);
  background: #e0e0e0;
}
.sguide .progress .pgbg .pgklar {
  height: 14px;
  border-radius: 7px;
  background: #1eac40;
}
.sguide .progress span {
  position: absolute;
  right: 0;
  top: -4px;
  font-weight: 600;
}
.sguide .fortsatt .momrub {
  font-weight: 600;
  font-size: 1.1em;
}
.sguide .fortsatt .steg {
  padding-top: 5px;
}
@media only screen and (max-width: 959px) {
  .sguide .knamn {
    font-size: 1.8em;
  }
}
.steghuvud {
  display: flex;
  margin: 20px 0px 12px 0px;
}
.steghuvud .ico {
  flex: 0 0 auto;
  position: relative;
  top: 4px;
  margin-right: 10px;
  width: 28px;
  height: 28px;
  border-radius: 14px;
  color: #ffffff;
  padding-top: 4px;
  text-align: center;
}
.steghuvud .rub,
.steghuvud .rub2 {
  font-family: "Montserrat", sans-serif;
  font-size: 2.2em;
  line-height: 120%;
  font-weight: 600;
  color: #323232;
}
.steghuvud .rub2 {
  position: relative;
  top: 5px;
  font-size: 1.5em;
}
.ovninstr {
  padding: 10px;
  background: #eee;
  margin-bottom: 10px;
}
.avslutad {
  margin-bottom: 10px;
  padding: 10px;
  border-radius: 4px;
  background: #eee;
}
.funkrub {
  font-size: 1.2em;
  font-weight: 600;
  color: #1F65AB;
  margin-bottom: 10px;
}
.inforad {
  display: flex;
}
.inforad .funkrub {
  flex: 1 0 auto;
}
.inforad i {
  padding-top: 5px;
  display: block;
  flex: 0 1 1%;
}
.steg {
  display: flex;
  min-height: 40px;
  margin: 0;
  padding-top: 10px;
}
.steg .ico {
  flex: 0 0 auto;
  position: relative;
  top: -4px;
  margin-right: 10px;
  width: 28px;
  height: 28px;
  border-radius: 14px;
  color: #ffffff;
  padding-top: 4px;
  text-align: center;
}
.steg .rub {
  flex: 1 1 auto;
  font-size: 1em;
  padding-right: 10px;
}
.steg .rub .momrub {
  font-size: 0.85em;
}
.steg .rub .momrub .lock {
  position: relative;
  top: 3px;
  padding-left: 3px;
}
.steg .chatt {
  flex: 0 0 auto;
}
.steg .olast {
  color: #ed1c51;
}
.stegy .steg,
.stegyv .steg {
  border-bottom: 1px solid #e0e0e0;
}
.stegy .steg:first-child,
.stegyv .steg:first-child {
  border-top: 1px solid #e0e0e0;
}
.stegy {
  display: none;
}
.stegsammanst .samstegy {
  display: none;
}
.stegsammanst .stegrad {
  display: flex;
  min-height: 30px;
}
.stegsammanst .stegrad .rub {
  flex: 1 1 auto;
}
.stegsammanst .stegrad .rub .stat {
  padding-right: 5px;
  font-weight: 600;
  text-transform: uppercase;
}
.stegsammanst .stegrad .rub b {
  font-weight: 700;
}
.stegsammanst .stegrad .hfunk {
  padding-left: 10px;
}
.stegsammanst .stegrad .olast {
  color: #ed1c51;
}
.stegsammanst .prick {
  flex: 0 1 auto;
  position: relative;
  top: 5px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  margin-right: 10px;
}
.stegsammanst .steg {
  border-bottom: 1px solid #e0e0e0;
}
.stegsammanst .steg .momrub {
  margin-bottom: 5px;
}
.stegsammanst .steg:first-child {
  border-top: 1px solid #e0e0e0;
}
.stegsammanst .steg:last-child {
  margin-bottom: 10px;
}
.iframe-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
}
.iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ovning .steg2 .fragay {
  padding: 10px 10px 0 10px;
  border: 2px solid #1f65ab;
  border-radius: 8px;
  background-color: #ffffff;
  margin-bottom: 10px;
}
.ovning .steg2 .fragay .fraga {
  font-weight: normal;
}
.ovning .steg2 .fragay .svar {
  padding: 5px 5px 0 5px;
  margin-bottom: 10px;
  border-radius: 4px;
}
.ovning .steg2 .fragay .svar .alt {
  display: flex;
  padding: 0px;
  cursor: pointer;
}
.ovning .steg2 .fragay .svar .alt .svarcb {
  width: 25px;
  height: 25px;
}
.ovning .steg2 .fragay .svar .alt .svartext {
  padding-left: 5px;
}
.ovning .steg2 .fragay .svar .alt:hover {
  opacity: 0.5;
  transition: opacity 0.2s;
  cursor: pointer;
}
.ovning .steg3 .aventus-upload {
  margin-bottom: 10px;
}
.ovning .steg3 .filruta input {
  margin-right: 10px;
}
.ovning .steg4 .fragay {
  padding: 10px 10px 0 10px;
  border: 2px solid #1f65ab;
  border-radius: 8px;
  background-color: #ffffff;
  margin-bottom: 10px;
}
.ovning .steg4 .fragay .svar {
  padding: 5px 5px 0 5px;
  margin-bottom: 10px;
  border-radius: 4px;
}
.ovning .steg4 .fragay .fraga {
  font-weight: normal;
}
.ovning .steg4 .fragay .alt {
  display: flex;
  cursor: pointer;
  padding: 0 0 5px 0px;
}
.ovning .steg4 .fragay .svarcb {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.ovning .steg4 .fragay .komm {
  background: #eeeeee;
  border-radius: 4px;
  padding: 10px 10px 0 10px;
  margin: 0 0 10px 0px;
}
.ovning .filruta {
  background: #eeeeee;
  border: 2px dashed #c8c8c8;
  padding: 8px;
  font-size: 1em;
  max-width: 100%;
  margin-bottom: 20px;
  display: flex;
  border-radius: 4px;
}
.ovning .filruta .fil {
  flex: 1 0 auto;
}
.ovning .filruta .trash {
  flex: 0 0 auto;
}
.ovning .steg5 .fraga {
  padding: 10px;
  border: 2px solid #1f65ab;
  border-radius: 8px;
  background-color: #ffffff;
  margin-bottom: 10px;
}
.ovning .steg5 .fraga .rubrad5 {
  display: flex;
}
.ovning .steg5 .fraga .rubrad5 .rubrik {
  flex: 1 1 auto;
  font-weight: bold;
  margin-bottom: 10px;
}
.ovning .steg5 .fraga .rubrad5 .hfunk {
  flex: 0 0 auto;
  padding-left: 10px;
}
.ovning .steg5 .fraga .beskr {
  display: none;
}
.ovning .steg5 .fraga .svarejedit {
  background-color: #eeeeee;
  padding: 10px;
  border-radius: 4px;
}
.ovning .steg5 .fraga .svarejedit_tom {
  background-color: #f5dcdc;
  padding: 10px;
  border-radius: 4px;
}
.ovning .steg5 .fraga .svaredit {
  display: none;
}
.ovning .steg5 .fraga .svaredit textarea {
  width: 100%;
  max-width: 100%;
  height: 160px;
  border-color: #00adef;
}
.ovning .steg5 .fraga .svaredit .sparatext {
  display: none;
  position: relative;
  top: 1px;
  color: #1eac40;
}
.ovning .steg5 .skickain {
  display: none;
}
.ovning .steg7 .fragay {
  padding: 10px 10px 0 10px;
  border: 2px solid #1f65ab;
  border-radius: 8px;
  background-color: #ffffff;
  margin-bottom: 10px;
}
.ovning .steg7 .fragay .fraga {
  font-weight: normal;
}
.ovning .steg7 .fragay .svar {
  display: none;
  border-radius: 4px;
  background: #eee;
  padding: 10px 10px 0px 10px;
  margin: 10px 0 10px 0;
}
.ovning .steg7 .nollstall {
  display: none;
}
.ovning .steg8 .fragay {
  padding: 10px 10px 0 10px;
  border: 2px solid #1f65ab;
  border-radius: 8px;
  background-color: #ffffff;
  margin-bottom: 10px;
}
.ovning .steg8 form .w1 {
  width: 80px;
}
.ovning .steg8 form .w2 {
  width: 150px;
}
.ovning .steg8 form .w3 {
  width: 250px;
}
.ovning .steg8 form .ratt {
  padding: 2px;
  background: #d7f0d7;
}
.ovning .steg8 form .visa {
  padding: 2px;
  background: #f8f8b6;
}
.ovning .steg8 .nollstall,
.ovning .steg8 .ratta {
  display: none;
}
.ovning .steg10 .fragay {
  padding: 10px 10px 10px 10px;
  border: 2px solid #1f65ab;
  border-radius: 8px;
  background-color: #ffffff;
  margin-bottom: 10px;
}
.ovning .steg10 .fragay .fraga {
  font-weight: normal;
}
.ovning .steg10 .fragay .alt {
  padding: 5px;
  border-radius: 4px;
}
.ovning .steg10 .svar {
  padding: 5px 5px 0 5px;
}
.ovning .steg11 .fraga,
.ovning .steg12 .fraga {
  padding: 10px;
  border: 2px solid #1f65ab;
  border-radius: 8px;
  background-color: #ffffff;
  margin-bottom: 10px;
}
.ovning .steg11 .fraga .oblig,
.ovning .steg12 .fraga .oblig {
  font-size: 0.9em;
}
.ovning .steg11 .fraga .alt,
.ovning .steg12 .fraga .alt {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.ovning .steg11 .fraga .forkl1,
.ovning .steg12 .fraga .forkl1 {
  font-size: 1em;
  text-align: right;
  padding: 5px;
  font-weight: bold;
  width: 30%;
}
.ovning .steg11 .fraga .forkl6,
.ovning .steg12 .fraga .forkl6 {
  font-size: 1em;
  padding: 5px;
  font-weight: bold;
  width: 30%;
}
.ovning .steg11 .fraga .ruta,
.ovning .steg12 .fraga .ruta {
  flex: 1 1 auto;
  border: 2px solid #1F65AB;
  max-width: 20px;
  min-width: 10px;
  height: 20px;
}
.ovning .steg11 .fraga textarea,
.ovning .steg12 .fraga textarea {
  max-width: 100%;
}
.ovning .steg11 .skicka,
.ovning .steg12 .skicka,
.ovning .steg11 .nollstall,
.ovning .steg12 .nollstall {
  display: none;
}
.ovning .ovningknapp {
  display: none;
}
.ovning .rattsvar {
  background: #d7f0d7;
}
.ovning .felsvar {
  background: #f5dcdc;
}
.ovning .tips {
  padding: 10px !important;
  background-color: #f8f8b6;
}
.stegyta {
  width: calc(70% - 40px);
}
.stegyta blockquote {
  border-left: 4px solid #1F65AB;
  padding-left: 10px;
}
.stegyta table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 10px;
}
.stegyta table td,
.stegyta table th {
  padding: 5px;
  border: 1px solid #c8c8c8;
  vertical-align: top;
  cursor: default;
}
.stegyta table thead {
  background: #1F65AB;
  color: #fff;
}
.stegyta blockquote {
  background: #eee;
  border-left: 10px solid #1F65AB;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
}
.stegyta blockquote p {
  display: inline;
}
.fallut {
  border: 2px solid #1A80B6;
  border-radius: 10px;
  padding: 10px 10px 5px 10px;
  font-size: 1em;
  background: #fff;
  margin: 5px 0 10px 0;
}
.fallut .fupil {
  flex: 0;
}
.fallut .fallutinh {
  display: none;
}
.fallut .furubrik {
  display: flex;
}
.fallut .rubrik {
  flex: 1;
  color: #1f65ab !important;
  font-size: 1em;
  line-height: 120%;
  font-weight: 600;
  margin: 0px 0px 5px 0px;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0.5px;
  width: calc(100% - 20px);
  user-select: none;
}
.popup .pophead {
  background: #FFF url(/img/pophead.gif);
  background-repeat: repeat-x;
  height: 50px;
  display: relative;
}
.popup .pophead .icnclose {
  position: relative;
  top: 0px;
  right: 10px;
}
.popup .stegyta {
  width: calc(100% - 30px) !important;
  margin: 10px;
}
.popup .stegyta hr {
  width: 100%;
  margin: 10px 0 4px 0;
}
.popup .stegyta img {
  max-width: 100%;
}
@media only screen and (max-width: 959px) {
  .stegyta .rub {
    font-size: 1.8em;
  }
}
.kunskapsmal .rubrad {
  display: flex;
  user-select: none;
  border-left: 4px solid #1f65ab;
  padding: 15px 20px 5px 10px;
  background: #eeeeee;
}
.kunskapsmal .rubrad .pil {
  flex: 0 0 auto;
  padding: 0px 0 0 5px;
}
.kunskapsmal .rubrad .oppen {
  display: none;
}
.kunskapsmal .rubrad .rub {
  flex: 1 1 auto;
  font-size: 1em;
  line-height: 120%;
  font-weight: 600;
  margin: 0px 0px 5px 0px;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0.5px;
  color: #1f65ab;
}
.kunskapsmal .yta {
  display: none;
  background: #eeeeee;
  padding: 10px;
  font-size: 1em;
  max-width: 100%;
  margin-bottom: 20px;
  border-left: 4px solid #1f65ab;
}
.kunskapsmal .yta .km {
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0.5px;
  font-size: 1.12em;
  line-height: 120%;
  font-weight: 600;
  margin: 0px 0px 5px 0px;
  padding: 0;
  color: #323232;
}
.kunskapsmal .yta .vbky {
  display: flex;
}
.kunskapsmal .yta .vbky .vbk {
  padding: 0 0 10px 5px;
}
.kunskapsmal .yta .vbky .vbk span {
  padding-right: 5px;
}
.kunskapsmal .yta .bed {
  font-weight: 600;
  margin-bottom: 10px;
  color: #1F65AB;
}
.hide {
  display: none;
}
.chattruta .flex {
  display: flex;
  width: 100%;
}
.chattruta .chattmsg {
  position: fixed;
  overflow: auto;
  right: 20px;
  bottom: calc(80px + 78px);
  width: clamp(290px, 30%, 420px);
  max-height: calc(100% - 195px - 80px);
  z-index: 55;
  box-shadow: 3px 3px 6px -2px rgba(0, 0, 0, 0.2);
  border-radius: 4px 4px 0 0;
  border: 2px solid #eeeeee;
  background: #fff;
}
.chattruta .chattmsg .chattrad {
  padding-left: 10px;
}
.chattruta .chattmsg .chattrad .rad {
  word-wrap: break-word;
  display: flex;
  margin: 10px 10px 10px 0px;
}
.chattruta .chattmsg .chattrad .lampa {
  width: 30px;
  text-align: center;
  color: #ed1c51;
  padding-top: 8px;
}
.chattruta .chattmsg .chattrad .nar {
  font-size: 0.8em;
}
.chattruta .chattmsg .chattrad .nar span {
  padding-left: 6px;
}
.chattruta .chattmsg .chattrad .larare .text,
.chattruta .chattmsg .chattrad .deltagare .text {
  border-radius: 4px;
  padding: 10px;
  width: 100%;
}
.chattruta .chattmsg .chattrad .larare .text {
  background: #f5e9dc;
}
.chattruta .chattmsg .chattrad .deltagare .text {
  background: #dce9f5;
}
.chattruta .chattmsg .chattrad .auto .text {
  background: #eeeeee;
}
.chattruta .chattinm {
  position: fixed;
  bottom: 20px;
  right: 20px;
  height: calc(80px + 58px);
  width: clamp(290px, 30%, 420px);
  z-index: 60;
  box-shadow: 3px 3px 6px -2px rgba(0, 0, 0, 0.2);
  background: #eeeeee;
  padding: 10px;
}
.chattruta .chattinm .inmtop {
  display: flex;
}
.chattruta .chattinm .inmtop .rub {
  padding: 4px 0 12px 0;
  flex: 1 0 auto;
  font-family: "Montserrat", sans-serif;
  font-size: 1.1em;
  font-weight: 600;
}
.chattruta .chattinm .inmtop .knappen {
  display: none;
  margin-bottom: 10px;
}
.chattruta .chattinm .inmtop .knappen .knappl {
  margin: 0px;
}
.chattruta .chattinm .ctext {
  flex: 1 0 80%;
  width: 100%;
  height: 80px;
  resize: none;
}
.chattruta .chattinm .skicka {
  font-size: 1.5em;
  padding-left: 10px;
  width: 32px;
}
.chattruta_stor .chattmsg {
  bottom: calc(160px + 88px);
  max-height: calc(100% - 205px - 160px);
}
.chattruta_stor .chattinm {
  height: calc(160px + 68px);
}
.chattruta_stor .chattinm .ctext {
  height: 160px;
}
.minichatt {
  display: none;
  position: fixed;
  color: #1F65AB;
  z-index: 56;
  right: 20px;
  bottom: 20px;
  font-size: 2.8em;
}
@media only screen and (max-width: 850px) {
  .stegyta {
    width: 100%;
  }
  .chattruta {
    display: none;
    bottom: 80px;
    width: 80%;
    max-width: 80%;
  }
  .minichatt {
    display: block;
  }
}
@media only screen and (min-width: 850px) {
  .chattruta {
    display: block !important;
  }
}
.kontakt {
  width: 70%;
}
.kontakt .radyttre {
  background: #ffffff;
  margin-top: 10px;
  padding: 4px;
  border: 2px solid #1f65ab;
  border-radius: 8px;
}
.kontakt .radyttre .erruta {
  margin: 10px 0 10px 0;
  display: none;
}
.kontakt .rad {
  margin-top: 10px;
  padding: 0 10px 8px 10px;
}
.kontakt .rad .bokad {
  color: #1eac40;
}
.kontakt .rad .rubrad {
  display: flex;
  line-height: 120%;
}
.kontakt .rad .rubrad .ico {
  flex: 0 0 auto;
  position: relative;
  top: 2px;
  margin-right: 10px;
  width: 28px;
  height: 28px;
  border-radius: 14px;
  color: #ffffff;
  padding-top: 5px;
  text-align: center;
}
.kontakt .rad .rubrad .ico2 {
  flex: 0 0 auto;
  position: relative;
  width: 28px;
  height: 28px;
  border-radius: 14px;
  border: 2px solid #323232;
  top: 2px;
  padding-top: 3px;
  margin-right: 10px;
  text-align: center;
  color: #323232;
}
.kontakt .rad .rubrad .rub {
  flex: 1 1 auto;
  font-weight: 600;
  font-size: 1em;
  padding-top: 8px;
}
.kontakt .rad .rubrad .olast {
  flex: 0 0 auto;
  color: #ed1c51;
}
.kontakt .rad .rad2 {
  padding: 4px 0 0 40px;
  font-size: 0.9em;
}
.kontakt .visabok {
  padding-left: 10px;
}
.kontakt .bokaform {
  display: none;
  padding: 0 10px 0 10px;
}
.kontakt .kontaktchat {
  background: #ffffff;
  display: none;
}
.kontakt .kontaktchat .flex {
  display: flex;
}
.kontakt .kontaktchat .tillsteg {
  display: flex;
  padding: 0 0 10px 10px;
}
.kontakt .kontaktchat .tillsteg .ico {
  flex: 0 0 auto;
  padding-right: 5px;
}
.kontakt .kontaktchat .tillsteg .rub {
  flex: 1 1 auto;
  font-weight: 600;
}
.kontakt .kontaktchat .kchatinre .chattrad .rad {
  word-wrap: break-word;
  display: flex;
  margin: 0px 10px 10px 0px;
}
.kontakt .kontaktchat .kchatinre .chattrad .fedit {
  padding: 8px 0 0 8px;
}
.kontakt .kontaktchat .kchatinre .chattrad .ta_fedit {
  display: none;
  width: 100%;
}
.kontakt .kontaktchat .kchatinre .chattrad .ta_fedit textarea {
  width: 100%;
  resize: none;
  height: 60px;
  padding: 7px;
  border: 1px solid #1F65AB;
  outline: none;
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  border-radius: 4px;
}
.kontakt .kontaktchat .kchatinre .chattrad .lampa {
  width: 30px;
  text-align: center;
  color: #ed1c51;
  padding-top: 8px;
}
.kontakt .kontaktchat .kchatinre .chattrad .nar {
  font-size: 0.8em;
}
.kontakt .kontaktchat .kchatinre .chattrad .nar span {
  padding-left: 6px;
}
.kontakt .kontaktchat .kchatinre .chattrad .larare .text,
.kontakt .kontaktchat .kchatinre .chattrad .deltagare .text {
  border-radius: 4px;
  padding: 10px;
  width: 100%;
}
.kontakt .kontaktchat .kchatinre .chattrad .larare .text {
  background: #f5e9dc;
}
.kontakt .kontaktchat .kchatinre .chattrad .deltagare .text {
  background: #dce9f5;
}
.kontakt .kontaktchat .kchatinre .chattrad .auto .text {
  background: #eeeeee;
}
.kontakt .kontaktchat .kchatinre .chattinm {
  min-height: 128px;
  width: 100%;
  background: #eeeeee;
  padding: 10px;
  border-radius: 8px;
}
.kontakt .kontaktchat .kchatinre .chattinm .inmtop {
  display: flex;
}
.kontakt .kontaktchat .kchatinre .chattinm .inmtop .rub {
  padding: 4px 0 12px 0;
  flex: 1 0 auto;
  font-family: "Montserrat", sans-serif;
  font-size: 1.1em;
  font-weight: 600;
}
.kontakt .kontaktchat .kchatinre .chattinm .inmtop .knappen {
  display: none;
  margin-bottom: 10px;
}
.kontakt .kontaktchat .kchatinre .chattinm .inmtop .knappen .knappl {
  margin: 0px;
}
.kontakt .kontaktchat .kchatinre .chattinm textarea {
  flex: 1 0 80%;
  height: 60px;
  resize: none;
}
.kontakt .kontaktchat .kchatinre .chattinm .skicka {
  font-size: 1.5em;
  padding-left: 10px;
}
.kontakt .nychattinm {
  border-radius: 8px;
  padding-top: 5px;
}
.kontakt .nychattinm .flex {
  display: flex;
}
.kontakt .nychattinm form {
  width: 100%;
}
.kontakt .nychattinm form .inm {
  flex: 1 1 auto;
}
.kontakt .nychattinm form .inm input,
.kontakt .nychattinm form .inm textarea {
  margin-top: 5px;
  resize: none;
}
.kontakt .nychattinm form .skicka {
  font-size: 1.5em;
  padding-left: 10px;
}
.cly {
  max-width: 70%;
  text-align: center;
  display: none;
}
.cly .claddamer {
  font-size: 0.9em;
  line-height: 120%;
  cursor: pointer;
  white-space: nowrap;
  display: inline-block;
  text-decoration: none;
  font-weight: normal;
  padding: 8px 14px 8px 14px;
  margin: 10px auto;
  background: #ed1c51;
  color: #ffffff !important;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  user-select: none;
}
.kontaktchat .cly {
  max-width: 100%;
}
@media only screen and (max-width: 959px) {
  .kontakt,
  .cly {
    width: 100%;
    max-width: 100%;
  }
}
.omkursen,
.moment {
  width: 70%;
}
.omkursen .ramruta,
.moment .ramruta {
  border: 2px solid #1F65AB;
  border-radius: 10px;
  padding: 5px 20px 5px 20px;
  margin: 10px 0 30px 0;
  background: #ffffff;
}
.omkursen .larare,
.moment .larare {
  min-height: 40px;
  margin: 0;
  padding-top: 10px;
}
.omkursen .larare,
.moment .larare {
  border-bottom: 1px solid #e0e0e0;
}
.omkursen .larare:last-child,
.moment .larare:last-child {
  border: none;
}
.blogg {
  width: 70%;
  margin-top: 20px;
}
.blogg .inlagg {
  position: relative;
  background: #ffffff;
  margin-top: 10px;
  padding: 10px;
  border: 2px solid #1f65ab;
  border-radius: 8px;
}
.blogg .inlagg .olast {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 8px;
  height: 8px;
  border-radius: 5px;
  background: #ed1c51;
  margin: 1px;
}
.blogg .inlagg .datum {
  font-size: 0.9em;
}
.blogg .inlagg .rubrad {
  display: flex;
}
.blogg .inlagg .rubrad .rubrik {
  flex: 1 1 auto;
  font-weight: 600;
}
.blogg .inlagg .rubrad .filfinns {
  flex: 0 0 auto;
}
.blogg .inlagg .detalj {
  display: none;
  margin-top: 10px;
}
.blogg .inlagg .detalj .filrad {
  display: flex;
}
.blogg .inlagg .detalj .filrad .filico {
  flex: 0 0 auto;
  padding-right: 10px;
}
.blogg .inlagg .detalj .filrad .filnamn {
  padding-top: 1px;
  flex: 1 1 auto;
}
@media only screen and (max-width: 959px) {
  .blogg,
  .omkursen,
  .moment {
    width: 100%;
  }
}
.filery .katlist {
  display: flex;
  gap: 20px;
  max-width: 1200px;
  flex-wrap: wrap;
  margin-top: 10px;
}
.filery .katlist .kat {
  border: 2px solid #1F65AB;
  border-radius: 10px;
  padding: 20px;
  font-size: 1.2em;
  font-weight: 600;
  color: #1F65AB;
  line-height: 1.6em;
  background: #ffffff;
}
.filery .katrub {
  font-size: 1.25em;
  line-height: 120%;
  font-weight: 600;
  margin: 15px 0px 10px 0px;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0.5px;
  color: #323232;
}
.filery .filer {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.filery .filer .fil {
  flex: 1 1 400px;
  max-width: 100%;
  padding: 10px;
  border: 2px solid #1f65ab;
  border-radius: 8px;
  background-color: #ffffff;
}
.filery .filer .fil .rubrad {
  display: flex;
}
.filery .filer .fil .rubrad .typ {
  flex: 0 0 auto;
  padding-right: 5px;
}
.filery .filer .fil .rubrad .rub {
  word-break: break-word;
  flex: 1 1 auto;
  padding-top: 4px;
  font-weight: 600;
}
.filery .filer .fil .rubrad .dl {
  flex: 0 0 auto;
  padding-left: 5px;
}
.ramrutaklick {
  background: #eeeeee;
  margin-top: 20px;
  padding: 10px;
  border-radius: 8px;
  border: 2px solid #d2d2d2;
}
.ramrutaklick .rubrik {
  font-size: 1.1em;
  font-weight: 600;
  color: #323232;
}
.ramrutaklick .ramyta {
  display: none;
}
.ramrutaklick .oppen {
  display: block;
}
.ramrutaklick .skicka {
  color: #323232;
}
html,
body {
  margin: 0;
  padding: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 95%;
  color: #323232;
  line-height: 140%;
  -webkit-text-size-adjust: 100%;
  background: #ffffff;
  width: 100%;
}
.small {
  font-size: 0.8em;
}
h1 {
  font-family: "Montserrat", sans-serif;
  font-size: 2.2em;
  line-height: 120%;
  font-weight: 600;
  margin: 20px 0px 12px 0px;
  color: #323232;
}
@media only screen and (max-width: 959px) {
  h1 {
    font-size: 1.8em;
  }
}
h2 {
  font-size: 1.5em;
  line-height: 120%;
  font-weight: 600;
  margin: 20px 0px 8px 0px;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0.5px;
  color: #323232;
}
h3 {
  font-size: 1.25em;
  line-height: 120%;
  font-weight: 600;
  margin: 15px 0px 5px 0px;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0.5px;
  color: #323232;
}
h4 {
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0.5px;
  font-size: 1.12em;
  line-height: 120%;
  font-weight: 600;
  margin: 16px 0px 5px 0px;
  padding: 0;
  color: #323232;
}
h4.notop {
  margin-top: 5px;
}
h5 {
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0.5px;
  font-size: 1.06em;
  font-weight: 600;
  margin: 14px 0px 0px 0px;
  padding: 0px;
  color: #323232;
}
h6 {
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0.5px;
  font-size: 1em;
  font-weight: 600;
  margin: 14px 0px 0px 0px;
  padding: 0px;
  color: #323232;
}
p {
  margin: 0;
  padding: 0px 0px 10px 0px;
  font-family: "Open Sans", sans-serif, sans-serif;
  font-size: 1em;
}
b {
  font-weight: 600;
}
a,
a:active,
a:visited {
  color: #00adef;
  text-decoration: underline;
  cursor: pointer;
}
a.lnk {
  color: #00adef;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
}
a.lnk:hover {
  text-decoration: underline;
}
.frub {
  font-family: "Montserrat", sans-serif;
  font-size: 1em;
  margin: 0px 0px 5px 0px;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.nowrap {
  white-space: nowrap;
}
.center {
  text-align: center !important;
}
.knapp,
.knappl {
  font-size: 0.9em;
  line-height: 120%;
  cursor: pointer;
  white-space: nowrap;
  display: inline-block;
  text-decoration: none;
  font-weight: normal;
  padding: 8px 14px 8px 14px;
  margin: 4px 8px 4px 0px;
  background: #ed1c51;
  color: #ffffff !important;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  user-select: none;
}
.knapp span,
.knappl span {
  padding-left: 5px;
}
.knappl {
  font-size: 0.85em;
  line-height: 100%;
  padding: 7px 10px 6px 10px;
  background-color: #ed1c51;
  color: #ffffff !important;
}
.knapp_bla {
  background: #1f65ab;
  color: #fff !important;
}
.knapp_bla:hover {
  opacity: 0.5;
  transition: opacity 0.2s;
  cursor: pointer;
}
.knapp:hover,
.knappl:hover {
  opacity: 0.5;
  transition: opacity 0.2s;
  cursor: pointer;
}
.radbryt {
  display: table;
}
.radbrytluft {
  display: table;
  margin-bottom: 10px;
}
.erruta {
  background: #ffc3c3;
  border: 1px solid #ff8585;
  padding: 8px;
  font-size: 1em;
  max-width: 500px;
  border-radius: 4px;
  margin-bottom: 20px;
}
.inforuta {
  background: #eeeeee;
  border: 2px dashed #c8c8c8;
  padding: 8px;
  font-size: 1em;
  max-width: 100%;
  margin-bottom: 20px;
  border-radius: 4px;
}
.warnruta {
  background: #e4da4c;
  border: 1px solid #d2d2d2;
  padding: 8px;
  font-size: 1em;
  max-width: 500px;
  border-radius: 4px;
  margin-bottom: 20px;
}
form {
  margin: 0px;
  padding: 0px;
  font-size: 1em;
  font-family: "Open Sans", sans-serif;
  width: 100%;
}
form .disabled {
  padding: 7px;
  background: #f4f4f4;
  border: 1px solid #eeeeee;
  outline: none;
  width: 100%;
  min-height: 38px;
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  border-radius: 4px;
}
form .enradcb {
  display: flex;
  margin: 0 0 6px 0;
}
form .enradcb .cb_container {
  flex: 0 0 auto;
}
form .enradcb .label {
  flex: 1 1 auto;
  padding: 4px 0 0 10px;
}
form fieldset {
  display: flex;
  flex-direction: column;
  align-items: left;
  flex-wrap: wrap;
  border: none;
  padding: 0;
  margin: 0 0 6px 0;
}
form .rub {
  font-size: 1em;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0.5px;
  padding: 4px 0 4px 0;
  color: #000;
}
form .formrub {
  flex: 0 1 auto;
  font-weight: 600;
  line-height: 120%;
  padding: 0px 0px 4px 0;
}
form .formdtay {
  flex: 1 1 50%;
  max-width: 100%;
  min-width: 200px;
  width: 100%;
}
form .formdtay span.stod {
  font-size: 0.9em;
}
form .formdta {
  width: 100%;
  max-width: 500px;
  display: flex;
}
form .formdta .info {
  padding: 8px 0 0 10px;
}
form .formdta .info:hover {
  opacity: 0.5;
  transition: opacity 0.2s;
  cursor: pointer;
}
form .formdta .multi_cby {
  display: block;
}
form .formdta .multi_cby .multicb_rad {
  display: flex;
  margin: 0 8px 4px 0;
}
form .formdta .multi_cby .multicb_rad span {
  display: block;
  padding: 2px 0 0 8px;
  white-space: nowrap;
}
form .formdta .multi_cby_enrad {
  display: flex;
}
form .errfield {
  color: #ff8585;
}
form .errbg {
  background-color: #ff8585;
}
form input[type=text],
form input[type=password],
form input[type=text]:focus,
form textarea,
form input[type=file],
form input[type=date] {
  padding: 7px;
  width: 100%;
  height: 38px;
  border: 1px solid #1F65AB;
  outline: none;
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  color: #323232;
  border-radius: 4px;
}
form input[type=text]:focus,
form input[type=password]:focus,
form select:focus,
form textarea:focus,
form input[type=date]:focus {
  border: 1px solid #00adef;
  outline: none;
}
form input[type=text].small {
  width: 160px;
}
form textarea {
  min-height: 5em;
}
form .formrub_hog {
  align-self: flex-start;
  padding: 10px 8px 10px 0;
}
form .formrub_mell {
  align-self: flex-start;
  padding: 3px 8px 0px 0;
}
@media only screen and (max-width: 500px) {
  form fieldset {
    flex-direction: column;
    align-items: flex-start;
  }
  form .formrub {
    width: 100%;
    padding: 0 8px 0px 0;
  }
  form .formdtay {
    flex: 0 1 auto;
  }
}
form.break fieldset {
  flex-direction: column;
  align-items: flex-start;
  margin: 0 0 10px 0;
}
form.break .formrub {
  width: 100% !important;
  padding-bottom: 5px !important;
}
form.break .formrub_hog {
  padding: 0px 8px 0px 0;
}
form.inm {
  width: 100%;
  margin-bottom: 10px;
}
form.login {
  width: 300px;
}
form.login .formdtay {
  min-width: 100px;
}
@media only screen and (max-width: 720px) {
  form.inm,
  form.login {
    width: 100%;
  }
}
.jconfirm .jconfirm-title {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700 !important;
}
.jconfirm .jconfirm-box {
  width: 50% !important;
}
@media only screen and (max-width: 959px) {
  .jconfirm .jconfirm-box {
    width: 80% !important;
  }
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
  color: #d7f0d7;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #d7f0d7;
  color: #ffffff;
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover,
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  background: #d7f0d7 !important;
  color: #d7f0d7 !important;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: #d7f0d7;
  box-shadow: none;
}
/* Customize the label (the container) */
.cb_container {
  display: block;
  height: 20px;
  position: relative;
  top: 2.5px;
  padding-left: 25px;
  margin-bottom: 6px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cb_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.cb_container .checkmark {
  position: absolute;
  top: -2px;
  left: 0;
  height: 25px;
  width: 25px;
  border: 1px solid #1F65AB;
  border-radius: 4px;
}
.cb_container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.cb_container input:checked ~ .checkmark {
  background-color: #1F65AB;
}
.cb_container input:checked ~ .checkmark:after {
  display: block;
}
.cb_container .checkmark:after {
  left: 8px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cb_container_inline {
  display: inline-block;
}
.egencb {
  display: inline-block;
  font-size: 1.1em;
}
.egencb input[type=checkbox] {
  display: none;
}
.egencb:hover {
  opacity: 0.5;
  transition: opacity 0.2s;
  cursor: pointer;
}
.rb_container {
  display: inline-block;
  position: relative;
  height: 25px;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.rb_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.rb_container .checkmark {
  position: absolute;
  border: 1px solid #eeeeee;
  top: 5px;
  left: 0;
  height: 25px;
  width: 25px;
  border-radius: 50%;
}
.rb_container input:checked ~ .checkmark {
  background-color: #00adef;
}
.rb_container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.rb_container input:checked ~ .checkmark:after {
  display: block;
}
.rb_container .checkmark:after {
  top: 8px;
  left: 7.5px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
.rb_container .txt {
  position: relative;
  top: 4px;
  padding: 0px 15px 0 0px;
  font-size: 0.7em;
}
.rb_small_container {
  padding-left: 16px;
  height: 13px;
  margin-bottom: 1px;
  top: -3px;
}
.rb_small_container .checkmark {
  position: absolute;
  border: 1px solid #eeeeee;
  top: 3px;
  left: -1px;
  height: 18px;
  width: 18px;
  border-radius: 50%;
}
.rb_small_container .checkmark:after {
  top: 5px;
  left: 5px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: white;
}
.chosen-container-single .chosen-single {
  height: 38px;
  padding: 8px 0 0 8px;
  border: 1px solid #eeeeee;
}
.chosen-container-multi .chosen-choices {
  min-height: 38px;
  padding: 4px 0 0px 8px;
  border: 1px solid #eeeeee;
  border-radius: 4px;
}
.chosen-container-multi .chosen-choices li.search-choice {
  background-color: #f4f4f4;
  font-size: 0.9em;
}
.chosen-container-multi .chosen-choices li.search-choice span {
  position: relative;
  top: -1px;
}
.chosen-container-active .chosen-single,
.chosen-container-active .chosen-choices {
  border: 1px solid #00adef !important;
}
.chosen-container {
  border: 1px solid #1F65AB !important;
  border-radius: 4px;
}
.chosen-container .chosen-results li.highlighted {
  background-color: #1F65AB;
  color: #fff;
}
.chosen-container .chosen-drop {
  border-color: #00adef;
  border-radius: 0 0 5px 5px;
  margin-bottom: 20px;
  width: 100% !important;
}
.chosen-container .chosen-search-input {
  width: 100% !important;
}
.chosen-disabled {
  opacity: 1 !important;
}
.aventus-upload {
  border: 2px #c8c8c8 dashed;
  min-height: 120px;
}
.aventus-upload .ajax-file-upload-statusbar {
  border: none;
  margin-top: 0;
  width: 100%;
  padding: 5px 5px 5px 15px;
  border-radius: 4px;
}
.aventus-upload .ajax-file-upload-error {
  font-size: 95%;
  padding-left: 10px;
}
.aventus-upload .ajax-file-upload-filename {
  height: auto;
  margin: 0 5px 5px 0px;
}
.aventus-upload .ajax-file-upload-filesize {
  height: auto;
  margin: 0 5px 5px 0px;
  display: inline-block;
  vertical-align: middle;
}
.aventus-upload .ajax-file-upload-progress {
  margin: 5px 10px 5px 0px;
  position: relative;
  width: 100%;
  border: 1px solid #ddd;
  padding: 1px;
  border-radius: 3px;
  display: inline-block;
  color: #FFFFFF;
}
.aventus-upload .ajax-file-upload-bar {
  background-color: #ed1c51;
  width: 0;
  height: 20px;
  color: #ffffff;
}
.aventus-upload .ajax-file-upload-percent {
  position: absolute;
  display: inline-block;
  top: 3px;
  left: 48%;
}
.aventus-upload .ajax-file-upload-red {
  -moz-box-shadow: inset 0 39px 0 -24px #e67a73;
  -webkit-box-shadow: inset 0 39px 0 -24px #e67a73;
  box-shadow: inset 0 39px 0 -24px #e67a73;
  background-color: #e4685d;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  color: #fff;
  font-family: arial;
  font-size: 13px;
  font-weight: normal;
  padding: 4px 15px;
  text-decoration: none;
  text-shadow: 0 1px 0 #b23e35;
  cursor: pointer;
  vertical-align: top;
  margin: 5px 10px 5px 0px;
}
.aventus-upload .ajax-file-upload-green {
  background-color: #77b55a;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin: 0;
  padding: 0;
  display: inline-block;
  color: #fff;
  font-family: arial;
  font-size: 13px;
  font-weight: normal;
  padding: 4px 15px;
  text-decoration: none;
  cursor: pointer;
  text-shadow: 0 1px 0 #5b8a3c;
  vertical-align: top;
  margin: 5px 10px 5px 0px;
}
.aventus-upload .ajax-file-upload {
  font-size: 0.9em;
  line-height: 120%;
  cursor: pointer;
  white-space: nowrap;
  display: inline-block;
  text-decoration: none;
  font-weight: normal;
  padding: 8px 14px 8px 14px;
  margin: 20px 10px 4px 10px;
  background: #ed1c51;
  color: #ffffff !important;
  border-radius: 4px;
}
.aventus-upload .ajax-file-upload span {
  padding-left: 5px;
}
.aventus-upload .ajax-file-upload:hover {
  background: #1F65AB;
  color: #fff !important;
}
.aventus-upload .ajax-upload-dragdrop {
  width: 100%;
}
.aventus-upload .ajax-upload-dragdrop span {
  position: relative;
  top: -15px;
}
.aventus-upload .state-hover {
  outline: 1px solid #00adef;
}
.aventus-upload .ajax-file-upload-container {
  padding: 0;
  width: 100%;
}
.cbifoga {
  display: none;
}
.cbifoga .aventus-upload {
  margin-top: 5px;
  width: calc(100% - 32px);
}
.cbifoga .aventus-upload .ajax-file-upload {
  font-size: 0.85em;
  line-height: 80%;
  padding: 7px 10px 6px 10px;
  background-color: #ed1c51;
  color: #ffffff !important;
  margin: 13px 10px 0 10px;
}
.cbifoga .aventus-upload .ajax-upload-dragdrop span {
  font-size: 95%;
  position: relative;
  top: -5px;
  left: 5px;
}
.cbifoga .aventus-upload .ajax-file-upload-filename {
  font-size: 90%;
}
.col2 {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.col2 .vanster {
  width: 50%;
  margin-right: 20px;
}
.col2 .hoger {
  width: 50%;
}
@media only screen and (max-width: 720px) {
  .col2 {
    flex-direction: column;
  }
  .vanster {
    width: 100% !important;
  }
  .hoger {
    width: 100% !important;
  }
}
.kal_y {
  width: 100%;
  user-select: none;
}
.kal_y .val {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 0 8px 8px;
}
.kal_y .val div.drop {
  padding-right: 8px;
  width: 100%;
}
.kal_y .kalender {
  border-collapse: collapse;
  margin-bottom: 10px;
}
.kal_y .kalender td {
  padding: 5px;
  border: 1px solid #eee;
}
.kal_y .kalender .cell {
  width: 14%;
  position: relative;
  background: #fff;
  height: 100%;
}
.kal_y .kalender .cell:hover {
  cursor: pointer;
  background: #00adef;
}
.kal_y .kalender .vn {
  font-weight: bold;
  height: 40px;
  width: 1%;
  text-align: center;
}
.kal_y .kalender .vd {
  text-align: center;
}
.kal_y .kalender .vd .lang {
  display: inline;
}
.kal_y .kalender .vd .kort {
  display: none;
}
.kal_y .kalender .dag {
  position: absolute;
  top: 0px;
  left: 6px;
  text-align: right;
  font-size: 1em;
  font-weight: 600;
  color: #000;
}
.kal_y .kalender .cell .dta {
  margin-top: 12px;
}
.kal_y .kalender .idag {
  background: #f4f4f4;
}
.kal_y .kalender .vald {
  border-left: 3px solid #00adef;
}
@media only screen and (max-width: 720px) {
  .kal_y .val {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .kal_y .val div {
    padding-bottom: 8px;
  }
  .kal_y .vd .lang {
    display: none !important;
  }
  .kal_y .vd .kort {
    display: inline !important;
  }
}
.startsida {
  display: flex;
  flex-direction: row;
}
.startsida .left {
  width: 60%;
  margin-right: 20px;
  order: 1;
}
.startsida .right {
  width: 40%;
  order: 2;
}
@media only screen and (max-width: 720px) {
  .startsida {
    flex-direction: column;
  }
  .left {
    width: 100% !important;
  }
  .right {
    width: 100% !important;
    margin-top: 10px !important;
  }
}
.iframe-container {
  margin-bottom: 15px;
}
.avdelare {
  margin: 20px auto 20px auto;
  width: 15%;
  border-bottom: 4px solid #1F65AB;
}
.tankpa {
  position: relative;
  outline: 5px solid #1F65AB;
  outline-offset: -15px;
  padding: 38px 30px 22px 30px;
  margin: 18px 0 5px 0;
}
.tankpa::after {
  content: "";
  position: absolute;
  top: -5px;
  left: 0px;
  width: 137px;
  height: 34px;
  background: url(/img/tankpa3.svg) no-repeat;
}