/*------------------------------------*\
:    Project:       Observatie App
:    Project URI:   http://www.studioparkers.nl
:    Author:        Erik!
:    Author URI:    http://observatieapp.nl
:    Version:       1.0
\*------------------------------------*/
/*------------------------------------*\
:    Variables
\*------------------------------------*/
/*------------------------------------*\
:    Mixins - Type
\*------------------------------------*/
/*------------------------------------*\
:    Mixins - Flexbox
\*------------------------------------*/
/*------------------------------------*\
:    Mixins - Miscellaneous
\*------------------------------------*/
/*------------------------------------*\
:    Mixins - Media Queries
\*------------------------------------*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
/* line 9, ../../dev/scss/vendor/_normalize.scss */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
/* line 19, ../../dev/scss/vendor/_normalize.scss */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
/* line 33, ../../dev/scss/vendor/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
/* line 54, ../../dev/scss/vendor/_normalize.scss */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
/* line 67, ../../dev/scss/vendor/_normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
/* line 77, ../../dev/scss/vendor/_normalize.scss */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
/* line 89, ../../dev/scss/vendor/_normalize.scss */
a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
/* line 98, ../../dev/scss/vendor/_normalize.scss */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
/* line 110, ../../dev/scss/vendor/_normalize.scss */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
/* line 118, ../../dev/scss/vendor/_normalize.scss */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
/* line 127, ../../dev/scss/vendor/_normalize.scss */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
/* line 136, ../../dev/scss/vendor/_normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
/* line 145, ../../dev/scss/vendor/_normalize.scss */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
/* line 154, ../../dev/scss/vendor/_normalize.scss */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
/* line 162, ../../dev/scss/vendor/_normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 170, ../../dev/scss/vendor/_normalize.scss */
sup {
  top: -0.5em;
}

/* line 174, ../../dev/scss/vendor/_normalize.scss */
sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
/* line 185, ../../dev/scss/vendor/_normalize.scss */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
/* line 193, ../../dev/scss/vendor/_normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
/* line 204, ../../dev/scss/vendor/_normalize.scss */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
/* line 212, ../../dev/scss/vendor/_normalize.scss */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
/* line 221, ../../dev/scss/vendor/_normalize.scss */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
/* line 229, ../../dev/scss/vendor/_normalize.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
/* line 252, ../../dev/scss/vendor/_normalize.scss */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
/* line 266, ../../dev/scss/vendor/_normalize.scss */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
/* line 277, ../../dev/scss/vendor/_normalize.scss */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
/* line 290, ../../dev/scss/vendor/_normalize.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  appearance: button;
}

/**
 * Re-set default cursor for disabled elements.
 */
/* line 303, ../../dev/scss/vendor/_normalize.scss */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
/* line 312, ../../dev/scss/vendor/_normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
/* line 323, ../../dev/scss/vendor/_normalize.scss */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
/* line 335, ../../dev/scss/vendor/_normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
/* line 347, ../../dev/scss/vendor/_normalize.scss */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
/* line 357, ../../dev/scss/vendor/_normalize.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */
  appearance: textfield;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
/* line 369, ../../dev/scss/vendor/_normalize.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
/* line 378, ../../dev/scss/vendor/_normalize.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
/* line 389, ../../dev/scss/vendor/_normalize.scss */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
/* line 398, ../../dev/scss/vendor/_normalize.scss */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
/* line 407, ../../dev/scss/vendor/_normalize.scss */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
/* line 418, ../../dev/scss/vendor/_normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 423, ../../dev/scss/vendor/_normalize.scss */
td,
th {
  padding: 0;
}

/*------------------------------------*\
:    Parkers Normalize - Layout
\*------------------------------------*/
/* line 5, ../../dev/scss/vendor/_parkers-normalize.scss */
html,
body {
  height: 100%;
}

/* line 10, ../../dev/scss/vendor/_parkers-normalize.scss */
html {
  box-sizing: border-box;
  font-size: 62.5%;
}

/* line 15, ../../dev/scss/vendor/_parkers-normalize.scss */
*,
*:before,
*:after {
  box-sizing: inherit;
}

/*------------------------------------*\
:    Parkers Normalize - Forms
\*------------------------------------*/
/* line 26, ../../dev/scss/vendor/_parkers-normalize.scss */
button,
input,
select {
  background: none;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 0;
  height: 40px;
  padding: 0 10px;
  -webkit-appearance: none;
  /* 1 */
  appearance: none;
}
/* line 38, ../../dev/scss/vendor/_parkers-normalize.scss */
button:focus,
input:focus,
select:focus {
  outline: 0;
}

/* line 43, ../../dev/scss/vendor/_parkers-normalize.scss */
button {
  border: 0;
}

/* line 47, ../../dev/scss/vendor/_parkers-normalize.scss */
input[type="radio"] {
  display: none;
}
/* line 49, ../../dev/scss/vendor/_parkers-normalize.scss */
input[type="radio"] + label {
  padding-left: 30px;
  position: relative;
}
/* line 52, ../../dev/scss/vendor/_parkers-normalize.scss */
input[type="radio"] + label:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background: #ccc;
  position: absolute;
  left: 0;
  border-radius: 100%;
}
/* line 65, ../../dev/scss/vendor/_parkers-normalize.scss */
input[type="radio"]:checked + label:before {
  background: #000;
}

/*------------------------------------*\
:    Parkers Normalize - Type
\*------------------------------------*/
/* line 77, ../../dev/scss/vendor/_parkers-normalize.scss */
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  font-weight: normal;
}

/* line 88, ../../dev/scss/vendor/_parkers-normalize.scss */
ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url("fonts/open-sans-v15-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url("fonts/open-sans-v15-latin-regular.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans-v15-latin-regular.woff2") format("woff2"), url("fonts/open-sans-v15-latin-regular.woff") format("woff"), url("fonts/open-sans-v15-latin-regular.ttf") format("truetype"), url("fonts/open-sans-v15-latin-regular.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url("fonts/open-sans-v15-latin-italic.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url("fonts/open-sans-v15-latin-italic.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans-v15-latin-italic.woff2") format("woff2"), url("fonts/open-sans-v15-latin-italic.woff") format("woff"), url("fonts/open-sans-v15-latin-italic.ttf") format("truetype"), url("fonts/open-sans-v15-latin-italic.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url("fonts/open-sans-v15-latin-600.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url("fonts/open-sans-v15-latin-600.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans-v15-latin-600.woff2") format("woff2"), url("fonts/open-sans-v15-latin-600.woff") format("woff"), url("fonts/open-sans-v15-latin-600.ttf") format("truetype"), url("fonts/open-sans-v15-latin-600.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url("fonts/open-sans-v15-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url("fonts/open-sans-v15-latin-700.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans-v15-latin-700.woff2") format("woff2"), url("fonts/open-sans-v15-latin-700.woff") format("woff"), url("fonts/open-sans-v15-latin-700.ttf") format("truetype"), url("fonts/open-sans-v15-latin-700.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
/* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url("fonts/roboto-condensed-v16-latin-300.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Condensed Light"), local("RobotoCondensed-Light"), url("fonts/roboto-condensed-v16-latin-300.eot?#iefix") format("embedded-opentype"), url("fonts/roboto-condensed-v16-latin-300.woff2") format("woff2"), url("fonts/roboto-condensed-v16-latin-300.woff") format("woff"), url("fonts/roboto-condensed-v16-latin-300.ttf") format("truetype"), url("fonts/roboto-condensed-v16-latin-300.svg#RobotoCondensed") format("svg");
  /* Legacy iOS */
}
/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url("fonts/roboto-condensed-v16-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url("fonts/roboto-condensed-v16-latin-regular.eot?#iefix") format("embedded-opentype"), url("fonts/roboto-condensed-v16-latin-regular.woff2") format("woff2"), url("fonts/roboto-condensed-v16-latin-regular.woff") format("woff"), url("fonts/roboto-condensed-v16-latin-regular.ttf") format("truetype"), url("fonts/roboto-condensed-v16-latin-regular.svg#RobotoCondensed") format("svg");
  /* Legacy iOS */
}
/* roboto-condensed-italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: url("fonts/roboto-condensed-v16-latin-italic.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Condensed Italic"), local("RobotoCondensed-Italic"), url("fonts/roboto-condensed-v16-latin-italic.eot?#iefix") format("embedded-opentype"), url("fonts/roboto-condensed-v16-latin-italic.woff2") format("woff2"), url("fonts/roboto-condensed-v16-latin-italic.woff") format("woff"), url("fonts/roboto-condensed-v16-latin-italic.ttf") format("truetype"), url("fonts/roboto-condensed-v16-latin-italic.svg#RobotoCondensed") format("svg");
  /* Legacy iOS */
}
/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url("fonts/roboto-condensed-v16-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url("fonts/roboto-condensed-v16-latin-700.eot?#iefix") format("embedded-opentype"), url("fonts/roboto-condensed-v16-latin-700.woff2") format("woff2"), url("fonts/roboto-condensed-v16-latin-700.woff") format("woff"), url("fonts/roboto-condensed-v16-latin-700.ttf") format("truetype"), url("fonts/roboto-condensed-v16-latin-700.svg#RobotoCondensed") format("svg");
  /* Legacy iOS */
}
/*------------------------------------*\
:    Variables
\*------------------------------------*/
/*------------------------------------*\
:    Mixins - Type
\*------------------------------------*/
/*------------------------------------*\
:    Mixins - Flexbox
\*------------------------------------*/
/*------------------------------------*\
:    Mixins - Miscellaneous
\*------------------------------------*/
/*------------------------------------*\
:    Mixins - Media Queries
\*------------------------------------*/
/*------------------------------------*\
:    Buttons
\*------------------------------------*/
/* line 12, ../../dev/scss/_buttons.scss */
.c-button, .butt {
  height: auto;
  width: auto;
  display: block;
  text-align: center;
  background-color: #0F3B5F;
  color: #FFF;
  padding: 0.65em 1.2em;
  border: none;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 16px;
  font-size: 1.6rem;
}
@media only screen and (min-width: 0px) and (max-width: 320px) {
  /* line 12, ../../dev/scss/_buttons.scss */
  .c-button, .butt {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
/* line 24, ../../dev/scss/_buttons.scss */
.c-button:hover, .butt:hover {
  background-color: #222;
  color: #FFF;
}
/* line 28, ../../dev/scss/_buttons.scss */
.c-button--red, .c-button.red, .butt--red, .butt.red {
  background-color: #f05a22;
}
/* line 31, ../../dev/scss/_buttons.scss */
.c-button--green, .butt--green {
  background-color: #33bb33;
  position: absolute;
  right: 20px;
  bottom: 20px;
}
/* line 38, ../../dev/scss/_buttons.scss */
.c-button.disableClick, .butt.disableClick {
  background-color: #404041;
  pointer-events: none;
}
/* line 42, ../../dev/scss/_buttons.scss */
.c-button.is-secondary, .butt.is-secondary {
  background-color: #404041;
}
/* line 45, ../../dev/scss/_buttons.scss */
.c-button.is-small, .butt.is-small {
  font-size: 14px;
  font-size: 1.4rem;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 12, ../../dev/scss/_buttons.scss */
  .c-button, .butt {
    padding: 0.65em;
  }
}

/* line 54, ../../dev/scss/_buttons.scss */
.c-button-add {
  position: fixed;
  bottom: 40px;
  right: 40px;
  background-color: #f05a22;
  width: 50px;
  height: 50px;
  line-height: 54px;
  text-align: center;
  z-index: 888;
  color: #fff;
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -moz-box-shadow: 1px 1px 2px #404041;
  -webkit-box-shadow: 1px 1px 2px #404041;
  box-shadow: 1px 1px 2px #404041;
  font-size: 15px;
  font-size: 1.5rem;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
}
/* line 204, ../../dev/scss/_mixins.scss */
.c-button-add:hover {
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
/* line 72, ../../dev/scss/_buttons.scss */
.c-button-add:hover {
  background-color: #0F3B5F;
  -moz-box-shadow: 1px 1px 8px #999;
  -webkit-box-shadow: 1px 1px 8px #999;
  box-shadow: 1px 1px 8px #999;
}
/* line 76, ../../dev/scss/_buttons.scss */
.c-button-add.is-visible {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

/* line 81, ../../dev/scss/_buttons.scss */
.button_zoekopdatum {
  height: auto;
  width: auto;
  float: left;
  margin-top: -20px;
  margin-left: 20px;
  background-color: #FFF;
  font-family: Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align: justify;
  padding: 13px 5px;
}

/* line 95, ../../dev/scss/_buttons.scss */
.loginbutt {
  display: block;
  float: left;
  font-family: Verdana, sans-serif;
  font-size: 12px;
  font-weight: 800;
  text-align: center;
  background-color: #33FF33;
  border: solid 1px #aaa;
  padding: 5px 10px;
  margin: 10px 10px 10px 0;
}

/* line 108, ../../dev/scss/_buttons.scss */
a.button {
  font-family: Verdana, sans-serif;
  display: block;
  height: 18px;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  background-color: #d90909;
  /*padding:          3px 8px 0 8px;*/
  padding: 5px;
  color: #ffffff;
}

/* line 126, ../../dev/scss/_buttons.scss */
.c-site-nav-button {
  width: 50px;
  height: 50px;
  position: relative;
  display: none;
  padding: 0;
  margin-left: -12.5px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 126, ../../dev/scss/_buttons.scss */
  .c-site-nav-button {
    display: block;
  }
}
/* line 137, ../../dev/scss/_buttons.scss */
.c-site-nav-button.is-active .c-site-nav-button__line {
  -moz-transition: top 150ms ease-in-out, -moz-transform 150ms ease-in-out 150ms;
  -o-transition: top 150ms ease-in-out, -o-transform 150ms ease-in-out 150ms;
  -webkit-transition: top 150ms ease-in-out, -webkit-transform 150ms ease-in-out;
  -webkit-transition-delay: 0s, 150ms;
  transition: top 150ms ease-in-out, transform 150ms ease-in-out 150ms;
  transition-delay: 150ms;
}
/* line 140, ../../dev/scss/_buttons.scss */
.c-site-nav-button.is-active .c-site-nav-button__line.c-site-nav-button__line--1 {
  top: 23px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 144, ../../dev/scss/_buttons.scss */
.c-site-nav-button.is-active .c-site-nav-button__line.c-site-nav-button__line--2 {
  top: 23px;
  opacity: 0;
  -moz-transition: opacity 150ms ease-in-out;
  -o-transition: opacity 150ms ease-in-out;
  -webkit-transition: opacity 150ms ease-in-out;
  transition: opacity 150ms ease-in-out;
}
/* line 149, ../../dev/scss/_buttons.scss */
.c-site-nav-button.is-active .c-site-nav-button__line.c-site-nav-button__line--3 {
  top: 23px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* line 157, ../../dev/scss/_buttons.scss */
.c-site-nav-button__line {
  width: 25px;
  height: 3px;
  background: #ffffff;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  -moz-transition: top 150ms ease-in-out 150ms, -moz-transform 150ms ease-in-out;
  -o-transition: top 150ms ease-in-out 150ms, -o-transform 150ms ease-in-out;
  -webkit-transition: top 150ms ease-in-out, -webkit-transform 150ms ease-in-out;
  -webkit-transition-delay: 150ms, 0s;
  transition: top 150ms ease-in-out 150ms, transform 150ms ease-in-out;
  transition-delay: 150ms;
}
/* line 168, ../../dev/scss/_buttons.scss */
.c-site-nav-button__line.c-site-nav-button__line--1 {
  top: 14px;
}
/* line 171, ../../dev/scss/_buttons.scss */
.c-site-nav-button__line.c-site-nav-button__line--2 {
  top: 23px;
  -moz-transition: opacity 150ms ease-in-out 150ms;
  -o-transition: opacity 150ms ease-in-out 150ms;
  -webkit-transition: opacity 150ms ease-in-out;
  -webkit-transition-delay: 150ms;
  transition: opacity 150ms ease-in-out 150ms;
  transition-delay: 150ms;
}
/* line 176, ../../dev/scss/_buttons.scss */
.c-site-nav-button__line.c-site-nav-button__line--3 {
  top: 32px;
}

/*------------------------------------*\
:    Forms
\*------------------------------------*/
/* line 5, ../../dev/scss/_forms.scss */
input, textarea, select {
  border: none;
  background-color: #fff;
  -moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.4);
  font-family: 'Open Sans', sans-serif;
}
@media print {
  /* line 5, ../../dev/scss/_forms.scss */
  input, textarea, select {
    font-family: arial, sans-serif;
  }
}

/* line 11, ../../dev/scss/_forms.scss */
.l-input-half {
  width: 49%;
}

/* line 13, ../../dev/scss/_forms.scss */
label {
  display: block;
  font-weight: 600;
  margin-bottom: 0.5em;
}

/* line 19, ../../dev/scss/_forms.scss */
input:disabled {
  color: #AAAAAA;
}

/* line 23, ../../dev/scss/_forms.scss */
input, select, textarea {
  padding: 0.5em;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

/* line 28, ../../dev/scss/_forms.scss */
textarea {
  width: 100%;
  padding: 0.6em 0.8em;
}

/* line 33, ../../dev/scss/_forms.scss */
.c-select-wrapper {
  position: relative;
  display: inline-block;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
/* line 36, ../../dev/scss/_forms.scss */
.c-select-wrapper:after {
  content: '';
  right: 1em;
  top: 1.1em;
  border: 6px solid transparent;
  border-top-color: #0F3B5F;
  position: absolute;
  pointer-events: none;
}
/* line 46, ../../dev/scss/_forms.scss */
.c-select-wrapper::-ms-expand {
  display: none;
}
/* line 49, ../../dev/scss/_forms.scss */
.c-select-wrapper select {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0 40px 0 0.5em;
  background-color: #ffffff;
  background-image: none;
  -ms-word-break: normal;
  word-break: normal;
}

/* line 65, ../../dev/scss/_forms.scss */
select[multiple] {
  height: 80px;
  margin-bottom: 10px;
}

/* line 70, ../../dev/scss/_forms.scss */
input[type=checkbox] {
  position: absolute;
  opacity: 0;
  width: auto;
}
/* line 74, ../../dev/scss/_forms.scss */
input[type=checkbox] + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
/* line 78, ../../dev/scss/_forms.scss */
input[type=checkbox] + label:before {
  content: '';
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: white;
  background-color: #eee;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.4);
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
@media (min-width: 1025px) {
  /* line 94, ../../dev/scss/_forms.scss */
  input[type=checkbox]:hover + label:before {
    background-color: rgba(240, 90, 34, 0.5);
  }
}
/* line 98, ../../dev/scss/_forms.scss */
input[type=checkbox]:focus + label:before {
  -moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.4);
}
/* line 101, ../../dev/scss/_forms.scss */
input[type=checkbox]:checked + label:before {
  background: #f05a22;
  border-color: #f05a22;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* line 106, ../../dev/scss/_forms.scss */
input[type=checkbox]:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
/* line 109, ../../dev/scss/_forms.scss */
input[type=checkbox]:disabled + label:before {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #ddd;
}
/* line 114, ../../dev/scss/_forms.scss */
input[type=checkbox]:checked + label:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 9px;
  background: white;
  width: 2px;
  height: 2px;
  -moz-box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  -webkit-box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* line 127, ../../dev/scss/_forms.scss */
.c-searchform {
  display: none;
  width: 130px;
}

/* line 133, ../../dev/scss/_forms.scss */
.c-settingsform select {
  width: 150px;
  margin-top: 5px;
}
/* line 137, ../../dev/scss/_forms.scss */
.c-settingsform .c-button {
  width: 250px;
}

/* line 142, ../../dev/scss/_forms.scss */
.c-standard-form {
  *zoom: 1;
}
/* line 38, ../../../../../../../var/lib/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
.c-standard-form:after {
  content: "";
  display: table;
  clear: both;
}
/* line 144, ../../dev/scss/_forms.scss */
.c-standard-form__item {
  margin-bottom: 1em;
  position: relative;
}
/* line 147, ../../dev/scss/_forms.scss */
.c-standard-form__item--half {
  width: 49%;
  float: left;
}
/* line 150, ../../dev/scss/_forms.scss */
.c-standard-form__item--half--right {
  margin-left: 2%;
}
/* line 153, ../../dev/scss/_forms.scss */
.c-standard-form__item--half--end {
  clear: right;
}
/* line 157, ../../dev/scss/_forms.scss */
.c-standard-form__item p {
  color: #404041;
  margin: 0.5em 0 0;
  font-size: 14px;
  font-size: 1.4rem;
}
/* line 163, ../../dev/scss/_forms.scss */
.c-standard-form__item.has-error input, .c-standard-form__item.has-error select {
  border: 1px solid #f00;
}
/* line 166, ../../dev/scss/_forms.scss */
.c-standard-form__item.has-error .c-standard-form__error {
  visibility: visible;
  max-height: 1000px;
}
/* line 171, ../../dev/scss/_forms.scss */
.c-standard-form__item.admin_msg_alleklassen {
  display: none;
}
/* line 175, ../../dev/scss/_forms.scss */
.c-standard-form__buttons {
  clear: both;
  margin-top: 1em;
}
/* line 178, ../../dev/scss/_forms.scss */
.c-standard-form__buttons .c-button {
  float: right;
}
/* line 180, ../../dev/scss/_forms.scss */
.c-standard-form__buttons .c-button--back {
  float: left;
}
/* line 185, ../../dev/scss/_forms.scss */
.c-standard-form .c-select-wrapper {
  width: 100%;
}
/* line 191, ../../dev/scss/_forms.scss */
.c-standard-form .c-checkbox-wrapper {
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* line 196, ../../dev/scss/_forms.scss */
.c-standard-form__checkbox {
  padding: 2px 1em 0 30px;
}
/* line 199, ../../dev/scss/_forms.scss */
.c-standard-form__checkbox--klas {
  width: 23%;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 199, ../../dev/scss/_forms.scss */
  .c-standard-form__checkbox--klas {
    width: 33%;
  }
}
/* line 204, ../../dev/scss/_forms.scss */
.c-standard-form__checkbox--klas label {
  font-weight: normal;
}
/* line 207, ../../dev/scss/_forms.scss */
.c-standard-form__checkbox--klas.noadmin {
  display: none;
}
/* line 211, ../../dev/scss/_forms.scss */
.c-standard-form__checkbox label {
  font-weight: normal;
  text-indent: -30px;
}
/* line 215, ../../dev/scss/_forms.scss */
.c-standard-form__checkbox input[type=checkbox]:checked + label:after {
  left: -25px;
}
/* line 219, ../../dev/scss/_forms.scss */
.c-standard-form__error {
  visibility: hidden;
  max-height: 0;
  position: absolute;
  width: 100%;
  background-color: #f00;
  color: #fff;
  padding: 5px 10px;
  margin-top: 0.5em;
  z-index: 1;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 14px;
  font-size: 1.4rem;
}

/* line 234, ../../dev/scss/_forms.scss */
.c-form-message {
  visibility: hidden;
  max-height: 0;
  padding: 10px;
  margin-bottom: 1em;
  -moz-transition: max-height 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-transition: max-height 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transition: max-height 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: max-height 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
/* line 240, ../../dev/scss/_forms.scss */
.c-form-message p {
  background-color: #f00;
  color: #fff;
  padding: 5px 10px;
  margin-bottom: 2px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
/* line 247, ../../dev/scss/_forms.scss */
.c-form-message.is-visible {
  visibility: visible;
  max-height: 1000px;
}

/* line 254, ../../dev/scss/_forms.scss */
#form_step1 {
  display: block;
}

/* line 257, ../../dev/scss/_forms.scss */
#form_step2 {
  display: none;
}

/* line 261, ../../dev/scss/_forms.scss */
.select_geenklas {
  display: none;
}
/* line 263, ../../dev/scss/_forms.scss */
.select_geenklas.admin {
  display: block;
}

/* 2fa styling */
/* line 269, ../../dev/scss/_forms.scss */
#code2fa {
  letter-spacing: 4px;
  width: 100px;
  padding: 5px 10px;
}

/*------------------------------------*\
:    jquery UI styles
\*------------------------------------*/
/* line 280, ../../dev/scss/_forms.scss */
.ui-datepicker {
  width: 17em;
  padding: 0.5em;
  background-color: #fff;
  display: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 1px 1px 2px #0F3B5F;
  -webkit-box-shadow: 1px 1px 2px #0F3B5F;
  box-shadow: 1px 1px 2px #0F3B5F;
}
/* line 287, ../../dev/scss/_forms.scss */
.ui-datepicker .ui-state-highlight {
  font-weight: bold;
  color: #f05a22;
}
/* line 291, ../../dev/scss/_forms.scss */
.ui-datepicker .ui-state-active {
  background-color: #f05a22;
  color: #fff;
  font-weight: bold;
}
/* line 296, ../../dev/scss/_forms.scss */
.ui-datepicker .ui-datepicker-unselectable {
  color: #AAAAAA;
}

/* line 300, ../../dev/scss/_forms.scss */
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}

/* line 304, ../../dev/scss/_forms.scss */
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
  font-weight: bold;
  color: #f05a22;
}

/* line 311, ../../dev/scss/_forms.scss */
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

/* line 315, ../../dev/scss/_forms.scss */
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

/* line 319, ../../dev/scss/_forms.scss */
.ui-datepicker table {
  width: 100%;
  font-size: 1em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}

/* line 325, ../../dev/scss/_forms.scss */
.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  color: #0F3B5F;
  border: 0;
}

/* line 332, ../../dev/scss/_forms.scss */
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
/* line 336, ../../dev/scss/_forms.scss */
.ui-datepicker td:not(.ui-datepicker-unselectable):hover span, .ui-datepicker td:not(.ui-datepicker-unselectable):hover a {
  background-color: #0F3B5F;
  color: #fff;
}

/* line 342, ../../dev/scss/_forms.scss */
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .4em;
  text-align: center;
  text-decoration: none;
}

/* line 349, ../../dev/scss/_forms.scss */
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

/* line 357, ../../dev/scss/_forms.scss */
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}

/* line 365, ../../dev/scss/_forms.scss */
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* line 368, ../../dev/scss/_forms.scss */
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
  cursor: pointer;
  top: 0.5em;
}
/* line 376, ../../dev/scss/_forms.scss */
.ui-datepicker .ui-datepicker-prev.ui-state-disabled,
.ui-datepicker .ui-datepicker-next.ui-state-disabled {
  cursor: default;
  color: #AAAAAA;
}

/* line 381, ../../dev/scss/_forms.scss */
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  color: #f05a22;
}

/* line 385, ../../dev/scss/_forms.scss */
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

/* line 388, ../../dev/scss/_forms.scss */
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

/* line 397, ../../dev/scss/_forms.scss */
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: relative;
  top: 0.1em;
}

/* line 403, ../../dev/scss/_forms.scss */
.ui-icon-circle-triangle-w, .ui-icon-circle-triangle-e {
  text-indent: -394px;
  overflow: hidden;
}
/* line 406, ../../dev/scss/_forms.scss */
.ui-icon-circle-triangle-w:before, .ui-icon-circle-triangle-e:before {
  position: absolute;
  top: 0;
  left: 400px;
}

/* line 413, ../../dev/scss/_forms.scss */
.ui-icon-circle-triangle-e:before {
  content: "\edbc";
}

/* line 418, ../../dev/scss/_forms.scss */
.ui-icon-circle-triangle-w:before {
  content: "\edc4";
}

/*------------------------------------*\
:    Icomoon
\*------------------------------------*/
@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?a52g6k");
  src: url("fonts/icomoon.eot?a52g6k#iefix") format("embedded-opentype"), url("fonts/icomoon.woff2?a52g6k") format("woff2"), url("fonts/icomoon.ttf?a52g6k") format("truetype"), url("fonts/icomoon.woff?a52g6k") format("woff"), url("fonts/icomoon.svg?a52g6k#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* line 17, ../../dev/scss/_type.scss */
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 32, ../../dev/scss/_type.scss */
.icon-pen6:before {
  content: "\e927";
}

/* line 35, ../../dev/scss/_type.scss */
.icon-clock3:before {
  content: "\ea4f";
}

/* line 38, ../../dev/scss/_type.scss */
.icon-bell2:before {
  content: "\ea58";
}

/* line 41, ../../dev/scss/_type.scss */
.icon-printer:before {
  content: "\ea67";
}

/* line 44, ../../dev/scss/_type.scss */
.icon-search3:before {
  content: "\eb36";
}

/* line 47, ../../dev/scss/_type.scss */
.icon-bin2:before {
  content: "\ebfe";
}

/* line 50, ../../dev/scss/_type.scss */
.icon-eye3:before {
  content: "\ecb4";
}

/* line 53, ../../dev/scss/_type.scss */
.icon-plus2:before {
  content: "\ed5b";
}

/* line 56, ../../dev/scss/_type.scss */
.icon-cross2:before {
  content: "\ed6d";
}

/* line 59, ../../dev/scss/_type.scss */
.icon-cross3:before {
  content: "\ed6e";
}

/* line 62, ../../dev/scss/_type.scss */
.icon-checkmark:before {
  content: "\ed6f";
}

/* line 65, ../../dev/scss/_type.scss */
.icon-arrow-up2:before {
  content: "\edb8";
}

/* line 68, ../../dev/scss/_type.scss */
.icon-arrow-right2:before {
  content: "\edbc";
}

/* line 71, ../../dev/scss/_type.scss */
.icon-arrow-down2:before {
  content: "\edc0";
}

/* line 74, ../../dev/scss/_type.scss */
.icon-arrow-left2:before {
  content: "\edc4";
}

/* line 77, ../../dev/scss/_type.scss */
.icon-grab:before {
  content: "\ed3a";
}

/*------------------------------------*\
:    custom icons
\*------------------------------------*/
/* line 85, ../../dev/scss/_type.scss */
.ui-icon-circle-triangle-w, .ui-icon-circle-triangle-e {
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 99, ../../dev/scss/_type.scss */
.ui-icon-circle-triangle-e:before {
  content: "\edbc";
}

/* line 104, ../../dev/scss/_type.scss */
.ui-icon-circle-triangle-w:before {
  content: "\edc4";
}

/* line 109, ../../dev/scss/_type.scss */
.icon-checkmark {
  color: #33bb33;
}

/*------------------------------------*\
:    Google Webfont - DEV ONLY
\*------------------------------------*/
/*------------------------------------*\
:    General Type Settings
\*------------------------------------*/
/* line 123, ../../dev/scss/_type.scss */
html {
  font-size: 62.5%;
}

/* line 127, ../../dev/scss/_type.scss */
body {
  font-family: 'Roboto Condensed', arial, sans-serif;
  color: #404041;
  font-size: 16px;
  font-size: 1.6rem;
}
@media only screen and (min-width: 0px) and (max-width: 320px) {
  /* line 127, ../../dev/scss/_type.scss */
  body {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media print {
  /* line 127, ../../dev/scss/_type.scss */
  body {
    font-size: 11px;
    font-size: 1.1rem;
  }
}

/* line 133, ../../dev/scss/_type.scss */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

/* line 138, ../../dev/scss/_type.scss */
::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/* line 143, ../../dev/scss/_type.scss */
h1 {
  color: #f05a22;
  font-weight: 600;
  margin-bottom: 0.5em;
  font-size: 18px;
  font-size: 1.8rem;
}
@media only screen and (min-width: 0px) and (max-width: 320px) {
  /* line 143, ../../dev/scss/_type.scss */
  h1 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media print {
  /* line 143, ../../dev/scss/_type.scss */
  h1 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

/* line 150, ../../dev/scss/_type.scss */
h3 {
  font-weight: 600;
}

/* line 154, ../../dev/scss/_type.scss */
p {
  margin: 0 0 20px;
}
/* line 156, ../../dev/scss/_type.scss */
p:last-child {
  margin: 0;
}

/* line 161, ../../dev/scss/_type.scss */
a {
  text-decoration: none;
  color: #606270;
}
@media (min-width: 1025px) {
  /* line 165, ../../dev/scss/_type.scss */
  a:hover {
    color: #D90909;
  }
}
/* line 169, ../../dev/scss/_type.scss */
a.active {
  font-weight: bold;
  color: #D90909;
}
/* line 172, ../../dev/scss/_type.scss */
a.active:hover {
  text-decoration: underline;
}
/* line 176, ../../dev/scss/_type.scss */
a.algemeen {
  color: #606270;
  padding-bottom: 3px;
}
/* line 179, ../../dev/scss/_type.scss */
a.algemeen:hover {
  text-decoration: underline;
}

/* line 185, ../../dev/scss/_type.scss */
.red {
  color: #f05a22;
}

/* line 194, ../../dev/scss/_type.scss */
.blue {
  color: #0F3B5F;
}

/*------------------------------------*\
:    Header
\*------------------------------------*/
/* line 5, ../../dev/scss/_header.scss */
.c-topmenu {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
/* line 8, ../../dev/scss/_header.scss */
.c-topmenu .c-topmenu__nav {
  flex: 1;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
/* line 13, ../../dev/scss/_header.scss */
.c-topmenu .c-topmenu__logo {
  width: 150px;
  height: 70px;
  text-align: center;
  float: left;
  margin-right: 40px;
  display: block;
}
/* line 20, ../../dev/scss/_header.scss */
.c-topmenu .c-topmenu__logo img {
  width: 75%;
  height: auto;
  margin-top: 8px;
}
/* line 26, ../../dev/scss/_header.scss */
.c-topmenu .c-topmenu__logo-mobile {
  display: none;
  height: 40px;
  margin-right: 20px;
}
/* line 30, ../../dev/scss/_header.scss */
.c-topmenu .c-topmenu__logo-mobile img {
  height: 100%;
  width: auto;
}
/* line 35, ../../dev/scss/_header.scss */
.c-topmenu .c-topmenu__nav-buttons {
  list-style-type: none;
  padding: 0;
}
/* line 38, ../../dev/scss/_header.scss */
.c-topmenu .c-topmenu__nav-buttons li {
  margin-right: 5px;
  background: #FFF;
  min-width: 90px;
  float: left;
  height: 40px;
  line-height: 40px;
  position: relative;
  text-align: center;
}
/* line 47, ../../dev/scss/_header.scss */
.c-topmenu .c-topmenu__nav-buttons li a {
  display: block;
  font-weight: bold;
  padding: 0 1em;
  color: #404041;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
/* line 53, ../../dev/scss/_header.scss */
.c-topmenu .c-topmenu__nav-buttons li a:hover {
  color: #fff;
  background-color: #0F3B5F;
}
/* line 57, ../../dev/scss/_header.scss */
.c-topmenu .c-topmenu__nav-buttons li a.active {
  height: 22px;
  font-size: 13px;
}
/* line 62, ../../dev/scss/_header.scss */
.c-topmenu .c-topmenu__nav-buttons li.naam_kind a {
  width: 100px;
  margin-left: 20px;
  margin-right: 10px;
  color: #606270;
  font-weight: bold;
  background-color: #ffffff;
}
/* line 69, ../../dev/scss/_header.scss */
.c-topmenu .c-topmenu__nav-buttons li.naam_kind a:hover {
  color: #D90909;
}
/* line 74, ../../dev/scss/_header.scss */
.c-topmenu .c-topmenu__nav-buttons li:hover .subnav {
  max-height: 1000px;
  -moz-transition: max-height 0.7s ease-in-out;
  -o-transition: max-height 0.7s ease-in-out;
  -webkit-transition: max-height 0.7s ease-in-out;
  transition: max-height 0.7s ease-in-out;
}
/* line 79, ../../dev/scss/_header.scss */
.c-topmenu .c-topmenu__nav-buttons li .subitem {
  list-style-type: none;
  margin-left: 10px;
  margin-top: 1px;
  font-weight: normal;
  padding: 0;
}
/* line 85, ../../dev/scss/_header.scss */
.c-topmenu .c-topmenu__nav-buttons li .subitem a {
  font-weight: normal;
  width: 160px;
  background-color: #ddd;
  color: blue;
}
/* line 92, ../../dev/scss/_header.scss */
.c-topmenu .c-topmenu__nav-buttons li.print-plattegrond {
  margin-left: 30px;
}
/* line 94, ../../dev/scss/_header.scss */
.c-topmenu .c-topmenu__nav-buttons li.print-plattegrond a {
  color: white;
}
@media (min-width: 0px) and (max-width: 1023px) {
  /* line 92, ../../dev/scss/_header.scss */
  .c-topmenu .c-topmenu__nav-buttons li.print-plattegrond {
    margin-left: 0;
  }
}
@media (min-width: 0px) and (max-width: 900px) {
  /* line 92, ../../dev/scss/_header.scss */
  .c-topmenu .c-topmenu__nav-buttons li.print-plattegrond {
    display: none;
  }
}
/* line 103, ../../dev/scss/_header.scss */
.c-topmenu .c-topmenu__nav-buttons .subnav {
  position: absolute;
  max-height: 0;
  overflow: hidden;
  min-width: 100%;
  z-index: 1;
  background-color: #f05a22;
  -moz-transition: max-height 0.3s cubic-bezier(0, 1, 0, 1);
  -o-transition: max-height 0.3s cubic-bezier(0, 1, 0, 1);
  -webkit-transition: max-height 0.3s cubic-bezier(0, 1, 0, 1);
  transition: max-height 0.3s cubic-bezier(0, 1, 0, 1);
}
/* line 111, ../../dev/scss/_header.scss */
.c-topmenu .c-topmenu__nav-buttons .subnav li {
  float: none;
  background-color: transparent;
  margin: 0;
  min-width: none;
  line-height: initial;
  height: auto;
  text-align: left;
}
/* line 119, ../../dev/scss/_header.scss */
.c-topmenu .c-topmenu__nav-buttons .subnav li a {
  padding: 0.2em 1em;
  color: #fff;
  display: block;
}
/* line 123, ../../dev/scss/_header.scss */
.c-topmenu .c-topmenu__nav-buttons .subnav li a:hover {
  background-color: #0F3B5F;
}
/* line 127, ../../dev/scss/_header.scss */
.c-topmenu .c-topmenu__nav-buttons .subnav li:first-child {
  margin-top: 0.5em;
}
/* line 130, ../../dev/scss/_header.scss */
.c-topmenu .c-topmenu__nav-buttons .subnav li:last-child {
  margin-bottom: 0.5em;
}
/* line 135, ../../dev/scss/_header.scss */
.c-topmenu .c-topmenu__nav-buttons li.c-topmenu__nav-buttons__search {
  background-color: transparent;
  width: 40px;
  min-width: 0;
}
/* line 139, ../../dev/scss/_header.scss */
.c-topmenu .c-topmenu__nav-buttons li.c-topmenu__nav-buttons__search a {
  line-height: 40px;
}
/* line 144, ../../dev/scss/_header.scss */
.c-topmenu .c-topmenu__admin {
  position: relative;
}
/* line 147, ../../dev/scss/_header.scss */
.c-topmenu .c-topmenu__select {
  float: left;
}
/* line 149, ../../dev/scss/_header.scss */
.c-topmenu .c-topmenu__select label {
  color: #222;
  width: auto;
  float: none;
  margin-right: 10px;
  display: inline-block;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
/* line 158, ../../dev/scss/_header.scss */
.c-topmenu .c-topmenu__admin-nav {
  max-height: 0;
  overflow: hidden;
  top: 40px;
  right: 0;
  position: absolute;
  z-index: 99;
  background-color: #0F3B5F;
  -moz-transition: max-height 0.3s cubic-bezier(0, 1, 0, 1);
  -o-transition: max-height 0.3s cubic-bezier(0, 1, 0, 1);
  -webkit-transition: max-height 0.3s cubic-bezier(0, 1, 0, 1);
  transition: max-height 0.3s cubic-bezier(0, 1, 0, 1);
}
/* line 167, ../../dev/scss/_header.scss */
.c-topmenu .c-topmenu__admin-nav ul {
  padding: 20px 0 10px;
  min-width: 170px;
}
/* line 171, ../../dev/scss/_header.scss */
.c-topmenu .c-topmenu__admin-nav a {
  color: #fff;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  text-align: right;
  display: block;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
/* line 179, ../../dev/scss/_header.scss */
.c-topmenu .c-topmenu__admin-nav a:hover {
  text-decoration: none;
  background-color: #fff;
  color: #0F3B5F;
}
/* line 185, ../../dev/scss/_header.scss */
.c-topmenu .c-topmenu__admin-nav span {
  color: #AAAAAA;
  padding: 0 20px;
  display: block;
  line-height: 40px;
}
/* line 191, ../../dev/scss/_header.scss */
.c-topmenu .c-topmenu__admin-nav.is-open {
  max-height: 1000px;
  -moz-transition: max-height 0.7s ease-in-out;
  -o-transition: max-height 0.7s ease-in-out;
  -webkit-transition: max-height 0.7s ease-in-out;
  transition: max-height 0.7s ease-in-out;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 5, ../../dev/scss/_header.scss */
  .c-topmenu {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  /* line 198, ../../dev/scss/_header.scss */
  .c-topmenu .c-topmenu__logo {
    display: none;
  }
  /* line 201, ../../dev/scss/_header.scss */
  .c-topmenu .c-topmenu__logo-mobile {
    display: block;
  }
  /* line 204, ../../dev/scss/_header.scss */
  .c-topmenu .c-topmenu__nav {
    order: 2;
    width: 100%;
    margin-top: 10px;
  }
  /* line 209, ../../dev/scss/_header.scss */
  .c-topmenu .c-topmenu__admin {
    width: calc(100% - 60px);
  }
  /* line 212, ../../dev/scss/_header.scss */
  .c-topmenu .c-topmenu__select {
    width: calc(100% - 40px);
  }
  /* line 214, ../../dev/scss/_header.scss */
  .c-topmenu .c-topmenu__select label {
    display: none;
  }
  /* line 219, ../../dev/scss/_header.scss */
  .c-topmenu .c-topmenu__nav-buttons li {
    margin-bottom: 5px;
  }
  /* line 221, ../../dev/scss/_header.scss */
  .c-topmenu .c-topmenu__nav-buttons li a {
    padding: 0 10px;
  }
  /* line 226, ../../dev/scss/_header.scss */
  .c-topmenu .c-topmenu__nav-buttons li.overzichten:hover .subnav {
    max-height: unset;
  }
  /* line 228, ../../dev/scss/_header.scss */
  .c-topmenu .c-topmenu__nav-buttons li.overzichten:hover .subnav.is-open {
    max-height: 1000px;
  }
  /* line 235, ../../dev/scss/_header.scss */
  .c-topmenu .c-topmenu__nav-buttons li.overzichten .subnav li a {
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #0F3B5F;
    padding: 0 10px;
  }
  /* line 240, ../../dev/scss/_header.scss */
  .c-topmenu .c-topmenu__nav-buttons li.overzichten .subnav li a:hover {
    border-color: #f05a22;
  }
  /* line 244, ../../dev/scss/_header.scss */
  .c-topmenu .c-topmenu__nav-buttons li.overzichten .subnav li:first-child, .c-topmenu .c-topmenu__nav-buttons li.overzichten .subnav li:last-child {
    margin: 0;
  }
}

/* line 256, ../../dev/scss/_header.scss */
.c-topmenu-button {
  float: left;
  width: 40px;
  height: 40px;
  position: relative;
  padding: 0;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 256, ../../dev/scss/_header.scss */
  .c-topmenu-button {
    display: block;
  }
}
/* line 265, ../../dev/scss/_header.scss */
.c-topmenu-button.is-active {
  background-color: #0F3B5F;
}
/* line 267, ../../dev/scss/_header.scss */
.c-topmenu-button.is-active .c-topmenu-button__line {
  background-color: #fff;
  -moz-transition: top 150ms ease-in-out, -moz-transform 150ms ease-in-out 150ms;
  -o-transition: top 150ms ease-in-out, -o-transform 150ms ease-in-out 150ms;
  -webkit-transition: top 150ms ease-in-out, -webkit-transform 150ms ease-in-out;
  -webkit-transition-delay: 0s, 150ms;
  transition: top 150ms ease-in-out, transform 150ms ease-in-out 150ms;
  transition-delay: 150ms;
}
/* line 271, ../../dev/scss/_header.scss */
.c-topmenu-button.is-active .c-topmenu-button__line.c-topmenu-button__line--1 {
  top: 20px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 275, ../../dev/scss/_header.scss */
.c-topmenu-button.is-active .c-topmenu-button__line.c-topmenu-button__line--2 {
  top: 20px;
  opacity: 0;
  -moz-transition: opacity 150ms ease-in-out;
  -o-transition: opacity 150ms ease-in-out;
  -webkit-transition: opacity 150ms ease-in-out;
  transition: opacity 150ms ease-in-out;
}
/* line 280, ../../dev/scss/_header.scss */
.c-topmenu-button.is-active .c-topmenu-button__line.c-topmenu-button__line--3 {
  top: 20px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* line 288, ../../dev/scss/_header.scss */
.c-topmenu-button__line {
  width: 20px;
  height: 2px;
  background: #0F3B5F;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  -moz-transition: top 150ms ease-in-out 150ms, -moz-transform 150ms ease-in-out;
  -o-transition: top 150ms ease-in-out 150ms, -o-transform 150ms ease-in-out;
  -webkit-transition: top 150ms ease-in-out, -webkit-transform 150ms ease-in-out;
  -webkit-transition-delay: 150ms, 0s;
  transition: top 150ms ease-in-out 150ms, transform 150ms ease-in-out;
  transition-delay: 150ms;
}
/* line 299, ../../dev/scss/_header.scss */
.c-topmenu-button__line.c-topmenu-button__line--1 {
  top: 14px;
}
/* line 302, ../../dev/scss/_header.scss */
.c-topmenu-button__line.c-topmenu-button__line--2 {
  top: 20px;
  -moz-transition: opacity 150ms ease-in-out 150ms;
  -o-transition: opacity 150ms ease-in-out 150ms;
  -webkit-transition: opacity 150ms ease-in-out;
  -webkit-transition-delay: 150ms;
  transition: opacity 150ms ease-in-out 150ms;
  transition-delay: 150ms;
}
/* line 307, ../../dev/scss/_header.scss */
.c-topmenu-button__line.c-topmenu-button__line--3 {
  top: 26px;
}

/* END navigatie boven pagina bij kind */
/*------------------------------------*\
:    Layout - General
\*------------------------------------*/
/* line 5, ../../dev/scss/_layout.scss */
body {
  background-color: #eee;
}

/* MAIN STRUCTURE (wrapper, head, navigatie, container links, container rechts) */
/* line 10, ../../dev/scss/_layout.scss */
#wrapper {
  display: block;
  margin: 0 auto;
  max-width: 1200px;
}
@media (min-width: 0px) and (max-width: 1024px) {
  /* line 10, ../../dev/scss/_layout.scss */
  #wrapper {
    padding: 0 10px;
  }
}

/* blok met logo en hoofdnavigatie */
/* line 20, ../../dev/scss/_layout.scss */
#head {
  position: relative;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 20, ../../dev/scss/_layout.scss */
  #head {
    margin-top: 10px;
  }
}

/* line 28, ../../dev/scss/_layout.scss */
#content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 28, ../../dev/scss/_layout.scss */
  #content {
    display: block;
  }
}

/* line 35, ../../dev/scss/_layout.scss */
#container_left {
  padding: 20px 0;
  margin-right: 4px;
  min-width: 150px;
}
/* line 39, ../../dev/scss/_layout.scss */
#container_left.bg_tafeltjes {
  background-color: #fff;
}
/* line 42, ../../dev/scss/_layout.scss */
#container_left.bg_acties {
  background-color: #FFCC66;
}

/* line 47, ../../dev/scss/_layout.scss */
#container_right {
  min-height: 450px;
  flex-grow: 1;
}
/* line 50, ../../dev/scss/_layout.scss */
#container_right.bg_tafeltjes {
  background-color: #fff;
  padding: 20px;
}
/* line 54, ../../dev/scss/_layout.scss */
#container_right.bg_acties {
  background-color: #FFCC66;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 47, ../../dev/scss/_layout.scss */
  #container_right {
    padding: 10px;
  }
}

/*------------------------------------*\
:    Layout - Background colors
\*------------------------------------*/
@media not print {
  /* line 67, ../../dev/scss/_layout.scss */
  .bg_acties_active {
    background-color: #FFCC66 !important;
  }

  /* line 69, ../../dev/scss/_layout.scss */
  .bg_observaties_active, .bg_observaties {
    background-color: #E5DBCF !important;
  }

  /* line 71, ../../dev/scss/_layout.scss */
  .bg_beheer {
    background-color: #fff;
  }
}
/*------------------------------------*\
:    Layout - Helpers
\*------------------------------------*/
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 78, ../../dev/scss/_layout.scss */
  .h-desktop {
    display: none;
  }
}

/* line 84, ../../dev/scss/_layout.scss */
.h-mobile {
  display: none;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 84, ../../dev/scss/_layout.scss */
  .h-mobile {
    display: block;
  }
}

/* line 91, ../../dev/scss/_layout.scss */
#leerlingen2chose {
  width: inherit;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 91, ../../dev/scss/_layout.scss */
  #leerlingen2chose {
    display: block;
  }
}
/* line 98, ../../dev/scss/_layout.scss */
#leerlingen2chose .butt {
  margin: 5px;
}
/* line 100, ../../dev/scss/_layout.scss */
#leerlingen2chose .butt.is-chosen {
  display: none;
}

/* line 106, ../../dev/scss/_layout.scss */
#leerlingenchosen {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 106, ../../dev/scss/_layout.scss */
  #leerlingenchosen {
    display: block;
  }
}
/* line 113, ../../dev/scss/_layout.scss */
#leerlingenchosen .butt {
  display: none;
  margin: 5px;
}
/* line 116, ../../dev/scss/_layout.scss */
#leerlingenchosen .butt.is-chosen {
  display: block;
  color: #000;
  background-color: #FFF !important;
  border-width: 5px !important;
}

/*------------------------------------*\
:    login
\*------------------------------------*/
/* line 6, ../../dev/scss/_main.scss */
#wrapper.c-login {
  background-color: #fff;
  max-width: 460px;
  padding: 20px 40px;
  margin-top: -10vh;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
  position: relative;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* line 7, ../../dev/scss/_main.scss */
#wrapper.c-login a.c-logo-erik {
  display: block;
  position: absolute;
  bottom: -100px;
  width: 65px;
  background-color: #fff;
  padding: 10px;
  -moz-border-radius: 500px;
  -webkit-border-radius: 500px;
  border-radius: 500px;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
  position: absolute;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -moz-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  -webkit-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
}
/* line 18, ../../dev/scss/_main.scss */
#wrapper.c-login a.c-logo-erik img {
  width: 100%;
  height: auto;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}
/* line 23, ../../dev/scss/_main.scss */
#wrapper.c-login a.c-logo-erik:hover {
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
/* line 25, ../../dev/scss/_main.scss */
#wrapper.c-login a.c-logo-erik:hover img {
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
/* line 36, ../../dev/scss/_main.scss */
#wrapper.c-login.with2fa {
  max-width: 600px;
  margin-top: 0px;
}
/* line 40, ../../dev/scss/_main.scss */
#wrapper.c-login .butt {
  display: block;
  margin-top: 20px;
}
/* line 44, ../../dev/scss/_main.scss */
#wrapper.c-login .c-login__logo {
  margin-bottom: 20px;
  height: 100px;
  text-align: center;
}
/* line 49, ../../dev/scss/_main.scss */
#wrapper.c-login .c-login__logo img {
  width: auto;
  height: 100%;
}
/* line 54, ../../dev/scss/_main.scss */
#wrapper.c-login .c-login__link {
  margin: 0.5em 0 1em;
}
/* line 57, ../../dev/scss/_main.scss */
#wrapper.c-login input[type="text"],
#wrapper.c-login input[type="password"] {
  border: 1px solid #ddd;
}
/* line 61, ../../dev/scss/_main.scss */
#wrapper.c-login .c-login__logo-erik {
  float: right;
}
/* line 64, ../../dev/scss/_main.scss */
#wrapper.c-login label:before {
  margin-right: 0.5em;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 6, ../../dev/scss/_main.scss */
  #wrapper.c-login {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: -20px;
    padding: 20px;
    /*
        .c-login__logo {
          img {
            width: 100%;
            height: auto;
          }
        }
    */
  }
  /* line 72, ../../dev/scss/_main.scss */
  #wrapper.c-login .c-logo-erik {
    padding: 8px;
    width: 40px;
    bottom: -55px;
  }
}

/* line 88, ../../dev/scss/_main.scss */
#msg_qrcode {
  margin: 0 0 10px 0;
  padding: 10px 0;
  border-bottom: solid 1px #bb3333;
}

/* line 93, ../../dev/scss/_main.scss */
.img_qrcode img {
  width: 30%;
}

/* line 96, ../../dev/scss/_main.scss */
#logindata-msg {
  margin-top: 10px;
  text-align: center;
}

/* line 101, ../../dev/scss/_main.scss */
#msg_2fa {
  margin: 0 0 10px 0;
  color: #f05a22;
}

/*------------------------------------*\
:    tafeltjes drag&drop
\*------------------------------------*/
/* line 110, ../../dev/scss/_main.scss */
.show-on-print {
  display: none;
}

/* line 114, ../../dev/scss/_main.scss */
.c-tables {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
/* line 116, ../../dev/scss/_main.scss */
.c-tables .c-tables__placed {
  position: relative;
  width: 80%;
  border-right: 4px solid #eee;
}
/* line 120, ../../dev/scss/_main.scss */
.c-tables .c-tables__placed:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
/* line 125, ../../dev/scss/_main.scss */
.c-tables .c-tables__placed.highlight {
  background-color: #E5DBCF;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 116, ../../dev/scss/_main.scss */
  .c-tables .c-tables__placed {
    float: none;
    width: 100%;
    border-right: 0;
    border-bottom: 4px solid #eee;
  }
}
/* line 135, ../../dev/scss/_main.scss */
.c-tables .c-tables__unplaced {
  width: calc(20% - 10px);
  margin-left: 10px;
  min-height: 60px;
}
/* line 139, ../../dev/scss/_main.scss */
.c-tables .c-tables__unplaced:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
/* line 144, ../../dev/scss/_main.scss */
.c-tables .c-tables__unplaced.highlight {
  background-color: #E5DBCF;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 135, ../../dev/scss/_main.scss */
  .c-tables .c-tables__unplaced {
    float: none;
    width: 100%;
    margin: 30px 0 0;
    display: block;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 114, ../../dev/scss/_main.scss */
  .c-tables {
    display: block;
  }
}

/* line 159, ../../dev/scss/_main.scss */
.c-tables__table {
  width: 10%;
  padding-bottom: 10%;
  cursor: move;
  font-weight: 600;
  font-size: 12px;
  font-size: 1.2rem;
}
/* line 165, ../../dev/scss/_main.scss */
.c-tables__table.dragging {
  z-index: 99;
  -moz-box-shadow: 1px 1px 1px #333333;
  -webkit-box-shadow: 1px 1px 1px #333333;
  box-shadow: 1px 1px 1px #333333;
}
/* line 169, ../../dev/scss/_main.scss */
.c-tables__table a {
  position: absolute;
  color: #fff;
  text-align: center;
  width: 100%;
  line-height: 1em;
  padding: 0.5em 0;
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* line 177, ../../dev/scss/_main.scss */
.c-tables__table a:hover:before {
  display: block;
}
/* line 180, ../../dev/scss/_main.scss */
.c-tables__table a:before {
  content: "";
  width: 50%;
  height: 160%;
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: -28%;
  left: 25%;
  z-index: -1;
  display: none;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
}
/* line 193, ../../dev/scss/_main.scss */
.c-tables__table.ongeplaatst {
  float: left;
  position: relative;
  padding: 1.5em 0;
  width: calc(50% - 5px);
  margin: 0 10px 10px 0;
  z-index: 10;
}
/* line 200, ../../dev/scss/_main.scss */
.c-tables__table.ongeplaatst:nth-child(even) {
  margin-right: 0;
}
/* line 204, ../../dev/scss/_main.scss */
.c-tables__table.geplaatst {
  position: absolute !important;
}

/* line 209, ../../dev/scss/_main.scss */
.groep0 {
  color: #000;
  background-color: #33bb33;
  border: solid 1px #33bb33;
}

/* line 215, ../../dev/scss/_main.scss */
.groep1 {
  color: #000;
  background-color: #3333bb;
  border: solid 1px #3333bb;
}

/* line 221, ../../dev/scss/_main.scss */
.groep2 {
  color: #000;
  background-color: #bb3333;
  border: solid 1px #bb3333;
}

/* line 227, ../../dev/scss/_main.scss */
.groep3 {
  color: #000;
  background-color: #33bb33;
  border: solid 1px #33bb33;
}

/* line 233, ../../dev/scss/_main.scss */
.groep4 {
  color: #000;
  background-color: #3333bb;
  border: solid 1px #3333bb;
}

/* line 239, ../../dev/scss/_main.scss */
.groep5 {
  color: #000;
  background-color: #bb3333;
  border: solid 1px #bb3333;
}

/* line 245, ../../dev/scss/_main.scss */
.groep6 {
  color: #000;
  background-color: #33bb33;
  border: solid 1px #33bb33;
}

/* line 251, ../../dev/scss/_main.scss */
.groep7 {
  color: #000;
  background-color: #3333bb;
  border: solid 1px #3333bb;
}

/* line 257, ../../dev/scss/_main.scss */
.groep8 {
  color: #000;
  background-color: #bb3333;
  border: solid 1px #bb3333;
}

/*------------------------------------*\
:    navigatie links (namen kinderen)
\*------------------------------------*/
/* line 270, ../../dev/scss/_main.scss */
#container_left h3 {
  margin-bottom: 0.5em;
  text-align: left;
  padding: 0 20px;
}
/* line 275, ../../dev/scss/_main.scss */
#container_left .userbeheer {
  content: 'Beheer users (admin)';
}
@media (min-width: 0px) and (max-width: 1024px) {
  /* line 280, ../../dev/scss/_main.scss */
  #container_left h3 {
    padding: 0 10px;
    text-align: center;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 269, ../../dev/scss/_main.scss */
  #container_left {
    margin: 10px 0;
    padding: 1% 0;
    position: relative;
  }
  /* line 289, ../../dev/scss/_main.scss */
  #container_left h3 {
    display: none;
  }
}

/* line 294, ../../dev/scss/_main.scss */
.c-groepje li.groepje {
  margin-bottom: 10px;
}

/* line 297, ../../dev/scss/_main.scss */
.c-groepje li.groepje a {
  color: #f05a22;
}

/* line 300, ../../dev/scss/_main.scss */
.c-groepje li.groepje.active {
  font-weight: 600;
  background-color: #404041;
  border-color: #404041;
}
/* line 304, ../../dev/scss/_main.scss */
.c-groepje li.groepje.active a {
  color: #fff;
}

/* line 309, ../../dev/scss/_main.scss */
.c-students li, .c-groepje li {
  margin: 0;
  padding: 2px 20px;
  text-align: left;
  list-style: none;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
/* line 315, ../../dev/scss/_main.scss */
.c-students li:hover, .c-groepje li:hover {
  background-color: #404041;
  color: #fff;
}
/* line 318, ../../dev/scss/_main.scss */
.c-students li:hover a, .c-groepje li:hover a {
  color: #fff;
}
/* line 322, ../../dev/scss/_main.scss */
.c-students li a, .c-groepje li a {
  display: block;
  margin: 0;
}
/* line 326, ../../dev/scss/_main.scss */
.c-students li.algemeen_active, .c-students li.algemeen, .c-groepje li.algemeen_active, .c-groepje li.algemeen {
  margin: 0 0 10px 0;
}
/* line 330, ../../dev/scss/_main.scss */
.c-students li.algemeen_active a, .c-groepje li.algemeen_active a {
  font-weight: bold;
  color: #D90909;
  padding-bottom: 3px;
}
/* line 334, ../../dev/scss/_main.scss */
.c-students li.algemeen_active a:hover, .c-groepje li.algemeen_active a:hover {
  text-decoration: underline;
}
/* line 338, ../../dev/scss/_main.scss */
.c-students li.kind_active, .c-groepje li.kind_active {
  font-weight: 600;
  background-color: #404041;
  border-color: #404041;
}
/* line 342, ../../dev/scss/_main.scss */
.c-students li.kind_active a, .c-groepje li.kind_active a {
  color: #fff;
}
/* line 347, ../../dev/scss/_main.scss */
.c-students .c-students__mobile-header, .c-groepje .c-students__mobile-header {
  display: none;
  position: relative;
  width: 100%;
  font-size: 18px;
  font-weight: bold;
}
/* line 353, ../../dev/scss/_main.scss */
.c-students .c-students__mobile-header:after, .c-groepje .c-students__mobile-header:after {
  font-family: 'icomoon';
  content: "\edc0";
  position: absolute;
  right: 20px;
  top: 12px;
}
/* line 360, ../../dev/scss/_main.scss */
.c-students .c-students__mobile-header:hover, .c-groepje .c-students__mobile-header:hover {
  background-color: #fff;
  color: #222;
}
@media (min-width: 0px) and (max-width: 1024px) {
  /* line 366, ../../dev/scss/_main.scss */
  .c-students li, .c-groepje li {
    background-color: #fff;
    border: 1px solid #eee;
    margin: 0 10px 5px;
    padding: 5px 10px;
    font-size: 18px;
    text-align: center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 308, ../../dev/scss/_main.scss */
  .c-students, .c-groepje {
    padding: 0 1%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  /* line 380, ../../dev/scss/_main.scss */
  .c-students li, .c-groepje li {
    display: none;
    margin: 1%;
    min-width: 48%;
    padding: 10px;
  }
  /* line 387, ../../dev/scss/_main.scss */
  .c-students.is-open li, .c-groepje.is-open li {
    display: block;
  }
  /* line 391, ../../dev/scss/_main.scss */
  .c-students.is-open .c-students__mobile-header:after, .c-groepje.is-open .c-students__mobile-header:after {
    content: "\edb8";
  }
  /* line 396, ../../dev/scss/_main.scss */
  .c-students .c-students__mobile-header, .c-groepje .c-students__mobile-header {
    display: block;
  }
}

/*------------------------------------*\
:    observaties forms
\*------------------------------------*/
/* line 407, ../../dev/scss/_main.scss */
.c-form-top {
  display: block;
  padding: 20px 40px;
  border-bottom: solid 4px #eee;
}
/* line 413, ../../dev/scss/_main.scss */
.c-form-top h1 span {
  color: #404041;
}
/* line 418, ../../dev/scss/_main.scss */
.c-form-top .c-button-wrapper .c-button {
  float: right;
}
/* line 422, ../../dev/scss/_main.scss */
.c-form-top--compact {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
/* line 426, ../../dev/scss/_main.scss */
.c-form-top--compact h1 {
  margin-bottom: 0;
  flex: 1;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 407, ../../dev/scss/_main.scss */
  .c-form-top {
    padding: 0 0 10px 0;
  }
}

/* line 437, ../../dev/scss/_main.scss */
.c-observatie-form .c-observatie-form__forms {
  position: relative;
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 20px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
/* line 443, ../../dev/scss/_main.scss */
.c-observatie-form .c-observatie-form__forms .c-observatie-form__date {
  width: 110px;
}
/* line 445, ../../dev/scss/_main.scss */
.c-observatie-form .c-observatie-form__forms .c-observatie-form__date input {
  font-family: inherit;
  background-color: transparent;
  text-align: center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
/* line 452, ../../dev/scss/_main.scss */
.c-observatie-form .c-observatie-form__forms .c-observatie-form__textarea {
  margin-right: 20px;
  flex-grow: 1;
}
/* line 456, ../../dev/scss/_main.scss */
.c-observatie-form .c-observatie-form__forms .c-observatie-form__button {
  padding-top: 1.7em;
  margin-left: 20px;
}
/* line 463, ../../dev/scss/_main.scss */
.c-observatie-form--acties .c-observatie-form__forms .c-observatie-form__date {
  margin-left: 20px;
}
/* line 465, ../../dev/scss/_main.scss */
.c-observatie-form--acties .c-observatie-form__forms .c-observatie-form__date input {
  background-color: #fff;
}
/* line 469, ../../dev/scss/_main.scss */
.c-observatie-form--acties .c-observatie-form__forms .c-observatie-form__textarea {
  margin-right: 0;
}
/* line 476, ../../dev/scss/_main.scss */
.c-observatie-form--zoeken .c-observatie-form__forms .c-observatie-form__date {
  margin-right: 20px;
}
/* line 478, ../../dev/scss/_main.scss */
.c-observatie-form--zoeken .c-observatie-form__forms .c-observatie-form__date input {
  background-color: #fff;
}
/* line 482, ../../dev/scss/_main.scss */
.c-observatie-form--zoeken .c-observatie-form__forms .c-observatie-form__button {
  margin-left: 0;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 489, ../../dev/scss/_main.scss */
  .c-observatie-form .c-observatie-form__forms:not(.c-observatie-form__forms--zoeken) {
    display: block;
  }
  /* line 492, ../../dev/scss/_main.scss */
  .c-observatie-form .c-observatie-form__forms .c-observatie-form__textarea {
    margin-right: 0;
  }
  /* line 495, ../../dev/scss/_main.scss */
  .c-observatie-form .c-observatie-form__forms .c-observatie-form__button {
    margin-left: 0;
  }
  /* line 501, ../../dev/scss/_main.scss */
  .c-observatie-form--acties .c-observatie-form__forms .c-observatie-form__date {
    margin: 10px 0 0 0;
  }
}

/* line 510, ../../dev/scss/_main.scss */
.actie-na-observatie {
  display: none;
  border: solid 2px #33bb33;
  padding: 1em;
  overflow: hidden;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
/* line 516, ../../dev/scss/_main.scss */
.actie-na-observatie strong {
  color: #f05a22;
  font-size: 18px;
  font-size: 1.8rem;
}
@media only screen and (min-width: 0px) and (max-width: 320px) {
  /* line 516, ../../dev/scss/_main.scss */
  .actie-na-observatie strong {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media print {
  /* line 516, ../../dev/scss/_main.scss */
  .actie-na-observatie strong {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

/* line 521, ../../dev/scss/_main.scss */
.actie-na-observatie-lightbox {
  display: none;
  padding: 1em;
  overflow: hidden;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
/* line 527, ../../dev/scss/_main.scss */
.actie-na-observatie-lightbox strong {
  color: #f05a22;
  font-size: 18px;
  font-size: 1.8rem;
}
@media only screen and (min-width: 0px) and (max-width: 320px) {
  /* line 527, ../../dev/scss/_main.scss */
  .actie-na-observatie-lightbox strong {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media print {
  /* line 527, ../../dev/scss/_main.scss */
  .actie-na-observatie-lightbox strong {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

/*------------------------------------*\
:    observaties list
\*------------------------------------*/
/* line 538, ../../dev/scss/_main.scss */
.c-results {
  padding: 20px 40px;
}
@media (min-width: 0px) and (max-width: 1023px) {
  /* line 538, ../../dev/scss/_main.scss */
  .c-results {
    padding: 20px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 538, ../../dev/scss/_main.scss */
  .c-results {
    padding: 20px 0;
  }
}
/* line 546, ../../dev/scss/_main.scss */
.c-results--acties {
  margin-bottom: 20px;
}
/* line 549, ../../dev/scss/_main.scss */
.c-results label {
  margin: 0;
}
/* line 550, ../../dev/scss/_main.scss */
.c-results li {
  margin: 0 0 5px 0;
}

/* line 555, ../../dev/scss/_main.scss */
.c-results-header h1 span {
  color: #404041;
}
/* line 558, ../../dev/scss/_main.scss */
.c-results-header .c-button-wrapper {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  float: right;
}
/* line 561, ../../dev/scss/_main.scss */
.c-results-header .c-button-wrapper .c-button {
  float: left;
  margin-left: 10px;
}
/* line 565, ../../dev/scss/_main.scss */
.c-results-header .c-button-wrapper .searchform {
  float: left;
  margin-left: 10px;
  height: auto;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 573, ../../dev/scss/_main.scss */
  .c-observaties {
    margin-top: 20px;
  }
}

/* line 579, ../../dev/scss/_main.scss */
.c-observaties__item.c-observaties__header {
  position: relative;
  background-color: transparent;
  font-weight: bold;
  margin-top: 0;
  padding-bottom: 0;
  width: 100%;
}
/* line 586, ../../dev/scss/_main.scss */
.c-observaties__item.c-observaties__header .c-observaties__content {
  font-family: inherit !important;
}
/* line 590, ../../dev/scss/_main.scss */
.c-observaties__item.c-observaties__header .c-observaties__checkbox-wrapper div {
  font-size: 15px;
  font-size: 1.5rem;
  text-align: center;
}

/* line 597, ../../dev/scss/_main.scss */
.c-acties__header {
  margin: 1em 0;
}

/* line 600, ../../dev/scss/_main.scss */
.c-acties__header__gedaan {
  margin: 3em 0 1em 0;
}

/* line 605, ../../dev/scss/_main.scss */
.c-observaties__header h3 {
  color: #0F3B5F;
  margin: 4em 0 1em 0;
}

/* line 611, ../../dev/scss/_main.scss */
.c-observaties__item {
  background-color: #fff;
  margin-bottom: 5px;
  padding: 15px 20px 15px 15px;
  position: relative;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
/* line 619, ../../dev/scss/_main.scss */
.c-observaties__item .c-observaties__content {
  flex-basis: 100%;
  flex-grow: 2;
  padding-right: 40px;
  font-family: 'Open Sans', sans-serif;
}
@media print {
  /* line 619, ../../dev/scss/_main.scss */
  .c-observaties__item .c-observaties__content {
    font-family: arial, sans-serif;
  }
}
/* line 625, ../../dev/scss/_main.scss */
.c-observaties__item .c-observaties__content .c-observaties__name,
.c-observaties__item .c-observaties__content .c-observaties__date {
  margin-left: 0.5em;
  color: #AAAAAA;
  font-family: 'Roboto Condensed', arial, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
@media print {
  /* line 625, ../../dev/scss/_main.scss */
  .c-observaties__item .c-observaties__content .c-observaties__name,
  .c-observaties__item .c-observaties__content .c-observaties__date {
    font-family: arial, sans-serif;
  }
}
@media only screen and (min-width: 0px) and (max-width: 320px) {
  /* line 625, ../../dev/scss/_main.scss */
  .c-observaties__item .c-observaties__content .c-observaties__name,
  .c-observaties__item .c-observaties__content .c-observaties__date {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
/* line 634, ../../dev/scss/_main.scss */
.c-observaties__item .c-observaties__date--actie {
  color: #0F3B5F;
  flex-shrink: 0;
  font-size: 14px;
  font-size: 1.4rem;
}
/* line 638, ../../dev/scss/_main.scss */
.c-observaties__item .c-observaties__date--actie span {
  margin: 0 5px;
  font-size: 11px;
  font-size: 1.1rem;
}
/* line 642, ../../dev/scss/_main.scss */
.c-observaties__item .c-observaties__date--actie.has-highlight {
  color: #f05a22;
}
/* line 646, ../../dev/scss/_main.scss */
.c-observaties__item .c-observaties__date--actie-done {
  color: #33bb33;
}
/* line 649, ../../dev/scss/_main.scss */
.c-observaties__item--nodate {
  margin-top: 0;
}
/* line 653, ../../dev/scss/_main.scss */
.c-observaties__item.is-done .c-observaties__edit {
  pointer-events: none;
}
/* line 655, ../../dev/scss/_main.scss */
.c-observaties__item.is-done .c-observaties__edit span {
  color: #AAAAAA;
}
/* line 660, ../../dev/scss/_main.scss */
.c-observaties__item.is-done .c-observaties__checkbox input[type=checkbox],
.c-observaties__item.is-done .c-observaties__checkbox label {
  display: none;
}
/* line 664, ../../dev/scss/_main.scss */
.c-observaties__item.is-done .c-observaties__checkbox--done {
  display: block;
  -moz-animation: checkmark-bounce 0.4s;
  -webkit-animation: checkmark-bounce 0.4s;
  animation: checkmark-bounce 0.4s;
}
/* line 670, ../../dev/scss/_main.scss */
.c-observaties__item .c-observaties__isbesproken {
  display: block;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 611, ../../dev/scss/_main.scss */
  .c-observaties__item {
    padding: 15px;
  }
  /* line 676, ../../dev/scss/_main.scss */
  .c-observaties__item .c-observaties__content {
    padding-right: 0;
  }
  /* line 679, ../../dev/scss/_main.scss */
  .c-observaties__item .c-observaties__date--actie {
    margin-right: 20px;
    margin-top: 20px;
  }
  /* line 683, ../../dev/scss/_main.scss */
  .c-observaties__item.is-done {
    background-color: #eee;
  }
  /* line 685, ../../dev/scss/_main.scss */
  .c-observaties__item.is-done .c-observaties__edit {
    display: none;
  }
  /* line 688, ../../dev/scss/_main.scss */
  .c-observaties__item.is-done .c-observaties__checkbox {
    position: absolute;
    right: -5px;
    top: calc(50% - 15px);
  }
  /* line 692, ../../dev/scss/_main.scss */
  .c-observaties__item.is-done .c-observaties__checkbox--done {
    font-size: 30px;
    font-size: 3rem;
  }
}

/* line 700, ../../dev/scss/_main.scss */
.sortable-handle {
  width: 40px;
  z-index: 10;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 700, ../../dev/scss/_main.scss */
  .sortable-handle {
    position: absolute;
    right: 50px;
    bottom: 15px;
  }
}

/* line 710, ../../dev/scss/_main.scss */
.c-observaties__edit {
  position: absolute;
  right: -15px;
  top: calc(50% - 15px);
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}
/* line 204, ../../dev/scss/_mixins.scss */
.c-observaties__edit:hover {
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
/* line 715, ../../dev/scss/_main.scss */
.c-observaties__edit a {
  color: #fff;
  background-color: #0F3B5F;
  display: block;
  line-height: 35px;
  width: 30px;
  height: 30px;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

/* line 728, ../../dev/scss/_main.scss */
.c-observaties__person {
  font-weight: bold;
}

/* line 732, ../../dev/scss/_main.scss */
.c-observaties__checkbox-wrapper {
  text-align: center;
  min-width: 45px;
}

/* line 737, ../../dev/scss/_main.scss */
.c-observaties__checkbox {
  margin: 0 auto;
  width: 20px;
  position: relative;
}
/* line 741, ../../dev/scss/_main.scss */
.c-observaties__checkbox label {
  margin: 0;
}
/* line 744, ../../dev/scss/_main.scss */
.c-observaties__checkbox span {
  display: none;
}
/* line 747, ../../dev/scss/_main.scss */
.c-observaties__checkbox--done {
  display: none;
  position: relative;
  top: 2px;
  color: #33bb33;
  font-size: 22px;
  font-size: 2.2rem;
}

@media (min-width: 1025px) {
  /* line 761, ../../dev/scss/_main.scss */
  .c-observaties__item:not(.is-done) .c-observaties__checkbox.is-done input[type=checkbox]:hover + label:before {
    background-color: #fff;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  /* line 765, ../../dev/scss/_main.scss */
  .c-observaties__item:not(.is-done) .c-observaties__checkbox.is-done:hover {
    background-color: transparent;
  }
  /* line 767, ../../dev/scss/_main.scss */
  .c-observaties__item:not(.is-done) .c-observaties__checkbox.is-done:hover .c-observaties__checkbox--done {
    color: #33bb33;
    display: block;
    pointer-events: none;
    position: absolute;
    top: -2px;
    position: absolute;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@-moz-keyframes checkmark-bounce {
  0% {
    display: block;
    -moz-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -moz-transform: scale(2);
    transform: scale(2);
  }
  75% {
    -moz-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes checkmark-bounce {
  0% {
    display: block;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scale(2);
    transform: scale(2);
  }
  75% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes checkmark-bounce {
  0% {
    display: block;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -webkit-transform: scale(2);
    transform: scale(2);
  }
  75% {
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/* line 802, ../../dev/scss/_main.scss */
.c-observaties.c-observaties--algemeen .c-observaties__item .c-observaties__content {
  width: 90%;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 809, ../../dev/scss/_main.scss */
  .c-observaties__item.c-observaties__header {
    display: none;
  }

  /* line 812, ../../dev/scss/_main.scss */
  .c-observaties__item {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  /* line 814, ../../dev/scss/_main.scss */
  .c-observaties__item .c-observaties__content {
    width: 100%;
    margin-bottom: 0.5em;
  }

  /* line 819, ../../dev/scss/_main.scss */
  .c-observaties__checkbox-wrapper {
    margin-top: 20px;
    text-align: left;
    width: 50%;
  }

  /* line 824, ../../dev/scss/_main.scss */
  .c-observaties__checkbox {
    margin: 0;
  }
  /* line 826, ../../dev/scss/_main.scss */
  .c-observaties__checkbox label {
    font-weight: 400;
    color: #AAAAAA;
    font-size: 14px;
    font-size: 1.4rem;
  }
  /* line 830, ../../dev/scss/_main.scss */
  .c-observaties__checkbox label span {
    display: block;
    position: absolute;
    left: 30px;
    top: 2px;
    min-width: 80px;
  }

  /* line 839, ../../dev/scss/_main.scss */
  .c-sticky-copy-container {
    display: none;
  }
}
/* line 845, ../../dev/scss/_main.scss */
.c-edit-observatie .c-edit-observatie__wrapper {
  margin: 20px 0 40px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
/* line 848, ../../dev/scss/_main.scss */
.c-edit-observatie .c-edit-observatie__wrapper .c-edit-observatie__date {
  width: 110px;
  margin-left: 20px;
}
/* line 851, ../../dev/scss/_main.scss */
.c-edit-observatie .c-edit-observatie__wrapper .c-edit-observatie__date input {
  padding: 0;
  text-align: center;
  font-family: inherit;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
/* line 858, ../../dev/scss/_main.scss */
.c-edit-observatie .c-edit-observatie__wrapper .c-edit-observatie__content {
  flex: 1 auto;
}
/* line 860, ../../dev/scss/_main.scss */
.c-edit-observatie .c-edit-observatie__wrapper .c-edit-observatie__content textarea {
  border: 1px solid #ddd;
}
/* line 865, ../../dev/scss/_main.scss */
.c-edit-observatie .c-edit-observatie__buttons {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 870, ../../dev/scss/_main.scss */
  .c-edit-observatie .c-edit-observatie__wrapper {
    display: block;
    margin-bottom: 20px;
  }
  /* line 873, ../../dev/scss/_main.scss */
  .c-edit-observatie .c-edit-observatie__wrapper .c-edit-observatie__date {
    margin-left: 0;
    margin-top: 10px;
  }
}

/* line 881, ../../dev/scss/_main.scss */
.c-sticky-copy-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 10px;
}
/* line 887, ../../dev/scss/_main.scss */
.c-sticky-copy-container #wrapper {
  padding-right: 60px;
}
/* line 890, ../../dev/scss/_main.scss */
.c-sticky-copy-container .c-observaties__item.c-observaties__header {
  padding: 0;
  margin-bottom: 0;
  -moz-border-radius: none;
  -webkit-border-radius: none;
  border-radius: none;
}
/* line 894, ../../dev/scss/_main.scss */
.c-sticky-copy-container .c-observaties__item.c-observaties__header .c-observaties__checkbox-wrapper {
  background-color: rgba(15, 59, 95, 0.7);
  color: #fff;
  padding: 5px 0;
  font-weight: normal;
}
/* line 899, ../../dev/scss/_main.scss */
.c-sticky-copy-container .c-observaties__item.c-observaties__header .c-observaties__checkbox-wrapper:first-child {
  -moz-border-radius: 0 0 0 4px;
  -webkit-border-radius: 0;
  border-radius: 0 0 0 4px;
}
/* line 902, ../../dev/scss/_main.scss */
.c-sticky-copy-container .c-observaties__item.c-observaties__header .c-observaties__checkbox-wrapper:last-child {
  -moz-border-radius: 0 0 4px 0;
  -webkit-border-radius: 0;
  border-radius: 0 0 4px 0;
}

/* line 910, ../../dev/scss/_main.scss */
.c-observaties--acties .c-observaties__item, .c-observaties--overzicht .c-observaties__item {
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}
/* line 915, ../../dev/scss/_main.scss */
.c-observaties--acties .c-observaties__item--has-obs .c-observaties__content, .c-observaties--overzicht .c-observaties__item--has-obs .c-observaties__content {
  cursor: pointer;
  position: relative;
}
@media (min-width: 1025px) {
  /* line 920, ../../dev/scss/_main.scss */
  .c-observaties--acties .c-observaties__item--has-obs .c-observaties__content:hover .c-observaties__view-obs, .c-observaties--overzicht .c-observaties__item--has-obs .c-observaties__content:hover .c-observaties__view-obs {
    color: #f05a22;
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
/* line 928, ../../dev/scss/_main.scss */
.c-observaties--acties .c-observaties__item--has-obs.is-visible .c-observaties__obs, .c-observaties--overzicht .c-observaties__item--has-obs.is-visible .c-observaties__obs {
  padding: 1em;
  margin-top: 1em;
  max-height: 1000px;
  -moz-transition: max-height 0.7s ease-in-out;
  -o-transition: max-height 0.7s ease-in-out;
  -webkit-transition: max-height 0.7s ease-in-out;
  transition: max-height 0.7s ease-in-out;
}
/* line 934, ../../dev/scss/_main.scss */
.c-observaties--acties .c-observaties__item--has-obs.is-visible .c-observaties__view-obs, .c-observaties--overzicht .c-observaties__item--has-obs.is-visible .c-observaties__view-obs {
  color: #f05a22;
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
/* line 941, ../../dev/scss/_main.scss */
.c-observaties--acties .c-observaties__view-obs, .c-observaties--overzicht .c-observaties__view-obs {
  margin-right: 0.3em;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-size: 18px;
  font-size: 1.8rem;
  -moz-transform-origin: center center 50%;
  -ms-transform-origin: center center 50%;
  -webkit-transform-origin: center center 50%;
  transform-origin: center center 50%;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
/* line 949, ../../dev/scss/_main.scss */
.c-observaties--acties .c-observaties__content .c-observaties__obs, .c-observaties--overzicht .c-observaties__content .c-observaties__obs {
  max-height: 0;
  overflow: hidden;
  background-color: #E5DBCF;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-transition: max-height 0.3s cubic-bezier(0, 1, 0, 1);
  -o-transition: max-height 0.3s cubic-bezier(0, 1, 0, 1);
  -webkit-transition: max-height 0.3s cubic-bezier(0, 1, 0, 1);
  transition: max-height 0.3s cubic-bezier(0, 1, 0, 1);
}
/* line 957, ../../dev/scss/_main.scss */
.c-observaties--acties .c-observaties__checkbox, .c-observaties--overzicht .c-observaties__checkbox {
  text-align: center;
}
/* line 962, ../../dev/scss/_main.scss */
.c-observaties--acties:not(.is-done) .c-observaties__header h3, .c-observaties--overzicht:not(.is-done) .c-observaties__header h3 {
  margin-top: 1em;
}
/* line 968, ../../dev/scss/_main.scss */
.c-observaties--acties.is-done .c-observaties__date--actie, .c-observaties--overzicht.is-done .c-observaties__date--actie {
  margin-top: 0;
}

/* line 974, ../../dev/scss/_main.scss */
#acties_printen {
  display: none;
}

/* line 979, ../../dev/scss/_main.scss */
.c-observaties--overzicht .c-observaties__checkbox {
  text-align: center;
}
/* line 982, ../../dev/scss/_main.scss */
.c-observaties--overzicht .c-observaties__date--actie {
  margin-top: 0.5em;
}
/* line 985, ../../dev/scss/_main.scss */
.c-observaties--overzicht .c-observaties__content {
  margin-bottom: 0;
}

/*------------------------------------*\
:    Beheer
\*------------------------------------*/
/* line 996, ../../dev/scss/_main.scss */
.c-form-control {
  margin-top: 40px;
}
/* line 998, ../../dev/scss/_main.scss */
.c-form-control .c-form-control__select {
  margin: 20px 0;
}
/* line 1001, ../../dev/scss/_main.scss */
.c-form-control .c-form-control__select .c-select-wrapper {
  width: auto;
  float: left;
}
/* line 1004, ../../dev/scss/_main.scss */
.c-form-control .c-form-control__select .c-select-wrapper--alignright {
  float: right;
}
/* line 1008, ../../dev/scss/_main.scss */
.c-form-control .c-form-control__select select {
  background-color: #eee;
}
/* line 1011, ../../dev/scss/_main.scss */
.c-form-control .c-form-control__select .c-button {
  margin-left: 10px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
/* line 1016, ../../dev/scss/_main.scss */
.c-form-control p {
  font-style: italic;
}
@media (min-width: 0px) and (max-width: 1023px) {
  /* line 1020, ../../dev/scss/_main.scss */
  .c-form-control .c-form-control__select {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  /* line 1023, ../../dev/scss/_main.scss */
  .c-form-control .c-form-control__select .c-select-wrapper {
    float: none;
    width: 70%;
    max-width: 200px;
    margin-right: 20px;
  }
  /* line 1028, ../../dev/scss/_main.scss */
  .c-form-control .c-form-control__select .c-select-wrapper--alignright {
    float: right;
    margin-bottom: 20px;
    max-width: 165px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 996, ../../dev/scss/_main.scss */
  .c-form-control {
    margin-top: 0;
  }
  /* line 1039, ../../dev/scss/_main.scss */
  .c-form-control .c-form-control__select .c-select-wrapper {
    float: none;
    width: 60%;
    max-width: 165px;
  }
  /* line 1043, ../../dev/scss/_main.scss */
  .c-form-control .c-form-control__select .c-select-wrapper--alignright {
    float: none;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 320px) {
  /* line 1052, ../../dev/scss/_main.scss */
  .c-form-control .c-form-control__select .c-select-wrapper {
    width: 60%;
  }
}

/* line 1060, ../../dev/scss/_main.scss */
.c-beheer-list .c-selectall {
  margin: 0 0 25px 40px;
}
/* line 1064, ../../dev/scss/_main.scss */
.c-beheer-list .c-beheer-list__header h3 {
  margin: 2em 0 1em;
  color: #f05a22;
}
/* line 1069, ../../dev/scss/_main.scss */
.c-beheer-list .c-beheer-list__item {
  margin-bottom: 0.3em;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
/* line 1073, ../../dev/scss/_main.scss */
.c-beheer-list .c-beheer-list__item.has-hover {
  color: #f05a22;
}
/* line 1077, ../../dev/scss/_main.scss */
.c-beheer-list .c-beheer-list__content {
  flex: 1;
}
/* line 1079, ../../dev/scss/_main.scss */
.c-beheer-list .c-beheer-list__content label {
  margin-bottom: 0.3em;
  font-weight: normal;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
/* line 1085, ../../dev/scss/_main.scss */
.c-beheer-list .c-beheer-list__view {
  color: #0F3B5F;
  min-width: 30px;
  text-align: right;
  font-size: 14px;
  font-size: 1.4rem;
}
/* line 1090, ../../dev/scss/_main.scss */
.c-beheer-list .c-beheer-list__view:hover {
  color: #f05a22;
}
/* line 1094, ../../dev/scss/_main.scss */
.c-beheer-list .c-beheer__person {
  font-weight: bold;
  margin-left: 20px;
  flex: 1;
}
/* line 1099, ../../dev/scss/_main.scss */
.c-beheer-list .c-beheer__school {
  margin-left: 20px;
  flex: 3;
}
/* line 1103, ../../dev/scss/_main.scss */
.c-beheer-list .c-beheer__meta {
  margin-left: 0.5em;
  color: #AAAAAA;
  font-family: 'Roboto Condensed', arial, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
@media print {
  /* line 1103, ../../dev/scss/_main.scss */
  .c-beheer-list .c-beheer__meta {
    font-family: arial, sans-serif;
  }
}
@media only screen and (min-width: 0px) and (max-width: 320px) {
  /* line 1103, ../../dev/scss/_main.scss */
  .c-beheer-list .c-beheer__meta {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

/* line 1113, ../../dev/scss/_main.scss */
.c-users-list .c-users-list__header {
  font-weight: bold;
  margin-bottom: 1em;
}
/* line 1116, ../../dev/scss/_main.scss */
.c-users-list .c-users-list__header .c-users-list__view {
  font-size: initial;
}
/* line 1120, ../../dev/scss/_main.scss */
.c-users-list .c-users-list__item {
  border-bottom: 1px solid #fff;
  padding: 0.3em 0 0;
  line-height: 1em;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
/* line 1125, ../../dev/scss/_main.scss */
.c-users-list .c-users-list__item:not(.c-users-list__header) {
  cursor: pointer;
}
/* line 1127, ../../dev/scss/_main.scss */
.c-users-list .c-users-list__item:not(.c-users-list__header):hover {
  color: #f05a22;
  border-color: #f05a22;
}
/* line 1130, ../../dev/scss/_main.scss */
.c-users-list .c-users-list__item:not(.c-users-list__header):hover .c-users-list__view {
  color: #f05a22;
}
/* line 1135, ../../dev/scss/_main.scss */
.c-users-list .c-users-list__item--inactive {
  color: #AAAAAA;
}
/* line 1139, ../../dev/scss/_main.scss */
.c-users-list .c-users-list__view {
  color: #0F3B5F;
  font-size: 14px;
  font-size: 1.4rem;
}
/* line 1142, ../../dev/scss/_main.scss */
.c-users-list .c-users-list__view:hover {
  color: #f05a22;
}
/* line 1146, ../../dev/scss/_main.scss */
.c-users-list .c-users-list__username {
  flex: 1;
  width: 30%;
}
/* line 1149, ../../dev/scss/_main.scss */
.c-users-list .c-users-list__username .c-users__lastlogin {
  margin-left: 0.5em;
  color: #AAAAAA;
  font-family: 'Roboto Condensed', arial, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
@media print {
  /* line 1149, ../../dev/scss/_main.scss */
  .c-users-list .c-users-list__username .c-users__lastlogin {
    font-family: arial, sans-serif;
  }
}
@media only screen and (min-width: 0px) and (max-width: 320px) {
  /* line 1149, ../../dev/scss/_main.scss */
  .c-users-list .c-users-list__username .c-users__lastlogin {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
/* line 1157, ../../dev/scss/_main.scss */
.c-users-list .c-users-list__fullname {
  flex: 1;
  width: 30%;
}
/* line 1161, ../../dev/scss/_main.scss */
.c-users-list .c-users-list__role {
  flex: 1;
  width: 30%;
}
/* line 1165, ../../dev/scss/_main.scss */
.c-users-list .c-users-list__view {
  width: 10%;
  text-align: right;
}

/*------------------------------------*\
:    Updates / tables
\*------------------------------------*/
/* line 1177, ../../dev/scss/_main.scss */
.c-results table {
  width: 100%;
  border-collapse: unset;
}
/* line 1180, ../../dev/scss/_main.scss */
.c-results table td,
.c-results table th {
  padding: 0.1em 0.5em 0.1em 0;
  text-align: left;
  min-width: 100px;
}
/* line 1186, ../../dev/scss/_main.scss */
.c-results table tr {
  vertical-align: top;
}
/* line 1190, ../../dev/scss/_main.scss */
.c-results table .h-new-line td {
  padding-top: 1em;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 1195, ../../dev/scss/_main.scss */
  .c-results table td,
  .c-results table th {
    min-width: 0;
  }
}

/*------------------------------------*\
:    Messages
\*------------------------------------*/
/* line 1207, ../../dev/scss/_main.scss */
.c-error-box {
  background-color: #f05a22;
  color: #fff;
  max-height: 0;
  overflow: hidden;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
/* line 1214, ../../dev/scss/_main.scss */
.c-error-box.is-visible {
  padding: 0.5em;
  margin-bottom: 1em;
  max-height: initial;
}

/* line 1220, ../../dev/scss/_main.scss */
.c-error-box.small {
  width: 50%;
}

/* line 1223, ../../dev/scss/_main.scss */
.c-message-box {
  padding: 0.5em;
  background-color: #f05a22;
  color: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

/* line 1232, ../../dev/scss/_main.scss */
#messagediv_lightbox {
  display: none;
}
/* line 1234, ../../dev/scss/_main.scss */
#messagediv_lightbox.is-visible {
  display: block;
}

/*------------------------------------*\
:    Lightbox modal popup
\*------------------------------------*/
/* line 1242, ../../dev/scss/_main.scss */
.c-overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  display: none;
  z-index: 999;
}
/* line 1250, ../../dev/scss/_main.scss */
.c-overlay__container {
  max-width: 600px;
  background-color: #eee;
  position: relative;
  padding: 20px;
  margin: 0 auto;
  -moz-box-shadow: 1px 1px 2px #404041;
  -webkit-box-shadow: 1px 1px 2px #404041;
  box-shadow: 1px 1px 2px #404041;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* line 1261, ../../dev/scss/_main.scss */
.c-overlay__close {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #0F3B5F;
  font-size: 20px;
  font-size: 2rem;
}
/* line 1267, ../../dev/scss/_main.scss */
.c-overlay__close:hover {
  color: #f05a22;
}
/* line 1271, ../../dev/scss/_main.scss */
.c-overlay__bg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: rgba(15, 59, 95, 0.5);
}
/* line 1279, ../../dev/scss/_main.scss */
.c-overlay h3 {
  margin-bottom: 1em;
}
/* line 1281, ../../dev/scss/_main.scss */
.c-overlay h3 span {
  color: #f05a22;
}
/* line 1285, ../../dev/scss/_main.scss */
.c-overlay label:before {
  margin-right: 0.5em;
}

/*------------------------------------*\
:    Footer
\*------------------------------------*/
/* styles for printing */
@media print {
  @page {
    margin: 2cm 1.5cm;
    @top-center {
      content: element(pageHeader);
    }
    @bottom-center {
      content: element(pageFooter);
    }
  }
  /* line 17, ../../dev/scss/_print.scss */
  #pageHeader {
    position: running(pageHeader);
  }

  /* line 21, ../../dev/scss/_print.scss */
  #pageFooter {
    position: running(pageFooter);
  }

  /* line 25, ../../dev/scss/_print.scss */
  body {
    color: #000;
    background: #fff;
    margin: 0;
    padding: 0;
  }

  /* line 32, ../../dev/scss/_print.scss */
  #wrapper {
    padding: 0;
    margin: 0;
  }

  /* line 37, ../../dev/scss/_print.scss */
  #head,
  #container_left,
  .c-results-header,
  .c-overlay,
  .c-button-add,
  .c-sticky-copy-container,
  #observatieForm,
  .c-observaties__item label span {
    display: none;
  }

  /* line 48, ../../dev/scss/_print.scss */
  .show-on-print {
    display: block !important;
    margin-bottom: 30px;
  }

  /* line 53, ../../dev/scss/_print.scss */
  #content {
    display: block;
  }

  /* line 57, ../../dev/scss/_print.scss */
  .c-tables__unplaced {
    display: none;
  }

  /* line 61, ../../dev/scss/_print.scss */
  #container_right {
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    float: none !important;
    color: black;
    background: transparent;
  }
  /* line 70, ../../dev/scss/_print.scss */
  #container_right .c-tables .c-tables__placed {
    border: 0;
  }
  /* line 73, ../../dev/scss/_print.scss */
  #container_right .c-tables__table {
    color: white !important;
    -webkit-print-color-adjust: exact !important;
    /* Chrome, Safari */
    print-color-adjust: exact !important;
    /*Firefox*/
  }
  /* line 76, ../../dev/scss/_print.scss */
  #container_right .c-tables__table .groep1, #container_right .c-tables__table .groep2, #container_right .c-tables__table .groep3, #container_right .c-tables__table .groep4, #container_right .c-tables__table .groep5, #container_right .c-tables__table .groep6, #container_right .c-tables__table .groep7, #container_right .c-tables__table .groep8 {
    -webkit-print-color-adjust: exact !important;
    /* Chrome, Safari */
    print-color-adjust: exact !important;
    /*Firefox*/
  }

  /* line 85, ../../dev/scss/_print.scss */
  h1,
  h2,
  h3 {
    page-break-after: avoid;
  }

  /* line 90, ../../dev/scss/_print.scss */
  h1 {
    color: #000;
  }

  /* line 93, ../../dev/scss/_print.scss */
  .c-form-top {
    background: #FFF;
    padding: 0;
    border-bottom: 3px solid #999;
  }

  /* line 98, ../../dev/scss/_print.scss */
  .c-form-top form {
    display: none;
  }

  /* line 101, ../../dev/scss/_print.scss */
  .c-form-top h1 {
    display: block;
  }
  /* line 103, ../../dev/scss/_print.scss */
  .c-form-top h1 span {
    color: #999;
  }

  /* line 108, ../../dev/scss/_print.scss */
  .c-results {
    background: #FFF;
    padding: 20px 0;
  }

  /* line 113, ../../dev/scss/_print.scss */
  .c-results-header h1 {
    color: #AAAAAA;
  }

  /* line 117, ../../dev/scss/_print.scss */
  .c-observaties__header h3 {
    color: #000;
  }

  /* line 120, ../../dev/scss/_print.scss */
  .c-observaties__edit,
  .c-button {
    display: none;
  }

  /* line 124, ../../dev/scss/_print.scss */
  .c-observaties__item {
    padding: 0;
    margin-bottom: 1em;
    page-break-inside: avoid;
  }

  /* line 134, ../../dev/scss/_print.scss */
  .c-observaties__item.c-observaties__header .c-observaties__checkbox-wrapper div {
    font-size: 12px;
    font-size: 1.2rem;
  }

  /* line 138, ../../dev/scss/_print.scss */
  .c-observaties__item .c-observaties__content .c-observaties__name,
  .c-observaties__item .c-observaties__content .c-observaties__date {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media print {
  /* line 138, ../../dev/scss/_print.scss */
  .c-observaties__item .c-observaties__content .c-observaties__name,
  .c-observaties__item .c-observaties__content .c-observaties__date {
    font-size: 11px;
    font-size: 1.1rem;
  }
}

@media print {
  /* line 142, ../../dev/scss/_print.scss */
  .c-observaties__checkbox-wrapper {
    min-width: 25px;
  }

  /* line 145, ../../dev/scss/_print.scss */
  .input[type=checkbox] + label:before {
    background-color: #fff;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  /* line 151, ../../dev/scss/_print.scss */
  input[type=checkbox] + label:before {
    width: 12px;
    height: 12px;
    background-color: #fff;
    border: 1px solid #999;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  /* line 159, ../../dev/scss/_print.scss */
  input[type=checkbox]:checked + label:before {
    background: #fff;
    border-color: #999;
  }
  /* line 166, ../../dev/scss/_print.scss */
  input[type=checkbox]:checked + label:after {
    background: #000;
    top: 5px;
    -moz-box-shadow: 2px 0 0 #000, 4px 0 0 #000, 4px -2px 0 #000, 4px -4px 0 #000, 4px -6px 0 #000, 4px -8px 0 #000;
    -webkit-box-shadow: 2px 0 0 #000, 4px 0 0 #000, 4px -2px 0 #000, 4px -4px 0 #000, 4px -6px 0 #000, 4px -8px 0 #000;
    box-shadow: 2px 0 0 #000, 4px 0 0 #000, 4px -2px 0 #000, 4px -4px 0 #000, 4px -6px 0 #000, 4px -8px 0 #000;
  }

  /* line 173, ../../dev/scss/_print.scss */
  #acties_gedaan {
    display: none;
  }

  /* line 176, ../../dev/scss/_print.scss */
  #acties_nogtedoen {
    display: none;
  }

  /* line 179, ../../dev/scss/_print.scss */
  #acties_printen td {
    padding: 0 0 10px 0;
  }

  /* line 182, ../../dev/scss/_print.scss */
  #acties_printen {
    display: block;
  }
  /* line 184, ../../dev/scss/_print.scss */
  #acties_printen div {
    font-size: 13px;
    font-size: 1.3rem;
  }

  /* line 188, ../../dev/scss/_print.scss */
  #container_right.bg_acties {
    background: #fff !important;
  }
}