/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v30/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyWyosBD5XxxKA.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: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v30/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyWyosBK5XxxKA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v30/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyWyosBC5XxxKA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v30/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyWyosBN5XxxKA.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v30/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyWyosBB5XxxKA.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: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v30/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyWyosBA5XxxKA.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: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v30/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyWyosBO5Xw.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;
}
@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), t url('fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
* {
  box-sizing: border-box;
}
html {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow-y: scroll;
}
body {
  height: 100%;
  margin: 0;
  padding: 0;
  background: #ccc url(billeder/bg.png) repeat;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
}
td {
  background-clip: padding-box !important;
}
.altButtonDesign {
  border: 2px solid #1b4949 !important;
  color: #1b4949;
  background: #fff;
  border-radius: 5px;
  border: none;
  text-align: center;
  font-weight: bold;
  height: 40px;
  padding: 10px 3em;
}
.altButtonDesign:hover {
  cursor: pointer;
  background: #143636;
  border: 2px solid #143636;
  color: #fff;
  text-decoration: none;
}
.buttonDesign {
  background: #1b4949;
  color: #fff;
  border-radius: 5px;
  border: none;
  text-align: center;
  font-weight: bold;
  height: 40px;
  padding: 10px 3em;
}
.buttonDesign:hover {
  cursor: pointer;
  background: #143636;
  text-decoration: none;
}
button {
  background: #1b4949;
  color: #fff;
  border-radius: 5px;
  border: none;
  text-align: center;
  font-weight: bold;
  height: 40px;
  padding: 10px 3em;
}
button:hover {
  cursor: pointer;
  background: #143636;
  text-decoration: none;
}
#container {
  width: 100%;
  min-height: 100%;
  max-width: 1500px;
  margin: 0 auto;
  padding: 0;
  background: #fff;
}
#top {
  display: block;
  position: relative;
  padding: 0 2em;
  margin: 0;
  background: #fff;
}
#top #top-indhold {
  position: relative;
  text-align: left;
  display: inline-block;
  padding: 20px 0 0 0;
}
#top #top-indhold p {
  padding: 0;
}
#top .quickbar {
  position: absolute;
  top: 5px;
  right: 0px;
  margin: 0;
  padding: 0;
  list-style: none;
}
#top .quickbar li {
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
}
#top .quickbar a {
  display: block;
  padding: 10px 20px;
  color: #000;
}
.homepage-logo {
  display: none;
}
#indhold {
  clear: both;
  position: relative;
  padding: 1em 2em;
  margin: 0 auto;
  width: 100%;
  min-height: calc(100vh - 311px);
  background: #fff;
}
#ekstra-side-kontakt #indhold p,
#ekstra-side-om-fritidsportalen #indhold p,
#ekstra-side-hjaelp #indhold p,
#ekstra-side-kontakt #indhold h2,
#ekstra-side-om-fritidsportalen #indhold h2,
#ekstra-side-hjaelp #indhold h2,
#ekstra-side-kontakt #indhold ul,
#ekstra-side-om-fritidsportalen #indhold ul,
#ekstra-side-hjaelp #indhold ul,
#ekstra-side-kontakt #indhold li,
#ekstra-side-om-fritidsportalen #indhold li,
#ekstra-side-hjaelp #indhold li {
  font-size: 1.2em;
}
#indhold a.helpLink {
  color: #d4140c;
  padding-left: 10px;
  background: url(billeder/red_arrow.png) no-repeat left 4px;
}
#bund {
  color: #fff;
  padding: 40px 31px 28px 31px;
  background: #1b4949;
  background-size: auto 100%;
  opacity: 0.9;
  text-align: center;
  margin: 0;
  width: 100%;
  margin-top: 2em;
}
#bund #bund-indhold {
  display: inline-block;
  text-align: left;
  width: 100%;
}
#bund #bund-indhold p,
#bund #bund-indhold a,
#bund #bund-indhold h1 {
  color: #fff;
  text-shadow: none;
  padding: 0;
  text-decoration: none;
}
#bund #bund-indhold a:hover {
  text-decoration: underline;
}
#bund #bund-indhold div {
  display: inline-block;
}
#bund #bund-indhold .box {
  margin-right: 3em;
}
.back-link a:before,
button#location-submit-button:before,
button#resource-submit-button:before {
  float: left;
  width: 1em;
  text-align: center;
  font-size: 1.5em;
  margin: 0 1em 0 -1em;
  padding: 0 0.2em;
  pointer-events: none;
}
.back-link a,
button#location-submit-button,
button#resource-submit-button {
  display: inline-block;
  white-space: nowrap;
  background-color: #ddd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
  background-image: -webkit-linear-gradient(top, #eee, #ccc);
  background-image: -moz-linear-gradient(top, #eee, #ccc);
  background-image: -ms-linear-gradient(top, #eee, #ccc);
  background-image: -o-linear-gradient(top, #eee, #ccc);
  background-image: linear-gradient(top, #eee, #ccc);
  border: 1px solid #777;
  padding: 0 1.5em;
  margin: 0.5em 0.5em 0.5em 0;
  font: bold 1em/2em Arial, Helvetica;
  text-decoration: none;
  color: #333;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -moz-border-radius: 0.2em;
  -webkit-border-radius: 0.2em;
  border-radius: 0.2em;
  -moz-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.3);
}
#ekstra-infoboks3,
#ekstra-infoboks2,
#ekstra-infoboks1 {
  display: none;
}
#forside #indhold {
  width: 100%;
  float: left;
  margin: 0;
}
#forside #image-container {
  display: flex;
  background: url(billeder/forside-background.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  height: 430px;
  width: 100%;
  justify-content: center;
  padding: 6em 0;
}
#forside #image-container .search-container {
  align-self: flex-end;
  position: relative;
  background: #1b4949;
  padding: 4em 0 1em 2em;
  float: left;
  width: 56%;
}
#forside #image-container .search-container .resource-search {
  float: left;
  width: 100%;
  margin-top: 5px;
}
#forside #image-container .search-container .resource-search div.search-button-container {
  padding-top: 20px;
}
#forside #image-container .search-container .resource-search div.search-button-container button {
  height: 30px;
  width: 55px;
  padding: 0;
  font-weight: bold;
  background: #00b2e0;
}
#forside #image-container .search-container h2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #fff;
  background: #1b4949;
  padding: 0.5em 1.3em;
  font-weight: normal;
  font-size: 1.5em;
}
#forside #image-container .search-container p {
  padding: 0;
}
#forside #image-container .search-container .helpText {
  float: left;
  width: 100%;
  color: #cac8c8;
}
#forside .resource-search-form {
  width: 100%;
  padding: 0 0 1em 0;
  margin: 0 auto;
  position: relative;
  float: left;
}
#forside .resource-search-form fieldset {
  float: left;
  border: none;
  width: 100%;
  margin: 0;
  padding: 0;
}
#forside .resource-search-form fieldset.resource-search-field-group {
  width: auto;
}
#forside .resource-search-form fieldset.resource-search-field-group div {
  height: 45px;
  vertical-align: top;
}
#forside .resource-search-form fieldset.resource-search-field-group label {
  height: 20px;
  color: #fff;
}
#forside .resource-search-form fieldset.resource-search-field-group input,
#forside .resource-search-form fieldset.resource-search-field-group select {
  box-sizing: border-box;
  height: 30px;
  padding: 0.2em 1em 0.2em 0.5em;
  border-radius: 0;
  border: 1px solid #ccc;
  vertical-align: top;
}
#forside .resource-search-form fieldset.resource-search-field-group select {
  -webkit-appearance: none;
  appearance: none;
  background: #fff url(arrow-down.png) no-repeat center right;
}
#forside .resource-search-form fieldset.resource-search-field-group select::-ms-expand {
  display: none;
}
#forside .resource-search-form fieldset.resource-search-button-group {
  width: auto;
  height: 100%;
  vertical-align: bottom;
}
#forside .resource-search-form fieldset.resource-search-button-group div {
  padding-top: 20px;
}
#forside .resource-search-form fieldset.resource-search-button-group div button {
  height: 30px;
  width: 55px;
  padding: 0;
  font-weight: bold;
  background: #00b2e0;
}
#forside .resource-search-form div {
  display: inline-block;
  margin-right: 1em;
  margin-bottom: 1em;
}
#forside .resource-search-form div:last-child {
  margin-right: 0;
}
#forside .resource-search-form div label {
  display: block;
}
#forside .resource-search-form .resource-search-location select {
  width: 200px;
}
#forside .resource-search-form .resource-search-startdate input {
  width: 90px;
  margin-right: 1em;
}
#forside .resource-quicksearch {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 0;
  margin: 0;
}
#forside .resource-quicksearch h1 {
  flex: 1 100%;
  padding: 2em 0 1em 0;
  font-size: 2em;
  text-align: center;
}
#forside .resource-quicksearch .panel {
  padding: 5px;
  margin-bottom: 2em;
  width: 300px;
}
#forside .resource-quicksearch .panel h2 {
  margin: 1em 0 0 0;
}
#forside .resource-quicksearch .panel li {
  margin: 0 0 2px 0;
}
#forside .resource-quicksearch .panel a {
  color: #666;
  text-decoration: none;
}
#forside .resource-quicksearch .panel a:hover {
  color: #000;
  text-decoration: underline;
}
#forside .resource-quicksearch .panel .heading {
  border-bottom: 1px solid #1b4949;
  font-size: 1.5em;
  color: #1b4949;
}
#forside .resource-quicksearch ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#forside .debtor-search-form {
  background: #1b4949;
  text-align: center;
  margin: 0em auto 2em auto;
  padding: 1em 2em 2em 2em;
  border-radius: 10px;
}
#forside .debtor-search-form label[for='keyword'] {
  display: block;
  color: #fff;
  font-size: 1.3em;
  text-align: left;
  margin-bottom: 0.4em;
}
#forside .debtor-search-form #search-line {
  position: relative;
  vertical-align: top;
}
#forside .debtor-search-form #search-line input {
  width: 100%;
  height: 30px;
  background: #fff;
  border: 1px solid #c1c1c1;
  vertical-align: top;
  -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
}
#forside .debtor-search-form #search-line ::-webkit-input-placeholder {
  color: #c1c1c1;
}
#forside .debtor-search-form #search-line button {
  position: absolute;
  top: 24px;
  right: 0;
  box-sizing: border-box;
  height: 30px;
  padding: 0 1em;
  margin-left: -0.2em;
  width: 70px;
  background: transparent;
  color: #1b4949;
  font-size: 0;
  border: none;
}
#forside .debtor-search-form #search-line button:hover {
  cursor: pointer;
}
#forside .debtor-search-form #search-line button:before {
  font-family: 'FontAwesome';
  content: '\f002';
  font-size: 16px;
}
#forside .liste-kalender {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  min-height: 0;
  overflow: hidden;
}
#forside .liste-kalender ul {
  border: none;
  margin: 0;
}
#forside .liste-kalender ul li {
  box-sizing: border-box;
  border-top: none;
  border-bottom: 1px solid #cdcdcd;
  width: 100%;
}
#forside .liste-kalender ul li a {
  display: inline-block;
  width: 165px;
}
#forside .liste-kalender #dato {
  font-size: 2em;
  text-align: center;
  margin-bottom: 0.5em;
  color: #1b4949;
  font-weight: bold;
}
#forside .liste-kalender h3 {
  box-sizing: border-box;
  font-size: 1em;
  width: 100%;
  text-align: left;
  background: #1b4949;
  color: #fff;
  padding: 0.5em;
}
#forside .liste-kalender h3 a {
  color: #fff;
  float: right;
}
#forside .liste-kalender span.tid {
  float: left;
  text-align: left;
  width: 35%;
  font-size: 12px;
  margin: 0;
}
#forside .liste-kalender span.titel {
  float: left;
  font-size: 12px;
}
#forside .liste-kalender span.titel:hover {
  text-decoration: underline;
}
#forside .liste-kalender .beskrivelse {
  display: none;
}
/* ---- Ressource kort ---- */
.resource-map-container #ResourceMap,
.resource-map-container .resource-map-filter-container {
  display: inline-block;
  margin: 0;
  padding: 0;
  vertical-align: top;
}
.resource-map-container #ResourceMap {
  width: 50%;
  margin-right: 20px;
}
.resource-map-container .resource-map-filter-container .all-filters-check-container {
  margin-bottom: 1em;
}
.resource-map-container .resource-map-filter-container ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.resource-map-container .resource-map-filter-container ul li {
  position: relative;
  width: 100%;
}
.resource-map-container .resource-map-filter-container ul input {
  position: absolute;
  left: 0;
}
.resource-map-container .resource-map-filter-container ul label {
  margin-left: 30px;
}
/* ---- Ressource kort slut ---- */
#ekstra-infoboks2 {
  box-sizing: border-box;
  width: 100%;
  background: #fff;
  padding: 15px;
  float: left;
  border: 1px solid #1b4949;
}
#ekstra-infoboks2 .header {
  font-size: 1.5em;
  text-align: left;
  margin-bottom: 0.5em;
  padding: 0;
}
#ekstra-infoboks2 span {
  display: inline-block;
  width: 45px;
}
#ekstra-infoboks2 .title {
  box-sizing: border-box;
  font-size: 1em;
  width: 100%;
  text-align: left;
  background: #1b4949;
  color: #fff;
  padding: 0.5em;
  margin-bottom: 0.5em;
}
.opret-blog-indlaeg-linje {
  text-align: right;
  border-bottom: #1b4949 2px solid;
  padding: 0;
  margin-bottom: 1em;
}
.opret-blog-indlaeg-linje a {
  display: inline-block;
  padding: 1em 2em;
  background: #1b4949;
  color: #fff;
}
.opret-blog-indlaeg-linje a:hover {
  background: #143636;
  text-decoration: none;
}
.blog-liste:before {
  box-sizing: border-box;
  content: 'Nyheder';
  width: 100%;
  display: block;
  background: #1b4949;
  color: #fff;
  border-radius: 10px;
  padding: 10px 20px;
  font-size: 1.3em;
  margin-bottom: 1em;
}
.blog-liste {
  box-sizing: border-box;
  list-style: none;
  padding: 0;
  margin: 0;
}
.blog-liste li {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #1b4949;
  border-radius: 10px;
  padding: 2em;
  margin-bottom: 2em;
  background: rgba(255, 255, 255, 0.7);
}
.blog-liste li h2 {
  margin-bottom: 0.5em;
}
.blog-liste li .blog-indlaeg-tekst {
  margin-bottom: 0.5em;
}
.blog-liste li .blog-indlaeg-tekst a {
  text-decoration: underline;
}
.blog-liste li .blog-indlaeg-tekst p {
  line-height: 1.5;
}
.blog-liste li .blog-indlaeg-dato {
  position: absolute;
  top: 10px;
  right: 10px;
}
.opret-blog-indlaeg-formular fieldset {
  border: none;
}
.opret-blog-indlaeg-formular ul {
  list-style: none;
}
.opret-blog-indlaeg-formular .forfatter-linje,
.opret-blog-indlaeg-formular .titel-linje {
  margin-bottom: 1em;
}
.opret-blog-indlaeg-formular .teaser-linje label,
.opret-blog-indlaeg-formular .tekst-linje label,
.opret-blog-indlaeg-formular .forfatter-linje label,
.opret-blog-indlaeg-formular .titel-linje label {
  display: inline-block;
  width: 60px;
  font-weight: bold;
}
.opret-blog-indlaeg-formular #input-titel {
  display: inline-block;
  width: 250px;
}
.opret-blog-indlaeg-formular .tekst-linje {
  margin-top: 2em;
}
.opret-blog-indlaeg-formular .knap-linje {
  margin-top: 2em;
  text-align: center;
}
.opret-blog-indlaeg-formular .knap-linje button {
  padding: 1em 2em;
}
.opret-blog-indlaeg-formular .forfatter-linje {
  display: none;
}
h1 {
  font-size: 2em;
  margin: 0;
  padding: 0.3em 0;
  font-weight: bold;
  color: #474747;
  font-family: 'Roboto Condensed', sans-serif;
  text-shadow: white 1px 1px 1px;
}
h2 {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 1.2em;
  margin: 0;
  padding: 0.1em 0 0.2em 0;
  color: #000;
}
h3 {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 1.2em;
  margin: 0;
  padding: 0 0 0.2em 0;
}
h4 {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 1.1em;
  margin: 0;
  padding: 0 0 0.1em 0;
}
p {
  margin: 0;
  padding: 0 0 0.5em 0;
  line-height: 1.3;
}
a {
  text-decoration: underline;
  color: #096db8;
}
a:hover {
  text-decoration: underline;
}
legend {
  color: #000;
  font-weight: bold;
}
input,
textarea {
  font-family: helvetica, verdana, arial, sans-serif;
  font-size: 1em;
}
fieldset {
  padding: 0.5em;
}
fieldset fieldset {
  padding: 0;
}
#login-side #indhold {
  position: relative;
}
#login-side .login-formular {
  box-sizing: border-box;
  width: 440px;
  margin: 0 auto;
  padding: 0;
}
#login-side .login-formular legend {
  display: none;
}
#login-side .login-formular fieldset {
  border: none;
}
#login-side .login-formular ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
#login-side .login-formular ul li {
  text-align: left;
  list-style: none;
  margin: 0 auto;
  padding: 0.3em 0;
  overflow: hidden;
  width: 100%;
}
#login-side .login-formular ul li label {
  width: 9em;
  margin: 0;
  float: left;
  clear: left;
}
#login-side .login-formular ul li.knap-linje {
  width: 50%;
  float: left;
}
#login-side .login-formular ul li.glemt-login {
  float: left;
  width: 46%;
  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: #1b4949;
}
#login-side .login-formular label {
  margin-left: 18%;
}
#login-side .login-formular input {
  height: 50px;
  width: calc(100% - 50px);
  font-size: 20px;
  padding-left: 5px;
}
#login-side .login-formular label[for='brugernavn'] {
  background: #1b4949 url(billeder/user2.png) no-repeat center center;
  background-size: 35px;
  height: 50px;
  width: 50px;
  font-size: 0;
}
#login-side .login-formular label[for='kodeord'] {
  background: #1b4949 url(billeder/lock2.png) no-repeat center center;
  background-size: 35px;
  height: 50px;
  width: 50px;
  font-size: 0;
}
#login-side .login-formular .login-knap {
  display: block;
  margin: 0;
  height: 50px;
  color: #fff;
  background: #1b4949;
  text-align: center;
  width: 100%;
  border: none;
  padding: 13px 0;
  font-size: 20px;
}
#login-side .login-formular .login-knap:hover {
  background: #143636;
  text-decoration: none;
  cursor: pointer;
}
/* ---- Glemt login ---- */
#glemt-login-side .login-formular ul {
  list-style: none;
  padding: 0;
}
#glemt-login-side .login-formular fieldset {
  border: none;
}
#glemt-login-side .login-formular button {
  display: inline-block;
  margin: 0;
  height: 50px;
  color: #fff;
  text-align: center;
  width: 200px;
  border: none;
  padding: 13px 0;
  font-size: 20px;
  background: #1b4949;
}
.tilskudCheck {
  display: none;
}
/* --------------------- */
.bruger-formular {
  width: 50%;
  margin: 0 auto;
}
.bruger-formular legend {
  font-weight: normal;
  color: #000;
}
.bruger-formular fieldset {
  border: 1px solid #888;
}
.bruger-formular fieldset fieldset {
  position: relative;
  border-width: 40px 1px 1px 1px;
  border-top-color: #1b4949;
  margin: 2em 0;
  padding: 2em;
}
.bruger-formular fieldset fieldset legend {
  position: absolute;
  top: -27px;
  left: 10px;
  color: #fff;
}
.bruger-formular fieldset.hidden {
  display: none;
}
.bruger-formular .debtor-fieldset {
  border: none;
}
.bruger-formular .debtor-fieldset > legend {
  display: none;
}
.bruger-formular fieldset.fieldset_borneattest .forklaring-li {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.bruger-formular fieldset.fieldset_borneattest .forklaring-li input {
  margin: 0;
  height: unset;
  width: unset;
}
.bruger-formular fieldset.fieldset_borneattest .forklaring-li .skal-udfyldes-symbol {
  display: none !important;
}
.bruger-formular fieldset.fieldset_borneattest .forklaring-li label {
  margin: 0 !important;
}
.bruger-formular fieldset.fieldset_borneattest .forklaring-li label:before {
  display: none;
  right: -20px;
}
.bruger-formular fieldset.fieldset_borneattest .forklaring-li label.spaerret-felt + .forklaring {
  display: block;
  width: 100%;
  position: relative;
  left: unset;
}
.bruger-formular fieldset.fieldset_borneattest .forklaring-li .forklaring {
  margin-top: 1rem;
}
.bruger-formular ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.bruger-formular li {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 1rem;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0.3em;
}
.bruger-formular li input,
.bruger-formular li textarea,
.bruger-formular li select {
  display: block;
  width: 100%;
  padding: 0.3em 0.5em;
  background: #efefef;
  border: 1px solid black;
}
.bruger-formular li .forklaring {
  display: none;
  position: absolute;
  width: 25rem;
  padding: 0.5rem;
  background: #efefef;
  border: 1px solid black;
  left: 14.3rem;
  z-index: 99;
}
.bruger-formular li span.fejl-meddelelse + label {
  color: #800;
  font-weight: bold;
}
.bruger-formular li span.fejl-meddelelse + label:after {
  content: '(Skal udfyldes)';
  margin-left: 3px;
  font-size: 10px;
}
.bruger-formular li input.dato-felt {
  background-image: url(billeder/calendar.png);
  background-repeat: no-repeat;
  background-position: center right;
}
.bruger-formular li input[type='checkbox'],
.bruger-formular li input[type='radio'] {
  display: inline-block;
  width: auto;
}
.bruger-formular li label.fil-felt.skal-udfyldes:after {
  content: '*';
  color: #800;
  margin-left: 3px;
}
.bruger-formular li label.skal-udfyldes:after {
  content: '*';
  color: red;
}
.bruger-formular li label.fil-felt + .skal-udfyldes-symbol {
  display: none;
}
.bruger-formular li input.fil-felt {
  display: inline-block;
  width: 70%;
  height: 30px;
}
.bruger-formular li button.wk-file-field-button {
  display: inline-block;
  width: 30%;
  height: 30px;
  padding: 0;
  line-height: 30px;
  border-radius: 0;
  vertical-align: top;
}
.bruger-formular li label.janej-felt {
  display: block;
}
.bruger-formular li.fejl label {
  font-weight: bold;
  color: #800;
}
.bruger-formular li.fejl input {
  border-left: 5px solid #800;
}
.bruger-formular li label.radio-label {
  clear: none;
  width: auto;
}
.bruger-formular li span.skal-udfyldes-symbol {
  display: none;
}
.bruger-formular li textarea {
  height: 100px;
}
.bruger-formular li.filfelt-li {
  grid-template-columns: 1fr 203px 100px;
}
.bruger-formular li.filfelt-li .wk-file-field-list-container .wk-file-field-selected-list {
  background: #efefef;
  border: 1px solid black;
  min-height: 30px;
}
.bruger-formular li.filfelt-li .wk-file-field-list-container .wk-file-field-selected-list li {
  display: flex;
  flex-flow: row;
  gap: 1rem;
}
.bruger-formular li.filfelt-li .wk-file-field-list-container .wk-file-field-selected-list li .file-view-link {
  word-break: break-word;
}
.bruger-formular li.filfelt-li input.fil-felt {
  width: 100%;
}
.bruger-formular li.filfelt-li button.wk-file-field-button {
  width: auto;
  min-width: 85.5px;
  padding: 0.3rem 0.5rem;
  line-height: 0;
}
.bruger-formular li.forklaring-li label {
  position: relative;
}
.bruger-formular li.forklaring-li label:before {
  position: absolute;
  right: 0;
  content: 'i';
  font-family: monospace;
  width: 15px;
  height: 15px;
  font-weight: bold;
  color: white;
  background: #1b4949;
  border-radius: 50%;
  text-align: center;
  padding: 0.1rem;
}
.bruger-formular li.forklaring-li label:hover + span.forklaring {
  display: revert;
}
.bruger-formular li[data-wk-fieldname="DebtorPassword"] label {
  order: 1;
}
.bruger-formular li[data-wk-fieldname="DebtorPassword"] input {
  order: 2;
}
.bruger-formular li[data-wk-fieldname="DebtorPassword"] div {
  order: 3;
}
.bruger-formular li[data-wk-fieldname="DebtorPassword"] .new-password-explanation {
  grid-column: 1 / -1;
  display: none;
}
.bruger-formular li[data-wk-fieldname="DebtorPassword"] label:before {
  font-family: FontAwesome;
  content: '\f059';
  font-size: 16px;
  padding-right: 0.2rem;
}
.bruger-formular li[data-wk-fieldname="DebtorPassword"]:hover .new-password-explanation {
  display: block;
}
.bruger-formular fieldset.note-field li {
  grid-template-columns: 1fr;
}
.bruger-formular li.checkboxLi {
  position: relative;
  display: flex;
  flex-flow: row;
}
.bruger-formular li.checkboxLi input {
  margin-left: 0;
  order: 1;
}
.bruger-formular li.checkboxLi span {
  display: inline-block;
}
.bruger-formular li.checkboxLi span.forklaring {
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
}
.bruger-formular li.checkboxLi label {
  display: inline-block;
  order: 2;
  align-self: center;
}
.bruger-formular li[data-wk-fieldname="Felt1906"] {
  padding-bottom: 2rem;
  gap: 0.3rem;
}
.bruger-formular li[data-wk-fieldname="Felt1906"] span.skal-udfyldes-symbol {
  display: none;
}
.bruger-formular fieldset.formand li:nth-child(1),
.bruger-formular fieldset.kasserer li:nth-child(1),
.bruger-formular fieldset.formand li:nth-child(2),
.bruger-formular fieldset.kasserer li:nth-child(2),
.bruger-formular fieldset.formand li:nth-child(6),
.bruger-formular fieldset.kasserer li:nth-child(6),
.bruger-formular fieldset.formand li:nth-child(7),
.bruger-formular fieldset.kasserer li:nth-child(7) {
  width: 50%;
}
.bruger-formular fieldset.formand li:nth-child(4),
.bruger-formular fieldset.kasserer li:nth-child(4) {
  width: 30%;
}
.bruger-formular fieldset.formand li:nth-child(5),
.bruger-formular fieldset.kasserer li:nth-child(5) {
  width: 30%;
  margin-right: 30px;
}
.bruger-formular fieldset.bestyr1 li:nth-child(1),
.bruger-formular fieldset.bestyr2 li:nth-child(1),
.bruger-formular fieldset.bestyr3 li:nth-child(1),
.bruger-formular fieldset.bestyr4 li:nth-child(1),
.bruger-formular fieldset.bestyr5 li:nth-child(1),
.bruger-formular fieldset.bestyr1 li:nth-child(2),
.bruger-formular fieldset.bestyr2 li:nth-child(2),
.bruger-formular fieldset.bestyr3 li:nth-child(2),
.bruger-formular fieldset.bestyr4 li:nth-child(2),
.bruger-formular fieldset.bestyr5 li:nth-child(2) {
  width: 50%;
}
.bruger-formular fieldset.bestyr1 li:nth-child(4),
.bruger-formular fieldset.bestyr2 li:nth-child(4),
.bruger-formular fieldset.bestyr3 li:nth-child(4),
.bruger-formular fieldset.bestyr4 li:nth-child(4),
.bruger-formular fieldset.bestyr5 li:nth-child(4) {
  width: 30%;
}
.bruger-formular fieldset.bestyr1 li:nth-child(5),
.bruger-formular fieldset.bestyr2 li:nth-child(5),
.bruger-formular fieldset.bestyr3 li:nth-child(5),
.bruger-formular fieldset.bestyr4 li:nth-child(5),
.bruger-formular fieldset.bestyr5 li:nth-child(5) {
  width: 30%;
  margin-right: 30px;
}
#approvalform form,
.bruger-formular.locked form,
.bruger-formular.summary form {
  width: revert;
}
#approvalform label.spaerret-felt,
.bruger-formular.locked label.spaerret-felt,
.bruger-formular.summary label.spaerret-felt {
  display: inline-block;
  width: auto;
}
#approvalform div.spaerret-felt,
.bruger-formular.locked div.spaerret-felt,
.bruger-formular.summary div.spaerret-felt {
  display: inline-block;
  background: #CCC;
  border: 1px solid #000;
  padding: 0.5rem;
  min-height: 33px;
}
#approvalform li[data-wk-fieldname='Felt88'] div.spaerret-felt,
.bruger-formular.locked li[data-wk-fieldname='Felt88'] div.spaerret-felt,
.bruger-formular.summary li[data-wk-fieldname='Felt88'] div.spaerret-felt {
  margin: 0;
}
#approvalform li[data-wk-fieldname='Felt88'] div.spaerret-felt:before,
.bruger-formular.locked li[data-wk-fieldname='Felt88'] div.spaerret-felt:before,
.bruger-formular.summary li[data-wk-fieldname='Felt88'] div.spaerret-felt:before {
  content: '';
}
#approvalform li[data-wk-fieldname='Felt88'] div.spaerret-felt:after,
.bruger-formular.locked li[data-wk-fieldname='Felt88'] div.spaerret-felt:after,
.bruger-formular.summary li[data-wk-fieldname='Felt88'] div.spaerret-felt:after {
  content: '';
}
#approvalform li[data-wk-fieldname='Felt25'],
.bruger-formular.locked li[data-wk-fieldname='Felt25'],
.bruger-formular.summary li[data-wk-fieldname='Felt25'] {
  display: flex;
  flex-flow: row wrap;
}
#approvalform li[data-wk-fieldname='Felt25'] label,
.bruger-formular.locked li[data-wk-fieldname='Felt25'] label,
.bruger-formular.summary li[data-wk-fieldname='Felt25'] label {
  order: 1;
  margin-bottom: 1em;
}
#approvalform li[data-wk-fieldname='Felt25'] span,
.bruger-formular.locked li[data-wk-fieldname='Felt25'] span,
.bruger-formular.summary li[data-wk-fieldname='Felt25'] span {
  order: 3;
}
#approvalform li[data-wk-fieldname='Felt25'] div,
.bruger-formular.locked li[data-wk-fieldname='Felt25'] div,
.bruger-formular.summary li[data-wk-fieldname='Felt25'] div {
  order: 2;
}
#approvalform li[data-wk-fieldname='Felt82'] label.spaerret-felt,
.bruger-formular.locked li[data-wk-fieldname='Felt82'] label.spaerret-felt,
.bruger-formular.summary li[data-wk-fieldname='Felt82'] label.spaerret-felt {
  width: 100%;
}
.bruger-formular.grant-form.locked .grant-pool-table tr td:nth-child(even) {
  text-align: right;
}
#profilLinks {
  width: 100%;
  text-align: left;
}
#profilLinks .box.folkeoplysende-forening,
#profilLinks .box.folkeoplysende-forening-kontaktpersoner,
#profilLinks .box.anden-type-forening,
#profilLinks .box.privatperson,
#profilLinks .box.virksomhed,
#profilLinks .box.silkeborg-kommune,
#profilLinks .box.anden-kommune,
#profilLinks .box.offentlig-myndighed,
#profilLinks .box.forsamlingshus,
#profilLinks .box.forening-anden-kommune {
  display: none;
  background: #fff url(billeder/oplysninger2.jpg) left top no-repeat;
}
#profilLinks .box.folkeoplysende-forening:hover,
#profilLinks .box.folkeoplysende-forening-kontaktpersoner:hover,
#profilLinks .box.anden-type-forening:hover,
#profilLinks .box.privatperson:hover,
#profilLinks .box.virksomhed:hover,
#profilLinks .box.silkeborg-kommune:hover,
#profilLinks .box.anden-kommune:hover,
#profilLinks .box.offentlig-myndighed:hover,
#profilLinks .box.forsamlingshus:hover,
#profilLinks .box.forening-anden-kommune:hover {
  background: #fff url(billeder/oplysninger.jpg) left top no-repeat;
}
#profilLinks .webprofil {
  display: none;
  background: #fff url(billeder/webprofil2.jpg) left top no-repeat;
}
#profilLinks .webprofil:hover {
  background: #fff url(billeder/webprofil.jpg) left top no-repeat;
}
#profilLinks .kontaktpersoner {
  display: none;
  background: #fff url(billeder/kursustilskud2.jpg) left top no-repeat;
}
#profilLinks .kontaktpersoner:hover {
  background: #fff url(billeder/kursustilskud.jpg) left top no-repeat;
}
#profilLinks .kontaktoplysninger {
  display: none;
  background: #fff url(billeder/kursustilskud2.jpg) left top no-repeat;
}
#profilLinks .kontaktoplysninger:hover {
  background: #fff url(billeder/kursustilskud.jpg) left top no-repeat;
}
#profilLinks .enkeltbooking {
  background: #fff url(billeder/kalender2.jpg) left top no-repeat;
}
#profilLinks .enkeltbooking:hover {
  background: #fff url(billeder/kalender.jpg) left top no-repeat;
}
#profilLinks .seasonbooking {
  background: #fff url(billeder/seasonbooking2.jpg) left top no-repeat;
}
#profilLinks .seasonbooking:hover {
  background: #fff url(billeder/seasonbooking.jpg) left top no-repeat;
}
#profilLinks .bookingoversigt {
  background: #fff url(billeder/mineBookinger2.jpg) left top no-repeat;
}
#profilLinks .bookingoversigt:hover {
  background: #fff url(billeder/mineBookinger.jpg) left top no-repeat;
}
#profilLinks .box {
  display: inline-block;
  border: 1px solid #ccc;
  text-align: left;
  margin: 0 15px 30px 0;
  padding-top: 150px;
  background-color: #fff;
  position: relative;
  width: 50%;
  max-width: 350px;
  vertical-align: top;
  min-height: 230px;
}
#profilLinks .box:hover {
  cursor: pointer;
}
#profilLinks .box h2 {
  margin-top: -36px;
}
#profilLinks .box a {
  display: block;
  text-align: left;
  padding: 10px;
  background: rgba(255, 255, 255, 0.8);
  color: #000;
  font-weight: bold;
  font-size: 13px;
}
#profilLinks .box a:hover {
  text-decoration: none;
}
#profilLinks .box p {
  padding: 5px;
}
#profilLinks .box .readmore {
  font-size: 10px;
  font-style: italic;
  text-align: center;
  color: #888;
}
.bruger-formular .select2-container {
  float: left;
  width: 100% !important;
}
.bruger-formular .select2-selection__rendered li {
  width: auto !important;
  float: left;
  font-weight: normal !important;
  font-size: 12px !important;
}
.bruger-formular .select2-search {
  margin: 0 !important;
}
fieldset.knapset {
  border: none;
  text-align: center;
}
fieldset.knapset button {
  background: #1b4949;
}
fieldset.knapset button[name='save'] {
  border: 2px solid #1b4949 !important;
  color: #1b4949;
  background: #fff;
  border-radius: 5px;
  border: none;
  text-align: center;
  font-weight: bold;
  height: 40px;
  padding: 10px 3em;
}
fieldset.knapset button[name='save']:hover {
  cursor: pointer;
  background: #143636;
  border: 2px solid #143636;
  color: #fff;
  text-decoration: none;
}
body#resourceansoegning-opret .res-form,
body#resourceansoegning-rediger .res-form {
  display: inline-block;
  float: none;
  width: auto;
}
body#resourceansoegning-opret .res-form .satisfied,
body#resourceansoegning-rediger .res-form .satisfied {
  background: #1b4949;
  color: #fff;
  border-radius: 5px;
  border: none;
  text-align: center;
  font-weight: bold;
  height: 40px;
  padding: 10px 3em;
}
body#resourceansoegning-opret .res-form .satisfied:hover,
body#resourceansoegning-rediger .res-form .satisfied:hover {
  cursor: pointer;
  background: #143636;
  text-decoration: none;
}
body#resourceansoegning-opret .res-form .unsatisfied,
body#resourceansoegning-rediger .res-form .unsatisfied {
  border: 2px solid #1b4949 !important;
  color: #1b4949;
  background: #fff;
  border-radius: 5px;
  border: none;
  text-align: center;
  font-weight: bold;
  height: 40px;
  padding: 10px 3em;
}
body#resourceansoegning-opret .res-form .unsatisfied:hover,
body#resourceansoegning-rediger .res-form .unsatisfied:hover {
  cursor: pointer;
  background: #143636;
  border: 2px solid #143636;
  color: #fff;
  text-decoration: none;
}
body#resourceansoegning-opret .fieldset-knapset,
body#resourceansoegning-rediger .fieldset-knapset {
  display: flex;
  flex-direction: row;
}
body#resourceansoegning-opret .fieldset-knapset .res-form:first-child,
body#resourceansoegning-rediger .fieldset-knapset .res-form:first-child {
  order: 2;
}
/* ---- Kvitteringsside ---- */
#rettelser-gemt-side .medlemtilskudside,
#rettelser-gemt-side .lokaletilskudside,
#rettelser-gemt-side .tilskudslinket {
  display: none;
}
#rettelser-gemt-side[data-wk-formid='16'] #rettelser-gemt-side[data-wk-formid='17'] .normal,
#rettelser-gemt-side[data-wk-formid='18'] .normal {
  display: none;
}
#rettelser-gemt-side[data-wk-formid='16'] #rettelser-gemt-side[data-wk-formid='17'] .tilskudslinket,
#rettelser-gemt-side[data-wk-formid='18'] .tilskudslinket {
  display: block;
}
#rettelser-gemt-side[data-wk-formid='16'] .lokaletilskudside,
#rettelser-gemt-side[data-wk-formid='17'] .lokaletilskudside {
  display: block;
}
#rettelser-gemt-side[data-wk-formid='18'] .medlemtilskudside {
  display: block;
}
/* ---- kvitteringsside slut ---- */
.hold-liste {
  list-style: none;
  margin: 1em 0 0 1em;
  padding: 0;
  overflow: hidden;
}
.hold {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  list-style: none;
  margin: 0 1em 1em 0;
  padding: 0.5em;
  width: 45%;
  border: 1px solid #ccc;
  vertical-align: top;
  overflow: auto;
}
.hold .hold-navn {
  margin: 0;
  padding: 0.2em 0.3em;
  font-size: 1.3em;
  font-weight: bold;
  background: #bcc9db;
}
.hold .tidspunkt-linje {
  background: #d8dadb;
  font-weight: bold;
  margin: 0 0 0.3em 0;
  padding: 0.15em 0.3em;
  overflow: hidden;
}
.hold .pris-linje {
  font-weight: bold;
  font-size: 1.1em;
  float: left;
}
body#booking-tilmeld .hold,
body#booking-ok .hold {
  display: block;
  margin: 0 auto;
}
.kategori-oversigt {
  list-style: none;
  margin: 0;
  padding: 1em 0.5em;
  text-align: center;
}
.kategori-oversigt li {
  display: inline;
  margin: 0;
  padding: 0 0.5em;
}
.kategori-oversigt a {
  padding: 0.2em 0.5em;
  border: 1px solid #888;
  text-decoration: none;
}
.kategori-oversigt a:hover,
.kategori-oversigt .valgt a {
  background: #cdcdcd;
}
.fuldbooket {
  color: #555;
}
.fuldbooket h2 {
  color: #555;
}
.hold:hover {
  border: 1px solid #000;
}
.tidspunkt-linje .dato {
  float: left;
}
.tidspunkt-linje .tid {
  float: right;
}
.antal-pladser-linje {
  margin: 0;
  padding: 0.5em 0 0 0;
}
.antal-ledige-pladser-linje {
  margin: 0;
  padding: 0;
  font-weight: bold;
}
.tilmeld-knap,
.venteliste-knap {
  float: right;
}
.tilmeldingsfrist-udloebet,
.maks-antal-naaet,
.allerede-tilmeldt,
.allerede-paa-venteliste {
  float: right;
  font-style: italic;
  font-weight: bold;
  color: #555;
  overflow: auto;
}
.bekraeft-booking-knap-holder,
.bekraeft-venteliste-knap-holder {
  padding: 1em;
  text-align: center;
}
.betingelser-blok {
  overflow: auto;
  height: 8em;
  margin: 0 0.5em;
  padding: 0.5em;
  background: #efefef;
  border: 1px solid #888;
}
.betingelser-blok p {
  margin: 0;
  padding: 0 0 0.5em 0;
}
.accepter-betingelser {
  display: block;
  margin-left: 0.5em;
}
#betalings-formular .betalings-muligheder-gruppe {
  border: none;
  padding: 0;
  width: 50%;
  margin: 2em auto 0 auto;
}
.bruger-formular .betalings-muligheder-gruppe {
  border: none;
  padding: 0;
  width: 65%;
  margin: 3em auto 0 auto;
  clear: both;
}
.bruger-formular .kontingent-muligheder-gruppe label,
.bruger-formular .betalings-muligheder-gruppe label,
.bruger-formular .accepter-betingelser label {
  width: 95%;
  clear: none;
}
.bruger-formular .betalings-muligheder-gruppe label {
  clear: none;
}
.bruger-formular .kontingent-muligheder-gruppe ul,
#betalings-formular .betalings-muligheder-gruppe ul,
.bruger-formular .betalings-muligheder-gruppe ul {
  list-style: none;
  margin: 0.5em 0;
  padding: 0;
  border-top: 1px dotted #888;
}
.bruger-formular .kontingent-muligheder-gruppe li,
#betalings-formular .betalings-muligheder-gruppe li,
.bruger-formular .betalings-muligheder-gruppe li {
  padding: 0.5em 0 0.5em 0.5em;
  border-bottom: 1px dotted #888;
  clear: both;
  overflow: hidden;
}
#betalings-formular .betalings-muligheder-gruppe li:hover,
.bruger-formular .betalings-muligheder-gruppe li:hover {
  background: #e9e9e9;
}
.bruger-formular .kontingent-muligheder-gruppe li.valgt,
#betalings-formular .betalings-muligheder-gruppe li.valgt,
.bruger-formular .betalings-muligheder-gruppe li.valgt {
  background: #dfdfdf;
}
.bruger-formular .kontingent-muligheder-gruppe input,
#betalings-formular .betalings-muligheder-gruppe input,
.bruger-formular .betalings-muligheder-gruppe input {
  vertical-align: middle;
  float: left;
}
#betalings-formular .betalings-muligheder-gruppe legend,
.bruger-formular .betalings-muligheder-gruppe legend {
  font-size: 1.3em;
  font-weight: bold;
  padding: 0;
  margin: 0;
}
#betalings-formular .betalings-mulighed-navn,
.bruger-formular .betalings-mulighed-navn {
  font-weight: bold;
  float: left;
}
#betalings-formular .betalings-mulighed-gebyr,
.bruger-formular .betalings-mulighed-gebyr {
  padding-left: 0.2em;
  display: inline;
  color: #000;
}
#betalings-formular .betalings-mulighed-total,
.bruger-formular .betalings-mulighed-total {
  font-size: 1.1em;
  padding: 0.1em 0.5em 0 2em;
  display: inline;
  color: #555;
  font-weight: bold;
}
#betalings-formular .valgt .betalings-mulighed-total,
.bruger-formular .valgt .betalings-mulighed-total {
  color: #000;
}
#betalings-formular .gaa-til-betaling-knap-holder,
.bruger-formular .gaa-til-betaling-knap-holder {
  display: block;
  width: 50%;
  margin: 0 auto;
}
#soegeord-formular {
  float: right;
}
#soegeord-formular fieldset {
  float: right;
}
#udsnit-navn {
  clear: both;
}
#vaelg-udsnit-formular {
  float: left;
  margin-bottom: 1em;
  overflow: hidden;
}
#vaelg-udsnit-formular fieldset {
  float: left;
}
#vaelg-udsnit-formular select,
#vaelg-udsnit-formular button,
#vaelg-udsnit-formular label {
  vertical-align: middle;
}
#udsnit-vaelger {
  margin-right: 0.5em;
}
#udsnit-holder {
  padding: 0.5em 0.2em;
  overflow: auto;
}
.udsnit-tabel {
  border-collapse: collapse;
  margin: 0 auto;
}
.udsnit-tabel th,
.udsnit-tabel td {
  border: 1px solid #888;
  padding: 0.2em;
}
.udsnit-tabel .lige {
  background: #efefff;
}
.udsnit-tabel tbody tr:hover {
  background: #ffeeaa;
}
.fejl-meddelelse {
  font-weight: bold;
  color: #800;
}
.liste-navigation {
  text-align: center;
}
.liste-navigation .foerste-link-inaktivt,
.liste-navigation .forrige-link-inaktivt,
.liste-navigation .naeste-link-inaktivt,
.liste-navigation .sidste-link-inaktivt,
.liste-navigation a {
  padding: 0 0.3em;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.liste-navigation a:focus {
  outline: none;
  border: 1px dotted #555;
}
.liste-navigation .foerste-link-inaktivt {
  background: url(pil-foerste-disabled.png) no-repeat;
  width: 16px;
  height: 16px;
  text-indent: -9999em;
  padding: 0 0.3em;
  color: #888;
}
.liste-navigation .forrige-link-inaktivt {
  background: url(pil-forrige-disabled.png) no-repeat;
  width: 16px;
  height: 16px;
  text-indent: -9999em;
  padding: 0 0.3em;
  color: #888;
}
.liste-navigation .naeste-link-inaktivt {
  background: url(pil-naeste-disabled.png) no-repeat;
  width: 16px;
  height: 16px;
  text-indent: -9999em;
  padding: 0 0.3em;
  color: #888;
}
.liste-navigation .sidste-link-inaktivt {
  background: url(pil-sidste-disabled.png) no-repeat;
  width: 16px;
  height: 16px;
  text-indent: -9999em;
  padding: 0 0.3em;
  color: #888;
}
.liste-navigation .foerste-link {
  background: url(pil-foerste.png) no-repeat;
  width: 16px;
  height: 16px;
  text-indent: -9999em;
}
.liste-navigation .forrige-link {
  background: url(pil-forrige.png) no-repeat;
  width: 16px;
  height: 16px;
  text-indent: -9999em;
}
.liste-navigation .naeste-link {
  background: url(pil-naeste.png) no-repeat;
  width: 16px;
  height: 16px;
  text-indent: -9999em;
}
.liste-navigation .sidste-link {
  background: url(pil-sidste.png) no-repeat;
  width: 16px;
  height: 16px;
  text-indent: -9999em;
}
.liste-navigation-tal a {
  color: #555;
}
.liste-navigation .valgt {
  font-weight: bold;
  color: #000;
}
.liste-antal-formular {
  display: inline;
  padding-right: 3em;
}
#kort-typer {
  position: absolute;
  top: 3px;
  right: 2px;
}
.kort-type-liste {
  list-style: none;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
.kort-type-liste li {
  display: inline;
  margin: 0;
  padding: 0 0.1em;
  vertical-align: middle;
}
.kort-type img {
  vertical-align: middle;
}
.udskriv-link {
  float: right;
}
.eksporter-link {
  float: right;
}
.valgt-kontingent-liste {
  border-collapse: collapse;
  border: 1px solid #000;
  font-size: 1em;
  margin: 1em auto;
}
.valgt-kontingent-liste th,
.valgt-kontingent-liste td {
  border: 1px solid #000;
  padding: 0.2em 0.4em;
  text-align: left;
}
.valgt-kontingent-liste .kontingent-dage {
  text-align: center;
}
.valgt-kontingent-liste td.kontingent-pris,
.valgt-kontingent-liste td.kontingent-betal,
.valgt-kontingent-liste td.kontingent-ialt {
  text-align: right;
}
.valgt-kontingent-liste .kontingent-ialt-tekst,
.valgt-kontingent-liste .kontingent-ialt {
  font-weight: bold;
}
.hold-udskrift-link {
  clear: both;
  font-size: 0.8em;
}
.hold-bemaerkning {
  padding: 1em 0 0.5em;
  margin: 0;
  font-size: 1.1em;
  font-weight: bold;
  color: #800;
}
.antal-pladser-linje {
  float: right;
}
.antal-bookinger-linje {
  font-weight: bold;
}
.kalender {
  border-collapse: collapse;
  border: 1px solid #888;
  float: right;
}
.kalender td {
  text-align: right;
  border: 1px solid #888;
  min-width: 1.5em;
  padding: 0.15em 0.2em 0.15em 0.1em;
}
.kalender .aktivuge td {
  background-color: #f3e5a7;
}
.kalender td.hold-fundet {
  background-color: #bac5da;
}
.kalender .aktivuge td.hold-fundet,
.kalender td.aktivdag {
  background-color: #dfcf84;
}
.kalender .uge {
  text-align: right;
  padding: 0.15em 0.3em 0.15em 0;
  min-width: 1.5em;
  color: #555;
}
.kalender .ugedag {
  font-weight: bold;
  text-align: center;
  color: #555;
}
.kalender .tom,
.kalender .aktivuge td.tom {
  background-color: #888;
}
.kalender a {
  display: block;
}
.kalender a:hover {
  text-decoration: none;
  background: #cddeff;
}
.kalender td a {
  font-weight: bold;
  color: #2e325a;
}
.kalender .uge a {
  color: #555;
}
.kontospecifikation-formular fieldset {
  border: none;
}
.kontospecifikation-formular label {
  padding: 0 0.5em;
  font-weight: bold;
}
.kontospecifikation-tabel {
  border-collapse: collapse;
  border: none;
}
.kontospecifikation-tabel th,
.kontospecifikation-tabel td {
  border: 1px solid #555;
  padding: 0.2em 0.8em;
}
.kontospecifikation-tabel .debiteret,
.kontospecifikation-tabel .krediteret,
.kontospecifikation-tabel .saldo,
.kontospecifikation-tabel .endelig-saldo {
  text-align: right;
}
.kontospecifikation-tabel .endelig-saldo-tekst,
.kontospecifikation-tabel .endelig-saldo {
  font-weight: bold;
}
.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  height: 0;
  visibility: hidden;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
#hold-rediger .hold {
  display: block;
  margin: 0 auto;
}
.rediger-hold-formular {
  width: 50%;
  margin: 2em auto;
}
.rediger-hold-formular fieldset {
  padding: 2em;
}
.rediger-hold-formular ul,
.rediger-hold-formular li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.rediger-hold-formular button {
  float: right;
}
.rediger-hold-formular label {
  font-weight: bold;
}
.rediger-hold-formular textarea {
  width: 100%;
  margin-bottom: 0.5em;
  border: 1px solid #ccc;
}
.hold-rediger-link {
  font-size: 0.8em;
  text-align: center;
}
/* Bruger-menu eller brugermenu design */
#toplinje {
  padding: 0 2em;
}
#bruger-menu.vandret {
  width: 100%;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  /*
	li.arrow-down:hover {
		background: @mainColor;
		color: #fff;
		text-decoration: none;
	}
	li.arrow-down:not(.niveau2Li) {
		
		a {
			padding-right: 15px;
		}
	}
	li.arrow-down span:not(.niveau2LiA):after,
	li.arrow-down a:not(.niveau2LiA):after {
		font-family: 'FontAwesome';
		content: "\f0d7";
		font-size: 12px;
		margin-left: 5px;
	} */
}
#bruger-menu.vandret a,
#bruger-menu.vandret span {
  font-family: 'Roboto Condensed', sans-serif;
  float: left;
  width: 100%;
  font-size: 1.5em;
  font-weight: 400;
  padding: 0.5em 12px;
  color: #000;
  text-decoration: none;
}
#bruger-menu.vandret a:hover,
#bruger-menu.vandret span:hover {
  background: #1b4949;
  color: #fff;
  text-decoration: none;
}
#bruger-menu.vandret span:hover {
  cursor: default;
}
#bruger-menu.vandret li {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}
#bruger-menu.vandret li.valgt-menupunkt:not(.login):not(.signup) > a {
  background: #1b4949;
  color: #fff;
  text-decoration: none;
}
#bruger-menu.vandret li.valgt-menupunkt:not(.login):not(.signup) > span {
  background: #1b4949;
  color: #fff;
  text-decoration: none;
}
#bruger-menu.vandret li.signup,
#bruger-menu.vandret li.login {
  float: right;
  height: 30px;
  margin: 5px 0;
}
#bruger-menu.vandret li.signup a,
#bruger-menu.vandret li.login a {
  font-size: 15px;
  height: 30px;
}
#bruger-menu.vandret li.login {
  margin-left: 2px;
}
#bruger-menu.vandret li.signup a {
  position: relative;
}
#bruger-menu.vandret li.signup a:after {
  content: '';
  position: absolute;
  right: -2px;
  transform: translate(-50%, 0);
  height: 18px;
  border-right: 1px solid #000;
}
#bruger-menu.vandret li.myProfile {
  float: right;
}
#bruger-menu.vandret li.myProfile ul.niveau2 {
  left: auto;
  right: 0;
}
#bruger-menu.vandret li.MinProfil > a:before {
  font-family: FontAwesome;
  content: '\f007';
  margin-right: 10px;
  font-size: 20px;
}
#bruger-menu.vandret li.myBooking a:before {
  font-family: FontAwesome;
  content: '\f03a';
  margin-right: 10px;
  font-size: 17px;
}
#bruger-menu.vandret li.editProfile a:before {
  font-family: FontAwesome;
  content: '\f044';
  margin-right: 10px;
  font-size: 17px;
}
#bruger-menu.vandret li.editWebProfile a:before {
  font-family: FontAwesome;
  content: '\f040';
  margin-right: 10px;
  font-size: 17px;
}
#bruger-menu.vandret li.serviceadministrator a:before {
  font-family: FontAwesome;
  content: '\f0ae';
  margin-right: 10px;
  font-size: 17px;
}
#bruger-menu.vandret li.rediger-ressourcer a:before {
  font-family: FontAwesome;
  content: '\f085';
  margin-right: 10px;
  font-size: 17px;
}
#bruger-menu.vandret li.logud a:before {
  font-family: FontAwesome;
  content: '\f08b';
  margin-right: 10px;
  font-size: 17px;
}
#bruger-menu.vandret ul.niveau2 {
  list-style: none;
  margin: 0;
  padding: 0;
  background: #fff;
  border: 3px solid #1b4949;
  z-index: 1000;
  position: absolute;
  left: 0;
  top: 40px;
  width: 16em;
  display: none;
  text-align: left;
}
#bruger-menu.vandret ul.niveau2 li {
  width: 100%;
  margin: 0;
  border-bottom: 1px solid #ccc;
}
#bruger-menu.vandret ul.niveau2 li:last-child {
  border: none;
}
#bruger-menu.vandret ul.niveau2 li a {
  margin: 0;
  padding: 0.6em 0 0.6em 5px;
  font-size: 1.2em;
}
#bruger-menu.vandret ul.niveau2 li a:hover {
  background: #f0f3f6;
  color: #000;
  text-decoration: none;
}
#bruger-menu.vandret .arrow-down:hover {
  background: #fff;
}
#bruger-menu.vandret li li ul {
  position: absolute;
  top: 0;
  left: 14em;
  display: none;
}
.debtor-search-form {
  width: 100%;
  margin: 20px auto;
  padding: 0;
}
.debtor-search-form #search-line {
  width: 100%;
  text-align: left;
}
.debtor-search-form #search-line input {
  display: inline-block;
  width: 80%;
  padding: 10px 5px;
  margin-right: 16px;
}
.debtor-search-form #search-line button {
  display: inline-block;
  height: 38px;
  line-height: 38px;
  padding: 0;
  width: 10%;
  background: #1b4949;
}
/* google translate */
.translator {
  position: absolute;
  top: 5px;
  right: 5px;
}
#google_translate_element {
  width: 124px;
}
/* foreningslisten */
.debtor-search-form {
  width: 100%;
  text-align: right;
}
#categoryList {
  display: none;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  float: left;
  width: 20%;
  margin-right: 2.5%;
}
#categoryList h2 {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  background: #1b4949;
  padding: 10px 0 10px 10px;
}
#categoryList ul {
  list-style: none;
  padding: 0;
  margin: 5px 0 0 0;
}
#categoryList ul li a {
  display: block;
  padding: 2px 5px;
  width: 100%;
}
#categoryList ul li a:hover {
  background: #296e6e;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}
.debtor-list {
  width: 75%;
  list-style: none;
  margin: 0 auto;
  padding: 0;
}
.debtor-list .heading {
  width: 100%;
  float: left;
  padding: 0 10px;
  background: #1b4949;
}
.debtor-list .heading div {
  float: left;
  margin: 0 10px 0 0;
  padding: 10px 0px;
  vertical-align: top;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}
.debtor-list .heading .field-foreningsnavn {
  width: 250px;
}
.debtor-list .heading .field-adresse {
  width: 160px;
}
.debtor-list .heading .field-postnr {
  width: 55px;
}
.debtor-list .heading .field-bynavn {
  width: 70px;
}
.debtor-list .debtor {
  float: left;
  position: relative;
  border-bottom: 1px solid #ccc;
  margin-bottom: 0px;
  padding: 0px 10px 0px 10px;
  width: 100%;
  min-height: 40px;
  vertical-align: top;
  background: #fff;
}
.debtor-list .debtor:hover {
  background: #296e6e;
  color: #fff;
  cursor: pointer;
}
.debtor-list .debtor div {
  float: left;
  margin: 0 10px 0 0;
  padding: 15px 0 10px 0px;
  vertical-align: top;
}
.debtor-list .debtor .field-foreningsnavn {
  font-weight: bold;
  width: 250px;
}
.debtor-list .debtor .field-adresse {
  width: 160px;
}
.debtor-list .debtor .field-postnr {
  width: 55px;
}
.debtor-list .debtor .field-bynavn {
  width: 70px;
}
.debtor-list .debtor .label {
  display: none;
}
.debtor-list .debtor-categories {
  display: inline-block;
  width: 235px;
  list-style: none;
  padding: 0;
  margin: 7px 0;
}
.debtor-list .debtor-categories li {
  display: inline-block;
  margin: 4px 2px;
}
.debtor-list .debtor-categories li a {
  display: block;
  padding: 0.5em;
  font-size: 0.9em;
  color: #fff;
}
.debtor-list .debtor-categories li a:hover {
  text-decoration: none;
}
.debtor-list .debtor-categories li a.tag-highlight {
  background-color: #061111;
}
.debtor-list .debtor-categories li a.senior {
  background: #929e49;
}
.debtor-list .debtor-categories li a.senior.tag-highlight {
  background-color: #626a31;
}
.debtor-list .debtor .debtor-detail-link-line {
  visibility: hidden;
  font-size: 0;
  text-align: center;
}
.debtor-list .debtor .debtor-detail-link-line a {
  font-style: italic;
  font-weight: bold;
  font-size: 1.2em;
  color: #fff;
}
/* foreningsdetalje webprofil */
.back-link a:before {
  font-family: 'FontAwesome';
  content: '\f053';
  font-size: 16px;
}
.back-link a:hover {
  text-decoration: none;
}
#kontaktpersoner {
  display: none;
}
#beskrivelse {
  width: 70%;
  float: left;
  min-height: 400px;
}
#google-maps,
#kontaktoplysninger {
  width: 25%;
  float: right;
  margin-bottom: 2em;
}
#beskrivelse,
#google-maps,
#kontaktoplysninger {
  border: 1px solid #ccc;
  box-shadow: 2px 2px 2px #ccc;
  background: #fff;
  padding: 10px;
  overflow: hidden;
}
#beskrivelse h2,
#google-maps h2,
#kontaktoplysninger h2 {
  color: #fff;
  background: #1b4949;
  width: 100%;
  padding: 10px 0px 10px 15px;
  margin-bottom: 15px;
}
#beskrivelse p,
#google-maps p,
#kontaktoplysninger p {
  margin-left: 15px;
}
#beskrivelse p#webLink,
#google-maps p#webLink,
#kontaktoplysninger p#webLink {
  margin-left: 5px;
}
#beskrivelse .contacts,
#google-maps .contacts,
#kontaktoplysninger .contacts {
  list-style: none;
  padding: 0;
}
#beskrivelse .contacts li,
#google-maps .contacts li,
#kontaktoplysninger .contacts li {
  display: inline-block;
  width: 25%;
  vertical-align: top;
}
#beskrivelse .contacts li .title,
#google-maps .contacts li .title,
#kontaktoplysninger .contacts li .title {
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 0.5em;
}
#beskrivelse .contacts li .zip,
#google-maps .contacts li .zip,
#kontaktoplysninger .contacts li .zip,
#beskrivelse .contacts li .city,
#google-maps .contacts li .city,
#kontaktoplysninger .contacts li .city {
  display: inline-block;
}
#beskrivelse .contacts li .Phone,
#google-maps .contacts li .Phone,
#kontaktoplysninger .contacts li .Phone {
  margin-top: 0.5em;
}
#beskrivelse .contacts li .Phone:before,
#google-maps .contacts li .Phone:before,
#kontaktoplysninger .contacts li .Phone:before {
  content: 'Tlf.:';
  display: inline-block;
  margin-right: 5px;
}
#beskrivelse .contacts li .Mobile:before,
#google-maps .contacts li .Mobile:before,
#kontaktoplysninger .contacts li .Mobile:before {
  content: 'Mobil:';
  display: inline-block;
  margin-right: 5px;
}
#beskrivelse .contacts li .Email:before,
#google-maps .contacts li .Email:before,
#kontaktoplysninger .contacts li .Email:before {
  content: 'E-mail:';
  display: inline-block;
  margin-right: 5px;
}
#beskrivelse #firmaOplysninger,
#google-maps #firmaOplysninger,
#kontaktoplysninger #firmaOplysninger,
#beskrivelse #formandOplysninger,
#google-maps #formandOplysninger,
#kontaktoplysninger #formandOplysninger,
#beskrivelse #kassererOplysninger,
#google-maps #kassererOplysninger,
#kontaktoplysninger #kassererOplysninger,
#beskrivelse #lederOplysninger,
#google-maps #lederOplysninger,
#kontaktoplysninger #lederOplysninger {
  display: inline-block;
  vertical-align: top;
}
#beskrivelse #formandOplysninger,
#google-maps #formandOplysninger,
#kontaktoplysninger #formandOplysninger {
  display: none;
  margin-left: 30px;
}
#beskrivelse #formandOplysninger:before,
#google-maps #formandOplysninger:before,
#kontaktoplysninger #formandOplysninger:before {
  content: 'Formand';
  display: block;
  font-weight: bold;
  margin: 0 0 0.5em 15px;
}
#beskrivelse #kassererOplysninger,
#google-maps #kassererOplysninger,
#kontaktoplysninger #kassererOplysninger {
  display: none;
}
#beskrivelse #kassererOplysninger:before,
#google-maps #kassererOplysninger:before,
#kontaktoplysninger #kassererOplysninger:before {
  content: 'Kasserer';
  display: block;
  font-weight: bold;
  margin: 0 0 0.5em 15px;
}
#beskrivelse #lederOplysninger,
#google-maps #lederOplysninger,
#kontaktoplysninger #lederOplysninger {
  display: none;
}
#beskrivelse #lederOplysninger:before,
#google-maps #lederOplysninger:before,
#kontaktoplysninger #lederOplysninger:before {
  content: 'Daglig Leder';
  display: block;
  font-weight: bold;
  margin: 0 0 0.5em 15px;
}
#formandCheck,
#kassererCheck,
#lederCheck {
  display: none;
}
#beskrivelse p {
  margin: 0;
}
/* rediger webprofil */
#edit-debtorinfo #contacts-heading,
#edit-debtorinfo #debtor-categories-heading,
#edit-debtorinfo #debtor-gps-heading,
#edit-debtorinfo #debtor-description-heading {
  color: #fff;
  background: #1b4949;
  width: 100%;
  padding: 10px 0 10px 15px;
  margin-top: 2em;
}
#edit-debtorinfo #debtor-description {
  background: #fff;
  width: 100%;
  padding: 20px 20px 20px 15px;
}
#edit-debtorinfo #debtor-description #cke_input-debtorDescription {
  min-width: 100% !important;
}
#edit-debtorinfo #debtor-description-edit-link-line {
  width: 100%;
  text-align: right;
  margin-bottom: 20px;
}
#edit-debtorinfo #debtor-description-edit-link-line a {
  background: #eaeaea;
  border-radius: 2px;
  display: inline-block;
  color: #000;
  font-family: Arial;
  font-size: 10px;
  padding: 11px 23px;
  text-decoration: none;
}
#edit-debtorinfo #debtor-gps {
  width: 100%;
  text-align: center;
}
#edit-debtorinfo #debtor-gps #debtor-gps-input-line,
#edit-debtorinfo #debtor-gps #debtor-gps-button-line {
  display: inline-block;
}
#edit-debtorinfo #debtor-gps #debtor-gps-input-line {
  display: inline-block;
  width: 40%;
}
#edit-debtorinfo #debtor-gps #debtor-gps-input-line #input-debtorGps {
  width: 100%;
  padding: 10px 5px;
}
#edit-debtorinfo #debtor-gps #debtor-gps-button-line {
  display: inline-block;
  width: 10%;
}
#edit-debtorinfo #debtor-gps #debtor-gps-button-line button {
  height: 100%;
  width: 100%;
  padding: 9px 0 10px 0;
}
#edit-debtorinfo #debtor-categories {
  width: 100%;
  text-align: center;
}
#edit-debtorinfo #debtor-categories .select2-search__field,
#edit-debtorinfo #debtor-categories #debtor-categories-input-line {
  display: inline-block;
  box-sizing: border-box;
  width: 40%;
}
#edit-debtorinfo #debtor-categories .select2-search__field select,
#edit-debtorinfo #debtor-categories #debtor-categories-input-line select {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 5px;
  border-radius: 0;
}
#edit-debtorinfo #debtor-categories #debtor-categories-button-line {
  display: inline-block;
  box-sizing: border-box;
  width: 10%;
}
#edit-debtorinfo #debtor-categories #debtor-categories-button-line button {
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  padding: 9px 0 10px 0;
}
#edit-debtorinfo #debtor-contacts {
  display: inline-block;
  padding: 0;
  margin: 0;
  vertical-align: top;
}
#edit-debtorinfo #debtor-contacts li {
  list-style: none;
  padding: 1em 2em;
  background: #fff;
  border: 1px solid #ccc;
  display: inline-block;
  font-size: 1em;
}
#edit-debtorinfo #debtor-contacts div span {
  display: inline-block;
  font-weight: bold;
  margin: 2px;
  width: 70px;
}
#edit-debtorinfo #debtor-contacts .toolbox a {
  text-align: center;
  cursor: default;
  color: buttontext;
  padding: 2px 6px 3px;
  border: 2px outset buttonface;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  background-color: buttonface;
  box-sizing: border-box;
  margin-top: 1em;
  font: 13.3333px Arial;
  text-rendering: auto;
  color: initial;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  display: inline-block;
  text-align: start;
}
#edit-debtorinfo #debtor-contacts .toolbox a:first-child {
  margin-right: 30px;
}
#edit-debtorinfo h3 {
  display: none;
}
#edit-debtorinfo #contacts-form {
  display: none !important;
  list-style: none;
  padding: 1em 2em;
  background: #fff;
  border: 1px solid #ccc;
  display: inline-block;
  font-size: 1em;
}
#edit-debtorinfo #contacts-form div {
  margin-bottom: 2px;
}
#edit-debtorinfo #contacts-form div label {
  display: inline-block;
  font-weight: bold;
  width: 70px;
}
#edit-debtorinfo #contacts-form #contact-type-line:before {
  content: 'Opret ny kontaktperson';
  display: block;
  font-size: 1.3em;
  font-weight: bold;
  margin-bottom: 5px;
}
/* Kalender design */
.kalender {
  border-collapse: collapse;
  border: 1px solid #888;
  float: right;
}
.kalender td {
  text-align: right;
  border: 1px solid #888;
  min-width: 1.5em;
  padding: 0.15em 0.2em 0.15em 0.1em;
}
.kalender .aktivuge td {
  background-color: #f3e5a7;
}
.kalender td.hold-fundet {
  background-color: #bac5da;
}
.kalender .aktivuge td.hold-fundet,
.kalender td.aktivdag {
  background-color: #dfcf84;
}
.kalender .uge {
  text-align: right;
  padding: 0.15em 0.3em 0.15em 0;
  min-width: 1.5em;
  color: #555;
}
.kalender .ugedag {
  font-weight: bold;
  text-align: center;
  color: #555;
}
.kalender .tom,
.kalender .aktivuge td.tom {
  background-color: #888;
}
.kalender a {
  display: block;
}
.kalender a:hover {
  text-decoration: none;
  background: #cddeff;
}
.kalender td a {
  font-weight: bold;
  color: #2e325a;
}
.kalender .uge a {
  color: #555;
}
.liste-kalender {
  width: 100%;
  background: #fff;
  padding: 15px;
  float: left;
  margin-top: 20px;
  border: 1px solid #1b4949;
}
.liste-kalender .tom-liste {
  font-size: 2em;
  text-align: center;
  padding: 2em 0;
}
.liste-kalender .tom-liste:before {
  font-family: 'FontAwesome';
  content: '\f062';
  margin: 0 5px;
}
.liste-kalender .tom-liste:after {
  font-family: 'FontAwesome';
  content: '\f062';
  margin: 0 5px;
}
.liste-kalender h3 {
  font-size: 3em;
}
.liste-kalender ul {
  list-style: none;
  padding: 0;
  margin: 0 0 0.5em;
  border-bottom: 1px solid #cdcdcd;
}
.liste-kalender ul li {
  padding: 5px;
  border-top: 1px solid #cdcdcd;
}
.liste-kalender ul li span {
  display: inline-block;
  vertical-align: top;
  text-align: right;
  margin-right: 10px;
  font-size: 2em;
  font-weight: bold;
}
.liste-kalender ul li .beskrivelse {
  padding: 2em 2em 2em 0;
}
.mini-kalender table {
  border-collapse: collapse;
}
.mini-kalender td {
  text-align: right;
  width: 12%;
  padding: 2px;
}
.mini-kalender td.begivenhed {
  color: #800;
  font-weight: bold;
}
.mini-kalender td.idag {
  border: 1px dotted #85a7c9;
}
.mini-kalender td.valgt {
  background-color: #ccdae8;
}
.mini-kalender th.uge {
  font-size: 80%;
}
.mini-kalender .uge {
  width: 16%;
}
.stor-kalender {
  width: 100%;
  background: #fff;
}
.stor-kalender .overskrift {
  position: relative;
  text-align: center;
  font-size: 110%;
  font-weight: bold;
  padding: 10px 5px;
}
.stor-kalender .forrige {
  position: absolute;
  top: 13px;
  left: 40%;
}
.stor-kalender .naeste {
  position: absolute;
  top: 13px;
  right: 40%;
}
.stor-kalender table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}
.stor-kalender td {
  width: 14%;
  height: 4em;
  padding: 2px;
  font-size: 90%;
  border: 1px solid #cdcdcd;
  vertical-align: top;
}
.stor-kalender td.tom {
  background: #f3f3f3 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAALElEQVQYlWN48ODBfwY84P379//v3buHVw1cEV7DRhUxMDAwMBCj6P379/8BOBpuKdEIDHIAAAAASUVORK5CYII=);
}
.stor-kalender th {
  font-weight: normal;
}
.stor-kalender th.tom-uge {
  width: 2%;
}
.stor-kalender th.uge {
  font-size: 80%;
  width: 2%;
  vertical-align: top;
  color: #8d8d8d;
  border: 1px solid #cdcdcd;
  background-color: #f3f3f3;
}
.stor-kalender th.ugedag {
  padding: 4px 0;
}
.stor-kalender .dag {
  font-size: 90%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.stor-kalender .har-indhold .dag {
  color: #fff;
}
.stor-kalender .begivenhed,
.stor-kalender .booking,
.stor-kalender .ressource {
  background-color: #8df;
  margin-bottom: 1px;
  font-size: 90%;
  padding: 1px 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.stor-kalender td {
  position: relative;
}
.begivenheds-link:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.begivenheds-taeller {
  height: 100%;
  width: 100%;
}
.begivenheds-taeller a {
  color: #fff;
}
.begivenheds-link {
  z-index: 5;
  font-size: 1.4em;
  text-align: center;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #1b4949;
}
.begivenheds-link:hover {
  color: #fff;
  text-decoration: none;
  transition: 0.5s background;
  background: #0d2424;
}
.stor-kalender .booking {
  background-color: #519fde;
  color: #fff;
}
.stor-kalender .ressource {
  background-color: #c9edde;
}
.maaned {
  font-size: 22px;
}
.clickable {
  cursor: pointer;
}
/* Opret kalenderbegivenhed */
.calendar-event-table-holder,
#calendar-event {
  width: 60%;
  margin: 0 auto;
}
#calendar-event-form div {
  margin: 2px 0;
}
#calendar-event-form div label {
  margin-right: 1em;
}
#calendar-event-form #event-starttime-line,
#calendar-event-form #event-endtime-line {
  display: inline-block;
  margin-right: 2em;
}
#calendar-event-form #event-subject-line {
  margin-top: 1em;
}
#calendar-event-form #event-subject-line input {
  width: 100%;
}
#calendar-event-form #event-description-line {
  margin-top: 0.5em;
}
#calendar-event-form #event-description-line #cke_input-eventDescription {
  min-width: 100% !important;
}
.calendar-event-table-holder {
  margin-top: 2em;
}
.calendar-event-table-holder caption {
  font-size: 1.3em;
  font-weight: bold;
  text-align: left;
}
.calendar-event-table-holder .calendar-event-table {
  width: 100%;
}
.calendar-event-table-holder .calendar-event-table thead {
  text-align: left;
  background: #4f4f4f;
  color: #fff;
  padding: 5px 0;
}
.calendar-event-table-holder .calendar-event-table thead th {
  padding: 2px;
}
.calendar-event-table-holder .calendar-event-table tbody {
  background: #c1c1c1;
}
.calendar-event-table-holder .calendar-event-table tbody td {
  padding: 2px;
}
.calendar-event-table-holder .calendar-event-table tbody .edit-link:before {
  font-family: 'FontAwesome';
  content: '\f040';
  margin: 0 3px;
}
.calendar-event-table-holder .calendar-event-table tbody .delete-link:before {
  font-family: 'FontAwesome';
  content: '\f05e';
  margin: 0 3px 0 20px;
}
.calendar-event-table-holder .calendar-event-table tbody .toolbox a:hover {
  text-decoration: none;
  color: #3a4042;
}
.calendar-event-table-holder .calendar-event-table tbody a.delete-link:hover {
  color: red;
}
/* Ressourcebooking */
#resourcebooking {
  position: relative;
}
#resourcebooking #bund {
  margin-top: 0;
}
#resourcebooking #booking-help {
  position: absolute;
  top: 55px;
  right: 200px;
  font-size: 1.4em;
}
#resourcebooking #booking-help img {
  display: inline-block;
  transform: rotate(55deg);
  position: absolute;
  left: -60px;
  top: -10px;
}
#resourcebooking #booking-help-mobil {
  display: none;
  z-index: 1;
}
#resourcebooking .resbook-calendar-format-links {
  position: absolute;
  right: 25px;
  top: 85px;
}
#resourcebooking .resbook-calendar-format-links a {
  display: inline-block;
  text-decoration: none;
  border: 1px solid #000;
  margin-right: 10px;
  padding: 5px 10px;
  color: #000;
}
#resourcebooking .resbook-calendar-format-links a:hover {
  text-decoration: none;
}
#resourcebooking .resbook-calendar-format-links a:last-child {
  margin: 0;
}
#resourcebooking .calendar-color-legend {
  position: absolute;
  right: 25px;
  top: 130px;
  font-size: 0.9em;
}
#resourcebooking .calendar-color-legend > div {
  display: inline-block;
  margin-right: 15px;
  vertical-align: top;
}
#resourcebooking .calendar-color-legend > div div {
  display: inline-block;
  margin-right: 2px;
  vertical-align: top;
}
#resourcebooking .calendar-color-legend > div:last-child {
  margin: 0;
}
#resourcebooking .calendar-color-legend div.open-legend .color {
  background-color: #fff;
  border: 1px solid #ccc;
}
#resourcebooking .calendar-color-legend div.partial-legend .color {
  background-color: #f9e3a4;
}
#resourcebooking .calendar-color-legend div.override-booking .color {
  background-color: #dc5151;
}
#resourcebooking .calendar-color-legend div.overressource-booket .color {
  background: #f1bbbb url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAALElEQVQYlWN48ODBfwY84P379//v3buHVw1cEV7DRhUxMDAwMBCj6P379/8BOBpuKdEIDHIAAAAASUVORK5CYII=);
}
#resourcebooking .calendar-color-legend div.full-legend .color {
  background-color: #e06666;
}
#resourcebooking .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.2) !important;
}
#resourcebooking .calendar-color-legend div.blocked {
  width: 15px;
  height: 15px;
  background: #eaeaea url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAALElEQVQYlWN48ODBfwY84P379//v3buHVw1cEV7DRhUxMDAwMBCj6P379/8BOBpuKdEIDHIAAAAASUVORK5CYII=);
}
#resourcebooking .resource-search-form {
  padding: 1em;
  position: relative;
  float: left;
  background: #1b4949;
}
#resourcebooking .resource-search-form fieldset {
  vertical-align: top;
  float: left;
  border: none;
  margin: 0;
  height: 100%;
}
#resourcebooking .resource-search-form fieldset.resource-search-field-group label {
  height: 20px;
  color: #fff;
}
#resourcebooking .resource-search-form fieldset.resource-search-field-group input,
#resourcebooking .resource-search-form fieldset.resource-search-field-group select {
  height: 30px;
  padding: 0.2em 1em 0.2em 0.5em;
}
#resourcebooking .resource-search-form fieldset.resource-search-field-group select {
  -webkit-appearance: none;
  appearance: none;
  background: #fff url(arrow-down.png) no-repeat center right;
}
#resourcebooking .resource-search-form fieldset.resource-search-field-group select::-ms-expand {
  display: none;
}
#resourcebooking .resource-search-form fieldset.resource-search-button-group div {
  padding-top: 20px;
}
#resourcebooking .resource-search-form fieldset.resource-search-button-group div button {
  height: 30px;
  width: 55px;
  padding: 0;
  font-weight: bold;
  background: #00b2e0;
}
#resourcebooking .resource-search-form fieldset.resource-search-button-group div button:hover {
  background: #00b2e0;
}
#resourcebooking .resource-search-form div {
  display: inline-block;
  margin-right: 1em;
}
#resourcebooking .resource-search-form div:last-child {
  margin-right: 0;
}
#resourcebooking .resource-search-form div label {
  display: block;
}
#resourcebooking .resource-search-form div input {
  margin-top: -1px;
}
#resourcebooking .resource-search-form .resource-search-location select {
  width: 200px;
}
#resourcebooking .resource-search-form .resource-search-startdate input {
  width: 90px;
}
.date-navigator {
  float: left;
  clear: both;
  width: 100%;
  margin: 2em 0 0.5em 0;
  margin-bottom: 1em;
  text-align: center;
  font-size: 1.1em;
  font-weight: bold;
  z-index: 2;
}
.date-navigator .start-date,
.date-navigator .end-date {
  margin: 0;
  font-weight: normal;
}
.date-navigator a {
  color: #000;
  text-decoration: none;
  font-weight: normal;
}
.date-navigator.align-left {
  text-align: left;
}
.resource-table-holder:not(.week):not(.month) {
  overflow-y: scroll !important;
  overflow-x: scroll !important;
  border-bottom: 1px solid #ccc;
}
.resource-table-holder {
  display: block;
  width: 100%;
  height: calc(100vh - 500px);
  min-height: 360px;
  overflow: scroll;
}
table.resource-table:not(.week):not(.month) {
  overflow-x: hidden;
}
table.resource-table:not(.week):not(.month) thead th:not(.SearchHeading) {
  width: 72px;
}
table.resource-table.week thead th:not(.SearchHeading) {
  width: 90px;
}
table.resource-table.month thead th {
  width: 75px;
}
table.resource-table {
  table-layout: fixed;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  background: #eaeaea url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAALElEQVQYlWN48ODBfwY84P379//v3buHVw1cEV7DRhUxMDAwMBCj6P379/8BOBpuKdEIDHIAAAAASUVORK5CYII=);
}
table.resource-table th.SearchHeading {
  z-index: 100 !important;
}
table.resource-table .row-header {
  text-align: left;
  z-index: 20 !important;
  position: relative;
}
table.resource-table .row-header .resource-name {
  font-size: 1.2em;
  font-weight: bold;
  margin: 0.5em 0;
}
table.resource-table .row-header .resource-description {
  white-space: normal;
  font-weight: normal;
  max-height: 35px;
  transition: max-height 1s cubic-bezier(0, 1, 0, 1);
  overflow: hidden;
}
table.resource-table .row-header .resource-description:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  height: 3em;
}
table.resource-table .row-header .resource-description .descriptionToggler {
  background: url(open-icon.png) center right no-repeat;
}
table.resource-table .row-header .resource-description.showAll .descriptionToggler {
  background: url(close-icon.png) center right no-repeat;
}
table.resource-table .row-header .resource-description.showAll {
  max-height: 900px;
  transition: max-height 2s ease-in-out;
}
table.resource-table .row-header .resource-description.showAll:after {
  content: none;
}
table.resource-table .row-header .resource-description.showAll img {
  display: block;
}
table.resource-table .row-header .resource-description .location {
  margin-bottom: 20px;
}
table.resource-table .row-header .resource-description .area {
  margin-bottom: 1em;
}
table.resource-table .row-header .resource-description .description-text {
  position: relative;
}
table.resource-table .row-header .resource-description .description-text img {
  display: block;
  max-width: 100%;
}
table.resource-table .row-header .resource-description .descriptionToggler {
  height: 30px;
  width: 100%;
  font-size: 0;
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 999;
}
table.resource-table .row-header .resource-description .descriptionToggler :hover {
  cursor: pointer;
}
table.resource-table thead th {
  background: #fff;
  background-clip: padding-box;
  text-align: center;
  z-index: 10;
}
table.resource-table thead th:first-child {
  width: 300px;
}
table.resource-table th {
  padding: 5px 3px;
  z-index: 40000;
}
table.resource-table th:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: -1px;
  left: 0;
  right: 0;
  border: 1px solid #ccc;
  border-width: 1px 0px 1px 1px;
}
table.resource-table th:first-child:after {
  border-left-width: 1px;
}
table.resource-table td.booked .wk-conflict-click-target {
  display: flex;
}
table.resource-table td.booked .wk-conflict-click-target a {
  height: 25% !important;
  background: #dc5151;
  align-self: flex-end;
}
table.resource-table td.booked .wk-conflict-click-target a:hover {
  background: #d73c3c;
}
table.resource-table td.blocked.booked {
  position: relative;
  background-color: #e06666 !important;
  color: #fff;
  overflow: hidden;
  /*
		&:hover span {
			position: absolute;
			background: @grayColor;
			color: #fff;
			display: block;
			z-index: 999;
			padding: 1em;
			border-radius: 5px;
			&:before {
				content:"\A";
				border-style: solid;
				border-width: 0 10px 15px 10px;
				border-color: transparent transparent @grayColor transparent;
				position: absolute;
				left: 10px;
				top: -10px;
			}
		}
		*/
}
table.resource-table td.blocked.booked span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
table.resource-table td.blocked-by-parentresource,
table.resource-table td.blocked-by-childresource {
  background: #f1bbbb url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAALElEQVQYlWN48ODBfwY84P379//v3buHVw1cEV7DRhUxMDAwMBCj6P379/8BOBpuKdEIDHIAAAAASUVORK5CYII=);
}
table.resource-table td.blocked-by-parentresource span,
table.resource-table td.blocked-by-childresource span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
table.resource-table td.open {
  background-color: #fff !important;
  border-color: #ccc !important;
}
table.resource-table td.partial {
  background-color: #f9e3a4 !important;
  border-color: #d2c08a !important;
}
table.resource-table td.full {
  background-color: #e06666 !important;
  border-color: #d65858 !important;
}
table.resource-table td.too-old,
table.resource-table td.too-new {
  background-color: rgba(0, 0, 0, 0.1) !important;
  border-color: #ccc !important;
}
table.resource-table td.available {
  background: #ffffff;
  cursor: pointer;
  font-size: 0;
}
table.resource-table td {
  position: relative;
  border: 1px solid #ccc;
}
table.resource-table td.available:hover {
  background: #b6d7a8;
}
table.resource-table tbody th {
  background-color: #fff;
  border-color: #ccc;
  background-clip: padding-box;
}
table.resource-table a {
  text-decoration: none;
  padding: 3px 5px;
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
}
table.resource-table a:hover {
  background: transparent;
  border: none;
  color: #005576;
}
table.resource-table .timeslot-content {
  font-size: 12px;
  text-align: center;
  height: 100%;
  white-space: nowrap;
}
.application-table-holder {
  clear: both;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 1.5em;
}
#cart-details {
  margin-top: 1em;
}
#cart-details > h2 {
  font-size: 1.5em;
}
#cart-details .detail-item {
  width: 100%;
  max-width: 500px;
  border: 1px solid #ccc;
}
#cart-details .detail-item .resbook-details {
  margin-bottom: 10px;
}
#cart-details .detail-item .resbook-details .resource-name {
  background-color: #1b4949;
  color: #ffffff;
  font-weight: bold;
  margin: 0 0 10px 0;
  padding: 5px 6px 5px 10px;
}
#cart-details .detail-item .resbook-details p .label,
#cart-details .detail-item .resbook-details p .date,
#cart-details .detail-item .resbook-details p .time {
  display: inline-block;
  width: 50px;
}
#cart-details .detail-item .resbook-details .separator {
  margin-left: 5px;
}
#cart-details .detail-item .resbook-details .booking-start {
  margin-left: 10px;
}
#cart-details .detail-item .resbook-details .booking-start:before {
  content: 'Tidsrum';
  font-family: 'roboto Condensed', sans-serif;
  font-size: 1.1em;
  display: block;
  font-weight: bold;
  margin: 10px 0 5px 0px;
}
#cart-details .detail-item .resbook-details .booking-end {
  margin-left: 10px;
}
#cart-details .detail-item .resbook-details .prop-list {
  padding-left: 25px;
}
#cart-details .detail-item .resbook-details .prop-list:before {
  content: 'Tilvalg';
  font-family: 'roboto Condensed', sans-serif;
  font-size: 1.1em;
  display: block;
  font-weight: bold;
  margin: 10px 0 5px -17px;
}
#cart-details .detail-item .survey-result {
  padding: 10px;
  padding-top: 0;
}
#cart-details .detail-item .survey-result h4 {
  margin-bottom: 5px;
}
#cart-details .detail-item .survey-result .question {
  display: block;
}
#cart-details .detail-item .survey-result div {
  margin-bottom: 1em;
}
#payment-details {
  margin-top: 1em;
  font-size: 0.9em;
}
#payment-receipt .resbook-details {
  margin: 0 0 1em;
}
#payment-receipt .buttonDesign {
  float: right;
  margin-top: 5px;
  margin-right: 5px;
  text-decoration: none;
  line-height: 20px;
}
/*Resourcebooking detaljeside */
#resourcebookingform #indhold h1 {
  display: none;
  box-shadow: none;
}
#resourcebookingform .map {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 10px 0;
  min-height: 250px;
  position: relative;
  margin: 0;
  width: 100%;
  padding: 0;
  border: 1px solid #e5e5e5;
  background: #fff;
  border-radius: 5px 5px 5px 5px;
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.15);
}
#resourcebookingform .map-frame {
  position: absolute;
  height: 100%;
  width: 100%;
  border: none;
}
#resourcebookingform .location-info .heading,
#resourcebookingform .resource-info .heading {
  font-size: 140%;
  font-weight: bold;
  padding: 0 0 0.5em;
}
#resourcebookingform .location-info .name,
#resourcebookingform .resource-info .name {
  font-weight: bold;
}
#resourcebookingform .location-info {
  background: none;
  margin-bottom: 2.5em;
}
#resourcebookingform .location-info .location-address {
  max-width: 40%;
}
#resourcebookingform .location-info .location-name {
  font-size: 2em;
  margin-bottom: 0.5em;
}
#resourcebookingform .location-info .location-description {
  display: none;
}
#resourcebookingform .location-info .location-address .location-street {
  display: inline-block;
}
#resourcebookingform .location-info .location-address .location-street span.label {
  font-weight: bold;
}
#resourcebookingform .location-info .location-address .location-street span.label:after {
  content: ':';
}
#resourcebookingform .location-info .location-address .location-street span.street:after {
  content: ',';
}
#resourcebookingform .location-info .location-address .location-zipcity {
  display: inline-block;
}
#resourcebookingform .location-info .location-address .location-zipcity span.label {
  display: none;
}
#resourcebookingform .location-info .location-address .location-city span.label {
  display: none;
}
#resourcebookingform .location-info .location-address .location-gps,
#resourcebookingform .location-info .location-address .map {
  display: none;
}
#resourcebookingform .location-info .location-address span {
  display: inline-block;
}
#resourcebookingform .info {
  display: flex;
  flex-flow: row nowrap;
  position: relative;
  padding: 2em;
  background: #1b4949;
  color: white;
}
#resourcebookingform .info .image-container {
  width: 40%;
}
#resourcebookingform .info .image-container img {
  width: 100% !important;
  height: auto !important;
  border: 2px solid white;
}
#resourcebookingform .resource-info {
  width: 60%;
  padding-right: 4em;
}
#resourcebookingform .resource-info .resource-name {
  font-size: 1.3em;
  margin-bottom: 0.5em;
}
#resourcebookingform .resource-info .resource-area span.label:not(.postfix),
#resourcebookingform .resource-info .resource-num-people span.label {
  font-weight: bold;
}
#resourcebookingform .resource-info .resource-description {
  margin-top: 2em;
  width: 100%;
}
#resourcebookingform .resource-info .resource-description .label {
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: underline;
  margin-bottom: 1em;
}
#resourcebookingform .resource-info .resource-description .label:after {
  content: ':';
}
#resourcebookingform .resource-info .resource-description ul {
  margin: 0;
  padding: 0 30px;
}
.res-form {
  margin-right: 15px;
  display: block;
  width: 100%;
  position: relative;
}
.res-form fieldset {
  width: 50%;
  margin: 1em 0 1em 0;
  border: 3px solid #1b4949;
  background: #fff;
  padding: 1.5em;
}
.res-form fieldset legend {
  float: left;
  width: 100%;
  margin-bottom: 1em;
  font-size: 1.3em;
}
.res-form fieldset span.date-select-end,
.res-form fieldset span.time-select-end,
.res-form fieldset div.location-select {
  margin-top: 5px;
}
.res-form fieldset div.time-select {
  margin-top: 10px;
}
.res-form fieldset.fieldset-props .prop-question .question-label {
  display: block;
  width: 100%;
}
.res-form fieldset.fieldset-props .prop-question .radio-label:after {
  content: "";
}
.res-form fieldset.fieldset-props .prop-list {
  display: flex;
  flex-flow: row wrap;
  gap: 12px;
  margin-top: 12px !important;
}
.res-form fieldset.fieldset-props .prop-list li {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 0px;
  padding: 8px 0;
  width: 100%;
  border-bottom: dotted 1px #ccc;
}
.res-form fieldset.fieldset-props .prop-list li label {
  width: 100%;
}
.res-form fieldset.fieldset-props .prop-list li select {
  min-width: 200px;
}
.res-form fieldset.fieldset-props .prop-list#prop-list_pq126 li {
  flex-flow: row nowrap;
}
.res-form fieldset.fieldset-props .prop-list#prop-list_pq126 li label {
  width: 70%;
}
.res-form fieldset.fieldset-props .prop-list#prop-list_pq126 li input,
.res-form fieldset.fieldset-props .prop-list#prop-list_pq126 li select {
  width: auto;
  min-width: 50px;
  margin-left: 8px;
}
.res-form fieldset.fieldset-time {
  width: 100%;
  margin-top: 1em;
  padding-bottom: 4em;
}
.res-form fieldset.fieldset-time div {
  vertical-align: top;
}
.res-form fieldset.fieldset-time .datetime-selectors {
  display: inline-block;
  width: 330px;
}
.res-form fieldset.fieldset-time .startdate,
.res-form fieldset.fieldset-time .starttime-select {
  margin-bottom: 0.5em;
}
.res-form fieldset.fieldset-time .startdate {
  float: left;
  width: 200px;
}
.res-form fieldset.fieldset-time .startdate:before {
  float: left;
  width: 100px;
  content: 'Starttidspunkt: ';
}
.res-form fieldset.fieldset-time .starttime {
  float: left;
  width: 200px;
  margin-right: 30%;
}
.res-form fieldset.fieldset-time .enddate-select {
  float: left;
  width: 200px;
}
.res-form fieldset.fieldset-time .enddate-select label {
  display: none;
}
.res-form fieldset.fieldset-time .enddate-select:before {
  float: left;
  width: 100px;
  content: 'Sluttidspunkt: ';
}
.res-form fieldset.fieldset-time .endtime-select {
  float: left;
  width: 70px;
}
.res-form fieldset.fieldset-time .resource-table-holder {
  display: inline-block;
  max-width: calc(100% - 380px);
  width: auto;
  min-height: auto;
  height: auto;
  overflow-y: hidden;
  overflow-x: scroll;
}
.res-form fieldset.fieldset-time .resource-table-holder .resource-table {
  width: auto;
}
.res-form fieldset.fieldset-time .resource-table-holder .resource-table thead th {
  position: relative;
  width: 40px;
  font-size: 0.8em;
}
.res-form fieldset.fieldset-time .resource-table-holder .resource-table thead th:first-child {
  width: 40px;
  border-left: 1px solid #ccc;
}
.res-form fieldset.fieldset-time .resource-table-holder .resource-table tbody th:first-child {
  border-left: 1px solid #ccc;
}
.res-form fieldset.fieldset-time .resource-table-holder .resource-table td.available {
  cursor: default;
}
.res-form fieldset.fieldset-time .resource-table-holder .resource-table td.available:hover {
  background: #fff;
}
.res-form fieldset.fieldset-time .current {
  background-color: #b6d7a8 !important;
}
.res-form fieldset.fieldset-subject .subject label {
  margin-right: 1em;
}
.res-form fieldset.fieldset-price .label {
  margin-right: 1em;
}
.res-form fieldset.fieldset-bookingfor {
  float: right;
}
.res-form fieldset.fieldset-bookingfor label[for='input-bookingfor'] {
  display: block;
  width: 100%;
  margin-bottom: 0.2em;
}
.res-form fieldset.fieldset-props #prop-list {
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
  justify-content: space-between;
  width: 100%;
}
.res-form fieldset.fieldset-props #prop-list li {
  width: 30%;
  height: 100px;
  margin-bottom: 1em;
}
.res-form fieldset.fieldset-props #prop-list li label {
  width: 100%;
}
.res-form fieldset.fieldset-props label {
  display: inline-block;
  width: 100px;
}
.res-form fieldset.fieldset-props label:after {
  content: ':';
}
.res-form fieldset.fieldset-props select {
  min-width: 75px;
}
.res-form fieldset.booking-survey div.survey-question {
  width: 100%;
  margin-bottom: 1em;
}
.res-form fieldset.booking-survey div.survey-question label {
  display: block;
}
.res-form fieldset.booking-survey div.survey-question input[type='text'] {
  padding: 0.5em;
  width: 100%;
}
.res-form fieldset.booking-survey div.survey-question textarea {
  width: 100%;
}
.res-form fieldset.booking-survey div.survey-question.error label {
  font-weight: bold;
  color: #800;
}
.res-form fieldset.booking-survey fieldset {
  width: 100%;
  border: 1px solid #1b4949;
}
.res-form fieldset.booking-survey fieldset legend {
  font-size: 1em;
}
.res-form fieldset.booking-survey fieldset input[type='radio'] {
  width: auto;
  margin: 0;
}
.res-form fieldset.booking-survey fieldset label.radio-label {
  display: inline-block;
  width: calc(100% - 20px);
  padding-left: 10px;
  margin-top: 10px;
}
.res-form fieldset.fieldset-buttons {
  border: 0;
  padding-left: 0;
  text-align: left;
}
.res-form fieldset.fieldset-buttons button {
  background: #1b4949;
}
.res-form #resource-submit-button:before {
  content: '\25B6';
  font-size: 20px;
}
.res-form #location-submit-button:before {
  font-family: 'FontAwesome';
  content: '\f0b0';
}
.res-service-search-result {
  background: #fff;
  padding: 2em;
}
.res-service-search-result h2.resource-name,
.res-service-search-result h2.booking-date {
  display: inline-block;
  background: #1b4949;
  color: #fff;
  padding: 0.5em 1em;
}
.res-service-search-result .toolbox {
  padding: 10px 0;
}
.res-service-search-result .toolbox a {
  display: inline-block;
  padding: 0 0 0 20px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  margin: 0 25px 0 0;
}
.res-service-search-result .toolbox .inactive {
  opacity: 0.3;
}
.res-service-search-result .toolbox .details-link {
  background-image: url(../../billeder/icon-edit.png);
}
.res-service-search-result .toolbox .mail-link {
  background-image: url(../../billeder/icon-mail.png);
}
.res-service-search-result .toolbox .sms-link {
  background-image: url(../../billeder/icon-sms.png);
}
.res-service-search-result .toolbox .cancel-link {
  background-image: url(../../billeder/icon-delete.png);
}
.res-booking-list-container {
  display: block;
  background-color: #fff;
  border-top: 2px solid #1b4949;
  margin-bottom: 2em;
}
.res-booking-list {
  border-collapse: collapse;
  width: 100%;
}
.res-booking-list thead {
  background-color: #fff;
  color: #000;
}
.res-booking-list thead th {
  text-align: left;
}
.res-booking-list thead th.time {
  width: 10%;
}
.res-booking-list thead th.name {
  width: 26%;
}
.res-booking-list thead th.phone {
  width: 12%;
}
.res-booking-list thead th.mobile {
  width: 12%;
}
.res-booking-list thead th.email {
  width: 20%;
}
.res-booking-list thead th.toolbox {
  width: 10%;
}
.res-booking-list tbody {
  width: 100%;
  background-color: #fff;
}
.res-booking-list tbody tr:hover {
  background-color: #ccc;
}
.res-booking-list tbody td {
  box-sizing: border-box;
  border-top: 1px solid #ccc;
  text-align: left;
}
.res-booking-list tbody td.date {
  width: 10%;
}
.res-booking-list tbody td.time {
  width: 10%;
}
.res-booking-list tbody td.name {
  width: 26%;
}
.res-booking-list tbody td.phone {
  width: 12%;
}
.res-booking-list tbody td.mobile {
  width: 12%;
}
.res-booking-list tbody td.email {
  width: 20%;
}
.res-booking-list tbody td.toolbox {
  width: 10%;
}
.res-booking-list th,
.res-booking-list td {
  padding: 5px 8px;
}
.res-booking-list .toolbox {
  padding: 5px 8px;
}
.res-booking-list .toolbox a,
.res-booking-list .toolbox span.inactive {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 0;
  padding: 16px 0 0 0;
  font-size: 0;
  margin: 0 0 0 10px;
}
div.survey-question.error label {
  font-weight: bold;
  color: #800;
}
div.subject.error label {
  font-weight: bold;
  color: #800;
}
div.subject.error input {
  border: 1px solid #d00;
}
#resServiceMailForm {
  margin: 0 auto;
  width: 660px;
}
#resServiceMailForm fieldset {
  border: none;
}
#resServiceMailForm .button-line {
  margin-top: 1em;
}
#resServiceMailForm .button-line button {
  padding: 1em 2em;
}
#input-mailbody {
  width: 650px;
}
#resourceservicecancel .confirm-line {
  padding-top: 15px;
  border-top: 1px solid #000000;
}
#resourceservicecancel .smsbody-line label,
#resourceservicecancel .mailbody-line label {
  display: block;
  width: auto;
}
#resourceservicecancel .mailsubject-line input {
  width: 400px;
}
#resourceservicecancel .res-booking-list {
  margin: 0 auto;
}
.recipient-count-line {
  font-size: 90%;
  font-style: italic;
}
.meddelelse {
  font-weight: bold;
  color: #000;
  font-size: 110%;
  min-height: 24px;
}
.meddelelse:before {
  content: ' ';
  background: url(../../billeder/icon-warning.png) no-repeat 50% 50%;
  display: inline-block;
  vertical-align: top;
  width: 24px;
  height: 24px;
  margin-right: 5px;
  margin-top: -3px;
  padding: 0;
}
.date-select span,
.time-select span,
.location-select span {
  width: 13em;
  display: inline-block;
  vertical-align: top;
}
.date-select label,
.time-select label,
.location-select label,
.search-keyword label {
  width: 5em;
  display: inline-block;
  vertical-align: middle;
}
.date-select input,
.time-select input,
.location-select input {
  width: 6em;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5em;
  text-align: right;
}
.time-select input {
  width: 4em;
}
.res-direction-line a,
.res-sort-line a {
  line-height: 3em;
  background: #1b4949;
  border: none;
  color: #ffffff;
  font-size: 90%;
  height: 3em;
  padding: 0 25px;
  font-family: helvetica, verdana, arial, sans-serif;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
}
.res-direction-line a:hover,
.res-sort-line a:hover {
  background-color: #04435c;
  text-decoration: none;
}
.res-direction-line a.btn-save,
.res-sort-line a.btn-save {
  background: #00843f;
}
.res-direction-line a.btn-save:hover,
.res-sort-line a.btn-save:hover {
  background-color: #006631;
}
.res-resource-list {
  padding: 0;
  margin: 0 0 0.5em;
  list-style: none;
}
.res-resource-list label {
  padding: 1px 5px;
  width: auto;
  font-size: 0.9em;
}
.res-resource-list input:checked + label {
  color: #000;
  border-radius: 3px;
}
.res-resource-list li {
  display: block;
  padding: 0 10px 0 0;
}
.resappl-resource-list {
  list-style: none;
  padding: 0;
}
#resourceansoegning-rediger #backButton,
#resourceansoegning-opret #backButton {
  float: right;
}
#resourceansoegning-rediger #backButton a,
#resourceansoegning-opret #backButton a {
  display: block;
  line-height: 3em;
  background: #1b4949;
  border: none;
  font-size: 110%;
  height: 3em;
  color: #fff;
  padding: 0 25px;
  font-family: helvetica, verdana, arial, sans-serif;
  border-radius: 4px;
  text-decoration: none;
  cursor: pointer;
}
#resourceansoegning-rediger #backButton a:hover,
#resourceansoegning-opret #backButton a:hover {
  text-decoration: none;
  background: #173239;
}
#resourceansoegning-rediger .res-form,
#resourceansoegning-opret .res-form {
  float: left;
  width: 40%;
}
#resourceansoegning-rediger .res-form .weekday-fields,
#resourceansoegning-opret .res-form .weekday-fields {
  max-width: auto;
  min-width: auto;
}
#resourceansoegning-rediger .res-form .weekday-fields legend,
#resourceansoegning-opret .res-form .weekday-fields legend {
  float: none;
  width: auto;
  margin: 0;
}
#resourceansoegning-rediger .res-form .weekday-fields .weekday-line ul,
#resourceansoegning-opret .res-form .weekday-fields .weekday-line ul {
  display: flex;
  flex-flow: row wrap;
}
#resourceansoegning-rediger .res-form fieldset:first-child,
#resourceansoegning-opret .res-form fieldset:first-child {
  border: none;
}
#resourceansoegning-rediger .res-form fieldset:first-child #resource-name,
#resourceansoegning-opret .res-form fieldset:first-child #resource-name {
  font-size: 14px;
}
#resourceansoegning-rediger .res-form fieldset:first-child #resource-name .location:after,
#resourceansoegning-opret .res-form fieldset:first-child #resource-name .location:after {
  content: '-';
  margin: 0 5px;
  display: inline-block;
}
#resourceansoegning-rediger .res-form fieldset.fieldset-activity,
#resourceansoegning-opret .res-form fieldset.fieldset-activity {
  border: 3px solid #1b4949;
}
#resourceansoegning-rediger .res-form fieldset,
#resourceansoegning-opret .res-form fieldset {
  width: 100%;
  max-width: 500px;
  min-width: 500px;
  overflow: hidden;
}
#resourceansoegning-rediger .res-form fieldset *,
#resourceansoegning-opret .res-form fieldset * {
  box-sizing: border-box;
}
#resourceansoegning-rediger .res-form fieldset.timeselection,
#resourceansoegning-opret .res-form fieldset.timeselection {
  width: 100%;
  max-width: inherit;
  min-width: inherit;
}
#resourceansoegning-rediger .res-form fieldset.timeselection table,
#resourceansoegning-opret .res-form fieldset.timeselection table {
  table-layout: fixed;
  width: 100%;
}
#resourceansoegning-rediger .resource-info,
#resourceansoegning-opret .resource-info {
  position: relative;
  float: left;
  width: 100%;
}
#resourceansoegning-rediger #resbook-description-container-location-info,
#resourceansoegning-opret #resbook-description-container-location-info,
#resourceansoegning-rediger #resbook-description-container-resource-info,
#resourceansoegning-opret #resbook-description-container-resource-info {
  float: right;
  background: #fff;
  width: 50%;
  border: 1px solid #1b4949;
  padding: 2em;
}
#resourceansoegning-rediger #resbook-description-container-location-info .location-name,
#resourceansoegning-opret #resbook-description-container-location-info .location-name,
#resourceansoegning-rediger #resbook-description-container-resource-info .location-name,
#resourceansoegning-opret #resbook-description-container-resource-info .location-name,
#resourceansoegning-rediger #resbook-description-container-location-info #resource-name,
#resourceansoegning-opret #resbook-description-container-location-info #resource-name,
#resourceansoegning-rediger #resbook-description-container-resource-info #resource-name,
#resourceansoegning-opret #resbook-description-container-resource-info #resource-name {
  font-size: 1.5em;
  font-weight: bold;
}
#resourceansoegning-rediger #resbook-description-container-location-info .resource-description,
#resourceansoegning-opret #resbook-description-container-location-info .resource-description,
#resourceansoegning-rediger #resbook-description-container-resource-info .resource-description,
#resourceansoegning-opret #resbook-description-container-resource-info .resource-description {
  border: 1px solid #ccc;
  padding: 1em;
  min-height: 100px;
  margin-top: 1em;
}
#resourceansoegning-rediger #resbook-description-container-location-info .resource-description span.label,
#resourceansoegning-opret #resbook-description-container-location-info .resource-description span.label,
#resourceansoegning-rediger #resbook-description-container-resource-info .resource-description span.label,
#resourceansoegning-opret #resbook-description-container-resource-info .resource-description span.label {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}
#resourceansoegning-rediger #resbook-description-container-location-info .image-container,
#resourceansoegning-opret #resbook-description-container-location-info .image-container,
#resourceansoegning-rediger #resbook-description-container-resource-info .image-container,
#resourceansoegning-opret #resbook-description-container-resource-info .image-container {
  position: absolute;
  top: 2em;
  right: 2em;
  width: 40%;
  height: 90%;
  overflow: hidden;
}
#resourceansoegning-rediger #resbook-description-container-location-info .image-container img,
#resourceansoegning-opret #resbook-description-container-location-info .image-container img,
#resourceansoegning-rediger #resbook-description-container-resource-info .image-container img,
#resourceansoegning-opret #resbook-description-container-resource-info .image-container img {
  width: 100% !important;
  height: auto !important;
}
#resourceansoegning-rediger button,
#resourceansoegning-opret button {
  display: inline-block;
  background: #1b4949;
  border: none;
  color: #ffffff;
  font-size: 110%;
  height: 3em;
  padding: 0 25px;
  font-family: helvetica, verdana, arial, sans-serif;
  border-radius: 4px;
  cursor: pointer;
}
#resourceansoegning-rediger button.btn-save,
#resourceansoegning-opret button.btn-save {
  border: 2px solid #1b4949 !important;
  color: #1b4949;
  background: #fff;
  border-radius: 5px;
  border: none;
  text-align: center;
  font-weight: bold;
  height: 40px;
  padding: 10px 3em;
}
#resourceansoegning-rediger button.btn-save:hover,
#resourceansoegning-opret button.btn-save:hover {
  cursor: pointer;
  background: #143636;
  border: 2px solid #143636;
  color: #fff;
  text-decoration: none;
}
#resourceansoegning-rediger button.btn-send,
#resourceansoegning-opret button.btn-send {
  background: #1b4949;
}
#resourceansoegning-rediger button.btn-send:hover,
#resourceansoegning-opret button.btn-send:hover {
  background: #143636;
}
#resourceansoegning-rediger .date-select span,
#resourceansoegning-opret .date-select span,
#resourceansoegning-rediger .time-select span,
#resourceansoegning-opret .time-select span,
#resourceansoegning-rediger .location-select span,
#resourceansoegning-opret .location-select span {
  width: 13em;
  display: inline-block;
  vertical-align: top;
}
#resourceansoegning-rediger .date-select span label,
#resourceansoegning-opret .date-select span label,
#resourceansoegning-rediger .time-select span label,
#resourceansoegning-opret .time-select span label,
#resourceansoegning-rediger .location-select span label,
#resourceansoegning-opret .location-select span label {
  width: 5em;
  display: inline-block;
  vertical-align: middle;
}
#resourceansoegning-rediger div,
#resourceansoegning-opret div {
  margin-bottom: 5px;
}
#resourceansoegning-rediger div .radio-group,
#resourceansoegning-opret div .radio-group {
  padding-left: 0;
}
#resourceansoegning-rediger .location-address,
#resourceansoegning-opret .location-address {
  display: flex;
  flex-flow: row wrap;
  gap: 0.3rem;
}
#resourceansoegning-rediger .location-address .location-street .label:after,
#resourceansoegning-opret .location-address .location-street .label:after {
  content: ":";
}
#resourceansoegning-rediger .location-address .location-street .street:after,
#resourceansoegning-opret .location-address .location-street .street:after {
  content: ',';
}
#resourceansoegning-rediger .location-address .location-zip .label,
#resourceansoegning-opret .location-address .location-zip .label,
#resourceansoegning-rediger .location-address .location-city .label,
#resourceansoegning-opret .location-address .location-city .label {
  display: none;
}
#resourceansoegning-rediger .location-address .location-gps,
#resourceansoegning-opret .location-address .location-gps {
  display: none;
}
#resourceansoegning-rediger div.participant-select,
#resourceansoegning-opret div.participant-select {
  margin-top: 20px;
}
#resourceansoegning-rediger div.error,
#resourceansoegning-opret div.error {
  color: red;
}
#resourceansoegning-rediger .date-select-start,
#resourceansoegning-opret .date-select-start,
#resourceansoegning-rediger .date-select-end,
#resourceansoegning-opret .date-select-end {
  display: inline-block;
  width: 48%;
}
#resourceansoegning-rediger .date-select-start label,
#resourceansoegning-opret .date-select-start label,
#resourceansoegning-rediger .date-select-end label,
#resourceansoegning-opret .date-select-end label {
  display: inline-block;
  width: 45%;
  margin-right: 3px;
}
#resourceansoegning-rediger .date-select-start input,
#resourceansoegning-opret .date-select-start input,
#resourceansoegning-rediger .date-select-end input,
#resourceansoegning-opret .date-select-end input {
  display: inline-block;
  width: 45%;
}
#resourceansoegning-rediger .prop-select,
#resourceansoegning-opret .prop-select {
  margin-top: 2em;
}
#resourceansoegning-rediger .prop-select label,
#resourceansoegning-opret .prop-select label {
  font-weight: bold;
}
#resourceansoegning-rediger .prop-select ul,
#resourceansoegning-opret .prop-select ul {
  padding: 0;
  list-style: none;
}
#resourceansoegning-rediger .prop-select ul li,
#resourceansoegning-opret .prop-select ul li {
  margin-bottom: 1em;
}
#resourceansoegning-rediger .prop-select ul li label,
#resourceansoegning-opret .prop-select ul li label {
  font-weight: normal;
  width: 150px;
  margin-right: 20px;
}
#resourceansoegning-rediger .prop-select ul li select,
#resourceansoegning-opret .prop-select ul li select {
  width: 100px;
}
#resourceansoegning-rediger div#resbook-description-container-resource-info,
#resourceansoegning-opret div#resbook-description-container-resource-info {
  padding-bottom: 10em;
}
.application-comments {
  display: none;
}
.application-table {
  background-color: #eaeaea;
  min-width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
  border: 1px solid #888;
  font-size: 0.8em;
}
.application-table caption {
  font-weight: bold;
  text-align: left;
  font-size: 120%;
  padding-bottom: 3px;
}
.application-table th {
  text-align: left;
  background-color: #1b4949;
  color: #ffffff;
}
.application-table th,
.application-table td {
  border: 1px dotted #888;
  padding: 3px 5px;
}
.application-table .weekday {
  width: 8%;
}
.application-table .date {
  width: 20%;
}
.application-table .time {
  width: 10%;
}
.application-table .participants {
  width: 10%;
}
.application-table .no-applications {
  color: #555;
  font-style: italic;
}
.application-table .toolbox {
  width: 70px;
  text-align: center;
  font-size: 85%;
}
.application-table .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;
  width: 16px;
  margin-right: 5px;
}
.application-table .toolbox a.edit-link {
  background-image: url(../../billeder/icon-edit.png);
}
.application-table .toolbox a.detail-link {
  background-image: url(../../billeder/icon-search.png);
}
.application-table .toolbox a.clone-link {
  background-image: url(../../billeder/icon-clone.png);
}
.application-table .toolbox a.delete-link {
  background-image: url(../../billeder/icon-delete.png);
}
.application-table .toolbox a.cancel-link {
  background-image: url(../../billeder/icon-cancel.png);
}
.application-table .toolbox a:last-child {
  margin: 0;
}
#resourceedit #indhold h1:after {
  display: block;
  font-size: 12px;
  font-weight: normal;
  margin-top: 0.5em;
  content: 'Her kan du rediger beskrivelsen af de enkelte ressourcer.';
}
#resourceedit .resource-list-container {
  margin-top: 2em;
}
#resourceedit .resource-list-container ul {
  list-style: none;
  padding: 0;
}
#resourceedit #resbook-description-container {
  background: #fff;
  width: 100%;
  border: 1px solid #ccc;
  padding: 2em;
  margin: 0;
}
#resourceedit #resbook-description-container .resource-edit-link {
  padding: 0.5em 1em;
  background: #1b4949;
  color: #fff;
  margin-bottom: 2em;
}
#resourceedit fieldset.resbook-info-edit div {
  display: inline-block;
  margin-right: 20px;
}
#resourceedit fieldset.resbook-info-edit div label:after {
  content: ':';
  margin-right: 10px;
}
#resourceedit .resbook-info-form {
  background: #fff;
  width: 100%;
  padding: 2em;
  border: 1px solid #ccc;
}
#resourceedit .resbook-info-form fieldset {
  border: none;
}
#resourceedit .resbook-info-form button {
  padding: 0.5em 1em;
}
#resourceedit .resbook-info-form #cke_resbook-description-editor {
  width: 100% !important;
}
.create-application-link-line {
  text-align: right;
}
.create-application-link {
  display: inline-block;
  line-height: 3em;
  background: #1b4949;
  border: none;
  color: #ffffff;
  font-size: 110%;
  padding: 0 25px;
  text-decoration: none;
  font-family: helvetica, verdana, arial, sans-serif;
  border-radius: 4px;
  cursor: pointer;
}
.create-application-link:hover {
  text-decoration: none;
  background: #173239;
}
.create-application-link.btn-save {
  background: #00843f;
}
.create-application-link.btn-save:hover {
  background-color: #006631;
}
#app-edit-form label {
  display: inline-block;
  vertical-align: middle;
}
#app-edit-form label[for^='input-weekday'] {
  width: 2.5em;
  padding: 2px 5px;
}
#app-edit-form input,
#app-edit-form select {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #888;
  padding: 3px;
}
#app-edit-form input:focus,
#app-edit-form select:focus {
  border-color: #005779;
}
#app-edit-form .weekday-select {
  margin-bottom: 1em;
}
#app-edit-form .weekday-select label {
  font-weight: bold;
}
#app-edit-form .weekday-select ul {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}
#app-edit-form .weekday-select ul li {
  display: inline-block;
  padding: 3px 0;
}
#app-edit-form .weekday-select ul li label {
  font-weight: normal;
}
#app-edit-form .weekday-select input:checked + label {
  background-color: #116f91;
  color: #fff;
}
#app-edit-form .date-select span,
#app-edit-form .time-select span {
  width: 100px;
  margin: 0 20px 0 0;
}
#app-edit-form .date-select span label,
#app-edit-form .time-select span label,
#app-edit-form .date-select span input,
#app-edit-form .time-select span input {
  display: block;
  margin: 0;
  width: 100%;
}
#app-edit-form .participant-select label {
  vertical-align: top;
}
#app-edit-form .participant-select label[for] {
  vertical-align: middle;
}
#app-edit-form .participant-select ul {
  display: block;
  list-style: none;
  margin: 5px 0 0 0;
  padding: 0;
}
#app-edit-form .participant-select ul li {
  margin-bottom: 10px;
}
#app-edit-form .participant-select input {
  width: 2.5em;
}
#app-edit-form .comments-select label {
  vertical-align: top;
}
#app-edit-form .comments-select textarea {
  width: 30em;
}
#app-edit-form .buttons button {
  margin: 0 25px 0 0;
}
#ekstra-infoboks1 {
  text-align: right;
}
#ekstra-infoboks1 p {
  padding: 0;
}
#res-search-form input,
#res-location-form input,
#res-search-form select,
#res-location-form select {
  width: 200px;
  box-sizing: border-box;
  height: 25px;
}
#resbook-form ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#resbook-form .fieldset-participants select,
#resbook-form .fieldset-participants input {
  width: 15em;
}
#resbook-form .fieldset-participants select + input {
  display: block;
  margin-left: 10em;
}
#resbook-form .fieldset-participants .button-line {
  text-align: right;
  padding-left: 10px;
  padding-right: 10px;
}
#resbook-form .fieldset-participants .button-line button {
  font-size: 85%;
  padding: 0 10px;
}
#resbook-form .fieldset-bookingfor select {
  width: 15em;
}
.fieldset-subject {
  position: relative;
}
.fieldset-subject div.required label:after {
  content: '*';
  color: #800;
  margin-left: 3px;
}
.fieldset-subject div.required.error label:before {
  content: 'Skal udfyldes!';
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 16px;
}
/* ---- Sæsonbooking - Vælg ressoruce ---- */
#resourceservice .search-container,
#resourceansoegning-vaelg-ressource .search-container {
  align-self: flex-end;
  position: relative;
  background: rgba(27, 73, 73, 0.8);
  padding: 4em 0 1em 2em;
  width: 100%;
}
#resourceservice .search-container .resource-search,
#resourceansoegning-vaelg-ressource .search-container .resource-search {
  width: 100%;
  margin-top: 5px;
}
#resourceservice .search-container h2,
#resourceansoegning-vaelg-ressource .search-container h2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #fff;
  background: #1b4949;
  padding: 0.5em 1.3em;
  font-weight: normal;
  font-size: 1.5em;
}
#resourceservice .search-container p,
#resourceansoegning-vaelg-ressource .search-container p {
  padding: 0;
}
#resourceservice .search-container .helpText,
#resourceansoegning-vaelg-ressource .search-container .helpText {
  width: 100%;
  color: #cac8c8;
}
#resourceservice .resource-search-form,
#resourceansoegning-vaelg-ressource .resource-search-form {
  width: 100%;
  padding: 0 0 1em 0;
  margin: 0 auto;
  position: relative;
}
#resourceservice .resource-search-form fieldset,
#resourceansoegning-vaelg-ressource .resource-search-form fieldset {
  border: none;
  width: 100%;
  margin: 0;
  padding: 0;
}
#resourceservice .resource-search-form fieldset.resource-search-field-group,
#resourceansoegning-vaelg-ressource .resource-search-form fieldset.resource-search-field-group {
  width: auto;
}
#resourceservice .resource-search-form fieldset.resource-search-field-group div,
#resourceansoegning-vaelg-ressource .resource-search-form fieldset.resource-search-field-group div {
  height: 45px;
  vertical-align: top;
}
#resourceservice .resource-search-form fieldset.resource-search-field-group label,
#resourceansoegning-vaelg-ressource .resource-search-form fieldset.resource-search-field-group label {
  height: 20px;
  color: #fff;
}
#resourceservice .resource-search-form fieldset.resource-search-field-group input,
#resourceansoegning-vaelg-ressource .resource-search-form fieldset.resource-search-field-group input,
#resourceservice .resource-search-form fieldset.resource-search-field-group select,
#resourceansoegning-vaelg-ressource .resource-search-form fieldset.resource-search-field-group select {
  box-sizing: border-box;
  height: 30px;
  padding: 0.2em 1em 0.2em 0.5em;
  border-radius: 0;
  border: 1px solid #ccc;
  vertical-align: top;
}
#resourceservice .resource-search-form fieldset.resource-search-field-group select,
#resourceansoegning-vaelg-ressource .resource-search-form fieldset.resource-search-field-group select {
  -webkit-appearance: none;
  appearance: none;
  background: #fff url(arrow-down.png) no-repeat center right;
}
#resourceservice .resource-search-form fieldset.resource-search-field-group select::-ms-expand,
#resourceansoegning-vaelg-ressource .resource-search-form fieldset.resource-search-field-group select::-ms-expand {
  display: none;
}
#resourceservice .resource-search-form div.search-button-container,
#resourceansoegning-vaelg-ressource .resource-search-form div.search-button-container {
  margin-top: 20px;
}
#resourceservice .resource-search-form div.search-button-container button,
#resourceansoegning-vaelg-ressource .resource-search-form div.search-button-container button {
  height: 30px;
  width: 80px;
  padding: 0;
  font-weight: bold;
  background: #00b2e0;
}
#resourceservice .resource-search-form fieldset.resource-search-button-group,
#resourceansoegning-vaelg-ressource .resource-search-form fieldset.resource-search-button-group {
  width: auto;
  height: 100%;
  vertical-align: bottom;
}
#resourceservice .resource-search-form fieldset.resource-search-button-group div,
#resourceansoegning-vaelg-ressource .resource-search-form fieldset.resource-search-button-group div {
  padding-top: 20px;
}
#resourceservice .resource-search-form fieldset.resource-search-button-group div button,
#resourceansoegning-vaelg-ressource .resource-search-form fieldset.resource-search-button-group div button {
  height: 30px;
  width: 55px;
  padding: 0;
  font-weight: bold;
  background: #00b2e0;
}
#resourceservice .resource-search-form div,
#resourceansoegning-vaelg-ressource .resource-search-form div {
  display: inline-block;
  margin-right: 1em;
  margin-bottom: 1em;
}
#resourceservice .resource-search-form div:last-child,
#resourceansoegning-vaelg-ressource .resource-search-form div:last-child {
  margin-right: 0;
}
#resourceservice .resource-search-form div label,
#resourceansoegning-vaelg-ressource .resource-search-form div label {
  display: block;
}
#resourceservice .resource-search-form .resource-search-location select,
#resourceansoegning-vaelg-ressource .resource-search-form .resource-search-location select {
  width: 200px;
}
#resourceservice .resource-search-form .resource-search-startdate input,
#resourceansoegning-vaelg-ressource .resource-search-form .resource-search-startdate input {
  width: 90px;
  margin-right: 1em;
}
#resourceservice .resource-search-result-form fieldset,
#resourceansoegning-vaelg-ressource .resource-search-result-form fieldset {
  margin-top: 2em;
  width: 100%;
  max-width: 700px;
}
#resourceservice .resource-search-result-form fieldset .button-line,
#resourceansoegning-vaelg-ressource .resource-search-result-form fieldset .button-line {
  width: 100%;
}
#resourceservice .resource-search-result-form fieldset .resource-search-result,
#resourceansoegning-vaelg-ressource .resource-search-result-form fieldset .resource-search-result {
  list-style: none;
  padding: 0;
}
#resourceservice .resource-search-result-form fieldset .resource-search-result li,
#resourceansoegning-vaelg-ressource .resource-search-result-form fieldset .resource-search-result li {
  width: 100%;
  padding: 2em;
  position: relative;
  margin-bottom: 1em;
}
#resourceservice .resource-search-result-form fieldset .resource-search-result li > input,
#resourceansoegning-vaelg-ressource .resource-search-result-form fieldset .resource-search-result li > input {
  position: absolute;
  left: 20px;
}
#resourceservice .resource-search-result-form fieldset .resource-search-result li label,
#resourceansoegning-vaelg-ressource .resource-search-result-form fieldset .resource-search-result li label,
#resourceservice .resource-search-result-form fieldset .resource-search-result li a,
#resourceansoegning-vaelg-ressource .resource-search-result-form fieldset .resource-search-result li a {
  display: block;
  margin-left: 20px;
}
#resourceservice .resource-search-result-form fieldset .resource-search-result li a,
#resourceansoegning-vaelg-ressource .resource-search-result-form fieldset .resource-search-result li a {
  color: #0000ee;
}
#resourceservice .resource-search-result-form fieldset .resource-search-result li a:hover,
#resourceansoegning-vaelg-ressource .resource-search-result-form fieldset .resource-search-result li a:hover {
  text-decoration: underline;
}
#resourceserialbooking #indhold h2 {
  top: 0;
  left: 0;
  width: 100%;
  color: #fff;
  background: #1b4949;
  padding: 0.5em 1.3em;
  font-weight: normal;
  font-size: 1.5em;
}
#resourceserialbooking #indhold .resource-search {
  display: flex;
}
#resourceserialbooking #indhold .resource-search .resource-search-form {
  align-self: flex-end;
  position: relative;
  background: #1b4949;
  margin-bottom: 50px;
  width: 100%;
}
#resourceserialbooking #indhold .resource-search .resource-search-form fieldset {
  padding: 1.5em;
  border: none;
  width: auto;
}
#resourceserialbooking #indhold .resource-search .resource-search-form fieldset .search-criterion {
  height: 45px;
  display: inline-block;
  margin-bottom: 1em;
}
#resourceserialbooking #indhold .resource-search .resource-search-form fieldset .search-criterion label {
  height: 20px;
  color: #fff;
  display: block;
}
#resourceserialbooking #indhold .resource-search .resource-search-form fieldset .search-criterion select {
  box-sizing: border-box;
  height: 30px;
  padding: 0.2em 1em 0.2em 0.5em;
  border-radius: 0;
  border: 1px solid #ccc;
}
#resourceserialbooking #indhold .resource-search .resource-search-form fieldset .search-criterion input {
  box-sizing: border-box;
  height: 30px;
  padding: 0.2em 1em 0.2em 0.5em;
  border-radius: 0;
  border: 1px solid #ccc;
}
#resourceserialbooking #indhold .resource-search .resource-search-form fieldset .search-criterion input.error {
  border: 1px solid #d00;
}
#resourceserialbooking #indhold .resource-search .resource-search-form fieldset .datewrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: fit-content;
}
#resourceserialbooking #indhold .resource-search .resource-search-form fieldset .datewrapper .search-criterion {
  margin-right: 0.3rem;
}
#resourceserialbooking #indhold .resource-search .resource-search-form fieldset.resource-search-repetition-group {
  padding: 0 0 0 1.5em;
  margin-top: 5px;
  color: white;
  display: inline-block;
}
#resourceserialbooking #indhold .resource-search .resource-search-form fieldset.resource-search-repetition-group legend {
  color: white;
}
#resourceserialbooking #indhold .resource-search .resource-search-form fieldset.resource-search-repetition-group .serial-search-weekrepeat select {
  height: 23px;
  padding: 0;
}
#resourceserialbooking #indhold .resource-search .resource-search-form .serial-search-days .weekday {
  margin: 0 10px 0 0;
}
#resourceserialbooking #indhold .resource-search .resource-search-form .serial-search-days .weekday label {
  display: inline-block;
}
#resourceserialbooking #indhold .resource-search .resource-search-form .serial-search-days .weekday label.error {
  color: #d00;
}
#resourceserialbooking #indhold .resource-search .resource-search-form .serial-search-days .weekday input {
  height: 13px;
}
#resourceserialbooking #indhold .resource-search fieldset.resource-search-button-group {
  width: auto;
  height: 100%;
  display: inline-block;
  padding: 0;
  margin: 0;
}
#resourceserialbooking #indhold .resource-search fieldset.resource-search-button-group div button {
  height: 30px;
  width: 55px;
  padding: 0;
  font-weight: bold;
  background: #00b2e0;
}
#resourceserialbooking .dayslot-content span {
  color: #fff;
}
#resourceserialbooking table.resource-table a {
  color: #000;
}
#resourceserialbooking .resource-table thead tr th {
  text-align: left;
  border: 1px solid #ccc;
}
#resourceserialbooking .resource-table thead tr th:after {
  position: inherit;
  border: 0px;
}
#resourceserialbooking .calendar-color-legend {
  text-align: right;
  margin-bottom: 1rem;
  font-size: 0.9em;
}
#resourceserialbooking .calendar-color-legend > div {
  display: inline-block;
  margin-right: 15px;
  vertical-align: top;
}
#resourceserialbooking .calendar-color-legend > div div {
  display: inline-block;
  margin-right: 2px;
  vertical-align: top;
}
#resourceserialbooking .calendar-color-legend > div:last-child {
  margin: 0;
}
#resourceserialbooking .calendar-color-legend div.open-legend .color {
  background-color: #fff;
  border: 1px solid #ccc;
}
#resourceserialbooking .calendar-color-legend div.partial-legend .color {
  background-color: #f9e3a4;
}
#resourceserialbooking .calendar-color-legend div.override-booking .color {
  background-color: #dc5151;
}
#resourceserialbooking .calendar-color-legend div.full-legend .color {
  background-color: #e06666;
}
#resourceserialbooking .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.2) !important;
}
#resourceserialbooking .calendar-color-legend div.blocked {
  width: 15px;
  height: 15px;
  background: #eaeaea url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAALElEQVQYlWN48ODBfwY84P379//v3buHVw1cEV7DRhUxMDAwMBCj6P379/8BOBpuKdEIDHIAAAAASUVORK5CYII=);
}
#resbook-create fieldset {
  margin: 0 0 1em 0;
  border: 3px solid #f1f1f1;
  background: #fff;
  padding: 1.5em;
}
#resbook-create fieldset legend {
  float: left;
  width: 100%;
  margin-bottom: 1em;
  font-size: 1.3em;
}
#resbook-create fieldset div {
  padding: 1em 0 1em 0;
}
#resbook-create fieldset div label {
  display: block;
}
#resbook-create .fieldset-buttons {
  border: none;
  padding: 0;
  margin: 0;
}
#resbook-create .fieldset-buttons .button-line {
  text-align: left;
}
#resbook-create fieldset.radio-group {
  background: #f1f1f1 !important;
}
#resbook-create .resbook-edit-selectorcontainer {
  margin-top: 10px;
}
#resbook-create .resbook-edit-selectorcontainer select#startTime {
  display: block;
  margin-bottom: 10px;
}
#resbook-create .resbook-edit-selectorcontainer select#endTime {
  display: block;
  margin-bottom: 10px;
}
fieldset.booking-survey {
  position: relative;
}
fieldset.booking-survey .survey-question {
  margin-bottom: 1em;
}
fieldset.booking-survey div.required label:after {
  content: '*';
  color: #800;
  margin-left: 3px;
}
fieldset.booking-survey div.required.error label:before {
  content: 'Skal udfyldes!';
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 16px;
}
fieldset.booking-survey label:not(.radio-label) {
  width: 100%;
}
/* ---------------------------- */
/* ---- Sæsonbooking - opret ansøgning ---- */
#resourceansoegning-rediger #resbook-description-container-location-info,
#resourceansoegning-opret #resbook-description-container-location-info,
#resourceansoegning-rediger #resbook-description-container-resource-info,
#resourceansoegning-opret #resbook-description-container-resource-info {
  border: none;
  background: #f1f1f1;
  padding: 2em;
  margin: 0;
  width: 100%;
}
#resourceansoegning-rediger #resbook-description-container-location-info,
#resourceansoegning-opret #resbook-description-container-location-info {
  padding-bottom: 2em;
}
#resourceansoegning-rediger #resbook-description-container-location-info .location-name,
#resourceansoegning-opret #resbook-description-container-location-info .location-name {
  font-size: 2em;
}
#resourceansoegning-rediger #resbook-description-container-location-info .location-address div,
#resourceansoegning-opret #resbook-description-container-location-info .location-address div {
  display: inline-block;
}
#resourceansoegning-rediger #resbook-description-container-location-info .location-address .location-street .label,
#resourceansoegning-opret #resbook-description-container-location-info .location-address .location-street .label {
  font-weight: bold;
}
#resourceansoegning-rediger #resbook-description-container-location-info .location-address .location-street .label:after,
#resourceansoegning-opret #resbook-description-container-location-info .location-address .location-street .label:after {
  content: ':';
}
#resourceansoegning-rediger #resbook-description-container-location-info .location-address .location-street .street:after,
#resourceansoegning-opret #resbook-description-container-location-info .location-address .location-street .street:after {
  content: ',';
}
#resourceansoegning-rediger #resbook-description-container-location-info .location-zipcity .label,
#resourceansoegning-opret #resbook-description-container-location-info .location-zipcity .label {
  display: none;
}
#resourceansoegning-rediger #resbook-description-container-location-info .location-description,
#resourceansoegning-opret #resbook-description-container-location-info .location-description {
  display: none;
}
#resourceansoegning-rediger #resbook-description-container-resource-info .resource-name,
#resourceansoegning-opret #resbook-description-container-resource-info .resource-name {
  font-size: 1.3em;
}
#resourceansoegning-rediger #resbook-description-container-resource-info .resource-description,
#resourceansoegning-opret #resbook-description-container-resource-info .resource-description {
  border: none;
  padding: 0;
  max-width: 50%;
}
#resourceansoegning-rediger #resbook-description-container-resource-info .resource-description .label,
#resourceansoegning-opret #resbook-description-container-resource-info .resource-description .label {
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: underline;
}
#resourceansoegning-rediger #resbook-description-container-resource-info .resource-description .label:after,
#resourceansoegning-opret #resbook-description-container-resource-info .resource-description .label:after {
  content: ':';
}
#resourceansoegning-rediger .res-form fieldset,
#resourceansoegning-opret .res-form fieldset {
  width: 100%;
}
#resourceansoegning-rediger .res-form fieldset.knapset,
#resourceansoegning-opret .res-form fieldset.knapset {
  border: none;
}
#ekstra-side-mine-bookinger .bookingoversigt-wrapper {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  column-gap: 2rem;
}
#ekstra-side-mine-bookinger .bookingoversigt-wrapper .dataTables_wrapper,
#ekstra-side-mine-bookinger .bookingoversigt-wrapper .resbooklist-placeholder,
#ekstra-side-mine-bookinger .bookingoversigt-wrapper .resbooklist-empty,
#ekstra-side-mine-bookinger .bookingoversigt-wrapper h2 {
  width: 100%;
}
#ekstra-side-mine-bookinger .bookingoversigt-wrapper .annullerede-bookinger {
  background: #1b4949;
  padding: 0.5rem 1rem;
  color: white;
  cursor: pointer;
  border-radius: 20px;
  text-decoration: none;
}
#ekstra-side-mine-bookinger .bookingoversigt-wrapper .annullerede-bookinger:hover {
  background: #296e6e;
}
body[data-wk-page-identifier="43"] .grant-form:not(.summary, .locked) .grant-pool-table .value,
body[data-wk-page-identifier="43"] .grant-form:not(.summary, .locked) .grant-pool-table .tekst-felt,
body[data-wk-page-identifier="43"] .grant-form:not(.summary, .locked) .grant-pool-table .note-felt,
body[data-wk-page-identifier="43"] .grant-form:not(.summary, .locked) .grant-pool-table .fil-felt,
body[data-wk-page-identifier="43"] .grant-form:not(.summary, .locked) .grant-pool-table .dato-felt,
body[data-wk-page-identifier="43"] .grant-form:not(.summary, .locked) .grant-pool-table .tal-felt,
body[data-wk-page-identifier="43"] .grant-form:not(.summary, .locked) .grant-pool-table .valuta-felt,
body[data-wk-page-identifier="43"] .grant-form:not(.summary, .locked) .grant-pool-table .beregnet-felt {
  Display: none;
}
body[data-wk-page-identifier="43"] .grant-form:not(.summary, .locked) .grant-pool-table [data-wk-grantpool-field="Felt1487"],
body[data-wk-page-identifier="43"] .grant-form:not(.summary, .locked) .grant-pool-table [data-wk-grantpool-field="Felt1348"],
body[data-wk-page-identifier="43"] .grant-form:not(.summary, .locked) .grant-pool-table [data-wk-grantpool-field="Felt1357"],
body[data-wk-page-identifier="43"] .grant-form:not(.summary, .locked) .grant-pool-table [data-wk-grantpool-field="Felt1338"],
body[data-wk-page-identifier="43"] .grant-form:not(.summary, .locked) .grant-pool-table [data-wk-grantpool-field="Felt1451"],
body[data-wk-page-identifier="43"] .grant-form:not(.summary, .locked) .grant-pool-table [data-wk-grantpool-field="Felt1396"] {
  display: revert;
}
body[data-wk-page-identifier="43"] .grantpool-fieldgroup ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: 'Felt1487        .' 'Felt1348        .' 'Felt1376        .' 'Felt1377        .' 'Felt1338        .' 'Felt1357        .' 'Felt1452 Felt1532' 'feltopdeler feltopdeler' 'Felt1535        .' 'Felt1887        .' 'Felt1888        .' 'Felt1354 Felt1531' 'Felt1353 Felt1533' 'Felt1358 Felt1520' 'Felt1361 Felt1530' 'Felt1364 Felt1517' 'Felt1371 Felt1518' 'Felt1488 Felt1488' 'Felt1368 Felt1519' 'Felt1381 Felt1521' 'Felt1378 Felt1523' 'Felt1384 Felt1529' 'Felt1385 Felt1528' 'Felt1390 Felt1522' 'Felt1393        .' 'Felt1451        .' 'Felt1397 Felt1636';
  gap: 0 0.6rem;
}
body[data-wk-page-identifier="43"] .grantpool-fieldgroup ul li.filfelt-li {
  grid-template-columns: 3fr 1fr;
}
body[data-wk-page-identifier="43"] .grantpool-fieldgroup ul li.filfelt-li label.fil-felt.wk-file-field {
  display: none;
}
body[data-wk-page-identifier="43"] .grantpool-fieldgroup ul li.forklaring-li label {
  padding-right: 1rem;
}
body[data-wk-page-identifier="43"] .grantpool-fieldgroup ul .felt-opdeler {
  grid-area: feltopdeler;
  width: 100%;
  margin: 1rem 0;
}
body[data-wk-page-identifier="43"] .grantpool-fieldgroup ul li[data-wk-fieldname="Felt1488"] {
  grid-area: Felt1488;
  grid-template-columns: 1fr 1fr 2fr;
  gap: 0.5rem;
}
body[data-wk-page-identifier="43"] .grantpool-fieldgroup ul li[data-wk-fieldname="Felt1488"] textarea {
  grid-column: 2 / -1;
  height: 6rem;
}
body[data-wk-page-identifier="43"] .grantpool-fieldgroup ul li.filfelt-li {
  position: relative;
}
body[data-wk-page-identifier="43"] .grantpool-fieldgroup ul li.filfelt-li .fejl-meddelelse {
  display: none;
  position: absolute;
  right: 0;
  top: 2.5rem;
  padding: 0.5rem;
  border: 1px solid #800;
  background: #fff;
  z-index: 99;
}
body[data-wk-page-identifier="43"] .grantpool-fieldgroup ul li.filfelt-li:hover .fejl-meddelelse {
  display: revert;
}
body[data-wk-page-identifier="43"] .grantpool-fieldgroup ul li.filfelt-li .wk-file-field-selected-list {
  display: flex;
  flex-flow: row wrap;
}
body[data-wk-page-identifier="43"] .grantpool-fieldgroup ul li.filfelt-li.fejl .wk-file-field-list-container {
  border: 3px solid #800;
}
body[data-wk-page-identifier="43"] .grantpool-fieldgroup ul li .fejl-meddelelse {
  grid-column: 1 / 1;
}
body[data-wk-page-identifier="43"] .grantpool-fieldgroup ul li input,
body[data-wk-page-identifier="43"] .grantpool-fieldgroup ul li select {
  min-height: 30px;
}
body[data-wk-page-identifier="43"] .grant-pool-button-set {
  display: flex;
  flex-flow: column;
  align-items: center;
}
body[data-wk-page-identifier="43"] .grant-pool-button-set .grant-pool-add-values-button {
  background: #800;
}
body[data-wk-page-identifier="43"] .grant-pool-button-set .buttonhelptext {
  margin-top: 1rem;
  max-width: 25rem;
}
body[data-wk-page-identifier="43"] .fieldgroup ul .filfelt-li .file-field-list-container {
  grid-column: 1 / -1;
}
body[data-wk-page-identifier="43"] .fieldgroup ul .filfelt-li .file-field-list-container .file-field-list li {
  display: flex;
  flex-flow: row wrap;
  border-bottom: 1px solid #000;
  margin: 0.5rem 0;
}
body[data-wk-page-identifier="43"] .grant-form:not(.locked) #opgorelse-forklaring,
body[data-wk-page-identifier="43"] .grant-form:not(.locked) #aconto-forklaring {
  display: none;
}
body[data-wk-page-identifier="43"] .udgifter-forklaring ol li {
  display: list-item;
  list-style: inherit;
}
body[data-wk-page-identifier="50"] .has-pool:not(.summary, .locked) .grant-pool-table .value,
body[data-wk-page-identifier="51"] .has-pool:not(.summary, .locked) .grant-pool-table .value,
body[data-wk-page-identifier="50"] .has-pool:not(.summary, .locked) .grant-pool-table .tekst-felt,
body[data-wk-page-identifier="51"] .has-pool:not(.summary, .locked) .grant-pool-table .tekst-felt,
body[data-wk-page-identifier="50"] .has-pool:not(.summary, .locked) .grant-pool-table .note-felt,
body[data-wk-page-identifier="51"] .has-pool:not(.summary, .locked) .grant-pool-table .note-felt,
body[data-wk-page-identifier="50"] .has-pool:not(.summary, .locked) .grant-pool-table .fil-felt,
body[data-wk-page-identifier="51"] .has-pool:not(.summary, .locked) .grant-pool-table .fil-felt,
body[data-wk-page-identifier="50"] .has-pool:not(.summary, .locked) .grant-pool-table .dato-felt,
body[data-wk-page-identifier="51"] .has-pool:not(.summary, .locked) .grant-pool-table .dato-felt,
body[data-wk-page-identifier="50"] .has-pool:not(.summary, .locked) .grant-pool-table .tal-felt,
body[data-wk-page-identifier="51"] .has-pool:not(.summary, .locked) .grant-pool-table .tal-felt,
body[data-wk-page-identifier="50"] .has-pool:not(.summary, .locked) .grant-pool-table .valuta-felt,
body[data-wk-page-identifier="51"] .has-pool:not(.summary, .locked) .grant-pool-table .valuta-felt {
  Display: none;
}
body[data-wk-page-identifier="50"] .has-pool:not(.summary, .locked) .grant-pool-table [data-wk-grantpool-field="Felt1835"],
body[data-wk-page-identifier="51"] .has-pool:not(.summary, .locked) .grant-pool-table [data-wk-grantpool-field="Felt1835"],
body[data-wk-page-identifier="50"] .has-pool:not(.summary, .locked) .grant-pool-table [data-wk-grantpool-field="Felt1813"],
body[data-wk-page-identifier="51"] .has-pool:not(.summary, .locked) .grant-pool-table [data-wk-grantpool-field="Felt1813"],
body[data-wk-page-identifier="50"] .has-pool:not(.summary, .locked) .grant-pool-table [data-wk-grantpool-field="Felt1852"],
body[data-wk-page-identifier="51"] .has-pool:not(.summary, .locked) .grant-pool-table [data-wk-grantpool-field="Felt1852"] {
  display: table-cell;
}
body[data-wk-page-identifier="50"] .has-pool:not(.summary, .locked) .grant-pool-table [data-wk-grantpool-field="Felt1835"],
body[data-wk-page-identifier="51"] .has-pool:not(.summary, .locked) .grant-pool-table [data-wk-grantpool-field="Felt1835"] {
  width: 13rem;
}
body[data-wk-page-identifier="50"] .bruger-formular,
body[data-wk-page-identifier="51"] .bruger-formular {
  min-width: 50rem;
}
body[data-wk-page-identifier="50"] .bruger-formular li,
body[data-wk-page-identifier="51"] .bruger-formular li {
  grid-template-columns: 355px 1fr;
}
body[data-wk-page-identifier="50"] .bruger-formular li.forklaring-li label:before,
body[data-wk-page-identifier="51"] .bruger-formular li.forklaring-li label:before {
  right: -13px;
}
body[data-wk-page-identifier="50"] .bruger-formular li.filfelt-li,
body[data-wk-page-identifier="51"] .bruger-formular li.filfelt-li {
  grid-template-columns: 355px 2fr 1fr;
}
body[data-wk-page-identifier="50"] .bruger-formular .grant-pool-button-set .grant-pool-add-values-button,
body[data-wk-page-identifier="51"] .bruger-formular .grant-pool-button-set .grant-pool-add-values-button {
  background: #800000;
}
body[data-wk-page-identifier="50"] .bruger-formular .grant-pool-button-set:after,
body[data-wk-page-identifier="51"] .bruger-formular .grant-pool-button-set:after {
  content: 'Tryk "tilføj" for at gemme de indtastede oplysninger. Når du er færdig, skal du trykke på "videre"';
  font-weight: bold;
  display: block;
  margin-top: 1rem;
}
#approvalform .loebendelokaletilskud .grant-pool-table .value,
#approvalform .loebendelokaletilskud .grant-pool-table .tekst-felt,
#approvalform .loebendelokaletilskud .grant-pool-table .note-felt,
#approvalform .loebendelokaletilskud .grant-pool-table .fil-felt,
#approvalform .loebendelokaletilskud .grant-pool-table .dato-felt,
#approvalform .loebendelokaletilskud .grant-pool-table .tal-felt,
#approvalform .loebendelokaletilskud .grant-pool-table .valuta-felt {
  Display: none;
}
#approvalform .loebendelokaletilskud .grant-pool-table [data-wk-grantpool-field="Felt1487"],
#approvalform .loebendelokaletilskud .grant-pool-table [data-wk-grantpool-field="Felt1348"],
#approvalform .loebendelokaletilskud .grant-pool-table [data-wk-grantpool-field="Felt1338"],
#approvalform .loebendelokaletilskud .grant-pool-table [data-wk-grantpool-field="Felt1451"],
#approvalform .loebendelokaletilskud .grant-pool-table [data-wk-grantpool-field="Felt1396"] {
  display: revert;
}
body[data-wk-page-identifier="42"] [data-wk-grantpool-field="Felt1227"],
body[data-wk-page-identifier="42"] [data-wk-grantpool-field="Felt1229"],
body[data-wk-page-identifier="42"] [data-wk-grantpool-field="Felt1427"],
body[data-wk-page-identifier="42"] [data-wk-grantpool-field="Felt1430"],
body[data-wk-page-identifier="42"] [data-wk-grantpool-field="Felt1426"] {
  display: none;
}
.grant-pool-table td.toolbox {
  min-width: 4rem;
}
.grant-pool-table td.toolbox button {
  padding: 0.3rem 1rem;
  height: auto;
  width: 100%;
}
.grant-pool-table td.toolbox button.edit-link {
  margin-bottom: 0.5rem;
}
.grant-pool-table td.toolbox button.delete-link {
  background: #bc1c11;
}
.grant-pool-table td.toolbox button.delete-link:hover {
  background: #76120b;
}
body[data-wk-page-identifier="42"] form,
body[data-wk-page-identifier="43"] form {
  width: 60rem;
}
body[data-wk-page-identifier="42"] form .grant-pool-table,
body[data-wk-page-identifier="43"] form .grant-pool-table {
  table-layout: fixed;
  width: 100%;
  margin: 0 0 1rem 0;
}
#contact-profileedit-page li {
  margin: 0.5rem 0;
  padding-bottom: 0.5rem;
}
#contact-profileedit-page li.hidden-contact-line {
  display: flex;
  gap: 0;
}
#contact-profileedit-page li.hidden-contact-line input {
  order: 1;
}
#contact-profileedit-page li.hidden-contact-line label {
  order: 2;
  align-self: center;
}
#contact-profileedit-page input[type="checkbox"] {
  margin-left: 0;
}
#contact-profileedit-page span.hide-toggle {
  grid-area: 2 / 2;
  margin-top: 0.3rem;
}
button[value="NEMID"] {
  display: none;
}
body[data-wk-page-identifier="43"] .double-column {
  display: none;
}
.fieldgroup li:has(.double-column) {
  grid-template-columns: 1fr;
  padding-bottom: 1rem;
  border-bottom: 1px solid #1b4949;
  margin-bottom: 1rem;
}
#password .password-email-field-group {
  display: flex;
  flex-wrap: wrap;
  border: none;
  margin: 0;
  padding: 0;
  gap: 1rem;
}
#password .password-email-field-group .email-line {
  width: 100%;
}
#password .password-email-field-group .email-line label {
  display: block;
}
#resourceansoegning-detaljer .application-details .comments-line {
  display: none;
}
/* ---------------------------- */
@media screen and (min-width: 1000px) {
  #top-indhold {
    width: 100%;
  }
  #tilmeldings-side .bruger-formular {
    width: 600px;
  }
  .debtor-search-form {
    width: 50%;
  }
  .debtor-list .debtor {
    width: 100%;
  }
  #profilLinks {
    display: block;
  }
  #profilLinks .box {
    margin-right: 1%;
    margin-bottom: 1%;
    background-size: 100% 150px !important;
  }
  #profilLinks .box:nth-child(4) {
    margin: 0;
  }
  #profilLinks .hidden {
    display: none;
  }
}
/* ---- Kurv funktion ---- */
.minicart {
  position: absolute;
  background: url('billeder/kurv2.png') no-repeat center center;
  background-size: 45px;
  height: 50px;
  width: 50px;
  padding: 0;
  top: 20px;
  right: 25px;
}
.minicart .minicart-heading {
  position: absolute;
  bottom: -15px;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  color: #000;
  font-size: 1.2em;
  padding-left: 10px;
}
.minicart .minicart-itemcount {
  position: absolute;
  top: -5px;
  right: -5px;
  padding: 5px;
  background: #1b4949;
  color: #fff;
  border-radius: 5px;
}
.minicart .minicart-total {
  display: none;
}
.minicart .minicart-goto-cart {
  margin-top: 0.5em;
  font-style: italic;
  text-decoration: underline;
}
.minicart .minicart-content {
  display: none;
}
.minicart .minicart-goto-cart a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 0;
}
#ShoppingCart .shoppingcart-form table {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}
#ShoppingCart .shoppingcart-form table thead th {
  background: #ccc;
  text-align: left;
}
#ShoppingCart .shoppingcart-form table thead th.shoppingcart-item-toolbox {
  width: 25px;
}
#ShoppingCart .shoppingcart-form table tr.shoppingcart-item {
  padding: 5px 0;
  border-bottom: 2px solid #000;
}
#ShoppingCart .shoppingcart-form table tr.shoppingcart-total {
  background: #ccc;
}
#ShoppingCart .shoppingcart-form table td {
  border: 1px solid #efefef;
}
#ShoppingCart .shoppingcart-form table td.shoppingcart-item-toolbox {
  border: none;
  width: 25px;
  padding: 0;
}
#ShoppingCart .shoppingcart-form table .shoppingcart-delete-item-link {
  display: block;
  font-size: 0;
  background: url(../../billeder/icon-delete.png) no-repeat center center;
  width: 20px;
  height: 20px;
}
#ShoppingCart .shoppingcart-form table .shoppingcart-total td {
  font-weight: bold;
}
#ShoppingCart .shoppingcart-payment-button-line {
  margin-top: 2em;
}
#ShoppingCart .shoppingcart-payment-button-line a {
  display: inline-block;
  text-decoration: none;
  color: #fff;
  border-radius: 5px;
  border: none;
  text-align: center;
  font-weight: 700;
  height: 40px;
  padding: 10px 3em;
  margin-right: 2em;
  background: #1b4949;
  vertical-align: top;
  font-size: 13px;
}
#ShoppingCart .shoppingcart-payment-button-line button {
  background: #1b4949;
}
/* ----------------------- */
/* ---- Kurv handelsbetingelser side ---- */
#ShoppingCart-ChoosePayment .shoppingcart {
  margin-bottom: 2em;
}
#ShoppingCart-ChoosePayment .shoppingcart table {
  width: 50%;
  text-align: center;
  margin: 0 auto;
  border-collapse: collapse;
  border: 1px solid #ccc;
}
#ShoppingCart-ChoosePayment .shoppingcart table thead th {
  background: #1b4949;
  color: #fff;
}
#ShoppingCart-ChoosePayment .shoppingcart table tbody tr.shoppingcart-total {
  font-weight: bold;
}
/* ----------------------- */
#ekstra-side-hjaelp #indhold li,
#ekstra-side-om-fritidsportalen #indhold li,
#ekstra-side-kontakt #indhold li,
#ekstra-side-hjaelp #indhold p,
#ekstra-side-om-fritidsportalen #indhold p,
#ekstra-side-kontakt #indhold p,
#ekstra-side-hjaelp #indhold a,
#ekstra-side-om-fritidsportalen #indhold a,
#ekstra-side-kontakt #indhold a {
  font-size: 14px;
}
#ekstra-side-hjaelp table,
#ekstra-side-om-fritidsportalen table,
#ekstra-side-kontakt table {
  border-width: 0 1px 1px 1px !important;
}
#ekstra-side-hjaelp table td,
#ekstra-side-om-fritidsportalen table td,
#ekstra-side-kontakt table td {
  border: none;
  padding: 0.5em;
  vertical-align: top;
}
#ekstra-side-hjaelp .heading,
#ekstra-side-om-fritidsportalen .heading,
#ekstra-side-kontakt .heading {
  background: #1b4949;
  font-weight: bold;
  color: #fff;
}
/* ---- kontakt side ---- */
.company {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 2em;
  border: 1px solid #4f4f4f;
}
.company .heading {
  order: 1;
  width: 100%;
  padding: 1em;
  font-size: 1.3em !important;
}
.company .image,
.company .text {
  width: 50%;
}
.company .image {
  order: 3;
}
.company .image img {
  display: block;
  width: 100% !important;
  height: auto !important;
}
.company .text {
  order: 2;
  padding: 1em;
}
/* ----------------------- */
/* ---- Tilskud oversigt ---- */
.borneattest_besked {
  display: none;
}
body:has(.tilskudLinks.borneattest_failed) .borneattest_besked,
.access-denied .borneattest_besked {
  display: block;
  opacity: 0;
  padding: 2rem;
  margin-top: 2rem;
  background: #FFE270;
  animation: 1s ease-out 0s 1 fadein;
  animation-fill-mode: forwards;
  animation-delay: 200ms;
}
body:has(.tilskudLinks.borneattest_failed) .borneattest_besked h2,
.access-denied .borneattest_besked h2 {
  font-size: 22px;
  margin-bottom: 0.5em;
}
body:has(.tilskudLinks.borneattest_failed) .borneattest_besked p,
.access-denied .borneattest_besked p {
  font-size: 16px;
}
body:has(.tilskudLinks.borneattest_failed) .borneattest_besked a,
.access-denied .borneattest_besked a {
  display: inline-block;
  background: #1b4949;
  color: #ffffff;
  padding: 0.5rem 1rem;
  text-decoration: none;
  border-radius: 4px;
  margin-top: 1rem;
}
body:has(.tilskudLinks.borneattest_failed) .borneattest_besked a:hover,
.access-denied .borneattest_besked a:hover {
  cursor: pointer;
  background: #143636;
}
.borneBlocked .borneattest_besked p:not(a) {
  color: white;
}
.borneBlocked .borneattest_besked a {
  display: inline-block;
  background: #FFE270;
  color: #1b4949;
  padding: 0.5rem 1rem;
  text-decoration: none;
  border-radius: 4px;
  margin-top: 1rem;
}
.borneBlocked .borneattest_besked a:hover {
  cursor: pointer;
  background: #ffdd57;
}
.tilskudLinks {
  display: flex;
  flex-flow: row wrap;
  justify-content: flext-start;
  gap: 2rem;
}
.tilskudLinks.borneattest_failed {
  display: none;
}
.tilskudLinks .box {
  width: 350px;
  min-height: 100px;
  padding-top: 150px;
  margin-bottom: 2em;
  border: 2px solid #000;
  position: relative;
}
.tilskudLinks .box:hover {
  cursor: pointer;
}
.tilskudLinks .box h2 {
  margin-top: -36px;
}
.tilskudLinks .box a {
  display: block;
  text-align: left;
  padding: 10px;
  background: rgba(255, 255, 255, 0.8);
  color: #000;
  font-weight: bold;
  font-size: 13px;
}
.tilskudLinks .box a:hover {
  text-decoration: none;
}
.tilskudLinks .box p {
  padding: 5px 10px;
}
.tilskudLinks .approved {
  color: #999;
}
.tilskudLinks .approved:hover {
  color: #000;
}
.tilskudLinks .approved:hover h2 a {
  color: #000;
}
.tilskudLinks .approved h2 a {
  color: #999;
}
.tilskudLinks .approved .checkedImage {
  display: block;
  position: absolute;
  top: 2px;
  right: 2px;
  background: url(billeder/checked.png) 5px center no-repeat rgba(255, 255, 255, 0.9);
  background-size: 20px;
  padding: 5px 10px 5px 30px !important;
  border-radius: 10px;
  color: #000;
}
.tilskudLinks .checkedImage {
  display: none;
}
.tilskudLinks .medlemstilskud {
  background: #fff url(billeder/activity2.jpg) left top no-repeat;
}
.tilskudLinks .medlemstilskud:hover {
  background: #fff url(billeder/activity.jpg) left top no-repeat;
}
.tilskudLinks .lokaletilskudAconto,
.tilskudLinks .lokaletilskud {
  background: #fff url(billeder/lokalebooking2.jpg) left top no-repeat;
}
.tilskudLinks .lokaletilskudAconto:hover,
.tilskudLinks .lokaletilskud:hover {
  background: #fff url(billeder/lokalebooking.jpg) left top no-repeat;
}
.tilskudLinks .lokaletilskud-nye {
  background: #fff url(billeder/mineBookinger2.jpg) left top no-repeat;
}
.tilskudLinks .lokaletilskud-nye:hover {
  background: #fff url(billeder/mineBookinger.jpg) left top no-repeat;
}
.tilskudLinks .uddannelsesogkursustilskud {
  background: #fff url(billeder/kursustilskud2.jpg) left top no-repeat;
}
.tilskudLinks .uddannelsesogkursustilskud:hover {
  background: #fff url(billeder/kursustilskud.jpg) left top no-repeat;
}
.tilskudLinks .OevrigeTilskud {
  background: #fff url(billeder/foreningsregnskab2.jpg) left top no-repeat;
}
.tilskudLinks .OevrigeTilskud:hover {
  background: #fff url(billeder/foreningsregnskab.jpg) left top no-repeat;
}
.wk-popup #popupContent {
  margin-top: 10px;
}
.wk-popup #popupContent > h1 {
  display: none;
}
.wk-popup .wk-popup-title {
  visibility: hidden;
}
.wk-popup .wk-popup-title:after {
  visibility: visible;
  content: 'Information om faciliteten';
  display: block;
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid #000;
}
/* ---- Date picker design ---- */
div#ui-datepicker-div {
  z-index: 100 !important;
}
div#ui-datepicker-div .ui-datepicker-header {
  font-size: 10px !important;
}
div#ui-datepicker-div table {
  font-size: 10px !important;
}
/* ---- Date picker SLUT ---- */
/* ---------------------------------- */
/* ---- Lokaletilskud & aconto ---- */
fieldset.lokale li {
  display: inline-block;
  width: 49%;
}
fieldset.lokale li input {
  display: block;
  width: 100%;
  height: 30px;
  padding: 0.3em 0.5em;
}
fieldset.lokaleKF {
  display: none;
}
#result {
  display: block;
  width: 200px;
}
#result.short {
  font-weight: bold;
  color: #ff0000;
  border-top: #ff0000;
  font-size: larger;
}
#result.weak {
  font-weight: bold;
  color: orange;
  border-top: orange;
  font-size: larger;
}
#result.good {
  font-weight: bold;
  color: #2d98f3;
  border-top: #2d98f3;
  font-size: larger;
}
#result.strong {
  font-weight: bold;
  color: limegreen;
  border-top: limegreen;
  font-size: larger;
}
.shoppingcart-item-price[data-wk-amount='0']:after {
  margin-left: 10px;
  content: 'Faktureres senere';
}
#ShoppingCart a.shoppingcart-edit-item-link.shoppingcart-edit-resbook-link {
  margin-left: 50px;
}
#ShoppingCart th.shoppingcart-item-name {
  width: 75%;
}
p.file-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.tilskud-file-link {
  display: inline-block;
  background: #00b2e0;
  color: #fff;
  height: 30px;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
  width: 350px;
  max-width: 100%;
  padding-right: 5px;
  margin: 0 1em 0.5em 1em;
  border: #c1c1c1;
  box-shadow: 2px 2px 5px 1px #ccc;
}
.tilskud-file-link:before {
  font-family: 'FontAwesome';
  content: '\f019';
  margin: 0 5px;
}
.tilskud-file-link:hover {
  text-decoration: none;
  background: #0089ad;
}
.bruger-formular fieldset.childcheck li {
  display: grid;
  grid-template-columns: auto 150px;
  -ms-grid-columns: auto 150px;
  grid-gap: 0;
  -ms-grid-gap: 0;
  padding: 0;
  border: 1px solid #000;
}
.bruger-formular fieldset.childcheck li span.forklaring {
  position: relative;
  top: auto;
  left: auto;
  border-right: 1px solid #000;
  grid-row: 1 / 3;
  -ms-grid-row: 1 / 3;
  grid-column: 1;
  -ms-grid-column: 1;
  padding: 10px;
}
.bruger-formular fieldset.childcheck li label {
  grid-row: 1;
  -ms-grid-row: 1;
  grid-column: 2;
  -ms-grid-column: 2;
  width: 100%;
  text-align: center;
  padding-top: 10px;
  margin: 0;
  font-size: 1.4em;
}
.bruger-formular fieldset.childcheck li input {
  grid-row: 2;
  -ms-grid-row: 2;
  grid-column: 2;
  -ms-grid-column: 2;
  text-align: center;
  justify-self: center;
  -ms-grid-column-align: center;
  transform: scale(2);
  -webkit-transform: scale(2);
  -ms-transform: scale(2);
}
.bruger-formular fieldset.persondata ul li {
  display: flex;
  flex-flow: row wrap;
  gap: 0;
}
.bruger-formular fieldset.persondata ul li label {
  order: 3;
  width: calc(100% - 30px);
  margin: 0 0 0 10px;
}
.bruger-formular fieldset.persondata ul li label.skal-udfyldes:after {
  content: '*';
  color: #800;
  margin-left: 3px;
}
.bruger-formular fieldset.persondata ul li input {
  order: 2;
  width: 20px;
  margin: 0;
}
.bruger-formular fieldset.persondata ul li span.forklaring {
  order: 1;
  position: relative;
  top: auto;
  border: 1px solid #4f4f4f;
  padding: 20px;
  margin-bottom: 20px;
  white-space: pre-line;
  max-height: 200px;
  overflow-y: scroll;
}
.bruger-formular fieldset.persondata ul li .skal-udfyldes-symbol {
  display: none;
}
.bruger-formular fieldset.underskrift ul {
  display: flex;
  flex-flow: row wrap;
}
.bruger-formular fieldset.underskrift ul li {
  display: flex;
  flex-flow: row wrap;
}
.bruger-formular fieldset.underskrift ul li label {
  width: 100%;
  margin: 0 !important;
  font-weight: bold;
}
.bruger-formular fieldset.underskrift ul li.hent-tilskudsregnskab {
  margin-top: 1em;
  width: 100%;
  justify-content: flex-end;
}
.bruger-formular fieldset.underskrift ul li.hent-tilskudsregnskab a {
  display: block;
  background: #00b2e0;
  color: #fff;
  height: 30px;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
  width: 300px;
  padding-right: 5px;
  border: #c1c1c1;
  box-shadow: 2px 2px 5px 1px #ccc;
}
.bruger-formular fieldset.underskrift ul li.hent-tilskudsregnskab a:before {
  font-family: 'FontAwesome';
  content: '\f019';
  margin: 0 5px;
}
.bruger-formular fieldset.underskrift ul li.hent-tilskudsregnskab a:hover {
  text-decoration: none;
  background: #0089ad;
}
.bruger-formular fieldset.contact-group:not(#contact_bestyrelsesmedlem_-4_0) .add-contact-button {
  display: none;
}
label[for='infochoise'] {
  display: block;
  margin-top: 24px;
  margin-bottom: 4px;
  font-weight: bold;
}
#infochoise {
  height: 30px;
}
#infodone {
  display: inline-block;
  background: #1b4949;
  vertical-align: top;
  color: #fff;
  padding: 0 16px;
  height: 30px;
  line-height: 30px;
  text-decoration: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .bruger-formular fieldset.childcheck li {
    display: -ms-grid;
  }
  .bruger-formular fieldset.childcheck li input#Felt88 {
    margin-top: -40px;
  }
}
#contact-admin-page .contacts-list {
  border-collapse: collapse;
  width: 100%;
}
#contact-admin-page .contacts-list thead tr {
  background: #1b4949;
  border: 1px solid #1b4949;
  color: #fff;
}
#contact-admin-page .contacts-list thead .sort-handle {
  width: 20px;
}
#contact-admin-page .contacts-list thead .toolbox {
  width: 75px;
}
#contact-admin-page .contacts-list tbody td {
  border: 1px solid #000;
}
#contact-admin-page .contacts-list .Contact_Rights {
  display: none;
}
#contact-admin-page .contact {
  width: 100%;
  margin: 2em 0 0 0;
}
#contact-admin-page .contact h2 {
  font-size: 2em;
  margin-bottom: 0.5em;
}
#contact-admin-page .contact legend {
  font-weight: bold;
  font-size: 1.2em;
}
#contact-admin-page .contact fieldset {
  width: 100%;
  padding: 1em;
  margin: 0;
}
#contact-admin-page .contact fieldset ul {
  padding: 0;
}
#contact-admin-page .contact #input-hiddencontact ul.display-settings {
  display: flex;
  flex-flow: row wrap;
}
#contact-admin-page .contact #input-hiddencontact li.hidden-contact-line input {
  order: 1;
  width: auto;
  margin: 2px 0 0;
}
#contact-admin-page .contact #input-hiddencontact li.hidden-contact-line label {
  order: 2;
  width: 300px;
}
#contact-admin-page .contact .tilmelding-felt-gruppe ul {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
#contact-admin-page .contact .tilmelding-felt-gruppe li {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  padding: 1em 0 1em 20px;
  margin-bottom: 1em;
}
#contact-admin-page .contact .tilmelding-felt-gruppe li .skal-udfyldes-symbol {
  display: none;
}
#contact-admin-page .contact .tilmelding-felt-gruppe li label {
  order: 2;
  width: 120px;
  margin-left: 5px;
}
#contact-admin-page .contact .tilmelding-felt-gruppe li label.skal-udfyldes:after {
  content: '*';
  margin-left: 2px;
  color: #800;
}
#contact-admin-page .contact .tilmelding-felt-gruppe li input:not(.skal-udfyldes-symbol) {
  order: 3;
  width: 300px;
}
#contact-admin-page .contact .tilmelding-felt-gruppe li .hide-toggle {
  order: 4;
  margin-left: 10px;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
#contact-admin-page .contact .tilmelding-felt-gruppe li .hide-toggle input {
  order: 1;
  width: auto;
  margin: 0;
}
#contact-admin-page .contact .tilmelding-felt-gruppe li .hide-toggle label {
  order: 2;
  width: auto;
}
#contact-admin-page .contact .tilmelding-felt-gruppe li .fejl-meddelelse {
  display: none;
}
#contact-admin-page .contact .tilmelding-felt-gruppe li.Contact_Roles {
  flex-flow: row wrap;
}
#contact-admin-page .contact .tilmelding-felt-gruppe li.Contact_Roles label {
  order: 1;
  width: 100%;
}
#contact-admin-page .contact .tilmelding-felt-gruppe li.Contact_Roles span {
  order: 2;
  width: 100%;
}
#contact-admin-page .contact .tilmelding-felt-gruppe li.Contact_Roles select {
  order: 3;
}
#contact-admin-page .contact .tilmelding-felt-gruppe li.Contact_Rights {
  display: none;
}
#contact-admin-page .contact .tilmelding-felt-gruppe li.Contact_Rights label {
  order: 1;
}
#contact-admin-page .contact .tilmelding-felt-gruppe li.Contact_Rights input,
#contact-admin-page .contact .tilmelding-felt-gruppe li.Contact_Rights select,
#contact-admin-page .contact .tilmelding-felt-gruppe li.Contact_Rights span {
  order: 2;
  width: calc(100% - 140px) !important;
  border-radius: 0;
}
#contact-admin-page .contact .tilmelding-felt-gruppe li.Contact_Rights input li,
#contact-admin-page .contact .tilmelding-felt-gruppe li.Contact_Rights select li,
#contact-admin-page .contact .tilmelding-felt-gruppe li.Contact_Rights span li {
  background: #000;
  color: #fff;
  padding: 0.5em;
}
#contact-admin-page .contact .tilmelding-felt-gruppe li.Contact_Rights input li.select2-search--inline,
#contact-admin-page .contact .tilmelding-felt-gruppe li.Contact_Rights select li.select2-search--inline,
#contact-admin-page .contact .tilmelding-felt-gruppe li.Contact_Rights span li.select2-search--inline {
  background: transparent;
}
#contact-admin-page .contact .tilmelding-felt-gruppe li.Contact_Rights input li.select2-search--inline input,
#contact-admin-page .contact .tilmelding-felt-gruppe li.Contact_Rights select li.select2-search--inline input,
#contact-admin-page .contact .tilmelding-felt-gruppe li.Contact_Rights span li.select2-search--inline input {
  display: none;
}
#contact-admin-page .contact fieldset.blog-fields ul li.checkboxLi input {
  order: 1;
  width: auto;
  margin: 0;
}
#contact-admin-page .contact fieldset.blog-fields ul li.checkboxLi label {
  order: 2;
  width: calc(100% - 20px);
}
body[data-wk-page-identifier='39'] .bruger-formular li.checkboxLi {
  display: flex;
  flex-flow: row wrap;
}
body[data-wk-page-identifier='39'] .bruger-formular li.checkboxLi #Felt25 {
  order: 1;
  margin: 0;
  margin-left: 0.3em;
}
body[data-wk-page-identifier='39'] .bruger-formular li.checkboxLi label {
  order: 2;
  margin-bottom: 1em;
}
body[data-wk-page-identifier='39'] .bruger-formular li.checkboxLi span.forklaring {
  position: static;
  order: 3;
}
@media screen and (max-width: 1500px) {
  #resourcebooking #booking-help {
    right: 100px;
  }
  div.resource-table-holder:not(.week):not(.month) {
    overflow-x: scroll !important;
    overflow-y: scroll !important;
  }
  #resourceserialbooking .resource-search-button-group {
    vertical-align: baseline !important;
  }
}
@media screen and (max-width: 1370px) {
  #forside #image-container div.search-container {
    width: 60%;
  }
  div#booking-help {
    right: 70px;
    transform: scale(0.8);
  }
}
@media screen and (max-width: 1300px) {
  form.bruger-formular {
    width: 70%;
  }
  #resourcebooking div#booking-help {
    right: 70px;
    transform: scale(0.7);
  }
  #resourcebooking .date-navigator {
    width: calc(100% - 200px);
  }
  #forside #image-container div.search-container {
    width: 63%;
  }
  #resourceserialbooking th.row-header .resource-name {
    word-break: break-word;
  }
}
@media screen and (max-width: 1250px) {
  #forside #image-container div.search-container {
    width: 85%;
  }
}
@media screen and (max-width: 1170px) {
  #resourcebooking div#booking-help {
    right: 0px;
  }
}
@media screen and (max-width: 1100px) {
  #resourcebooking div.date-navigator.align-left {
    text-align: center;
  }
  #resourcebooking div#booking-help {
    display: none;
  }
  #resourcebooking div#booking-help-mobil {
    display: block;
    position: absolute;
    left: 40px;
    top: 106px;
  }
  #forside #image-container div.search-container {
    width: 85%;
  }
}
@media screen and (max-width: 1000px) {
  #forside #image-container div.search-container {
    width: 100%;
  }
  ul.debtor-list {
    width: 100%;
  }
}
@media screen and (max-width: 950px) {
  #resourcebooking div.calendar-color-legend {
    position: relative;
    right: auto;
    top: auto;
    width: 100%;
    text-align: center;
    margin: 1em 0;
  }
  #resourcebooking div.date-navigator {
    width: 100%;
  }
  #resourcebooking div.resbook-calendar-format-links {
    display: inline-block;
    width: calc(100% - 85px);
    text-align: right;
    position: relative;
    right: auto;
    top: auto;
    margin-top: 1em;
    vertical-align: top;
  }
}
@media screen and (max-width: 900px) {
  #toplinje ul#bruger-menu li {
    float: left;
    margin: 0;
    padding: 0;
  }
  #toplinje ul#bruger-menu li a,
  #toplinje ul#bruger-menu li span {
    font-size: 15px;
  }
  #toplinje ul#bruger-menu li.signup a:after {
    content: none;
  }
  div#ui-datepicker-div {
    left: 0 !important;
    margin-left: 10px !important;
  }
  form.bruger-formular {
    width: 100%;
  }
}
@media screen and (max-width: 800px) {
  #resourcebooking div#booking-help-mobil {
    display: inline-block;
    position: relative;
    left: auto;
    top: auto;
    margin-top: 0.5em;
    width: 255px;
  }
}
@media screen and (max-width: 700px) {
  #resbook-create .res-create .resbook-edit-table-container {
    width: 100%;
    overflow-x: scroll;
  }
}
@media screen and (max-width: 600px) {
  div#toplinje {
    padding: 0;
  }
  #resourcebooking div.resbook-calendar-format-links {
    width: calc(100% - 260px);
  }
  #top #top-indhold {
    display: inline-block;
    width: calc(100% - 80px);
    margin-right: 10px;
  }
  #top #top-indhold img {
    max-width: 100% !important;
    height: auto !important;
  }
  #top div.minicart {
    display: inline-block;
    position: relative;
    background: url('billeder/kurv.png') no-repeat center center;
    background-size: 45px;
    width: 45px;
    height: 45px;
    padding: 0;
    margin: 0;
    min-width: auto;
    top: auto;
    right: auto;
    border: none;
    vertical-align: top;
    margin: 20px 0 0 20px;
  }
  #top div.minicart .minicart-heading,
  #top div.minicart .minicart-total,
  #top div.minicart .minicart-empty-message {
    display: none;
  }
  #top div.minicart .minicart-itemcount {
    display: block;
    position: absolute;
    left: 14px;
    top: 13px;
    right: auto;
    background: #658b1e;
    color: #fff;
    padding: 0px 10px;
    border-radius: 0;
  }
  #top div.minicart .minicart-goto-cart a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
  }
  #bund img {
    max-width: 100% !important;
    height: auto !important;
  }
  #bund .subBox1 {
    margin-top: 2em;
  }
  button#menuButton {
    width: 100%;
    background: #000;
    text-align: left;
    padding: 10px 2em;
  }
  button#menuButton:before {
    font-family: 'FontAwesome';
    content: '\f0c9';
    font-size: 16px;
    margin-right: 20px;
  }
  #toplinje ul#bruger-menu {
    width: 100%;
    overflow: hidden;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  #toplinje ul#bruger-menu li {
    display: block;
    float: none;
    border-bottom: 1px solid #000;
  }
  #toplinje ul#bruger-menu li a,
  #toplinje ul#bruger-menu li span {
    display: block;
    font-size: 1.5em;
    padding: 0.5em 1em;
    text-decoration: none;
    color: #000;
  }
  #toplinje ul#bruger-menu li a:hover,
  #toplinje ul#bruger-menu li span:hover {
    background: #1b4949;
    color: #fff;
  }
  #toplinje ul#bruger-menu li ul.niveau2 {
    display: none;
    position: relative;
    right: auto;
    left: auto;
    top: auto;
    width: 100%;
    background: #dbdbdb;
    border-left: 5px solid #1b4949;
    padding: 0;
  }
  #toplinje ul#bruger-menu li.arrow-down > span:after {
    font-family: 'FontAwesome';
    content: '\f078';
    font-size: 16px;
    float: right;
    margin-left: 20px;
  }
  #toplinje ul#bruger-menu li.valgt-menupunkt a {
    background: #1b4949;
    color: #fff;
  }
  #toplinje ul#bruger-menu li.login,
  #toplinje ul#bruger-menu li.signup,
  #toplinje ul#bruger-menu li.myProfile {
    float: none;
    height: auto;
    margin: 0;
  }
  div.company .image {
    order: 2;
    width: 100%;
  }
  div.company .text {
    order: 3;
    width: 100%;
  }
  div#indhold {
    padding: 0;
    margin: 0;
  }
  body#login-side .login-formular {
    width: 100%;
  }
  form.bruger-formular {
    width: 100%;
  }
  form.bruger-formular fieldset {
    padding: 0;
    border: none;
  }
  form.bruger-formular fieldset fieldset {
    margin: 0 0 1em 0;
    width: 100%;
    border: 1px solid #888;
    border-width: 40px 1px 1px;
    border-top-color: #333;
  }
  #forside div#image-container {
    width: 100%;
    height: auto;
    background: none;
    padding: 0;
  }
  #forside div#image-container div.search-container {
    width: 100%;
    padding: 1em;
  }
  #forside div#image-container div.search-container h2 {
    position: relative;
  }
  #forside div#image-container div.search-container .resource-search-form {
    width: 100%;
  }
  #forside div#image-container div.search-container .resource-search-form fieldset,
  #forside div#image-container div.search-container .resource-search-form div,
  #forside div#image-container div.search-container .resource-search-form select,
  #forside div#image-container div.search-container .resource-search-form input,
  #forside div#image-container div.search-container .resource-search-form label,
  #forside div#image-container div.search-container .resource-search-form button {
    width: 100%;
  }
  #forside div#image-container div.search-container .resource-search-form .search-criterion {
    margin-bottom: 1em;
  }
  body#ekstra-side-kontakt .company div.image {
    order: 2;
    width: 100%;
  }
  body#ekstra-side-kontakt .company div.text {
    order: 3;
    width: 100%;
  }
  body#resourcebooking .resource-table-holder {
    overflow: visible;
  }
  body#resourcebooking .resource-search-form {
    width: 100%;
  }
  body#resourcebooking .resource-search-form fieldset,
  body#resourcebooking .resource-search-form div,
  body#resourcebooking .resource-search-form select,
  body#resourcebooking .resource-search-form input,
  body#resourcebooking .resource-search-form label,
  body#resourcebooking .resource-search-form button {
    width: 100% !important;
  }
  body#resourcebooking .resource-search-form .search-criterion {
    margin-bottom: 1em;
  }
  .resource-quicksearch h1 {
    font-size: 1.5em;
  }
  .resource-quicksearch .panel {
    width: 100% !important;
  }
  #bruger-side #profilLinks {
    display: block;
  }
  #bruger-side #profilLinks .box {
    max-width: none;
    width: 100%;
    margin: 0 0 1em 0;
    background-size: 100% 150px !important;
  }
  #resourcebooking .resource-table {
    table-layout: auto;
  }
  #resourcebooking .resource-table th {
    font-size: 0.7em;
    text-align: center;
  }
  #resourcebooking .resource-table .SearchHeading {
    font-size: 0;
    height: 22px;
  }
  #resourcebooking .resource-table .row-header {
    font-size: 0.7em;
  }
  #resourceserialbooking .resource-search-form fieldset div {
    width: 100% !important;
  }
  #resourceserialbooking .resource-search-form fieldset div label:not(.checkboxLi label) {
    width: 100% !important;
  }
  #resourceserialbooking .resource-search-form fieldset div select {
    width: 100% !important;
  }
  #resourceserialbooking .resource-search-form fieldset div input:not(#weeklyCountInput, .checkboxLi input) {
    width: 100% !important;
  }
  #resourceserialbooking .resource-search-form fieldset .datewrapper {
    gap: 0 0.3rem;
  }
  #resourceserialbooking .resource-search-repetition-group {
    width: 100% !important;
    padding: 0 1.5em !important;
  }
  #resourceserialbooking .resource-search-repetition-group .serial-search-weekrepeat label {
    display: inline-block !important;
  }
  #resourceserialbooking .resource-search-repetition-group .serial-search-weekrepeat select {
    width: 50px !important;
  }
  #resourceserialbooking .resource-search-repetition-group .weekdays {
    flex-flow: row wrap;
  }
  #resourceserialbooking .resource-search-repetition-group .serial-search-days .weekday input {
    width: 5% !important;
    display: inline-block !important;
  }
  #resourceserialbooking .resource-search-repetition-group .serial-search-days .weekday label {
    width: 10% !important;
    display: inline-block !important;
  }
  #resourceserialbooking .resource-search-button-group {
    width: 100% !important;
  }
  #resourceserialbooking .resource-search-button-group .search-button {
    width: 100% !important;
  }
  #resourceansoegning-opret .res-form fieldset {
    min-width: auto;
  }
  #resourceansoegning-opret .select2.select2-container.select2-container--default {
    width: 100% !important;
  }
  #resourceansoegning-opret .button-line .btn-save {
    margin-bottom: 0.5rem;
  }
  #contact-admin-page .contacts-list-wrapper {
    width: 100%;
    overflow-x: scroll;
  }
  #contact-admin-page .contacts-list-wrapper .contact-list {
    width: auto;
  }
}
@media screen and (max-width: 500px) {
  #top-indhold {
    width: 100%;
  }
  #top-indhold .topwrapper {
    width: 100%;
  }
  #top-indhold .pagetitlewrapper {
    padding: 0 24px;
  }
  #contact-admin-page .bruger-formular.contact,
  #contact-admin-page .contactlist-wrapper {
    width: calc(400px - 28px);
    overflow: hidden;
    margin: 0;
  }
  #contact-admin-page .contactlist-wrapper {
    overflow: scroll;
  }
  #contact-admin-page .contactlist-wrapper table.contacts-list tbody td {
    padding: 5px;
  }
  #contact-admin-page .bruger-formular.contact input {
    font-size: 16px;
    padding: 5px;
  }
  #contact-admin-page .bruger-formular.contact fieldset#input-hiddencontact li {
    display: flex;
    flex-flow: row wrap;
  }
  #contact-admin-page .bruger-formular.contact fieldset#input-hiddencontact li label {
    width: calc(100% - 30px);
  }
  #contact-admin-page .bruger-formular.contact fieldset.contact-fields ul li {
    display: flex;
    flex-flow: column wrap;
    margin-bottom: 24px;
  }
  #contact-admin-page .bruger-formular.contact fieldset.contact-fields ul li label {
    font-weight: bold;
  }
  #contact-admin-page .bruger-formular.contact fieldset.contact-fields ul li input {
    width: 100%;
  }
  #contact-admin-page .bruger-formular.contact fieldset.contact-fields ul li .hide-toggle {
    margin-left: 0;
  }
  #contact-admin-page .bruger-formular.contact fieldset.contact-fields ul li .hide-toggle label {
    font-weight: normal;
  }
  #contact-admin-page .bruger-formular.contact fieldset.contact-fields ul li .hide-toggle input {
    width: auto;
  }
  #contact-admin-page .bruger-formular.contact fieldset.blog-fields ul li {
    flex-flow: row wrap;
  }
  #contact-admin-page .bruger-formular.contact fieldset.blog-fields ul li label {
    order: 2;
    width: calc(100% - 30px);
    font-weight: normal;
  }
  #contact-admin-page .bruger-formular.contact fieldset.blog-fields ul li input {
    order: 1;
    width: auto;
    margin: 0;
  }
}
@media screen and (max-height: 900px) {
  #resourcebooking .resource-table-holder {
    font-size: 10px;
    height: calc(100vh - 380px);
  }
  #resourcebooking .resource-description {
    max-height: 30px;
  }
  #resourcebooking .resource-description.showAll {
    max-height: 900px;
  }
  #resourcebooking .resource-description .location {
    margin-bottom: 20px;
  }
  #resourcebooking div#bund {
    padding: 20px 31px 10px 31px;
    margin-top: 0;
    vertical-align: top;
  }
  #resourcebooking div#bund .box {
    vertical-align: top;
  }
  #resourcebooking div#bund .box img {
    width: 200px !important;
    height: auto !important;
  }
  #resourcebooking div#bund .subBox1 {
    vertical-align: top;
    padding-top: 10px;
  }
  #resourcebooking div#bund .subBox1 p,
  #resourcebooking div#bund .subBox1 a {
    display: inline-block;
    margin-right: 20px;
  }
}
@media screen and (max-width: 852px) {
  body#resourceansoegning-rediger .res-form,
  body#resourceansoegning-opret .res-form {
    width: 96%;
  }
  body#resourceansoegning-rediger .res-form fieldset.application-settings.timeselection .resbook-edit-container .resbook-edit-table-container,
  body#resourceansoegning-opret .res-form fieldset.application-settings.timeselection .resbook-edit-container .resbook-edit-table-container {
    overflow-x: scroll;
    width: 100%;
  }
  body#resourceansoegning-rediger .res-form fieldset.application-settings.timeselection table,
  body#resourceansoegning-opret .res-form fieldset.application-settings.timeselection table {
    min-width: 747px;
  }
  #resourceansoegning-detaljer .application-timeslots .resbook-edit-container .resbook-edit-table-container {
    overflow-x: scroll;
  }
}
@media screen and (max-width: 414px) {
  #resourceansoegning-rediger .res-form,
  #resourceansoegning-opret .res-form {
    margin: 0 9px;
  }
  #resourceansoegning-rediger .res-form fieldset,
  #resourceansoegning-opret .res-form fieldset {
    max-width: 100%;
    min-width: auto;
  }
  #resourceansoegning-rediger .res-form .knapset.button-set .form-line.button-line.buttons button:first-child,
  #resourceansoegning-opret .res-form .knapset.button-set .form-line.button-line.buttons button:first-child {
    margin-bottom: 15px;
  }
  #resourceansoegning-rediger input[type='radio'],
  #resourceansoegning-opret input[type='radio'] {
    width: 20px;
    margin: 0;
  }
  #resourceansoegning-rediger label.radio-label,
  #resourceansoegning-opret label.radio-label {
    width: calc(100% - 20px);
  }
  #resourceansoegning-rediger .repeat-line.monthly-weekday-count,
  #resourceansoegning-opret .repeat-line.monthly-weekday-count {
    margin-top: 25px;
  }
  #resourceansoegning .application-table-holder-wrapper {
    overflow-x: scroll;
  }
  #resourceansoegning-vaelg-ressource .search-container .resource-search {
    margin-top: 30px;
  }
  #resourceansoegning-vaelg-ressource .search-container .resource-search .resource-search-field-group {
    margin-right: 20px;
  }
  #resourceansoegning-vaelg-ressource .search-container .resource-search .resource-search-field-group .search-criterion {
    width: 100%;
    display: block;
  }
  #resourceansoegning-vaelg-ressource .search-container .resource-search .resource-search-field-group .search-criterion input,
  #resourceansoegning-vaelg-ressource .search-container .resource-search .resource-search-field-group .search-criterion select {
    width: 100%;
    display: block;
  }
}
table th {
  font-weight: bold;
}
table td,
table th {
  padding: 9px 10px;
  text-align: left;
}
/* Mobile */
@media only screen and (max-width: 767px) {
  table.responsive {
    margin-bottom: 0;
  }
  .pinned {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    width: 35%;
    overflow: hidden;
    overflow-x: scroll;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
  }
  .pinned table {
    border-right: none;
    border-left: none;
    width: 100%;
  }
  .pinned table th,
  .pinned table td {
    white-space: wrap;
  }
  .pinned td:last-child {
    border-bottom: 0;
  }
  div.table-wrapper {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    border-right: 1px solid #ccc;
  }
  div.table-wrapper div.scrollable {
    margin-left: 35%;
  }
  div.table-wrapper div.scrollable {
    overflow: scroll;
    overflow-y: hidden;
  }
  table.responsive td,
  table.responsive th {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
  }
  table.responsive th:first-child,
  table.responsive td:first-child,
  table.responsive td:first-child,
  table.responsive.pinned td {
    display: none;
  }
}
.login-parent-list {
  display: flex;
  flex-flow: column nowrap;
  gap: 12px;
  width: 400px;
}
.login-parent-list li {
  display: flex;
  flex-flow: row nowrap;
  gap: 5px;
  width: 100% !important;
}
.login-parent-list li input {
  order: 1;
  width: unset !important;
  height: unset !important;
  margin: unset;
}
.login-parent-list li label {
  order: 2;
  width: calc(100% - 30px) !important;
}
body[data-wk-page-identifier="4"] #indhold .fejlmeddelelse {
  padding: 2em 0;
  font-size: 1.2rem;
  line-height: 1.8;
}
