.clearfix:before, form.filter:before, #fileupload.single:before,
.clearfix:after,
form.filter:after,
#fileupload.single:after {
  content: " ";
  display: table; }

.clearfix:after, form.filter:after, #fileupload.single:after {
  clear: both; }

.clearfix, form.filter, #fileupload.single {
  *zoom: 1; }

/*==================================================
 * Item list
 * ===============================================*/
.lock_description {
  background-color: #fff;
  padding: 24px 30px; }

nav.filter {
  margin-bottom: 24px; }
  nav.filter .form-row {
    float: right; }
    nav.filter .form-row label {
      width: auto;
      padding-right: 20px; }
    nav.filter .form-row select {
      width: auto; }

/*==================================================
 * Moderatie tool
 * ===============================================*/
.moderate_type {
  color: #f15a3b;
  font-size: 16px; }

.news.moderate article, .events.moderate article, .albums.moderate article, .documents.moderate article {
  height: auto; }
  .news.moderate article .content, .events.moderate article .content, .albums.moderate article .content, .documents.moderate article .content {
    height: auto; }

.orange {
  color: #f15a3b;
  font-weight: bold; }

.trashed,
.moderation-buttons {
  clear: both;
  border-top: 1px solid #d4d4d4;
  padding-top: 5px;
  color: #f15a3b;
  font-weight: bold;
  font-size: 14px; }
  .trashed *,
  .moderation-buttons * {
    padding: 0 10px;
    border-left: 1px solid #d4d4d4; }
  .trashed *:first-child,
  .moderation-buttons *:first-child {
    padding-left: 0;
    border-left: 0; }

.button.approve, button.approve {
  background-color: #5cb85c;
  border-color: #3c763d; }

.button.deny, button.deny {
  background-color: #d9534f;
  border-color: #a94442; }

form.edit-form .form-row input[disabled],
form.edit-form .form-row textarea[disabled],
form.edit-form .form-row select[disabled] {
  color: graytext;
  border: 1px solid #d4d4d4; }

form.edit-form .form-row.form-row-recurring .label, form.edit-form .form-row.form-row-recurring-ondays .label {
  display: inline;
  padding: 0 10px; }

form.edit-form .form-row.form-row-recurring .label:first-child, form.edit-form .form-row.form-row-recurring-ondays .label:first-child {
  padding-left: 0; }

form.edit-form .form-row.form-row-recurring .label.float, form.edit-form .form-row.form-row-recurring-ondays .label.float {
  float: left; }

form.edit-form .form-row.form-row-recurring select, form.edit-form .form-row.form-row-recurring-ondays select {
  display: inline;
  float: none;
  width: auto; }

form.edit-form .form-row.form-row-recurring select[multiple], form.edit-form .form-row.form-row-recurring-ondays select[multiple] {
  width: 200px; }

form.edit-form .form-row.form-row-recurring .ms-parent, form.edit-form .form-row.form-row-recurring-ondays .ms-parent {
  display: inline-block;
  float: none; }

form.edit-form .form-row.form-row-recurring .ms-drop .ms-select-all, form.edit-form .form-row.form-row-recurring-ondays .ms-drop .ms-select-all {
  margin-bottom: 15px;
  padding-bottom: 20px; }

form.edit-form .form-row.form-row-recurring .recurring_until, form.edit-form .form-row.form-row-recurring-ondays .recurring_until {
  display: block;
  padding-left: 59px; }
  form.edit-form .form-row.form-row-recurring .recurring_until label,
  form.edit-form .form-row.form-row-recurring .recurring_until input, form.edit-form .form-row.form-row-recurring-ondays .recurring_until label,
  form.edit-form .form-row.form-row-recurring-ondays .recurring_until input {
    display: inline-block;
    float: none;
    width: auto; }
    form.edit-form .form-row.form-row-recurring .recurring_until label[type="number"],
    form.edit-form .form-row.form-row-recurring .recurring_until input[type="number"], form.edit-form .form-row.form-row-recurring-ondays .recurring_until label[type="number"],
    form.edit-form .form-row.form-row-recurring-ondays .recurring_until input[type="number"] {
      width: 60px; }
  form.edit-form .form-row.form-row-recurring .recurring_until label em, form.edit-form .form-row.form-row-recurring-ondays .recurring_until label em {
    display: block;
    white-space: normal;
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
    font-style: normal; }

form .form-row .select-and-go select {
  width: calc(100% - 70px); }

form .form-row .select-and-go button {
  float: right;
  height: 31px;
  line-height: 31px;
  padding: 0 20px; }

/*==================================================
 * Edit profile
 * ===============================================*/
.edit-opvang {
  display: none; }

.calendar-icon {
  background: url(/img/kalender-afgemeld.png) no-repeat center center;
  width: 250px;
  height: 250px;
  display: block;
  color: #000;
  margin: 0 auto 23px;
  opacity: 0.5; }
  .calendar-icon.subscribed {
    background-image: url(/img/kalender-aangemeld.png);
    opacity: 1; }
  .calendar-icon.unsubscribed {
    background-image: url(/img/kalender-afgemeld.png);
    opacity: 1; }
  .calendar-icon > * {
    display: block;
    text-align: center; }
  .calendar-icon .month {
    padding-top: 54px;
    font-size: 34px;
    line-height: 44px;
    color: #fff; }
  .calendar-icon .dayofweek {
    font-size: 48px;
    line-height: 53px;
    color: #333;
    padding-top: 20px; }
    .calendar-icon .dayofweek .day {
      font-size: 50px;
      color: #000; }
  .calendar-icon .state {
    padding-top: 13px;
    font-size: 29px;
    line-height: 29px;
    font-weight: bold;
    text-transform: lowercase; }

.list-items:after {
  content: ", "; }

.list-items:last-child:after {
  content: ""; }

.kindgegevens textarea {
  height: 99px; }

/*==================================================
 * Albums
 * ===============================================*/
ol.album {
  list-style: none;
  padding: 0;
  margin: 0; }
  ol.album li {
    display: inline-block; }
  ol.album li a {
    display: block; }
  ol.album li a img {
    display: block;
    width: 100px;
    height: 100px;
    border: 0; }

table.album-media {
  margin-bottom: 0;
  width: 100%; }
  table.album-media tr {
    border-bottom: 0; }
  table.album-media .preview {
    width: 150px;
    padding-left: 0;
    position: relative; }
    table.album-media .preview img {
      display: block;
      width: 150px;
      height: 150px; }
    table.album-media .preview img, table.album-media .preview canvas {
      transition: transform 0.2s ease-out; }
    table.album-media .preview a.rotate,
    table.album-media .preview a.remove {
      position: absolute;
      top: 10px;
      left: 128px;
      display: block;
      font-size: 20px; }
      table.album-media .preview a.rotate .fa,
      table.album-media .preview a.remove .fa {
        color: #fff !important;
        filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.5)); }
    table.album-media .preview a.rotate {
      left: 10px; }
  table.album-media.no-description .preview {
    padding-left: 226px; }
  table.album-media.no-description .remove {
    width: calc(100% - 326px);
    padding-left: 20px; }
  table.album-media input[type="text"] {
    width: 100% !important; }

/*==================================================
 * Agenda
 * ===============================================*/
.events article {
  height: auto; }
  .events article .content {
    height: auto;
    min-height: 158px; }
    .events article .content .overflow {
      height: auto; }
      .events article .content .overflow ul {
        font-size: 12px;
        padding: 0 0 0 20px;
        margin-bottom: 23px; }
      .events article .content .overflow p + ul {
        margin-top: -5px; }

/*==================================================
 * Users
 * ===============================================*/
table.userinfo caption {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
  text-align: left; }

table.userinfo th {
  width: 30%; }

table.userinfo td {
  width: 70%; }

/*==================================================
 * Invoices / payments
 * ===============================================*/
form.filter {
  padding-left: 11px; }
  form.filter label {
    float: left;
    display: block;
    line-height: 40px;
    margin-right: 10px; }
  form.filter select {
    float: left;
    display: block;
    width: 200px;
    height: 40px;
    padding: 0 5px;
    box-sizing: border-box; }

@media only screen and (max-width: 767px) {
  form.filter label {
    width: 50%;
    margin-right: 0; }
  form.filter select {
    width: 50%; } }

/*==================================================
 * Documents
 * ===============================================*/
section.documents article .preview {
  position: absolute;
  top: 0;
  left: 0;
  width: 180px;
  height: 180px;
  text-align: center;
  line-height: 180px; }
  section.documents article .preview .fa {
    font-size: 50px; }

table.documents .download-button {
  width: 150px; }

/*==================================================
 * Aan / afmelden
 * ===============================================*/
.timer {
  font-size: 50px;
  color: #333; }

/*==================================================
 * Multi file upload
 * ===============================================*/
.button-fileinput {
  position: relative;
  overflow: hidden;
  display: inline-block;
  cursor: pointer; }
  .button-fileinput input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px !important;
    direction: ltr;
    cursor: pointer;
    float: none !important;
    padding: 0 !important;
    width: auto !important; }

@media screen\9 {
  .button-fileinput input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%; } }

#fileupload {
  clear: both; }
  #fileupload.single .upload-preview {
    width: 150px;
    float: left; }
  #fileupload.single .upload-meta {
    float: left;
    margin-left: 20px;
    font-size: 14px;
    line-height: 20px;
    width: calc(100% - 170px);
    white-space: nowrap; }
    #fileupload.single .upload-meta .button {
      float: none;
      margin-left: 5px; }
    #fileupload.single .upload-meta .button-fileinput {
      top: 7px; }

.upload-preview {
  margin-bottom: 0; }

#preview-container .loading {
  width: 150px;
  height: 150px; }

#preview-container .thumbnail-container {
  position: relative; }
  #preview-container .thumbnail-container img,
  #preview-container .thumbnail-container canvas {
    transition: transform 0.2s ease-out; }
  #preview-container .thumbnail-container .rotate,
  #preview-container .thumbnail-container .remove {
    position: absolute;
    top: 5px;
    left: 122px;
    font-size: 20px; }
    #preview-container .thumbnail-container .rotate .fa,
    #preview-container .thumbnail-container .remove .fa {
      color: #f05a3b; }
  #preview-container .thumbnail-container .rotate {
    left: 10px;
    font-size: 30px; }
  #preview-container .thumbnail-container .thumbnail {
    width: 150px;
    display: block; }
    #preview-container .thumbnail-container .thumbnail:empty {
      height: 150px;
      background: url("/img/no-photo.png");
      background-size: 150px 150px; }
    #preview-container .thumbnail-container .thumbnail img,
    #preview-container .thumbnail-container .thumbnail video,
    #preview-container .thumbnail-container .thumbnail audio {
      width: 150px;
      height: auto; }
    #preview-container .thumbnail-container .thumbnail .fa {
      width: 150px;
      text-align: center; }
  #preview-container .thumbnail-container .filename {
    display: none; }

#preview-container td.thumbnail-container {
  width: 150px; }
  #preview-container td.thumbnail-container .remove {
    top: 10px;
    right: 20px; }
  #preview-container td.thumbnail-container .rotate {
    top: 10px;
    left: 20px; }

#preview-container tr.error {
  background-color: #f9f2f4;
  color: #c7254e; }

#preview-container a, #preview-container a span {
  color: #000; }

.lt-ie10 #preview-container .thumbnail-container .thumbnail {
  display: none; }

.lt-ie10 #preview-container .thumbnail-container .filename {
  display: inline-block; }

.lt-ie10 #preview-container .thumbnail-container .remove {
  position: static;
  display: inline-block; }
  .lt-ie10 #preview-container .thumbnail-container .remove .fa {
    color: #000; }

.progress {
  width: 100%;
  height: 20px;
  position: relative;
  margin-bottom: 20px;
  background-color: #d4d4d4; }
  .progress .bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #f15a3b;
    display: block;
    transition: width 0.2s ease-out; }
  .progress .label {
    width: 100%;
    text-align: center;
    position: relative;
    line-height: 20px;
    font-size: 14px;
    display: block; }

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