table#booking_overview_table td, table#booking_overview_table th {
  padding: 2px;
  border-color: rgba(255, 255, 255, 0.2); }
  table#booking_overview_table tr.type_reservation {
    background-image: url(/static/images/booking_stripes.png); }
    table#booking_overview_table tr.booking td {
      background-color: rgba(255, 255, 255, 0.4); }
table#booking_overview_table th.action {
  text-align: right; }
  table#booking_overview_table thead tr th:nth-child(2) {
    text-align: right; }

body {
  padding-top: 85px; }

  span.warning {
    color: #FF4456;
    font-weight: bold; }

    .login-screen {
      width: 300px;
      margin: 0 auto; }
      .login-screen h2 {
        text-align: center;
        margin-top: 0px; }
        .login-screen .pass {
          margin-top: 10px; }
          .login-screen button {
            margin-top: 10px; }

.navbar-fixed-top {
  border: 0;
  background-color: #eee; }
  .navbar-fixed-top a {
    color: black; }
    .navbar-fixed-top a:hover {
      color: #555; }

.navbar-header img {
  margin-top: -5px; }

  ul.main-menu a.active {
    background: #DDD;
    border-bottom: 3px solid #BBB; }

    .bs-callout {
      padding: 20px;
      margin: 20px 0;
      border: 1px solid #eee;
      border-left-width: 5px;
      border-radius: 3px; }

      .bs-callout h4 {
        margin-top: 0;
        margin-bottom: 5px; }

        .bs-callout p:last-child {
          margin-bottom: 0; }

          .bs-callout code {
            border-radius: 3px; }

            .bs-callout + .bs-callout {
              margin-top: -5px; }

              .bs-callout-default {
                border-left-color: #777; }

                .bs-callout-default h4 {
                  color: #777; }

                  .bs-callout-primary {
                    border-left-color: #428bca; }

                    .bs-callout-primary h4 {
                      color: #428bca; }

                      .bs-callout-success {
                        border-left-color: #5cb85c; }

                        .bs-callout-success h4 {
                          color: #5cb85c; }

                          .bs-callout-danger {
                            border-left-color: #d9534f; }

                            .bs-callout-danger h4 {
                              color: #d9534f; }

                              .bs-callout-warning {
                                border-left-color: #f0ad4e; }

                                .bs-callout-warning h4 {
                                  color: #f0ad4e; }

                                  .bs-callout-info {
                                    border-left-color: #5bc0de; }

                                    .bs-callout-info h4 {
                                      color: #5bc0de; }

                                      div.itemlist {
                                        padding-top: 10px; }
                                        div.itemlist div.listitem {
                                          background: #F0F0F0;
                                          padding: 10px;
                                          margin-bottom: 10px;
                                          width: 400px;
                                          border-radius: 3px;
                                          position: relative;
                                          overflow: hidden;
                                          box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2); }
                                          div.itemlist div.listitem div.cornerbtn {
                                            padding: 3px;
                                            position: absolute;
                                            right: 0px;
                                            top: 0px; }
                                            div.itemlist div.listitem div.cornerbtn button {
                                              margin-bottom: 3px; }

.fade {
  opacity: 0;
  transition: opacity 0.1s linear; }

  .tab-pane {
    padding-top: 10px; }

    label.thin {
      font-weight: normal; }

      tr.selected {
        background: #700; }

        div.modal-form-container {
          display: none; }

          table.datatable {
            display: table; }
            table.datatable button {
              margin-left: 5px; }
              table.datatable button:first-child {
                margin-left: 0px; }
                table.datatable td {
                  padding: 3px !important; }
                  table.datatable .dt-body-right {
                    text-align: right !important; }
                    table.datatable .selected_participant {
                      background-color: #D3F5C9; }
                      table.datatable .has_accomodation {
                        background-color: #f8fd00; }
                        table.datatable .has_booking {
                          background-color: #37fd00 !important; }

div.dataTables_filter {
  float: right; }

  div.table-daterange-container {
    display: flex; }
    div.table-daterange-container > * {
      flex: 0 1 auto;
      align-items: flex-start; }
      div.table-daterange-container > *:not(:last-child) {
        margin-right: 5px; }

table.person_selection {
  margin-bottom: 20px; }
  table.person_selection td:first-child {
    padding-right: 5px; }
    table.person_selection tr.headline-search th {
      padding-top: 10px; }

@media print {
  html {
    padding: 0;
    margin: 0;   }
    body {
      background: red;
      padding-top: 0;   }
      h1 {
        font-size: 10pt;
        margin-top: 0;   }
        table *.action-column {
          display: none;   }
          table *.select-column {
            display: none;   }
}

table.table-nonfluid {
  width: 100% !important; }

  .unobstrusive {
    color: #AAA;
    font-size: x-small; }

    .mfp-bg {
      z-index: 2042; }

      .mfp-wrap {
        z-index: 2043; }

        .mfp-content {
          z-index: 2045; }

          .mfp-preloader {
            z-index: 2044; }

            button.mfp-close, button.mfp-arrow {
              z-index: 2046; }

              .modal-dialog-x {
                position: relative;
                display: table;
                overflow-y: auto;
                overflow-x: auto;
                width: auto;
                min-width: 600px;
                min-height: 300px;
                margin: 30px auto;
                z-index: 10; }

                .booking-free {
                  background-color: #EEFFEE; }

                  .booking-booked {
                    background-color: #FFD3D3; }

                    .booking-reserved {
                      background-color: #FFECD8; }

                      tr.booking-booked td {
                        background-color: #FFD3D3 !important; }

                        tr.booking-reserved td {
                          background-color: #FFECD8 !important; }

                          .input-daterange {
                            width: 220px !important; }

                            .booked {
                              background-color: #FFD3D3; }

                              .reserved {
                                background-color: #FFECD8; }

                                div.room-editor-outer-container {
                                  display: flex;
                                  margin-bottom: 10px; }
                                  div.room-editor-outer-container span.handle {
                                    opacity: 0.6;
                                    cursor: move;
                                    display: inline-block;
                                    margin-right: 5px; }
                                    div.room-editor-outer-container span.handle:after {
                                      content: "☰"; }
                                  div.room-editor-outer-container input {
                                    background-color: rgba(255, 255, 255, 0.5);
                                    border-radius: 4px;
                                    padding: 2px;
                                    padding-left: 4px;
                                    padding-right: 4px;
                                    margin-bottom: 2px;
                                    border: 1px solid rgba(0, 0, 0, 0.2); }
                                    div.room-editor-outer-container input.room-group-name {
                                      font-weight: bold;
                                      flex: 1 1 auto; }
                                      div.room-editor-outer-container input.room-name {
                                        flex: 1 1 auto;
                                        margin-left: 4px;
                                        width: 2em; }
                                        div.room-editor-outer-container input.bed-count {
                                          margin-left: 4px;
                                          width: 2em; }
                                          div.room-editor-outer-container input.color {
                                            margin-left: 4px; }
                                            div.room-editor-outer-container div.title {
                                              font-weight: bold; }
                                              div.room-editor-outer-container div.unassigned-rooms {
                                                margin-left: 5px;
                                                border-radius: 3px;
                                                width: 300px;
                                                padding: 5px; }
                                                div.room-editor-outer-container div.panel {
                                                  border-radius: 3px;
                                                  padding: 5px;
                                                  background: #EEE; }
                                                  div.room-editor-outer-container div.room-groups {
                                                    width: 300px; }
                                                    div.room-editor-outer-container div.room-groups div.room-group {
                                                      border-radius: 2px;
                                                      padding: 3px;
                                                      min-height: 50px; }
                                                      div.room-editor-outer-container div.room-groups div.room-group div.header {
                                                        padding: 3px;
                                                        display: flex; }
                                                        div.room-editor-outer-container div.room-groups div.room-group:not(:last-child) {
                                                          margin-bottom: 5px; }
                                  div.room-editor-outer-container ul.rooms {
                                    background-color: rgba(255, 255, 255, 0.2);
                                    border-radius: 2px;
                                    margin: 0;
                                    padding: 1px;
                                    list-style: none;
                                    min-height: 26px; }
                                    div.room-editor-outer-container ul.rooms li.room {
                                      display: flex;
                                      align-items: center;
                                      border-radius: 2px;
                                      padding: 3px;
                                      padding-right: 4px;
                                      background-color: rgba(255, 255, 255, 0.4);
                                      margin: 1px; }
                                      div.room-editor-outer-container ul.rooms li.room.unsaved {
                                        background-color: rgba(255, 0, 21, 0.2); }
                                        div.room-editor-outer-container ul.rooms li.room i {
                                          margin-left: 5px; }
                                  div.room-editor-outer-container div.delete-button {
                                    padding-left: 4px;
                                    color: rgba(0, 0, 0, 0.6); }

#_loading {
  position: fixed;
  z-index: 9999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: none; }

  #_loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3); }

    #_loading:not(:required) {
      font: 0 / 0 a;
      color: transparent;
      text-shadow: none;
      background-color: transparent;
      border: 0; }

      #_loading:not(:required):after {
        content: '';
        display: block;
        font-size: 10px;
        width: 1em;
        height: 1em;
        margin-top: -0.5em;
        animation: spinner 1500ms infinite linear;
        border-radius: 0.5em;
        box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0,
                0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0,
                0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0,
                0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0; }

        @keyframes spinner {
          0% {
            transform: rotate(0deg);   }
            100% {
              transform: rotate(360deg);   }
}

input.currency {
  text-align: right;
  width: 100px !important; }

  input.datepicker {
    width: 8em !important; }

    span.currency-negative {
      color: red; }

      .checkbox_centered {
        text-align: center; }

        div.sticky-wrapper-nav {
          position: sticky;
          left: 0;
          top: 60px;
          z-index: 50;
          background: white; }

          div#nav_tabs {
            display: none; }

            @media print {
              @page {
                margin-top: 95mm;
                margin-bottom: 15mm;
                margin-left: 14mm;
                margin-right: 15mm;
                size: A4;   }
                @page :first {
                  margin-top: 0;   }
}

div.invoice table {
  border-spacing: 10px; }
  div.invoice table thead {
    border-bottom: 1px solid #BBB; }
    div.invoice table thead th.description {
      width: 600px; }
      div.invoice table thead th.amount {
        width: 100px; }
        div.invoice table thead th.price {
          width: 100px; }
  div.invoice table tbody td {
    padding-bottom: 20px;
    border-bottom: 1px dashed #CCC; }

table.invoice th {
  text-align: right; }
  table.invoice th.description {
    text-align: left;
    width: 40%; }
    table.invoice td, table.invoice th {
      padding: 5px; }
      table.invoice td.number {
        text-align: right; }
        table.invoice td.total {
          font-weight: bold;
          font-weight: bold; }
          table.invoice td.monetary, table.invoice th.monetary {
            text-align: right;
            white-space: nowrap; }
            table.invoice td.monetary:after, table.invoice th.monetary:after {
              content: " EUR"; }

table.invoices tr.canceled td {
  color: #CCC; }

table.render-table {
  width: 100%; }

  input:invalid {
    border: 1px solid #FFBBBB;
    background: #FFF5F5; }

    img.participant-image {
      border-radius: 5px;
      border: 1px solid #BBB; }

      .xcontainer {
        border: 1px solid red; }

        .small-panel {
          width: 400px; }

          div.textblocks {
            width: 600px; }

            div.typeahead__field {
              width: 300px; }
              div.typeahead__field input {
                border-radius: 4px; }

@media screen {
  div.render-container {
    border: 1px solid #DDD;
    width: 900px;
    padding: 30px;
    margin-bottom: 30px;   }
}

div.changes {
  padding-left: 20px; }

  #file_form textarea {
    width: 100%;
    height: 10em; }

    div.notes-display {
      padding: 4px;
      margin-top: 5px;
      background: #FAFAFA;
      border-radius: 3px; }

      span.filesize {
        color: #AAA; }

        div.file-display {
          margin-bottom: 5px; }

          div.pre-save-bar {
            margin-bottom: 200px; }

            div.save-bar {
              background: linear-gradient(to bottom, rgba(240, 240, 240, 0), #f0f0f0 26%, #f0f0f0);
              width: 100%;
              height: 100px;
              padding: 10px;
              padding-top: 40px;
              padding-bottom: 5px;
              z-index: 99999;
              position: fixed;
              bottom: 0px;
              left: 0px; }

              .tristate {
                height: 25px;
                width: 25px; }

                input[type=radio] {
                  margin-top: 0; }

                  i.missing-email {
                    color: red; }

                    input[type=number] {
                      -moz-appearance: textfield; }

                      img.featherlight-inner {
                        border: 1px solid #DDD; }

                        span.featherlight-previous span, span.featherlight-next span {
                          color: rgba(0, 0, 0, 0.7) !important; }

label.radio-label {
  display: block;
  padding-left: 15px;
  text-indent: -15px; }

  input.labeled-radio {
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden; }

    div.group-label-container {
      border-radius: 3px;
      padding: 4px;
      width: 250px;
      margin-bottom: 2px; }

      div.booking-matrix {
        border-radius: 3px;
        display: inline-block; }
        div.booking-matrix table {
          margin-bottom: 0; }
          div.booking-matrix table th, div.booking-matrix table td {
            border: 1px solid rgba(0, 0, 0, 0.2); }
            div.booking-matrix table tr:not(:first-child) {
              background-color: rgba(255, 255, 255, 0.4); }
              div.booking-matrix table th:first-child, div.booking-matrix table td:first-child {
                border-left: 0; }
                div.booking-matrix table th:last-child, div.booking-matrix table td:last-child {
                  border-right: 0; }
                  div.booking-matrix table tr:first-child th,
                  div.booking-matrix table tr:first-child td {
                    border-top: 0; }
                    div.booking-matrix table tr:first-child th:first-child,
                    div.booking-matrix table tr:first-child td:first-child {
                      border-top-left-radius: 3px; }
                      div.booking-matrix table tr:first-child th:last-child,
                      div.booking-matrix table tr:first-child td:last-child {
                        border-top-right-radius: 3px; }
          div.booking-matrix table tr:last-child th,
          div.booking-matrix table tr:last-child td {
            border-bottom: 0; }
            div.booking-matrix table tr:last-child th:first-child,
            div.booking-matrix table tr:last-child td:first-child {
              border-bottom-left-radius: 3px; }
              div.booking-matrix table tr:last-child th:last-child,
              div.booking-matrix table tr:last-child td:last-child {
                border-bottom-right-radius: 3px; }