.auth-dialog {

    border: none;
    border-radius: 0;

    .x-form-text-default, .x-placeholder-label-default {
        padding: 15px;
    }

    .x-form-trigger{
        text-align: right;
        width: 50px;
    }

    #login-language-trigger-picker:before{
        top: 10px;
        left:-18px;
        position: relative;
        color: $dialog-trigger-color;
        font-size: 30px;
    }

    .password-trigger,
    .auth-user-trigger,
    .auth-password-trigger{
        cursor: default;
        &:before {
            top: 10px;
            left: -18px;
            position: relative;
            color: $dialog-trigger-color;
            font-size: 30px;
        }

        &.password-trigger:before,
        &.auth-password-trigger:before {
            content: $lock;
        }
        &.auth-user-trigger:before {
            content: "\f007";
        }
    }

    .link-forgot-password {
        line-height: 32px;
        text-decoration: none;
        margin-left: 5px;
        &:hover{
            text-decoration: underline;
        }
    }

    .x-btn {
        .x-btn-icon-el {
            &:before {
                right: 10px;
                font-size: 24px;
                position: absolute;
            }
        }
    }
    .link-forgot-password {
        line-height: 32px;
        color: $base-color;
        text-decoration: none;
        margin-left: 5px;
        &:hover{
            text-decoration: underline;
        }
    }
    .auth-login-button .x-fa,
    .auth-resetpassword-button .x-fa {
        font-size: 32px;
        right: 11px;
        top: 10px;
        line-height: 16px;
    }
    .outer-div {
        width: 100%;
        text-align: center;
        &:after {
            content: " ";
            width: 100%;
            height: 1px;
            position: absolute;
            left: 0;
            top: 9px;
        }
    }

    .invalid-field .x-form-trigger-wrap-default{
        border-color: #cf4c35;
    }
}
