/* html { overflow-y: scroll; } */
/* html { margin-left: calc(100vw - 100%); } */
/* .macantizoom { zoom: 70%; } */

/* @media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    html { zoom: 70%; }
} */
a { color: #2b57ab; }
.navbar-dark .navbar-toggler { color: rgba(255,255,255,1); border-color: rgba(255,255,255,0.8); }

/* @media (max-width: 991.98px) { .navbar{ background-color: white!important; } } */
@media (max-width: 576px) { h1 { font-size: 2.2rem!important; font-weight: 100; } }
@media (min-width: 576px) { h1 { font-size: 2.5rem!important; font-weight: 100; } }
@media (min-width: 992px) { h1 { font-size: 2.8rem!important; font-weight: 100; } }
@media (min-width: 1200px) { h1 { font-size: 3.2rem!important; font-weight: 100; } }

p, li { font-size: 1.05rem!important; font-weight: 100; margin: 0px; }

.navbar * { text-align: center; }
.subheader { margin-bottom: 20px; position: relative; font-weight: 400! important; }
.subsubheader { margin-bottom: 20px; }
.subsubsubheader { margin-bottom: 10px; font-size: 21px!important; }

/* .subheader::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -17px;
  width: 105px;
  margin: auto;
  height: 1px;
  border-bottom: 1px solid #949494;
 }

 .subheader::before {
   content: "";
   position: absolute;
   left: 0;
   bottom: -22px;
   width: 70px;
   margin: auto;
   height: 1px;
   border-bottom: 1px solid #949494;
  } */

.navbar-brand { letter-spacing: 4px; font-size: 2.25rem; }
.navbar-brand span:nth-child(3){ margin-left: -10px; }
.nav-item { font-size: 18px; font-weight: 300; color: #000!important;}
.navbar-dark .navbar-nav .nav-link { color: rgba(255,255,255,1); }
.navbar { border-bottom: 1px solid #e4e4e4; }
.navbar-dark  { border-bottom: 0px solid #e4e4e4; background: #00000045; }

.font-weight-bold { font-weight: 600 !important; }

.jumbotron { background-color: #f9f9f9; padding: 1.5rem 1rem !important; }

.container-fluid { max-width:1170px; }

.modal-fluid { max-width: 1140px !important; height: 100% !important; padding: 50px 20px; }
.modal-img { width: 100%; max-height: 100%; margin: 0 auto; object-fit: contain; }

.gallery-img { transition: .2s ease; object-fit: cover; height: 100%; width: 100%;}
.gallery-img:hover { opacity: 0.8; }

input,select,textarea {
    display: block;
    width: 100%;
    font-family: inherit;
    font-size: 1rem;
    height: 2.5rem;
    outline: 0;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    box-shadow: none;
    padding: 0 12px
}

td,textarea {
    vertical-align: top
}

input.comment-meta,input.comment-reply-link,input.small,select.comment-meta,select.comment-reply-link,select.small,textarea.comment-meta,textarea.comment-reply-link,textarea.small {
    height: 2.25rem;
    font-size: .875rem;
    padding: 0 12px;
    border-radius: 3px
}

input.big,select.big,textarea.big {
    height: 3rem;
    font-size: 1.125rem;
    padding: 0 12px;
    border-radius: 3px
}

input:focus:not(.button):not([type=submit]),select:focus:not(.button):not([type=submit]),textarea:focus:not(.button):not([type=submit]) {
    outline: 0;
    background-color: #fff;
    border-color: #1c86f2;
    box-shadow: 0 0 0 1px #1c86f2 inset
}

input.error,select.error,textarea.error {
    background-color: rgba(240,60,105,.1);
    border: 1px solid #f583a0
}

input.error:focus,select.error:focus,textarea.error:focus {
    border-color: #f03c69;
    box-shadow: 0 0 1px #f03c69 inset
}

.subscribe-form input[class*=success],.subscribe-form select[class*=success],.subscribe-form textarea[class*=success],input.success,select.success,textarea.success {
    background-color: rgba(53,190,177,.1);
    border: 1px solid #6ad5cb
}

.subscribe-form input[class*=success]:focus,.subscribe-form select[class*=success]:focus,.subscribe-form textarea[class*=success]:focus,input.success:focus,select.success:focus,textarea.success:focus {
    border-color: #35beb1;
    box-shadow: 0 0 1px #35beb1 inset
}

input.disabled,input:disabled,select.disabled,select:disabled,textarea.disabled,textarea:disabled {
    resize: none;
    opacity: .6;
    cursor: default;
    font-style: italic;
    color: rgba(0,0,0,.5)
}

select {
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='9' height='12' viewBox='0 0 9 12'><path fill='%235e6c75' d='M0.722,4.823L-0.01,4.1,4.134-.01,4.866,0.716Zm7.555,0L9.01,4.1,4.866-.01l-0.732.726ZM0.722,7.177L-0.01,7.9,4.134,12.01l0.732-.726Zm7.555,0L9.01,7.9,4.866,12.01l-0.732-.726Z'/></svg>");
    background-repeat: no-repeat;
    background-position: right 1rem center
}

select[multiple] {
    background-image: none;
    height: auto;
    padding: .5rem .75rem
}

  .bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
  }

  @media (min-width: 768px) {
    .bd-placeholder-img-lg {
      font-size: 3.5rem;
    }
  }

.alert { margin: 1rem 0px; }

.img-overlay-wrap {
  position: relative;
  display: inline-block; /* <= shrinks container to image size */
  margin: 0 auto;
}

.img-overlay-wrap img { /* <= optional, for responsiveness */
   display: block;
   max-width: 100%;
   height: auto;
}

.img-overlay-wrap svg {
  position: absolute;
  top: 0;
  left: 0;
}


circle {
  stroke: black;
  stroke-width: 1;
  fill: #044B94;
  fill-opacity: 0;
  }

  polygon {
    opacity: 0.1;
    fill: #222222;
  }

  polygon:hover {
    opacity: 0.2;
    transition: opacity .05s ease-in-out;
  }

  .btn-outline-secondary { border-color: #b3b3b3; }

  .status-Ledig { color: #27ae60 !important; }
  .status-Reserveret { color: #fde397 !important; }
  .status-Udlejet { color: #ff2727 !important; }

  polygon.Ledig { fill: #27ae60; }
  polygon.Reserveret { fill: #fde397; }
  polygon.Udlejet { fill: #ff2727; }
  polygon.Selected { fill: #adadad; opacity: 1; }

  #main_menu {
      border: 0px;
  }

  .logo_col { max-width: 100% !important; }
  .navigation-bar { border-bottom: 1px solid #dcdcdc; }

   td, th { padding: .75rem !important; text-align: center;}

   #test, .fade-in {
     -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
        -moz-animation: fadein 1s; /* Firefox < 16 */
         -ms-animation: fadein 1s; /* Internet Explorer */
          -o-animation: fadein 1s; /* Opera < 12.1 */
             animation: fadein 1s;
        /* -webkit-filter: grayscale(75%);
           -moz-filter: grayscale(75%);
            -ms-filter: grayscale(75%);
             -o-filter: grayscale(75%);
                filter: grayscale(75%); */
     }

    @keyframes fadein {
      0% { opacity:0; }
      30% { opacity:0; }
      100% { opacity:1; }
    }

    /* Firefox < 16 */
    @-moz-keyframes fadein {
      0% { opacity:0; }
      30% { opacity:0; }
      100% { opacity:1; }
    }

    /* Safari, Chrome and Opera > 12.1 */
    @-webkit-keyframes fadein {
      0% { opacity:0; }
      30% { opacity:0; }
      100% { opacity:1; }
    }

    /* Internet Explorer */
    @-ms-keyframes fadein {
      0% { opacity:0; }
      30% { opacity:0; }
      100% { opacity:1; }
    }

    /* Opera < 12.1 */
    @-o-keyframes fadein {
      0% { opacity:0; }
      30% { opacity:0; }
      100% { opacity:1; }
    }
    .container-padding { padding: 30px 0px; }
    .row-padding { padding: 20px 0px; }
    /* .container { padding: 0px 0px; } */
    .row { margin-right: 0px; margin-left: 0px; }
    /* .row>* { padding: 0px !important; } */
    .h3, h3 { font-size: 1.5rem; line-height: 1.25rem; }
    .popover-body { font-size: medium; }
    .popover{ max-width: 100%; width: 285px; }

    .jumbotron { margin-bottom: 0px; }
    .no-padding { padding: 0px !important; }
/*
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7,
    .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11,
    .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7,
    .col-xl-8, .col-xl-9, .col-xl-auto {
        padding-right: 10px;
        padding-left: 10px;
    } */

    .slideshow_img_indicator { width: 100%; object-fit: cover; transition: .2s ease; cursor: pointer; padding: 5px;}
    .slideshow_img_indicator:hover { opacity: 0.8; }

/* .tooltip, .popover { pointer-events: none; } */