.editorHTML {
    
}

.editorHTML .opcionEditorHTML {
    width: 100%;
    margin: -10px 0;
    top: -5px;
    background-color: transparent;
    position: relative;
    border-bottom: 10px #1c1c1c dashed;
    cursor: crosshair;

    transition: border-bottom 0.2s;
}
.editorHTML .opcionEditorHTML:hover {
    border-color: #2c2c2c;
}

.btn-subir-html {
    z-index: 9999;
    margin: 5px;
    padding: 5px;
    background-color: green;
    position: fixed;
    bottom: 0;
    left: 0;
    border: solid #383 1px;
    box-shadow: 2px 2px 3px rgb(0 0 0);
    cursor: pointer;
}

.menu-contextual {
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 2px 2px 3px rgb(0 0 0);
    z-index: 10000;
    cursor: pointer;

    user-select: none;
}

.menu-contextual > div {
    padding: 10px;
    cursor: auto;
    font-weight: bold;
    background-color: #8e99eb;
    color: #fff;
}

.menu-contextual > a {
    display: block;
    padding: 10px;
    background-color: #fff;
}
.menu-contextual > a:hover {
    background-color: #eee;
}
.menu-contextual > a:active {
    background-color: #ddd;
}

.menu-contextual > hr {
    height: 2px;
    margin: 0 10px;
}

.menu-contextual .no {
    background-color: #bdbdbd;
    color: #888;
    cursor: no-drop;
}
.menu-contextual .no:hover {
    background-color: #bdbdbd;
}
.menu-contextual .no:active {
    background-color: #bdbdbd;
}

*[contenteditable="true"] {
    border: 0.5px #000 dotted;
    min-width: 3px;
    min-height: 3px;
}

*[contenteditable="true"]:hover,
*[contenteditable="true"]:focus {
    border-style: solid;
}