.calendar-popup-spinner{
  display: inline-block;
  vertical-align: top;
  span {
    display: inline-block;
    vertical-align: top;

    a {
      padding-left: 5px;
      padding-top: 4px;
      height: 14px;
      display: block;
      width: 15px;
      i {
        background-position: 4px -125px;
        display: block;
        height: 13px;
        width: 14px;
      }
      &:hover i {
        background-position: 4px -275px;
        background-color: #f2f2f2;
      }
      &:last-child {
        padding-top: 0;
        i {
          background-position: 4px -137px;
        }
      }
    }
  }
  &.calendar-popup-spinner_left {
    span {
      margin-left: 2px;
    }
  }
  &.calendar-popup-spinner_right {
    span {
      a {
        padding-left: 1px;
        padding-right: 5px;
      }
    }
  }

  .calendar-popup-spinner_separator {
    color: #aaa;
    display: inline-block;
    height: 23px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding-top: 7px;
    vertical-align: top;
    width: 8px;
    background-position: 0 -246px
  }

  input {
    outline: 0;
    background: #fff;
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 1px 0 #f7f7f7;
    display: inline-block;
    height: 21px;
    margin-top: 6px;
    font-size: 15px;
    text-align: center;
    padding: 0;
    vertical-align: top;
    width: 28px;
  }
}