.form-group {
    margin-bottom: 20px;
    width: 900px;
    position: relative;
}
.autocomplete {
    position: absolute;
    background-color:#eee;
    
    width: 100%;
    z-index: 100;
    box-sizing: border-box;
}

#yform-formular-status {
    display: none;
}

.ac-element {
    cursor: pointer;
    padding: 10px;
}

.ac-element:hover {
    background-color: #ddd ;
}

.status-traffic-line {
    cursor: pointer;
    right: -50px;
    top: 20px;
    font-size: 30px;
    position: absolute;
}

.seat-wrapper{
    margin-bottom: 20px;
}

.seat {
    position: relative;
    cursor: pointer;
    white-space: nowrap;
    width: 33px;
    height: 33px;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 2.5px;
}

.row .seat:nth-of-type(2){
    margin-bottom: 25px;
}


.seat.booked {
    background-image: url('/assets/img/booked_seat_img.gif');
}

.seat.free {
    background-image: url('/assets/img/available_seat_img.gif');
}

.seat.selected {
    background-image: url('/assets/img/selected_seat_img.gif');
}

.seat span {
    position: absolute;
    font-size: 13px;
    top: 0;
}

.rides ul{
    width: 900px;
}

.rides table {
    width: 100%;
}

select option[selected="selected"] {
    background: lightgrey;
}

.ui-multiselect-menu {
    display: block;
}

.logo {
    width: 400px;
}

.uk-button.button-de-it {
    background-image: url('/assets/img/ger-ita_0.jpg');
    background-size: cover;
    background-position: center;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0px 0px 5px black;
  }

  .uk-button.button-de-it.uk-active {
    background-image: url('/assets/img/ger-ita_1.jpg');
    border: 2px blue solid;
  }

  .uk-button.button-it-de {
    background-image: url('/assets/img/ita-ger_0.jpg');
    background-size: cover;
    background-position: center;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0px 0px 5px black;
  }
  .uk-button.button-it-de.uk-active {
    background-image: url('/assets/img/ita-ger_1.jpg');
    border: 2px blue solid;
  }   

  #print {
      cursor: pointer;
  }  
  .login-form .form-group {
      text-align: center;
  }
  .login-form label {
      cursor: pointer;
     
  }
  .login-form input {
      height: 25px;
      margin-left: 10px;
  }

  .login-form input[type="checkbox"]
  {
      height: auto;
  }

  .login-form .checkbox {
      margin-bottom: 20px;
  }

  .nav-buttons{
      display: flex;
      flex-direction: row;
      justify-content: space-between;
  }

  .nav-buttons a {
      width: 48%;
      padding-top: 5px;
      padding-bottom: 5px;
  }

  .rides .month:nth-of-type(2n) a.uk-accordion-title {
      background-color: lightgray;
  }

  .rides .month {
    margin: 0;
    
  }

  .rides .month a.uk-accordion-title {
      padding: 15px;
      border: 1px solid grey;
  }

  .rides th {
      border-bottom: solid 1px grey;
  }

  .rides .month tr:nth-of-type(2n){
    background-color: lightgray;
  }

  .ride-table tr:nth-of-type(2n) {
    background: lightgray !important;
  }

  .ui-datepicker {
      width: 30rem;
  }

 .ui-datepicker td span, .ui-datepicker td a {
     padding: 0.5rem 0.2rem;
     font-size: 1.1rem;
     text-align: center;
 }

.big-text {
    font-size: 1.1rem;
}

.small-text {
    font-size: 0.8rem;
}

  @media print {
      .navi {
          display: none;
      }

      .hide-4-print {
        display: none;
      }

      .uk-table th {
          padding: 10px 2px;
      }
      .uk-table td  {
          padding: 4px 2px;
      }

      .uk-container.print-container {
          max-width: 100%;
          min-width: 100%;
          padding: 20px;
          box-sizing: border-box;
      }
      .ride-table tr {
          border-bottom: 1px solid gray;
      }
    html {
        font-size: 12px;
    }
  }