/* jQuery UI Datepicker - v1.7.2 - 2013-05-14
 * http://jqueryui.com  */
.ui-datepicker {
  background-color: #fff;
  border: 1px solid @gray;
  border-radius: 4px;
  box-shadow: 0 0 8px rgba(0, 0, 0, .2);
  display: none;
  margin-top: 4px;
  padding: 10px;
  width: 240px;
  position: absolute !important;

  a {
    &:hover {
      text-decoration: none;
      color: @light-blue;
      -webkit-transition: color 0.1s ease-in-out;
      -moz-transition: color 0.1s ease-in-out;
      -o-transition: color 0.1s ease-in-out;
      transition: color 0.1s ease-in-out;
    }
  }
  td:hover a {
    color: @light-blue;
    -webkit-transition: color 0.1s ease-in-out;
    -moz-transition: color 0.1s ease-in-out;
    -o-transition: color 0.1s ease-in-out;
    transition: color 0.1s ease-in-out;
  }
  .ui-datepicker-header {
    margin-bottom: 4px;
    text-align: center;
  }
  .ui-datepicker-title {
    //font-weight: 700;
    select {
      border: none;
      &.ui-datepicker-month {}
      &.ui-datepicker-year {
        margin-left: 10px;
      }
    }
  }
  .ui-datepicker-prev,
  .ui-datepicker-next {
    cursor: pointer;
    font-family: "Ionicons";
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    height: 20px;
    line-height: 1;
    margin-top: 2px;
    width: 30px;
    text-align: center;
  }
  .ui-datepicker-prev {
    float: left;
    &:before {
      content: "\f124";
    }
  }
  .ui-datepicker-next {
    float: right;
    &:before {
      content: "\f125";
    }
  }
  .ui-icon {
    display: none;
  }
  .ui-datepicker-calendar {
    table-layout: fixed;
    width: 100%;

    th,
    td {
      text-align: center;
      padding: 4px 0;
    }
    td {
      border-radius: 4px;
      -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
      -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
      -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
      transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
      &:hover {
        background-color: #eee;
        cursor: pointer;
      }
      a {
        text-decoration: none;
      }
    }
    .ui-datepicker-unselectable:hover {
      background-color: #fff;
      cursor: default;
    }
  }
  .ui-datepicker-current-day {
    background-color: @light-blue;
    a {
      color: #fff
    }
  }
}

.ui-datepicker-trigger {
  display: inline-block;
  font: normal normal normal 16px/1 FontAwesome;
  font-style: normal;
  font-weight: 400;
  cursor: pointer;
  border: none;
  background: none;
  color: #555;
  &:before {
    content: "\f073";
  }
  &:hover {
    color: #333;
  }
  &:active,
  &:focus {
    -moz-outline-style: none;
    outline:none;
    outline: 0;
  }
}