.auth-forms {padding: 20px; border: 1px solid #ddd; border-radius: 4px;}
.auth-forms .alert {text-align: center; padding: 0 0 10px;}
.auth-forms .alert-danger {color: #f00;}
.auth-forms-tabs {display: flex; justify-content: space-between; font-size: 120%; margin: 0 0 20px;}
.auth-forms-tabs a {color: #333;}
.auth-form {}
.auth-form .field {margin: 0 0 10px;}
.auth-form .field-title {margin: 0 0 5px;}
.auth-form .field-value {}
.auth-form .field-value input[type='text'], .auth-form .field-value input[type='password'] {width: 100%; border-radius: 20px; box-sizing: border-box; padding: 10px 15px; border: 1px solid #aaa; outline: none;}
.auth-form .field-value label {display: flex; align-items: center; justify-content: center;}
.auth-form .field-value label input[type='checkbox'] {margin: 0 10px 0 0;}
.auth-form .field-value img {display: block; margin: 0 auto 10px;}
.auth-form .button {display: block; width: 100%; border: none; text-decoration: none; padding: 10px 35px; background: #577497; color: #fff; border-radius: 20px; text-align: center; box-sizing: border-box;}
.auth-form .forgot {text-align: center; padding: 10px 0 0;}

.auth-form.auth {}
.auth-form.forgot_password {display: none;}
.auth-form.register {display: none;}