:root {
  --background-color: #A4C4C6;
  --main-color: #174273;
  --main-color-darken: #153b67;
  --white-color: #fff;
  --gray-color: #f2f4f7;
  --gray-color-darken: #d4dae4;
  --light-blue-color: #3498A0;
  --light-blue-color-darken: #2f8990;
  --dark-blue-color: #144C64;
  --dark-blue-text-color: #BAE3E6;
  --border-color: #B8B8B8;
  --button-color: #FFD53D;
  --button-color-darken: #ffce1d;
  --openbooking: #77dd77;
  --partialbooking: #f9e3a4;
  --fullbooking: #b34743;
  --booking: #b34743;
  --border-radius: 25px;
  --border-radius-medium: 12px;
  --big-spacing: 4rem;
  --medium-spacing: 2rem;
  --small-spacing: 1rem;
  --tiny-spacing: 0.5rem;
  --border-color: #ccc;
  --primary-color: #0047ab;
  --primary-color-dark: #003580;
  --secondary-color: #d23838;
  --secondary-color-darken: #c32c2c;
  --text-color: #222;
  --border-radius: 12px;
  --shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  --transition: 0.3s ease;
}
@keyframes slideInFromLeft {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-20%);
  }
  100% {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }
}
@keyframes slideInFromRight {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: translateX(20%);
  }
  100% {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }
}
@keyframes slideInFromBottom {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: translateY(20%);
  }
  100% {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}
/* Fade-in animation */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translate(-50%, -48%);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}
@font-face {
  font-family: 'FontAwesome';
  font-display: block;
  src: url("fonts/fa-solid-900.woff2") format("woff2"), url("fonts/fa-solid-900.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Font Awesome 6';
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
  src: url('fonts/fa-regular-400.woff2') format('woff2'), url('fonts/fa-regular-400.ttf') format('truetype');
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
*,
*:after,
*:before {
  box-sizing: border-box;
  font-family: "Montserrat", "Segoe UI", Arial, sans-serif;
}
.buttonDesign {
  border-radius: var(--border-radius);
  padding: var(--tiny-spacing) var(--medium-spacing);
  background: var(--button-color);
  color: var(--main-color);
  border: none;
}
.buttonDesign:hover {
  background: var(--main-color);
  color: #fff;
  cursor: pointer;
}
.altbuttonDesign {
  padding: var(--tiny-spacing) var(--medium-spacing);
  color: #fff;
  background: var(--light-blue-color);
  border-top-right-radius: var(--border-radius-medium);
  border-bottom-left-radius: var(--border-radius-medium);
  border: none;
}
.altbuttonDesign:hover {
  background: var(--light-blue-color-darken);
  color: #fff;
  cursor: pointer;
}
body {
  font-family: "Montserrat", sans-serif;
  background: var(--white-color);
  padding: var(--medium-spacing) 0 0 0;
  margin: 0;
}
input,
select {
  font-size: 16px;
}
button {
  font-size: 18px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--main-color);
}
h1 {
  font-size: clamp(3.5rem, 1.5vw, 8rem);
}
h2 {
  font-size: clamp(2rem, 1.5vw, 3rem);
}
h3 {
  font-size: clamp(1.5rem, 1.5vw, 2rem);
}
#top {
  background-image: url('design/ishoj_signatur-vignet.png');
  background-repeat: no-repeat;
  background-position: top;
  background-size: 300px;
  padding-top: 2rem;
}
.top-information-wrapper,
.login-formular,
.fullpagewidth,
.associationsearch-container,
#lokationsliste,
#top,
.lokale-search-wrapper,
.forside-boks-liste,
.borger-wrapper,
.frister-wrapper,
.nyheder-wrapper,
.need-help-wrapper {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}
.fullpagewidth {
  margin-bottom: var(--big-spacing);
}
#menuButton {
  font-size: 0;
  background: transparent;
  border: none;
}
#menuButton:before {
  font-family: 'FontAwesome';
  content: '\f0c9';
  font-size: 32px;
  color: var(--main-color);
}
#top {
  display: grid;
  grid-template-columns: 300px 1fr;
  align-items: center;
  gap: 1rem;
}
#top #bruger-menu {
  display: flex;
  flex-flow: row nowrap;
  gap: var(--small-spacing);
  list-style: none;
  padding: 0;
  margin-top: 0;
  justify-content: flex-end;
  align-items: center;
}
#top #bruger-menu a,
#top #bruger-menu span {
  color: var(--main-color);
  text-decoration: none;
}
#top #bruger-menu a:hover,
#top #bruger-menu span:hover {
  text-decoration: underline;
}
#top #bruger-menu .login a,
#top #bruger-menu .opretbruger a,
#top #bruger-menu .login span,
#top #bruger-menu .opretbruger span {
  border-radius: var(--border-radius);
  background: var(--main-color);
  padding: var(--tiny-spacing) var(--small-spacing);
  color: #fff;
}
#top #bruger-menu .login {
  position: relative;
  z-index: 999;
  border-bottom-right-radius: var(--border-radius);
}
#top #bruger-menu .searchmenu {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  position: relative;
  background: url(search-button-background.png) no-repeat right center;
  background-size: contain;
  padding: var(--medium-spacing) var(--small-spacing);
  padding-left: 110px;
  border-top-right-radius: var(--border-radius);
  border-top-left-radius: var(--border-radius);
}
#top #bruger-menu .searchmenu a {
  position: relative;
  z-index: 999;
  color: var(--main-color);
  background: var(--button-color);
  border-radius: var(--border-radius);
  padding: var(--tiny-spacing) var(--medium-spacing);
  margin-right: var(--small-spacing);
}
#top #bruger-menu .searchmenu a:hover {
  text-decoration: none;
  cursor: unset;
}
#bund {
  background: var(--dark-blue-color);
  margin-top: var(--medium-spacing);
}
#bund #bund-indhold {
  width: 100%;
  max-width: 1440px;
  padding: 4rem 0;
  margin: 0 auto;
  color: var(--dark-blue-text-color);
}
#bund #bund-indhold a {
  color: var(--dark-blue-text-color);
  text-decoration: none;
}
#bund #bund-indhold a:hover {
  text-decoration: underline;
}
#bund #bund-indhold h1,
#bund #bund-indhold h2,
#bund #bund-indhold h3 {
  color: var(--dark-blue-text-color);
  margin: 0;
}
#bund #bund-indhold .bund-indhold-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  border-top: 1px solid var(--dark-blue-text-color);
  padding-top: var(--medium-spacing);
}
#bund #bund-indhold .bund-indhold-wrapper .tilgaengelighedserklaering a {
  text-decoration: underline;
}
.help-container {
  display: grid;
  grid-template-columns: auto 1fr auto 2fr;
  align-items: flex-start;
  gap: var(--medium-spacing);
  background: lightgray;
  padding: var(--small-spacing);
  border-radius: var(--border-radius);
}
.help-container .help-icon {
  display: flex;
  margin: auto 0;
}
.help-container .help-hours {
  display: flex;
  flex-flow: column nowrap;
  gap: var(--tiny-spacing);
}
.help-container .help-hours p {
  margin: 0;
}
.help-container .help-phone {
  display: flex;
  flex-flow: column nowrap;
  gap: var(--tiny-spacing);
}
.help-container .help-phone p {
  margin: 0;
}
.lokationsliste-container {
  background: #fff;
  margin: 0 auto;
}
.resource-resultlist-container ul {
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  justify-content: space-evenly;
  padding: 0;
}
.resource-resultlist-container ul li {
  padding: 16px;
  background: var(--main-color);
  color: #fff;
  width: 30%;
  margin-bottom: 16px;
  border-radius: var(--border-radius);
}
.resource-resultlist-container ul li .location-name {
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #fff;
}
.resource-resultlist-container ul li .resource-name {
  font-size: 12px;
  font-weight: bold;
}
.resource-resultlist-container ul li .address {
  text-align: right;
}
.resource-resultlist-container ul li .zip-city {
  text-align: right;
}
.resource-resultlist-container ul li .area {
  text-align: left;
}
.resource-resultlist-container ul li .num-people {
  text-align: left;
}
.resource-resultlist-container ul li .category {
  font-size: 16px;
}
.resource-resultlist-container ul li .booking-link {
  display: inline-block;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 10px;
  background: #fff;
  font-weight: none;
  text-decoration: none;
  color: #000;
  border-radius: 4px;
}
.resource-resultlist-container ul li .booking-link:hover {
  background: var(--border-color);
  color: #fff;
  border-radius: 4px;
}
.resource-resultlist-container ul li .description {
  overflow: hidden;
}
.resource-resultlist-container ul li .description img {
  display: block;
  width: 100% !important;
  height: auto !important;
}
.resource-resultlist-container ul li .description a {
  color: #fff;
}
.resource-resultlist-container ul li .description ul {
  display: flex;
  flex-flow: column wrap;
  list-style-type: disc;
  padding-left: 20px;
  color: #fff;
}
.resource-resultlist-container ul li .description ul li {
  width: 100%;
  padding: 5px;
  margin-bottom: 5px;
}
.lokale-search-wrapper {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  align-items: center;
  gap: var(--big-spacing);
  margin-top: -24px;
}
.lokale-search-wrapper .forside-nyheder-search-wrapper h1 {
  margin-bottom: 0;
}
.lokale-search-wrapper .forside-nyheder-search-wrapper h2 {
  margin-top: 0;
}
.lokale-search-wrapper .hero-links {
  display: flex;
  flex-flow: row wrap;
  gap: var(--medium-spacing);
}
.lokale-search-wrapper .hero-links a {
  padding: var(--medium-spacing) var(--big-spacing);
  border: 3px solid var(--secondary-color);
  color: var(--secondary-color);
  text-decoration: none;
  border-radius: var(--border-radius);
  font-weight: bold;
}
.lokale-search-wrapper .hero-links a:hover {
  cursor: pointer;
  background: var(--secondary-color-darken);
  color: #fff;
  transition: all 1s;
}
.lokale-search-wrapper .lokale-search {
  grid-column: 2 / -1;
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: var(--medium-spacing);
  background: var(--white-color);
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  border: 3px solid var(--main-color);
  padding: var(--big-spacing);
}
.lokale-search-wrapper .lokale-search form legend {
  font-size: 2rem;
  color: var(--main-color);
  font-weight: bold;
  margin-bottom: var(--medium-spacing);
}
.lokale-search-wrapper .lokale-search form fieldset {
  border: none;
}
.lokale-search-wrapper .lokale-search form .resource-search-field-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--small-spacing);
}
.lokale-search-wrapper .lokale-search form .resource-search-field-group label {
  display: block;
  width: 100%;
  color: var(--main-color);
  margin-bottom: 5px;
}
.lokale-search-wrapper .lokale-search form .resource-search-field-group input,
.lokale-search-wrapper .lokale-search form .resource-search-field-group select {
  width: 100%;
  border-width: 1px;
  padding: 3px;
  border-radius: var(--border-radius);
  border-color: var(--border-color);
}
.lokale-search-wrapper .lokale-search form button {
  border-radius: var(--border-radius);
  padding: var(--tiny-spacing) var(--medium-spacing);
  background: var(--button-color);
  color: var(--main-color);
  border: none;
}
.lokale-search-wrapper .lokale-search form button:hover {
  background: var(--main-color);
  color: #fff;
  cursor: pointer;
}
.lokale-search-wrapper .lokale-search .lokale-search-svg {
  fill: var(--main-color);
}
.lokationsliste-container {
  padding: var(--big-spacing) 0;
  margin: var(--big-spacing) 0 0;
}
.lokationsliste-container #lokationsliste {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: var(--medium-spacing);
}
.lokationsliste-container #lokationsliste .gymnastiksal {
  grid-column: 1 / 3;
}
.lokationsliste-container #lokationsliste .biblioteker {
  grid-column: 3 / 5;
}
.lokationsliste-container #lokationsliste .svommehaller {
  grid-column: 1 / 3;
}
.lokationsliste-container #lokationsliste .white {
  border: 1px solid var(--dark-blue-color);
}
.lokationsliste-container #lokationsliste .white .know-more-button {
  top: -1px;
  right: -1px;
  border-top: #fff;
  border-right: #fff;
  border-bottom-left-radius: var(--border-radius);
  border-left: 1px solid var(--dark-blue-color);
  border-bottom: 1px solid var(--dark-blue-color);
  padding-left: 10px;
  padding-bottom: 10px;
  background: #fff;
}
.lokationsliste-container #lokationsliste .white .know-more-button .know-more-svg-container {
  border: 1px solid var(--dark-blue-color);
  border-top-right-radius: var(--border-radius);
}
.boks-liste {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--big-spacing);
  margin-top: var(--big-spacing);
}
.boks-liste .boks {
  display: flex;
  flex-flow: column wrap;
  border-radius: var(--border-radius);
  padding: var(--medium-spacing);
  position: relative;
}
.boks-liste .boks svg {
  max-width: 100%;
}
.boks-liste .boks h2 {
  margin-top: auto;
}
.boks-liste .boks .pic img {
  width: 100% !important;
  height: auto !important;
}
.boks-liste .boks .link {
  margin-top: auto;
  padding-top: var(--big-spacing);
}
.boks-liste .boks .link a {
  color: #fff;
  text-decoration: none;
}
.boks-liste .boks.white {
  background: #fff;
  border: 1px solid var(--main-color);
}
.boks-liste .boks.white .link a {
  color: var(--light-blue-color);
}
.boks-liste .boks.white .know-more-button {
  position: absolute;
  top: 0;
  right: 0;
}
.boks-liste .boks.white .know-more-button .know-more-svg-container {
  padding: var(--small-spacing) var(--medium-spacing);
  border-left: 10px solid var(--background-color);
  border-bottom: 10px solid var(--background-color);
  border-bottom-left-radius: var(--border-radius);
}
.boks-liste .boks.white .know-more-button .know-more-svg-container svg path {
  stroke: var(--light-blue-color);
}
.boks-liste .boks.light {
  background: var(--light-blue-color);
}
.boks-liste .boks.light .know-more-button {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.boks-liste .boks.light .know-more-button .know-more-svg-container {
  background: var(--main-color);
  padding: var(--small-spacing) var(--medium-spacing);
  border: 2px solid var(--main-color);
  border-bottom-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}
.boks-liste .boks.light .know-more-button .know-more-svg-container svg path {
  stroke: #fff;
}
.boks-liste .boks.dark {
  background: var(--dark-blue-color);
}
.boks-liste .boks.dark .know-more-button {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.boks-liste .boks.dark .know-more-button .know-more-svg-container {
  background: #fff;
  padding: var(--small-spacing) var(--medium-spacing);
  border: 2px solid var(--main-color);
  border-bottom-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}
.boks-liste .boks.dark .know-more-button .know-more-svg-container svg path {
  stroke: var(--light-blue-color);
}
#forside .forside-boks-liste .boks.forening {
  background: #fff url(billeder/forening-background.png) bottom center no-repeat;
  border: 1px solid var(--main-color);
}
#forside .forside-boks-liste .boks.forening ul {
  list-style: none;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  gap: var(--small-spacing);
  margin-right: var(--big-spacing);
}
#forside .forside-boks-liste .boks.forening ul li {
  background: var(--main-color);
  border-radius: var(--border-radius);
  padding: var(--small-spacing) var(--medium-spacing);
  color: #fff;
  font-size: 0.8rem;
}
#forside .forside-boks-liste .boks.lokale {
  position: relative;
}
#forside .forside-boks-liste .boks.lokale h2 {
  color: #fff;
}
#forside .forside-boks-liste .boks.tilskud {
  position: relative;
}
#forside .forside-boks-liste .boks.tilskud h2 {
  color: #fff;
}
#forside .forside-boks-liste .boks.tilskud .tilskud-search {
  visibility: hidden;
  position: relative;
  background: #fff;
  width: 100%;
  max-width: 130px;
  border-radius: var(--border-radius);
  color: var(--main-color);
  text-align: center;
  padding: var(--tiny-spacing) 0;
  margin-bottom: var(--medium-spacing);
}
#forside .forside-boks-liste .boks.tilskud .tilskud-search:before {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  content: "$";
  background: var(--main-color);
  color: #fff;
  border-radius: var(--border-radius);
  position: absolute;
  left: 0;
  top: 3px;
  padding: 5px 12px;
  width: 30px;
  height: 30px;
}
#forside .min-side {
  background: url('billeder/min-side-background.png') var(--main-color);
  background-repeat: no-repeat;
  background-position: center;
}
#forside .min-side h2 {
  color: #fff;
}
#forside .borger {
  background: #fff;
  padding: var(--big-spacing) 0;
  margin: var(--big-spacing) 0 0 0;
}
#forside .borger .borger-wrapper {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
#forside .borger .borger-wrapper h2 {
  grid-column: 1 / -1;
  color: var(--main-color);
  margin: var(--medium-spacing) 0;
}
#forside .borger .borger-wrapper .know-more {
  grid-column: 1 / -1;
}
#forside .borger .borger-wrapper .opdag-kommune-image-container {
  position: absolute;
  right: 0;
  bottom: -200px;
}
#forside .borger .borger-wrapper .opdag-kommune-image-container img {
  width: 100% !important;
  height: auto !important;
}
#forside .borger .borger-wrapper .know-more {
  padding: var(--tiny-spacing) var(--small-spacing);
  border: 1px solid var(--main-color);
  border-top-right-radius: var(--border-radius-medium);
  border-bottom-left-radius: var(--border-radius-medium);
  text-align: center;
  width: 80px;
}
#forside .borger .borger-wrapper .know-more svg {
  height: 15px;
}
#forside .frister {
  background: var(--main-color);
  padding: var(--big-spacing) 0;
}
#forside .frister .frister-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--big-spacing);
  justify-content: center;
  align-items: center;
}
#forside .frister .frister-section-text {
  color: #fff;
}
#forside .frister .frister-section-text h2 {
  color: #fff;
  margin: var(--medium-spacing) 0;
}
#forside .frister .know-more {
  display: inline-block;
  background: var(--button-color);
  padding: var(--tiny-spacing) var(--small-spacing);
  border: 1px solid var(--main-color);
  border-top-right-radius: var(--border-radius-medium);
  border-bottom-left-radius: var(--border-radius-medium);
  text-align: center;
  width: 80px;
  margin-top: var(--medium-spacing);
}
#forside .frister .know-more svg {
  height: 15px;
}
#forside .nyheder-section {
  padding: var(--medium-spacing) var(--small-spacing);
  border-top: 1px solid var(--border-color);
  margin-top: var(--big-spacing);
}
#forside .nyheder-section .nyheder-wrapper > h2 {
  text-align: center;
  color: var(--main-color);
}
#forside .nyheder-section .blog-liste {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--medium-spacing);
  padding: 0;
  list-style: none;
}
#forside .nyheder-section .blog-liste li {
  display: flex;
  flex-flow: column wrap;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: var(--border-radius);
  padding: var(--small-spacing);
}
#forside .nyheder-section .blog-liste li h2 {
  margin-top: 0;
}
#forside .nyheder-section .blog-liste li h2 a {
  text-decoration: none;
}
#forside .nyheder-section .blog-liste li .blog-indlaeg-svar-taeller {
  display: none;
}
#forside .nyheder-section .blog-liste li .blog-indlaeg-tekst {
  flex-grow: 1;
  display: flex;
  position: relative;
  padding-bottom: 20px;
}
#forside .nyheder-section .blog-liste li .blog-indlaeg-tekst a:last-child {
  position: absolute;
  right: 20px;
  bottom: -25px;
  background: var(--main-color) url(icons/nyheder-readmore.svg) no-repeat center center;
  background-size: 30%;
  border-top-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  color: #fff;
  text-decoration: none;
  width: 80px;
  height: 50px;
  font-size: 0;
}
#forside .nyheder-section .blog-liste li .blog-indlaeg-info {
  font-size: 0.8rem;
  margin-top: auto;
  width: 100%;
  border-top: 1px solid #ccc;
  padding: var(--tiny-spacing) 0;
  margin-bottom: calc(var(--tiny-spacing) * -1);
}
#forside .nyheder-section .blog-liste li .blog-indlaeg-info .dato-label {
  text-transform: uppercase;
}
#forside .nyheder-section .blog-link-linje {
  text-align: right;
}
#forside .nyheder-section .blog-link-linje a {
  display: inline-block;
  text-decoration: none;
  background: var(--button-color);
  padding: var(--small-spacing);
  color: var(--main-color);
  border: 1px solid transparent;
  border-top-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
#forside .nyheder-section .blog-link-linje a:hover {
  background: var(--main-color);
  color: #fff;
}
#forside .need-help {
  background: #fff;
  padding: var(--big-spacing) var(--small-spacing);
}
#forside .need-help .need-help-wrapper .list-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: flex-start;
}
#forside .need-help .need-help-wrapper .help-list {
  display: flex;
  flex-flow: row wrap;
  gap: var(--small-spacing);
  list-style: none;
  padding: 0;
}
#forside .need-help .need-help-wrapper .help-list li:hover a {
  background: var(--main-color);
  color: #fff;
}
#forside .need-help .need-help-wrapper .help-list li a {
  display: block;
  border: 1px solid var(--main-color);
  border-radius: var(--border-radius);
  padding: var(--small-spacing);
  text-decoration: none;
  color: var(--main-color);
}
#forside .need-help .need-help-wrapper .se-alle-vejledninger {
  margin-top: var(--medium-spacing);
}
#forside .need-help .need-help-wrapper .se-alle-vejledninger a {
  display: inline-block;
  text-decoration: none;
  background: var(--button-color);
  padding: var(--small-spacing);
  color: var(--main-color);
  border: 1px solid transparent;
  border-top-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
#forside .need-help .need-help-wrapper .se-alle-vejledninger a:hover {
  background: var(--main-color);
  color: #fff;
}
.section-tag span {
  background: var(--button-color);
  color: var(--main-color);
  padding: var(--tiny-spacing) var(--medium-spacing);
  border-top-right-radius: var(--border-radius-medium);
  border-bottom-left-radius: var(--border-radius-medium);
}
#resourceserialbooking #top #bruger-menu li.login,
#blog #top #bruger-menu li.login,
#login-side #top #bruger-menu li.login,
body[data-wk-page-identifier="3"] #top #bruger-menu li.login,
body[data-wk-page-identifier="5"] #top #bruger-menu li.login,
body[data-wk-page-identifier="9"] #top #bruger-menu li.login,
body[data-wk-page-identifier="10"] #top #bruger-menu li.login,
body[data-wk-page-identifier="11"] #top #bruger-menu li.login,
body[data-wk-page-identifier="18"] #top #bruger-menu li.login,
body[data-wk-page-identifier="19"] #top #bruger-menu li.login,
body[data-wk-page-identifier="21"] #top #bruger-menu li.login,
body[data-wk-page-identifier="14"] #top #bruger-menu li.login,
#resourcebookingform #top #bruger-menu li.login,
#resourcebooking #top #bruger-menu li.login,
body[data-wk-page-identifier="1"] #top #bruger-menu li.login {
  margin-right: 0;
}
#resourceserialbooking #top #bruger-menu li.searchmenu,
#blog #top #bruger-menu li.searchmenu,
#login-side #top #bruger-menu li.searchmenu,
body[data-wk-page-identifier="3"] #top #bruger-menu li.searchmenu,
body[data-wk-page-identifier="5"] #top #bruger-menu li.searchmenu,
body[data-wk-page-identifier="9"] #top #bruger-menu li.searchmenu,
body[data-wk-page-identifier="10"] #top #bruger-menu li.searchmenu,
body[data-wk-page-identifier="11"] #top #bruger-menu li.searchmenu,
body[data-wk-page-identifier="18"] #top #bruger-menu li.searchmenu,
body[data-wk-page-identifier="19"] #top #bruger-menu li.searchmenu,
body[data-wk-page-identifier="21"] #top #bruger-menu li.searchmenu,
body[data-wk-page-identifier="14"] #top #bruger-menu li.searchmenu,
#resourcebookingform #top #bruger-menu li.searchmenu,
#resourcebooking #top #bruger-menu li.searchmenu,
body[data-wk-page-identifier="1"] #top #bruger-menu li.searchmenu {
  display: none;
}
.associationsearch-container {
  background: #fff;
  border-radius: var(--border-radius);
  padding: var(--medium-spacing);
  margin-bottom: var(--medium-spacing);
}
.associationsearch-container .associationsearch-form {
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  justify-content: center;
  gap: var(--medium-spacing);
}
.associationsearch-container .associationsearch-form .associationsearch-filterfields-group-container {
  display: flex;
  flex-flow: row wrap;
  gap: var(--medium-spacing);
}
#password #indhold {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto 10vh auto;
}
#password #indhold h1 {
  text-align: center;
}
#password #indhold p {
  text-align: center;
}
#password .password-email-field-group {
  display: grid;
  grid-template-columns: 250px 200px;
  gap: var(--medium-spacing);
  align-items: center;
  justify-content: center;
  border: none;
}
#password .password-email-field-group input {
  width: 100%;
}
#password .password-email-field-group button {
  display: block;
  margin: 0;
  height: 50px;
  color: #fff;
  background: var(--main-color);
  text-align: center;
  width: 100%;
  border: none;
  padding: 13px 0;
  font-size: 20px;
}
#password .password-current-user-button {
  display: block;
  margin: 2rem auto 0 auto;
  height: 50px;
  color: #fff;
  background: var(--main-color);
  text-align: center;
  width: auto;
  border: none;
  padding: 13px 30px;
  font-size: 20px;
}
#password .password-current-user-button:hover {
  background: var(--main-color-darken);
  text-decoration: none;
  cursor: pointer;
}
#login-side #indhold {
  padding: 0;
  position: relative;
}
#login-side #indhold h1 {
  text-align: center;
}
#login-side #indhold p {
  text-align: center;
}
#login-side .login-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 10vh;
}
#login-side .mitid-login-link {
  display: flex;
  position: relative;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
  border-left: 1px solid black;
}
#login-side .mitid-login-link:before {
  content: 'Eller';
  font-size: 1rem;
  position: absolute;
  left: 0;
  transform: translate(-50%, 0);
  background: var(--white-color);
  padding: 1.5rem 0;
}
#login-side .mitid-login-link a {
  padding: 4rem 8rem;
  background: url(../../billeder/mitid.png) #fff center center no-repeat;
  border: 5px solid #005FE6;
  background-size: contain;
  color: #fff;
  font-size: 0;
  text-decoration: none;
}
#login-side .login-formular {
  box-sizing: border-box;
  width: 500px;
  padding: 5em 0 0 0;
  margin: 0 auto;
}
#login-side .login-formular legend {
  display: none;
}
#login-side .login-formular fieldset {
  border: none;
}
#login-side .login-formular ul {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
#login-side .login-formular ul li {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  text-align: left;
  list-style: none;
  padding: 0.3em 0;
  overflow: hidden;
  width: 100%;
}
#login-side .login-formular ul li label {
  width: 9em;
  margin: 0;
  clear: left;
}
#login-side .login-formular ul li input[type='text'] {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #4e4e4e;
}
#login-side .login-formular ul li.knap-linje {
  display: inline-block;
  width: 50%;
}
#login-side .login-formular ul li.glemt-login {
  display: inline-block;
  width: 30%;
  margin-left: 4%;
  margin-top: 5px;
}
#login-side .login-formular ul li.glemt-login span {
  display: block;
  width: 100%;
  margin-bottom: 0.5em;
}
#login-side .login-formular ul li.glemt-login span a {
  text-decoration: underline;
  color: var(--main-color);
}
#login-side .login-formular label {
  margin-left: 18%;
  display: inline-block;
  vertical-align: top;
}
#login-side .login-formular input {
  height: 50px;
  width: auto;
  font-size: 20px;
  padding-left: 5px;
}
#login-side .login-formular input[type='checkbox'] {
  height: 15px;
  width: 15px;
  font-size: 20px;
  padding-left: 5px;
  margin-top: 15px;
}
#login-side .login-formular input[type='checkbox'] + label {
  margin-top: 12px;
}
#login-side .login-formular label[for='brugernavn'] {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  background: var(--main-color);
  color: #fff;
  width: 140px;
}
#login-side .login-formular label[for='brugernavn']:before {
  display: inline-block;
  content: "";
  background: url(design/user2.png) no-repeat center center;
  background-size: 35px;
  height: 50px;
  width: 50px;
}
#login-side .login-formular label[for='kodeord'] {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  background: var(--main-color);
  color: #fff;
  width: 140px;
}
#login-side .login-formular label[for='kodeord']:before {
  display: inline-block;
  content: "";
  background: url(design/lock2.png) no-repeat center center;
  background-size: 35px;
  height: 50px;
  width: 50px;
}
#login-side .login-formular .login-knap {
  display: block;
  margin: 0;
  height: 50px;
  color: #fff;
  background: var(--main-color);
  text-align: center;
  width: 100%;
  border: none;
  padding: 13px 0;
  font-size: 20px;
}
#login-side .login-formular .login-knap:hover {
  background: var(--main-color-darken);
  text-decoration: none;
  cursor: pointer;
}
.resbook-edit-table {
  width: 100%;
}
.resbook-edit-table thead {
  background: var(--dark-blue-color);
  color: var(--white-color);
  text-align: left;
}
.resbook-edit-table tbody td {
  border-right: 1px solid var(--dark-blue-color);
  border-bottom: 1px solid var(--dark-blue-color);
}
#contact-admin-page .contacts-list {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border: 1px solid var(--dark-blue-color);
}
#contact-admin-page .contacts-list thead {
  background: var(--dark-blue-color);
  color: var(--white-color);
  text-align: left;
}
#contact-admin-page .contacts-list tbody td {
  border-right: 1px solid var(--dark-blue-color);
  border-bottom: 1px solid var(--dark-blue-color);
}
#contact-admin-page .contacts-list .sort-handle {
  width: 1rem;
}
#contact-admin-page .contacts-list .toolbox {
  width: 3rem;
}
#contact-admin-page .contacts-list .Contact_Roles {
  width: 11rem;
}
#contact-admin-page .contacts-list .Contact_UserSms,
#contact-admin-page .contacts-list .Contact_UserPhone {
  width: 6rem;
}
#contact-admin-page fieldset:not(.knapset) {
  padding: 1rem;
  margin: 0;
  border: 1px solid var(--dark-blue-color);
  border-radius: 0 0 var(--border-radius) var(--border-radius);
}
#contact-admin-page fieldset:not(.knapset) legend {
  padding: var(--tiny-spacing) var(--small-spacing);
  margin: -17px;
  font-weight: bold;
  color: var(--white-color);
  background: var(--dark-blue-color);
  width: calc(100% + 2.15rem);
  border-radius: var(--border-radius) var(--border-radius) 0 0;
}
#contact-admin-page fieldset:not(.knapset)#group-hiddencontact {
  margin-bottom: var(--small-spacing);
}
#contact-admin-page fieldset:not(.knapset).Contact_Roles {
  padding-top: var(--medium-spacing);
}
#contact-admin-page #group-hiddencontact .display-settings .hidden-contact-line {
  grid-template-columns: 2rem 1fr;
}
#contact-admin-page .knapset {
  margin-top: var(--small-spacing);
}
.gdprdescription,
.bornedescription {
  max-width: 100%;
}
.gdprdescription {
  display: none;
  border: 1px solid var(--dark-blue-color);
  padding: 0 15px;
  background: var(--gray-color);
  height: 300px;
  overflow-y: scroll;
  margin: 0 0 20px;
}
.bornedescription {
  display: none;
  border: 1px solid var(--dark-blue-color);
  padding: 0 15px;
  background: var(--gray-color);
  height: 300px;
  overflow-y: scroll;
  margin: 0 0 20px;
}
.mbsc-windows.mbsc-textfield {
  background: var(--gray-color);
  cursor: default;
}
@media screen and (max-width: 700px) {
  #indhold {
    max-width: 100vw !important;
  }
  #indhold > h1,
  #indhold h2 {
    word-wrap: unset;
  }
  h1 {
    font-size: clamp(2rem, 1.5vw, 8rem);
  }
  h2 {
    font-size: clamp(1.7rem, 1.5vw, 3rem);
  }
  h3 {
    font-size: clamp(1.3rem, 1.5vw, 2rem);
  }
  .select2-search__field,
  span.select2,
  textarea {
    width: 100% !important;
  }
  #bund #bund-indhold {
    padding: var(--small-spacing);
  }
  div.help-container {
    grid-template-columns: 1fr;
  }
  div.help-container .help-icon {
    display: none;
  }
  #password .password-email-field-group {
    grid-template-columns: 1fr;
  }
  .lokale-search-wrapper .hero-links {
    gap: var(--small-spacing);
  }
  .lokale-search-wrapper .hero-links a {
    padding: var(--tiny-spacing) var(--small-spacing);
    border: 1px solid var(--secondary-color);
    font-size: 1.1rem;
  }
  .select-container p {
    display: flex;
    flex-flow: row wrap;
    gap: var(--small-spacing);
  }
  .select-container p label {
    width: 100%;
  }
  .minsideboks {
    grid-template-columns: 1fr !important;
  }
  form.bruger-formular {
    overflow: hidden;
  }
  form.bruger-formular fieldset.debtor-fieldset,
  form.bruger-formular fieldset {
    width: 100%;
    max-width: 98vw;
    overflow: hidden;
  }
  form.bruger-formular fieldset.debtor-fieldset legend,
  form.bruger-formular fieldset legend {
    margin-left: -19px;
    width: calc(100% + 40px);
  }
  form.bruger-formular fieldset.debtor-fieldset .gdprdescription,
  form.bruger-formular fieldset .gdprdescription,
  form.bruger-formular fieldset.debtor-fieldset .bornedescription,
  form.bruger-formular fieldset .bornedescription {
    max-width: 85%;
  }
  form.bruger-formular fieldset.debtor-fieldset ul,
  form.bruger-formular fieldset ul {
    display: flex;
    flex-flow: column nowrap;
    gap: var(--small-spacing);
    padding: 0;
  }
  form.bruger-formular fieldset.debtor-fieldset ul label:not(.janej-felt),
  form.bruger-formular fieldset ul label:not(.janej-felt),
  form.bruger-formular fieldset.debtor-fieldset ul input:not(input[type="checkbox"]),
  form.bruger-formular fieldset ul input:not(input[type="checkbox"]),
  form.bruger-formular fieldset.debtor-fieldset ul select,
  form.bruger-formular fieldset ul select,
  form.bruger-formular fieldset.debtor-fieldset ul textarea,
  form.bruger-formular fieldset ul textarea {
    width: 100%;
  }
  form.bruger-formular fieldset.debtor-fieldset ul label.janej-felt,
  form.bruger-formular fieldset ul label.janej-felt {
    width: calc(100% - 40px);
  }
  form.bruger-formular fieldset.debtor-fieldset ul li[data-wk-fieldname="Felt1170"] table,
  form.bruger-formular fieldset ul li[data-wk-fieldname="Felt1170"] table {
    font-size: 0.8rem;
  }
  form.bruger-formular fieldset.debtor-fieldset ul li[data-wk-fieldname="Felt1170"] table th,
  form.bruger-formular fieldset ul li[data-wk-fieldname="Felt1170"] table th,
  form.bruger-formular fieldset.debtor-fieldset ul li[data-wk-fieldname="Felt1170"] table td,
  form.bruger-formular fieldset ul li[data-wk-fieldname="Felt1170"] table td {
    padding: 0.1rem;
  }
  #contact-admin-page .contacts-list {
    table-layout: unset;
  }
  #contact-admin-page .contacts-list .sort-handle,
  #contact-admin-page .contacts-list .Contact_UserSms,
  #contact-admin-page .contacts-list .Contact_UserEmail,
  #contact-admin-page .contacts-list .Contact_Roles {
    display: none;
  }
  #contact-admin-page .tilmelding-felt-gruppe ul li {
    grid-template-columns: 1fr;
  }
  #contact-admin-page .tilmelding-felt-gruppe ul li .hide-toggle {
    width: 100%;
  }
  #contact-admin-page .tilmelding-felt-gruppe ul li.Contact_Roles ul li {
    display: flex;
    flex-flow: row wrap;
    gap: var(--small-spacing);
  }
  #contact-admin-page .tilmelding-felt-gruppe ul li.Contact_Roles ul li input,
  #contact-admin-page .tilmelding-felt-gruppe ul li.Contact_Roles ul li label {
    width: unset;
  }
  #contact-admin-page .tilmelding-felt-gruppe ul li.Contact_Roles ul li input {
    order: 1;
  }
  #contact-admin-page .tilmelding-felt-gruppe ul li.Contact_Roles ul li label {
    order: 2;
    width: calc(100% - 40px);
  }
  #contact-admin-page .tilmelding-felt-gruppe ul li.Contact_Roles ul li label .description {
    display: block;
  }
  #resourcebookingform fieldset.fieldset-time .datetime-selectors {
    width: 100% !important;
  }
  #resourcebookingform fieldset.fieldset-time .datetime-selectors .enddateendtimewrap,
  #resourcebookingform fieldset.fieldset-time .datetime-selectors .startdatestarttimewrap {
    flex-flow: column nowrap;
    align-items: flex-start;
  }
  #resourcebookingform fieldset.fieldset-time .datetime-selectors .enddateendtimewrap label[for="input-starttime"],
  #resourcebookingform fieldset.fieldset-time .datetime-selectors .startdatestarttimewrap label[for="input-starttime"] {
    display: none !important;
  }
  #resourcebookingform fieldset.fieldset-time .datetime-selectors .enddateendtimewrap .form-line,
  #resourcebookingform fieldset.fieldset-time .datetime-selectors .startdatestarttimewrap .form-line,
  #resourcebookingform fieldset.fieldset-time .datetime-selectors .enddateendtimewrap .startdate,
  #resourcebookingform fieldset.fieldset-time .datetime-selectors .startdatestarttimewrap .startdate {
    flex-flow: column nowrap;
    align-items: flex-start;
  }
  #resourcebookingform fieldset.fieldset-time .datetime-selectors .enddateendtimewrap .form-line select,
  #resourcebookingform fieldset.fieldset-time .datetime-selectors .startdatestarttimewrap .form-line select,
  #resourcebookingform fieldset.fieldset-time .datetime-selectors .enddateendtimewrap .startdate select,
  #resourcebookingform fieldset.fieldset-time .datetime-selectors .startdatestarttimewrap .startdate select {
    margin: 0 !important;
  }
  #resourceserialbooking .resource-search-form fieldset {
    flex-flow: column nowrap;
  }
  #resourceserialbooking .resource-search-form fieldset .scwrapperserial {
    grid-template-columns: 1fr !important;
  }
  #resourceserialbooking .resource-search-form fieldset .scwrapperserial div {
    grid-row: unset !important;
    grid-column: unset !important;
  }
  #resourceserialbooking .resource-search-form fieldset .scwrapperserial div label,
  #resourceserialbooking .resource-search-form fieldset .scwrapperserial div input,
  #resourceserialbooking .resource-search-form fieldset .scwrapperserial div select {
    width: 100%;
  }
  #resourceserialbooking .resource-search-form .day-pattern-selector {
    font-size: 0.9rem;
  }
  #resourceserialbooking .resource-search-form .day-pattern-selector fieldset.weekday-fields legend {
    text-align: left;
    margin-bottom: var(--small-spacing);
  }
  #resourceserialbooking .resource-search-form .day-pattern-selector fieldset.weekday-fields .weekday-line ul {
    flex-flow: column nowrap;
    gap: var(--small-spacing);
  }
  #resourceserialbooking .resource-search-form .day-pattern-selector fieldset.weekday-fields .weekday-line ul li {
    display: flex;
    flex-flow: row nowrap;
    gap: var(--tiny-spacing);
  }
  #resourceansoegning #application-filter-form fieldset {
    display: flex;
    flex-flow: row wrap;
  }
  #resourceansoegning #application-filter-form fieldset .enddate-group,
  #resourceansoegning #application-filter-form fieldset .startdate-group {
    width: 50%;
  }
  #resourceansoegning #application-filter-form fieldset .enddate-group label,
  #resourceansoegning #application-filter-form fieldset .startdate-group label {
    width: 100%;
  }
  #resourceansoegning #application-filter-form fieldset .enddate-group input,
  #resourceansoegning #application-filter-form fieldset .startdate-group input {
    width: 100%;
  }
  #resourceansoegning #application-filter-form fieldset .button-group {
    width: 100%;
    margin-top: var(--small-spacing);
  }
  #resourceansoegning #application-filter-form fieldset .button-group button {
    min-width: 200px;
  }
  #resourceansoegning .application-table-holder {
    overflow-x: scroll;
  }
  #resourceansoegning .application-table-holder table {
    table-layout: unset;
    font-size: 0.9rem;
  }
  #resourceansoegning .application-table-holder table caption {
    text-align: left;
  }
  #resourceservice #res-resource-form {
    font-size: 0.9rem;
  }
  #resourceservice #res-resource-form fieldset legend {
    text-align: left;
  }
  #resourceservice #res-resource-form fieldset .form-line {
    flex-flow: column nowrap !important;
  }
  #resourceservice #res-resource-form fieldset .form-line label {
    width: 100%;
  }
  #resourceservice #res-resource-form fieldset .form-line span,
  #resourceservice #res-resource-form fieldset .form-line input:not(input[type="checkbox"]) {
    width: 100%;
  }
  #resourceservice .res-booking-list-container {
    overflow-x: scroll;
  }
  #resourceservice .res-booking-list-container table {
    border-collapse: collapse;
    font-size: 0.9rem;
  }
  #resourceservice .res-booking-list-container table th,
  #resourceservice .res-booking-list-container table td {
    border: 1px solid lightgray;
  }
  #resbook-create .resbook-edit-container {
    width: 100%;
    max-width: 99vw;
    overflow: scroll;
    font-size: 0.9rem;
    margin-bottom: var(--small-spacing);
  }
  #resbook-create .resbook-edit-container .resbook-edit-table {
    table-layout: unset;
    border-collapse: collapse;
  }
  #resbook-create .resbook-edit-container .resbook-edit-table td,
  #resbook-create .resbook-edit-container .resbook-edit-table th {
    border: 1px solid #ccc;
  }
  #login-side .login-wrapper {
    display: flex;
    flex-flow: column nowrap;
    gap: var(--small-spacing);
  }
  #login-side .login-wrapper .mitid-login-link {
    border-left: none;
  }
  #login-side .login-wrapper .mitid-login-link:before {
    content: "";
  }
  .lokale-search-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .lokale-search-wrapper .lokale-search {
    padding: var(--small-spacing);
  }
  .lokale-search-wrapper .lokale-search form .resource-search-field-group {
    grid-template-columns: 1fr;
  }
  .resource-resultlist-container ul.resource-resultlist {
    flex-flow: column wrap;
  }
  .resource-resultlist-container ul.resource-resultlist li {
    width: 100%;
  }
  #ui-datepicker-div {
    left: 0 !important;
    right: 0 !important;
    margin-left: 0 !important;
    scale: 0.8;
  }
  body {
    padding: 0;
    font-size: clamp(1.5rem, 2vw, 2rem);
  }
  select,
  input,
  .date-input {
    font-size: 1.3rem;
  }
  p {
    line-height: 1.5;
  }
  #top {
    position: relative;
  }
  #top #bruger-menu {
    position: absolute;
    z-index: 999;
    right: 0;
    padding: var(--medium-spacing);
    text-align: right;
  }
  #top #bruger-menu li {
    width: 100%;
  }
  #top #bruger-menu li.opretbruger a {
    padding: 0;
  }
  #indhold > div {
    padding-left: var(--small-spacing);
    padding-right: var(--small-spacing);
  }
  #bruger-side section.minsideboks .muligheder {
    flex-flow: column nowrap;
  }
  #bruger-side section.minsideboks .muligheder p {
    width: 100%;
  }
  .boks-liste {
    grid-template-columns: 1fr;
  }
  .boks-liste .boks {
    grid-column: 1 / -1 !important;
  }
  .boks-liste .forening {
    padding-bottom: var(--big-spacing);
  }
  .lokale-search-wrapper {
    grid-template-columns: 1fr;
    padding-left: var(--small-spacing);
    padding-right: var(--small-spacing);
  }
  .lokale-search-wrapper .lokale-search {
    grid-column: 1 / -1;
    position: relative;
    grid-template-columns: 1fr;
  }
  .lokale-search-wrapper .lokale-search svg {
    width: 50%;
    height: auto;
    margin: 0 auto;
  }
  .lokale-search-wrapper .lokale-search-svg {
    position: absolute;
    top: -100px;
    right: 80px;
    width: 150px;
  }
  .lokale-search-wrapper .resource-search {
    width: 100%;
  }
  #main-menu-container {
    text-align: right;
  }
  #main-menu-container #bruger-menu {
    flex-flow: column nowrap;
    align-items: center;
    background: var(--main-color);
  }
  #main-menu-container #bruger-menu li {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-end;
  }
  #main-menu-container #bruger-menu li a {
    color: #fff;
  }
  #main-menu-container #bruger-menu li.login {
    border-radius: unset;
  }
  #main-menu-container #bruger-menu li.searchmenu {
    display: none;
  }
  #container {
    display: grid;
    grid-template-columns: 1fr;
    padding: 0;
  }
  #bund-indhold {
    padding: var(--small-spacing);
    overflow: hidden;
  }
  #bund-indhold .bund-indhold-wrapper {
    border: none;
    grid-template-columns: 1fr !important;
  }
  #bund-indhold .bund-indhold-wrapper > div {
    border-top: 1px solid var(--light-blue-color);
  }
  #forside .nyheder-section,
  #forside .forside-boks-liste {
    grid-template-columns: 1fr;
    padding-left: var(--small-spacing);
    padding-right: var(--small-spacing);
  }
  #forside .frister,
  #forside .borger,
  #forside .forside-boks-liste {
    grid-template-columns: 1fr;
  }
  #forside .frister .lokale-search,
  #forside .borger .lokale-search,
  #forside .forside-boks-liste .lokale-search {
    grid-column: 1;
  }
  #forside .frister .lokale-search button,
  #forside .borger .lokale-search button,
  #forside .forside-boks-liste .lokale-search button {
    width: 100%;
  }
  #forside .frister .frister-wrapper,
  #forside .borger .frister-wrapper,
  #forside .forside-boks-liste .frister-wrapper,
  #forside .frister .borger-wrapper,
  #forside .borger .borger-wrapper,
  #forside .forside-boks-liste .borger-wrapper {
    grid-template-columns: 1fr;
    padding-left: var(--small-spacing);
    padding-right: var(--small-spacing);
  }
  #forside .frister .frister-wrapper .opdag-kommune-image-container,
  #forside .borger .frister-wrapper .opdag-kommune-image-container,
  #forside .forside-boks-liste .frister-wrapper .opdag-kommune-image-container,
  #forside .frister .borger-wrapper .opdag-kommune-image-container,
  #forside .borger .borger-wrapper .opdag-kommune-image-container,
  #forside .forside-boks-liste .borger-wrapper .opdag-kommune-image-container {
    position: relative;
    bottom: unset;
    right: unset;
  }
  #forside .frister img {
    display: none;
  }
  #forside .nyheder-section .blog-liste {
    grid-template-columns: 1fr;
  }
  #forside .need-help .need-help-wrapper .list-wrapper {
    grid-template-columns: 1fr;
    overflow: hidden;
  }
  #forside .need-help .need-help-wrapper .list-wrapper .help-list {
    flex-flow: column wrap;
  }
  #forside .need-help .need-help-wrapper img {
    width: 50%;
    margin: 0 auto;
  }
  .login-formular ul li.login-id-line label:after {
    top: 62px;
  }
  .login-formular ul li.login-pass-line label:after {
    top: 62px;
  }
  .associationsearch-filterfields-group-container,
  .associationsearch-freetext-container {
    text-align: center;
  }
  .associationsearch-categories-container {
    display: flex;
    flex-flow: row wrap;
    gap: var(--small-spacing);
  }
  .associationsearch-container .associationsearch-filterfields-group-container div {
    width: 100%;
  }
  .associationsearch-container .associationsearch-submit-button-container button {
    border-radius: var(--border-radius);
    padding: var(--tiny-spacing) var(--medium-spacing);
    background: var(--button-color);
    color: var(--main-color);
    border: none;
  }
  .associationsearch-container .associationsearch-submit-button-container button:hover {
    background: var(--main-color);
    color: #fff;
    cursor: pointer;
  }
  div.webprofilwrapper {
    grid-template-columns: 1fr;
    gap: var(--small-spacing);
  }
  div.webprofilwrapper .venstrepanel,
  div.webprofilwrapper .hoejrepanel {
    display: flex;
    flex-flow: row wrap;
    gap: var(--small-spacing);
    width: 100%;
  }
  div.webprofilwrapper .venstrepanel div,
  div.webprofilwrapper .hoejrepanel div {
    width: 100%;
    overflow: hidden;
  }
}
#resourceservice .res-form fieldset {
  border: 1px solid var(--main-color);
}
#resourceservice .res-form fieldset legend {
  width: 100%;
  text-align: center;
  font-size: 1.2rem;
  margin-bottom: 2rem;
}
#resourceansoegning-vaelg-ressource .resource-search-result-form fieldset {
  border: 1px solid var(--main-color);
  border-radius: var(--border-radius);
  padding: var(--medium-spacing);
  position: relative;
  padding-top: var(--big-spacing);
  margin-bottom: var(--medium-spacing);
}
#resourceansoegning-vaelg-ressource .resource-search-result-form fieldset legend {
  position: absolute;
  top: 25px;
  font-size: 1.2rem;
  font-weight: bold;
}
#resourceansoegning-vaelg-ressource .resource-search-result-form fieldset .resource-search-result {
  list-style: none;
  padding: 0;
}
#resourceansoegning-vaelg-ressource .resource-search-result-form fieldset #resource-submit-button {
  border-radius: var(--border-radius);
  padding: var(--tiny-spacing) var(--medium-spacing);
  background: var(--button-color);
  color: var(--main-color);
  border: none;
}
#resourceansoegning-vaelg-ressource .resource-search-result-form fieldset #resource-submit-button:hover {
  background: var(--main-color);
  color: #fff;
  cursor: pointer;
}
#resourceansoegning-vaelg-ressource .resource-search,
#resourceservice .resource-search,
#resourcebooking .resource-search {
  background: var(--main-color);
  border-radius: var(--border-radius);
}
.resource-search {
  padding: var(--medium-spacing);
  color: #fff;
}
.resource-search form fieldset {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: var(--small-spacing);
  margin: 0;
  border: none;
}
.resource-search form fieldset label {
  display: block;
  margin-bottom: 3px;
}
.resource-search form fieldset input,
.resource-search form fieldset select {
  padding: var(--tiny-spacing);
}
.resource-search form fieldset button {
  padding: var(--tiny-spacing) var(--medium-spacing);
  color: #fff;
  background: var(--light-blue-color);
  border-top-right-radius: var(--border-radius-medium);
  border-bottom-left-radius: var(--border-radius-medium);
  border: none;
}
.resource-search form fieldset button:hover {
  background: var(--light-blue-color-darken);
  color: #fff;
  cursor: pointer;
}
.resource-search form fieldset.resource-search-repetition-group {
  justify-content: flex-start;
}
.calendar-color-legend {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  gap: var(--small-spacing);
  width: 100%;
  max-width: 1440px;
  margin: var(--medium-spacing) auto var(--small-spacing) auto;
}
.calendar-color-legend > div {
  display: flex;
  flex-flow: row nowrap;
  gap: var(--tiny-spacing);
  align-items: center;
}
.calendar-color-legend > div div {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.calendar-color-legend .open-legend .color {
  background: var(--openbooking);
}
.calendar-color-legend .partial-legend .color {
  background: var(--partialbooking);
}
.calendar-color-legend .full-legend .color.full {
  background: var(--fullbooking);
}
.calendar-color-legend div.too-old {
  width: 15px;
  height: 15px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAALElEQVQYlWN48ODBfwY84P379//v3buHVw1cEV7DRhUxMDAwMBCj6P379/8BOBpuKdEIDHIAAAAASUVORK5CYII) #eaeaea;
  background-color: rgba(0, 0, 0, 0.4) !important;
}
.calendar-color-legend div.blocked {
  width: 15px;
  height: 15px;
  background: #eaeaea url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAALElEQVQYlWN48ODBfwY84P379//v3buHVw1cEV7DRhUxMDAwMBCj6P379/8BOBpuKdEIDHIAAAAASUVORK5CYII=);
}
.resource-table-holder {
  margin-bottom: var(--big-spacing);
}
.resource-table-holder table {
  background: #fff;
  border-collapse: collapse;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}
.resource-table-holder table th,
.resource-table-holder table td {
  border: 1px solid #ccc;
  padding: var(--tiny-spacing);
}
.resource-table-holder table thead .time {
  font-size: 0.9rem;
}
.resource-table-holder table tbody th {
  border-bottom: 1px solid #ccc;
  font-weight: normal;
}
.resource-table-holder table tbody td {
  border: 1px solid #ccc;
  padding: 5px;
}
.resource-table-holder table tbody td.blocked,
.resource-table-holder table tbody td.blocked.booked {
  background-color: var(--fullbooking) !important;
  color: #fff;
  overflow: hidden;
}
.resource-table-holder table tbody td.available,
.resource-table-holder table tbody td.open {
  background-color: var(--openbooking);
  border-color: #ccc !important;
}
.resource-table-holder table tbody td.available:hover,
.resource-table-holder table tbody td.open:hover {
  background: var(--openbooking);
}
.resource-table-holder table tbody td.partial {
  background-color: var(--partialbooking) !important;
  border-color: #d2c08a !important;
}
.resource-table-holder table tbody td.full {
  background-color: var(--booking) !important;
  border-color: var(--booking) !important;
}
.resource-table-holder table tbody td.too-old,
.resource-table-holder table tbody td.too-new {
  background-color: rgba(0, 0, 0, 0.4) !important;
  border-color: #ccc !important;
}
.resource-table-holder table tbody td.available {
  cursor: pointer;
  font-size: 0;
}
.resource-table-holder table tbody td.outside-profile {
  background: transparent !important;
}
.resource-table-holder table tbody td.outside-profile.available:hover {
  background: #b6d7a8 !important;
}
.resource-table-holder table tbody .resource-description {
  white-space: normal;
  font-weight: normal;
  max-height: 35px;
  transition: max-height 1s cubic-bezier(0, 1, 0, 1);
  overflow: hidden;
}
.resource-table-holder table tbody .resource-description:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  height: 3em;
}
.resource-table-holder table tbody .resource-description .descriptionToggler {
  background: url(open-icon.png) center right no-repeat;
}
.resource-table-holder table tbody .resource-description.showAll .descriptionToggler {
  background: url(close-icon.png) center right no-repeat;
}
.resource-table-holder table tbody .resource-description.showAll {
  max-height: 90000px;
  transition: max-height 2s ease-in-out;
}
.resource-table-holder table tbody .resource-description.showAll:after {
  content: none;
}
.resource-table-holder table tbody .resource-description.showAll img {
  display: block;
}
.resource-table-holder table tbody .resource-description .location {
  font-size: 0.8rem;
  margin-bottom: 20px;
}
.resource-table-holder table tbody .resource-description .location .location-address + .separator {
  display: none;
}
.resource-table-holder table tbody .resource-description .location .location-city,
.resource-table-holder table tbody .resource-description .location .location-zip {
  display: none;
}
.resource-table-holder table tbody .resource-description .area {
  margin-bottom: 1em;
}
.resource-table-holder table tbody .resource-description .description-text {
  position: relative;
}
.resource-table-holder table tbody .resource-description .description-text img {
  display: block;
}
.resource-table-holder table tbody .resource-description .descriptionToggler {
  height: 30px;
  width: 100%;
  font-size: 0;
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 999;
}
.resource-table-holder table tbody .resource-description .descriptionToggler :hover {
  cursor: pointer;
}
#resourcebookingform #indhold {
  background: #fff;
  padding: var(--medium-spacing);
}
#resourcebookingform #indhold > h1 {
  max-width: 1440px;
  margin: 0 auto;
}
#resourcebookingform #indhold img {
  max-width: 100%;
  height: auto;
}
#resourcebookingform #indhold .info .name {
  color: var(--main-color);
}
#resourcebookingform #indhold .info .label {
  color: var(--main-color);
}
#resourcebookingform #indhold .info span:not(.name, .label) {
  font-weight: bold;
}
#resourcebookingform #indhold .info span:has(.label) {
  font-weight: normal;
}
#resourcebookingform #indhold .info .resource-name span {
  font-weight: bold;
  color: #000;
}
#resourcebookingform #indhold .info .location-zipcity .label {
  display: none;
}
#resourcebookingform #indhold .info .resource-num-people,
#resourcebookingform #indhold .info .resource-area {
  display: none;
}
td.toolbox {
  padding: 10px 0;
}
td.toolbox a {
  background-color: transparent;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: inline-block;
  font-size: 0;
  height: 0;
  overflow: hidden;
  padding-top: 16px;
  margin-right: 2px;
  width: 16px;
}
td.toolbox a.details-link,
td.toolbox a.detail-link {
  background-image: url(../../billeder/icon-search.png);
}
td.toolbox a.edit-link {
  background-image: url(../../billeder/icon-edit.png);
}
td.toolbox a.clone-link {
  background-image: url(../../billeder/icon-copy.png);
}
td.toolbox a.mail-link {
  background-image: url(../../billeder/icon-mail.png);
}
td.toolbox a.sms-link {
  background-image: url(../../billeder/icon-sms.png);
}
td.toolbox a.delete-link,
td.toolbox a.cancel-link {
  background-image: url(../../billeder/icon-trash.png);
}
td.toolbox .inactive {
  opacity: 0.3;
}
#resourceansoegning #indhold {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}
.create-application-link-line {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
}
.create-application-link-line a {
  padding: var(--tiny-spacing) var(--medium-spacing);
  color: #fff;
  background: var(--light-blue-color);
  border-top-right-radius: var(--border-radius-medium);
  border-bottom-left-radius: var(--border-radius-medium);
  border: none;
  text-decoration: none;
}
.create-application-link-line a:hover {
  background: var(--light-blue-color-darken);
  color: #fff;
  cursor: pointer;
}
.application-table-holder {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  margin-bottom: var(--medium-spacing);
}
.application-table-holder table {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}
.application-table-holder table caption {
  font-size: 1.2rem;
  font-weight: bold;
}
.application-table-holder table td,
.application-table-holder table th {
  border: 1px solid #000;
}
.application-table-holder table th {
  background: var(--main-color);
  color: #fff;
}
.bruger-formular li[data-wk-fieldname="DebtorPassword"] label {
  order: 1;
}
.bruger-formular li[data-wk-fieldname="DebtorPassword"] .new-password-rules-text h2 {
  display: none;
}
.bruger-formular li[data-wk-fieldname="DebtorPassword"] .new-password-explanation {
  order: 2;
  font-size: 0.9rem;
}
.bruger-formular li[data-wk-fieldname="DebtorPassword"] .new-password-explanation .new-pasword-rules-list {
  gap: var(--tiny-spacing);
}
.bruger-formular li[data-wk-fieldname="DebtorPassword"] input {
  order: 3;
}
.bruger-formular label {
  order: 1;
  width: 100%;
}
.bruger-formular .forklaring {
  order: 2;
}
.bruger-formular input,
.bruger-formular select,
.bruger-formular span,
.bruger-formular .ext-multifield-container {
  order: 4;
  font-size: 16px;
  padding: 3px;
}
.bruger-formular label.skal-udfyldes:after {
  content: '*';
  color: #800;
  margin-left: 5px;
}
.bruger-formular .skal-udfyldes-symbol {
  display: none;
}
.bruger-formular .forklaring {
  order: 2;
  font-style: italic;
}
.bruger-formular .fejl-meddelelse {
  order: 3;
  color: #800;
  width: 100%;
}
.bruger-formular fieldset.gdpr .forklaring {
  max-height: 300px;
  overflow-y: scroll;
  border: 1px solid #ccc;
  padding: 0.5rem;
  white-space: pre-line;
}
.bruger-formular fieldset.knapset {
  border: none;
}
.bruger-formular fieldset.knapset button {
  border: none;
  color: var(--main-color);
  background: var(--button-color);
  border-radius: var(--border-radius);
  padding: var(--tiny-spacing) var(--medium-spacing);
  margin-right: var(--small-spacing);
}
.bruger-formular fieldset.knapset button:hover {
  cursor: pointer;
}
.bruger-formular label.fil-felt {
  order: 1;
  width: 100%;
}
.bruger-formular input.fil-felt {
  order: 3 !important;
  width: calc(100% - 135px) !important;
}
.bruger-formular button.wk-file-field-button {
  order: 4;
  background: var(--main-color);
  color: #fff;
  border: none;
  height: 43px;
  padding: 10px 25px;
  margin-left: 5px;
}
.bruger-formular .debtor-fieldset {
  padding: 0;
  border: none;
}
.bruger-formular .debtor-fieldset li {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.bruger-formular .debtor-fieldset li label.janej-felt {
  order: 2;
  Width: 800px;
  margin-left: 10px;
}
.bruger-formular .debtor-fieldset li input[type='checkbox'] {
  order: 1;
  width: auto;
  margin: 2px 5px 0;
}
.bruger-formular .debtor-fieldset fieldset {
  border: 1px solid var(--main-color);
  margin-bottom: 2rem;
  overflow: hidden;
}
.bruger-formular .debtor-fieldset fieldset legend {
  background: var(--main-color);
  color: #fff;
  padding: 5px 10px;
  width: calc(100% + 26px);
  margin-left: -13px;
}
.bruger-formular .debtor-fieldset fieldset ul {
  display: flex;
  flex-flow: column wrap;
  gap: var(--small-spacing);
}
.bruger-formular .debtor-fieldset fieldset.hidden {
  display: none;
}
.bruger-formular .debtor-fieldset label.spaerret-felt {
  order: 1;
  width: 100%;
}
.bruger-formular .debtor-fieldset div.spaerret-felt {
  order: 2;
  width: 100%;
  Height: 40px;
  padding: 11px;
  background: #ccc;
  border: 1px solid #000;
}
.bruger-formular fieldset.tilmelding-felt-gruppe ul {
  display: flex;
  flex-flow: column wrap;
  gap: 1rem;
  padding: 0;
}
.bruger-formular fieldset.tilmelding-felt-gruppe ul li {
  display: grid;
  grid-template-columns: 150px 200px 1fr;
  align-items: center;
}
.bruger-formular fieldset.tilmelding-felt-gruppe ul li label {
  order: 1;
}
.bruger-formular fieldset.tilmelding-felt-gruppe ul li input,
.bruger-formular fieldset.tilmelding-felt-gruppe ul li select {
  order: 2;
}
.bruger-formular fieldset.tilmelding-felt-gruppe ul li .hide-toggle {
  order: 3;
}
.bruger-formular fieldset.tilmelding-felt-gruppe ul li.hidden-contact-line {
  grid-template-columns: 150px 1fr;
}
.bruger-formular fieldset.tilmelding-felt-gruppe ul li.hidden-contact-line input {
  order: 1;
  margin-left: auto;
  margin-right: 0.5rem;
}
.bruger-formular fieldset.tilmelding-felt-gruppe ul li.hidden-contact-line label {
  order: 2;
}
.bruger-formular fieldset.Two_columns > ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
.bruger-formular fieldset.Two_columns > ul li:last-child {
  margin-bottom: 10px !important;
}
.kontakt-liste {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  gap: 32px;
  margin-bottom: 64px;
}
.kontakt-liste .kontaktboxe {
  display: flex;
  flex-flow: row nowrap;
  border: 1px solid #333;
}
.kontakt-liste .kontaktbilled a,
.kontakt-liste .kontaktbilled img {
  display: block;
  height: 100% !important;
}
.kontakt-liste .kontaktinfo {
  padding: 8px;
  font-size: 0.9rem;
}
.kontakt-liste .kontaktinfo p {
  margin: 0;
  margin-bottom: 5%;
}
.kontakt-liste .kontaktinfo p.strong-heading {
  font-weight: bold;
}
.kontakt-liste > div {
  opacity: 0;
  animation: 1s ease-out 0s 1 slideInFromBottom;
  animation-fill-mode: forwards;
}
.kontakt-liste > div:nth-child(2) {
  animation-delay: 200ms;
}
.kontakt-liste > div:nth-child(3) {
  animation-delay: 300ms;
}
.kontakt-liste > div:nth-child(4) {
  animation-delay: 400ms;
}
.kontakt-liste > div:nth-child(5) {
  animation-delay: 500ms;
}
.kontakt-liste > div:nth-child(6) {
  animation-delay: 600ms;
}
.kontakt-liste > div:nth-child(7) {
  animation-delay: 700ms;
}
.kontakt-liste > div:nth-child(8) {
  animation-delay: 800ms;
}
.kontakt-liste > div:nth-child(9) {
  animation-delay: 900ms;
}
#bruger-side #indhold {
  display: grid;
  grid-template-columns: 1fr minmax(400px, 1200px) 1fr;
  grid-auto-rows: max-content;
  margin: auto;
  padding: 0;
  width: 100%;
  max-width: inherit;
}
#bruger-side #indhold h1 {
  color: var(--main-color);
}
#bruger-side .foreningsnavn {
  grid-column: 2 / 4;
}
#bruger-side .foludboks-container {
  grid-column: 1 / 4;
  color: #fff;
  margin-bottom: 32px;
}
#bruger-side .foludboks-container ul {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  padding: 0;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  gap: 60px;
  padding: 32px 0;
}
#bruger-side .foludboks-container ul li.foludkontaktpersoner,
#bruger-side .foludboks-container ul li.foludforeningsoplysninger {
  background: var(--main-color);
  border-radius: var(--border-radius);
}
#bruger-side .foludboks-container ul li.foludkontaktpersoner:hover,
#bruger-side .foludboks-container ul li.foludforeningsoplysninger:hover {
  background: var(--main-color-darken);
  color: #fff;
  cursor: pointer;
}
#bruger-side .foludboks-container ul li.foludkontaktpersoner:hover .ekstrainfo,
#bruger-side .foludboks-container ul li.foludforeningsoplysninger:hover .ekstrainfo {
  display: none;
}
#bruger-side .foludboks-container ul li {
  padding: 20px 20px 10px 20px;
  border: 1px solid #fff;
}
#bruger-side .foludboks-container ul li > span {
  position: relative;
}
#bruger-side .foludboks-container ul li > span:after {
  content: "\f078";
  display: block;
  text-align: center;
  font-family: 'FontAwesome';
}
#bruger-side .foludboks-container ul li.foludkontaktpersoner .oplysninger > p {
  display: none;
}
#bruger-side .foludboks-container .ekstrainfo {
  display: none;
  position: absolute;
  width: 1200px;
  left: 0px;
  top: 95px;
  background: var(--gray-color);
  padding: 32px;
  z-index: 9999;
  border: 1px solid var(--main-color-darken);
  border-radius: var(--border-radius);
}
#bruger-side .foludboks-container .ekstrainfo li {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  padding: 0;
  border: none;
}
#bruger-side .foludboks-container .ekstrainfo li .oplysninger {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  color: var(--main-color);
  text-align: left;
}
#bruger-side .foludboks-container .ekstrainfo li .oplysninger .contact-group-list-container h3 {
  text-align: left;
  margin-bottom: 16px;
  color: var(--main-color);
  font-size: 1.2rem;
}
#bruger-side .foludboks-container .ekstrainfo li .oplysninger .contacts {
  display: flex;
  flex-flow: row wrap;
  list-style-type: none;
  padding: 0;
  width: 100%;
  gap: 16px;
}
#bruger-side .foludboks-container .ekstrainfo li .oplysninger .contacts li {
  display: flex;
  flex-flow: row wrap;
  gap: var(--small-spacing);
  width: 100%;
}
#bruger-side .foludboks-container .ekstrainfo li .oplysninger .contacts li span.label {
  display: none;
}
#bruger-side .foludboks-container .ekstrainfo li .oplysninger .contacts li span.value {
  font-weight: normal;
}
#bruger-side .foludboks-container .ekstrainfo li .oplysninger .contacts li div:not(:last-child) span.value:after {
  content: "|";
  margin-left: var(--small-spacing);
}
#bruger-side .foludboks-container .ekstrainfo li .oplysninger .contacts li .ContactTitle {
  display: none;
}
#bruger-side .foludboks-container .ekstrainfo li .oplysninger .contacts li .title {
  font-weight: bold;
}
#bruger-side .foludboks-container .ekstrainfo li .oplysninger .contacts li a {
  color: var(--main-color);
}
#bruger-side .foludboks-container .ekstrainfo li .oplysninger .contacts li a:before {
  content: "";
  margin: 0;
}
#bruger-side .foludboks-container .ekstrainfo li .oplysninger .panel1 {
  width: 50%;
}
#bruger-side .foludboks-container .ekstrainfo li .oplysninger .panel2 {
  width: 50%;
}
#bruger-side .foludboks-container .ekstrainfo li .oplysninger p {
  width: 50%;
}
#bruger-side .foludboks-container .ekstrainfo li .oplysninger h2 {
  color: var(--main-color);
  width: 100%;
  text-align: left;
  margin: 0;
}
#bruger-side .foludboks-container .ekstrainfo li .oplysninger span {
  font-weight: bold;
  margin-right: 5px;
}
#bruger-side .foludboks-container .ekstrainfo li .oplysninger ul {
  padding: 0;
  gap: 3px;
}
#bruger-side .foludboks-container .ekstrainfo li .oplysninger ul li:after {
  content: ",";
}
#bruger-side .foludboks-container .ekstrainfo li .oplysninger ul li:last-child:after {
  content: "";
}
#bruger-side .foludboks-container .ekstrainfo li .muligheder a {
  text-decoration: none;
  color: var(--main-color);
}
#bruger-side .foludboks-container .ekstrainfo li .muligheder a:before {
  content: "\f054";
  font-family: 'FontAwesome';
  margin-right: 16px;
}
#bruger-side .nyheder-slider.hidden {
  display: none;
}
#bruger-side .minsideboks {
  display: grid;
  grid-column: 2 / 3;
  grid-template-columns: 400px 1fr;
  margin-bottom: 16px;
  background: var(--main-color);
  border: 2px solid var(--main-color);
  border-radius: var(--border-radius);
}
#bruger-side .minsideboks.hidden {
  display: none;
}
#bruger-side .minsideboks .oversigt {
  display: flex;
  flex-flow: row wrap;
  margin: auto 0;
  align-items: center;
  padding: 64px 32px;
}
#bruger-side .minsideboks .oversigt h2 {
  font-size: 1.3rem;
  color: #fff;
  text-align: left;
  margin: 0;
  width: 100%;
}
#bruger-side .minsideboks .oversigt p {
  color: #fff;
  text-align: left;
}
#bruger-side .minsideboks .muligheder {
  display: flex;
  flex-flow: row wrap;
  background: var(--gray-color);
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  padding: 32px;
}
#bruger-side .minsideboks .muligheder p {
  width: 50%;
}
#bruger-side .minsideboks .muligheder p.sendt {
  position: relative;
}
#bruger-side .minsideboks .muligheder p.sendt a:after {
  display: inline-flex;
  padding: 0.2rem;
  margin-left: 0.5rem;
  content: url(billeder/checked.png) ' AnsÞgt';
  background: #ccc;
  border-radius: 5px;
  color: #000;
}
#bruger-side .minsideboks .muligheder p.godkendt {
  position: relative;
}
#bruger-side .minsideboks .muligheder p.godkendt a:after {
  display: inline-flex;
  padding: 0.2rem;
  margin-left: 0.5rem;
  content: url(billeder/checked.png) ' Godkendt';
  background: #ccc;
  border-radius: 5px;
  color: #000;
}
#bruger-side .minsideboks .muligheder a {
  text-decoration: none;
  color: var(--main-color);
}
#bruger-side .minsideboks .muligheder a:before {
  content: "\f054";
  font-family: 'FontAwesome';
  margin-right: 16px;
}
/*
// 1440px indhold til small sider
#resourceansoegning-opret,
#resourceansoegning-vaelg-ressource,
#resourceedit,
#resourceservice,
#resbook-create,
#resourcebooking,
body[data-wk-page-identifier="5"],
#ekstra-side-find-lokale,
#edit-debtorinfo,
#ekstra-side-mine-bookinger,
#resourceserialbooking,
#blog,
#bruger-side,
body:has(.kontakt-liste),
body:has(.bruger-formular) {
    #indhold {
        width: 100%;
        max-width: 1440px;
        margin: 0 auto 10vh auto;
        
    }
}
*/
body #indhold {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto 10vh auto;
}
body[data-wk-page-identifier="5"] #infowrapper .infoboxtitle {
  display: none;
  width: 100%;
  background: var(--main-color);
  color: #fff;
  font-size: 20px;
  padding: 5px 15px;
}
body[data-wk-page-identifier="5"] #infowrapper .infobox {
  display: none;
  padding: 5px 15px;
  border: 1px solid var(--main-color);
}
body[data-wk-page-identifier="5"] label {
  margin-top: 10px;
  display: block;
}
body[data-wk-page-identifier="5"] #infochoise {
  padding: 10px 10px;
  margin-bottom: 10px;
}
body[data-wk-page-identifier="5"] #infodone {
  padding: 10px 10px;
  margin-left: 15px;
  background: transparent;
  border: 2px solid var(--main-color);
  color: var(--main-color);
  cursor: pointer;
  text-decoration: none;
}
body[data-wk-page-identifier="5"] #infodone:hover {
  background: var(--main-color);
  color: #fff;
}
#resourceserialbooking h2 {
  color: var(--white-color);
}
#resourceserialbooking .resource-table-holder {
  width: 100%;
  max-width: unset;
  max-height: unset;
  overflow: hidden;
}
#resourceserialbooking .resource-table-holder table {
  table-layout: fixed;
}
#resourceserialbooking .resource-search {
  background: var(--main-color);
  border-radius: var(--border-radius);
}
#resourceserialbooking .resource-search fieldset legend {
  width: 100%;
  text-align: center;
  font-size: 1.2rem;
  margin-bottom: 2rem;
}
#resourceserialbooking .dayslot-content a {
  display: block;
}
#resourceserialbooking .resource-search-form fieldset.resource-search-field-group .scwrapperserial {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 2rem;
  flex-flow: row wrap;
}
#resourceserialbooking .resource-search-form fieldset.resource-search-field-group .scwrapperserial .resource-search-endtime,
#resourceserialbooking .resource-search-form fieldset.resource-search-field-group .scwrapperserial .resource-search-starttime,
#resourceserialbooking .resource-search-form fieldset.resource-search-field-group .scwrapperserial .resource-search-enddate,
#resourceserialbooking .resource-search-form fieldset.resource-search-field-group .scwrapperserial .resource-search-startdate {
  grid-row: 2;
}
#resourceserialbooking .resource-search-form fieldset.resource-search-field-group .scwrapperserial .serial-search-weekrepeat {
  grid-column: 1 / -1;
  width: 100%;
  margin: 20px 0 0;
}
#resourceserialbooking .resource-search-form fieldset.resource-search-field-group .scwrapperserial .serial-search-weekrepeat label select {
  display: inline-block;
  width: 60px;
  height: auto;
  min-width: auto;
}
#resourceserialbooking .resource-search-form fieldset.resource-search-field-group .scwrapperserial .serial-search-days {
  grid-column: 1 / -1;
  display: flex;
  flex-flow: row wrap;
  margin-top: 20px;
}
#resourceserialbooking .resource-search-form fieldset.resource-search-field-group .scwrapperserial .serial-search-days .weekday {
  display: flex;
  align-items: center;
}
#resourceserialbooking .resource-search-form fieldset.resource-search-field-group .scwrapperserial .serial-search-days .weekday label {
  order: 2;
  width: auto;
}
#resourceserialbooking .resource-search-form fieldset.resource-search-field-group .scwrapperserial .serial-search-days .weekday input {
  order: 1;
  width: auto;
  height: auto;
  min-width: auto;
  margin-left: 0;
}
#resourceserialbooking .resource-search-form .resource-search-button-group {
  width: 100%;
  text-align: center;
}
#resourceserialbooking .resource-search-form .resource-search-button-group .search-button-container button {
  width: 200px;
}
#resourceserialbooking .serial-search-days {
  margin-top: 20px;
}
#resourceserialbooking .weekday {
  margin-right: 20px;
}
#resourceserialbooking input {
  display: inline-block;
}
#resourceserialbooking label {
  color: #fff;
}
#resourceserialbooking .search-button-container {
  padding: 0 !important;
}
#resourceserialbooking .search-button-container button {
  margin: 0 !important;
}
#resourceserialbooking .calendar-color-legend {
  margin: 10px 0;
}
#resourceserialbooking .dayslot-content a {
  color: black;
  text-align: center;
  line-height: 75px;
  text-decoration: none;
}
#resourceserialbooking .dayslot-content a:hover {
  background: var(--main-color);
  color: white;
}
#resourceserialbooking .dayslot-content span {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 90px;
}
#resourceansoegning-opret .resbook-edit-table-container,
#resbook-create .resbook-edit-table-container {
  width: 100%;
}
#resourceansoegning-opret .resbook-edit-table-container table,
#resbook-create .resbook-edit-table-container table {
  table-layout: fixed;
  width: 100%;
}
#resourceansoegning-opret .resbook-edit-table-container table tbody,
#resbook-create .resbook-edit-table-container table tbody {
  text-align: center;
}
#resourceansoegning-opret .resbook-edit-table-container table input[type="checkbox"],
#resbook-create .resbook-edit-table-container table input[type="checkbox"],
#resourceansoegning-opret .resbook-edit-table-container table .checkbox,
#resbook-create .resbook-edit-table-container table .checkbox {
  zoom: 1.1;
  width: 30px;
}
#resourceansoegning-opret .resbook-edit-table-container table .weeknumber,
#resbook-create .resbook-edit-table-container table .weeknumber {
  width: 50px;
}
#resourceansoegning-opret fieldset,
#resbook-create fieldset {
  border: 3px solid var(--main-color);
  margin: 0 0 1em 0;
  background: #fff;
  padding: 1.5em;
  width: 100%;
}
#resourceansoegning-opret fieldset legend,
#resbook-create fieldset legend {
  font-size: 1.3em;
}
#resourceansoegning-opret fieldset textarea,
#resbook-create fieldset textarea {
  display: block;
  margin: 10px 0;
}
#resourceansoegning-opret .radio-group,
#resbook-create .radio-group {
  border: none;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
  padding-top: 10px;
}
#resourceansoegning-opret .prop-list,
#resbook-create .prop-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
#resourceansoegning-opret .prop-list li label,
#resbook-create .prop-list li label {
  display: block;
  margin-bottom: 5px;
}
#resourceansoegning-opret .prop-list li select,
#resbook-create .prop-list li select {
  margin-bottom: 5px;
}
#resourceansoegning-opret .knapset.fieldset-buttons,
#resbook-create .knapset.fieldset-buttons {
  border: none;
  background: transparent;
  padding: 0;
}
#resourceansoegning-opret .knapset.fieldset-buttons .button-line,
#resbook-create .knapset.fieldset-buttons .button-line {
  text-align: center;
}
#resourceansoegning-opret .knapset.fieldset-buttons button,
#resbook-create .knapset.fieldset-buttons button {
  background: var(--main-color);
  border-radius: 20px;
  color: #fff;
}
/* START----- Tilskudsgrupper med to kolonner-----------------------------------------------START */
.Two_Columns ul {
  display: flex;
  flex-flow: row wrap;
}
.Two_Columns ul li {
  width: 40%;
  margin-right: 5px;
}
.Two_Columns ul li:last-child {
  margin-bottom: 10px;
}
/* START----- Tilskudsgrupper med to kolonner-----------------------------------------------SLUT */
/* START----- Tilskudsgrupper med to kolonner-----------------------------------------------START */
.Three_Columns ul {
  display: flex;
  flex-flow: row wrap;
}
.Three_Columns ul li {
  width: 30%;
  margin-right: 5px;
}
.Three_Columns ul li:last-child {
  margin-bottom: 10px;
}
/* START----- Tilskudsgrupper med to kolonner-----------------------------------------------SLUT */
#blog .nyhedsside-wrapper {
  display: grid;
  grid-template-columns: 3fr 1fr;
  gap: 2rem;
}
#blog .nyhedsside-wrapper .tilbage-link {
  grid-column: 1 / -1;
}
#blog .nyhedsside-wrapper .tilbage-link a {
  border-radius: var(--border-radius);
  padding: var(--tiny-spacing) var(--medium-spacing);
  background: var(--button-color);
  color: var(--main-color);
  border: none;
}
#blog .nyhedsside-wrapper .tilbage-link a:hover {
  background: var(--main-color);
  color: #fff;
  cursor: pointer;
}
#blog .nyhedsside-wrapper .blog-post-container,
#blog .nyhedsside-wrapper .blog-list-container {
  border-top: 1px solid var(--main-color);
}
#blog .opret-blog-indlaeg-linje a {
  border-radius: var(--border-radius);
  padding: var(--tiny-spacing) var(--medium-spacing);
  background: var(--button-color);
  color: var(--main-color);
  border: none;
}
#blog .opret-blog-indlaeg-linje a:hover {
  background: var(--main-color);
  color: #fff;
  cursor: pointer;
}
#blog .blog-navigation-linje a {
  border-radius: var(--border-radius);
  padding: var(--tiny-spacing) var(--medium-spacing);
  background: var(--button-color);
  color: var(--main-color);
  border: none;
}
#blog .blog-navigation-linje a:hover {
  background: var(--main-color);
  color: #fff;
  cursor: pointer;
}
#blog .blog-liste {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 2rem;
  padding: 0;
}
#blog .blog-liste li {
  display: flex;
  flex-flow: column nowrap;
  background: #fff;
  padding: 2rem;
  color: #000;
  animation: 800ms ease-out 0s 1 slideInFromBottom;
  animation-fill-mode: forwards;
  opacity: 0;
}
#blog .blog-liste li:nth-child(2) {
  animation-delay: 150ms;
}
#blog .blog-liste li:nth-child(3) {
  animation-delay: 300ms;
}
#blog .blog-liste li:nth-child(4) {
  animation-delay: 450ms;
}
#blog .blog-liste li:nth-child(5) {
  animation-delay: 600ms;
}
#blog .blog-liste li:nth-child(6) {
  animation-delay: 750ms;
}
#blog .blog-liste li:nth-child(7) {
  animation-delay: 900ms;
}
#blog .blog-liste li:nth-child(8) {
  animation-delay: 1050ms;
}
#blog .blog-liste li:nth-child(9) {
  animation-delay: 1200ms;
}
#blog .blog-liste li:nth-child(10) {
  animation-delay: 1350ms;
}
#blog .blog-liste li:nth-child(11) {
  animation-delay: 1500ms;
}
#blog .blog-liste li:nth-child(12) {
  animation-delay: 1650ms;
}
#blog .blog-liste li h2 {
  order: 1;
  margin-top: 0;
  padding-top: 0;
}
#blog .blog-liste li h2 a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
  color: var(--main-color);
  text-decoration: none;
  font-size: 18px;
}
#blog .blog-liste li .blog-indlaeg-info {
  order: 2;
}
#blog .blog-liste li .blog-indlaeg-info .dato:before {
  content: "NYHED";
  margin-right: 3px;
}
#blog .blog-liste li .blog-indlaeg-tekst {
  display: grid;
  grid-template-rows: 1fr auto;
  order: 3;
}
#blog .blog-liste li .blog-indlaeg-tekst > div {
  display: none;
}
#blog .blog-liste li .blog-indlaeg-tekst p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  overflow: hidden;
}
#blog .blog-liste li .blog-indlaeg-tekst a {
  color: var(--main-color);
}
#blog .blog-liste li .blog-indlaeg-tekst > a {
  border-radius: var(--border-radius);
  padding: var(--tiny-spacing) var(--medium-spacing);
  background: var(--button-color);
  color: var(--main-color);
  border: none;
  inline-size: fit-content;
}
#blog .blog-liste li .blog-indlaeg-tekst > a:hover {
  background: var(--main-color);
  color: #fff;
  cursor: pointer;
}
#blog .blog-liste li .blog-indlaeg-tekst > a:hover {
  background: var(--main-color);
}
#resourceservice #res-resource-form {
  margin: var(--big-spacing) 0;
}
#resourceservice #res-resource-form fieldset {
  border: 1px solid var(--main-color);
  border-radius: var(--border-radius);
  padding: var(--medium-spacing);
  position: relative;
  padding-top: var(--big-spacing);
  margin-bottom: var(--medium-spacing);
}
#resourceservice #res-resource-form fieldset legend {
  position: absolute;
  top: 25px;
  font-size: 1.2rem;
  font-weight: bold;
}
#resourceservice #res-resource-form fieldset .form-line {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: var(--small-spacing);
}
#resourceservice #res-resource-form fieldset .form-line label {
  margin-right: 3px;
}
#resourceservice #res-resource-form fieldset .form-line:not(:last-child) {
  margin-bottom: var(--small-spacing);
}
#resourceservice #res-resource-form fieldset #resource-submit-button {
  border-radius: var(--border-radius);
  padding: var(--tiny-spacing) var(--medium-spacing);
  background: var(--button-color);
  color: var(--main-color);
  border: none;
}
#resourceservice #res-resource-form fieldset #resource-submit-button:hover {
  background: var(--main-color);
  color: #fff;
  cursor: pointer;
}
#resourceservice .message {
  padding: var(--medium-spacing);
  background: #800;
  color: #fff;
  font-size: 1.2rem;
}
#resourceserialbooking,
#resourceansoegning-opret,
#resbook-create,
#resourcebookingform {
  /* Månedligt gentagelsesvalg */
}
#resourceserialbooking .info,
#resourceansoegning-opret .info,
#resbook-create .info,
#resourcebookingform .info {
  display: flex;
  flex-flow: column nowrap;
  gap: var(--small-spacing);
  border: 3px solid var(--main-color);
  border-radius: var(--border-radius);
  padding: var(--medium-spacing);
  margin-bottom: var(--medium-spacing);
}
#resourceserialbooking .info .resource-info,
#resourceansoegning-opret .info .resource-info,
#resbook-create .info .resource-info,
#resourcebookingform .info .resource-info {
  order: 2;
  padding-top: var(--small-spacing);
}
#resourceserialbooking .info .resource-info .resource-heading,
#resourceansoegning-opret .info .resource-info .resource-heading,
#resbook-create .info .resource-info .resource-heading,
#resourcebookingform .info .resource-info .resource-heading {
  font-size: 2rem;
  color: var(--main-color);
  font-weight: bold;
  margin-bottom: var(--medium-spacing);
}
#resourceserialbooking .info .resource-info .resource-description,
#resourceansoegning-opret .info .resource-info .resource-description,
#resbook-create .info .resource-info .resource-description,
#resourcebookingform .info .resource-info .resource-description {
  padding: var(--small-spacing) 0;
}
#resourceserialbooking .info .resource-info .resource-description .label,
#resourceansoegning-opret .info .resource-info .resource-description .label,
#resbook-create .info .resource-info .resource-description .label,
#resourcebookingform .info .resource-info .resource-description .label {
  text-decoration: underline;
}
#resourceserialbooking .info .location-info,
#resourceansoegning-opret .info .location-info,
#resbook-create .info .location-info,
#resourcebookingform .info .location-info {
  order: 1;
  padding-bottom: var(--small-spacing);
  border-bottom: 1px solid var(--gray-color);
}
#resourceserialbooking .info .location-info .name,
#resourceansoegning-opret .info .location-info .name,
#resbook-create .info .location-info .name,
#resourcebookingform .info .location-info .name {
  display: flex;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: var(--small-spacing);
}
#resourceserialbooking .info .location-info .location-description,
#resourceansoegning-opret .info .location-info .location-description,
#resbook-create .info .location-info .location-description,
#resourcebookingform .info .location-info .location-description {
  padding: var(--small-spacing) 0;
}
#resourceserialbooking .info .location-info .location-description .label,
#resourceansoegning-opret .info .location-info .location-description .label,
#resbook-create .info .location-info .location-description .label,
#resourcebookingform .info .location-info .location-description .label {
  text-decoration: underline;
}
#resourceserialbooking #app-edit-form,
#resourceansoegning-opret #app-edit-form,
#resbook-create #app-edit-form,
#resourcebookingform #app-edit-form {
  display: flex;
  flex-flow: column wrap;
}
#resourceserialbooking #app-edit-form .resource-details,
#resourceansoegning-opret #app-edit-form .resource-details,
#resbook-create #app-edit-form .resource-details,
#resourcebookingform #app-edit-form .resource-details {
  order: 1;
}
#resourceserialbooking #app-edit-form .application-settings,
#resourceansoegning-opret #app-edit-form .application-settings,
#resbook-create #app-edit-form .application-settings,
#resourcebookingform #app-edit-form .application-settings {
  order: 2;
}
#resourceserialbooking #app-edit-form .resource-settings,
#resourceansoegning-opret #app-edit-form .resource-settings,
#resbook-create #app-edit-form .resource-settings,
#resourcebookingform #app-edit-form .resource-settings {
  order: 3;
}
#resourceserialbooking #app-edit-form .application-subject,
#resourceansoegning-opret #app-edit-form .application-subject,
#resbook-create #app-edit-form .application-subject,
#resourcebookingform #app-edit-form .application-subject {
  order: 4;
}
#resourceserialbooking #app-edit-form .application-participants,
#resourceansoegning-opret #app-edit-form .application-participants,
#resbook-create #app-edit-form .application-participants,
#resourcebookingform #app-edit-form .application-participants {
  order: 5;
}
#resourceserialbooking #app-edit-form .application-comments,
#resourceansoegning-opret #app-edit-form .application-comments,
#resbook-create #app-edit-form .application-comments,
#resourcebookingform #app-edit-form .application-comments {
  order: 6;
}
#resourceserialbooking #app-edit-form .fieldset-contact,
#resourceansoegning-opret #app-edit-form .fieldset-contact,
#resbook-create #app-edit-form .fieldset-contact,
#resourcebookingform #app-edit-form .fieldset-contact {
  order: 7;
}
#resourceserialbooking #app-edit-form .application-button-set,
#resourceansoegning-opret #app-edit-form .application-button-set,
#resbook-create #app-edit-form .application-button-set,
#resourcebookingform #app-edit-form .application-button-set {
  order: 8;
}
#resourceserialbooking #app-edit-form .application-mail-choice div,
#resourceansoegning-opret #app-edit-form .application-mail-choice div,
#resbook-create #app-edit-form .application-mail-choice div,
#resourcebookingform #app-edit-form .application-mail-choice div,
#resourceserialbooking #resbook-create-form .application-mail-choice div,
#resourceansoegning-opret #resbook-create-form .application-mail-choice div,
#resbook-create #resbook-create-form .application-mail-choice div,
#resourcebookingform #resbook-create-form .application-mail-choice div,
#resourceserialbooking #resbook-form .application-mail-choice div,
#resourceansoegning-opret #resbook-form .application-mail-choice div,
#resbook-create #resbook-form .application-mail-choice div,
#resourcebookingform #resbook-form .application-mail-choice div {
  display: flex;
  flex-flow: row wrap;
  gap: var(--small-spacing);
}
#resourceserialbooking #app-edit-form label.error,
#resourceansoegning-opret #app-edit-form label.error,
#resbook-create #app-edit-form label.error,
#resourcebookingform #app-edit-form label.error,
#resourceserialbooking #resbook-create-form label.error,
#resourceansoegning-opret #resbook-create-form label.error,
#resbook-create #resbook-create-form label.error,
#resourcebookingform #resbook-create-form label.error,
#resourceserialbooking #resbook-form label.error,
#resourceansoegning-opret #resbook-form label.error,
#resbook-create #resbook-form label.error,
#resourcebookingform #resbook-form label.error {
  padding: 0.2em 1em;
  border-color: #800;
  color: #fff;
  font-size: 1.1em;
}
#resourceserialbooking #app-edit-form .resource-settings-group > fieldset,
#resourceansoegning-opret #app-edit-form .resource-settings-group > fieldset,
#resbook-create #app-edit-form .resource-settings-group > fieldset,
#resourcebookingform #app-edit-form .resource-settings-group > fieldset,
#resourceserialbooking #resbook-create-form .resource-settings-group > fieldset,
#resourceansoegning-opret #resbook-create-form .resource-settings-group > fieldset,
#resbook-create #resbook-create-form .resource-settings-group > fieldset,
#resourcebookingform #resbook-create-form .resource-settings-group > fieldset,
#resourceserialbooking #resbook-form .resource-settings-group > fieldset,
#resourceansoegning-opret #resbook-form .resource-settings-group > fieldset,
#resbook-create #resbook-form .resource-settings-group > fieldset,
#resourcebookingform #resbook-form .resource-settings-group > fieldset,
#resourceserialbooking #app-edit-form > fieldset:not(.knapset):not(.application-button-set),
#resourceansoegning-opret #app-edit-form > fieldset:not(.knapset):not(.application-button-set),
#resbook-create #app-edit-form > fieldset:not(.knapset):not(.application-button-set),
#resourcebookingform #app-edit-form > fieldset:not(.knapset):not(.application-button-set),
#resourceserialbooking #resbook-create-form > fieldset:not(.knapset):not(.application-button-set),
#resourceansoegning-opret #resbook-create-form > fieldset:not(.knapset):not(.application-button-set),
#resbook-create #resbook-create-form > fieldset:not(.knapset):not(.application-button-set),
#resourcebookingform #resbook-create-form > fieldset:not(.knapset):not(.application-button-set),
#resourceserialbooking #resbook-form > fieldset:not(.knapset):not(.application-button-set),
#resourceansoegning-opret #resbook-form > fieldset:not(.knapset):not(.application-button-set),
#resbook-create #resbook-form > fieldset:not(.knapset):not(.application-button-set),
#resourcebookingform #resbook-form > fieldset:not(.knapset):not(.application-button-set) {
  border: 1px solid var(--main-color);
  border-radius: var(--border-radius);
  padding: var(--medium-spacing);
  position: relative;
  padding-top: var(--big-spacing);
  margin-bottom: var(--medium-spacing);
}
#resourceserialbooking #app-edit-form .resource-settings-group > fieldset legend:not(.radio-group-legend),
#resourceansoegning-opret #app-edit-form .resource-settings-group > fieldset legend:not(.radio-group-legend),
#resbook-create #app-edit-form .resource-settings-group > fieldset legend:not(.radio-group-legend),
#resourcebookingform #app-edit-form .resource-settings-group > fieldset legend:not(.radio-group-legend),
#resourceserialbooking #resbook-create-form .resource-settings-group > fieldset legend:not(.radio-group-legend),
#resourceansoegning-opret #resbook-create-form .resource-settings-group > fieldset legend:not(.radio-group-legend),
#resbook-create #resbook-create-form .resource-settings-group > fieldset legend:not(.radio-group-legend),
#resourcebookingform #resbook-create-form .resource-settings-group > fieldset legend:not(.radio-group-legend),
#resourceserialbooking #resbook-form .resource-settings-group > fieldset legend:not(.radio-group-legend),
#resourceansoegning-opret #resbook-form .resource-settings-group > fieldset legend:not(.radio-group-legend),
#resbook-create #resbook-form .resource-settings-group > fieldset legend:not(.radio-group-legend),
#resourcebookingform #resbook-form .resource-settings-group > fieldset legend:not(.radio-group-legend),
#resourceserialbooking #app-edit-form > fieldset:not(.knapset):not(.application-button-set) legend:not(.radio-group-legend),
#resourceansoegning-opret #app-edit-form > fieldset:not(.knapset):not(.application-button-set) legend:not(.radio-group-legend),
#resbook-create #app-edit-form > fieldset:not(.knapset):not(.application-button-set) legend:not(.radio-group-legend),
#resourcebookingform #app-edit-form > fieldset:not(.knapset):not(.application-button-set) legend:not(.radio-group-legend),
#resourceserialbooking #resbook-create-form > fieldset:not(.knapset):not(.application-button-set) legend:not(.radio-group-legend),
#resourceansoegning-opret #resbook-create-form > fieldset:not(.knapset):not(.application-button-set) legend:not(.radio-group-legend),
#resbook-create #resbook-create-form > fieldset:not(.knapset):not(.application-button-set) legend:not(.radio-group-legend),
#resourcebookingform #resbook-create-form > fieldset:not(.knapset):not(.application-button-set) legend:not(.radio-group-legend),
#resourceserialbooking #resbook-form > fieldset:not(.knapset):not(.application-button-set) legend:not(.radio-group-legend),
#resourceansoegning-opret #resbook-form > fieldset:not(.knapset):not(.application-button-set) legend:not(.radio-group-legend),
#resbook-create #resbook-form > fieldset:not(.knapset):not(.application-button-set) legend:not(.radio-group-legend),
#resourcebookingform #resbook-form > fieldset:not(.knapset):not(.application-button-set) legend:not(.radio-group-legend) {
  position: absolute;
  top: 25px;
  font-size: 1.2rem;
  font-weight: bold;
}
#resourceserialbooking #app-edit-form .resource-settings-group > fieldset div.required label:after,
#resourceansoegning-opret #app-edit-form .resource-settings-group > fieldset div.required label:after,
#resbook-create #app-edit-form .resource-settings-group > fieldset div.required label:after,
#resourcebookingform #app-edit-form .resource-settings-group > fieldset div.required label:after,
#resourceserialbooking #resbook-create-form .resource-settings-group > fieldset div.required label:after,
#resourceansoegning-opret #resbook-create-form .resource-settings-group > fieldset div.required label:after,
#resbook-create #resbook-create-form .resource-settings-group > fieldset div.required label:after,
#resourcebookingform #resbook-create-form .resource-settings-group > fieldset div.required label:after,
#resourceserialbooking #resbook-form .resource-settings-group > fieldset div.required label:after,
#resourceansoegning-opret #resbook-form .resource-settings-group > fieldset div.required label:after,
#resbook-create #resbook-form .resource-settings-group > fieldset div.required label:after,
#resourcebookingform #resbook-form .resource-settings-group > fieldset div.required label:after,
#resourceserialbooking #app-edit-form > fieldset:not(.knapset):not(.application-button-set) div.required label:after,
#resourceansoegning-opret #app-edit-form > fieldset:not(.knapset):not(.application-button-set) div.required label:after,
#resbook-create #app-edit-form > fieldset:not(.knapset):not(.application-button-set) div.required label:after,
#resourcebookingform #app-edit-form > fieldset:not(.knapset):not(.application-button-set) div.required label:after,
#resourceserialbooking #resbook-create-form > fieldset:not(.knapset):not(.application-button-set) div.required label:after,
#resourceansoegning-opret #resbook-create-form > fieldset:not(.knapset):not(.application-button-set) div.required label:after,
#resbook-create #resbook-create-form > fieldset:not(.knapset):not(.application-button-set) div.required label:after,
#resourcebookingform #resbook-create-form > fieldset:not(.knapset):not(.application-button-set) div.required label:after,
#resourceserialbooking #resbook-form > fieldset:not(.knapset):not(.application-button-set) div.required label:after,
#resourceansoegning-opret #resbook-form > fieldset:not(.knapset):not(.application-button-set) div.required label:after,
#resbook-create #resbook-form > fieldset:not(.knapset):not(.application-button-set) div.required label:after,
#resourcebookingform #resbook-form > fieldset:not(.knapset):not(.application-button-set) div.required label:after {
  content: "*";
  color: #800;
  margin-left: 3px;
}
#resourceserialbooking #app-edit-form .resource-settings-group > fieldset label,
#resourceansoegning-opret #app-edit-form .resource-settings-group > fieldset label,
#resbook-create #app-edit-form .resource-settings-group > fieldset label,
#resourcebookingform #app-edit-form .resource-settings-group > fieldset label,
#resourceserialbooking #resbook-create-form .resource-settings-group > fieldset label,
#resourceansoegning-opret #resbook-create-form .resource-settings-group > fieldset label,
#resbook-create #resbook-create-form .resource-settings-group > fieldset label,
#resourcebookingform #resbook-create-form .resource-settings-group > fieldset label,
#resourceserialbooking #resbook-form .resource-settings-group > fieldset label,
#resourceansoegning-opret #resbook-form .resource-settings-group > fieldset label,
#resbook-create #resbook-form .resource-settings-group > fieldset label,
#resourcebookingform #resbook-form .resource-settings-group > fieldset label,
#resourceserialbooking #app-edit-form > fieldset:not(.knapset):not(.application-button-set) label,
#resourceansoegning-opret #app-edit-form > fieldset:not(.knapset):not(.application-button-set) label,
#resbook-create #app-edit-form > fieldset:not(.knapset):not(.application-button-set) label,
#resourcebookingform #app-edit-form > fieldset:not(.knapset):not(.application-button-set) label,
#resourceserialbooking #resbook-create-form > fieldset:not(.knapset):not(.application-button-set) label,
#resourceansoegning-opret #resbook-create-form > fieldset:not(.knapset):not(.application-button-set) label,
#resbook-create #resbook-create-form > fieldset:not(.knapset):not(.application-button-set) label,
#resourcebookingform #resbook-create-form > fieldset:not(.knapset):not(.application-button-set) label,
#resourceserialbooking #resbook-form > fieldset:not(.knapset):not(.application-button-set) label,
#resourceansoegning-opret #resbook-form > fieldset:not(.knapset):not(.application-button-set) label,
#resbook-create #resbook-form > fieldset:not(.knapset):not(.application-button-set) label,
#resourcebookingform #resbook-form > fieldset:not(.knapset):not(.application-button-set) label {
  display: block;
}
#resourceserialbooking #app-edit-form fieldset:not(.fieldset-time) input:not(type="checkbox"),
#resourceansoegning-opret #app-edit-form fieldset:not(.fieldset-time) input:not(type="checkbox"),
#resbook-create #app-edit-form fieldset:not(.fieldset-time) input:not(type="checkbox"),
#resourcebookingform #app-edit-form fieldset:not(.fieldset-time) input:not(type="checkbox"),
#resourceserialbooking #resbook-create-form fieldset:not(.fieldset-time) input:not(type="checkbox"),
#resourceansoegning-opret #resbook-create-form fieldset:not(.fieldset-time) input:not(type="checkbox"),
#resbook-create #resbook-create-form fieldset:not(.fieldset-time) input:not(type="checkbox"),
#resourcebookingform #resbook-create-form fieldset:not(.fieldset-time) input:not(type="checkbox"),
#resourceserialbooking #resbook-form fieldset:not(.fieldset-time) input:not(type="checkbox"),
#resourceansoegning-opret #resbook-form fieldset:not(.fieldset-time) input:not(type="checkbox"),
#resbook-create #resbook-form fieldset:not(.fieldset-time) input:not(type="checkbox"),
#resourcebookingform #resbook-form fieldset:not(.fieldset-time) input:not(type="checkbox"),
#resourceserialbooking #app-edit-form fieldset:not(.fieldset-time) select,
#resourceansoegning-opret #app-edit-form fieldset:not(.fieldset-time) select,
#resbook-create #app-edit-form fieldset:not(.fieldset-time) select,
#resourcebookingform #app-edit-form fieldset:not(.fieldset-time) select,
#resourceserialbooking #resbook-create-form fieldset:not(.fieldset-time) select,
#resourceansoegning-opret #resbook-create-form fieldset:not(.fieldset-time) select,
#resbook-create #resbook-create-form fieldset:not(.fieldset-time) select,
#resourcebookingform #resbook-create-form fieldset:not(.fieldset-time) select,
#resourceserialbooking #resbook-form fieldset:not(.fieldset-time) select,
#resourceansoegning-opret #resbook-form fieldset:not(.fieldset-time) select,
#resbook-create #resbook-form fieldset:not(.fieldset-time) select,
#resourcebookingform #resbook-form fieldset:not(.fieldset-time) select,
#resourceserialbooking #app-edit-form fieldset:not(.fieldset-time) textarea,
#resourceansoegning-opret #app-edit-form fieldset:not(.fieldset-time) textarea,
#resbook-create #app-edit-form fieldset:not(.fieldset-time) textarea,
#resourcebookingform #app-edit-form fieldset:not(.fieldset-time) textarea,
#resourceserialbooking #resbook-create-form fieldset:not(.fieldset-time) textarea,
#resourceansoegning-opret #resbook-create-form fieldset:not(.fieldset-time) textarea,
#resbook-create #resbook-create-form fieldset:not(.fieldset-time) textarea,
#resourcebookingform #resbook-create-form fieldset:not(.fieldset-time) textarea,
#resourceserialbooking #resbook-form fieldset:not(.fieldset-time) textarea,
#resourceansoegning-opret #resbook-form fieldset:not(.fieldset-time) textarea,
#resbook-create #resbook-form fieldset:not(.fieldset-time) textarea,
#resourcebookingform #resbook-form fieldset:not(.fieldset-time) textarea {
  min-width: 300px;
}
#resourceserialbooking #app-edit-form fieldset.fieldset-props,
#resourceansoegning-opret #app-edit-form fieldset.fieldset-props,
#resbook-create #app-edit-form fieldset.fieldset-props,
#resourcebookingform #app-edit-form fieldset.fieldset-props,
#resourceserialbooking #resbook-create-form fieldset.fieldset-props,
#resourceansoegning-opret #resbook-create-form fieldset.fieldset-props,
#resbook-create #resbook-create-form fieldset.fieldset-props,
#resourcebookingform #resbook-create-form fieldset.fieldset-props,
#resourceserialbooking #resbook-form fieldset.fieldset-props,
#resourceansoegning-opret #resbook-form fieldset.fieldset-props,
#resbook-create #resbook-form fieldset.fieldset-props,
#resourcebookingform #resbook-form fieldset.fieldset-props {
  display: none;
}
#resourceserialbooking #app-edit-form fieldset.fieldset-props ul,
#resourceansoegning-opret #app-edit-form fieldset.fieldset-props ul,
#resbook-create #app-edit-form fieldset.fieldset-props ul,
#resourcebookingform #app-edit-form fieldset.fieldset-props ul,
#resourceserialbooking #resbook-create-form fieldset.fieldset-props ul,
#resourceansoegning-opret #resbook-create-form fieldset.fieldset-props ul,
#resbook-create #resbook-create-form fieldset.fieldset-props ul,
#resourcebookingform #resbook-create-form fieldset.fieldset-props ul,
#resourceserialbooking #resbook-form fieldset.fieldset-props ul,
#resourceansoegning-opret #resbook-form fieldset.fieldset-props ul,
#resbook-create #resbook-form fieldset.fieldset-props ul,
#resourcebookingform #resbook-form fieldset.fieldset-props ul {
  list-style: none;
  padding: 0;
}
#resourceserialbooking #app-edit-form fieldset.radio-group label.radio-label,
#resourceansoegning-opret #app-edit-form fieldset.radio-group label.radio-label,
#resbook-create #app-edit-form fieldset.radio-group label.radio-label,
#resourcebookingform #app-edit-form fieldset.radio-group label.radio-label,
#resourceserialbooking #resbook-create-form fieldset.radio-group label.radio-label,
#resourceansoegning-opret #resbook-create-form fieldset.radio-group label.radio-label,
#resbook-create #resbook-create-form fieldset.radio-group label.radio-label,
#resourcebookingform #resbook-create-form fieldset.radio-group label.radio-label,
#resourceserialbooking #resbook-form fieldset.radio-group label.radio-label,
#resourceansoegning-opret #resbook-form fieldset.radio-group label.radio-label,
#resbook-create #resbook-form fieldset.radio-group label.radio-label,
#resourcebookingform #resbook-form fieldset.radio-group label.radio-label {
  display: inline-block;
  margin-right: 1rem;
}
#resourceserialbooking fieldset.fieldset-time,
#resourceansoegning-opret fieldset.fieldset-time,
#resbook-create fieldset.fieldset-time,
#resourcebookingform fieldset.fieldset-time {
  background: var(--main-color);
  color: #fff;
}
#resourceserialbooking fieldset.fieldset-time .datetime-selectors,
#resourceansoegning-opret fieldset.fieldset-time .datetime-selectors,
#resbook-create fieldset.fieldset-time .datetime-selectors,
#resourcebookingform fieldset.fieldset-time .datetime-selectors {
  width: 400px;
}
#resourceserialbooking fieldset.fieldset-time div,
#resourceansoegning-opret fieldset.fieldset-time div,
#resbook-create fieldset.fieldset-time div,
#resourcebookingform fieldset.fieldset-time div {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
}
#resourceserialbooking fieldset.fieldset-time div .startdatestarttimewrap,
#resourceansoegning-opret fieldset.fieldset-time div .startdatestarttimewrap,
#resbook-create fieldset.fieldset-time div .startdatestarttimewrap,
#resourcebookingform fieldset.fieldset-time div .startdatestarttimewrap,
#resourceserialbooking fieldset.fieldset-time div .enddateendtimewrap,
#resourceansoegning-opret fieldset.fieldset-time div .enddateendtimewrap,
#resbook-create fieldset.fieldset-time div .enddateendtimewrap,
#resourcebookingform fieldset.fieldset-time div .enddateendtimewrap {
  margin-bottom: 15px;
  width: 100%;
}
#resourceserialbooking fieldset.fieldset-time div .startdatestarttimewrap div .label,
#resourceansoegning-opret fieldset.fieldset-time div .startdatestarttimewrap div .label,
#resbook-create fieldset.fieldset-time div .startdatestarttimewrap div .label,
#resourcebookingform fieldset.fieldset-time div .startdatestarttimewrap div .label,
#resourceserialbooking fieldset.fieldset-time div .enddateendtimewrap div .label,
#resourceansoegning-opret fieldset.fieldset-time div .enddateendtimewrap div .label,
#resbook-create fieldset.fieldset-time div .enddateendtimewrap div .label,
#resourcebookingform fieldset.fieldset-time div .enddateendtimewrap div .label,
#resourceserialbooking fieldset.fieldset-time div .startdatestarttimewrap div label,
#resourceansoegning-opret fieldset.fieldset-time div .startdatestarttimewrap div label,
#resbook-create fieldset.fieldset-time div .startdatestarttimewrap div label,
#resourcebookingform fieldset.fieldset-time div .startdatestarttimewrap div label,
#resourceserialbooking fieldset.fieldset-time div .enddateendtimewrap div label,
#resourceansoegning-opret fieldset.fieldset-time div .enddateendtimewrap div label,
#resbook-create fieldset.fieldset-time div .enddateendtimewrap div label,
#resourcebookingform fieldset.fieldset-time div .enddateendtimewrap div label {
  margin-right: 5px;
  margin-top: 0;
}
#resourceserialbooking fieldset.fieldset-time div .startdatestarttimewrap div .readonly,
#resourceansoegning-opret fieldset.fieldset-time div .startdatestarttimewrap div .readonly,
#resbook-create fieldset.fieldset-time div .startdatestarttimewrap div .readonly,
#resourcebookingform fieldset.fieldset-time div .startdatestarttimewrap div .readonly,
#resourceserialbooking fieldset.fieldset-time div .enddateendtimewrap div .readonly,
#resourceansoegning-opret fieldset.fieldset-time div .enddateendtimewrap div .readonly,
#resbook-create fieldset.fieldset-time div .enddateendtimewrap div .readonly,
#resourcebookingform fieldset.fieldset-time div .enddateendtimewrap div .readonly {
  font-size: 16px;
  width: 120px;
  *padding: 8px 18px;
}
#resourceserialbooking fieldset.fieldset-time div .startdatestarttimewrap #startdate,
#resourceansoegning-opret fieldset.fieldset-time div .startdatestarttimewrap #startdate,
#resbook-create fieldset.fieldset-time div .startdatestarttimewrap #startdate,
#resourcebookingform fieldset.fieldset-time div .startdatestarttimewrap #startdate,
#resourceserialbooking fieldset.fieldset-time div .enddateendtimewrap #startdate,
#resourceansoegning-opret fieldset.fieldset-time div .enddateendtimewrap #startdate,
#resbook-create fieldset.fieldset-time div .enddateendtimewrap #startdate,
#resourcebookingform fieldset.fieldset-time div .enddateendtimewrap #startdate,
#resourceserialbooking fieldset.fieldset-time div .startdatestarttimewrap #input-enddate,
#resourceansoegning-opret fieldset.fieldset-time div .startdatestarttimewrap #input-enddate,
#resbook-create fieldset.fieldset-time div .startdatestarttimewrap #input-enddate,
#resourcebookingform fieldset.fieldset-time div .startdatestarttimewrap #input-enddate,
#resourceserialbooking fieldset.fieldset-time div .enddateendtimewrap #input-enddate,
#resourceansoegning-opret fieldset.fieldset-time div .enddateendtimewrap #input-enddate,
#resbook-create fieldset.fieldset-time div .enddateendtimewrap #input-enddate,
#resourcebookingform fieldset.fieldset-time div .enddateendtimewrap #input-enddate {
  margin-right: 30px;
  margin-left: 10px;
}
#resourceserialbooking fieldset.fieldset-time div .startdatestarttimewrap select#input-enddate,
#resourceansoegning-opret fieldset.fieldset-time div .startdatestarttimewrap select#input-enddate,
#resbook-create fieldset.fieldset-time div .startdatestarttimewrap select#input-enddate,
#resourcebookingform fieldset.fieldset-time div .startdatestarttimewrap select#input-enddate,
#resourceserialbooking fieldset.fieldset-time div .enddateendtimewrap select#input-enddate,
#resourceansoegning-opret fieldset.fieldset-time div .enddateendtimewrap select#input-enddate,
#resbook-create fieldset.fieldset-time div .enddateendtimewrap select#input-enddate,
#resourcebookingform fieldset.fieldset-time div .enddateendtimewrap select#input-enddate {
  margin-right: 20px;
}
#resourceserialbooking fieldset.fieldset-time div .startdatestarttimewrap .startdate:before,
#resourceansoegning-opret fieldset.fieldset-time div .startdatestarttimewrap .startdate:before,
#resbook-create fieldset.fieldset-time div .startdatestarttimewrap .startdate:before,
#resourcebookingform fieldset.fieldset-time div .startdatestarttimewrap .startdate:before,
#resourceserialbooking fieldset.fieldset-time div .enddateendtimewrap .startdate:before,
#resourceansoegning-opret fieldset.fieldset-time div .enddateendtimewrap .startdate:before,
#resbook-create fieldset.fieldset-time div .enddateendtimewrap .startdate:before,
#resourcebookingform fieldset.fieldset-time div .enddateendtimewrap .startdate:before {
  width: 110px;
  content: 'Starttidspunkt: ';
}
#resourceserialbooking fieldset.fieldset-time div .startdatestarttimewrap .enddate-select:before,
#resourceansoegning-opret fieldset.fieldset-time div .startdatestarttimewrap .enddate-select:before,
#resbook-create fieldset.fieldset-time div .startdatestarttimewrap .enddate-select:before,
#resourcebookingform fieldset.fieldset-time div .startdatestarttimewrap .enddate-select:before,
#resourceserialbooking fieldset.fieldset-time div .enddateendtimewrap .enddate-select:before,
#resourceansoegning-opret fieldset.fieldset-time div .enddateendtimewrap .enddate-select:before,
#resbook-create fieldset.fieldset-time div .enddateendtimewrap .enddate-select:before,
#resourcebookingform fieldset.fieldset-time div .enddateendtimewrap .enddate-select:before {
  width: 110px;
  content: 'Sluttidspunkt: ';
}
#resourceserialbooking fieldset.fieldset-time div .startdatestarttimewrap .form-line,
#resourceansoegning-opret fieldset.fieldset-time div .startdatestarttimewrap .form-line,
#resbook-create fieldset.fieldset-time div .startdatestarttimewrap .form-line,
#resourcebookingform fieldset.fieldset-time div .startdatestarttimewrap .form-line,
#resourceserialbooking fieldset.fieldset-time div .enddateendtimewrap .form-line,
#resourceansoegning-opret fieldset.fieldset-time div .enddateendtimewrap .form-line,
#resbook-create fieldset.fieldset-time div .enddateendtimewrap .form-line,
#resourcebookingform fieldset.fieldset-time div .enddateendtimewrap .form-line {
  margin-right: auto;
  text-align: left;
}
#resourceserialbooking fieldset.fieldset-time .resource-table-holder,
#resourceansoegning-opret fieldset.fieldset-time .resource-table-holder,
#resbook-create fieldset.fieldset-time .resource-table-holder,
#resourcebookingform fieldset.fieldset-time .resource-table-holder {
  display: inline-block;
  width: calc(100% - 400px);
  min-height: auto;
  height: auto;
  overflow-y: hidden;
  overflow-x: scroll;
  background: #fff;
  align-self: flex-start;
}
#resourceserialbooking fieldset.fieldset-time .resource-table-holder .resource-table,
#resourceansoegning-opret fieldset.fieldset-time .resource-table-holder .resource-table,
#resbook-create fieldset.fieldset-time .resource-table-holder .resource-table,
#resourcebookingform fieldset.fieldset-time .resource-table-holder .resource-table {
  width: 100%;
  border-collapse: collapse;
}
#resourceserialbooking fieldset.fieldset-time .resource-table-holder .resource-table thead th,
#resourceansoegning-opret fieldset.fieldset-time .resource-table-holder .resource-table thead th,
#resbook-create fieldset.fieldset-time .resource-table-holder .resource-table thead th,
#resourcebookingform fieldset.fieldset-time .resource-table-holder .resource-table thead th {
  position: relative;
  width: 40px;
  font-size: 0.8em;
}
#resourceserialbooking fieldset.fieldset-time .resource-table-holder .resource-table thead th:first-child,
#resourceansoegning-opret fieldset.fieldset-time .resource-table-holder .resource-table thead th:first-child,
#resbook-create fieldset.fieldset-time .resource-table-holder .resource-table thead th:first-child,
#resourcebookingform fieldset.fieldset-time .resource-table-holder .resource-table thead th:first-child {
  width: 40px;
}
#resourceserialbooking fieldset.fieldset-time .resource-table-holder .resource-table th,
#resourceansoegning-opret fieldset.fieldset-time .resource-table-holder .resource-table th,
#resbook-create fieldset.fieldset-time .resource-table-holder .resource-table th,
#resourcebookingform fieldset.fieldset-time .resource-table-holder .resource-table th,
#resourceserialbooking fieldset.fieldset-time .resource-table-holder .resource-table td,
#resourceansoegning-opret fieldset.fieldset-time .resource-table-holder .resource-table td,
#resbook-create fieldset.fieldset-time .resource-table-holder .resource-table td,
#resourcebookingform fieldset.fieldset-time .resource-table-holder .resource-table td {
  border: 1px solid #ccc;
}
#resourceserialbooking fieldset.fieldset-time .resource-table-holder .resource-table td.current,
#resourceansoegning-opret fieldset.fieldset-time .resource-table-holder .resource-table td.current,
#resbook-create fieldset.fieldset-time .resource-table-holder .resource-table td.current,
#resourcebookingform fieldset.fieldset-time .resource-table-holder .resource-table td.current {
  background-color: #b6d7a8 !important;
}
#resourceserialbooking fieldset.fieldset-time .resource-table-holder .resource-table td.blocked.booked,
#resourceansoegning-opret fieldset.fieldset-time .resource-table-holder .resource-table td.blocked.booked,
#resbook-create fieldset.fieldset-time .resource-table-holder .resource-table td.blocked.booked,
#resourcebookingform fieldset.fieldset-time .resource-table-holder .resource-table td.blocked.booked {
  background-color: var(--booking-color) !important;
  color: #fff;
  overflow: hidden;
}
#resourceserialbooking .fieldset-calendar,
#resourceansoegning-opret .fieldset-calendar,
#resbook-create .fieldset-calendar,
#resourcebookingform .fieldset-calendar {
  border-radius: var(--border-radius);
}
#resourceserialbooking .fieldset-price .price,
#resourceansoegning-opret .fieldset-price .price,
#resbook-create .fieldset-price .price,
#resourcebookingform .fieldset-price .price {
  display: flex;
  flex-flow: row nowrap;
  gap: var(--small-spacing);
}
#resourceserialbooking .application-button-set,
#resourceansoegning-opret .application-button-set,
#resbook-create .application-button-set,
#resourcebookingform .application-button-set,
#resourceserialbooking .fieldset-buttons,
#resourceansoegning-opret .fieldset-buttons,
#resbook-create .fieldset-buttons,
#resourcebookingform .fieldset-buttons {
  border: none;
}
#resourceserialbooking .application-button-set .btn,
#resourceansoegning-opret .application-button-set .btn,
#resbook-create .application-button-set .btn,
#resourcebookingform .application-button-set .btn,
#resourceserialbooking .fieldset-buttons .btn,
#resourceansoegning-opret .fieldset-buttons .btn,
#resbook-create .fieldset-buttons .btn,
#resourcebookingform .fieldset-buttons .btn,
#resourceserialbooking .application-button-set #resbook-submit-button,
#resourceansoegning-opret .application-button-set #resbook-submit-button,
#resbook-create .application-button-set #resbook-submit-button,
#resourcebookingform .application-button-set #resbook-submit-button,
#resourceserialbooking .fieldset-buttons #resbook-submit-button,
#resourceansoegning-opret .fieldset-buttons #resbook-submit-button,
#resbook-create .fieldset-buttons #resbook-submit-button,
#resourcebookingform .fieldset-buttons #resbook-submit-button {
  border-radius: var(--border-radius);
  padding: var(--tiny-spacing) var(--medium-spacing);
  background: var(--button-color);
  color: var(--main-color);
  border: none;
}
#resourceserialbooking .application-button-set .btn:hover,
#resourceansoegning-opret .application-button-set .btn:hover,
#resbook-create .application-button-set .btn:hover,
#resourcebookingform .application-button-set .btn:hover,
#resourceserialbooking .fieldset-buttons .btn:hover,
#resourceansoegning-opret .fieldset-buttons .btn:hover,
#resbook-create .fieldset-buttons .btn:hover,
#resourcebookingform .fieldset-buttons .btn:hover,
#resourceserialbooking .application-button-set #resbook-submit-button:hover,
#resourceansoegning-opret .application-button-set #resbook-submit-button:hover,
#resbook-create .application-button-set #resbook-submit-button:hover,
#resourcebookingform .application-button-set #resbook-submit-button:hover,
#resourceserialbooking .fieldset-buttons #resbook-submit-button:hover,
#resourceansoegning-opret .fieldset-buttons #resbook-submit-button:hover,
#resbook-create .fieldset-buttons #resbook-submit-button:hover,
#resourcebookingform .fieldset-buttons #resbook-submit-button:hover {
  background: var(--main-color);
  color: #fff;
  cursor: pointer;
}
#resourceserialbooking .application-button-set .btn:hover,
#resourceansoegning-opret .application-button-set .btn:hover,
#resbook-create .application-button-set .btn:hover,
#resourcebookingform .application-button-set .btn:hover,
#resourceserialbooking .fieldset-buttons .btn:hover,
#resourceansoegning-opret .fieldset-buttons .btn:hover,
#resbook-create .fieldset-buttons .btn:hover,
#resourcebookingform .fieldset-buttons .btn:hover,
#resourceserialbooking .application-button-set #resbook-submit-button:hover,
#resourceansoegning-opret .application-button-set #resbook-submit-button:hover,
#resbook-create .application-button-set #resbook-submit-button:hover,
#resourcebookingform .application-button-set #resbook-submit-button:hover,
#resourceserialbooking .fieldset-buttons #resbook-submit-button:hover,
#resourceansoegning-opret .fieldset-buttons #resbook-submit-button:hover,
#resbook-create .fieldset-buttons #resbook-submit-button:hover,
#resourcebookingform .fieldset-buttons #resbook-submit-button:hover {
  background: var(--button-color-darken);
}
#resourceserialbooking .application-button-set #resbook-cancel-form-link,
#resourceansoegning-opret .application-button-set #resbook-cancel-form-link,
#resbook-create .application-button-set #resbook-cancel-form-link,
#resourcebookingform .application-button-set #resbook-cancel-form-link,
#resourceserialbooking .fieldset-buttons #resbook-cancel-form-link,
#resourceansoegning-opret .fieldset-buttons #resbook-cancel-form-link,
#resbook-create .fieldset-buttons #resbook-cancel-form-link,
#resourcebookingform .fieldset-buttons #resbook-cancel-form-link {
  border-radius: var(--border-radius);
  padding: var(--tiny-spacing) var(--medium-spacing);
  background: var(--button-color);
  color: var(--main-color);
  border: none;
  background: var(--gray-color);
  text-decoration: none;
}
#resourceserialbooking .application-button-set #resbook-cancel-form-link:hover,
#resourceansoegning-opret .application-button-set #resbook-cancel-form-link:hover,
#resbook-create .application-button-set #resbook-cancel-form-link:hover,
#resourcebookingform .application-button-set #resbook-cancel-form-link:hover,
#resourceserialbooking .fieldset-buttons #resbook-cancel-form-link:hover,
#resourceansoegning-opret .fieldset-buttons #resbook-cancel-form-link:hover,
#resbook-create .fieldset-buttons #resbook-cancel-form-link:hover,
#resourcebookingform .fieldset-buttons #resbook-cancel-form-link:hover {
  background: var(--main-color);
  color: #fff;
  cursor: pointer;
}
#resourceserialbooking .application-button-set #resbook-cancel-form-link:hover,
#resourceansoegning-opret .application-button-set #resbook-cancel-form-link:hover,
#resbook-create .application-button-set #resbook-cancel-form-link:hover,
#resourcebookingform .application-button-set #resbook-cancel-form-link:hover,
#resourceserialbooking .fieldset-buttons #resbook-cancel-form-link:hover,
#resourceansoegning-opret .fieldset-buttons #resbook-cancel-form-link:hover,
#resbook-create .fieldset-buttons #resbook-cancel-form-link:hover,
#resourcebookingform .fieldset-buttons #resbook-cancel-form-link:hover {
  background: var(--gray-color-darken);
  color: #000;
}
#resourceserialbooking fieldset.application-settings legend,
#resourceansoegning-opret fieldset.application-settings legend,
#resbook-create fieldset.application-settings legend,
#resourcebookingform fieldset.application-settings legend {
  display: none;
}
#resourceserialbooking fieldset.application-settings .form-line:not(.day-pattern),
#resourceansoegning-opret fieldset.application-settings .form-line:not(.day-pattern),
#resbook-create fieldset.application-settings .form-line:not(.day-pattern),
#resourcebookingform fieldset.application-settings .form-line:not(.day-pattern) {
  margin: 15px 0;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
#resourceserialbooking fieldset.application-settings .form-line:not(.day-pattern) label,
#resourceansoegning-opret fieldset.application-settings .form-line:not(.day-pattern) label,
#resbook-create fieldset.application-settings .form-line:not(.day-pattern) label,
#resourcebookingform fieldset.application-settings .form-line:not(.day-pattern) label {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}
#resourceserialbooking fieldset.application-settings .form-line:not(.day-pattern) label:after,
#resourceansoegning-opret fieldset.application-settings .form-line:not(.day-pattern) label:after,
#resbook-create fieldset.application-settings .form-line:not(.day-pattern) label:after,
#resourcebookingform fieldset.application-settings .form-line:not(.day-pattern) label:after {
  content: "*";
  color: #800;
  margin-left: 3px;
}
#resourceserialbooking fieldset.application-settings .weekdays,
#resourceansoegning-opret fieldset.application-settings .weekdays,
#resbook-create fieldset.application-settings .weekdays,
#resourcebookingform fieldset.application-settings .weekdays {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  padding: 0;
  list-style: none;
  margin: 10px 0 0 0;
}
#resourceserialbooking fieldset.application-settings .weekdays .weekday,
#resourceansoegning-opret fieldset.application-settings .weekdays .weekday,
#resbook-create fieldset.application-settings .weekdays .weekday,
#resourcebookingform fieldset.application-settings .weekdays .weekday {
  display: flex;
  align-items: center;
}
#resourceserialbooking fieldset.application-settings .weekdays .weekday label,
#resourceansoegning-opret fieldset.application-settings .weekdays .weekday label,
#resbook-create fieldset.application-settings .weekdays .weekday label,
#resourcebookingform fieldset.application-settings .weekdays .weekday label {
  margin-left: 5px;
}
#resourceserialbooking .day-pattern-tabs,
#resourceansoegning-opret .day-pattern-tabs,
#resbook-create .day-pattern-tabs,
#resourcebookingform .day-pattern-tabs {
  margin-bottom: -1px;
}
#resourceserialbooking .day-pattern-tabs li.active,
#resourceansoegning-opret .day-pattern-tabs li.active,
#resbook-create .day-pattern-tabs li.active,
#resourcebookingform .day-pattern-tabs li.active {
  border: 1px solid #fff;
  border-bottom: 1px solid var(--gray-color);
}
#resourceserialbooking .day-pattern-page,
#resourceansoegning-opret .day-pattern-page,
#resbook-create .day-pattern-page,
#resourcebookingform .day-pattern-page {
  border: 1px solid var(--gray-color);
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}
#resourceserialbooking .day-pattern-page .monthly-day-count,
#resourceansoegning-opret .day-pattern-page .monthly-day-count,
#resbook-create .day-pattern-page .monthly-day-count,
#resourcebookingform .day-pattern-page .monthly-day-count {
  display: none;
}
#resourceserialbooking .day-pattern-page div,
#resourceansoegning-opret .day-pattern-page div,
#resbook-create .day-pattern-page div,
#resourcebookingform .day-pattern-page div {
  width: 100%;
}
#resourceserialbooking .day-pattern-page div:first-child,
#resourceansoegning-opret .day-pattern-page div:first-child,
#resbook-create .day-pattern-page div:first-child,
#resourcebookingform .day-pattern-page div:first-child {
  margin-bottom: 8px;
}
#resourceserialbooking .day-pattern-page[data-wk-page="monthly"],
#resourceansoegning-opret .day-pattern-page[data-wk-page="monthly"],
#resbook-create .day-pattern-page[data-wk-page="monthly"],
#resourcebookingform .day-pattern-page[data-wk-page="monthly"] {
  margin-top: 10px;
  /* Dag nummer + måneder mellem */
}
#resourceserialbooking .day-pattern-page[data-wk-page="monthly"] input[type="radio"],
#resourceansoegning-opret .day-pattern-page[data-wk-page="monthly"] input[type="radio"],
#resbook-create .day-pattern-page[data-wk-page="monthly"] input[type="radio"],
#resourcebookingform .day-pattern-page[data-wk-page="monthly"] input[type="radio"] {
  display: none;
}
#resourceserialbooking .day-pattern-page[data-wk-page="monthly"] .monthly-day-count,
#resourceansoegning-opret .day-pattern-page[data-wk-page="monthly"] .monthly-day-count,
#resbook-create .day-pattern-page[data-wk-page="monthly"] .monthly-day-count,
#resourcebookingform .day-pattern-page[data-wk-page="monthly"] .monthly-day-count {
  display: none !important;
}
#resourceserialbooking .day-pattern-page[data-wk-page="monthly"] .repeat-line,
#resourceansoegning-opret .day-pattern-page[data-wk-page="monthly"] .repeat-line,
#resbook-create .day-pattern-page[data-wk-page="monthly"] .repeat-line,
#resourcebookingform .day-pattern-page[data-wk-page="monthly"] .repeat-line {
  padding: 12px 15px;
  border-radius: 6px;
  margin-bottom: 15px;
  background: transparent;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#resourceserialbooking .day-pattern-page[data-wk-page="monthly"] .repeat-line input[type="radio"],
#resourceansoegning-opret .day-pattern-page[data-wk-page="monthly"] .repeat-line input[type="radio"],
#resbook-create .day-pattern-page[data-wk-page="monthly"] .repeat-line input[type="radio"],
#resourcebookingform .day-pattern-page[data-wk-page="monthly"] .repeat-line input[type="radio"] {
  margin-right: 8px;
}
#resourceserialbooking .day-pattern-page[data-wk-page="monthly"] .repeat-line label,
#resourceansoegning-opret .day-pattern-page[data-wk-page="monthly"] .repeat-line label,
#resbook-create .day-pattern-page[data-wk-page="monthly"] .repeat-line label,
#resourcebookingform .day-pattern-page[data-wk-page="monthly"] .repeat-line label {
  font-weight: bold;
  margin-bottom: 5px;
}
#resourceserialbooking .day-pattern-page[data-wk-page="monthly"] .repeat-line.active,
#resourceansoegning-opret .day-pattern-page[data-wk-page="monthly"] .repeat-line.active,
#resbook-create .day-pattern-page[data-wk-page="monthly"] .repeat-line.active,
#resourcebookingform .day-pattern-page[data-wk-page="monthly"] .repeat-line.active {
  border-color: var(--primary-color);
  background: #fff;
}
#resourceserialbooking .day-pattern-page[data-wk-page="monthly"] .daycount-inputs,
#resourceansoegning-opret .day-pattern-page[data-wk-page="monthly"] .daycount-inputs,
#resbook-create .day-pattern-page[data-wk-page="monthly"] .daycount-inputs,
#resourcebookingform .day-pattern-page[data-wk-page="monthly"] .daycount-inputs,
#resourceserialbooking .day-pattern-page[data-wk-page="monthly"] .monthcount-inputs,
#resourceansoegning-opret .day-pattern-page[data-wk-page="monthly"] .monthcount-inputs,
#resbook-create .day-pattern-page[data-wk-page="monthly"] .monthcount-inputs,
#resourcebookingform .day-pattern-page[data-wk-page="monthly"] .monthcount-inputs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px 20px;
  align-items: center;
}
#resourceserialbooking .day-pattern-page[data-wk-page="monthly"] .daycount-inputs label,
#resourceansoegning-opret .day-pattern-page[data-wk-page="monthly"] .daycount-inputs label,
#resbook-create .day-pattern-page[data-wk-page="monthly"] .daycount-inputs label,
#resourcebookingform .day-pattern-page[data-wk-page="monthly"] .daycount-inputs label,
#resourceserialbooking .day-pattern-page[data-wk-page="monthly"] .monthcount-inputs label,
#resourceansoegning-opret .day-pattern-page[data-wk-page="monthly"] .monthcount-inputs label,
#resbook-create .day-pattern-page[data-wk-page="monthly"] .monthcount-inputs label,
#resourcebookingform .day-pattern-page[data-wk-page="monthly"] .monthcount-inputs label {
  font-weight: normal;
  font-size: 0.9rem;
  margin-bottom: 3px;
}
#resourceserialbooking .day-pattern-page[data-wk-page="monthly"] .daycount-inputs input,
#resourceansoegning-opret .day-pattern-page[data-wk-page="monthly"] .daycount-inputs input,
#resbook-create .day-pattern-page[data-wk-page="monthly"] .daycount-inputs input,
#resourcebookingform .day-pattern-page[data-wk-page="monthly"] .daycount-inputs input,
#resourceserialbooking .day-pattern-page[data-wk-page="monthly"] .monthcount-inputs input,
#resourceansoegning-opret .day-pattern-page[data-wk-page="monthly"] .monthcount-inputs input,
#resbook-create .day-pattern-page[data-wk-page="monthly"] .monthcount-inputs input,
#resourcebookingform .day-pattern-page[data-wk-page="monthly"] .monthcount-inputs input,
#resourceserialbooking .day-pattern-page[data-wk-page="monthly"] .daycount-inputs select,
#resourceansoegning-opret .day-pattern-page[data-wk-page="monthly"] .daycount-inputs select,
#resbook-create .day-pattern-page[data-wk-page="monthly"] .daycount-inputs select,
#resourcebookingform .day-pattern-page[data-wk-page="monthly"] .daycount-inputs select,
#resourceserialbooking .day-pattern-page[data-wk-page="monthly"] .monthcount-inputs select,
#resourceansoegning-opret .day-pattern-page[data-wk-page="monthly"] .monthcount-inputs select,
#resbook-create .day-pattern-page[data-wk-page="monthly"] .monthcount-inputs select,
#resourcebookingform .day-pattern-page[data-wk-page="monthly"] .monthcount-inputs select {
  width: 100%;
  padding: 6px;
  border: 1px solid var(--border-color);
  border-radius: 5px;
}
.bookingoversigt-wrapper {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  column-gap: 2rem;
}
.bookingoversigt-wrapper .mine-bookinger,
.bookingoversigt-wrapper .annullerede-bookinger {
  background: var(--main-color);
  padding: 0.5rem 1rem;
  color: white;
  cursor: pointer;
  border-radius: var(--border-radius);
  text-decoration: none;
}
.bookingoversigt-wrapper .mine-bookinger:hover,
.bookingoversigt-wrapper .annullerede-bookinger:hover {
  background: var(--main-color);
}
.resource-bookings-list.wk-datatable tr button.children-toggle-link {
  width: 25px;
  height: 25px;
  background-size: cover;
}
.dt-buttons {
  margin-bottom: 1rem;
}
.dataTables_length,
.old-bookings-toggle-container {
  font-size: 18px;
}
.tilmeldings-liste {
  border-collapse: collapse;
}
.tilmeldings-liste tr {
  border-bottom: 1px solid #ededed;
}
.tilmeldings-liste td.toolbox {
  padding: 10px 0;
}
.tilmeldings-liste td.toolbox a {
  background-color: transparent;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: inline-block;
  font-size: 0;
  height: 20px;
  overflow: hidden;
  padding-top: 16px;
  width: 20px;
  margin-right: 5px;
}
.tilmeldings-liste td.toolbox a.rediger-link {
  background-image: url(../../billeder/icon-edit.png);
  background-size: cover;
}
.tilmeldings-liste td.toolbox a.resbook-detail-link {
  background-image: url(../../billeder/icon-search.png);
  background-size: cover;
}
.tilmeldings-liste td.toolbox a.annuller-link {
  background-image: url(../../billeder/icon-delete.png);
  background-size: cover;
}
.tilmeldings-liste td.toolbox a:last-child {
  margin: 0;
}
.tilmeldings-liste td.toolbox .inactive {
  opacity: 0.3;
}
td.toolbox {
  padding: 10px 0;
}
td.toolbox a {
  background-color: transparent;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  font-size: 0;
  height: 0;
  overflow: hidden;
  padding-top: 16px;
  margin-right: 2px;
  width: 16px;
}
td.toolbox a.approve-link,
td.toolbox a.details-link,
td.toolbox a.detail-link {
  background-image: url(../../billeder/icon-search.png);
}
td.toolbox a.rediger-link,
td.toolbox a.edit-link {
  background-image: url(../../billeder/icon-edit.png);
}
td.toolbox a.clone-link {
  background-image: url(../../billeder/icon-copy.png);
}
td.toolbox a.mail-link {
  background-image: url(../../billeder/icon-mail.png);
}
td.toolbox a.sms-link {
  background-image: url(../../billeder/icon-sms.png);
}
td.toolbox a.resbook-split-link {
  background-image: url(../../billeder/icon-calendar-split.png);
}
td.toolbox a.resbook-split-link {
  background-image: url(../../billeder/icon-calendar-split.png);
}
td.toolbox a.resbook-split-time-link {
  background-image: url(../../billeder/icon-clock-split.png);
}
td.toolbox a.reject-link,
td.toolbox a.delete-link,
td.toolbox a.cancel-link {
  background-image: url(../../billeder/icon-trash.png);
}
td.toolbox .inactive {
  opacity: 0.3;
}
.associationsearch-container {
  background: #fff;
  border-radius: var(--border-radius);
  padding: var(--medium-spacing);
  margin-bottom: var(--medium-spacing);
}
.associationsearch-container .associationsearch-form {
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  justify-content: center;
  gap: var(--medium-spacing);
}
.associationsearch-container .associationsearch-form .associationsearch-filterfields-group-container {
  display: flex;
  flex-flow: row wrap;
  gap: var(--medium-spacing);
}
.associationsearch-container .associationsearch-form .associationsearch-submit-button-container .associationsearch-submit-button {
  padding: var(--tiny-spacing) var(--medium-spacing);
  color: #fff;
  background: var(--light-blue-color);
  border-top-right-radius: var(--border-radius-medium);
  border-bottom-left-radius: var(--border-radius-medium);
  border: none;
  background: var(--main-color);
}
.associationsearch-container .associationsearch-form .associationsearch-submit-button-container .associationsearch-submit-button:hover {
  background: var(--light-blue-color-darken);
  color: #fff;
  cursor: pointer;
}
.associationsearch-container .associationsearch-form .associationsearch-submit-button-container .associationsearch-submit-button:hover {
  background: var(--main-color-darken);
}
.associationsearch-container .associationsearch-form .associationsearch-submit-button-container .associationsearch-reset-button {
  border-radius: var(--border-radius);
  padding: var(--tiny-spacing) var(--medium-spacing);
  background: var(--button-color);
  color: var(--main-color);
  border: none;
  color: #fff;
}
.associationsearch-container .associationsearch-form .associationsearch-submit-button-container .associationsearch-reset-button:hover {
  background: var(--main-color);
  color: #fff;
  cursor: pointer;
}
.associationsearch-container .associationsearch-form .associationsearch-submit-button-container .associationsearch-reset-button:hover {
  background: var(--button-color-darken);
}
.associationsearch-container .associationsearch-form .associationsearch-categories-container button {
  background: var(--main-color);
  padding: var(--tiny-spacing) var(--small-spacing);
  border: none;
  color: #fff;
  border-radius: var(--border-radius);
}
.associationsearch-container .associationsearch-form .associationsearch-results-container {
  width: 100%;
}
.associationsearch-container .associationsearch-form .associationsearch-results-container table {
  width: 100%;
}
.associationsearch-container .associationsearch-form .associationsearch-results-container table th {
  text-align: left;
}
.associationsearch-container .associationsearch-form .associationsearch-results-container table td {
  padding: 1rem 0;
  border-bottom: 1px solid lightgray;
}
.webprofilwrapper {
  display: grid;
  grid-template-columns: 1fr 400px;
  gap: var(--medium-spacing);
}
.webprofilwrapper div.venstrepanel > div {
  min-height: 300px;
  border-radius: var(--border-radius);
}
.webprofilwrapper div.venstrepanel > div > h3 {
  display: block;
  padding: 5px 16px;
  color: #fff;
  background: var(--main-color);
}
.webprofilwrapper div.hoejrepanel > div {
  border-radius: var(--border-radius);
}
.webprofilwrapper div.hoejrepanel > div > h3 {
  background: var(--secondary-color);
  color: #fff;
  padding: 10px 20px;
}
.webprofilwrapper div.hoejrepanel > div ul {
  margin-left: var(--small-spacing);
}
.webprofilwrapper .hoejrepanel,
.webprofilwrapper .venstrepanel {
  display: flex;
  flex-flow: column wrap;
  gap: var(--small-spacing);
}
.webprofilwrapper .hoejrepanel > div,
.webprofilwrapper .venstrepanel > div {
  min-height: 150px;
  background: #fff;
  padding: 16px;
  overflow: hidden;
  border-right: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
  border-left: 1px solid lightgray;
}
.webprofilwrapper .hoejrepanel > div h3,
.webprofilwrapper .venstrepanel > div h3 {
  width: 120%;
  margin: -16px 0 16px -16px;
}
.webprofilwrapper .hoejrepanel > p,
.webprofilwrapper .venstrepanel > p {
  display: none;
}
.webprofilwrapper .hoejrepanel #beskrivelse,
.webprofilwrapper .venstrepanel #beskrivelse {
  opacity: 0;
  animation: 1s ease-out 0s 1 slideInFromLeft;
  animation-fill-mode: forwards;
}
.webprofilwrapper .hoejrepanel .contactswrap,
.webprofilwrapper .venstrepanel .contactswrap {
  opacity: 0;
  animation: 1s ease-out 0s 1 slideInFromLeft;
  animation-fill-mode: forwards;
  animation-delay: 200ms;
}
.webprofilwrapper .hoejrepanel .contactswrap .contact-group-list-container,
.webprofilwrapper .venstrepanel .contactswrap .contact-group-list-container {
  width: 80%;
  overflow: hidden;
}
.webprofilwrapper .hoejrepanel .contactswrap .contact-group-list-container h3,
.webprofilwrapper .venstrepanel .contactswrap .contact-group-list-container h3 {
  font-size: 1.2rem;
  margin-top: 2rem;
  margin-left: 0;
  margin-bottom: 1rem;
}
.webprofilwrapper .hoejrepanel .contactswrap .contact-group-list-container ul,
.webprofilwrapper .venstrepanel .contactswrap .contact-group-list-container ul {
  display: flex;
  flex-flow: row wrap;
  margin: 0;
  padding: 0;
  gap: 2rem;
}
.webprofilwrapper .hoejrepanel .contactswrap .contact-group-list-container ul li,
.webprofilwrapper .venstrepanel .contactswrap .contact-group-list-container ul li {
  display: flex;
  flex-flow: column wrap;
  gap: 0.5rem;
}
.webprofilwrapper .hoejrepanel .contactswrap .contact-group-list-container ul li span.label,
.webprofilwrapper .venstrepanel .contactswrap .contact-group-list-container ul li span.label {
  font-weight: bold;
}
.webprofilwrapper .hoejrepanel #tilskudsregnskab,
.webprofilwrapper .venstrepanel #tilskudsregnskab {
  opacity: 0;
  animation: 1s ease-out 0s 1 slideInFromLeft;
  animation-fill-mode: forwards;
  animation-delay: 300ms;
}
.webprofilwrapper .hoejrepanel #tilskudsregnskab > *:not(h3),
.webprofilwrapper .venstrepanel #tilskudsregnskab > *:not(h3) {
  padding: 16px;
}
.webprofilwrapper .hoejrepanel #kontaktoplysninger,
.webprofilwrapper .venstrepanel #kontaktoplysninger {
  opacity: 0;
  animation: 1s ease-out 0s 1 slideInFromRight;
  animation-fill-mode: forwards;
}
.webprofilwrapper .hoejrepanel .kategoriwrap,
.webprofilwrapper .venstrepanel .kategoriwrap {
  opacity: 0;
  animation: 1s ease-out 0s 1 slideInFromRight;
  animation-fill-mode: forwards;
  animation-delay: 200ms;
}
.webprofilwrapper .hoejrepanel .kategoriwrap ul,
.webprofilwrapper .venstrepanel .kategoriwrap ul {
  padding: 0;
}
.webprofilwrapper .hoejrepanel .bookedelokaler,
.webprofilwrapper .venstrepanel .bookedelokaler {
  opacity: 0;
  animation: 1s ease-out 0s 1 slideInFromRight;
  animation-fill-mode: forwards;
  animation-delay: 300ms;
}
.webprofilwrapper .hoejrepanel .bookedelokaler ul,
.webprofilwrapper .venstrepanel .bookedelokaler ul {
  padding: 0;
}
.webprofilwrapper .hoejrepanel .kortwrap,
.webprofilwrapper .venstrepanel .kortwrap {
  opacity: 0;
  animation: 1s ease-out 0s 1 slideInFromRight;
  animation-fill-mode: forwards;
  animation-delay: 400ms;
}
.application-details {
  display: flex;
  flex-flow: column wrap;
  gap: var(--small-spacing);
  padding: var(--medium-spacing);
  border: 1px solid var(--main-color);
  border-radius: var(--border-radius);
  margin-bottom: var(--tiny-spacing);
}
.resource-details div {
  display: flex;
  flex-flow: row wrap;
}
.resource-details div .location {
  order: 2;
}
.resource-details div .resource {
  order: 1;
  font-weight: bold;
  margin-right: var(--tiny-spacing);
}
.resource-details div .resource:after {
  content: "-";
  padding-left: var(--tiny-spacing);
}
input[list] {
  max-height: 100px !important;
}