.nw-phonenumberfield-label {
  margin-bottom: 5px;
}

.nw-phonenumberfield-wrapper {
  align-items: center;
  display: flex;
  border: 2px solid $phonenumberfield-wrapper-border;
}

.nw-phonenumberfield-selectedtxt {
  padding: 0 10px;
  white-space: nowrap;
}

.nw-phonenumberfield-flag {
  margin-right: 5px;
}

.nw-phonenumberfield-arrowbottom {
  margin-left: 5px;
}

.nw-phonenumberfield-inp {
  border: 0;
  width: 100%;
}

.nw-phonenumberfield-error {
  margin: 5px 0 7px;
  height: 10px;
  font-size: $font-size-xxs;
  color: $userinput-error-font-color;
}

.nw-phonenumberfield-modal {
  background: $phonenumberfield-modal-background;

  .nwc-modal {
    box-shadow: 0 0 9px 0 $phonenumberfield-modal-boxshadowcolor;
    max-width: 692px;
  }

  .nwc-modal-children {
    padding: 5px;
  }
}

.nw-phonenumberfield .is-invalid {
  border-color: $register-phonenmberfield-border-color;
}