/* Start:/local/components/chelbit/company.registration/templates/.default/style.css?17477310281333*/
.registration-form {
    max-width: 450px;
    margin: 0 auto;
    padding: 0;
    background: transparent;
    box-shadow: none;
}
.login-btn.disabled {
    opacity: 0.5;
}
.login-btn.disabled:hover {
    opacity: 0.5;
    cursor: not-allowed;
}
.registration-form-description {
    margin-bottom: 25px;
    color: #555;
    font-size: 14px;
    line-height: 1.5;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

/* Стили для совместимости с формой авторизации */
.log-popup-footer {
    margin-bottom: 10px;
} 

/* Стили для валидации формы */
.validation-error {
    opacity: 0;
    max-height: 0;
    transition: opacity 0.3s ease, max-height 0.3s ease, margin-top 0.3s ease;
    overflow: hidden;
    color: #f44336;
    font-size: 12px;
    margin-top: 0;
}

.validation-error.show {
    opacity: 1;
    max-height: 50px;
    margin-top: 5px;
}

@keyframes shake {
    0%, 100% { transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }
    20%, 40%, 60%, 80% { transform: translateX(5px); }
}

.shake {
    animation: shake 0.5s cubic-bezier(.36,.07,.19,.97) both;
} 
/* End */
/* /local/components/chelbit/company.registration/templates/.default/style.css?17477310281333 */