/* $datepicker
 ------------------------------------------*/
.center-block > .datepicker {
  margin: 0 auto;
}
.datepicker.dropdown-menu {
  display: none;
  @include opacity(1);
  visibility: visible;
  @include rounded($border-radius-base);
  font-size: $font-size-base;
  border-color: $border-color;
  @include box-shadow(0 0.0625rem 1px transparentize($border-color, 0.7));
  padding: $padding-base;
}

.datepicker-inline {
  border: 0.0625rem solid $border-color;
}

.datepicker {
  @include rounded($border-radius-base);
  &-dropdown {
    display: none;
    @include opacity(1);
    visibility: visible;
    @include rounded($border-radius-base);
    font-size: $font-size-base;
    border-color: $border-color;
    @include box-shadow(0 0.0625rem 1px transparentize($border-color, 0.7));
    padding: $padding-base;
    &:before {
      border-bottom-color: $border-color;
      border-bottom-color: rgba(0, 0, 0, .2);
    }
    &.datepicker-orient-bottom:before {
      border-top-color: $border-color;
    }
  }
  table {
    tr {
      td, th {
        @include rounded($border-radius-base);
      }
    }
  }
  table tr td {
    &.active, &.active:hover, &.active.disabled, &.active.disabled:hover {
      position: relative;
      @include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border);
      text-shadow: 0 -0.0625rem 0 rgba(0, 0, 0, .25);
    }
    span {
      @include rounded($border-radius-base);
      &.active, &.active:hover, &.active.disabled, &.active.disabled:hover {
        position: relative;
        @include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border);
        text-shadow: 0 -0.0625rem 0 rgba(0, 0, 0, .25);
      }
    }
  }
}

.input-daterange {
  input:first-child {
    border-radius: $border-radius-base 0 0 $border-radius-base;
  }
  input:last-child {
    border-radius: 0 $border-radius-base $border-radius-base 0;
  }
  .input-group-addon {
    background-color: $input-group-addon-bg;
    border: solid $input-group-addon-border-color;
  }
}