body, html {
  min-height: 100%;
  font-family: "Century Gothic", "Futura", "arial"; }

a {
  text-decoration: none;
  color: #18888F; }

h1 {
  font-size: 1.75em;
  margin-top: 0.25em; }

hr {
  border: none;
  border-top: 2.5px dotted #3C909F;
  margin: 1.5em 0;
  clear: both; }

nav {
  height: 3em; }
  nav .container {
    padding: 0 10vw;
    padding-top: 1em;
    text-align: right; }
    @media (max-width: 748px) {
      nav .container {
        padding: 1em; } }
  nav .navigation {
    float: left; }
  @media (max-width: 748px) {
    nav .login {
      display: none; } }

div.profiel {
  float: left;
  margin-bottom: 2em; }

div.naam {
  float: left;
  width: 500px;
  position: relative;
  top: 20px;
  left: -20px; }
  @media (max-width: 748px) {
    div.naam {
      left: 0;
      top: 0; } }

.container {
  padding: 1em 10vw;
  max-width: 960px;
  margin: auto; }
  @media (max-width: 748px) {
    .container {
      padding: 1em; } }

header {
  background: url("/static/images/bokeh.jpg");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: white; }
  header h1 {
    font-size: 3em;
    margin-top: 0.25em;
    margin-bottom: 0.5em;
    text-shadow: 3px 3px 10px black; }
    header h1 a {
      color: white;
      text-decoration: none; }
  @media (max-width: 748px) {
    header {
      font-size: 70%; } }

article {
  background: white; }

dl {
  line-height: 1.5; }

dt {
  font-size: 1.5em;
  margin: 0.25em 0;
  font-weight: bold;
  color: #62B3B8; }

dd {
  margin-left: 0;
  margin-bottom: 2em; }

img.stars {
  width: 2em;
  position: relative;
  left: -0.15em;
  top: 0.3em; }

.teamtable {
  width: 100%; }

table.two-equal-width-columns td {
  width: 50%; }

td.excluded {
  color: #AAAAAA; }

/*
  workaround for
  https://github.com/django-debug-toolbar/django-debug-toolbar/issues/742
*/
[hidden] {
  display: block !important; }

/* Forms */
input[type=text], input[type=email], input[type=password] {
  width: 280px; }

.form-textinput-wide {
  width: calc(100% - 200px) !important; }
  @media (max-width: 748px) {
    .form-textinput-wide {
      width: 100% !important; } }

.form-textarea-wide {
  width: calc(100% - 200px) !important; }
  @media (max-width: 748px) {
    .form-textarea-wide {
      width: 100% !important; } }

fieldset {
  padding-top: 0 !important; }

.pure-button-primary {
  background-color: #56C5D9 !important; }

.pure-button-primary:hover {
  background-color: #3C909F !important; }

.dangerous-action {
  background-color: #EC8180 !important; }

.field-error input, .field-error select {
  border: 1px solid red !important; }

.errorlist {
  list-style: none;
  margin: 0;
  padding: 0;
  color: red; }

.table_with_edit_fields {
  border-collapse: separate;
  border-spacing: 10px;
  *border-collapse: expression('separate', cellSpacing = '10px'); }

.confirm-delete {
  background-color: #EC8180 !important; }

.incorrect-login {
  color: red;
  margin: 2em 0; }

/* Profile avatar */
body.droppable .profile-avatar-wrap {
  border: 5px dashed lightblue;
  z-index: 9999; }

.profile-avatar-button-wrap {
  margin-left: 5px;
  margin-top: 10px; }
  .profile-avatar-button-wrap button {
    width: 145px; }

.profile-avatar-wrap {
  width: 145px;
  height: 145px;
  pointer-events: none;
  border: 5px solid transparent; }

.profile-avatar-wrap:after {
  /* Drag Prevention */
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.profile-avatar-wrap img {
  width: 100%;
  display: block; }

.profile-foto-missing-message {
  color: red; }

/* Buttons size modifiers */
.button-small {
  font-size: 85%; }

/* options for a test question */
.test-options {
  font-size: 75%;
  font-style: italic; }

/* Language buttons */
footer {
  margin-bottom: 10vw; }
  footer hr {
    margin-bottom: 0.5em; }
  footer form {
    float: right; }
    footer form input {
      height: 20px;
      opacity: 0.5;
      cursor: pointer;
      margin-left: 10px;
      border: 2px solid transparent; }
    footer form input:hover {
      opacity: 1.0; }
    footer form input.active {
      outline: 2.5px solid #3C909F; }

/*# sourceMappingURL=main2.css.map */