:root {
  --primary: #287768;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4taVIGxA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4kaVIGxA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4saVIGxA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4jaVIGxA.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4iaVIGxA.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* math */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B5caVIGxA.woff2) format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0330, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2034-2037, U+2057, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2102, U+210A-210E, U+2110-2112, U+2115, U+2119-211D, U+2124, U+2128, U+212C-212D, U+212F-2131, U+2133-2138, U+213C-2140, U+2145-2149, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B6, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B5OaVIGxA.woff2) format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8B1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA88, U+1FA90-1FABD, U+1FABF-1FAC5, U+1FACE-1FADB, U+1FAE0-1FAE8, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4vaVIGxA.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: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4uaVIGxA.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVI.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v12/HTx3L3I-JCGChYJ8VI-L6OO_au7B6x7T2kn3.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: 'Barlow Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v12/HTx3L3I-JCGChYJ8VI-L6OO_au7B6x_T2kn3.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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: 'Barlow Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v12/HTx3L3I-JCGChYJ8VI-L6OO_au7B6xHT2g.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v12/HTxwL3I-JCGChYJ8VI-L6OO_au7B46r2z3nWuZEC.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: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v12/HTxwL3I-JCGChYJ8VI-L6OO_au7B46r2z3jWuZEC.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v12/HTxwL3I-JCGChYJ8VI-L6OO_au7B46r2z3bWuQ.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/worksans/v19/QGYsz_wNahGAdqQ43Rh_c6Dpp_k.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: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/worksans/v19/QGYsz_wNahGAdqQ43Rh_cqDpp_k.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/worksans/v19/QGYsz_wNahGAdqQ43Rh_fKDp.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/worksans/v19/QGYsz_wNahGAdqQ43Rh_c6Dpp_k.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: 'Work Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/worksans/v19/QGYsz_wNahGAdqQ43Rh_cqDpp_k.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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: 'Work Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/worksans/v19/QGYsz_wNahGAdqQ43Rh_fKDp.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+2074, 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'), 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;
}
html {
  margin: 0;
  padding: 0;
  height: 100%;
}
* {
  font-family: Work Sans, sans-serif;
  box-sizing: border-box;
}
body {
  margin: 0;
  padding: 0;
  background-size: 620px;
  height: 100%;
}
h1,
h2,
h3,
h4,
legend {
  font-family: 'Barlow Condensed', sans-serif;
  text-transform: uppercase;
}
.calltoaction {
  border: none;
  background: #000;
  color: #fff;
  padding: 1rem 4rem;
  transition: all ease 200ms;
}
.calltoaction:hover {
  cursor: pointer;
  background: var(--primary);
}
#container {
  background: #fff;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  min-height: 100%;
  overflow: hidden;
}
#top {
  position: relative;
}
#top #top-indhold img {
  display: block;
  width: 100% !important;
  height: auto !important;
  margin: -1px 0 0 -1px;
}
#toplinje {
  background: #ccc;
  width: 100%;
  padding: 1px 0;
  border: 1px solid #eee;
  border-bottom-color: #aaa;
  border-left-width: 0;
  border-right-width: 0;
}
#toplinje:after {
  clear: both;
}
/* beskyt mod evt. float-regler i brugermenu - slut */
#indhold {
  min-height: calc(100vh - 200px);
  padding: 2em 0.5em;
  margin-top: 2em;
  width: 100%;
}
#indhold > a {
  text-decoration: underline;
}
#indhold p a {
  text-decoration: underline;
}
.clearfix {
  clear: both;
}
#bund {
  height: 2em;
}
p {
  margin: 0;
  padding: 0 0 0.5em 0;
  line-height: 1.3;
}
a {
  text-decoration: none;
  color: #233035;
}
a:hover {
  text-decoration: underline;
}
legend {
  color: #000;
  font-weight: bold;
}
#panel1 {
  width: 100%;
  margin-top: 3px;
}
#bruger-menu {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
#bruger-menu li {
  float: left;
}
#bruger-menu a {
  display: block;
  padding: 3px 1em;
  color: #000;
  text-decoration: none;
}
#bruger-menu a:hover {
  color: #555;
  background: #ddd;
}
input,
textarea {
  font-family: helvetica, verdana, arial, sans-serif;
  font-size: 1em;
}
fieldset {
  padding: 0.5em;
}
fieldset fieldset {
  padding: 0;
}
.bruger-formular {
  width: 100%;
  margin: 0 auto;
}
.bruger-formular fieldset {
  border: none;
  width: 100%;
}
.bruger-formular fieldset legend {
  font-size: 2rem;
}
.bruger-formular fieldset > div a {
  text-decoration: underline;
}
.bruger-formular h2 {
  font-size: 2em;
}
.bruger-formular .consent h2 {
  margin-top: 0;
}
.bruger-formular fieldset.debtor-fieldset {
  padding: 0;
}
.bruger-formular fieldset.debtor-fieldset fieldset:not(.fagblad) ul li:first-child span.forklaring {
  order: 0;
  margin-bottom: 30px;
  line-height: 1.5;
  backgrond: red;
}
.bruger-formular ul {
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  align-content: center;
  align-items: center;
  padding: 0;
}
.bruger-formular ul fieldset.fieldgroup {
  padding-top: 20px;
  border: 2px solid #ccc;
}
.bruger-formular ul fieldset.fieldgroup:not(:first-child) {
  margin-top: 20px;
}
.bruger-formular ul li {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
}
.bruger-formular ul li span.forklaring {
  order: 4;
  margin-top: 5px;
  white-space-collapse: break-spaces;
}
.bruger-formular ul li label {
  order: 1;
  width: 100%;
}
.bruger-formular ul li label.skal-udfyldes:after {
  content: '*';
  color: #800;
  margin-left: 3px;
}
.bruger-formular ul li input.janej-felt {
  margin: 0;
}
.bruger-formular ul li label.janej-felt {
  width: calc(100% - 20px);
  padding-left: 5px;
}
.bruger-formular ul li span.select2,
.bruger-formular ul li input:not([type='checkbox']):not([type='radio']),
.bruger-formular ul li select,
.bruger-formular ul li textarea {
  order: 3;
  width: 100%;
  padding: 5px;
  font-size: 16px;
  border: none;
  border-bottom: 1px solid #e2e8f0;
}
.bruger-formular ul li span.fejl-meddelelse {
  width: 100%;
  order: 2;
  font-style: italic;
}
.bruger-formular ul li span.fejl-meddelelse + label {
  color: #800;
  font-weight: bold;
}
.bruger-formular ul li input.fil-felt.wk-file-field {
  width: calc(100% - 150px);
  height: 40px;
}
.bruger-formular ul li button.wk-file-field-button {
  order: 4;
  width: 150px;
}
.bruger-formular ul li span.select2-selection {
  border-radius: 0;
}
.bruger-formular ul li li.select2-selection__choice {
  background-color: #000 !important;
  color: #fff;
}
.bruger-formular ul li li.select2-selection__choice span {
  color: #fff !important;
  margin-right: 10px !important;
}
.bruger-formular ul li .skal-udfyldes-symbol {
  display: none;
}
.bruger-formular ul li.fejl label {
  color: #800;
  font-weight: bold;
}
.bruger-formular ul li.fejl .fejl-meddelelse {
  order: 2;
  font-style: italic;
}
.bruger-formular ul li.fejl span.select2,
.bruger-formular ul li.fejl input:not([type='checkbox']):not([type='radio']),
.bruger-formular ul li.fejl select,
.bruger-formular ul li.fejl textarea {
  order: 3;
  border-color: #800;
}
.bruger-formular ul li[data-wk-fieldname="DebtorPassword"] {
  position: relative;
}
.bruger-formular ul li[data-wk-fieldname="DebtorPassword"] .new-password-explanation {
  display: none;
  order: 2;
}
.bruger-formular ul li[data-wk-fieldname="DebtorPassword"] label {
  order: 1;
}
.bruger-formular ul li[data-wk-fieldname="DebtorPassword"] label:after {
  font-family: 'FontAwesome';
  margin: 0 0 0 5px;
  content: '\f059';
  font-size: 1.2em;
  color: #000;
}
.bruger-formular ul li[data-wk-fieldname="DebtorPassword"] label:hover + div {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 65%;
  padding: 10px;
  background: #fff;
  border: 1px solid #ccc;
}
.bruger-formular .kontingent-muligheder-gruppe {
  border: 1px solid #ccc;
}
.bruger-formular .kontingent-muligheder-gruppe h2 {
  margin-top: 20px;
}
.bruger-formular .kontingent-muligheder-gruppe ul {
  display: flex;
  flex-flow: row wrap;
}
.bruger-formular .kontingent-muligheder-gruppe ul li {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  width: 100%;
}
.bruger-formular .kontingent-muligheder-gruppe ul input {
  order: 1;
  padding: 0;
  margin: 0;
  width: 20px;
}
.bruger-formular .kontingent-muligheder-gruppe ul label {
  order: 2;
  display: flex;
  flex-flow: row nowrap;
  width: calc(100% - 20px);
}
.bruger-formular .kontingent-muligheder-gruppe ul label .betalings-mulighed-total {
  margin-left: auto;
}
.bruger-formular .knapset {
  text-align: center;
}
.bruger-formular .knapset button {
  border: none;
  background: #000;
  color: #fff;
  padding: 1rem 4rem;
  transition: all ease 200ms;
}
.bruger-formular .knapset button:hover {
  cursor: pointer;
  background: var(--primary);
}
#login-side #indhold {
  position: relative;
  text-align: center;
}
#login-side .login-formular {
  box-sizing: border-box;
  width: 100%;
  max-width: 400px;
  margin: 60px auto;
  padding: 0;
}
#login-side .login-formular legend {
  display: none;
}
#login-side .login-formular fieldset {
  border: none;
}
#login-side .login-formular ul {
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
#login-side .login-formular ul li {
  display: flex;
  flex-flow: row wrap;
  text-align: left;
  list-style: none;
  margin: 0 auto;
  padding: 0.3em 0;
  overflow: hidden;
  width: 100%;
}
#login-side .login-formular ul li label {
  margin: 0;
}
#login-side .login-formular ul li input[type='text'] {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #4e4e4e;
}
#login-side .login-formular ul li.knap-linje {
  width: 50%;
}
#login-side .login-formular ul li.glemt-login {
  width: 50%;
  padding-left: 20px;
}
#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;
}
#login-side .login-formular label {
  margin-left: 18%;
}
#login-side .login-formular input {
  height: 50px;
  width: calc(100% - 50px);
  font-size: 16px;
  padding-left: 5px;
}
#login-side .login-formular label[for='brugernavn'] {
  background: #8b8b8b 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: #8b8b8b 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;
  text-align: center;
  width: 100%;
  padding: 13px 0;
  font-size: 20px;
}
#login-side .login-formular .login-knap:hover {
  text-decoration: none;
  cursor: pointer;
}
#glemt-login-side .login-formular {
  width: 100%;
  max-width: 600px;
  margin: 40px auto 0;
}
#glemt-login-side .login-formular ul {
  display: flex;
  list-style-type: none;
  padding: 0;
  width: 100%;
}
#glemt-login-side .login-formular ul li {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  width: 100%;
}
#glemt-login-side .login-formular ul li label {
  width: 110px;
  margin-right: 3px;
}
#glemt-login-side .login-formular ul li input {
  width: 200px;
}
#glemt-login-side .login-formular span {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  justify-content: center;
}
#glemt-login-side .login-formular span button {
  width: 100%;
  max-width: 200px;
  padding: 10px 0;
}
.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;
}
/*
.kategori-1 {
	background: #f0f2f3;
	border: 1px solid #ccd;
}
.kategori-1 h2{
	background: #bcc9db;
}
.kategori-1 .tidspunkt-linje {
	background: #d8dadb;
}
.kategori-2 {
	background: #f1ee9f;
	border: 1px solid #fec;
}
.kategori-2 h2{
	background: #ebc860;
}
.kategori-2 .tidspunkt-linje {
	background: #efdb6d;
}
.kategori-3 {
	background: #f3ded2;
	border: 1px solid #fcc;
}
.kategori-3 h2{
	background: #f3aa7e;
}
.kategori-3 .tidspunkt-linje {
	background: #f3bd9c;
}
.kategori-4 {
	background: #e9e0fb;
	border: 1px solid #dcd;
}
.kategori-4 h2{
	background: #c1a5fb;
}
.kategori-4 .tidspunkt-linje {
	background: #d3c1fb;
}
.kategori-5 {
	background: #e5fbe0;
	border: 1px solid #cdc;
}
.kategori-5 h2{
	background: #96db8d;
}
.kategori-5 .tidspunkt-linje {
	background: #bbeba6;
}
*/
.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;
}
.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;
}
#betalings-formular .betalings-muligheder-gruppe ul {
  list-style: none;
  margin: 0.5em 0;
  padding: 0;
  border-top: 1px dotted #888;
}
#betalings-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 {
  background: #e9e9e9;
}
#betalings-formular .betalings-muligheder-gruppe li.valgt {
  background: #dfdfdf;
}
#betalings-formular .betalings-muligheder-gruppe input {
  vertical-align: middle;
  float: left;
}
#betalings-formular .betalings-muligheder-gruppe legend {
  font-size: 1.3em;
  font-weight: bold;
  padding: 0;
  margin: 0;
}
#betalings-formular .betalings-mulighed-navn {
  font-weight: bold;
  float: left;
}
#betalings-formular .betalings-mulighed-gebyr {
  padding-left: 0.2em;
  display: inline;
  color: #000;
  float: left;
}
#betalings-formular .betalings-mulighed-total {
  font-size: 1.1em;
  padding: 0.1em 0.5em 0 2em;
  display: inline;
  color: #555;
  font-weight: bold;
  float: right;
}
#betalings-formular .valgt .betalings-mulighed-total {
  color: #000;
}
#betalings-formular .fejl-meddelelse {
  margin-left: 2em;
}
#betalings-formular .gaa-til-betaling-knap-holder {
  display: block;
  width: 50%;
  margin: 0 auto;
}
#soege-formular {
  float: right;
}
#soege-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;
}
.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;
}
@media (max-width: 900px) {
  ul#bruger-menu {
    float: none;
  }
  ul#bruger-menu li {
    float: none;
    width: 100%;
  }
  ul#bruger-menu li a {
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
  }
}
.flagblad-beskrivelse,
.guestmembership {
  margin-top: 16px;
}
.field-history-container {
  display: none;
}
