.flash {
    position: relative;
    padding: 10px 12px;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    font-size: 15px;
    line-height: 17px;
    width: 100%;

    &.flash--error, &.flash--danger {
        color: #721c24;
        background-color: #f8d7da;
        border-color: #f5c6cb;
    }
    &.flash--success {
        color: #155724;
        background-color: #d4edda;
        border-color: #c3e6cb;
    }
    &.flash--warning {
        color: #856404;
        background-color: #fff3cd;
        border-color: #ffeeba;
    }

    &.flash--info {
        color: #0c5460;
        background-color: #d1ecf1;
        border-color: #bee5eb;
    }
}