/**
 * Copyright (c) 2017 ZTE Corporation.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * and the Apache License 2.0 which both accompany this distribution,
 * and are available at http://www.eclipse.org/legal/epl-v10.html
 * and http://www.apache.org/licenses/LICENSE-2.0
 *
 * Contributors:
 *     ZTE - initial API and implementation and/or initial documentation
 */

.editable-content {
    display: inline-block;
    width: 300px;
    visibility: visible;
}

.editable-main {
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: pointer;
    font-size: 24px;
    min-height: 34px;
    padding: 2px 20px 2px 2px;
    position: relative;
    word-wrap: break-word;
}

.editable-main:hover {
    border: 1px solid #ddd;
}

.editable-main span {
    background-color: #f0f0f0;
    border-left: 1px solid #ddd;
    display: none;
    padding: 0 4px 0 4px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
}

.editable-main span i {
    font-size: 16px;
    color: #707070;
}

.editable-main:hover span {
    display: inline;
}

.editable-field {
    display: inline-block;
    width: 100%;
}