/*DEBUG EDITOR*/
.tool {
    padding: 5px;
    padding-left: 15px;
    background: #ddd;
}
.tool:hover {
    background:#aa32aa !important;
    color: #fff;
    cursor: pointer;
}

.is-visible {
    border: 4px solid #f2f;
}

.draggable {
    border: 1px solid #f00;
    pointer: arrow;
}

.element-content textarea {
    width: 99%;
    height: 99%;
    background-color: rgba(255,255,255,0.5);
}

.editor-selection {
    background-color: rgba(255,255,255,0.5);
}

.classes {
    padding: 10px 4px;
    overflow: hidden;
}

.class-select {
    background-color: #fff;
    color: #403389;
    margin: 4px;
    padding: 3px;
    cursor: pointer;
    float: left;
}

.class-select:hover {
    background-color: #4488d3;
    color: #fff;
}

.class-select.chosen {
    background-color: #40a7df;
    color: #fff;
}

.tool.remove {
    background-color: #E18181;
    color: #eee;
    
}