.actions-animation {
    animation: fadeIn 0.35s;
    -webkit-animation: fadeIn 0.35s;
    -moz-animation: fadeIn 0.35s;
    -o-animation: fadeIn 0.35s;
    -ms-animation: fadeIn 0.35s;
}

.cf-editable-image {
    cursor: pointer;
    animation: fadeIn 0.35s;
    -webkit-animation: fadeIn 0.35s;
    -moz-animation: fadeIn 0.35s;
    -o-animation: fadeIn 0.35s;
    -ms-animation: fadeIn 0.35s;
    animation: opacity 0.35s;
}

.cf-editable-image:hover {
    opacity: 0.8;
}

.editable-image-actions-box {
    z-index: 9999;
    bottom: 50%;
    right: 35%;
    padding: 30px;
    background-color: #ebebeb;
    font-family: courier !important;
    display: none;
}

.cf_editable {
    border: solid #bdb6b6 1px !important;
}

.cf-editable-image {
    border: dashed #bdb6b6 4px !important;
}