.datepicker {
  padding: 0;
  border: 0;
  border-radius: 6px;
  .box-shadow(0px 0px 20px 0px rgba(0, 0, 0, 0.25));
  .gradient(@brand-info, darken(@brand-info, 10%), left);
  thead {
    tr {
      background-color: white;
    }
    tr:first-child {
      background-color: transparent;
      height: 40px;
    }
    tr:last-child {
      background-color: @gray-lighter;
      height: 40px;
      color: @gray-darker;
      font-size: 14px;
      font-weight: 200;
    }
  }
  th button {
    color: white;
    background: none;
    &:hover {
      background: none;
      box-shadow: none;
    }
    &.pull-right, &.pull-left {
      border: 0;
    }
    &.pull-right .glyphicon:before {
      content: @icon-chevron-right;
    }
    &.pull-left .glyphicon:before {
      content: @icon-chevron-left;
    }
    .glyphicon {
      padding-top: 30px;
      font-family: 'icons';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    .glyphicon:before {
      width: 30px;
      display: inline-block;
    }
  }
  tbody {
    background-color: #ffffff;
    .btn {
      color: @gray-dark;
      border: 0;
      border-radius: 4px;
      background: white;
      margin: 0;
      &:hover {
        color: white;
        background-color: @brand-info;
      }
      &-today {
        color: white;
        .btn-primary;
      }
      &-primary {
        color: white;
        .gradient(@brand-info, lighten(@brand-info, 10%), left);
      }
      i {
        margin-top: 25px;
        line-height: 20px;
      }
    }
  }
  td {
    padding: 2px;
  }
  button {
    margin: 0;
    padding: 4px 0;
  }
  tr:last-child td:first-child {
    border-bottom-left-radius: 6px;
  }
  tr:last-child td:last-child {
    border-bottom-right-radius: 6px;
  }
}