.field-phonenumber {
  .wrapper-phone-number {
    .select2-container.select2-container--default {
      width: 40% !important;
      float: left;
      .select2-selection--single {
        border-radius: 3px 0 0 3px;
        height: 40px;
        border: 1px solid #E2E5EC;
        .select2-selection__rendered {
          height: 40px;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 14px;
          .select2-selection__placeholder {
            font-size: 14px;
          }
        }
        .select2-selection__arrow {
          height: 40px;
        }
      }
    }
    input.phone_number {
      float: left;
      width: 60%;
      border-left: none;
      height: 40px;
      border-radius: 0 3px 3px 0;
      padding: 5px 20px 5px 20px;
      margin: 0;

    }
  }

}
.phone-number-field{
  width: 200px!important;
  .select2-results{
    font-size: 14px;
    ul.select2-results__options {
      overflow-x: hidden;
      &::-webkit-scrollbar-track
      {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #F5F5F5;
      }
      &::-webkit-scrollbar
      {
        width: 5px;
        background-color: #F5F5F5;
      }
      &::-webkit-scrollbar-thumb
      {
        background-color: #F90;
        background-image: -webkit-linear-gradient(45deg,
        rgba(255, 255, 255, .2) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255, 255, 255, .2) 50%,
        rgba(255, 255, 255, .2) 75%,
        transparent 75%,
        transparent)
      }
    }
  }
}
