@charset "utf-8";
:root{
}
:root{
}
h1{
  text-align:center;
}
main hr{
  width:50%;
  height:1px;
  background-color:#fff;
  border:0;
  display:inline-block;
  margin-left:25%;
  margin-right:25%;
  background-image:-webkit-gradient(linear,left top, right top,from(rgba(0,0,0,0)),color-stop(rgba(0,0,0,0.3)),to(rgba(0,0,0,0)));
  background-image:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,0.3),rgba(0,0,0,0));
}
.icon-box{
  background-color:rgb(248, 248, 248);
  border:none;
  border-radius:8px;
  margin:10px auto;

  display:-webkit-box;

  display:-ms-flexbox;

  display:flex;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  -ms-flex-pack:distribute;
  justify-content:space-around;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
.icon-box textarea{
    background-color:#fff;
  }
@media all and (max-width: 680px){
.icon-box{
    width:auto;
    margin:10px 0;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
    .icon-box .icon{
      margin-right:20px !important;
    }
  }
.icon-box > :nth-child(n){
    margin:20px;
    display:inline-block;
  }
.icon-box .icon{
    min-width:75px;
    min-height:75px;
    margin-right:0;
  }
.icon-box .text{
    color:rgb( 17,  17,  17);
    -webkit-box-flex:1;
    -ms-flex:1 1 500px;
    flex:1 1 500px;
  }
.icon-box .text :first-child{
      margin-top:0;
    }
.icon-box .text p:first-child{
      margin-top:-4px;
    }
.icon-box .text h3:first-child{
      margin-top:0;
      line-height:1em;
    }
.icon-box .text li{margin-bottom:15px;}
.icon-box .text ul > li{
      list-style-image:url('../img/listepil2.png');
    }
.icon-box.icon-grid{
    padding:0;
  }
.icon-box .icon-grid-element{
    width:100px;
    text-align:center;
    margin:10px auto;
  }
.icon-box .icon-grid-element :first-child{
      padding:0;
      margin:15px auto 5px;
    }
.icon-box .icon-grid-element :first-child svg{
        padding:0;
      }
.icon-box .icon-grid-element :last-child{
      margin:0 auto;
      width:100px;
    }
@media all and (min-width: 780px){
.content-margin{
    width:70%;
    margin:10px auto
}
  }
#video-selector{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin:0 -10px 15px;
}
#video-selector img{
    width:125px;
    height:125px;
    margin:0 10px 10px;
    cursor:pointer;
  }
#video-selector img:hover:not(.active){
      -webkit-transition:all 0.2s ease-in-out;
      transition:all 0.2s ease-in-out;
      opacity:1;
    }
#video-selector img:not(:hover){
      -webkit-transition:all 0.2s ease-in-out;
      transition:all 0.2s ease-in-out;
      -webkit-box-shadow:none;
      box-shadow:none;
    }
#video-selector img:not(.active){
      opacity:0.7;
    }
@media all and (max-width: 1200px){
    #video-selector img{
      width:75px;
      min-width:75px;
      height:75px;
    }
  }
@media all and (max-width: 680px){
#video-selector{
    -ms-flex-pack:distribute;
    justify-content:space-around
}
  }
#video-container{
  width:auto;
}
#video-container .toggle{
    position:relative;
    height:0;
    padding-bottom:48.5%;
  }
#video-container .toggle iframe{
      position:absolute;
      width:100%;
      height:100%;
      left:0;
      top:0;
    }
.video-iframe-container{
  position:relative;
  height:1px;
  min-height:1px;
  padding-bottom:48.4375%;
}
.video-iframe-container iframe{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
  }
.ovelsesark-tabel{
  margin:20px auto;
  table-layout:fixed;
  width:100%;
}
.ovelsesark-tabel thead th{
      padding:5px;
      text-align:center;
    }
.ovelsesark-tabel tbody tr{
      height:50px;
    }
.ovelsesark-tabel tbody td p{
        padding:0;
        margin:0;
      }
.ovelsesark-tabel tbody td{
      padding:15px;
      vertical-align:top;
}
@media all and (max-width: 900px){
    .ovelsesark-tabel thead th, .ovelsesark-tabel tbody td{
      padding:1px;
    }
  }
.flowcheckbox{
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.flowcheckbox .form-item{
    position:relative;
  }
.flowcheckbox .form-item input[type=checkbox],
    .flowcheckbox .form-item input[type=radio],
    .flowcheckbox .form-item label::before{
      width:2rem;
      height:2rem;
      top:50%;
      left:0;
      margin-top:-1rem;
      position:absolute;
      cursor:pointer;
    }
.flowcheckbox .form-item label{
      display:inline-block;
      position:relative;
      font-size:1rem;
      padding:0.5rem 0 0.5rem 3rem;
      vertical-align:top;
      color:rgb( 72,  72,  72);
      cursor:pointer;
      -webkit-transition:all 80ms;
      transition:all 80ms;
      font-size:1.3rem;
      font-weight:300;
    }
.flowcheckbox .form-item label::before{
        content:'';
        border-radius:50%;
        -webkit-box-shadow:inset 0 0 0 2px rgb(221, 221, 221);
        box-shadow:inset 0 0 0 2px rgb(221, 221, 221);
      }
.flowcheckbox .form-item label:hover::before{
        -webkit-box-shadow:inset 0 0 0 8px rgb(221, 221, 221);
        box-shadow:inset 0 0 0 8px rgb(221, 221, 221);
        -webkit-transition:-webkit-box-shadow 80ms;
        transition:-webkit-box-shadow 80ms;
        transition:box-shadow 80ms;
        transition:box-shadow 80ms, -webkit-box-shadow 80ms;
      }
.flowcheckbox .form-item input[type=checkbox],
    .flowcheckbox .form-item input[type=radio]{
      opacity:0;
      -webkit-appearance:none;
      -moz-appearance:none;
      appearance:none;
      display:inline-block;
      vertical-align:middle;

    }
.flowcheckbox .form-item input[type=checkbox]:checked + label, .flowcheckbox .form-item input[type=radio]:checked + label{
        color:#000;
      }
.flowcheckbox .form-item input[type=checkbox]:checked + label::before, .flowcheckbox .form-item input[type=radio]:checked + label::before{
          color:rgb( 52, 170, 220);
          content:'\2713';
          line-height:2rem;
          text-align:center;
          background:rgb(220, 243, 250);
          -webkit-box-shadow:0 0 0 3px rgb(220, 243, 250);
          box-shadow:0 0 0 3px rgb(220, 243, 250);
          -webkit-transition:all 80ms ease;
          transition:all 80ms ease;
        }
.flowcheckbox .form-item input[type=checkbox]:checked:hover + label::before, .flowcheckbox .form-item input[type=checkbox]:checked:focus + label::before, .flowcheckbox .form-item input[type=radio]:checked:hover + label::before, .flowcheckbox .form-item input[type=radio]:checked:focus + label::before{
            background:lighten(rgb(220, 243, 250), 10%);
          }
.flowcheckbox .form-item input[type=checkbox]:not(:checked):focus + label::before, .flowcheckbox .form-item input[type=radio]:not(:checked):focus + label::before{
        -webkit-box-shadow:inset 0 0 0 8px rgb(221, 221, 221);
        box-shadow:inset 0 0 0 8px rgb(221, 221, 221);
        -webkit-transition:-webkit-box-shadow 80ms;
        transition:-webkit-box-shadow 80ms;
        transition:box-shadow 80ms;
        transition:box-shadow 80ms, -webkit-box-shadow 80ms;
      }
form{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  gap:1rem;
}
.mail_in .mail_text .mail-header-wrapper, .mail_out .mail_text .mail-header-wrapper{
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-pack:justify;
      -ms-flex-pack:justify;
      justify-content:space-between;
      gap:0.5rem;
    }
.mail_in .mail_text .mail-header-wrapper .mail_subject h3, .mail_out .mail_text .mail-header-wrapper .mail_subject h3{
          font-size:1.2rem;
          line-height:1.5rem;
          margin:0;
        }
.mail_in .mail_text .mail-header-wrapper button.mail-toggle, .mail_out .mail_text .mail-header-wrapper button.mail-toggle{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        background-color:#0fa7c2;
        border-radius:50%;
        width:2rem;
        min-width:2rem;
        height:2rem;
        padding:0;
        margin:0;
      }
.mail_in .mail_text .mail-header-wrapper button.mail-toggle:hover, .mail_out .mail_text .mail-header-wrapper button.mail-toggle:hover{
          cursor:pointer;
          background-color:#00aba9;
        }
.mail_in .mail_text .mail-header-wrapper button.mail-toggle .icon-container, .mail_out .mail_text .mail-header-wrapper button.mail-toggle .icon-container{
          @include icon-button('../icons/chevron-down.svg');
          -webkit-transition:-webkit-transform 0.2s ease-out;
          transition:-webkit-transform 0.2s ease-out;
          transition:transform 0.2s ease-out;
          transition:transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
          -webkit-filter:brightness(0) invert(1);
          filter:brightness(0) invert(1);
        }
.mail_in .mail_text:hover, .mail_out .mail_text:hover{
      cursor:pointer;
    }
.mail_in .mail_text.open .mail_content, .mail_out .mail_text.open .mail_content{
        opacity:1;
        overflow:hidden;
        padding-bottom:0.5rem;
        visibility:unset;
      }
.mail_in .mail_text.open .icon-container, .mail_out .mail_text.open .icon-container{
        -webkit-transform:rotate(180deg);
        -ms-transform:rotate(180deg);
        transform:rotate(180deg);
      }
.mail_in .mail_text .mail_content, .mail_out .mail_text .mail_content{
      opacity:0;
      height:0;
      visibility:hidden;
      -webkit-transition:height 0.3s ease-out, opacity 0.3s ease-out;
      transition:height 0.3s ease-out, opacity 0.3s ease-out;
    }
form input[type="text"],
  form input[type="number"],
  form input[type="password"],
  form input[type="search"]{
    padding:0.5rem;
  }
textarea{
  resize:vertical;
  padding:0.5rem;
}