.bd-callout {
    background-color: rgba(0,0,0,.03);
    border: 1px solid #eee;
    border-left-width: .25rem;
    border-radius: .25rem;
    padding: 1rem;
}

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

    .bd-callout code {
        border-radius: .25rem;
    }

.bd-callout-primary {
    border-left-color: #36444e;
}

.bd-callout-secondary {
    border-left-color: #f8f8f8;
}

.bd-callout-info {
    border-left-color: #01a8c1;
}

    .bd-callout-info h4 {
        color: #01a8c1;
    }

.bd-callout-success {
    border-left-color: #90bf4f;
}

    .bd-callout-success h4 {
        color: #90bf4f;
    }

.bd-callout-warning {
    border-left-color: #ffc857;
}

    .bd-callout-warning h4 {
        color: #ffc857;
    }

.bd-callout-danger {
    border-left-color: #d31038;
}

    .bd-callout-danger h4 {
        color: #d31038;
    }