{: versionI"3.2.19 (Media Mark):EF:shaI"-076499cccfc148cd859d717deaf7f37b80408843;F: contents"9žo:Sass::Tree::RootNode :@children[2o:Sass::Tree::CommentNode : @value[I"&/* * Custom Form Variables * */:ET: @type: silent;[: @linei: @options{o:Sass::Tree::VariableNode : @nameI"%include-html-custom-form-classes; T: @expro:Sass::Script::Variable ;I"include-html-classes; T:@underscored_nameI"include_html_classes; T; @ ; i : @guardedI" !default; T;[; i ; @ o; ;[I"E/* We use these to control the basic form styles input styles */; T; ; ;[; i ; @ o; ;I"custom-form-border-color; T;o:Sass::Script::Color ;0: @attrs{ :rediÌ: greeniÌ: blueiÌ: alphai; i ; @ ;I" !default; T;[; i ; @ o; ;I"custom-form-border-size; T;o:Sass::Script::Number ;i:@numerator_units[I"px; T:@denominator_units[; i :@originalI"1px; F; @ ;I" !default; T;[; i ; @ o; ;I"custom-form-bg; T;o; ;0;{ ;iÿ;iÿ;iÿ;i; i; @ ;I" !default; T;[; i; @ o; ;I"custom-form-bg-disabled; T;o; ;0;{ ;iÝ;iÝ;iÝ;i; i; @ ;I" !default; T;[; i; @ o; ;I"custom-form-input-size; T;o; ;i;[I"px; T;[; i;I" 16px; F; @ ;I" !default; T;[; i; @ o; ;I"custom-form-check-color; T;o; ;0;{ ;i';i';i';i; i; @ ;I" !default; T;[; i; @ o; ;I"custom-form-check-size; T;o; ;i;[I"px; T;[; i;I" 16px; F; @ ;I" !default; T;[; i; @ o; ;I"custom-form-radio-size; T;o; ;i ;[I"px; T;[; i;I"8px; F; @ ;I" !default; T;[; i; @ o; ;I" custom-form-checkbox-radius; T;o; ;i;[;[; i;I"0; F; @ ;I" !default; T;[; i; @ o; ;[I"@/* We use these to style the custom select form element. */; T; ; ;[; i; @ o; ;I"custom-select-bg; T;o; ;0;{ ;iÿ;iÿ;iÿ;i; i; @ ;I" !default; T;[; i; @ o; ;I" custom-select-fade-to-color; T;o; ;0;{ ;ió;ió;ió;i; i; @ ;I" !default; T;[; i; @ o; ;I"custom-select-border-color; T;o; ;0;{ ;iÝ;iÝ;iÝ;i; i; @ ;I" !default; T;[; i; @ o; ;I"!custom-select-triangle-color; T;o; ;0;{ ;iª;iª;iª;i; i; @ ;I" !default; T;[; i; @ o; ;I"&custom-select-triangle-color-open; T;o; ;0;{ ;i';i';i';i; i; @ ;I" !default; T;[; i; @ o; ;I"custom-select-height; T;o:Sass::Script::Operation :@operand1o:Sass::Script::Funcall ;I" em-calc; T: @args[o; ;i;[;@W; i;I"13; F; @ :@keywords{: @splat0; i; @ :@operand2o; ;o; ;I"form-spacing; T;I"form_spacing; T; @ ; i;$o; ;f1.5;[;@W; i;I"1.5; F; @ :@operator: times; i; @ ;%: plus; i; @ ;I" !default; T;[; i; @ o; ;I" custom-select-margin-bottom; T;o; ;I" em-calc; T;![o; ;i;[;@W; i;I"20; F; @ ;"{;#0; i; @ ;I" !default; T;[; i; @ o; ;I"&custom-select-font-color-selected; T;o; ;0;{ ;i;i;i;i; i; @ ;I" !default; T;[; i; @ o; ;I"!custom-select-disabled-color; T;o; ;0;{ ;iˆ;iˆ;iˆ;i; i; @ ;I" !default; T;[; i; @ o; ;[I"S/* We use these to control the style of the custom select dropdown element. */; T; ; ;[; i!; @ o; ;I"custom-dropdown-height; T;o; ;iÈ;[I"px; T;[; i";I" 200px; F; @ ;I" !default; T;[; i"; @ o; ;I"custom-dropdown-bg; T;o; ;0;{ ;iÿ;iÿ;iÿ;i; i#; @ ;I" !default; T;[; i#; @ o; ;I"!custom-dropdown-border-color; T;o; ;I" darken; T;![o; ;0;{ ;iÿ;iÿ;iÿ;i; i$; @ o; ;i;[I"%; T;[; i$;I"20%; F; @ ;"{;#0; i$; @ ;I" !default; T;[; i$; @ o; ;I"!custom-dropdown-border-width; T;o; ;i;[I"px; T;[; i%;I"1px; F; @ ;I" !default; T;[; i%; @ o; ;I"!custom-dropdown-border-style; T;o:Sass::Script::String ;I" solid; T; :identifier; i&; @ ;I" !default; T;[; i&; @ o; ;I"custom-dropdown-font-color; T;o; ;0;{ ;iZ;iZ;iZ;i; i'; @ ;I" !default; T;[; i'; @ o; ;I"custom-dropdown-font-size; T;o; ;I" em-calc; T;![o; ;i;[;@W; i(;I"14; F; @ ;"{;#0; i(; @ ;I" !default; T;[; i(; @ o; ;I"#custom-dropdown-color-selected; T;o; ;0;{ ;iî;iî;iî;i; i); @ ;I" !default; T;[; i); @ o; ;I"(custom-dropdown-font-color-selected; T;o; ;0;{ ;i;i;i;i; i*; @ ;I" !default; T;[; i*; @ o; ;I"custom-dropdown-shadow; T;o:Sass::Script::List ;[ o; ;i;[;@W; i+;I"0; F; @ o; ;i;[I"px; T;[; i+;I"2px; F; @ o; ;i;[I"px; T;[; i+;I"2px; F; @ o; ;i;[;@W; i+;I"0; F; @ o; ;I" rgba; T;![ o; ;i;[;@W; i+;I"0; F; @ o; ;i;[;@W; i+;I"0; F; @ o; ;i;[;@W; i+;I"0; F; @ o; ;f0.1;[;@W; i+;I"0.1; F; @ ;"{;#0; i+; @ :@separator: space; i+; @ ;I" !default; T;[; i+; @ o; ;I"custom-dropdown-offset-top; T;o;( ;I" auto; T; ;); i,; @ ;I" !default; T;[; i,; @ o; ;I"!custom-dropdown-list-padding; T;o; ;I" em-calc; T;![o; ;i ;[;@W; i-;I"4; F; @ ;"{;#0; i-; @ ;I" !default; T;[; i-; @ o; ;I"*custom-dropdown-default-float-padding; T;o; ;I" em-calc; T;![o; ;i ;[;@W; i.;I"6; F; @ ;"{;#0; i.; @ ;I" !default; T;[; i.; @ o; ;I"%custom-dropdown-opposite-padding; T;o; ;I" em-calc; T;![o; ;i+;[;@W; i/;I"38; F; @ ;"{;#0; i/; @ ;I" !default; T;[; i/; @ o; ;I")custom-dropdown-list-item-min-height; T;o; ;I" em-calc; T;![o; ;i;[;@W; i0;I"24; F; @ ;"{;#0; i0; @ ;I" !default; T;[; i0; @ o; ;I" custom-dropdown-width-small; T;o; ;i†;[I"px; T;[; i1;I" 134px; F; @ ;I" !default; T;[; i1; @ o; ;I"!custom-dropdown-width-medium; T;o; ;iþ;[I"px; T;[; i2;I" 254px; F; @ ;I" !default; T;[; i2; @ o; ;I" custom-dropdown-width-large; T;o; ;i²;[I"px; T;[; i3;I" 434px; F; @ ;I" !default; T;[; i3; @ o; ;[I"¨/* We decided not to make a mixin for the custom forms because * they rely on a very specific class naming structure. * We may look at updating this in the future. */; T; ; ;[; i5; @ o:Sass::Tree::MixinDefNode ;I"custom-form-input; T;![[o;;I" radius; T;I" radius; T; @ o; ;i;[I"px; T;[; i8;I"0px; F; @ [o;;I"mark-size; T;I"mark_size; T; @ o; ;i;[I"px; T;[; i8;I"0px; F; @ ;#0;[o:Sass::Tree::MixinNode ;I" radius; T;![o; ;I" radius; T;I" radius; T; @ ; i9;"{;#0;[; i9; @ o; ;I"custom-form-input-padding; T;o; ;o; ;o; ;o; ;I"custom-form-input-size; T;I"custom_form_input_size; T; @ ; i:;$o; ;I"mark-size; T;I"mark_size; T; @ ; i:;%: minus; i:; @ ;$o; ;i;[;@W; i:; @ ;%:div; i:; @ ;$o; ;I"custom-form-border-size; T;I"custom_form_border_size; T; @ ; i:;%;/; i:; @ ;0;[; i:; @ u:Sass::Tree::IfNode»[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI"custom-form-input-padding:ET:@underscored_nameI"custom_form_input_padding; T: @options{: @linei;:@operand2o:Sass::Script::Number : @valuei:@numerator_units[:@denominator_units[; i;:@originalI"0; F; @ :@operator:gte; i;; @ u:Sass::Tree::IfNode·[00[o:Sass::Tree::PropNode : @name[I" padding:ET: @valueo:Sass::Script::String;I"0;T: @type:identifier: @options{: @tabsi:@prop_syntax:new:@children[: @linei>; @ [o:Sass::Tree::PropNode ;[I" padding; T;o; ;I"custom-form-input-padding; T; I"custom_form_input_padding; T; @ ; i<: @tabsi:@prop_syntax:new:@children[; i<; @ ; i8:@has_childrenT; @ o; ;[I"]/* Only include these classes if the variable is true, otherwise they'll be left out. */; T; ; ;[; iB; @ u;1(^[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI"%include-html-custom-form-classes:ET:@underscored_nameI"%include_html_custom_form_classes; T: @options{: @lineiC:@operand2o:Sass::Script::Bool: @valueF; iC; @ :@operator:neq; iC; @ 0[ o:Sass::Tree::CommentNode ;[I"+/* Custom Checkbox and Radio Inputs */; T: @type: normal:@children[; iE; @ o:Sass::Tree::RuleNode : @rule[I"form.custom; T: @tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence ;[o:Sass::Selector::Element ;[I" form; T:@namespace0; iF:@filenameI"; To:Sass::Selector::Class;[I" custom; T; iF; @: @subject0: @sourceso:Set: @hash{; iF; @; iF; @;[o; ;[I".hidden-field; T;i;o;;[o;;[o; ;[o;!;[I"hidden-field; T; iH; I"; T;"0;#o;$;%{; iH; @0; iH; @0;[o:Sass::Tree::PropNode ;[I" margin-; To; ;I"default-float; T; I"default_float; T; @ ; iI;o:Sass::Script::String;I" -99999px; T;:identifier; @ ;i:@prop_syntax:new;[; iI; @ o;& ;[I" position; T;o;';I" absolute; T;;(; @ ;i;);*;[; iJ; @ o;& ;[I"visibility; T;o;';I" hidden; T;;(; @ ;i;);*;[; iK; @ ; iH:@has_childrenT; @ o; ;[I" .custom; T;i;o;;[o;;[o; ;[o;!;[I" custom; T; iN; I"; T;"0;#o;$;%{; iN; @U; iN; @U;[o;& ;[I" display; T;o;';I"inline-block; T;;(; @ ;i;);*;[; iO; @ o;& ;[I" width; T;o; ;I"custom-form-input-size; T; I"custom_form_input_size; T; @ ; iP;i;);*;[; iP; @ o;& ;[I" height; T;o; ;I"custom-form-input-size; T; I"custom_form_input_size; T; @ ; iQ;i;);*;[; iQ; @ o;& ;[I" position; T;o;';I" relative; T;;(; @ ;i;);*;[; iR; @ o;& ;[I"top; T;o;';I" -1px; T;;(; @ ;i;);*;[; iS; @ o; ;[I"/* fix centering issue */; T;;;[; iS; @ o;& ;[I"vertical-align; T;o;';I" middle; T;;(; @ ;i;);*;[; iT; @ o;& ;[I" border; T;o:Sass::Script::List ;[o;' ;I" solid; T;;(; iU; @ o; ;I"custom-form-border-size; T; I"custom_form_border_size; T; @ ; iUo; ;I"custom-form-border-color; T; I"custom_form_border_color; T; @ ; iU:@separator: space; iU; @ ;i;);*;[; iU; @ o;& ;[I"background; T;o; ;I"custom-form-bg; T; I"custom_form_bg; T; @ ; iV;i;);*;[; iV; @ o; ;[I"&.checkbox; T;i;o;;[o;;[o; ;[o:Sass::Selector::Parent; iX; I"; To;!;[I" checkbox; T; iX; @;"0;#o;$;%{; iX; @; iX; @;[o:Sass::Tree::MixinNode ;I"custom-form-input; T: @args[:@keywords{I" radius; To; ;I" custom-form-checkbox-radius; T; I" custom_form_checkbox_radius; T; @ ; iYI"mark_size; To; ;I"custom-form-check-size; T; I"custom_form_check_size; T; @ ; iY: @splat0;[; iY; @ ; iX;+T; @ o; ;[I" &.radio; T;i;o;;[o;;[o; ;[o;/; i\; I"; To;!;[I" radio; T; i\; @»;"0;#o;$;%{; i\; @»; i\; @»;[o;0 ;I"custom-form-input; T;1[;2{I" radius; To:Sass::Script::Number ;iè:@numerator_units[I"px; T:@denominator_units[; i]:@originalI" 1000px; F; @ I"mark_size; To; ;I"custom-form-radio-size; T; I"custom_form_radio_size; T; @ ; i];30;[; i]; @ ; i\;+T; @ o; ;[I"&.checkbox; T;i;o;;[o;;[o; ;[o;/; i`; I"; To;!;[I" checkbox; T; i`; @Û;"0;#o;$;%{; i`; @Û; i`; @Û;[o; ;[I" &:before; T;i;o;;[o;;[o; ;[o;/; ia; I"; To:Sass::Selector::Pseudo :@syntactic_type: class;[I" before; T: @arg0; ia; @ì;"0;#o;$;%{; ia; @ì; ia; @ì;[ o;& ;[I" content; T;o;';I"""; T;;(; @ ;i;);*;[; ib; @ o;& ;[I" display; T;o;';I" block; T;;(; @ ;i;);*;[; ic; @ o;& ;[I"font-size; T;o; ;I"custom-form-check-size; T; I"custom_form_check_size; T; @ ; id;i;);*;[; id; @ o;& ;[I" color; T;o; ;I"custom-form-bg; T; I"custom_form_bg; T; @ ; ie;i;);*;[; ie; @ ; ia;+T; @ ; i`;+T; @ o; ;[I"&.radio.checked; T;i;o;;[o;;[o; ;[o;/; ii; I"; To;!;[I" radio; T; ii; @o;!;[I" checked; T; ii; @;"0;#o;$;%{; ii; @; ii; @;[o; ;[I" &:before; T;i;o;;[o;;[o; ;[o;/; ij; I"; To;8 ;9;:;[I" before; T;;0; ij; @+;"0;#o;$;%{; ij; @+; ij; @+;[ o;& ;[I" content; T;o;';I"""; T;;(; @ ;i;);*;[; ik; @ o;& ;[I" display; T;o;';I" block; T;;(; @ ;i;);*;[; il; @ o;& ;[I" width; T;o; ;I"custom-form-radio-size; T; I"custom_form_radio_size; T; @ ; im;i;);*;[; im; @ o;& ;[I" height; T;o; ;I"custom-form-radio-size; T; I"custom_form_radio_size; T; @ ; in;i;);*;[; in; @ o;0 ;I" radius; T;1[o;4 ;iè;5[I"px; T;6[; io;7I" 1000px; F; @ ;2{;30;[; io; @ o;& ;[I"background; T;o; ;I"custom-form-check-color; T; I"custom_form_check_color; T; @ ; ip;i;);*;[; ip; @ o;& ;[I" position; T;o;';I" relative; T;;(; @ ;i;);*;[; iq; @ ; ij;+T; @ ; ii;+T; @ o; ;[I"&.checkbox.checked; T;i;o;;[o;;[o; ;[o;/; iu; I"; To;!;[I" checkbox; T; iu; @mo;!;[I" checked; T; iu; @m;"0;#o;$;%{; iu; @m; iu; @m;[o; ;[I" &:before; T;i;o;;[o;;[o; ;[o;/; iv; I"; To;8 ;9;:;[I" before; T;;0; iv; @;"0;#o;$;%{; iv; @; iv; @;[ o;& ;[I" content; T;o;';I" "\00d7"; T;;(; @ ;i;);*;[; iw; @ o;& ;[I" color; T;o; ;I"custom-form-check-color; T; I"custom_form_check_color; T; @ ; ix;i;);*;[; ix; @ o;& ;[I" position; T;o;';I" absolute; T;;(; @ ;i;);*;[; iy; @ o;& ;[I"top; T;o;';I" -50%; T;;(; @ ;i;);*;[; iz; @ o;& ;[I" left; T;o;';I"50%; T;;(; @ ;i;);*;[; i{; @ o;& ;[I"margin-top; T;o;';I"4px; T;;(; @ ;i;);*;[; i|; @ o;& ;[I"margin-left; T;o;';I" -5px; T;;(; @ ;i;);*;[; i}; @ ; iv;+T; @ ; iu;+T; @ ; iN;+T; @ ; iF;+T; @ o; ;[I"./* Custom Select Options and Dropdowns */; T;;;[; i~; @ o; ;[I"form.custom; T;i;o;;[o;;[o; ;[o; ;[I" form; T;0; i; I"; To;!;[I" custom; T; i; @Ã;"0;#o;$;%{; i; @Ã; i; @Ã;[ o; ;[I".custom.dropdown; T;i;o;;[o;;[o; ;[o;!;[I" custom; T; i€; I"; To;!;[I" dropdown; T; i€; @Ö;"0;#o;$;%{; i€; @Ö; i€; @Ö;[ o;& ;[I" display; T;o;';I" block; T;;(; @ ;i;);*;[; i; @ o;& ;[I" position; T;o;';I" relative; T;;(; @ ;i;);*;[; i‚; @ o;& ;[I"top; T;o;';I"0; T;;(; @ ;i;);*;[; iƒ; @ o;& ;[I" height; T;o; ;I"custom-select-height; T; I"custom_select_height; T; @ ; i„;i;);*;[; i„; @ o;& ;[I"margin-bottom; T;o; ;I" custom-select-margin-bottom; T; I" custom_select_margin_bottom; T; @ ; i…;i;);*;[; i…; @ o;& ;[I"margin-top; T;o;';I"0; T;;(; @ ;i;);*;[; i†; @ o;& ;[I" padding; T;o;';I"0; T;;(; @ ;i;);*;[; i‡; @ o;& ;[I" width; T;o;';I" 100%; T;;(; @ ;i;);*;[; iˆ; @ o;& ;[I"background; T;o; ;I"custom-dropdown-bg; T; I"custom_dropdown_bg; T; @ ; i‰;i;);*;[; i‰; @ u:Sass::Tree::IfNodeë[o:Sass::Script::Variable : @nameI"experimental:ET:@underscored_nameI"experimental;T: @options{: @lineiŠ0[o:Sass::Tree::PropNode ;[I"background;T: @valueo:Sass::Script::Funcall ;I"-moz-linear-gradient;T: @args[o:Sass::Script::String ; I"top;T: @type:identifier; i‹; @ o:Sass::Script::List ; [o; ;I"custom-dropdown-bg;T;I"custom_dropdown_bg;T; @ ; i‹o:Sass::Script::Number ; i:@numerator_units[I"%;T:@denominator_units[; i‹:@originalI"0%;F; @ :@separator: space; i‹; @ o; ; [o; ;I" custom-select-fade-to-color;T;I" custom_select_fade_to_color;T; @ ; i‹o; ; ii;[I"%;T;[; i‹;I" 100%;F; @ ;;; i‹; @ :@keywords{: @splat0; i‹; @ : @tabsi:@prop_syntax:new:@children[; i‹; @ o; ;[I"background;T; o; ;I"-webkit-linear-gradient;T;[o; ; I"top;T;;; iŒ; @ o; ; [o; ;I"custom-dropdown-bg;T;I"custom_dropdown_bg;T; @ ; iŒo; ; i;[I"%;T;[; iŒ;I"0%;F; @ ;;; iŒ; @ o; ; [o; ;I" custom-select-fade-to-color;T;I" custom_select_fade_to_color;T; @ ; iŒo; ; ii;[I"%;T;[; iŒ;I" 100%;F; @ ;;; iŒ; @ ;{;0; iŒ; @ ;i;;;[; iŒ; @ o; ;[I"-webkit-box-shadow;T; o;; I" none;T;;; @ ;i;;;[; i; @ o;& ;[I"background; T;o:Sass::Script::Funcall ;I"linear-gradient; T;1[o;, ;[o;' ;I"to; T;;(; i; @ o;' ;I" bottom; T;;(; i; @ ;-;.; i; @ o;, ;[o; ;I"custom-dropdown-bg; T; I"custom_dropdown_bg; T; @ ; io;4 ;i;5[I"%; T;6[; i;7I"0%; F; @ ;-;.; i; @ o;, ;[o; ;I" custom-select-fade-to-color; T; I" custom_select_fade_to_color; T; @ ; io;4 ;ii;5[I"%; T;6[; i;7I" 100%; F; @ ;-;.; i; @ ;2{;30; i; @ ;i;);*;[; i; @ o;& ;[I"box-shadow; T;o;';I" none; T;;(; @ ;i;);*;[; i; @ o;& ;[I"font-size; T;o; ;I"custom-dropdown-font-size; T; I"custom_dropdown_font_size; T; @ ; i‘;i;);*;[; i‘; @ o;& ;[I"vertical-align; T;o;';I"top; T;;(; @ ;i;);*;[; i’; @ o; ;[I"ul; T;i;o;;[o;;[o; ;[o; ;[I"ul; T;0; i”; I"; T;"0;#o;$;%{; i”; @X; i”; @X;[o;& ;[I"overflow-y; T;o;';I" auto; T;;(; @ ;i;);*;[; i•; @ o;& ;[I"max-height; T;o; ;I"custom-dropdown-height; T; I"custom_dropdown_height; T; @ ; i–;i;);*;[; i–; @ ; i”;+T; @ o; ;[I" .current; T;i;o;;[o;;[o; ;[o;!;[I" current; T; i™; I"; T;"0;#o;$;%{; i™; @u; i™; @u;[o;& ;[I" cursor; T;o;';I" default; T;;(; @ ;i;);*;[; iš; @ o;& ;[I"white-space; T;o;';I" nowrap; T;;(; @ ;i;);*;[; i›; @ o;& ;[I"line-height; T;o; ;o; ;I"custom-select-height; T; I"custom_select_height; T; @ ; iœ; o;= ;I" em-calc; T;1[o;4 ;i;5[;6[; iœ;7I"1; F; @ ;2{;30; iœ; @ ;: minus; iœ; @ ;i;);*;[; iœ; @ o;& ;[I" color; T;o; ;I"input-font-color; T; I"input_font_color; T; @ ; i;i;);*;[; i; @ o;& ;[I"text-decoration; T;o;';I" none; T;;(; @ ;i;);*;[; iž; @ o;& ;[I" overflow; T;o;';I" hidden; T;;(; @ ;i;);*;[; iŸ; @ o;& ;[I" display; T;o;';I" block; T;;(; @ ;i;);*;[; i ; @ o;& ;[I" margin-; To; ;I"default-float; T; I"default_float; T; @ ; i¡;o; ;o; ;I"form-spacing; T; I"form_spacing; T; @ ; i¡; o;4 ;i;5[;6@‘; i¡;7I"2; F; @ ;:div; i¡; @ ;i;);*;[; i¡; @ o;& ;[I" margin-; To; ;I"opposite-direction; T; I"opposite_direction; T; @ ; i¢;o; ;I"custom-select-height; T; I"custom_select_height; T; @ ; i¢;i;);*;[; i¢; @ ; i™;+T; @ o; ;[I".selector; T;i;o;;[o;;[o; ;[o;!;[I" selector; T; i¥; I"; T;"0;#o;$;%{; i¥; @Ò; i¥; @Ò;[ o;& ;[I" cursor; T;o;';I" default; T;;(; @ ;i;);*;[; i¦; @ o;& ;[I" position; T;o;';I" absolute; T;;(; @ ;i;);*;[; i§; @ o;& ;[I" width; T;o; ;o; ;I"form-spacing; T; I"form_spacing; T; @ ; i¨; o;4 ;f2.5;5[;6@‘; i¨;7I"2.5; F; @ ;: times; i¨; @ ;i;);*;[; i¨; @ o;& ;[I" height; T;o; ;I"custom-select-height; T; I"custom_select_height; T; @ ; i©;i;);*;[; i©; @ o;& ;[I" display; T;o;';I" block; T;;(; @ ;i;);*;[; iª; @ o;& ;[o; ;I"opposite-direction; T; I"opposite_direction; T; @ ; i«;o;';I"0; T;;(; @ ;i;);*;[; i«; @ o;& ;[I"top; T;o;';I"0; T;;(; @ ;i;);*;[; i¬; @ o; ;[I" &:after; T;i;o;;[o;;[o; ;[o;/; i­; I"; To;8 ;9;:;[I" after; T;;0; i­; @;"0;#o;$;%{; i­; @; i­; @;[ o;& ;[I" content; T;o;';I"""; T;;(; @ ;i;);*;[; i®; @ o;& ;[I" display; T;o;';I" block; T;;(; @ ;i;);*;[; i¯; @ o;0 ;I"css-triangle; T;1[o;4 ;i ;5[I"px; T;6[; i°;7I"5px; F; @ o; ;I"!custom-select-triangle-color; T; I"!custom_select_triangle_color; T; @ ; i°o;' ;I"top; T;;(; i°; @ ;2{;30;[; i°; @ o;& ;[I" position; T;o;';I" absolute; T;;(; @ ;i;);*;[; i±; @ o;& ;[o; ;I"default-float; T; I"default_float; T; @ ; i²;o; ;o; ;o; ;o; ;I"form-spacing; T; I"form_spacing; T; @ ; i²; o;4 ;@ê;5[;6@‘; i²;7I"2.5; F; @ ;;@; i²; @ ; o;4 ;i;5[;6@‘; i²;7I"2; F; @ ;;?; i²; @ ; o;= ;I" em-calc; T;1[o;4 ;i ;5[;6@‘; i²;7I"5; F; @ ;2{;30; i²; @ ;;>; i²; @ ;i;);*;[; i²; @ o;& ;[I"top; T;o;';I"50%; T;;(; @ ;i;);*;[; i³; @ o;& ;[I"margin-top; T;o;';I" -3px; T;;(; @ ;i;);*;[; i´; @ ; i­;+T; @ ; i¥;+T; @ o; ;[I"&:hover, &.open; T;i;o;;[o;;[o; ;[o;/; i¸; I"; To;8 ;9;:;[I" hover; T;;0; i¸; @j;"0;#o;$;%{; i¸; @jo;;[o; ;[o;/; i¸; @jo;!;[I" open; T; i¸; @j;"0;#o;$;%{; i¸; @j; i¸; @j;[o; ;[I"a.selector; T;i;o;;[o;;[o; ;[o; ;[I"a; T;0; i¹; I"; To;!;[I" selector; T; i¹; @‡;"0;#o;$;%{; i¹; @‡; i¹; @‡;[o; ;[I" &:after; T;i;o;;[o;;[o; ;[o;/; iº; I"; To;8 ;9;:;[I" after; T;;0; iº; @˜;"0;#o;$;%{; iº; @˜; iº; @˜;[o;0 ;I"css-triangle; T;1[o;4 ;i ;5[I"px; T;6[; iº;7I"5px; F; @ o; ;I"&custom-select-triangle-color-open; T; I"&custom_select_triangle_color_open; T; @ ; iºo;' ;I"top; T;;(; iº; @ ;2{;30;[; iº; @ ; iº;+T; @ ; i¹;+T; @ ; i¸;+T; @ o; ;[I".disabled; T;i;o;;[o;;[o; ;[o;!;[I" disabled; T; i¾; I"; T;"0;#o;$;%{; i¾; @º; i¾; @º;[o;& ;[I" color; T;o; ;I"!custom-select-disabled-color; T; I"!custom_select_disabled_color; T; @ ; i¿;i;);*;[; i¿; @ o; ;[I" &:hover; T;i;o;;[o;;[o; ;[o;/; iÀ; I"; To;8 ;9;:;[I" hover; T;;0; iÀ; @Ï;"0;#o;$;%{; iÀ; @Ï; iÀ; @Ï;[o;& ;[I"background; T;o;';I"transparent; T;;(; @ ;i;);*;[; iÁ; @ o;& ;[I" color; T;o; ;I"!custom-select-disabled-color; T; I"!custom_select_disabled_color; T; @ ; iÂ;i;);*;[; iÂ; @ o; ;[I" &:after; T;i;o;;[o;;[o; ;[o;/; iÃ; I"; To;8 ;9;:;[I" after; T;;0; iÃ; @í;"0;#o;$;%{; iÃ; @í; iÃ; @í;[o;& ;[I" display; T;o;';I" none; T;;(; @ ;i;);*;[; iÃ; @ ; iÃ;+T; @ ; iÀ;+T; @ ; i¾;+T; @ o; ;[I"&.open ul; T;i;o;;[o;;[o; ;[o;/; iÇ; I"; To;!;[I" open; T; iÇ; @;"0;#o;$;%{; iÇ; @o; ;[o; ;[I"ul; T;0; iÇ; @;"0;#o;$;%{; iÇ; @; iÇ; @;[ o;& ;[I" display; T;o;';I" block; T;;(; @ ;i;);*;[; iÈ; @ o;& ;[I" z-index; T;o;';I"10; T;;(; @ ;i;);*;[; iÉ; @ o;& ;[I"min-width; T;o;';I" 100%; T;;(; @ ;i;);*;[; iÊ; @ o;0 ;I"box-sizing; T;1[o;' ;I"content-box; T;;(; iË; @ ;2{;30;[; iË; @ ; iÇ;+T; @ o; ;[I" &.small; T;i;o;;[o;;[o; ;[o;/; iÎ; I"; To;!;[I" small; T; iÎ; @5;"0;#o;$;%{; iÎ; @5; iÎ; @5;[o;& ;[I"max-width; T;o; ;I" custom-dropdown-width-small; T; I" custom_dropdown_width_small; T; @ ; iÎ;i;);*;[; iÎ; @ ; iÎ;+T; @ o; ;[I" &.medium; T;i;o;;[o;;[o; ;[o;/; iÏ; I"; To;!;[I" medium; T; iÏ; @M;"0;#o;$;%{; iÏ; @M; iÏ; @M;[o;& ;[I"max-width; T;o; ;I"!custom-dropdown-width-medium; T; I"!custom_dropdown_width_medium; T; @ ; iÏ;i;);*;[; iÏ; @ ; iÏ;+T; @ o; ;[I" &.large; T;i;o;;[o;;[o; ;[o;/; iÐ; I"; To;!;[I" large; T; iÐ; @e;"0;#o;$;%{; iÐ; @e; iÐ; @e;[o;& ;[I"max-width; T;o; ;I" custom-dropdown-width-large; T; I" custom_dropdown_width_large; T; @ ; iÐ;i;);*;[; iÐ; @ ; iÐ;+T; @ o; ;[I" &.expand; T;i;o;;[o;;[o; ;[o;/; iÑ; I"; To;!;[I" expand; T; iÑ; @};"0;#o;$;%{; iÑ; @}; iÑ; @};[o;& ;[I" width; T;o;';I"100% !important; T;;(; @ ;i;);*;[; iÑ; @ ; iÑ;+T; @ o; ;[I"&.open.small ul; T;i;o;;[o;;[o; ;[o;/; iÓ; I"; To;!;[I" open; T; iÓ; @”o;!;[I" small; T; iÓ; @”;"0;#o;$;%{; iÓ; @”o; ;[o; ;[I"ul; T;0; iÓ; @”;"0;#o;$;%{; iÓ; @”; iÓ; @”;[o;& ;[I"min-width; T;o; ;I" custom-dropdown-width-small; T; I" custom_dropdown_width_small; T; @ ; iÓ;i;);*;[; iÓ; @ o;0 ;I"box-sizing; T;1[o;' ;I"border-box; T;;(; iÓ; @ ;2{;30;[; iÓ; @ ; iÓ;+T; @ o; ;[I"&.open.medium ul; T;i;o;;[o;;[o; ;[o;/; iÔ; I"; To;!;[I" open; T; iÔ; @½o;!;[I" medium; T; iÔ; @½;"0;#o;$;%{; iÔ; @½o; ;[o; ;[I"ul; T;0; iÔ; @½;"0;#o;$;%{; iÔ; @½; iÔ; @½;[o;& ;[I"min-width; T;o; ;I"!custom-dropdown-width-medium; T; I"!custom_dropdown_width_medium; T; @ ; iÔ;i;);*;[; iÔ; @ o;0 ;I"box-sizing; T;1[o;' ;I"border-box; T;;(; iÔ; @ ;2{;30;[; iÔ; @ ; iÔ;+T; @ o; ;[I"&.open.large ul; T;i;o;;[o;;[o; ;[o;/; iÕ; I"; To;!;[I" open; T; iÕ; @æo;!;[I" large; T; iÕ; @æ;"0;#o;$;%{; iÕ; @æo; ;[o; ;[I"ul; T;0; iÕ; @æ;"0;#o;$;%{; iÕ; @æ; iÕ; @æ;[o;& ;[I"min-width; T;o; ;I" custom-dropdown-width-large; T; I" custom_dropdown_width_large; T; @ ; iÕ;i;);*;[; iÕ; @ o;0 ;I"box-sizing; T;1[o;' ;I"border-box; T;;(; iÕ; @ ;2{;30;[; iÕ; @ ; iÕ;+T; @ ; i€;+T; @ o; ;[I".error .custom.dropdown; T;i;o;;[o;;[o; ;[o;!;[I" error; T; iØ; I"; T;"0;#o;$;%{; iØ; @o; ;[o;!;[I" custom; T; iØ; @o;!;[I" dropdown; T; iØ; @;"0;#o;$;%{; iØ; @; iØ; @;[o;0 ;I"form-error-color; T;1[;2{;30;[; iÙ; @ o;& ;[I"background; T;o;= ;I" rgba; T;1[o; ;I"alert-color; T; I"alert_color; T; @ ; iÚo;4 ;f0.1;5[;6@‘; iÚ;7I"0.1; F; @ ;2{;30; iÚ; @ ;i;);*;[; iÚ; @ o;& ;[I"margin-bottom; T;o;';I"0; T;;(; @ ;i;);*;[; iÛ; @ ; iØ;+T; @ o; ;[I"*.error .custom.dropdown + small.error; T;i;o;;[o;;[ o; ;[o;!;[I" error; T; iÞ; I"; T;"0;#o;$;%{; iÞ; @Eo; ;[o;!;[I" custom; T; iÞ; @Eo;!;[I" dropdown; T; iÞ; @E;"0;#o;$;%{; iÞ; @EI"+; To; ;[o; ;[I" small; T;0; iÞ; @Eo;!;[I" error; T; iÞ; @E;"0;#o;$;%{; iÞ; @E; iÞ; @E;[o;& ;[I"margin-top; T;o;';I"0; T;;(; @ ;i;);*;[; iß; @ ; iÞ;+T; @ o; ;[I".custom.dropdown ul; T;i;o;;[o;;[o; ;[o;!;[I" custom; T; iâ; I"; To;!;[I" dropdown; T; iâ; @p;"0;#o;$;%{; iâ; @po; ;[o; ;[I"ul; T;0; iâ; @p;"0;#o;$;%{; iâ; @p; iâ; @p;[o;& ;[I" position; T;o;';I" absolute; T;;(; @ ;i;);*;[; iã; @ o;& ;[I" width; T;o;';I" auto; T;;(; @ ;i;);*;[; iä; @ o;& ;[I" display; T;o;';I" none; T;;(; @ ;i;);*;[; iå; @ o;& ;[I" margin; T;o;';I"0; T;;(; @ ;i;);*;[; iæ; @ o;& ;[o; ;I"default-float; T; I"default_float; T; @ ; iç;o:!Sass::Script::UnaryOperation : @operando; ;I"input-border-width; T; I"input_border_width; T; @ ; iç;;>; iç; @ ;i;);*;[; iç; @ o;& ;[I"top; T;o; ;I"custom-dropdown-offset-top; T; I"custom_dropdown_offset_top; T; @ ; iè;i;);*;[; iè; @ u;<2[o:Sass::Script::Variable : @nameI"experimental:ET:@underscored_nameI"experimental;T: @options{: @lineié0[o:Sass::Tree::PropNode ;[I"-webkit-box-shadow;T: @valueo; ;I"custom-dropdown-shadow;T;I"custom_dropdown_shadow;T; @ ; iê: @tabsi:@prop_syntax:new:@children[; iê; @ o;& ;[I"box-shadow; T;o; ;I"custom-dropdown-shadow; T; I"custom_dropdown_shadow; T; @ ; iì;i;);*;[; iì; @ o;& ;[I" margin; T;o;';I"0; T;;(; @ ;i;);*;[; ií; @ o;& ;[I" padding; T;o;';I"0; T;;(; @ ;i;);*;[; iî; @ o;& ;[I"background; T;o; ;I"custom-dropdown-bg; T; I"custom_dropdown_bg; T; @ ; iï;i;);*;[; iï; @ o;& ;[I" border; T;o;, ;[o; ;I"!custom-dropdown-border-style; T; I"!custom_dropdown_border_style; T; @ ; iðo; ;I"!custom-dropdown-border-width; T; I"!custom_dropdown_border_width; T; @ ; iðo; ;I"!custom-dropdown-border-color; T; I"!custom_dropdown_border_color; T; @ ; ið;-;.; ið; @ ;i;);*;[; ið; @ o;& ;[I"font-size; T;o; ;I" em-base; T; I" em_base; T; @ ; iñ;i;);*;[; iñ; @ o; ;[I"li; T;i;o;;[o;;[o; ;[o; ;[I"li; T;0; ió; I"; T;"0;#o;$;%{; ió; @ä; ió; @ä;[o;& ;[I" color; T;o; ;I"custom-dropdown-font-color; T; I"custom_dropdown_font_color; T; @ ; iô;i;);*;[; iô; @ o;& ;[I"font-size; T;o; ;I"custom-dropdown-font-size; T; I"custom_dropdown_font_size; T; @ ; iõ;i;);*;[; iõ; @ o;& ;[I" cursor; T;o; ;I"cursor-default-value; T; I"cursor_default_value; T; @ ; iö;i;);*;[; iö; @ o;& ;[I"padding-top; T;o; ;I"!custom-dropdown-list-padding; T; I"!custom_dropdown_list_padding; T; @ ; i÷;i;);*;[; i÷; @ o;& ;[I"padding-bottom; T;o; ;I"!custom-dropdown-list-padding; T; I"!custom_dropdown_list_padding; T; @ ; iø;i;);*;[; iø; @ o;& ;[I" padding-; To; ;I"default-float; T; I"default_float; T; @ ; iù;o; ;I"*custom-dropdown-default-float-padding; T; I"*custom_dropdown_default_float_padding; T; @ ; iù;i;);*;[; iù; @ o;& ;[I" padding-; To; ;I"opposite-direction; T; I"opposite_direction; T; @ ; iú;o; ;I"%custom-dropdown-opposite-padding; T; I"%custom_dropdown_opposite_padding; T; @ ; iú;i;);*;[; iú; @ o;& ;[I"min-height; T;o; ;I")custom-dropdown-list-item-min-height; T; I")custom_dropdown_list_item_min_height; T; @ ; iû;i;);*;[; iû; @ o;& ;[I"line-height; T;o; ;I")custom-dropdown-list-item-min-height; T; I")custom_dropdown_list_item_min_height; T; @ ; iü;i;);*;[; iü; @ o;& ;[I" margin; T;o;';I"0; T;;(; @ ;i;);*;[; iý; @ o;& ;[I"white-space; T;o;';I" nowrap; T;;(; @ ;i;);*;[; iþ; @ o;& ;[I"list-style; T;o;';I" none; T;;(; @ ;i;);*;[; iÿ; @ o; ;[I"&.selected; T;i;o;;[o;;[o; ;[o;/; i; I"; To;!;[I" selected; T; i; @I;"0;#o;$;%{; i; @I; i; @I;[o;& ;[I"background; T;o; ;I"#custom-dropdown-color-selected; T; I"#custom_dropdown_color_selected; T; @ ; i;i;);*;[; i; @ o;& ;[I" color; T;o; ;I"(custom-dropdown-font-color-selected; T; I"(custom_dropdown_font_color_selected; T; @ ; i;i;);*;[; i; @ ; i;+T; @ o; ;[I" &:hover; T;i;o;;[o;;[o; ;[o;/; i; I"; To;8 ;9;:;[I" hover; T;;0; i; @h;"0;#o;$;%{; i; @h; i; @h;[o;& ;[I"background-color; T;o;= ;I" darken; T;1[o; ;I"#custom-dropdown-color-selected; T; I"#custom_dropdown_color_selected; T; @ ; io;4 ;i ;5[I"%; T;6[; i;7I"4%; F; @ ;2{;30; i; @ ;i;);*;[; i; @ o;& ;[I" color; T;o; ;I"(custom-dropdown-font-color-selected; T; I"(custom_dropdown_font_color_selected; T; @ ; i;i;);*;[; i; @ ; i;+T; @ o; ;[I"&.selected:hover; T;i;o;;[o;;[o; ;[o;/; i ; I"; To;!;[I" selected; T; i ; @o;8 ;9;:;[I" hover; T;;0; i ; @;"0;#o;$;%{; i ; @; i ; @;[o;& ;[I"background; T;o; ;I"#custom-dropdown-color-selected; T; I"#custom_dropdown_color_selected; T; @ ; i ;i;);*;[; i ; @ o;& ;[I" cursor; T;o; ;I"cursor-default-value; T; I"cursor_default_value; T; @ ; i ;i;);*;[; i ; @ o;& ;[I" color; T;o; ;I"(custom-dropdown-font-color-selected; T; I"(custom_dropdown_font_color_selected; T; @ ; i ;i;);*;[; i ; @ ; i ;+T; @ ; ió;+T; @ o; ;[I" &.show; T;i;o;;[o;;[o; ;[o;/; i; I"; To;!;[I" show; T; i; @¹;"0;#o;$;%{; i; @¹; i; @¹;[o;& ;[I" display; T;o;';I" block; T;;(; @ ;i;);*;[; i; @ ; i;+T; @ ; iâ;+T; @ o; ;[I"!/* Custom input, disabled */; T;;;[; i; @ o; ;[I".custom.disabled; T;i;o;;[o;;[o; ;[o;!;[I" custom; T; i; I"; To;!;[I" disabled; T; i; @Ö;"0;#o;$;%{; i; @Ö; i; @Ö;[o;& ;[I"background; T;o; ;I"custom-form-bg-disabled; T; I"custom_form_bg_disabled; T; @ ; i;i;);*;[; i; @ ; i;+T; @ ; i;+T; @ :@templateI"ð"// // Custom Form Variables // $include-html-custom-form-classes: $include-html-classes !default; // We use these to control the basic form styles input styles $custom-form-border-color: #ccc !default; $custom-form-border-size: 1px !default; $custom-form-bg: #fff !default; $custom-form-bg-disabled: #ddd !default; $custom-form-input-size: 16px !default; $custom-form-check-color: #222 !default; $custom-form-check-size: 16px !default; $custom-form-radio-size: 8px !default; $custom-form-checkbox-radius: 0 !default; // We use these to style the custom select form element. $custom-select-bg: #fff !default; $custom-select-fade-to-color: #f3f3f3 !default; $custom-select-border-color: #ddd !default; $custom-select-triangle-color: #aaa !default; $custom-select-triangle-color-open: #222 !default; $custom-select-height: em-calc(13) + ($form-spacing * 1.5) !default; $custom-select-margin-bottom: em-calc(20) !default; $custom-select-font-color-selected: #141414 !default; $custom-select-disabled-color: #888 !default; // We use these to control the style of the custom select dropdown element. $custom-dropdown-height: 200px !default; $custom-dropdown-bg: #fff !default; $custom-dropdown-border-color: darken(#fff, 20%) !default; $custom-dropdown-border-width: 1px !default; $custom-dropdown-border-style: solid !default; $custom-dropdown-font-color: #555 !default; $custom-dropdown-font-size: em-calc(14) !default; $custom-dropdown-color-selected: #eeeeee !default; $custom-dropdown-font-color-selected: #000 !default; $custom-dropdown-shadow: 0 2px 2px 0 rgba(0,0,0,0.1) !default; $custom-dropdown-offset-top: auto !default; $custom-dropdown-list-padding: em-calc(4) !default; $custom-dropdown-default-float-padding: em-calc(6) !default; $custom-dropdown-opposite-padding: em-calc(38) !default; $custom-dropdown-list-item-min-height: em-calc(24) !default; $custom-dropdown-width-small: 134px !default; $custom-dropdown-width-medium: 254px !default; $custom-dropdown-width-large: 434px !default; // We decided not to make a mixin for the custom forms because // they rely on a very specific class naming structure. // We may look at updating this in the future. @mixin custom-form-input($radius:0px, $mark-size:0px) { @include radius($radius); $custom-form-input-padding: (($custom-form-input-size - $mark-size) / 2) - $custom-form-border-size; @if $custom-form-input-padding >= 0 { padding: $custom-form-input-padding; } @else { padding: 0; } } // Only include these classes if the variable is true, otherwise they'll be left out. @if $include-html-custom-form-classes != false { /* Custom Checkbox and Radio Inputs */ form.custom { .hidden-field { margin-#{$default-float}: -99999px; position: absolute; visibility: hidden; } .custom { display: inline-block; width: $custom-form-input-size; height: $custom-form-input-size; position: relative; top:-1px; /* fix centering issue */ vertical-align: middle; border: solid $custom-form-border-size $custom-form-border-color; background: $custom-form-bg; &.checkbox { @include custom-form-input($radius:$custom-form-checkbox-radius, $mark-size:$custom-form-check-size); } &.radio { @include custom-form-input($radius:1000px, $mark-size:$custom-form-radio-size); } &.checkbox { &:before { content: ""; display: block; font-size: $custom-form-check-size; color: $custom-form-bg; } } &.radio.checked { &:before { content: ""; display: block; width: $custom-form-radio-size; height: $custom-form-radio-size; @include radius(1000px); background: $custom-form-check-color; position: relative; } } &.checkbox.checked { &:before { content: "\00d7"; color: $custom-form-check-color; position: absolute; top: -50%; left: 50%; margin-top: 4px; margin-left: -5px; } } } } /* Custom Select Options and Dropdowns */ form.custom { .custom.dropdown { display: block; position: relative; top: 0; height: $custom-select-height; margin-bottom: $custom-select-margin-bottom; margin-top: 0; padding: 0; width: 100%; background: $custom-dropdown-bg; @if $experimental { background: -moz-linear-gradient(top, $custom-dropdown-bg 0%, $custom-select-fade-to-color 100%); background: -webkit-linear-gradient(top, $custom-dropdown-bg 0%,$custom-select-fade-to-color 100%); -webkit-box-shadow: none; } background: linear-gradient(to bottom, $custom-dropdown-bg 0%,$custom-select-fade-to-color 100%); box-shadow: none; font-size: $custom-dropdown-font-size; vertical-align: top; ul { overflow-y: auto; max-height: $custom-dropdown-height; } .current { cursor:default; white-space: nowrap; line-height: $custom-select-height - em-calc(1); color: $input-font-color; text-decoration: none; overflow: hidden; display: block; margin-#{$default-float}: $form-spacing / 2; margin-#{$opposite-direction}: $custom-select-height; } .selector { cursor:default; position: absolute; width: $form-spacing * 2.5; height: $custom-select-height; display: block; #{$opposite-direction}: 0; top: 0; &:after { content: ""; display: block; @include css-triangle(5px, $custom-select-triangle-color, top); position: absolute; #{$default-float}: ($form-spacing * 2.5) / 2 - em-calc(5); top: 50%; margin-top: -3px; } } &:hover, &.open { a.selector { &:after { @include css-triangle(5px, $custom-select-triangle-color-open, top); } } } .disabled { color: $custom-select-disabled-color; &:hover { background: transparent; color: $custom-select-disabled-color; &:after { display: none; } } } &.open ul { display: block; z-index: 10; min-width:100%; @include box-sizing(content-box); } &.small { max-width: $custom-dropdown-width-small; } &.medium { max-width: $custom-dropdown-width-medium; } &.large { max-width: $custom-dropdown-width-large; } &.expand { width: 100% !important; } &.open.small ul { min-width: $custom-dropdown-width-small; @include box-sizing(border-box); } &.open.medium ul { min-width: $custom-dropdown-width-medium; @include box-sizing(border-box); } &.open.large ul { min-width: $custom-dropdown-width-large; @include box-sizing(border-box); } } .error .custom.dropdown { @include form-error-color; background: rgba($alert-color, 0.1); margin-bottom: 0; } .error .custom.dropdown + small.error { margin-top: 0; } .custom.dropdown ul { position: absolute; width: auto; display: none; margin: 0; #{$default-float}: -$input-border-width; top: $custom-dropdown-offset-top; @if $experimental { -webkit-box-shadow: $custom-dropdown-shadow; } box-shadow: $custom-dropdown-shadow; margin: 0; padding: 0; background: $custom-dropdown-bg; border: $custom-dropdown-border-style $custom-dropdown-border-width $custom-dropdown-border-color; font-size: $em-base; li { color: $custom-dropdown-font-color; font-size: $custom-dropdown-font-size; cursor: $cursor-default-value; padding-top: $custom-dropdown-list-padding; padding-bottom: $custom-dropdown-list-padding; padding-#{$default-float}: $custom-dropdown-default-float-padding; padding-#{$opposite-direction}: $custom-dropdown-opposite-padding; min-height: $custom-dropdown-list-item-min-height; line-height: $custom-dropdown-list-item-min-height; margin: 0; white-space: nowrap; list-style: none; &.selected { background: $custom-dropdown-color-selected; color: $custom-dropdown-font-color-selected; } &:hover { background-color: darken($custom-dropdown-color-selected, 4%); color: $custom-dropdown-font-color-selected; } &.selected:hover { background: $custom-dropdown-color-selected; cursor: $cursor-default-value; color: $custom-dropdown-font-color-selected; } } &.show { display: block; } } /* Custom input, disabled */ .custom.disabled { background: $custom-form-bg-disabled; } } } ; T; i;2T; @