/******* Legacy editable panels ********/
.panel {
    position: relative;

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

        .ie8 & {
            margin-top: -5px;
        }

        &.no-title {
            border-top: 1px solid @color-border-page-content;
        }

        &.full-width {
            margin-bottom: 15px;
            margin-top: 15px;
            width: auto !important; //This is as weird as it looks, but without this panel extend pass viewport
        }
    }
}

.panel--padding-top {
    padding-top: 15px;
}

.panel__right-align-actions {
    position: absolute;
    top: 5px;
    right: 0;
}

.less {
    .inline-field {
        .panel {
            background: none;
            margin: 0;
            padding: 0;
            border: 0;
            box-shadow: none;
        }
    }

    section {
        h2 {
            border-bottom: 1px solid @color-border-page-content;
        }
    }
}