#ui-datepicker-div{
  position: absolute;
  background-color: white;
  padding: 10px;
  border: 1px solid $color-grey-light;

  .ui-datepicker-header{
    display: flex;
    .ui-datepicker-next, .ui-datepicker-prev{
      align-items: center;
      display: flex;
      text-decoration: none;
      cursor: pointer;
      &.ui-state-disabled{
        cursor: not-allowed;
        opacity: 0.5;
      }
      .ui-icon{
        @include sr-visible;
      }
      &:before {
        font-family: "Icons";
        margin: 0 6px 0 3px;
        padding: 0;
        position: relative;
        display: inline-block;
        font-size: 20px;
        vertical-align: top;
        color: inherit;

        @media(max-width: 767px) {
          font-size: 18px;
        }
      }
    }
    .ui-datepicker-next{
      order: 1;
      @extend .icon-pfeil-rechts;
    }
    .ui-datepicker-prev{
      @extend .icon-pfeil-links;
    }
    .ui-datepicker-title{
      display: flex;
      flex: 1;
      select{
        margin-right: 5px;
      }
    }
  }
}
