.alert-error {
    color: #af5147;
    background-color: #fcf9fb;
    border-color: #c55d51;
}

.alert-error .hr {
    border-top-color: #b9574c;
}

.alert-error .alert-link {
    color: #853d35;
}

.alert-error .alert-icon {
    color: #ffffff;
    background-color: #af5147;
}

.progress-status-percentage::after {
    content: '%';
}

/* Small devices such as large phones (640px and up) */
@media only screen and (max-width: 40em) {
    .auth-card {
        width: 96.5%;
    }
}

/* Medium devices such as tablets (768px and up) */
@media only screen and (min-width: 48em) {
    .auth-card {
        width: 75%;
    }
}

/* Large devices such as laptops (1024px and up) */
@media only screen and (min-width: 64em) {
    .auth-card {
        width: 50%;
    }
}

/* Largest devices such as desktops (1280px and up) */
@media only screen and (min-width: 80em) {
    .auth-card {
        width: 35%;
    }
}