/**
 * Auth
 */

.auth {}

.auth-login {}

.auth-heading {}

.auth-wrapper {
    padding: 20px 0 43px;
}

.auth-content {}

.auth-login-heading,
.auth-login-content,
.auth-register-heading,
.auth-register-content {
    margin: 20px auto 0;
    padding: 0;
}

.auth-login-heading,
.auth-login-content {
    max-width: 330px;
}

/*.auth-holder {
    margin: 0 auto;
    max-width: 330px;
}*/

.auth-title {
    margin: 0 0 36px 0;
}

.auth-error {
    margin: 0;
}

.auth-tabs-list {
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.auth-tabs-item {
}

.auth-tabs-item + .auth-tabs-item {
    margin-left: 4px;
}

.auth-tabs-button {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #171f4f;
    width: 163px;
    height: 38px;
    background: transparent;
    border: 1px solid #e8e8e8;
    border-radius: 132px;
    transition: 0.2s ease-out;
}

.auth-tabs-button:hover,
.auth-tabs-button:focus {
    color: #fff;
    background: #171f4f;
}

.auth-tabs-button.is-active {
    color: #fff;
    background: #171f4f;
    cursor: default;
}

.auth-tabs-button.is-active:hover {
    opacity: 1;
}

.auth-box-heading {
}

.auth-box-heading--indented {
    margin-top: 30px;
}

.auth-box-heading.module-heading {
    margin-bottom: 9px;
}

.auth-box-heading.module-heading::before {
    height: 1px;
    background: #e9eaef;
}

.auth-box-heading.module-heading > span {
    color: #171f4f;
    text-align: center;
    min-width: auto;
    font-size: 15px;
    font-weight: 700;
    line-height: 220%;
    text-transform: capitalize;
}

.auth-button {
    height: 42px;
    font-size: 14px;
    text-transform: uppercase;
}

.auth-forgot {
    margin-top: 20px;
    color: #171f4f;
    font-size: 14px;
    font-weight: 400;
    border: none;
    text-decoration: underline;
    background: transparent;
}

.auth-field-input {
}

.auth-field-input:focus {
    /*text-align: left;*/
}

.auth-register .auth-tabs-list {
    justify-content: center;
}

.auth-register-heading {
    max-width: 370px;
}

.auth-register-content {
    max-width: 680px;
}

.field-group + .auth-box-heading {
    margin-top: 30px;
}

[data-step="1"] {
    margin: 0 auto;
    max-width: 330px;
}

[data-step="1"] .auth-register-account,
[data-step="1"] .auth-register-next {
    display: block;
}

[data-step="2"] .auth-register-account,
[data-step="2"] .auth-register-next {
    display: none;
}

[data-step="1"] .auth-register-info,
[data-step="1"] .auth-register-submit,
[data-step="1"] .auth-register-link {
    display: none;
}

[data-step="2"] .auth-register-info,
[data-step="2"] .auth-register-submit,
[data-step="2"] .auth-register-link {
    display: block;
}

.auth-register-account {}

.auth-register-info {}

.auth-errors {
    margin-top: 20px;
    padding: 15px;
    position: relative;
    color: #e9504d;
    font-size: 13px;
    font-weight: 500;
    line-height: 140%;
    background: #f4f4f4;
    border-radius: 4px;
}

.auth-errors::after {
    content: "";
    position: absolute;
    top: 15px;
    right: 11px;
    width: 20px;
    height: 20px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAF4SURBVHgBpVRBTsJAFH2flsRoYroysmtPYLkB7iEZT0C9ATeAG3gEjmAX7MUTiCcoO9QVxsiqnfFXQYa2My3hbzrpe//9186bARpUIoS3EsJvwm3VEXKhC2RJC9lLE9FWPSGdKMDjpecgm9bxyQZ+CBEqdqa/k1C3nXg2h9GApRRkyZEDGtt6jIIrMYhYMiwPQW8l+r2jBRkYmzGaWvpM7uDv36g7CdxrFP9NDEZVvVQWEz5H5GknSFCLq3jWzdfvYpBog9YbfAVBPF9bHXJMhloT/zPydWfa2jvH5cjqcOsuKZIknCBjgXYhQrlLxrqdOF7uDR26m6Ci2pTdtJH6FVAe9vGhhuaODQ+rBFMlA96UsArjGEV6jNy9cvYAQxEPot/ZqhLfhn3+p4N89/qCH8IkyDLPEvLVgv+HffvJZHGnFtfxbMTnN+LWhYm3O5KUh5hVa24RilLITxf0WMejQlhPrWXtfXhsuRsO5hnSECeWA3f9zQ5/AOh8e7i7NGBVAAAAAElFTkSuQmCC") no-repeat center;
}

.auth-errors::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f4f4f4;
    border-left: 10px solid transparent;
}

[data-step="2"] .auth-errors {
    padding-left: 32px;
    text-align: center;
}

[data-step="2"] .auth-errors::after {
    left: 14px;
}

.auth-register-actions {
    margin-top: 10px;
}

.auth-register-next {}
.auth-register-submit {}

/*.auth-register-account .auth-register-actions {
    margin-top: 20px;
}

.auth-register-info .auth-register-actions {
    margin-top: 20px;
    text-align: center;
}*/

.auth-register-link {
    margin-top: 16px;
}

.field-wrapper {
    position: relative;
}

.field-input-view {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 11px;
    width: 20px;
    height: 14px;
    padding: 0;
    border: none;
    transition: background 0.2s ease-out;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../images/eye.svg");
}

.field-group.is-active .field-input-view {
    background-image: url("../images/eye-active.svg");
}

.reset-password {}

.reset-password .hint-header {
    padding-bottom: 20px;
}
.reset-password  .hint-body {
    padding: 0 30px;
}

.reset-password .hint-text {
    margin-bottom: 20px;
}

.reset-password .auth-button {
    max-width: 260px;
}

.reset-password .hint-content {
    background: #fff;
}