.bs-callout {
    padding: 15px;
    /*margin: 15px 0;*/
    border: 1px solid #ddd;
    
    border-radius: 3px;
}

    .bs-callout h4 {
        margin-top: 0;
        margin-bottom: 5px;
    }

    .bs-callout p:last-child {
        margin-bottom: 0;
    }

    .bs-callout code {
        border-radius: 3px;
    }

    .bs-callout + .bs-callout {
        /*margin-top: -5px;*/
    }

.bs-callout-default {
    padding-left:19px;
}


.bs-callout-primary {
    border-left-color: #428bca;
}

    .bs-callout-primary h4 {
        color: #428bca;
    }

.bs-callout-success {
    border-left-color: #5cb85c;
}

    .bs-callout-success h4 {
        color: #5cb85c;
    }

.bs-callout-danger {
    border-left-color: #d9534f;
}

    .bs-callout-danger h4 {
        color: #d9534f;
    }

.bs-callout-warning {
    border-left-color: #f0ad4e;
}

    .bs-callout-warning h4 {
        color: #f0ad4e;
    }

.bs-callout-info {
    border-left-color: #5bc0de;
}

    .bs-callout-info h4 {
        color: #5bc0de;
    }

.bs-callout-selected {
    border-left-color: #ca5100;
    border-left-width: 5px;
}

.diagram-bg {
    /* The image used */
    
    background-position: center top;
    background-repeat: no-repeat,no-repeat;
    background-size: cover;
    opacity: 0.8;
}