@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;
        }
    }
}