.editable-panel-editing {
    padding: 25px;
    background: #FFFFFF;
    border: 1px solid @color-border-page-content;
    border-left: 5px solid @color-buildium-green;
    border-radius: 5px;
    box-shadow: 0 10px 10px 0 rgba(0,0,0,.05);
}

.editable-panel__title {
    display: block;
    padding: 25px 0px 8px 0px;
    font-size: 20px;
    font-weight: normal;
}

.editable-panel__divider {
    border-top: 1px solid @color-border-page-content;
}

.editable-panel__close {
    position: absolute;
    box-sizing: border-box;
    right: 10px;
    top: 15px;
    width: 15px;
    height: 15px;
    padding: 15px 15px 0 0 !important; //This is used to hide the a11y text
    overflow: hidden;
    cursor: pointer;
    margin-top: -5px;
    text-indent: -9999px;
    .svgicon--close-gray;

    &:hover {
        .svgicon--close-gray-hover;
    }
}