.alert {
    position: relative;
    padding: .75rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

    .alert .title {
        font-weight: 700;
        font-size: .875rem;
    }

    .alert .text-body {
        font-weight: normal;
        font-size: .875rem;
    }

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 3.90625rem
}

    .alert-dismissible .close {
        position: absolute;
        top: 0;
        right: 0;
        padding: .75rem 1.25rem;
        color: inherit
    }

.alert-material-primary {
    color: #308af3;
    background-color: rgba(48,138,243,.05);
    border-color: #c5defc
}

    .alert-material-primary hr {
        border-top-color: #add0fb
    }

    .alert-material-primary .alert-link {
        color: #0d70e3
    }

.alert-material-secondary {
    color: #6c757d;
    background-color: rgba(108,117,125,.05);
    border-color: #d6d8db
}

    .alert-material-secondary hr {
        border-top-color: #c8cbcf
    }

    .alert-material-secondary .alert-link {
        color: #545b62
    }

.alert-material-success {
    color: #48ba16;
    background-color: rgba(72,186,22,.05);
    border-color: #ccecbe
}

    .alert-material-success hr {
        border-top-color: #bde6aa
    }

    .alert-material-success .alert-link {
        color: #368c11
    }

.alert-material-info {
    color: #51a7c5;
    background-color: rgba(81,167,197,.05);
    border-color: #cee6ef
}

    .alert-material-info hr {
        border-top-color: #bbdce9
    }

    .alert-material-info .alert-link {
        color: #398daa
    }

.alert-material-warning {
    color: #ffc107;
    background-color: rgba(255,193,7,.05);
    border-color: #ffeeba
}

    .alert-material-warning hr {
        border-top-color: #ffe8a1
    }

    .alert-material-warning .alert-link {
        color: #d39e00
    }

.alert-material-danger {
    color: #dc3545;
    background-color: rgba(220,53,69,.05);
    border-color: #f5c6cb
}

    .alert-material-danger hr {
        border-top-color: #f1b0b7
    }

    .alert-material-danger .alert-link {
        color: #bd2130
    }

.alert-material-light {
    color: #f8f9fa;
    background-color: rgba(248,249,250,.05);
    border-color: #fdfdfe
}

    .alert-material-light hr {
        border-top-color: #ececf6
    }

    .alert-material-light .alert-link {
        color: #dae0e5
    }

.alert-material-dark {
    color: #364c66;
    background-color: rgba(54,76,102,.05);
    border-color: #c7cdd4
}

    .alert-material-dark hr {
        border-top-color: #b9c0c9
    }

    .alert-material-dark .alert-link {
        color: #243345
    }

.alert-material-teal {
    color: #16ba71;
    background-color: rgba(22,186,113,.05);
    border-color: #beecd7
}

    .alert-material-teal hr {
        border-top-color: #aae6cb
    }

    .alert-material-teal .alert-link {
        color: #118c55
    }

.alert-material-purple {
    color: #5163c5;
    background-color: rgba(81,99,197,.05);
    border-color: #ced3ef
}

    .alert-material-purple hr {
        border-top-color: #bbc2e9
    }

    .alert-material-purple .alert-link {
        color: #394aaa
    }

.alert-material-dark-gray {
    color: #939fad;
    background-color: rgba(147,159,173,.05);
    border-color: #e1e4e8
}

    .alert-material-dark-gray hr {
        border-top-color: #d3d7dd
    }

    .alert-material-dark-gray .alert-link {
        color: #768597
    }

.alert-material-light-gray {
    color: #eceef0;
    background-color: rgba(236,238,240,.05);
    border-color: #fafafb
}

    .alert-material-light-gray hr {
        border-top-color: #ececf0
    }

    .alert-material-light-gray .alert-link {
        color: #d0d5da
    }

.alert-material-muted-light {
    color: #dbdfe4;
    background-color: rgba(219,223,228,.05);
    border-color: #f5f6f7
}

    .alert-material-muted-light hr {
        border-top-color: #e7e9ec
    }

    .alert-material-muted-light .alert-link {
        color: #bec5ce
    }

.alert-light, .alert-material-light {
    color: #818182;
    background-color: #f8f9fa;
    border-color: #e9ecef
}

    .alert-light hr, .alert-material-light hr {
        border-top-color: #e9ecef
    }