.dfNumberPicker {
  display: inline-flex;
  display: -webkit-inline-flex;
}

.divNumberPicker {
  display: inline-flex;
  display: -webkit-inline-flex;
  -webkit-flex-direction: column;
  /* Safari */
  flex-direction: column;
  -webkit-justify-content: center;
  /* Safari */
  justify-content: center;
  outline: none;
}

.btnNumberPickerUp {
  border: none;
  background: none;
  outline: none;
}

.iptNumberPicker {
  text-align: center;
  width: 80px;
}

.btnNumberPickerDown {
  border: none;
  background: none;
  outline: none;
}

.npGeneral {
  outline: none;
}

.npGeneral.ng-invalid-out-of-bounds input {
  background-color: #ffdddd;
  border: 2px solid #fa787e;
}

x-df-number-picker.ng-invalid-out-of-bounds input {
  background-color: #ffdddd;
  border: 2px solid #fa787e;
}

.invalidate input {
  background-color: #ffdddd;
  border: 2px solid #fa787e;
}