.ui-inputnumber {
   align-items: center;
   border: 1px solid #d8d8d8;
   border-radius: 3px;
   display: flex;
   height: 35px;

   .ui-inputnumber-input {
      border: none;
      height: 100%;
      min-height: unset;
      min-width: 0;
   }

   .ui-inputnumber-button-group {
      border-left: 1px solid #d8d8d8;
      display: flex;
      flex-direction: column;
      min-height: 100%;
      min-width: 35px;

      .ui-inputnumber-button {
         background-color: #ffffff;
         margin: unset;
         min-height: unset;
         min-width: unset;

         &:hover,
         &:focus {
            background-color: #e5eaEa;
            border: none;
            outline: 0;
         }

         .ui-button-icon-left {
            color: #333333;
         }

         ::before {
            font-size: 0.75rem;
         }
      }
   }
}

p-inputnumber.ng-dirty.ng-invalid {
   .ui-inputnumber-input {
      border: 1px solid #C13018;
   }
}