@font-face {
  font-family: "TheSerifPlain";
  src: url("/admin/asset/fontface/theserif-hp5plain-webfont.eot");
  src: url("/admin/asset/fontface/theserif-hp5plain-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("/admin/asset/fontface/theserif-hp5plain-webfont.woff") format("woff"),
    url("/admin/asset/fontface/theserif-hp5plain-webfont.ttf")
      format("truetype"),
    url("/admin/asset/fontface/theserif-hp5plain-webfont.svgz#TheSerifPlain")
      format("svg"),
    url("/admin/asset/fontface/theserif-hp5plain-webfont.svg#TheSerifPlain")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "TheSerifSemi";
  src: url("/admin/asset/fontface/theserif-hp6sebld-webfont.eot");
  src: url("/admin/asset/fontface/theserif-hp6sebld-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("/admin/asset/fontface/theserif-hp6sebld-webfont.woff") format("woff"),
    url("/admin/asset/fontface/theserif-hp6sebld-webfont.ttf")
      format("truetype"),
    url("/admin/asset/fontface/theserif-hp6sebld-webfont.svgz#TheSerifSemi")
      format("svg"),
    url("/admin/asset/fontface/theserif-hp6sebld-webfont.svg#TheSerifSemi")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "TheSerifExtraBold";
  src: url("/admin/asset/fontface/theserif-exbld-webfont.eot");
  src: url("/admin/asset/fontface/theserif-exbld-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("/admin/asset/fontface/theserif-exbld-webfont.woff") format("woff"),
    url("/admin/asset/fontface/theserif-exbld-webfont.ttf") format("truetype"),
    url("/admin/asset/fontface/theserif-exbld-webfont.svgz#TheSerifBlack")
      format("svg"),
    url("/admin/asset/fontface/theserif-exbld-webfont.svg#TheSerifBlack")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

html,
body {
  margin: 0px;
  padding: 0px;
  font-family: "Open Sans", sans-serif;
}

body {
  background-color: #2c9a2e;
}

.container {
  margin-top: 60px;
  margin-bottom: 0px;
}

.form-signin {
  padding: 30px 30px 50px 30px;
  max-width: 300px;
  margin: 0 auto;
  background: #2c9a2e;
}

.form-signin .checkbox {
  margin-bottom: 10px;
  color: #fff;
  text-align: center;
}

h2.form-signin-heading {
  font-weight: 100;
  font-size: 30px;
  margin-top: 40px;
  margin: 0px;
  margin-bottom: 20px;
  color: #fff;
  text-align: center;

  font-family: "TheSerifExtraBold", Tahoma, Verdana, Arial, Sans-serif;
}

.form-signin input[type="text"],
.form-signin input[type="password"],
.form-signin input[type="date"],
.form-signin select {
  font-size: 14px;
  height: auto;
  margin-bottom: 15px;
  font-family: "Open Sans", sans-serif;
  width: 100%;
  padding: 9px 0px;
  text-align: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
}

.form-signin span {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 12px;
  margin-top: 15px;
}

.form-signin label span {
  font-family: "TheSerifExtraBold", Tahoma, Verdana, Arial, Sans-serif;
  font-size: 18px;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: center;
}

.btn-large {
  width: 100%;
  padding: 9px 0px;
  text-align: center;
  font-size: 14px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  background: #2a872c;
  color: #fff;
  font-family: "Open Sans", sans-serif;
}

.btn-large:disabled,
.btn-large[disabled] {
  border: 1px solid #95cc96;
  background-color: #95cc96;
  /* color: red; */
  cursor: not-allowed;
}

.wwgrey {
  width: 100%;
  float: left;
  clear: left;
}

.wwgrey span {
  text-align: left;
  margin-top: 5px;
  margin-bottom: 15px;
}

.wworange {
  width: 66%;
}

.wwred {
  width: 33%;
}

.wwgreen {
  width: 100%;
}

.error {
  text-align: center;
  padding: 8px 10px;

  border: 1px solid #c9302c;
  background: #d9534f;
  color: #fff;
  border-radius: 3px;
}

.versie {
  position: absolute;
  bottom: 0;
  text-align: center;
  font-style: italic;
  margin: 10px;
  font-size: 12px;
}

.versie a {
  text-decoration: none;
  color: #fff;
}

.versie a:hover {
  text-decoration: underline;
}

@font-face {
  font-family: "Scouting";
  src: url("/admin/asset/fontface/you_are_loved-webfont.eot");
  src: url("/admin/asset/fontface/you_are_loved-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("/admin/asset/fontface/you_are_loved-webfont.woff") format("woff"),
    url("/admin/asset/fontface/you_are_loved-webfont.ttf") format("truetype"),
    url("/admin/asset/fontface/you_are_loved-webfont.svg#YouAreLovedRegular")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

@media (max-width: 1024px) {
  body {
    background-color: #2c9a2e;
  }

  .versie {
    display: none;
  }
}