.alert {
    padding: 10px;
    margin: 10px;
    border-radius: 5px;
}
.alert-primary {
    color: #084298;
    background: #cfe2ff;
    border: 1px solid #77afff;
    border-right: 5px solid #79aeff;
}
.alert-secondary {
    color: #41464b;
    background: #e2e3e5;
    border: 1px solid #a5a7a8;
    border-right: 5px solid #a2a2a3;
}
.alert-success {
    color: #0f5132;
    background: #d1e7dd;
    border: 1px solid #7ab299;
    border-right: 5px solid #7cbb9f;
}
.alert-danger {
    color: #842029;
    background: #f8d7da;
    border: 1px solid #fb919b;
    border-right: 5px solid #ff7e8a;
}
.alert-warning {
    color: #664d03;
    background: #fff3cd;
    border: 1px solid #fad362;
    border-right: 5px solid #eac550;
}
.alert-info {
    color: #055160;
    background: #cff4fc;
    border: 1px solid #01bce4;
    border-right: 5px solid #81cfdd;
}
.alert-dark {
    color: #ffffff;
    background: #838383;
    border: 1px solid #000000;
    border-right: 5px solid #000000;
}
.alert-light {
    color: #141619;
    background: #fefefe;
    border: 1px solid #a9a9a9;
    border-right: 5px solid #cdd2d3;
}