:root {
  --offcanvas-width: 220px;
  --margoffcanvas-width: 230px;
  --topNavbarHeight: 67px;
}

.offcanvas {
  width: var(--offcanvas-width);
}

@media (min-width: 992px) {
  main {
    margin-left: var(--margoffcanvas-width);
  }
  .brukerinfo {
    margin-left: var(--margoffcanvas-width);
  }

  .offcanvas {
    -webkit-transform: none;
    transform: none;
    visibility: visible !important;
    top: var(--topNavbarHeight);
    height: calc(96% - var(--topNavbarHeight));
  }
  .offcanvas-backdrop::before {
    display: none;
  }
  .offcanvas-header .btn-close {
    visibility: hidden;
  }
  #btnVisOC {
    visibility: hidden;
  }
}

.litenskrifttabell {
  font-size: 0.8rem;
  line-height: 1;
}

.bakgrunntopp {
  background-image: url("../assets/images/pexels-stephen-100-1.jpg");
  background-attachment: fixed;
}

.hvit50 {
  background-color: rgba(255, 255, 255, 0.5);
}

.brukerdata {
  font-size: 0.8rem;
  background-color: rgba(119, 168, 255, 0.5);
  color: #0300ff;
}

.tekstinnliten {
  font-size: 0.7rem;
  line-height: 0.8;
}

.lysbakgrunn {
  font-size: 0.85rem;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 74, 255, 0.6)),
    to(rgba(80, 131, 255, 0.6))
  );
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 74, 255, 0.6)),
    to(rgba(80, 131, 255, 0.6))
  );
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 74, 255, 0.6)),
    to(rgba(80, 131, 255, 0.6))
  );
  background-image: linear-gradient(
    180deg,
    rgba(0, 74, 255, 0.6) 0%,
    rgba(80, 131, 255, 0.6) 100%
  );
}

.lysbakgrunn2 {
  font-size: 0.85rem;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(80, 131, 255, 0.6)),
    to(rgba(211, 224, 255, 0.6))
  );
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(80, 131, 255, 0.6)),
    to(rgba(211, 224, 255, 0.6))
  );
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(80, 131, 255, 0.6)),
    to(rgba(211, 224, 255, 0.6))
  );
  background-image: linear-gradient(
    180deg,
    rgba(80, 131, 255, 0.6) 0%,
    rgba(211, 224, 255, 0.6) 100%
  );
}

.formliten {
  font-size: 0.8rem;
  line-height: 1;
}

.form-text {
  font-size: 0.5rem;
}

.normaltekst {
  font-size: 1rem;
}

.mobilh2 {
}