*[data-form-messages].active {
    width: 100%;
    margin-top: 0;
    color: #f1416c;
    margin-bottom: 1rem;
}

*[data-form-messages].good {
    color:green !important;
}

.code-input-hide {
    max-height:0;
    opacity:0;
    overflow:hidden;
    margin: 0 !important;
    transition:all ease-out .4s;
}

.code-input-hide.active {
    max-height: 150px;
    margin-bottom: 1rem !important;
    opacity:1;
}

.block-input-events {
    pointer-events: none;
    opacity: .9;
    background: #eee;
}

.invalid-feedback.good {
    color:green !important;
}

.invalid-feedback.bad {
    color:red !important;
}

.auth-social-icons i {
    font-size: 2rem;
}

.auth-social-icons a.btn {
    margin: 0 1rem !important;
    width: calc(2.5rem + calc(var(--bs-border-width)* 2));
    height: calc(2.5rem + calc(var(--bs-border-width)* 2));
}

.auth-social-icons a.btn:hover {
    box-shadow: 5px 5px 5px 5px #ededed;
}

.auth-social-icons i:hover {
    color: #7367f0;
}