@color-dxtreeview-item-selected: #f16100; .output-reconciliation-entities { .add-keyword { display: inline-block; padding: 6px 1em 6px 0; cursor: pointer; i { color: #DC6700; margin-right: 0.5em; font-size: 15px; } } .ellipsis { white-space: nowrap !important; -ms-text-overflow: ellipsis !important; -o-text-overflow: ellipsis !important; text-overflow: ellipsis !important; overflow-x: hidden !important; } .item-keyword { display: inline-block; margin-right: 20px; vertical-align: bottom; position: relative; margin-bottom: 2px; width: 30%; white-space: nowrap; .dx-widget { width: calc(~'100% - 2px'); display: inline-block; .dx-texteditor-input { display: inline-block; } } .delete-keywordi { position: absolute; right: -6px; top: -6px; font-size: 15px; cursor: pointer; background-color: white; } .read-keyword { .ellipsis; display: inline-block; padding: 6px 12px; background-color: #E4E4E4; width: calc(~'100% - 2px'); } .suffix { display: inline-block; padding: 6px 0px; vertical-align: text-bottom; } } }