body {
  font-family: 'Open Sans', sans-serif; }

pre {
  display: none; }

strong,
.strong {
  font-weight: bold; }

.hidden {
  display: none; }

i.icon.icon-copy {
  background: transparent url("/images/icon_copy.svg") no-repeat center;
  width: 32px;
  height: 32px;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-left: 1rem; }
  i.icon.icon-copy:hover {
    cursor: pointer; }
  i.icon.icon-copy span {
    display: none; }
i.icon.icon-delete {
  background: transparent url("/images/icon_delete.svg") no-repeat center;
  width: 32px;
  height: 32px;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-left: 1rem; }
  i.icon.icon-delete:hover {
    cursor: pointer; }
  i.icon.icon-delete span {
    display: none; }

#mask {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 11;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.3); }

#spinner {
  position: fixed;
  top: 24%;
  left: 40%;
  right: 40%; }

.inline-block {
  display: inline-block;
  vertical-align: top; }

header .logos .menu-container {
  margin-left: -1rem; }
  @media (min-width: 1399.98px) {
    header .logos .menu-container {
      width: 83.667%; } }
  @media (max-width: 991.98px) {
    header .logos .menu-container {
      margin-top: -3rem;
      margin-left: inherit; } }
  @media (max-width: 575.98px) {
    header .logos .menu-container {
      margin-top: 1rem; } }

header .bm-logo a {
  display: block;
  font-size: 0;
  background: transparent url(../images/bygg-logo.png) no-repeat center;
  width: 343px;
  background-size: cover;
  height: 70px;
  margin-bottom: 0.75rem;
  margin-right: 1rem; }
  @media (max-width: 767.98px) {
    header .bm-logo a {
      background-size: contain;
      margin-bottom: 1.5rem;
      margin-right: -1rem;
      margin-top: -1rem; } }
  @media (max-width: 575.98px) {
    header .bm-logo a {
      background: transparent url(../images/Byggmesterforbundet_logo_kvadratisk.svg);
      width: 200px;
      height: 100px;
      position: absolute;
      top: 104px;
      background-size: contain;
      max-width: 33%;
      background-repeat: no-repeat;
      right: 60px; } }

header .navbar {
  background: #e7e6e7;
  color: #333;
  padding: 0;
  /*
  margin-bottom: 0.625rem;
  @media (max-width: 1199.98px) {
      margin-bottom: 0.325rem;
  }
   */ }

header .navbar a.nav-link {
  color: #333; }
  @media (max-width: 767.98px) {
    header .navbar a.nav-link {
      font-size: 90%; } }

header .navbar a.nav-link:hover {
  text-decoration: underline; }

form h1 {
  font-weight: 600;
  font-size: 1.75rem;
  margin-bottom: 2rem; }
form.openMyForm .dates {
  font-size: 14px; }
form.openMyForm .customnamedisplay {
  position: relative; }
  form.openMyForm .customnamedisplay span.edit {
    margin-left: .5rem; }
    form.openMyForm .customnamedisplay span.edit:hover {
      cursor: pointer; }

h1, h2, h3, h4 {
  margin-bottom: 1rem; }

.frontpage .certificat-image {
  padding-top: 0; }
  .frontpage .certificat-image img {
    border: 1px solid #000;
    margin: 0;
    padding: 0; }
.frontpage section.search {
  margin-top: 2rem; }
  .frontpage section.search form {
    margin-bottom: 3rem; }
.frontpage section.info {
  margin: 1rem 0;
  background: #f1f1f1;
  padding: 2rem 2rem 1rem; }
  .frontpage section.info ul {
    margin: 0;
    padding: 0 0 0 1rem;
    list-style: none; }
    .frontpage section.info ul li {
      line-height: 1.5;
      margin-bottom: 1.5rem;
      position: relative; }
      .frontpage section.info ul li::before {
        display: inline-block;
        background: #028D99;
        content: "";
        position: absolute;
        left: 0;
        margin-left: -1.25rem;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        top: 5px; }
.frontpage div.articles {
  margin: 5rem 0; }
.frontpage ul.articles {
  list-style-type: none;
  padding: 0;
  margin: 0 -20px; }
  .frontpage ul.articles li {
    margin-bottom: 2rem;
    padding: 0 20px; }
    .frontpage ul.articles li h3 {
      font-size: 1.5rem; }
      .frontpage ul.articles li h3 a {
        color: inherit;
        text-decoration: none; }
        .frontpage ul.articles li h3 a:hover {
          text-decoration: underline; }
    .frontpage ul.articles li img {
      width: 100%;
      max-height: 21rem;
      object-fit: cover; }
    .frontpage ul.articles li .digest {
      margin-bottom: 1.5rem; }

.bootstrap-select > .dropdown-toggle {
  position: relative;
  width: 100%;
  text-align: right;
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }

.text-right {
  text-align: right !important; }

a {
  color: #2f496f; }

a.avbryt {
  display: inline-block;
  margin-left: 1em; }

.slett a {
  color: #C45D78;
  display: inline-block;
  margin-left: 2em; }

.clearfloat {
  clear: both; }

.inline-block {
  display: inline-block;
  vertical-align: top; }

/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.marketing {
  padding-left: 15px;
  padding-right: 15px; }

/* Custom page header */
.header {
  border-bottom: 1px solid #e5e5e5;
  padding: 1em;
  min-height: 124px;
  background-color: #2f496f;
  width: 100%;
  float: left;
  margin-bottom: 2.5em; }

.header ul.nav {
  margin-left: 0.5em;
  padding: 0; }

.nav-pills > li a:hover {
  color: #428bca; }

.nav-pills > li + li {
  margin-left: 1em; }

ul.fylke-list,
.nav ul {
  padding-left: 0; }

.nav li {
  list-style: none;
  float: left;
  margin-left: 1em;
  padding-left: 0; }

.nav.nav-pills li:last-child {
  margin-right: 0; }

/* frontpage */
a.button-linkFront {
  text-align: center; }

.msg {
  text-align: center;
  margin: 2rem; }

.loggedin {
  margin-right: 1em;
  font-size: 0.88em; }

.btn-primary {
  background-color: #2f496f;
  border-color: #2f496f; }
  .btn-primary:hover {
    background-color: #008d97;
    border-color: #008282; }

.valgt-firma {
  margin-top: 2em;
  padding-right: 2.5em; }

.disclaimer {
  background-color: #EFEFEF;
  border: 1px solid #999999;
  border-radius: 5px;
  margin: 3em 1em 1.5em;
  padding: 1em 1em 0.5em;
  width: 97%; }

#content {
  clear: both;
  padding: 0 1em;
  position: relative; }

.content-height-wrapper {
  clear: both;
  margin-bottom: 2.5rem; }

#content .nav li {
  background-color: #01A7CB;
  border: 1px solid #555555;
  border-radius: 3px;
  float: left;
  list-style: none outside none;
  margin: -1em 1.5em 0 0;
  padding: 0.35em 1em; }

#content .nav li.active,
#content .nav li:hover {
  background-color: #A1A1A1;
  border: 1px solid #777; }

#content .nav li a,
#content .nav li.active a,
#content .nav li:hover a {
  color: #fff; }

#content .mine-foretak ul {
  list-style-type: none;
  margin: 0 0 0 -1.5em;
  padding: 0; }

ul.multiselect-container {
  padding-bottom: 0.7em; }

@media (max-width: 992px) {
  .endre-foretak .medlemslogo {
    float: right;
    margin: -65px 90px 0 0;
    position: relative;
    right: 33px;
    top: 0; } }
/* Customize container */
.container-narrow > hr {
  margin: 30px 0; }

/* Main marketing message and sign up button */
.jumbotron {
  text-align: left;
  border-bottom: 1px solid #e5e5e5;
  font-size: 13px;
  padding: 30px; }

.jumbotron h1 {
  text-align: left;
  font-size: 24px; }

.jumbotron .btn {
  font-size: 16px;
  padding: 14px 24px; }

.inline-block.fa {
  width: 15px;
  vertical-align: middle; }

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .header,
  .marketing,
  .footer {
    padding-left: 0;
    padding-right: 0; }

  /* Space out the masthead */
  /*
  .header {
    margin-bottom: 30px;
  }
  */
  /* Remove the bottom border on the jumbotron for visual effect */
  .jumbotron {
    border-bottom: 0; } }
@media (max-width: 895px) {
  .header ul {
    width: 54%; } }
@media (max-width: 784px) {
  .header ul {
    width: 45%; } }
@media (max-width: 720px) {
  .header ul {
    float: none;
    margin-top: 1.5em;
    width: 100%; } }
label {
  width: 100%; }

footer {
  background: #2f496f;
  color: #efefef; }

footer a {
  color: #efefef; }
  footer a:hover {
    color: #bbb; }

footer p {
  margin-bottom: 0; }

form .form-group {
  margin-bottom: 1rem; }

.nav-pills .nav-link {
  border-radius: 0;
  color: #2f496f; }
  .nav-pills .nav-link:hover {
    color: #fff;
    background-color: #008d97; }
  .nav-pills .nav-link.active {
    color: #fff;
    background-color: #2f496f; }
    .nav-pills .nav-link.active:hover {
      background-color: #008d97; }

.list ul.list-content {
  list-style: none; }
  .list ul.list-content li {
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 1rem;
    padding-top: 1rem;
    line-height: normal; }
    .list ul.list-content li:first-child {
      border-top: 1px solid #cdcdcd; }
    .list ul.list-content li:nth-child(odd) {
      background-color: #efefef; }
    .list ul.list-content li .openMyForm input.form-control:disabled {
      background-color: transparent;
      opacity: 1;
      border: none;
      font-weight: bold;
      padding: 0; }
    .list ul.list-content li .openMyForm span.edit {
      background: url(../images/edit-pen.svg);
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      width: 1rem;
      height: 1rem; }
    .list ul.list-content li div.sub {
      margin-top: 1rem; }
      .list ul.list-content li div.sub .help {
        background: #192B45;
        border-radius: 200px;
        height: 20px;
        width: 20px;
        line-height: 1;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        padding: 3px;
        cursor: pointer;
        color: #fff;
        font-size: 0.875rem;
        position: relative; }
        .list ul.list-content li div.sub .help[data-title]:hover:after {
          opacity: 1;
          transition: all 0.1s ease 0.5s;
          visibility: visible; }
        .list ul.list-content li div.sub .help[data-title]:after {
          content: attr(data-title);
          position: absolute;
          top: -100%;
          left: 0;
          font-size: 13px;
          font-weight: normal;
          padding: 0.5rem;
          background-color: #008d97;
          color: #fff;
          border: 1px solid #cdcdcd;
          width: 200px;
          box-shadow: 1px 1px 3px #cdcdcd;
          line-height: 1.3;
          opacity: 0;
          z-index: 99999;
          visibility: hidden; }
        .list ul.list-content li div.sub .help[data-title] {
          position: relative; }
      .list ul.list-content li div.sub span.close {
        color: red;
        font-size: 1.125rem;
        line-height: 1;
        margin-left: 0.75rem; }
        .list ul.list-content li div.sub span.close:hover {
          cursor: pointer; }

.modal a {
  color: #2f496f !important;
  text-decoration: underline !important;
  cursor: pointer; }

.mypage .details .change a {
  color: #2f496f !important;
  text-decoration: underline !important;
  cursor: pointer; }

/*# sourceMappingURL=bbl.css.map */