.profile-container {
    max-width: 1000px;
    margin: 20px auto;
    background: #fff;
    padding: 20px;
    border-radius: 8px;
}

.profile-panel {
    margin-top: 20px;
}

.form-control.invalid {
    border: 1px solid red;
}

[dir="rtl"] .profile-container,
[dir="rtl"] #divUserProfile,
[dir="rtl"] #divUserProfile .form-horizontal,
[dir="rtl"] #divUserProfile .row,
[dir="rtl"] #divUserProfile .form-group,
[dir="rtl"] .profile-panel,
[dir="rtl"] .profile-panel .panel-heading,
[dir="rtl"] .profile-panel .panel-body {
    direction: rtl;
    text-align: right;
}

    /* bootstrap columns inside profile page */
    [dir="rtl"] #divUserProfile .col-sm-1,
    [dir="rtl"] #divUserProfile .col-sm-2,
    [dir="rtl"] #divUserProfile .col-sm-3,
    [dir="rtl"] #divUserProfile .col-sm-4,
    [dir="rtl"] #divUserProfile .col-sm-5,
    [dir="rtl"] #divUserProfile .col-sm-6,
    [dir="rtl"] #divUserProfile .col-sm-7,
    [dir="rtl"] #divUserProfile .col-sm-8,
    [dir="rtl"] #divUserProfile .col-sm-9,
    [dir="rtl"] #divUserProfile .col-sm-10,
    [dir="rtl"] #divUserProfile .col-sm-11,
    [dir="rtl"] #divUserProfile .col-sm-12,
    [dir="rtl"] #divUserProfile .col-md-1,
    [dir="rtl"] #divUserProfile .col-md-2,
    [dir="rtl"] #divUserProfile .col-md-3,
    [dir="rtl"] #divUserProfile .col-md-4,
    [dir="rtl"] #divUserProfile .col-md-5,
    [dir="rtl"] #divUserProfile .col-md-6,
    [dir="rtl"] #divUserProfile .col-md-7,
    [dir="rtl"] #divUserProfile .col-md-8,
    [dir="rtl"] #divUserProfile .col-md-9,
    [dir="rtl"] #divUserProfile .col-md-10,
    [dir="rtl"] #divUserProfile .col-md-11,
    [dir="rtl"] #divUserProfile .col-md-12 {
        float: right;
    }

    [dir="rtl"] #divUserProfile label,
    [dir="rtl"] #divUserProfile .lead,
    [dir="rtl"] #divUserProfile .help-block,
    [dir="rtl"] .profile-panel .panel-heading {
        text-align: right;
    }

    /* regular text fields in RTL */
    [dir="rtl"] #divUserProfile input.form-control,
    [dir="rtl"] #divUserProfile textarea.form-control,
    [dir="rtl"] #divUserProfile select.form-control {
        text-align: right;
        direction: rtl;
    }

/* keep email / phone / password / sms code LTR */
[dir="rtl"] #tbEmail,
[dir="rtl"] #tbPhone,
[dir="rtl"] #tbPassword,
[dir="rtl"] #tbPasswordConfirm,
[dir="rtl"] #tbSmsCode {
    direction: ltr;
    text-align: left;
}