.suadeo-editable-label-container input {
    width: 300px;
    padding-left: 5px;
    padding-top: 4px;

    font-size: 18px !important;
    font-weight: 500 !important;
    font-family: Roboto,sans-serif;
}

.suadeo-editable-label-container.display-mode input {
    border: 1px solid transparent !important;
    background-color: transparent !important;
    outline: none !important;
}

    .suadeo-editable-label-container.display-mode input:hover {
        background-color: #ebecf0 !important;
        cursor: text;
    }

.suadeo-editable-label-container.edit-mode input {
    border: 1px solid #1575c1 !important;
    border-radius: 5px;
    outline: none !important;
    box-shadow: 0px 0px 2px #1575c1;
}

.suadeo-editable-label-container.edit-mode.sel-error input {
    border: 1px solid #ea3c3c !important;
    box-shadow: 0px 0px 2px #e95656;
}

.suadeo-editable-label-container.display-mode .suadeo-editable-label-control-update-button,
.suadeo-editable-label-container.display-mode .suadeo-editable-label-control-cancel-button {
    display: none;
}

.suadeo-editable-label-container .suadeo-editable-label-control-update-button,
.suadeo-editable-label-container .suadeo-editable-label-control-cancel-button {
    cursor: pointer;
}

.suadeo-editable-label-container .suadeo-editable-label-control-update-button {
    padding-left: 10px;
    padding-right: 10px;
}

#user-data-name-container.suadeo-editable-label-container:not(.edit-mode) input.suadeo-editable-label-control,
#tag-name-container.suadeo-editable-label-container:not(.edit-mode) input.suadeo-editable-label-control {
    max-width: 35% !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.suadeo-editable-label-control-button-disabled {
    opacity: 0.6;
    cursor: not-allowed;
}