#login-form-msg{
	margin: 30px 20px;
	text-align: center;
}

.alert-danger, .alert-error {
    color: #E9EDEF;
    background-color: rgba(231, 76, 60, 0.88);
    border-color: rgba(231, 76, 60, 0.88);
    -webkit-animation: error 1s ease-in-out;
}

@keyframes error {
    0% {
           background-color: rgba(231, 76, 60, 0.3);
           border-color: rgba(231, 76, 60, 0.3);
    }
    50% {
           background-color: rgba(255,0,0,0.5);
           border-color: rgba(231, 76, 60, 0.5);
    }
    100% {
           background-color: rgba(231, 76, 60, 0.88);
           border-color: rgba(231, 76, 60, 0.88);
    }
}

.alert-success {
    color: #ffffff;
    background-color: rgba(38, 185, 154, 0.88);
    border-color: rgba(38, 185, 154, 0.88);
    -webkit-animation: success 1s ease-in-out;
}

@keyframes success {
    0% {
           background-color: rgba(38, 185, 154, 0.3)
           border-color: rgba(38, 185, 154, 0.3);
    }
    50% {
           background-color: rgba(38, 185, 154,0.5)
           border-color: rgba(38, 185, 154, 0.5);
    }
    100% {
           background-color: rgba(38, 185, 154, 0.88)
           border-color: rgba(38, 185, 154, 0.88);
    }
}