| // |
| // Forms |
| // -------------------------------------------------- |
| .chars-remaining-pf span { |
| font-weight: 600; |
| padding-right: 5px; |
| } |
| |
| .chars-warn-remaining-pf { |
| color: @brand-danger; |
| } |
| |
| .fields-status-pf { |
| color: @color-pf-black-500; |
| margin-bottom: 15px; |
| } |
| |
| .form-control { |
| &[disabled], |
| &[readonly], |
| fieldset[disabled] & { |
| .box-shadow(none); |
| color: @color-pf-black-500; |
| &:hover { |
| border-color: @input-border; |
| } |
| } |
| &:hover { |
| border-color: @input-border-hover; |
| .has-error & { |
| border-color: darken(@state-danger-text, 10%); |
| } |
| .has-success & { |
| border-color: darken(@state-success-text, 10%); |
| } |
| .has-warning & { |
| border-color: darken(@state-warning-text, 10%); |
| } |
| } |
| } |
| |
| .has-error, .has-success, .has-warning { |
| .checkbox, |
| .checkbox-inline, |
| .control-label, |
| .radio, |
| .radio-inline, |
| &.checkbox label, |
| &.checkbox-inline label, |
| &.radio label, |
| &.radio-inline label { |
| color: @text-color; |
| } |
| } |
| |
| .help-block { |
| margin-bottom: 0px; |
| } |
| |
| .input-group .input-group-btn .btn { |
| .box-shadow(none); |
| } |
| |
| label { |
| font-weight: 600; |
| &.required-pf:after { |
| color: @brand-danger; |
| content: "*"; |
| margin-left: 3px; |
| } |
| } |
| |
| span.required-pf { |
| color: @brand-danger; |
| } |
| |
| .fields-section-pf { |
| border-color: @color-pf-black-200; |
| border-style: solid; |
| border-width: 1px 0 0; |
| margin-top: 25px; |
| padding: 15px 0 0; |
| } |
| .fields-section-header-pf { |
| border: none; |
| font-size: @font-size-base; |
| margin: 0; |
| padding-right: @padding-large-horizontal; |
| width: auto; |
| .fa-angle-right { |
| cursor: pointer; |
| font-size: @font-size-large; |
| width: @font-size-large; |
| } |
| } |