// // RTL: Forms // -------------------------------------------------- .form-horizontal .form-group label { text-align: left; } .radio, .checkbox { padding-left: 0; padding-right: 20px; } .radio, .radio-inline, .checkbox, .checkbox-inline { label { text-align: right !important; } } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { float: right; margin-left: 0; margin-right: -20px; } .radio-inline, .checkbox-inline { padding-left: 0; padding-right: 20px; } .has-warning, .has-error, .has-success { .help-block { &:before { left: auto; right: 16px; } &:after{ left: auto; right: 17px; } } } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-left: 0; margin-right: 10px; } .form-control-feedback { left: 0; right: auto; } .has-feedback .form-control { padding-left: 32px; padding-right: 12px; } // Styled checkboxes and radios // .gt-ie8 & { input.px { left: auto !important; right: -1000000px !important; } input.px + .lbl { padding-left: 0; padding-right: 1px; margin-left: 0; } input.px + .lbl:before { left: auto; right: 0; } input.px + .lbl:before, input.px + .lbl:after { margin: 2px -20px -3px 3px !important; } input[type="checkbox"].px + .lbl:after { left: auto; right: 1px; } input[type="radio"].px + .lbl:after { left: auto; right: 5px; } } @media (min-width: 768px) { .gt-ie8 & .form-inline .radio input.px + .lbl, .gt-ie8 & .form-inline .checkbox input.px + .lbl { margin-left: 0; } } // Single checkboxes and radios .px-single { input.px { margin: 0 !important; & + .lbl:before, & + .lbl:after { margin: 0 !important; } } input.px + .lbl { padding: 0 !important; } }