/* Smaller toolbar and buttons */
.fr-toolbar .fr-command.fr-btn {
    width: 32px !important;
    height: 32px !important;
}

/* Smaller font size for toolbar dropdown */
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
    font-size: 13px !important;
}

/* Use content's color when text is selected */
.fr-wrapper ::selection {
    color: inherit !important;
}

/* Outline for text element being edited */
.text-element[data-silex-id][data-content-editing] {
    outline: 1px dashed #5440dc;
}
.silex-element-content .fr-wrapper,
.silex-element-content .fr-element {
    min-height: inherit;
}

/* fixme:zhangxiaofan,hack elementui loading color ,remember move it to right place later*/
.el-loading-spinner i {
    color: #000033 !important;
}
.el-loading-spinner .el-loading-text {
    color: #000033 !important;
}

.fr-toolbar {
    z-index: 1000000000 !important;
    box-shadow: 0 3px 10px 0 rgba(193, 199, 208, 0.7) !important;
    margin-top: 10px !important;
}

/* fix toolbar margin */
.fr-toolbar .fr-btn-grp {
    margin: 0 5px 0 0;
}

/* toolbar font family dropdown list item */
.fr-toolbar-font-img {
    width: 180px;
    padding: 6px 0;
}

.fr-toolbar.fr-inline.fr-above {
    margin-top: -10px !important;
}

.fr-command.fr-btn.fr-options {
    width: 14px !important;
}

[data-menu-action='insert.text'] div.fr-wrapper.show-placeholder,
[data-menu-action='insert.button'] div.fr-wrapper.show-placeholder {
    min-width: 200px;
    text-align: center;
}

span[data-lx-placeholder='true'] {
    text-decoration: #3333cc double underline;
}

/* fixed tooltip for variables in text */
span[data-lx-placeholder='true']:before {
    content: '{' attr(data-lx-placeholder-var) '}';
    color: #3333cc;
    font-size: 8px;
    line-height: 0.5;
    position: absolute;
    white-space: nowrap;
}