input[type=text],
input[type=search],
input[type=number],
input[type=email],
input[type=tel],
select,
select.form-control,
.k-autocomplete,
.k-input,
.k-picker {
    background-color: var(--pcx-input-bg);
    color: var(--pcx-input-color);
}

/*I'm not sure where this is used but is caused the readonly fields to have a very dark bg - see Admin Report Templates, etc. '*/ 
/*.form-control:disabled, .form-control[readonly] {
    background-color: transparent;
    filter: brightness(.8);
}*/


.k-autocomplete .k-input-inner {
    background-color: transparent;
}

.k-autocomplete.form-control {
    padding: initial;
}


.k-input-solid .k-input-prefix {
    color: var(--pcx-input-color);
}

.k-input-inner:focus {
    background-color: transparent !important;
}

.k-input-inner::placeholder {
    color: var(--pcx-input-color);
}

.k-input-solid .k-input-separator {
    filter: invert(100%);
}