@keyframes respond-fadein {
    from {
        opacity: 0;
        transform: scale(0.9,0.9);
    }

    to {
        opacity: 1;
        transform: scale(1,1);
    }
}

input.bad {
    box-shadow: 0 0 4px 0px #ff000096;
}
textarea.bad {
    box-shadow: 0 0 4px 0px #ff000096;
}

.alerts {
    display: inline-block;
    width: 100%;
    background: #ffd1d1;
    padding: 19px;
    color: red;
    margin-top: 20px;
    animation: respond-fadein 200ms;
}

.alerts.success {
    background: #b1ffc4;
    color: #005608;
}

.respond-alerts {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}

.respond-alerts-close {
}

.respond-alerts i {
    float: right;
    margin-top: 4px;
    margin-right: -6px;
}

.respond-alerts>div {
    background: #b1ffc4;
    color: #005608;
    animation: respond-fadein 200ms;
    margin-bottom: 5px;
    padding: 5px 14px;
    border-radius: 5px;
}

.respond-alerts>div.danger {
    background: #ffd1d1;
    color: red;
}

.respond-alerts>div.info {
    background: #8ddfff;
    color: #444444;
}

.respond-alerts>div.warning {
    background: #fffcd1;
    color: #4a4a4a;
}