{: versionI"3.2.19 (Media Mark):EF:shaI"-28be2e109f8743d170aa6135a80b1d13900628b5;F: contents"2o:Sass::Tree::RootNode :@children[Ao:Sass::Tree::CommentNode : @value[I"I/* * Forms * -------------------------------------------------- */:ET: @type: silent;[: @linei: @options{o; ;[I"W/* Normalize non-controls * * Restyle and baseline non-control form elements. */; T; ; ;[; i ; @ o:Sass::Tree::RuleNode : @rule[I" fieldset; T: @tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence ;[o:Sass::Selector::Element : @name[I" fieldset; T:@namespace0; i:@filenameI"; T: @subject0: @sourceso:Set: @hash{; i;@; i;@;[ o:Sass::Tree::PropNode ;[I" padding; T;o:Sass::Script::String;I"0; T; :identifier; @ ;i:@prop_syntax:new;[; i; @ o; ;[I" margin; T;o;;I"0; T; ; ; @ ;i;!;";[; i; @ o; ;[I" border; T;o;;I"0; T; ; ; @ ;i;!;";[; i; @ o; ;[I"/* Chrome and Firefox set a `min-width: -webkit-min-content;` on fieldsets, * so we reset that to ensure it behaves more like a standard block element. * See https://github.com/twbs/bootstrap/issues/12359. */; T; ; ;[; i; @ o; ;[I"min-width; T;o;;I"0; T; ; ; @ ;i;!;";[; i; @ ; i:@has_childrenT; @ o; ;[I" legend; T;i;o;;[o;;[o; ;[o; ;[I" legend; T;0; i;I"; T;0;o;;{; i;@H; i;@H;[o; ;[I" display; T;o;;I" block; T; ; ; @ ;i;!;";[; i; @ o; ;[I" width; T;o;;I" 100%; T; ; ; @ ;i;!;";[; i; @ o; ;[I" padding; T;o;;I"0; T; ; ; @ ;i;!;";[; i; @ o; ;[I"margin-bottom; T;o:Sass::Script::Variable ;I"line-height-computed; T:@underscored_nameI"line_height_computed; T; i; @ ;i;!;";[; i; @ o; ;[I"font-size; T;o:Sass::Script::Operation :@operand1o;$ ;I"font-size-base; T;%I"font_size_base; T; i; @ :@operand2o:Sass::Script::Number ;f1.5:@numerator_units[:@denominator_units[; i:@originalI"1.5; F; @ :@operator: times; i; @ ;i;!;";[; i; @ o; ;[I"line-height; T;o;;I" inherit; T; ; ; @ ;i;!;";[; i; @ o; ;[I" color; T;o;$ ;I"legend-color; T;%I"legend_color; T; i ; @ ;i;!;";[; i ; @ o; ;[I" border; T;o;;I"0; T; ; ; @ ;i;!;";[; i!; @ o; ;[I"border-bottom; T;o:Sass::Script::List ;[o;) ;i;*[I"px; T;+[; i";,I"1px; F; @ o; ;I" solid; T; ; ; i"; @ o;$ ;I"legend-border-color; T;%I"legend_border_color; T; i"; @ :@separator: space; i"; @ ;i;!;";[; i"; @ ; i;#T; @ o; ;[I" label; T;i;o;;[o;;[o; ;[o; ;[I" label; T;0; i%;I"; T;0;o;;{; i%;@; i%;@;[ o; ;[I" display; T;o;;I"inline-block; T; ; ; @ ;i;!;";[; i&; @ o; ;[I"max-width; T;o;;I" 100%; T; ; ; @ ;i;!;";[; i'; @ o; ;[I"^/* Force IE8 to wrap long content (see https://github.com/twbs/bootstrap/issues/13141) */; T; ; ;[; i'; @ o; ;[I"margin-bottom; T;o;;I"5px; T; ; ; @ ;i;!;";[; i(; @ o; ;[I"font-weight; T;o;;I" bold; T; ; ; @ ;i;!;";[; i); @ ; i%;#T; @ o; ;[I"/* Normalize form controls * * While most of our form styles require extra classes, some basic normalization * is required to ensure optimum display with or without those classes to better * address browser inconsistencies. */; T; ; ;[; i-; @ o; ;[I"F/* Override content-box in Normalize (* isn't specific enough) */; T; ; ;[; i3; @ o; ;[I"input[type="search"]; T;i;o;;[o;;[o; ;[o; ;[I" input; T;0; i4;I"; To:Sass::Selector::Attribute ;[I" type; T;0;-I"=; T;[I" "search"; T: @flags0; i4;@;0;o;;{; i4;@; i4;@;[o:Sass::Tree::MixinNode ;I"box-sizing; T: @args[o; ;I"border-box; T; ; ; i5; @ :@keywords{: @splat0;[; i5; @ ; i4;#T; @ o; ;[I"0/* Position radios and checkboxes better */; T; ; ;[; i8; @ o; ;[I"0input[type="radio"], input[type="checkbox"]; T;i;o;;[o;;[o; ;[o; ;[I" input; T;0; i:;I"; To;2 ;[I" type; T;0;-I"=; T;[I" "radio"; T;30; i:;@;0;o;;{; i:;@o;;[I" ; To; ;[o; ;[I" input; T;0; i:;@o;2 ;[I" type; T;0;-I"=; T;[I""checkbox"; T;30; i:;@;0;o;;{; i:;@; i:;@;[ o; ;[I" margin; T;o;;I" 4px 0 0; T; ; ; @ ;i;!;";[; i;; @ o; ;[I"margin-top; T;o;;I" 1px \9; T; ; ; @ ;i;!;";[; i<; @ o; ;[I"/* IE8-9 */; T; ; ;[; i<; @ o; ;[I"line-height; T;o;;I" normal; T; ; ; @ ;i;!;";[; i=; @ ; i:;#T; @ o; ;[I"?/* Set the height of file controls to match text inputs */; T; ; ;[; i@; @ o; ;[I"input[type="file"]; T;i;o;;[o;;[o; ;[o; ;[I" input; T;0; iA;I"; To;2 ;[I" type; T;0;-I"=; T;[I" "file"; T;30; iA;@1;0;o;;{; iA;@1; iA;@1;[o; ;[I" display; T;o;;I" block; T; ; ; @ ;i;!;";[; iB; @ ; iA;#T; @ o; ;[I">/* Make range inputs behave like textual form controls */; T; ; ;[; iE; @ o; ;[I"input[type="range"]; T;i;o;;[o;;[o; ;[o; ;[I" input; T;0; iF;I"; To;2 ;[I" type; T;0;-I"=; T;[I" "range"; T;30; iF;@Q;0;o;;{; iF;@Q; iF;@Q;[o; ;[I" display; T;o;;I" block; T; ; ; @ ;i;!;";[; iG; @ o; ;[I" width; T;o;;I" 100%; T; ; ; @ ;i;!;";[; iH; @ ; iF;#T; @ o; ;[I"9/* Make multiple select elements height not fixed */; T; ; ;[; iK; @ o; ;[I"#select[multiple], select[size]; T;i;o;;[o;;[o; ;[o; ;[I" select; T;0; iM;I"; To;2 ;[I" multiple; T;0;-0;0;30; iM;@w;0;o;;{; iM;@wo;;[I" ; To; ;[o; ;[I" select; T;0; iM;@wo;2 ;[I" size; T;0;-0;0;30; iM;@w;0;o;;{; iM;@w; iM;@w;[o; ;[I" height; T;o;;I" auto; T; ; ; @ ;i;!;";[; iN; @ ; iM;#T; @ o; ;[I"./* Focus for file, radio, and checkbox */; T; ; ;[; iQ; @ o; ;[I"Vinput[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus; T;i;o;;[o;;[o; ;[o; ;[I" input; T;0; iT;I"; To;2 ;[I" type; T;0;-I"=; T;[I" "file"; T;30; iT;@o:Sass::Selector::Pseudo :@syntactic_type: class;[I" focus; T: @arg0; iT;@;0;o;;{; iT;@o;;[I" ; To; ;[o; ;[I" input; T;0; iT;@o;2 ;[I" type; T;0;-I"=; T;[I" "radio"; T;30; iT;@o;8 ;9;:;[I" focus; T;;0; iT;@;0;o;;{; iT;@o;;[I" ; To; ;[o; ;[I" input; T;0; iT;@o;2 ;[I" type; T;0;-I"=; T;[I""checkbox"; T;30; iT;@o;8 ;9;:;[I" focus; T;;0; iT;@;0;o;;{; iT;@; iT;@;[o;4 ;I"tab-focus; T;5[;6{;70;[; iU; @ ; iT;#T; @ o; ;[I" /* Adjust output element */; T; ; ;[; iX; @ o; ;[I" output; T;i;o;;[o;;[o; ;[o; ;[I" output; T;0; iY;I"; T;0;o;;{; iY;@; iY;@;[ o; ;[I" display; T;o;;I" block; T; ; ; @ ;i;!;";[; iZ; @ o; ;[I"padding-top; T;o;& ;'o;$ ;I"padding-base-vertical; T;%I"padding_base_vertical; T; i[; @ ;(o;) ;i;*[;+@o; i[;,I"1; F; @ ;-: plus; i[; @ ;i;!;";[; i[; @ o; ;[I"font-size; T;o;$ ;I"font-size-base; T;%I"font_size_base; T; i\; @ ;i;!;";[; i\; @ o; ;[I"line-height; T;o;$ ;I"line-height-base; T;%I"line_height_base; T; i]; @ ;i;!;";[; i]; @ o; ;[I" color; T;o;$ ;I"input-color; T;%I"input_color; T; i^; @ ;i;!;";[; i^; @ ; iY;#T; @ o; ;[I"/* Common form controls * * Shared size and type resets for form controls. Apply `.form-control` to any * of the following form controls: * * select * textarea * input[type="text"] * input[type="password"] * input[type="datetime"] * input[type="datetime-local"] * input[type="date"] * input[type="month"] * input[type="time"] * input[type="week"] * input[type="number"] * input[type="email"] * input[type="url"] * input[type="search"] * input[type="tel"] * input[type="color"] */; T; ; ;[; ib; @ o; ;[I".form-control; T;i;o;;[o;;[o; ;[o:Sass::Selector::Class;[I"form-control; T; ix;I"; T;0;o;;{; ix;@#; ix;@#;[o; ;[I" display; T;o;;I" block; T; ; ; @ ;i;!;";[; iy; @ o; ;[I" width; T;o;;I" 100%; T; ; ; @ ;i;!;";[; iz; @ o; ;[I" height; T;o;$ ;I"input-height-base; T;%I"input_height_base; T; i{; @ ;i;!;";[; i{; @ o; ;[I"l/* Make inputs at least the height of their button counterpart (base line-height + padding + border) */; T; ; ;[; i{; @ o; ;[I" padding; T;o;/ ;[o;$ ;I"padding-base-vertical; T;%I"padding_base_vertical; T; i|; @ o;$ ;I"padding-base-horizontal; T;%I"padding_base_horizontal; T; i|; @ ;0;1; i|; @ ;i;!;";[; i|; @ o; ;[I"font-size; T;o;$ ;I"font-size-base; T;%I"font_size_base; T; i}; @ ;i;!;";[; i}; @ o; ;[I"line-height; T;o;$ ;I"line-height-base; T;%I"line_height_base; T; i~; @ ;i;!;";[; i~; @ o; ;[I" color; T;o;$ ;I"input-color; T;%I"input_color; T; i; @ ;i;!;";[; i; @ o; ;[I"background-color; T;o;$ ;I" input-bg; T;%I" input_bg; T; i{; @ ;i;!;";[; i{; @ o; ;[I"background-image; T;o;;I" none; T; ; ; @ ;i;!;";[; i|; @ o; ;[I"r/* Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 */; T; ; ;[; i|; @ o; ;[I" border; T;o;/ ;[o;) ;i;*[I"px; T;+[; i};,I"1px; F; @ o; ;I" solid; T; ; ; i}; @ o;$ ;I"input-border; T;%I"input_border; T; i}; @ ;0;1; i}; @ ;i;!;";[; i}; @ o; ;[I"border-radius; T;o;$ ;I"input-border-radius; T;%I"input_border_radius; T; i~; @ ;i;!;";[; i~; @ o;4 ;I"box-shadow; T;5[o;/ ;[ o; ;I" inset; T; ; ; i; @ o;) ;i;*[;+@o; i;,I"0; F; @ o;) ;i;*[I"px; T;+[; i;,I"1px; F; @ o;) ;i;*[I"px; T;+[; i;,I"1px; F; @ o:Sass::Script::Funcall ;I" rgba; T;5[ o;) ;i;*[;+@o; i;,I"0; F; @ o;) ;i;*[;+@o; i;,I"0; F; @ o;) ;i;*[;+@o; i;,I"0; F; @ o;) ;f 0.075;*[;+@o; i;,I" 0.075; F; @ ;6{;70; i; @ ;0;1; i; @ ;6{;70;[; i; @ o;4 ;I"transition; T;5[o;/ ;[o; ;I"border-color; T; ; ; i; @ o; ;I"ease-in-out; T; ; ; i; @ o;) ;f 0.15;*[I"s; T;+[; i;,I" 0.15s; F; @ ;0;1; i; @ o;/ ;[o; ;I"box-shadow; T; ; ; i; @ o; ;I"ease-in-out; T; ; ; i; @ o;) ;@;*[I"s; T;+[; i;,I" 0.15s; F; @ ;0;1; i; @ ;6{;70;[; i; @ o; ;[I"H/* Customize the `:focus` state to imitate native WebKit styles. */; T; ; ;[; i; @ o;4 ;I"form-control-focus; T;5[;6{;70;[; i; @ o; ;[I"/* Placeholder */; T; ; ;[; i; @ o;4 ;I"placeholder; T;5[;6{;70;[; i; @ o; ;[I"/* Disabled and read-only inputs * * HTML5 says that controls under a fieldset > legend:first-child won't be * disabled if the fieldset is disabled. Due to implementation difficulty, we * don't honor that edge case; we style them as disabled anyway. */; T; ; ;[; i; @ o; ;[I"7&[disabled], &[readonly], fieldset[disabled] &; T;i;o;;[o;;[o; ;[o:Sass::Selector::Parent; i;I"; To;2 ;[I" disabled; T;0;-0;0;30; i;@;0;o;;{; i;@o;;[I" ; To; ;[o;?; i;@o;2 ;[I" readonly; T;0;-0;0;30; i;@;0;o;;{; i;@o;;[I" ; To; ;[o; ;[I" fieldset; T;0; i;@o;2 ;[I" disabled; T;0;-0;0;30; i;@;0;o;;{; i;@o; ;[o;?; i;@;0;o;;{; i;@; i;@;[ o; ;[I" cursor; T;o;;I"not-allowed; T; ; ; @ ;i;!;";[; i; @ o; ;[I"background-color; T;o;$ ;I"input-bg-disabled; T;%I"input_bg_disabled; T; i; @ ;i;!;";[; i; @ o; ;[I" opacity; T;o;;I"1; T; ; ; @ ;i;!;";[; i; @ o; ;[I"2/* iOS fix for unreadable disabled content */; T; ; ;[; i; @ ; i;#T; @ o; ;[I"C/* [converter] extracted textarea& to textarea.form-control */; T; ; ;[; i; @ ; ix;#T; @ o; ;[I"'/* Reset height for `textarea`s */; T; ; ;[; i; @ o; ;[I"textarea.form-control; T;i;o;;[o;;[o; ;[o; ;[I" textarea; T;0; i;I"; To;=;[I"form-control; T; i;@9;0;o;;{; i;@9; i;@9;[o; ;[I" height; T;o;;I" auto; T; ; ; @ ;i;!;";[; i; @ ; i;#T; @ o; ;[I"</* Search inputs in iOS * * This overrides the extra rounded corners on search inputs in iOS so that our * `.form-control` class can properly style them. Note that this cannot simply * be added to `.form-control` as it's not specific enough. For details, see * https://github.com/twbs/bootstrap/issues/11586. */; T; ; ;[; i; @ o; ;[I"input[type="search"]; T;i;o;;[o;;[o; ;[o; ;[I" input; T;0; i;I"; To;2 ;[I" type; T;0;-I"=; T;[I" "search"; T;30; i;@V;0;o;;{; i;@V; i;@V;[o; ;[I"-webkit-appearance; T;o;;I" none; T; ; ; @ ;i;!;";[; i; @ ; i;#T; @ o; ;[I"/* Special styles for iOS date input * * In Mobile Safari, date inputs require a pixel line-height that matches the * given height of the input. Since this fucks up everything else, we have to * appropriately reset it for Internet Explorer and the size variations. */; T; ; ;[; i; @ o; ;[I"^input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"]; T;i;o;;[ o;;[o; ;[o; ;[I" input; T;0; i;I"; To;2 ;[I" type; T;0;-I"=; T;[I" "date"; T;30; i;@v;0;o;;{; i;@vo;;[I" ; To; ;[o; ;[I" input; T;0; i;@vo;2 ;[I" type; T;0;-I"=; T;[I" "time"; T;30; i;@v;0;o;;{; i;@vo;;[I" ; To; ;[o; ;[I" input; T;0; i;@vo;2 ;[I" type; T;0;-I"=; T;[I""datetime-local"; T;30; i;@v;0;o;;{; i;@vo;;[I" ; To; ;[o; ;[I" input; T;0; i;@vo;2 ;[I" type; T;0;-I"=; T;[I" "month"; T;30; i;@v;0;o;;{; i;@v; i;@v;[ o; ;[I"line-height; T;o;$ ;I"input-height-base; T;%I"input_height_base; T; i; @ ;i;!;";[; i; @ o; ;[I"B/* IE8+ misaligns the text within date inputs, so we reset */; T; ; ;[; i; @ o; ;[I"line-height; T;o: Sass::Script::Interpolation : @beforeo;$ ;I"line-height-base; T;%I"line_height_base; T; i; @ : @mido; ;I"\0; T; ; ; i; @ : @after0:@whitespace_beforei:@whitespace_after0:@originally_textF; i; @ ;i;!;";[; i; @ o; ;[I"&.input-sm; T;i;o;;[o;;[o; ;[o;?; i;I"; To;=;[I" input-sm; T; i;@;0;o;;{; i;@; i;@;[o; ;[I"line-height; T;o;$ ;I"input-height-small; T;%I"input_height_small; T; i; @ ;i;!;";[; i; @ ; i;#T; @ o; ;[I"&.input-lg; T;i;o;;[o;;[o; ;[o;?; i;I"; To;=;[I" input-lg; T; i;@;0;o;;{; i;@; i;@;[o; ;[I"line-height; T;o;$ ;I"input-height-large; T;%I"input_height_large; T; i; @ ;i;!;";[; i; @ ; i;#T; @ ; i;#T; @ o; ;[I"/* Form groups * * Designed to help with the organization and spacing of vertical forms. For * horizontal forms, use the predefined grid classes. */; T; ; ;[; i; @ o; ;[I".form-group; T;i;o;;[o;;[o; ;[o;=;[I"form-group; T; i;I"; T;0;o;;{; i;@; i;@;[o; ;[I"margin-bottom; T;o;;I" 15px; T; ; ; @ ;i;!;";[; i; @ ; i;#T; @ o; ;[I"k/* Checkboxes and radios * * Indent the labels to position radios/checkboxes as hanging controls. */; T; ; ;[; i; @ o; ;[I".radio, .checkbox; T;i;o;;[o;;[o; ;[o;=;[I" radio; T; i;I"; T;0;o;;{; i;@o;;[I" ; To; ;[o;=;[I" checkbox; T; i;@;0;o;;{; i;@; i;@;[ o; ;[I" display; T;o;;I" block; T; ; ; @ ;i;!;";[; i; @ o; ;[I"min-height; T;o;$ ;I"line-height-computed; T;%I"line_height_computed; T; i; @ ;i;!;";[; i; @ o; ;[I"=/* clear the floating input if there is no label text */; T; ; ;[; i; @ o; ;[I"margin-top; T;o;;I" 10px; T; ; ; @ ;i;!;";[; i; @ o; ;[I"margin-bottom; T;o;;I" 10px; T; ; ; @ ;i;!;";[; i; @ o; ;[I" label; T;i;o;;[o;;[o; ;[o; ;[I" label; T;0; i;I"; T;0;o;;{; i;@V; i;@V;[ o; ;[I"padding-left; T;o;;I" 20px; T; ; ; @ ;i;!;";[; i; @ o; ;[I"margin-bottom; T;o;;I"0; T; ; ; @ ;i;!;";[; i; @ o; ;[I"font-weight; T;o;;I" normal; T; ; ; @ ;i;!;";[; i; @ o; ;[I" cursor; T;o;;I" pointer; T; ; ; @ ;i;!;";[; i; @ ; i;#T; @ ; i;#T; @ o; ;[I".radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"]; T;i;o;;[ o;;[o; ;[o;=;[I" radio; T; i;I"; T;0;o;;{; i;@~o; ;[o; ;[I" input; T;0; i;@~o;2 ;[I" type; T;0;-I"=; T;[I" "radio"; T;30; i;@~;0;o;;{; i;@~o;;[I" ; To; ;[o;=;[I"radio-inline; T; i;@~;0;o;;{; i;@~o; ;[o; ;[I" input; T;0; i;@~o;2 ;[I" type; T;0;-I"=; T;[I" "radio"; T;30; i;@~;0;o;;{; i;@~o;;[I" ; To; ;[o;=;[I" checkbox; T; i;@~;0;o;;{; i;@~o; ;[o; ;[I" input; T;0; i;@~o;2 ;[I" type; T;0;-I"=; T;[I""checkbox"; T;30; i;@~;0;o;;{; i;@~o;;[I" ; To; ;[o;=;[I"checkbox-inline; T; i;@~;0;o;;{; i;@~o; ;[o; ;[I" input; T;0; i;@~o;2 ;[I" type; T;0;-I"=; T;[I""checkbox"; T;30; i;@~;0;o;;{; i;@~; i;@~;[o; ;[I" float; T;o;;I" left; T; ; ; @ ;i;!;";[; i; @ o; ;[I"margin-left; T;o;;I" -20px; T; ; ; @ ;i;!;";[; i; @ ; i;#T; @ o; ;[I"+.radio + .radio, .checkbox + .checkbox; T;i;o;;[o;;[o; ;[o;=;[I" radio; T; i;I"; T;0;o;;{; i;@I"+; To; ;[o;=;[I" radio; T; i;@;0;o;;{; i;@o;;[ I" ; To; ;[o;=;[I" checkbox; T; i;@;0;o;;{; i;@I"+; To; ;[o;=;[I" checkbox; T; i;@;0;o;;{; i;@; i;@;[o; ;[I"margin-top; T;o;;I" -5px; T; ; ; @ ;i;!;";[; i; @ o; ;[I"C/* Move up sibling radios or checkboxes for tighter spacing */; T; ; ;[; i; @ ; i;#T; @ o; ;[I"-/* Radios and checkboxes on same line */; T; ; ;[; i; @ o; ;[I"$.radio-inline, .checkbox-inline; T;i;o;;[o;;[o; ;[o;=;[I"radio-inline; T; i;I"; T;0;o;;{; i;@$o;;[I" ; To; ;[o;=;[I"checkbox-inline; T; i;@$;0;o;;{; i;@$; i;@$;[ o; ;[I" display; T;o;;I"inline-block; T; ; ; @ ;i;!;";[; i; @ o; ;[I"padding-left; T;o;;I" 20px; T; ; ; @ ;i;!;";[; i; @ o; ;[I"margin-bottom; T;o;;I"0; T; ; ; @ ;i;!;";[; i; @ o; ;[I"vertical-align; T;o;;I" middle; T; ; ; @ ;i;!;";[; i; @ o; ;[I"font-weight; T;o;;I" normal; T; ; ; @ ;i;!;";[; i; @ o; ;[I" cursor; T;o;;I" pointer; T; ; ; @ ;i;!;";[; i; @ ; i;#T; @ o; ;[I"G.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline; T;i;o;;[o;;[o; ;[o;=;[I"radio-inline; T; i;I"; T;0;o;;{; i;@bI"+; To; ;[o;=;[I"radio-inline; T; i;@b;0;o;;{; i;@bo;;[ I" ; To; ;[o;=;[I"checkbox-inline; T; i;@b;0;o;;{; i;@bI"+; To; ;[o;=;[I"checkbox-inline; T; i;@b;0;o;;{; i;@b; i;@b;[o; ;[I"margin-top; T;o;;I"0; T; ; ; @ ;i;!;";[; i; @ o; ;[I"margin-left; T;o;;I" 10px; T; ; ; @ ;i;!;";[; i; @ o; ;[I"0/* space out consecutive inline controls */; T; ; ;[; i; @ ; i;#T; @ o; ;[I"t/* Apply same disabled cursor tweak as for inputs * * Note: Neither radios nor checkboxes can be readonly. */; T; ; ;[; i; @ o; ;[I"dinput[type="radio"], input[type="checkbox"], .radio, .radio-inline, .checkbox, .checkbox-inline; T;i;o;;[ o;;[o; ;[o; ;[I" input; T;0; i;I"; To;2 ;[I" type; T;0;-I"=; T;[I" "radio"; T;30; i;@;0;o;;{; i;@o;;[I" ; To; ;[o; ;[I" input; T;0; i;@o;2 ;[I" type; T;0;-I"=; T;[I""checkbox"; T;30; i;@;0;o;;{; i;@o;;[I" ; To; ;[o;=;[I" radio; T; i;@;0;o;;{; i;@o;;[I" ; To; ;[o;=;[I"radio-inline; T; i;@;0;o;;{; i;@o;;[I" ; To; ;[o;=;[I" checkbox; T; i;@;0;o;;{; i;@o;;[I" ; To; ;[o;=;[I"checkbox-inline; T; i;@;0;o;;{; i;@; i;@;[o; ;[I"(&[disabled], fieldset[disabled] &; T;i;o;;[o;;[o; ;[o;?; i;I"; To;2 ;[I" disabled; T;0;-0;0;30; i;@;0;o;;{; i;@o;;[I" ; To; ;[o; ;[I" fieldset; T;0; i;@o;2 ;[I" disabled; T;0;-0;0;30; i;@;0;o;;{; i;@o; ;[o;?; i;@;0;o;;{; i;@; i;@;[o; ;[I" cursor; T;o;;I"not-allowed; T; ; ; @ ;i;!;";[; i; @ ; i;#T; @ ; i;#T; @ o; ;[I"/* Form control sizing * * Build on `.form-control` with modifier classes to decrease or increase the * height and font-size of form controls. */; T; ; ;[; i ; @ o;4 ;I"input-size; T;5[ o; ;I".input-sm; T; : string; i; @ o;$ ;I"input-height-small; T;%I"input_height_small; T; i; @ o;$ ;I"padding-small-vertical; T;%I"padding_small_vertical; T; i; @ o;$ ;I"padding-small-horizontal; T;%I"padding_small_horizontal; T; i; @ o;$ ;I"font-size-small; T;%I"font_size_small; T; i; @ o;$ ;I"line-height-small; T;%I"line_height_small; T; i; @ o;$ ;I"border-radius-small; T;%I"border_radius_small; T; i; @ ;6{;70;[; i; @ o;4 ;I"input-size; T;5[ o; ;I".input-lg; T; ;G; i; @ o;$ ;I"input-height-large; T;%I"input_height_large; T; i; @ o;$ ;I"padding-large-vertical; T;%I"padding_large_vertical; T; i; @ o;$ ;I"padding-large-horizontal; T;%I"padding_large_horizontal; T; i; @ o;$ ;I"font-size-large; T;%I"font_size_large; T; i; @ o;$ ;I"line-height-large; T;%I"line_height_large; T; i; @ o;$ ;I"border-radius-large; T;%I"border_radius_large; T; i; @ ;6{;70;[; i; @ o; ;[I"o/* Form control feedback states * * Apply contextual and semantic states to individual form controls. */; T; ; ;[; i; @ o; ;[I".has-feedback; T;i;o;;[o;;[o; ;[o;=;[I"has-feedback; T; i;I"; T;0;o;;{; i;@Q; i;@Q;[ o; ;[I"&/* Enable absolute positioning */; T; ; ;[; i; @ o; ;[I" position; T;o;;I" relative; T; ; ; @ ;i;!;";[; i; @ o; ;[I"*/* Ensure icons don't overlap text */; T; ; ;[; i; @ o; ;[I".form-control; T;i;o;;[o;;[o; ;[o;=;[I"form-control; T; i;I"; T;0;o;;{; i;@o; i;@o;[o; ;[I"padding-right; T;o;& ;'o;$ ;I"input-height-base; T;%I"input_height_base; T; i; @ ;(o;) ;f 1.25;*[;+@o; i;,I" 1.25; F; @ ;-;.; i; @ ;i;!;";[; i; @ ; i;#T; @ ; i;#T; @ o; ;[I"6/* Feedback icon (requires .glyphicon classes) */; T; ; ;[; i ; @ o; ;[I".form-control-feedback; T;i;o;;[o;;[o; ;[o;=;[I"form-control-feedback; T; i!;I"; T;0;o;;{; i!;@; i!;@;[o; ;[I" position; T;o;;I" absolute; T; ; ; @ ;i;!;";[; i"; @ o; ;[I"top; T;o;& ;'o;$ ;I"line-height-computed; T;%I"line_height_computed; T; i#; @ ;(o;) ;i ;*[;+@o; i#;,I"5; F; @ ;-;<; i#; @ ;i;!;";[; i#; @ o; ;[I"//* Height of the `label` and its margin */; T; ; ;[; i#; @ o; ;[I" right; T;o;;I"0; T; ; ; @ ;i;!;";[; i$; @ o; ;[I" z-index; T;o;;I"2; T; ; ; @ ;i;!;";[; i%; @ o; ;[I",/* Ensure icon is above input groups */; T; ; ;[; i%; @ o; ;[I" display; T;o;;I" block; T; ; ; @ ;i;!;";[; i&; @ o; ;[I" width; T;o;$ ;I"input-height-base; T;%I"input_height_base; T; i'; @ ;i;!;";[; i'; @ o; ;[I" height; T;o;$ ;I"input-height-base; T;%I"input_height_base; T; i(; @ ;i;!;";[; i(; @ o; ;[I"line-height; T;o;$ ;I"input-height-base; T;%I"input_height_base; T; i); @ ;i;!;";[; i); @ o; ;[I"text-align; T;o;;I" center; T; ; ; @ ;i;!;";[; i*; @ ; i!;#T; @ o; ;[I"'.input-lg + .form-control-feedback; T;i;o;;[o;;[o; ;[o;=;[I" input-lg; T; i,;I"; T;0;o;;{; i,;@I"+; To; ;[o;=;[I"form-control-feedback; T; i,;@;0;o;;{; i,;@; i,;@;[o; ;[I" width; T;o;$ ;I"input-height-large; T;%I"input_height_large; T; i-; @ ;i;!;";[; i-; @ o; ;[I" height; T;o;$ ;I"input-height-large; T;%I"input_height_large; T; i.; @ ;i;!;";[; i.; @ o; ;[I"line-height; T;o;$ ;I"input-height-large; T;%I"input_height_large; T; i/; @ ;i;!;";[; i/; @ ; i,;#T; @ o; ;[I"'.input-sm + .form-control-feedback; T;i;o;;[o;;[o; ;[o;=;[I" input-sm; T; i1;I"; T;0;o;;{; i1;@I"+; To; ;[o;=;[I"form-control-feedback; T; i1;@;0;o;;{; i1;@; i1;@;[o; ;[I" width; T;o;$ ;I"input-height-small; T;%I"input_height_small; T; i2; @ ;i;!;";[; i2; @ o; ;[I" height; T;o;$ ;I"input-height-small; T;%I"input_height_small; T; i3; @ ;i;!;";[; i3; @ o; ;[I"line-height; T;o;$ ;I"input-height-small; T;%I"input_height_small; T; i4; @ ;i;!;";[; i4; @ ; i1;#T; @ o; ;[I"/* Feedback states */; T; ; ;[; i7; @ o; ;[I".has-success; T;i;o;;[o;;[o; ;[o;=;[I"has-success; T; i8;I"; T;0;o;;{; i8;@C; i8;@C;[o;4 ;I"form-control-validation; T;5[o;$ ;I"state-success-text; T;%I"state_success_text; T; i9; @ o;$ ;I"state-success-text; T;%I"state_success_text; T; i9; @ o;$ ;I"state-success-bg; T;%I"state_success_bg; T; i9; @ ;6{;70;[; i9; @ ; i8;#T; @ o; ;[I".has-warning; T;i;o;;[o;;[o; ;[o;=;[I"has-warning; T; i;;I"; T;0;o;;{; i;;@a; i;;@a;[o;4 ;I"form-control-validation; T;5[o;$ ;I"state-warning-text; T;%I"state_warning_text; T; i<; @ o;$ ;I"state-warning-text; T;%I"state_warning_text; T; i<; @ o;$ ;I"state-warning-bg; T;%I"state_warning_bg; T; i<; @ ;6{;70;[; i<; @ ; i;;#T; @ o; ;[I".has-error; T;i;o;;[o;;[o; ;[o;=;[I"has-error; T; i>;I"; T;0;o;;{; i>;@; i>;@;[o;4 ;I"form-control-validation; T;5[o;$ ;I"state-danger-text; T;%I"state_danger_text; T; i?; @ o;$ ;I"state-danger-text; T;%I"state_danger_text; T; i?; @ o;$ ;I"state-danger-bg; T;%I"state_danger_bg; T; i?; @ ;6{;70;[; i?; @ ; i>;#T; @ o; ;[I"/* Static form control text * * Apply class to a `p` element to make any string of text align with labels in * a horizontal form layout. */; T; ; ;[; iC; @ o; ;[I".form-control-static; T;i;o;;[o;;[o; ;[o;=;[I"form-control-static; T; iH;I"; T;0;o;;{; iH;@; iH;@;[o; ;[I"margin-bottom; T;o;;I"0; T; ; ; @ ;i;!;";[; iI; @ o; ;[I")/* Remove default margin from `p` */; T; ; ;[; iI; @ ; iH;#T; @ o; ;[I"/* Help text * * Apply to any element you wish to create light text for placement immediately * below a form control. Use for general help, formatting, or instructional text. */; T; ; ;[; iM; @ o; ;[I".help-block; T;i;o;;[o;;[o; ;[o;=;[I"help-block; T; iR;I"; T;0;o;;{; iR;@; iR;@;[ o; ;[I" display; T;o;;I" block; T; ; ; @ ;i;!;";[; iS; @ o; ;[I"3/* account for any element using help-block */; T; ; ;[; iS; @ o; ;[I"margin-top; T;o;;I"5px; T; ; ; @ ;i;!;";[; iT; @ o; ;[I"margin-bottom; T;o;;I" 10px; T; ; ; @ ;i;!;";[; iU; @ o; ;[I" color; T;o;> ;I" lighten; T;5[o;$ ;I"text-color; T;%I"text_color; T; iV; @ o;) ;i;*[I"%; T;+[; iV;,I"25%; F; @ ;6{;70; iV; @ ;i;!;";[; iV; @ o; ;[I"-/* lighten the text some for contrast */; T; ; ;[; iV; @ ; iR;#T; @ o; ;[I"/* 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). * * Heads up! This is mixin-ed into `.navbar-form` in navbars.less. */; T; ; ;[; i[; @ o; ;[I".form-inline; T;i;o;;[o;;[o; ;[o;=;[I"form-inline; T; if;I"; T;0;o;;{; if;@; if;@;[o; ;[I"/* Kick in the inline */; T; ; ;[; ih; @ o:Sass::Tree::MediaNode : @query[ I"(; To; ;I"min-width; T; ; ; ii; @ I": ; To;$ ;I"screen-sm-min; T;%I"screen_sm_min; T; ii; @ I"); T;i;I"; T;[o; ;[I"3/* Inline-block all the things for "inline" */; T; ; ;[; ij; @ o; ;[I".form-group; T;i;o;;[o;;[o; ;[o;=;[I"form-group; T; ik;I"; T;0;o;;{; ik;@!; ik;@!;[o; ;[I" display; T;o;;I"inline-block; T; ; ; @ ;i;!;";[; il; @ o; ;[I"margin-bottom; T;o;;I"0; T; ; ; @ ;i;!;";[; im; @ o; ;[I"vertical-align; T;o;;I" middle; T; ; ; @ ;i;!;";[; in; @ ; ik;#T; @ o; ;[I"A/* In navbar-form, allow folks to *not* use `.form-group` */; T; ; ;[; iq; @ o; ;[I".form-control; T;i;o;;[o;;[o; ;[o;=;[I"form-control; T; ir;I"; T;0;o;;{; ir;@G; ir;@G;[ o; ;[I" display; T;o;;I"inline-block; T; ; ; @ ;i;!;";[; is; @ o; ;[I" width; T;o;;I" auto; T; ; ; @ ;i;!;";[; it; @ o; ;[I"E/* Prevent labels from stacking above inputs in `.form-group` */; T; ; ;[; it; @ o; ;[I"vertical-align; T;o;;I" middle; T; ; ; @ ;i;!;";[; iu; @ ; ir;#T; @ o; ;[I".input-group; T;i;o;;[o;;[o; ;[o;=;[I"input-group; T; ix;I"; T;0;o;;{; ix;@m; ix;@m;[o; ;[I" display; T;o;;I"inline-table; T; ; ; @ ;i;!;";[; iy; @ o; ;[I"vertical-align; T;o;;I" middle; T; ; ; @ ;i;!;";[; iz; @ o; ;[I"D.input-group-addon, .input-group-btn, .form-control; T;i;o;;[o;;[o; ;[o;=;[I"input-group-addon; T; i~;I"; T;0;o;;{; i~;@o;;[I" ; To; ;[o;=;[I"input-group-btn; T; i~;@;0;o;;{; i~;@o;;[I" ; To; ;[o;=;[I"form-control; T; i~;@;0;o;;{; i~;@; i~;@;[o; ;[I" width; T;o;;I" auto; T; ; ; @ ;i;!;";[; i; @ ; i~;#T; @ ; ix;#T; @ o; ;[I"3/* Input groups need that 100% width though */; T; ; ;[; i; @ o; ;[I"!.input-group > .form-control; T;i;o;;[o;;[o; ;[o;=;[I"input-group; T; i;I"; T;0;o;;{; i;@I">; To; ;[o;=;[I"form-control; T; i;@;0;o;;{; i;@; i;@;[o; ;[I" width; T;o;;I" 100%; T; ; ; @ ;i;!;";[; i; @ ; i;#T; @ o; ;[I".control-label; T;i;o;;[o;;[o; ;[o;=;[I"control-label; T; i;I"; T;0;o;;{; i;@; i;@;[o; ;[I"margin-bottom; T;o;;I"0; T; ; ; @ ;i;!;";[; i; @ o; ;[I"vertical-align; T;o;;I" middle; T; ; ; @ ;i;!;";[; i; @ ; i;#T; @ o; ;[I"/* Remove default margin on radios/checkboxes that were used for stacking, and * then undo the floating of radios and checkboxes to match (which also avoids * a bug in WebKit: https://github.com/twbs/bootstrap/issues/1969). */; T; ; ;[; i; @ o; ;[I".radio, .checkbox; T;i;o;;[o;;[o; ;[o;=;[I" radio; T; i;I"; T;0;o;;{; i;@o;;[I" ; To; ;[o;=;[I" checkbox; T; i;@;0;o;;{; i;@; i;@;[ o; ;[I" display; T;o;;I"inline-block; T; ; ; @ ;i;!;";[; i; @ o; ;[I"margin-top; T;o;;I"0; T; ; ; @ ;i;!;";[; i; @ o; ;[I"margin-bottom; T;o;;I"0; T; ; ; @ ;i;!;";[; i; @ o; ;[I"padding-left; T;o;;I"0; T; ; ; @ ;i;!;";[; i; @ o; ;[I"vertical-align; T;o;;I" middle; T; ; ; @ ;i;!;";[; i; @ ; i;#T; @ o; ;[I"E.radio input[type="radio"], .checkbox input[type="checkbox"]; T;i;o;;[o;;[o; ;[o;=;[I" radio; T; i;I"; T;0;o;;{; i;@- o; ;[o; ;[I" input; T;0; i;@- o;2 ;[I" type; T;0;-I"=; T;[I" "radio"; T;30; i;@- ;0;o;;{; i;@- o;;[I" ; To; ;[o;=;[I" checkbox; T; i;@- ;0;o;;{; i;@- o; ;[o; ;[I" input; T;0; i;@- o;2 ;[I" type; T;0;-I"=; T;[I""checkbox"; T;30; i;@- ;0;o;;{; i;@- ; i;@- ;[o; ;[I" float; T;o;;I" none; T; ; ; @ ;i;!;";[; i; @ o; ;[I"margin-left; T;o;;I"0; T; ; ; @ ;i;!;";[; i; @ ; i;#T; @ o; ;[I"/* Validation states * * Reposition the icon because it's now within a grid column and columns have * `position: relative;` on them. Also accounts for the grid gutter padding. */; T; ; ;[; i; @ o; ;[I").has-feedback .form-control-feedback; T;i;o;;[o;;[o; ;[o;=;[I"has-feedback; T; i;I"; T;0;o;;{; i;@q o; ;[o;=;[I"form-control-feedback; T; i;@q ;0;o;;{; i;@q ; i;@q ;[o; ;[I"top; T;o;;I"0; T; ; ; @ ;i;!;";[; i; @ ; i;#T; @ ; ii;#T; @ ; if;#T; @ o; ;[I"/* Horizontal forms * * Horizontal forms are built on grid classes and allow you to create forms with * labels on the left and inputs on the right. */; T; ; ;[; i; @ o; ;[I".form-horizontal; T;i;o;;[o;;[o; ;[o;=;[I"form-horizontal; T; i;I"; T;0;o;;{; i;@ ; i;@ ;[o; ;[I"/* Consistent vertical alignment of radios and checkboxes * * Labels also get some reset styles, but that is scoped to a media query below. */; T; ; ;[; i; @ o; ;[I"=.radio, .checkbox, .radio-inline, .checkbox-inline; T;i;o;;[ o;;[o; ;[o;=;[I" radio; T; i;I"; T;0;o;;{; i;@ o;;[I" ; To; ;[o;=;[I" checkbox; T; i;@ ;0;o;;{; i;@ o;;[I" ; To; ;[o;=;[I"radio-inline; T; i;@ ;0;o;;{; i;@ o;;[I" ; To; ;[o;=;[I"checkbox-inline; T; i;@ ;0;o;;{; i;@ ; i;@ ;[ o; ;[I"margin-top; T;o;;I"0; T; ; ; @ ;i;!;";[; i; @ o; ;[I"margin-bottom; T;o;;I"0; T; ; ; @ ;i;!;";[; i; @ o; ;[I"padding-top; T;o;& ;'o;$ ;I"padding-base-vertical; T;%I"padding_base_vertical; T; i; @ ;(o;) ;i;*[;+@o; i;,I"1; F; @ ;-;<; i; @ ;i;!;";[; i; @ o; ;[I"(/* Default padding plus a border */; T; ; ;[; i; @ ; i;#T; @ o; ;[I"u/* Account for padding we're adding to ensure the alignment and of help text * and other content below items */; T; ; ;[; i; @ o; ;[I".radio, .checkbox; T;i;o;;[o;;[o; ;[o;=;[I" radio; T; i;I"; T;0;o;;{; i;@ o;;[I" ; To; ;[o;=;[I" checkbox; T; i;@ ;0;o;;{; i;@ ; i;@ ;[o; ;[I"min-height; T;o;& ;'o;$ ;I"line-height-computed; T;%I"line_height_computed; T; i; @ ;(o;& ;'o;$ ;I"padding-base-vertical; T;%I"padding_base_vertical; T; i; @ ;(o;) ;i;*[;+@o; i;,I"1; F; @ ;-;<; i; @ ;-;<; i; @ ;i;!;";[; i; @ ; i;#T; @ o; ;[I",/* Make form groups behave like rows */; T; ; ;[; i; @ o; ;[I".form-group; T;i;o;;[o;;[o; ;[o;=;[I"form-group; T; i;I"; T;0;o;;{; i;@ ; i;@ ;[o;4 ;I" make-row; T;5[;6{;70;[; i; @ ; i;#T; @ o; ;[I".form-control-static; T;i;o;;[o;;[o; ;[o;=;[I"form-control-static; T; i;I"; T;0;o;;{; i;@5 ; i;@5 ;[o; ;[I"padding-top; T;o;& ;'o;$ ;I"padding-base-vertical; T;%I"padding_base_vertical; T; i; @ ;(o;) ;i;*[;+@o; i;,I"1; F; @ ;-;<; i; @ ;i;!;";[; i; @ o; ;[I"padding-bottom; T;o;& ;'o;$ ;I"padding-base-vertical; T;%I"padding_base_vertical; T; i; @ ;(o;) ;i;*[;+@o; i;,I"1; F; @ ;-;<; i; @ ;i;!;";[; i; @ ; i;#T; @ o; ;[I"/* Reset spacing and right align labels, but scope to media queries so that * labels on narrow viewports stack the same as a default form example. */; T; ; ;[; i; @ o;H ;I[ I"(; To; ;I"min-width; T; ; ; i; @ I": ; To;$ ;I"screen-sm-min; T;%I"screen_sm_min; T; i; @ I"); T;i;I"; T;[o; ;[I".control-label; T;i;o;;[o;;[o; ;[o;=;[I"control-label; T; i;I"; T;0;o;;{; i;@k ; i;@k ;[ o; ;[I"text-align; T;o;;I" right; T; ; ; @ ;i;!;";[; i; @ o; ;[I"margin-bottom; T;o;;I"0; T; ; ; @ ;i;!;";[; i; @ o; ;[I"padding-top; T;o;& ;'o;$ ;I"padding-base-vertical; T;%I"padding_base_vertical; T; i; @ ;(o;) ;i;*[;+@o; i;,I"1; F; @ ;-;<; i; @ ;i;!;";[; i; @ o; ;[I"(/* Default padding plus a border */; T; ; ;[; i; @ ; i;#T; @ ; i;#T; @ o; ;[I"/* Validation states * * Reposition the icon because it's now within a grid column and columns have * `position: relative;` on them. Also accounts for the grid gutter padding. */; T; ; ;[; i; @ o; ;[I").has-feedback .form-control-feedback; T;i;o;;[o;;[o; ;[o;=;[I"has-feedback; T; i;I"; T;0;o;;{; i;@ o; ;[o;=;[I"form-control-feedback; T; i;@ ;0;o;;{; i;@ ; i;@ ;[o; ;[I"top; T;o;;I"0; T; ; ; @ ;i;!;";[; i; @ o; ;[I" right; T;o;& ;'o;$ ;I"grid-gutter-width; T;%I"grid_gutter_width; T; i; @ ;(o;) ;i;*[;+@o; i;,I"2; F; @ ;-:div; i; @ ;i;!;";[; i; @ ; i;#T; @ ; i;#T; @ :@templateI"0// // Forms // -------------------------------------------------- // Normalize non-controls // // Restyle and baseline non-control form elements. fieldset { padding: 0; margin: 0; border: 0; // Chrome and Firefox set a `min-width: -webkit-min-content;` on fieldsets, // so we reset that to ensure it behaves more like a standard block element. // See https://github.com/twbs/bootstrap/issues/12359. min-width: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: $line-height-computed; font-size: ($font-size-base * 1.5); line-height: inherit; color: $legend-color; border: 0; border-bottom: 1px solid $legend-border-color; } label { display: inline-block; max-width: 100%; // Force IE8 to wrap long content (see https://github.com/twbs/bootstrap/issues/13141) margin-bottom: 5px; font-weight: bold; } // Normalize form controls // // While most of our form styles require extra classes, some basic normalization // is required to ensure optimum display with or without those classes to better // address browser inconsistencies. // Override content-box in Normalize (* isn't specific enough) input[type="search"] { @include box-sizing(border-box); } // Position radios and checkboxes better input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; // IE8-9 line-height: normal; } // Set the height of file controls to match text inputs input[type="file"] { display: block; } // Make range inputs behave like textual form controls input[type="range"] { display: block; width: 100%; } // Make multiple select elements height not fixed select[multiple], select[size] { height: auto; } // Focus for file, radio, and checkbox input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { @include tab-focus(); } // Adjust output element output { display: block; padding-top: ($padding-base-vertical + 1); font-size: $font-size-base; line-height: $line-height-base; color: $input-color; } // Common form controls // // Shared size and type resets for form controls. Apply `.form-control` to any // of the following form controls: // // select // textarea // input[type="text"] // input[type="password"] // input[type="datetime"] // input[type="datetime-local"] // input[type="date"] // input[type="month"] // input[type="time"] // input[type="week"] // input[type="number"] // input[type="email"] // input[type="url"] // input[type="search"] // input[type="tel"] // input[type="color"] .form-control { display: block; width: 100%; height: $input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border) padding: $padding-base-vertical $padding-base-horizontal; font-size: $font-size-base; line-height: $line-height-base; color: $input-color; background-color: $input-bg; background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 border: 1px solid $input-border; border-radius: $input-border-radius; @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); @include transition(border-color ease-in-out .15s, box-shadow ease-in-out .15s); // Customize the `:focus` state to imitate native WebKit styles. @include form-control-focus(); // Placeholder @include placeholder(); // Disabled and read-only inputs // // HTML5 says that controls under a fieldset > legend:first-child won't be // disabled if the fieldset is disabled. Due to implementation difficulty, we // don't honor that edge case; we style them as disabled anyway. &[disabled], &[readonly], fieldset[disabled] & { cursor: not-allowed; background-color: $input-bg-disabled; opacity: 1; // iOS fix for unreadable disabled content } // [converter] extracted textarea& to textarea.form-control } // Reset height for `textarea`s textarea.form-control { height: auto; } // Search inputs in iOS // // This overrides the extra rounded corners on search inputs in iOS so that our // `.form-control` class can properly style them. Note that this cannot simply // be added to `.form-control` as it's not specific enough. For details, see // https://github.com/twbs/bootstrap/issues/11586. input[type="search"] { -webkit-appearance: none; } // Special styles for iOS date input // // In Mobile Safari, date inputs require a pixel line-height that matches the // given height of the input. Since this fucks up everything else, we have to // appropriately reset it for Internet Explorer and the size variations. input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { line-height: $input-height-base; // IE8+ misaligns the text within date inputs, so we reset line-height: $line-height-base #{\0}; &.input-sm { line-height: $input-height-small; } &.input-lg { line-height: $input-height-large; } } // 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: 15px; } // Checkboxes and radios // // Indent the labels to position radios/checkboxes as hanging controls. .radio, .checkbox { display: block; min-height: $line-height-computed; // clear the floating input if there is no label text margin-top: 10px; margin-bottom: 10px; label { padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { float: left; margin-left: -20px; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; // Move up sibling radios or checkboxes for tighter spacing } // Radios and checkboxes on same line .radio-inline, .checkbox-inline { display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; // space out consecutive inline controls } // Apply same disabled cursor tweak as for inputs // // Note: Neither radios nor checkboxes can be readonly. input[type="radio"], input[type="checkbox"], .radio, .radio-inline, .checkbox, .checkbox-inline { &[disabled], fieldset[disabled] & { cursor: not-allowed; } } // Form control sizing // // Build on `.form-control` with modifier classes to decrease or increase the // height and font-size of form controls. @include input-size('.input-sm', $input-height-small, $padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $border-radius-small); @include input-size('.input-lg', $input-height-large, $padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $border-radius-large); // Form control feedback states // // Apply contextual and semantic states to individual form controls. .has-feedback { // Enable absolute positioning position: relative; // Ensure icons don't overlap text .form-control { padding-right: ($input-height-base * 1.25); } } // Feedback icon (requires .glyphicon classes) .form-control-feedback { position: absolute; top: ($line-height-computed + 5); // Height of the `label` and its margin right: 0; z-index: 2; // Ensure icon is above input groups display: block; width: $input-height-base; height: $input-height-base; line-height: $input-height-base; text-align: center; } .input-lg + .form-control-feedback { width: $input-height-large; height: $input-height-large; line-height: $input-height-large; } .input-sm + .form-control-feedback { width: $input-height-small; height: $input-height-small; line-height: $input-height-small; } // Feedback states .has-success { @include form-control-validation($state-success-text, $state-success-text, $state-success-bg); } .has-warning { @include form-control-validation($state-warning-text, $state-warning-text, $state-warning-bg); } .has-error { @include form-control-validation($state-danger-text, $state-danger-text, $state-danger-bg); } // Static form control text // // Apply class to a `p` element to make any string of text align with labels in // a horizontal form layout. .form-control-static { margin-bottom: 0; // Remove default margin from `p` } // Help text // // Apply to any element you wish to create light text for placement immediately // below a form control. Use for general help, formatting, or instructional text. .help-block { display: block; // account for any element using help-block margin-top: 5px; margin-bottom: 10px; color: lighten($text-color, 25%); // lighten the text some for contrast } // 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). // // Heads up! This is mixin-ed into `.navbar-form` in navbars.less. .form-inline { // Kick in the inline @media (min-width: $screen-sm-min) { // Inline-block all the things for "inline" .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } // In navbar-form, allow folks to *not* use `.form-group` .form-control { display: inline-block; width: auto; // Prevent labels from stacking above inputs in `.form-group` vertical-align: middle; } .input-group { display: inline-table; vertical-align: middle; .input-group-addon, .input-group-btn, .form-control { width: auto; } } // Input groups need that 100% width though .input-group > .form-control { width: 100%; } .control-label { margin-bottom: 0; vertical-align: middle; } // Remove default margin on radios/checkboxes that were used for stacking, and // then undo the floating of radios and checkboxes to match (which also avoids // a bug in WebKit: https://github.com/twbs/bootstrap/issues/1969). .radio, .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; padding-left: 0; vertical-align: middle; } .radio input[type="radio"], .checkbox input[type="checkbox"] { float: none; margin-left: 0; } // Validation states // // Reposition the icon because it's now within a grid column and columns have // `position: relative;` on them. Also accounts for the grid gutter padding. .has-feedback .form-control-feedback { top: 0; } } } // Horizontal forms // // Horizontal forms are built on grid classes and allow you to create forms with // labels on the left and inputs on the right. .form-horizontal { // Consistent vertical alignment of radios and checkboxes // // Labels also get some reset styles, but that is scoped to a media query below. .radio, .checkbox, .radio-inline, .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: ($padding-base-vertical + 1); // Default padding plus a border } // Account for padding we're adding to ensure the alignment and of help text // and other content below items .radio, .checkbox { min-height: ($line-height-computed + ($padding-base-vertical + 1)); } // Make form groups behave like rows .form-group { @include make-row(); } .form-control-static { padding-top: ($padding-base-vertical + 1); padding-bottom: ($padding-base-vertical + 1); } // Reset spacing and right align labels, but scope to media queries so that // labels on narrow viewports stack the same as a default form example. @media (min-width: $screen-sm-min) { .control-label { text-align: right; margin-bottom: 0; padding-top: ($padding-base-vertical + 1); // Default padding plus a border } } // Validation states // // Reposition the icon because it's now within a grid column and columns have // `position: relative;` on them. Also accounts for the grid gutter padding. .has-feedback .form-control-feedback { top: 0; right: ($grid-gutter-width / 2); } } ; T;#T; @ ; i