.invalid.error input, .invalid.error select {
    border-color: #fa0007!important;
}






/* effects */
#izris-form {
    transition: 1s;
}
#form-cell {
    overflow: hidden;
    position: relative;
}
#form-cell.sent
#izris-form {
    opacity: .2;
    pointer-events: none;
}
#form-cell .panel-first-child {
    height: 0;
}
#form-cell .success-msg {
    transition: transform 1s, max-height 1s;
    transform: translateY(-300px);
    position absolute;
    transition-timing-function: ease-in-out;
}
#form-cell.sent .success-msg {
    transform: translateY(0);
}

#form-cell .join-msg {
    transition-timing-function: ease-in-out;
    transition: transform .4s, max-height .4s;
    /* overflow: hidden; */
}
#form-cell.sent .join-msg {
    /* max-height: 0; */
    transform: translateY(-300px);
}

#form-cell .checkmark {
    transition-timing-function: ease-in-out;
    pointer-events: none;
    font-size: 120px;
    opacity: 0;
    position: absolute;
    /* font-size: 12px; */
    transform: scale(1%) translate(-50%, -50%);
    bottom: 40%;
    left: 50%;
    transition: 1s;
    color: #B2FC60;
}

#form-cell.sent .checkmark {
    opacity: 1;
    transform: scale(100%) translate(-50%, -50%);
}