.evo-view-wrap[data-evo-view-type="image"],
.evo-view-wrap[data-evo-view-plugin-type="email_element"] {
display: block;
clear: both;
}

.evo-view-wrap[data-evo-view-type="image"].evo-view-selected,
.evo-view-wrap[data-evo-view-plugin-type="email_element"].evo-view-selected {
background-color: #eee;
}

/* delegate the handling of the selection to the wpview tinymce plugin */
.evo-view-wrap,
.evo-view-wrap * {
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}

/* hide the shortcode content, but allow the content to still be selected */
.evo-view-wrap .evo-view-clipboard,
.evo-view-wrap > p {
position: absolute;
top: 0;
left: 0;
z-index: -1;
clip: rect(1px 1px 1px 1px); /* IE7 */
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
outline: 0;
padding: 0;
border: 0;
width: 1px;
height: 1px;
}

/* An ugly box will appear when this is focussed in IE, so we'll move it outside the window. */
.evo-view-wrap.evo-view-selection-before > p,
.evo-view-wrap.evo-view-selection-after > p {
left: -10000px;
}

.evo-view-wrap .evo-view-clipboard,
.evo-view-wrap .evo-view-clipboard *,
.evo-view-wrap > p {
-moz-user-select: text;
-webkit-user-select: text;
-ms-user-select: text;
user-select: text;
}

.has-focus .evo-view-wrap.evo-view-selection-before:before,
.has-focus .evo-view-wrap.evo-view-selection-after:before {
content: '';
margin: 0;
padding: 0;
position: absolute;
top: -2px;
left: -3px;
bottom: -2px;
width: 1px;
background-color: black;
background-color: currentcolor;
opacity: 1;
}

.has-focus .evo-view-wrap.evo-view-selection-after:before {
left: auto;
right: -3px;
}

.has-focus .evo-view-wrap.evo-view-cursor-hide:before {
opacity: 0;
}

.evo-view-selected img {
outline: 2px #5bc0de dashed;
}