/*---------------*/
/* Import colors */
/*---------------*/
@media only screen and (max-width: 800px) {
  .datepicker-container {
    margin-left: 20px; } }
.datepicker-container .datepicker {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  height: auto !important;
  width: auto !important; }
  .datepicker-container .datepicker a {
    color: inherit;
    text-decoration: none; }
  .datepicker-container .datepicker .datepickerContainer {
    height: auto !important;
    width: auto !important; }
    .datepicker-container .datepicker .datepickerContainer .datepickerBlock:not(:first-child) {
      padding-left: 5px; }
    .datepicker-container .datepicker .datepickerContainer .datepickerBlock table thead tr {
      height: 24px; }
      .datepicker-container .datepicker .datepickerContainer .datepickerBlock table thead tr th {
        font-weight: normal; }
      .datepicker-container .datepicker .datepickerContainer .datepickerBlock table thead tr.datepickerDoW th {
        background-color: #00929f;
        color: white; }
    .datepicker-container .datepicker .datepickerContainer .datepickerBlock table thead .datepickerGoPrev {
      left: 0;
      position: absolute; }
    .datepicker-container .datepicker .datepickerContainer .datepickerBlock table thead .datepickerGoNext {
      position: absolute;
      right: 0; }
    .datepicker-container .datepicker .datepickerContainer .datepickerBlock table tbody tr {
      border-bottom: 1px solid whitesmoke;
      width: 196px; }
      .datepicker-container .datepicker .datepickerContainer .datepickerBlock table tbody tr td, .datepicker-container .datepicker .datepickerContainer .datepickerBlock table tbody tr th {
        height: 30px;
        padding: 5px;
        text-align: center;
        width: 50px;
        cursor: pointer; }
        .datepicker-container .datepicker .datepickerContainer .datepickerBlock table tbody tr td.datepickerNotInMonth, .datepicker-container .datepicker .datepickerContainer .datepickerBlock table tbody tr th.datepickerNotInMonth {
          visibility: hidden; }
        .datepicker-container .datepicker .datepickerContainer .datepickerBlock table tbody tr td.datepickerToday a, .datepicker-container .datepicker .datepickerContainer .datepickerBlock table tbody tr th.datepickerToday a {
          font-weight: bold; }
        .datepicker-container .datepicker .datepickerContainer .datepickerBlock table tbody tr td.datepickerFuture a, .datepicker-container .datepicker .datepickerContainer .datepickerBlock table tbody tr th.datepickerFuture a {
          color: #DDDDDD; }
        .datepicker-container .datepicker .datepickerContainer .datepickerBlock table tbody tr td.datepickerSelected, .datepicker-container .datepicker .datepickerContainer .datepickerBlock table tbody tr th.datepickerSelected {
          background: rgba(0, 146, 159, 0.2); }
    .datepicker-container .datepicker .datepickerContainer .datepickerBlock table.datepickerViewDays tbody.datepickerMonths, .datepicker-container .datepicker .datepickerContainer .datepickerBlock table.datepickerViewDays tbody.datepickerYears {
      display: none; }
    .datepicker-container .datepicker .datepickerContainer .datepickerBlock table.datepickerViewDays tbody.datepickerDays tr td, .datepicker-container .datepicker .datepickerContainer .datepickerBlock table.datepickerViewDays tbody.datepickerDays tr th, .datepicker-container .datepicker .datepickerContainer .datepickerBlock table.datepickerViewDays tbody.datepickerWeek tr td, .datepicker-container .datepicker .datepickerContainer .datepickerBlock table.datepickerViewDays tbody.datepickerWeek tr th {
      height: 14px;
      width: 20px; }
    .datepicker-container .datepicker .datepickerContainer .datepickerBlock table.datepickerViewMonths .datepickerDoW {
      display: none; }
    .datepicker-container .datepicker .datepickerContainer .datepickerBlock table.datepickerViewMonths tbody.datepickerDays, .datepicker-container .datepicker .datepickerContainer .datepickerBlock table.datepickerViewMonths tbody.datepickerYears, .datepicker-container .datepicker .datepickerContainer .datepickerBlock table.datepickerViewMonths tbody.datepickerWeek, .datepicker-container .datepicker .datepickerContainer .datepickerBlock table.datepickerViewMonths tbody tr.datepickerDoW {
      display: none; }
    .datepicker-container .datepicker .datepickerContainer .datepickerBlock table.datepickerViewMonths tbody.datepickerMonths tr td, .datepicker-container .datepicker .datepickerContainer .datepickerBlock table.datepickerViewMonths tbody.datepickerMonths tr th {
      height: 30px;
      width: 50px; }
    .datepicker-container .datepicker .datepickerContainer .datepickerBlock table.datepickerViewYears .datepickerDoW {
      display: none; }
    .datepicker-container .datepicker .datepickerContainer .datepickerBlock table.datepickerViewYears tbody.datepickerMonths, .datepicker-container .datepicker .datepickerContainer .datepickerBlock table.datepickerViewYears tbody.datepickerDays, .datepicker-container .datepicker .datepickerContainer .datepickerBlock table.datepickerViewYears tbody.datepickerWeek {
      display: none; }
    .datepicker-container .datepicker .datepickerContainer .datepickerBlock table.datepickerViewYears tbody.datepickerYears tr td, .datepicker-container .datepicker .datepickerContainer .datepickerBlock table.datepickerViewYears tbody.datepickerYears tr th {
      height: 30px;
      width: 50px; }

.ct-spinner {
  position: relative;
  float: left;
  width: 90px;
  height: 60px;
  margin: 0 10px 10px 0 !important; }
  .ct-spinner .ui-spinner .ui-spinner-input {
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    top: 15px;
    height: 30px;
    width: 90px;
    color: #333333;
    border: 1px solid #666666; }
  .ct-spinner .ui-spinner .ui-spinner-button {
    border: 1px solid #666666;
    background: #00929f;
    height: 15px;
    width: 90px; }
    .ct-spinner .ui-spinner .ui-spinner-button.ui-spinner-up {
      position: absolute;
      top: 0px; }
    .ct-spinner .ui-spinner .ui-spinner-button.ui-spinner-down {
      position: absolute;
      top: 45px; }
    .ct-spinner .ui-spinner .ui-spinner-button .ui-icon {
      position: absolute;
      left: 39px; }

.span-from {
  position: absolute;
  top: 10px;
  left: 50px; }

.span-to {
  position: absolute;
  top: 10px;
  left: 155px; }

.time-from {
  position: absolute;
  top: 35px;
  left: 20px;
  height: 70px !important; }

.time-to {
  position: absolute;
  top: 35px;
  left: 120px;
  height: 70px !important; }