.number-input-composite {
    display: flex;
    flex-direction: row;
    position: relative;
    align-items: center;
    width: 100%;

    p-autocomplete,
    .ui-autocomplete {
        width: 100%;
    }

    @include control-border-shadow();

    input.ui-inputtext {
        border-radius: $border-radius 0 0 $border-radius;
        border: none;
        box-shadow: none;
    }

    &.number-input-composite {
        .button-clear {
            right: 0px;
        }
        .prefix {
            border: none;
            border-right: 1px solid #dcdcdc;
        }
    }

    &.has-value {
        .button-clear {
            display: block;
        }
    }
    
    &.has-error {
        border-color: $red;
    }
}
