nts-date-picker {

  .spacing { margin-right: $basic-padding / 2;}

  .date-input-container {
    line-height: $input-height;
  }
  .date-controls-container {
    margin-top: $basic-padding / 2;

    &.floating {
      margin-top: 0;
      border: solid $color-grey-medium $border-width;
      @include border-radius($border-radius);

      &:before {
        @include pseudo;
        top: -7px;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid $color-grey-medium;
        border-top: 0;
      }

      &:after {
        @include pseudo;
        top: -5px;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        border-top: 0;
      }
    }
    &.align-right {
      &:before { right: 6px; }
      &:after { right: 7px; }
    }
    &.align-left {
      &:before { left: 6px; }
      &:after { left: 7px; }
    }
  }

  .date-buttons-container {
    margin-bottom: $basic-padding / 2;
  }
}