/* ************* */
/* Backend styles */
/* Styles which were created by backend developers */
/* ************* */

body.edit-mode .component-wrapper {
    border: 1px dashed black;
}

body.edit-mode .component-wrapper .component-content {
    padding: 20px 0;
}

body.edit-mode .component-wrapper .component-path {
    background-color: lightgray;
}

body.edit-mode .component-wrapper.datasource-local .component-path {
    background-color: lightgreen;
}

body.edit-mode .component-wrapper.datasource-unknown .component-path {
    background-color: lightcoral;
}

body.edit-mode .component-wrapper.datasource-unknown:hover, 
body.edit-mode .component-wrapper.datasource-unknown.scEnabledChrome:hover {
    border: 2px solid lightcoral;
}

body.edit-mode .component-wrapper.datasource-global .component-path,
body.edit-mode .component-wrapper.datasource-reuseable .component-path {
    background-color: orange;
}

body.edit-mode .component-wrapper.datasource-global:hover,
body.edit-mode .component-wrapper.datasource-reuseable:hover,
body.edit-mode .component-wrapper.datasource-global.scEnabledChrome:hover,
body.edit-mode .component-wrapper.datasource-reuseable.scEnabledChrome:hover {
    border: 2px solid orange;
}

body.edit-mode .component-wrapper .component-global {
    background-color: orange;
    font-weight: bold;
    text-decoration: underline;
}

body.edit-mode .component-wrapper .component-reusable {
    background-color: orange;
    font-weight: bold;
    text-decoration: underline;
}

body.edit-mode .component-wrapper.TextWithImageCurved .c-text-and-image-curved {
    margin-top: 0px;
}

body.edit-mode div.scLooseFrameZone.scEnabledChrome {
    overflow-y: visible;
}

.errorChromeError {
    border: 2px solid red;
    border-radius: 3px;
}

body.edit-mode .c-winners-table__wrap .scEmptyPlaceholder,
body.edit-mode .c-winners-table__wrap .component-wrapper,
body.edit-mode .title-subtext-cta-tiles .scEmptyPlaceholder,
body.edit-mode .title-subtext-cta-tiles .component-wrapper
{
    width: 100%;
}

body.edit-mode .c-winners-table__wrap .c-winners-table__item {
    width: 92%;
}

body.edit-mode .c-winners-table table th:nth-child(1), .c-winners-table table td:nth-child(1) {
    width: 5% !important;
}

body.edit-mode footer img.scEmptyImage {
    width: 30px;
}