/* ===============================================================
                    
                        react select followup
                    
================================================================== */

.react-select-follow-up-form-container {
  width: 90%;
  border-radius: mvwDivide(30px);
}

.react-select-follow-up-form {
  &__control {
    height: mvwDivide(55px) !important;
    max-height: mvwDivide(55px) !important;
    min-height: mvwDivide(55px) !important;
    box-shadow: 1px rgba(8, 57, 217, 0) !important;
    border: 0 !important;
    background-color: $theme-dropdown-hover-bg !important;
    border-radius: mvwDivide(30px) !important;
  }

  &__indicator-separator {
    display: none !important;
  }

  &__indicator {
    color: $theme-text-color-black-to-white-1 !important;
    padding: mvwDivide(15px) !important;

    svg {
      width: mvwDivide(25px) !important;
      height: mvwDivide(25px) !important;
    }
  }

  &__control--is-focused {
    box-shadow: 1px rgba(8, 57, 217, 0.3) !important;
    box-shadow: 0.4px rgba(204, 204, 204, 0.5) !important;
  }

  &__single-value {
    color: $theme-text-color-black-to-white-1 !important;
    font-size: mvwDivide(18px) !important;
    padding-left: mvwDivide(20px);
    // @include fontSemiBold600;
    @include fontRegular400;
    line-height: mvwDivide(28px) !important;
  }

  &__option,
  &__option--is-focused,
  &__option--is-selected {
    font-size: mvwDivide(18px) !important;
    // @include fontMedium500;
    @include fontRegular400;
    line-height: mvwDivide(31px) !important;
  }

  &__option--is-focused,
  &__option--is-selected {
    color: $color-white !important;
    background-color: $theme-dropdown-hover-bg !important;
  }

  &__option {
    border-bottom: vw(1px) solid #cccccc;
    padding: mvwDivide(10px) mvwDivide(20px) !important;
  }

  &__option:last-child {
    border-bottom: 0;
  }

  &__menu {
    margin-top: mvwDivide(5px) !important;
    // box-shadow: mvwDivide(3px) mvwDivide(3px) mvwDivide(6px) rgba(0, 0, 0, 0.16) !important;
  }

  &__placeholder {
    padding-left: mvwDivide(20px);
  }
}
