.field-phonenumber {
  .wrapper-phone-number {
    .select2-container.select2-container--default {
      width: 30% !important;
      float: left;
      .select2-selection--single {
        border-radius:20px 0 0 20px;
        height: 40px;
        outline: none;
        &:focus {
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
        }
        .select2-selection__rendered {
          height: 40px;
          display: flex;
          justify-content: center;
          align-items: center;
        }
        .select2-selection__arrow {
          height: 40px;
        }
      }
    }
    input.phone_number {
      float: left;
      width: 70%;
      border-left: none;
      height: 34px;
      padding: 5px 20px 5px 20px;
      margin: 0;
    }
  }

}
