{: versionI"3.2.18 (Media Mark):EF:shaI"-08789a636f0c570fc7f100db859be1562f9e4522;F: contents"o:Sass::Tree::RootNode :@children[=o: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"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; ; ;[; i2; @ o; ;[I"input[type="search"]; T;i;o;;[o;;[o; ;[o; ;[I" input; T;0; i3;I"; To:Sass::Selector::Attribute ;[I" type; T;0;-I"=; T;[I" "search"; T: @flags0; i3;@;0;o;;{; i3;@; i3;@;[o:Sass::Tree::MixinNode ;I"box-sizing; T: @args[o; ;I"border-box; T; ; ; i4; @ :@keywords{: @splat0;[; i4; @ ; i3;#T; @ o; ;[I"0/* Position radios and checkboxes better */; T; ; ;[; i7; @ o; ;[I"0input[type="radio"], input[type="checkbox"]; T;i;o;;[o;;[o; ;[o; ;[I" input; T;0; i9;I"; To;2 ;[I" type; T;0;-I"=; T;[I" "radio"; T;30; i9;@;0;o;;{; i9;@o;;[I" ; To; ;[o; ;[I" input; T;0; i9;@o;2 ;[I" type; T;0;-I"=; T;[I""checkbox"; T;30; i9;@;0;o;;{; i9;@; i9;@;[ 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; : normal;[; i;; @ o; ;[I"line-height; T;o;;I" normal; T; ; ; @ ;i;!;";[; i<; @ ; i9;#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; i@;I"; To;2 ;[I" type; T;0;-I"=; T;[I" "file"; T;30; i@;@';0;o;;{; i@;@'; i@;@';[o; ;[I" display; T;o;;I" block; T; ; ; @ ;i;!;";[; iA; @ ; i@;#T; @ o; ;[I">/* Make range inputs behave like textual form controls */; T; ; ;[; iD; @ o; ;[I"input[type="range"]; T;i;o;;[o;;[o; ;[o; ;[I" input; T;0; iE;I"; To;2 ;[I" type; T;0;-I"=; T;[I" "range"; T;30; iE;@G;0;o;;{; iE;@G; iE;@G;[o; ;[I" display; T;o;;I" block; T; ; ; @ ;i;!;";[; iF; @ o; ;[I" width; T;o;;I" 100%; T; ; ; @ ;i;!;";[; iG; @ ; iE;#T; @ o; ;[I"9/* Make multiple select elements height not fixed */; T; ; ;[; iJ; @ o; ;[I"#select[multiple], select[size]; T;i;o;;[o;;[o; ;[o; ;[I" select; T;0; iL;I"; To;2 ;[I" multiple; T;0;-0;0;30; iL;@m;0;o;;{; iL;@mo;;[I" ; To; ;[o; ;[I" select; T;0; iL;@mo;2 ;[I" size; T;0;-0;0;30; iL;@m;0;o;;{; iL;@m; iL;@m;[o; ;[I" height; T;o;;I" auto; T; ; ; @ ;i;!;";[; iM; @ ; iL;#T; @ o; ;[I"./* Focus for file, radio, and checkbox */; T; ; ;[; iP; @ o; ;[I"Vinput[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus; T;i;o;;[o;;[o; ;[o; ;[I" input; T;0; iS;I"; To;2 ;[I" type; T;0;-I"=; T;[I" "file"; T;30; iS;@o:Sass::Selector::Pseudo :@syntactic_type: class;[I" focus; T: @arg0; iS;@;0;o;;{; iS;@o;;[I" ; To; ;[o; ;[I" input; T;0; iS;@o;2 ;[I" type; T;0;-I"=; T;[I" "radio"; T;30; iS;@o;9 ;:;;;[I" focus; T;<0; iS;@;0;o;;{; iS;@o;;[I" ; To; ;[o; ;[I" input; T;0; iS;@o;2 ;[I" type; T;0;-I"=; T;[I""checkbox"; T;30; iS;@o;9 ;:;;;[I" focus; T;<0; iS;@;0;o;;{; iS;@; iS;@;[o;4 ;I"tab-focus; T;5[;6{;70;[; iT; @ ; iS;#T; @ o; ;[I" /* Adjust output element */; T; ; ;[; iW; @ o; ;[I" output; T;i;o;;[o;;[o; ;[o; ;[I" output; T;0; iX;I"; T;0;o;;{; iX;@; iX;@;[ o; ;[I" display; T;o;;I" block; T; ; ; @ ;i;!;";[; iY; @ o; ;[I"padding-top; T;o;& ;'o;$ ;I"padding-base-vertical; T;%I"padding_base_vertical; T; iZ; @ ;(o;) ;i;*[;+@o; iZ;,I"1; F; @ ;-: plus; iZ; @ ;i;!;";[; iZ; @ 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]; @ ; iX;#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; ; ;[; ia; @ o; ;[I".form-control; T;i;o;;[o;;[o; ;[o:Sass::Selector::Class;[I"form-control; T; iw;I"; T;0;o;;{; iw;@; iw;@;[o; ;[I" display; T;o;;I" block; T; ; ; @ ;i;!;";[; ix; @ o; ;[I" width; T;o;;I" 100%; T; ; ; @ ;i;!;";[; iy; @ o; ;[I" height; T;o;$ ;I"input-height-base; T;%I"input_height_base; T; iz; @ ;i;!;";[; iz; @ o; ;[I"l/* Make inputs at least the height of their button counterpart (base line-height + padding + border) */; T; ; ;[; iz; @ 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; @ ; iw;#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;@/;0;o;;{; i;@/; i;@/;[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;@L;0;o;;{; i;@L; i;@L;[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. */; T; ; ;[; i; @ o; ;[I"input[type="date"]; 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;@l;0;o;;{; i;@l; i;@l;[o; ;[I"line-height; T;o;$ ;I"input-height-base; T;%I"input_height_base; T; i; @ ;i;!;";[; i; @ ; 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"padding-left; T;o;;I" 20px; T; ; ; @ ;i;!;";[; i; @ 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; 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;@tI"+; To; ;[o;>;[I" radio; T; i;@t;0;o;;{; i;@to;;[ I" ; To; ;[o;>;[I" checkbox; T; i;@t;0;o;;{; i;@tI"+; To; ;[o;>;[I" checkbox; T; i;@t;0;o;;{; i;@t; i;@t;[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;@I"+; To; ;[o;>;[I"radio-inline; T; i;@;0;o;;{; i;@o;;[ I" ; To; ;[o;>;[I"checkbox-inline; T; i;@;0;o;;{; i;@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-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;@t;0;o;;{; i;@to;;[I" ; To; ;[o; ;[I" fieldset; T;0; i;@to;2 ;[I" disabled; T;0;-0;0;30; i;@t;0;o;;{; i;@to; ;[o;@; i;@t;0;o;;{; i;@t; i;@t;[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; ;A; 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;@; i;@;[ 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 ;@; i ;@;[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; @ 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" 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; @ ; i;#T; @ o; ;[I"/* Feedback states */; T; ; ;[; i; @ o; ;[I".has-success; T;i;o;;[o;;[o; ;[o;>;[I"has-success; T; i;I"; T;0;o;;{; i;@g; i;@g;[o;4 ;I"form-control-validation; T;5[o;$ ;I"state-success-text; T;%I"state_success_text; T; i ; @ o;$ ;I"state-success-text; T;%I"state_success_text; T; i ; @ o;$ ;I"state-success-bg; T;%I"state_success_bg; T; i ; @ ;6{;70;[; i ; @ ; i;#T; @ o; ;[I".has-warning; T;i;o;;[o;;[o; ;[o;>;[I"has-warning; T; i";I"; T;0;o;;{; i";@; i";@;[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; ; ;[; i*; @ o; ;[I".form-control-static; T;i;o;;[o;;[o; ;[o;>;[I"form-control-static; T; i/;I"; T;0;o;;{; i/;@; i/;@;[o; ;[I"margin-bottom; T;o;;I"0; T; ; ; @ ;i;!;";[; i0; @ o; ;[I")/* Remove default margin from `p` */; T; ; ;[; i0; @ ; i/;#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; ; ;[; i4; @ o; ;[I".help-block; T;i;o;;[o;;[o; ;[o;>;[I"help-block; T; i9;I"; T;0;o;;{; i9;@; i9;@;[ o; ;[I" display; T;o;;I" block; T; ; ; @ ;i;!;";[; i:; @ o; ;[I"3/* account for any element using help-block */; T; ; ;[; i:; @ o; ;[I"margin-top; T;o;;I"5px; T; ; ; @ ;i;!;";[; i;; @ o; ;[I"margin-bottom; T;o;;I" 10px; T; ; ; @ ;i;!;";[; i<; @ o; ;[I" color; T;o;? ;I" lighten; T;5[o;$ ;I"text-color; T;%I"text_color; T; i=; @ o;) ;i;*[I"%; T;+[; i=;,I"25%; F; @ ;6{;70; i=; @ ;i;!;";[; i=; @ o; ;[I"-/* lighten the text some for contrast */; T; ; ;[; i=; @ ; i9;#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; ; ;[; iB; @ o; ;[I".form-inline; T;i;o;;[o;;[o; ;[o;>;[I"form-inline; T; iM;I"; T;0;o;;{; iM;@!; iM;@!;[o; ;[I"/* Kick in the inline */; T; ; ;[; iO; @ o:Sass::Tree::MediaNode : @query[ I"(; To; ;I"min-width; T; ; ; iP; @ I": ; To;$ ;I"screen-sm-min; T;%I"screen_sm_min; T; iP; @ I"); T;i;I"; T;[o; ;[I"3/* Inline-block all the things for "inline" */; T; ; ;[; iQ; @ o; ;[I".form-group; T;i;o;;[o;;[o; ;[o;>;[I"form-group; T; iR;I"; T;0;o;;{; iR;@E; iR;@E;[o; ;[I" display; T;o;;I"inline-block; T; ; ; @ ;i;!;";[; iS; @ o; ;[I"margin-bottom; T;o;;I"0; T; ; ; @ ;i;!;";[; iT; @ o; ;[I"vertical-align; T;o;;I" middle; T; ; ; @ ;i;!;";[; iU; @ ; iR;#T; @ o; ;[I"A/* In navbar-form, allow folks to *not* use `.form-group` */; T; ; ;[; iX; @ o; ;[I".form-control; T;i;o;;[o;;[o; ;[o;>;[I"form-control; T; iY;I"; T;0;o;;{; iY;@k; iY;@k;[ o; ;[I" display; T;o;;I"inline-block; T; ; ; @ ;i;!;";[; iZ; @ o; ;[I" width; T;o;;I" auto; T; ; ; @ ;i;!;";[; i[; @ o; ;[I"E/* Prevent labels from stacking above inputs in `.form-group` */; T; ; ;[; i[; @ o; ;[I"vertical-align; T;o;;I" middle; T; ; ; @ ;i;!;";[; i\; @ ; iY;#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; ic;I"; T;0;o;;{; ic;@; ic;@;[o; ;[I"margin-bottom; T;o;;I"0; T; ; ; @ ;i;!;";[; id; @ o; ;[I"vertical-align; T;o;;I" middle; T; ; ; @ ;i;!;";[; ie; @ ; ic;#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; ; ;[; ih; @ o; ;[I".radio, .checkbox; T;i;o;;[o;;[o; ;[o;>;[I" radio; T; il;I"; T;0;o;;{; il;@o;;[I" ; To; ;[o;>;[I" checkbox; T; il;@;0;o;;{; il;@; il;@;[ o; ;[I" display; T;o;;I"inline-block; T; ; ; @ ;i;!;";[; im; @ o; ;[I"margin-top; T;o;;I"0; T; ; ; @ ;i;!;";[; in; @ o; ;[I"margin-bottom; T;o;;I"0; T; ; ; @ ;i;!;";[; io; @ o; ;[I"padding-left; T;o;;I"0; T; ; ; @ ;i;!;";[; ip; @ o; ;[I"vertical-align; T;o;;I" middle; T; ; ; @ ;i;!;";[; iq; @ ; il;#T; @ o; ;[I"E.radio input[type="radio"], .checkbox input[type="checkbox"]; T;i;o;;[o;;[o; ;[o;>;[I" radio; T; it;I"; T;0;o;;{; it;@ o; ;[o; ;[I" input; T;0; it;@ o;2 ;[I" type; T;0;-I"=; T;[I" "radio"; T;30; it;@ ;0;o;;{; it;@ o;;[I" ; To; ;[o;>;[I" checkbox; T; it;@ ;0;o;;{; it;@ o; ;[o; ;[I" input; T;0; it;@ o;2 ;[I" type; T;0;-I"=; T;[I""checkbox"; T;30; it;@ ;0;o;;{; it;@ ; it;@ ;[o; ;[I" float; T;o;;I" none; T; ; ; @ ;i;!;";[; iu; @ o; ;[I"margin-left; T;o;;I"0; T; ; ; @ ;i;!;";[; iv; @ ; it;#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; ; ;[; iy; @ o; ;[I").has-feedback .form-control-feedback; T;i;o;;[o;;[o; ;[o;>;[I"has-feedback; T; i};I"; T;0;o;;{; i};@Oo; ;[o;>;[I"form-control-feedback; T; i};@O;0;o;;{; i};@O; i};@O;[o; ;[I"top; T;o;;I"0; T; ; ; @ ;i;!;";[; i~; @ ; i};#T; @ ; iP;#T; @ ; iM;#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;@p; i;@p;[o; ;[I"J/* Consistent vertical alignment of labels, radios, and checkboxes */; T; ; ;[; i; @ o; ;[I"O.control-label, .radio, .checkbox, .radio-inline, .checkbox-inline; T;i;o;;[ o;;[o; ;[o;>;[I"control-label; T; i;I"; T;0;o;;{; i;@o;;[I" ; To; ;[o;>;[I" radio; T; i;@;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;@ ; 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; @ ; i;#T; @ o; ;[I"K/* Only right align form labels here when the columns stop stacking */; T; ; ;[; i; @ o;B ;C[ 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;@H ; i;@H ;[o; ;[I"text-align; T;o;;I" right; T; ; ; @ ;i;!;";[; 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;@b o; ;[o;>;[I"form-control-feedback; T; i;@b ;0;o;;{; i;@b ; i;@b ;[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"+// // 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; 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. input[type="date"] { line-height: $input-height-base; } // 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; padding-left: 20px; label { display: inline; 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; display: block; width: $input-height-base; height: $input-height-base; line-height: $input-height-base; text-align: center; } } // 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 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 labels, radios, and checkboxes .control-label, .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); } // Only right align form labels here when the columns stop stacking @media (min-width: $screen-sm-min) { .control-label { text-align: right; } } // 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; i;#T; @