.select {
  position: relative;
  width: 100%;
  &__button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    color: #000000;
    padding: 0 10px 0 0;
  }
  &__options {
    display: none;
    position: absolute;
    top: 58px;
    left: 0;
    background: #fff;
    width: 100%;
    z-index: 9;
    border: 1px solid #000000;
    padding: 0;

    &--active {
      display: block;
    }
  }
  &__option {
    padding: 5px 20px;
    font-size: 16px;
    line-height: 36px;
    border-bottom: 2px solid #e6e7e8;
    cursor: pointer;
    color: #000000;
    &:hover {
      background: #eee;
    }
  }

  .mydatapicker {
    position: absolute;
    z-index: 9;
    top: 35px;
    left: 0;
  }
}
.form__item--error {
  .select__button {
    color: #d63d42;
  }

  svg {
    path {
      stroke: #d63d42;
    }
  }
}