.common-components-sg-modal {
    &__header {
        background-color: #e9e9e9;
        padding: 7px 11px 7px;
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
        border-bottom: 1px solid #999;
    }
    &__title {
        display: inline-block;
        font-size: 13px;
        font-weight: 600;
        color: #333;
    }
    &__close {
        float: right;
        color: #999;
        cursor: pointer;
        height: 12px;
        width: 11px;
        background: url(/themes/default/content/images/icon/x-close.png);
        margin-top: 3px;
    }
    &__footer {
        padding: 10px;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        border-top: 1px solid #ccc;
        text-align: right;

        button {
            margin-right: 5px;
        }
        :last-child {
            margin-right: 0;
        }
    }
}