.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 4px;
    display: flex;
    font-family: 'Roboto';
}

.alert-text {
    margin: 4px 0 0 16px;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.43;
    letter-spacing: 0.01071em;
}
.alert-heading {
    color: inherit;
}
.alert-link {
    font-weight: 700;
}
.alert-dismissible {
    padding-right: 4rem;
}
.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.75rem 1.25rem;
    color: inherit;
}
.alert-primary {
    color: #004e47;
    background-color: #cceae7;
    border-color: #b8e2de;
}
.alert-primary hr {
    border-top-color: #a6dbd6;
}
.alert-primary .alert-link {
    color: #001b19;
}
.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}
.alert-secondary hr {
    border-top-color: #c8cbcf;
}
.alert-secondary .alert-link {
    color: #202326;
}

.alert-success {
    color: rgb(33, 73, 67);
    border: 1px solid rgba(41, 167, 147, 0.3);
    background-color: rgba(41, 167, 147, 0.15);
}

.icon-success {
    color: rgb(41, 167, 147);
}
.alert-success hr {
    border-top-color: #bbe1bd;
}
.alert-success .alert-link {
    color: #18381a;
}

.alert-info {
    color: rgb(32, 71, 86);
    border: 1px solid rgba(37, 160, 207, 0.3);
    background-color: rgba(37, 160, 207, 0.15);
}

.icon-info {
    color: rgb(37, 160, 207);
}
.alert-info hr {
    border-top-color: #a0dffb;
}
.alert-info .alert-link {
    color: #01354d;
}

.alert-warning {
    color: rgb(102, 76, 20);
    border: 1px solid rgba(255, 174, 0, 0.3);
    background-color: rgba(255, 174, 0, 0.15);
}

.icon-warning {
    color: rgb(255, 174, 0);
}
.alert-warning hr {
    border-top-color: #ffbda8;
}
.alert-warning .alert-link {
    color: #581e0c;
}
.alert-danger, .alert-error {
    color: rgb(86, 43, 36);
    border: 1px solid rgba(207, 72, 51, 0.3);
    background-color: rgba(207, 72, 51, 0.15);
}

.icon-error {
    color: rgb(207, 72, 51);
}
.alert-danger hr, .alert-error hr {
    border-top-color: #fbb3af;
}
.alert-danger .alert-link, .alert-error .alert-link {
    color: #551713;
}
.alert-light {
    color: #7f7f7f;
    background-color: #fdfdfd;
    border-color: #fcfcfc;
}
.alert-light hr {
    border-top-color: #efefef;
}
.alert-light .alert-link {
    color: #666;
}
.alert-dark {
    color: #222;
    background-color: #d9d9d9;
    border-color: #cacaca;
}
.alert-dark hr {
    border-top-color: #bdbdbd;
}
.alert-dark .alert-link {
    color: #090909;
}