| .form-text { |
| margin-top: -$spacer / 4; |
| margin-bottom: $spacer / 2; |
| color: $gray-800; |
| } |
| |
| .col-form-label { |
| color: $gray-800; |
| font-size: 14px; |
| } |
| |
| .form-group { |
| margin-bottom: $spacer * 2; |
| } |
| |
| .custom-select, |
| .custom-control-label, |
| .form-control { |
| //important needed to override validation colors on radio labels |
| color: $dark !important; |
| font-size: 16px; |
| border-color: $gray-400 !important; |
| &.is-invalid, |
| &:invalid { |
| border-bottom: 2px solid $danger !important; |
| } |
| } |
| |
| .custom-control { |
| .custom-control-input[disabled=disabled] { |
| & + .custom-control-label { |
| // Disabled label for checkbox, radio, |
| // switch bootstrap form components |
| color: $gray-700!important; |
| } |
| } |
| } |