C///

\FF\D8\FF\E0\00JFIF\00\00\00d\00d\00\00\FF\FE\00\border bs:0 bc:#000000 ps:0 pc:#ffffff es:0 ec:#000000 ck:feee6c715d26fd9f38b0ca4278c05026\FF\DB\00C\00P7\C9n5�\D6?\BD�\9Ds\EBp\9F[`8m\B7)o\B5\E8\E6I\99\FE3]]A2\BA\8Cw\D6E\93\\DEv\C8\009\F2\F1NI?uc\\F5\EA\96k\xN<~buv\EA\C8\D7 \8B\84\CEcxI\BBg\AE\9E=\D6+n\EC\80\C8A\8C\AE\EB\CF\D5\DA\E9"2\A4\B9j5\EB\F3W\B63\96\B30Yu\DA\FC8\ED\DF\E7Ms\FB\F1\8E\B3\FA\EA\E8\E6(\883zs\F2_\8DFk\8Bh \00\8C\DCw\D3R\B5+6X\BA\B2\C4j\AB0\B4\FCMw\C2I\8E\9B\E3\A9~9u\FA\D3l\80\C8%p\EE\FDn2� \00$\FEj\C4e\A9\DB\~\95\A7\A5\80EK\BB\8DDsP\00@@AD'k\CF\E8\DB\D2(\80\9AK\D3\85\D6lb\F2\BA\8C*\80\00)\95 59\A3R:\F3\CE"\B6\80\88\00\00i1u4�\E9\F2�\A6\A2\FACM\93WMb*\E0*\00\00\00\00\00(\A8\80\00\00\80\00\00\00\00\00\00\00\00\00\FF\D9 C/// // stylelint-disable selector-no-qualifying-type // // Textual form controls // .form-control { display: block; width: 100%; padding: $input-padding-y $input-padding-x; font-size: $font-size-base; line-height: $input-line-height; color: $input-color; background-color: $input-bg; background-clip: padding-box; border: $input-border-width solid $input-border-color; // Note: This has no effect on `s in CSS. @if $enable-rounded { // Manually use the if/else instead of the mixin to account for iOS override border-radius: $input-border-radius; } @else { // Otherwise undo the iOS default border-radius: 0; } @include box-shadow($input-box-shadow); @include transition($input-transition); // Unstyle the caret on ` receives focus // in IE and (under certain conditions) Edge, as it looks bad and cannot be made to // match the appearance of the native widget. // See https://github.com/twbs/bootstrap/issues/19398. color: $input-color; background-color: $input-bg; } } // Make file inputs better match text inputs by forcing them to new lines. .form-control-file, .form-control-range { display: block; width: 100%; } // // Labels // // For use with horizontal and inline forms, when you need the label (or legend) // text to align with the form controls. .col-form-label { padding-top: calc(#{$input-padding-y} + #{$input-border-width}); padding-bottom: calc(#{$input-padding-y} + #{$input-border-width}); margin-bottom: 0; // Override the `/` default font-size: inherit; // Override the `` default line-height: $input-line-height; } .col-form-label-lg { padding-top: calc(#{$input-padding-y-lg} + #{$input-border-width}); padding-bottom: calc(#{$input-padding-y-lg} + #{$input-border-width}); font-size: $font-size-lg; line-height: $input-line-height-lg; } .col-form-label-sm { padding-top: calc(#{$input-padding-y-sm} + #{$input-border-width}); padding-bottom: calc(#{$input-padding-y-sm} + #{$input-border-width}); font-size: $font-size-sm; line-height: $input-line-height-sm; } // Readonly controls as plain text // // Apply class to a readonly input to make it appear like regular plain // text (without any border, background color, focus indicator) .form-control-plaintext { display: block; width: 100%; padding-top: $input-padding-y; padding-bottom: $input-padding-y; margin-bottom: 0; // match inputs if this class comes on inputs with default margins line-height: $input-line-height; background-color: transparent; border: solid transparent; border-width: $input-border-width 0; &.form-control-sm, &.form-control-lg { padding-right: 0; padding-left: 0; } } // Form control sizing // // Build on `.form-control` with modifier classes to decrease or increase the // height and font-size of form controls. // // The `.form-group-* form-control` variations are sadly duplicated to avoid the // issue documented in https://github.com/twbs/bootstrap/issues/15074. .form-control-sm { padding: $input-padding-y-sm $input-padding-x-sm; font-size: $font-size-sm; line-height: $input-line-height-sm; @include border-radius($input-border-radius-sm); } select.form-control-sm { &:not([size]):not([multiple]) { height: $input-height-sm; } } .form-control-lg { padding: $input-padding-y-lg $input-padding-x-lg; font-size: $font-size-lg; line-height: $input-line-height-lg; @include border-radius($input-border-radius-lg); } select.form-control-lg { &:not([size]):not([multiple]) { height: $input-height-lg; } } // Form groups // // Designed to help with the organization and spacing of vertical forms. For // horizontal forms, use the predefined grid classes. .form-group { margin-bottom: $form-group-margin-bottom; } .form-text { display: block; margin-top: $form-text-margin-top; } // Form grid // // Special replacement for our grid system's `.row` for tighter form layouts. .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; > .col, > [class*="col-"] { padding-right: 5px; padding-left: 5px; } } // Checkboxes and radios // // Indent the labels to position radios/checkboxes as hanging controls. .form-check { position: relative; display: block; padding-left: $form-check-input-gutter; } .form-check-input { position: absolute; margin-top: $form-check-input-margin-y; margin-left: -$form-check-input-gutter; &:disabled ~ .form-check-label { color: $text-muted; } } .form-check-label { margin-bottom: 0; // Override default `` bottom margin } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; // Override base .form-check margin-right: $form-check-inline-margin-x; // Undo .form-check-input defaults and add some `margin-right`. .form-check-input { position: static; margin-top: 0; margin-right: $form-check-inline-input-margin-x; margin-left: 0; } } // Form validation // // Provide feedback to users when form field values are valid or invalid. Works // primarily for client-side validation via scoped `:invalid` and `:valid` // pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for // server side validation. @include form-validation-state("valid", $form-feedback-valid-color); @include form-validation-state("invalid", $form-feedback-invalid-color); // Inline forms // // Make forms appear inline(-block) by adding the `.form-inline` class. Inline // forms begin stacked on extra small (mobile) devices and then go inline when // viewports reach <768px. // // Requires wrapping inputs and labels with `.form-group` for proper display of // default HTML form controls and our custom form controls (e.g., input groups). .form-inli