.wx-xten-input-group { position: relative; width: 100%; height: 100%; display: flex; align-items: center; }
.wx-xten-input-group .input-label { flex: 1; min-width: 150px; text-align: right; } .wx-xten-input-group .composite-input { flex: 2; width: 100%; } .wx-xten-input-group[type="textarea"] label { display: inline-block; } .wx-xten-input-group textarea { width: 100%; min-height: 100px; } .wx-xten-input-group .composite-input { display: flex; align-items: center; border: 1px solid #ccc; border-radius: 5px; overflow: hidden; } .wx-xten-input-group .composite-input input { border: none; } .wx-xten-input-group .composite-input .input-group-control { border: none; box-sizing: border-box; outline: none; flex-grow: 1; } .wx-xten-input-group .composite-input:has(.invalid-value) { border: 1px solid red !important; }