3.1.2 (Brainy Betty) 31951f5de3e7305ef0f50e3f41fd02b68e691561 o:Sass::Tree::RootNode :@has_childrenT:@children[-o:Sass::Tree::ImportNode ;[: @options{:@imported_filename"../global: @linei:@template0o; ;[; @ ; "form-sliders; i; 0o:Sass::Tree::CommentNode ;[: @loud0; @ : @silent0: @value"o/** * @var {color} $form-bg-color * Default background-color for forms. * * @member Ext.form.Panel */; i : @lines[o:Sass::Tree::VariableNode ;[; @ : @guarded" !default: @name"form-bg-color: @expro:Sass::Script::Color ; {: @attrs{ :redi: alphai: greeni: bluei;0; i; io; ;[;0; @ ;0;"&/** * @class Ext.field.Field */; i;[o; ;[;0; @ ;0;"^/** * @var {color} $form-field-bg-color * Default background-color for form fields. */; i;[o; ;[; @ ;" !default;"form-field-bg-color;o; ; {;{ ;i;i;i;i;0; i; io; ;[;0; @ ;0;"f/** * @var {color} $form-light * Light color for form fields, mostly used on field borders. */; i;[o; ;[; @ ;" !default;"form-light;o; ; {;{ ;i;i;i;i;0; i; io; ;[;0; @ ;0;"b/** * @var {color} $form-dark * Dark color for form fields, mostly used on labels/text. */; i!;[o; ;[; @ ;" !default;"form-dark;o; ; {;{ ;i8;i;i8;i8;0; i%; i%o; ;[;0; @ ;0;"V/** * @var {measurement} $form-label-width * Default width for form labels. */; i';[o; ;[; @ ;" !default;"form-label-width;o:Sass::Script::Number :@denominator_units[; {:@numerator_units["em:@original"6em;i ; i+; i+o; ;[;0; @ ;0;"d/** * @var {color} $form-label-background-color * The default background color for labels */; i-;[o; ;[; @ ;0;" form-label-background-color;o:Sass::Script::Funcall ; {: @args[o:Sass::Script::Variable ; @T;"form-light:@underscored_name"form_light; i1o; ;[; @T;["%;"10%;i; i1;" lighten; i1:@keywords{; i1o; ;[;0; @ ;0;"X/** * @var {measurement} $form-field-height * Default height for form fields. */; i3;[o; ;[; @ ;" !default;"form-field-height;o; ;[; {;["em;" 2.5em;f2.5; i7; i7o; ;[;0; @ ;0;"k/** * @var {measurement} $form-spacing * Default spacing for form fields, used for padding, etc. */; i9;[o; ;[; @ ;" !default;"form-spacing;o; ;[; {;["em;" 0.6em;f0.5999999999999999833; i=; i=o; ;[;0; @ ;0;"/** * @var {measurement} $form-textarea-height * Default height for form textareas. * * @member Ext.field.TextArea */; i?;[o; ;[; @ ;" !default;"form-textarea-height;o; ;[; {;["em;"6em;i ; iE; iEo; ;[;0; @ ;0;"/** * @var {measurement} $form-thumb-size * Default size of "thumbs" for form sliders/toggles. * * @member Ext.field.Slider */; iG;[o; ;[; @ ;" !default;"form-thumb-size;o; ;[; {;["em;" 2.2em;f2.2000000000000002; iM; iMo; ;[;0; @ ;0;"/** * @var {measurement} $form-toggle-size * Thumb size minus padding for inset thumbs like in a Toggle element. * * @member Ext.field.Toggle */; iO;[o; ;[; @ ;0;"form-toggle-size;o:Sass::Script::Operation :@operand1o;" ; {;"form-thumb-size;#"form_thumb_size; iU; @:@operator: minus:@operand2o; ;[; @;["em;" 0.35em;f0.34999999999999998ff; iU; iU; iUo; ;[;0; @ ;0;"/** * @var {measurement} $form-fieldset-radius * Default border-radius for form fieldsets. * * @member Ext.form.FieldSet */; iW;[o; ;[; @ ;" !default;"form-fieldset-radius;o; ;[; {;["em;" 0.4em;f0.40000000000000002; i]; i]o; ;[;0; @ ;0;"t/** * @var {measurement} $form-slider-size * Height of the slider "track." * * @member Ext.field.Slider */; i_;[o; ;[; @ ;" !default;"form-slider-size;o; ;[; {;["em;" 0.8em;f0.80000000000000004; ie; ieo; ;[; @ ;" !default;"form-spinner-button-width;o; ;[; {;["em;"3em;i; ig; igo; ;[;0; @ ;i;"(/* Private utility vars & mixins */; ii;[o; ;[; @ ;0;"form-thumb-space;o;% ;&o;% ;&o;" ; {;"form-thumb-size;#"form_thumb_size; ik; @;';(;)o;" ; @;"form-toggle-size;#"form_toggle_size; ik; ik; @;':div;)o; ;[; @;[;"2;i; ik; ik; iko; ;[; @ ;0;"form-input-fields;o:Sass::Script::String ; {;".x-field-text, .x-input-text, .x-input, .x-input-number, .x-spinner-body, .x-input-radio, .x-input-checkbox, .x-input-email, .x-input-url, .x-input-password, .x-input-slider; il: @type: string; ilo; ;[; @ ;0;"form-scrollable-fields;o;+ ; {;"%.x-field-slider, .x-field-toggle; im;,;-; imo:Sass::Tree::MixinDefNode ;T;[o:Sass::Tree::PropNode ;[: @tabsi; @ :@prop_syntax:new;["text-shadow;o;+;"#fff 0 1px 1px;,:identifier; ipo;/ ;[;0i; @ ;1;2;[" color;o;" ; {;"form-dark;#"form_dark; iq; iq; @ ;![;" label; ioo;. ;T;[o:Sass::Tree::ExtendNode ;[:@selector["."x-checkmark-base; @ ; iuo;/ ;[;0i; @ ;1;2;["background-color;o;" ; {;" color;#" color; iv; iv; @ ;![[o;"; {;" color;#" coloro; ; @;{ ;i;i;i;i;0; it;"checkmark; ito;. ;T;[o;4 ;[;5["."x-radiomark-base; @ ; izo;/ ;[;0i; @ ;1;2;["background-color;o;" ; {;" color;#" color; i{; i{; @ ;![[o;"; {;" color;#" coloro; ; @,;{ ;i;i;i;i;0; iy;"radiomark; iyo;. ;T;[o;4 ;[;5["."x-selectmark-base; @ ; io;/ ;[;0i; @ ;1;2;["background-color;o;" ; {;" color;#" color; i{; i{; @ ;![[o;"; {;" color;#" coloro; ; @D;{ ;i;i;i;i;0; i~;"selectmark; i~o; ;[;0; @ ;0;"J/** * Includes default form styles. * * @member Ext.form.Panel */; i};[o;. ;T;[ .x-inner:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;:[">o:#Sass::Selector::SimpleSequence;:[o:Sass::Selector::Class;[" x-inner:@filename"; i;>@t; i;>@t; i; i;0i; @ ;7[".x-scroll-container;8o;9;:[o;;;:[o;<;:[o;=;["x-scroll-container;>"; i;>@; i;>@; i; i;0i; @ ;7[" .x-form;8o;9;:[o;;;:[o;<;:[o;=;[" x-form;>"; i;>@; i;>@; i; io; ;[;0; @ ;i;"/* Label */; i;[o;6 ;T;[ o:Sass::Tree::MixinNode ;[; @ ;![;" label; i;${o;? ;[; @ ;![o;+ ; {;" light; i;,;-;"bevel-text; i;${o;/ ;[;0i; @ ;1;2;[" padding;o;" ; {;"form-spacing;#"form_spacing; i; io;/ ;[;0i; @ ;1;2;[" display;o;+;"none !important;,;3; io;/ ;[;0i; @ ;1;2;["background-color;o;" ; {;" form-label-background-color;#" form_label_background_color; i; io;6 ;T;[o;/ ;[;0i; @ ;1;2;["font-size;o;+;" .8em;,;3; io;/ ;[;0i; @ ;1;2;["font-weight;o;+;" bold;,;3; i;0i; @ ;7[" span;8o;9;:[o;;;:[o;<;:[o:Sass::Selector::Element :@namespace0;[" span;>"; i;>@; i;>@; i; io;6 ;T;[o;? ;[; @ ;![;" ellipsis; i;${;0i; @ ;7[".x-form-label-nowrap &;8o;9;:[o;;;:[o;<;:[o;=;["x-form-label-nowrap;>"; i;>@; io;<;:[o:Sass::Selector::Parent;>@; i;>@; i;>@; i; i;0i; @ ;7[".x-form-label;8o;9;:[o;;;:[o;<;:[o;=;["x-form-label;>"; i;>@; i;>@; i; io; ;[;0; @ ;i;"/* Ext.field.Field */; i;[o;6 ;T;[ o;/ ;[;0i; @ ;1;2;["min-height;o;" ; {;"form-field-height;#"form_field_height; i; io;/ ;[;0i; @ ;1;2;["background;o;+;" #fff;,;3; io;6 ;T;[o;/ ;[;0i; @ ;1;2;[" position;o;+;" relative;,;3; io;/ ;[;0i; @ ;1;2;["min-width;o;+;" 3.7em;,;3; i;0i; @ ;7[".x-field-input;8o;9;:[o;;;:[o;<;:[o;=;["x-field-input;>"; i;>@; i;>@; i; io;6 ;T;[o;/ ;[;0i; @ ;1;2;[" width;o;+;" 100%;,;3; i;0i; @ ;7["$.x-field-input, .x-input-el;8o;9;:[o;;;:[o;<;:[o;=;["x-field-input;>"; i;>@3; io;;;:[" o;<;:[o;=;["x-input-el;>@3; i;>@3; i;>@3; i; io;6 ;T;[o;6 ;T;[o;/ ;[;0i; @ ;1;2;[" display;o;+;"block !important;,;3; i;0i; @ ;7[".x-form-label;8o;9;:[o;;;:[o;<;:[o;=;["x-form-label;>"; i;>@Q; i;>@Q; i; i;0i; @ ;7["&.x-field-labeled;8o;9;:[o;;;:[o;<;:[o;B;>"; io;=;["x-field-labeled;>@[; i;>@[; i;>@[; i; io;6 ;T;[o;/ ;[;0i; @ ;1;2;["border-bottom;o;+;"0;,;3; i;0i; @ ;7["&:last-child;8o;9;:[o;;;:[o;<;:[o;B;>"; io:Sass::Selector::Pseudo ;["last-child;>@p: @arg0; i;,: class;>@p; i;>@p; i; i;0i; @ ;7[" .x-field;8o;9;:[o;;;:[o;<;:[o;=;[" x-field;>"; i;>@; i;>@; i; io;6 ;T;[o;6 ;T;[o;? ;[; @ ;![o; ;@; {;[;"1;i; i;" box-flex; i;${;0i; @ ;7[".x-component-outer;8o;9;:[o;;;:[o;<;:[o;=;["x-component-outer;>"; i;>@; i;>@; i; i;0i; @ ;7["0.x-label-align-left, .x-label-align-right;8o;9;:[o;;;:[o;<;:[o;=;["x-label-align-left;>"; i;>@; io;;;:[" o;<;:[o;=;["x-label-align-right;>@; i;>@; i;>@; i; io;6 ;T;[o;6 ;T;[o;6 ;T;[u:Sass::Tree::IfNode[o:Sass::Script::Variable : @options{: @name"include-border-radius:@underscored_name"include_border_radius: @linei0[o:Sass::Tree::MixinNode :@children[;{: @args[o; ;{;"form-fieldset-radius;"form_fieldset_radius; i;"border-top-left-radius; i:@keywords{;0i; @ ;7[".x-form-label;8o;9;:[o;;;:[o;<;:[o;=;["x-form-label;>"; i;>@; i;>@; i; i;0i; @ ;7["&:first-child;8o;9;:[o;;;:[o;<;:[o;B;>"; io;C ;["first-child;>@;D0; i;,;E;>@; i;>@; i; io;6 ;T;[o;6 ;T;[u;F[o:Sass::Script::Variable : @options{: @name"include-border-radius:@underscored_name"include_border_radius: @linei0[o:Sass::Tree::MixinNode :@children[;{: @args[o; ;{;"form-fieldset-radius;"form_fieldset_radius; i;"border-bottom-left-radius; i:@keywords{;0i; @ ;7[".x-form-label;8o;9;:[o;;;:[o;<;:[o;=;["x-form-label;>"; i;>@; i;>@; i; i;0i; @ ;7["&:last-child;8o;9;:[o;;;:[o;<;:[o;B;>"; io;C ;["last-child;>@;D0; i;,;E;>@; i;>@; i; io;6 ;T;[;0i; @ ;7[".x-form-label;8o;9;:[o;;;:[o;<;:[o;=;["x-form-label;>"; i;>@; i;>@; i; i;0i; @ ;7[".x-label-align-left;8o;9;:[o;;;:[o;<;:[o;=;["x-label-align-left;>"; i;>@; i;>@; i; io;6 ;T;[ o;? ;[; @ ;![o;+ ; {;" reverse; i;,;3;"box-direction; i;${o;6 ;T;[o;6 ;T;[u;F[o:Sass::Script::Variable : @options{: @name"include-border-radius:@underscored_name"include_border_radius: @linei0[o:Sass::Tree::MixinNode :@children[;{: @args[o; ;{;"form-fieldset-radius;"form_fieldset_radius; i;"border-top-right-radius; i:@keywords{;0i; @ ;7[".x-form-label;8o;9;:[o;;;:[o;<;:[o;=;["x-form-label;>"; i;>@; i;>@; i; i;0i; @ ;7["&:first-child;8o;9;:[o;;;:[o;<;:[o;B;>"; io;C ;["first-child;>@);D0; i;,;E;>@); i;>@); i; io;6 ;T;[o;/ ;[;0i; @ ;1;2;["border-bottom;o;+;"0;,;3; io;6 ;T;[u;F[o:Sass::Script::Variable : @options{: @name"include-border-radius:@underscored_name"include_border_radius: @linei0[o:Sass::Tree::MixinNode :@children[;{: @args[o; ;{;"form-fieldset-radius;"form_fieldset_radius; i;"border-bottom-right-radius; i:@keywords{;0i; @ ;7[".x-form-label;8o;9;:[o;;;:[o;<;:[o;=;["x-form-label;>"; i;>@C; i;>@C; i; i;0i; @ ;7["&:last-child;8o;9;:[o;;;:[o;<;:[o;B;>"; io;C ;["last-child;>@M;D0; i;,;E;>@M; i;>@M; i; io;6 ;T;[;0i; @ ;7[".x-form-label;8o;9;:[o;;;:[o;<;:[o;=;["x-form-label;>"; i;>@^; i;>@^; i; i;0i; @ ;7[".x-label-align-right;8o;9;:[o;;;:[o;<;:[o;=;["x-label-align-right;>"; i;>@j; i;>@j; i; io;6 ;T;[o;? ;[; @ ;![o;+ ; {;" vertical; i;,;3;"box-orient; i;${o;6 ;T;[;0i; @ ;7[".x-form-label;8o;9;:[o;;;:[o;<;:[o;=;["x-form-label;>"; i;>@; i;>@; i; i;0i; @ ;7["0.x-label-align-top, .x-label-align-bottom;8o;9;:[o;;;:[o;<;:[o;=;["x-label-align-top;>"; i;>@; io;;;:[" o;<;:[o;=;["x-label-align-bottom;>@; i;>@; i;>@; i; io;6 ;T;[o;6 ;T;[o;6 ;T;[u;F[o:Sass::Script::Variable : @options{: @name"include-border-radius:@underscored_name"include_border_radius: @linei0[o:Sass::Tree::MixinNode :@children[;{: @args[o; ;{;"form-fieldset-radius;"form_fieldset_radius; i;"border-top-radius; i:@keywords{;0i; @ ;7[".x-form-label;8o;9;:[o;;;:[o;<;:[o;=;["x-form-label;>"; i;>@; i;>@; i; i;0i; @ ;7["&:first-child;8o;9;:[o;;;:[o;<;:[o;B;>"; io;C ;["first-child;>@;D0; i;,;E;>@; i;>@; i; i;0i; @ ;7[".x-label-align-top;8o;9;:[o;;;:[o;<;:[o;=;["x-label-align-top;>"; i;>@; i;>@; i; io;6 ;T;[o;? ;[; @ ;![o;+ ; {;" reverse; i;,;3;"box-direction; i;${o;6 ;T;[o;6 ;T;[u;F[o:Sass::Script::Variable : @options{: @name"include-border-radius:@underscored_name"include_border_radius: @linei0[o:Sass::Tree::MixinNode :@children[;{: @args[o; ;{;"form-fieldset-radius;"form_fieldset_radius; i;"border-bottom-radius; i:@keywords{;0i; @ ;7[".x-form-label;8o;9;:[o;;;:[o;<;:[o;=;["x-form-label;>"; i;>@; i;>@; i; i;0i; @ ;7["&:last-child;8o;9;:[o;;;:[o;<;:[o;B;>"; io;C ;["last-child;>@;D0; i;,;E;>@; i;>@; i; i;0i; @ ;7[".x-label-align-bottom;8o;9;:[o;;;:[o;<;:[o;=;["x-label-align-bottom;>"; i;>@; i;>@; i; io;6 ;T;[ o;/ ;[;0i; @ ;1;2;[" padding;o;+;" .4em;,;3; io;/ ;[;0i; @ ;1;2;["min-height;o;" ; {;"form-field-height;#"form_field_height; i; io;/ ;[;0i; @ ;1;2;[" display;o;+;" block;,;3; io;/ ;[;0i; @ ;1;2;["border-width;o;+;"0;,;3; io;/ ;[;0i; @ ;1;2;["background;o;+;"transparent;,;3; io;/ ;[;0i; @ ;1;2;["-webkit-appearance;o;+;" none;,;3; i ;0i; @ ;7[".x-input-el;8o;9;:[o;;;:[o;<;:[o;=;["x-input-el;>"; i;>@*; i;>@*; i; io;6 ;T;[o;? ;[; @ ;![;" stretch; i ;${;0i; @ ;7[".x-field-mask;8o;9;:[o;;;:[o;<;:[o;=;["x-field-mask;>"; i ;>@=; i ;>@=; i ; i o; ;[;0; @ ;i;"/* Required fields */; i;[o;6 ;T;[o;6 ;T;[o;/ ;[;0i; @ ;1;2;[" content;o;+;""*";,;3; io;/ ;[;0i; @ ;1;2;[" display;o;+;" inline;,;3; i;0i; @ ;7[")label:after, .x-form-label:after;8o;9;:[o;;;:[o;<;:[o;@ ;A0;[" label;>"; io;C ;[" after;>@];D0; i;,;E;>@]; io;;;:[" o;<;:[o;=;["x-form-label;>@]; io;C ;[" after;>@];D0; i;,;E;>@]; i;>@]; i; i;0i; @ ;7[".x-field-required;8o;9;:[o;;;:[o;<;:[o;=;["x-field-required;>"; i;>@w; i;>@w; i; io;6 ;T;[o;6 ;T;[o;/ ;[;0i; @ ;1;2;[" color;o;+;"#666 !important;,;3; i;0i; @ ;7[")label:after, .x-form-label:after;8o;9;:[o;;;:[o;<;:[o;@ ;A0;[" label;>"; io;C ;[" after;>@;D0; i;,;E;>@; io;;;:[" o;<;:[o;=;["x-form-label;>@; io;C ;[" after;>@;D0; i;,;E;>@; i;>@; i; i;0i; @ ;7[".x-item-disabled;8o;9;:[o;;;:[o;<;:[o;=;["x-item-disabled;>"; i;>@; i;>@; i; io; ;[;0; @ ;i;"/* Ext.field.TextArea */; i ;[o;6 ;T;[o;6 ;T;[o;/ ;[;0i; @ ;1;2;["min-height;o;" ; {;"form-textarea-height;#"form_textarea_height; i#; i#o;/ ;[;0i; @ ;1;2;["padding-top;o;+;" .5em;,;3; i$;0i; @ ;7[" textarea;8o;9;:[o;;;:[o;<;:[o;@ ;A0;[" textarea;>"; i";>@; i";>@; i"; i";0i; @ ;7[".x-field-textarea;8o;9;:[o;;;:[o;<;:[o;=;["x-field-textarea;>"; i!;>@; i!;>@; i!; i!o; ;[;0; @ ;i;"/* Ext.field.Hidden */; i(;[o;6 ;T;[o;4 ;[;5["."x-hidden-display; @ ; i*;0i; @ ;7[".x-field-hidden;8o;9;:[o;;;:[o;<;:[o;=;["x-field-hidden;>"; i);>@; i);>@; i); i)o; ;[;0; @ ;i;"/* Ext.field.Checkbox */; i-;[o;6 ;T;[ o;? ;[; @ ;![ o; ;[; {;["em;" 1.4em;f1.3999999999999999ff; i/o; ;[; @;["em;" 1.4em;f1.3999999999999999ff; i/o; ;[; @;["%;"50%;i7; i/o;+ ; @;" auto; i/;,;3;"insertion; i/;${o;/ ;[;0i; @ ;1;2;[" right;o;% ;&o;" ; {;"form-spacing;#"form_spacing; i0; @;': plus;)o; ;[; @;["em;" 0.5em;f0.5; i0; i0; i0o;/ ;[;0i; @ ;1;2;["-webkit-mask-size;o;+;" 1.4em;,;3; i1o;/ ;[;0i; @ ;1;2;["-webkit-mask-image;o; ; {;![o;" ; @&;"theme-name;#"theme_name; i2o;+ ; @&;"pictos/check2.png; i2;,;-;"theme_image; i2;${; i2o;/ ;[;0i; @ ;1;2;["margin-top;o; ;[; {;["em;" -0.7em;f-0.69999999999999996ff; i3; i3;0i; @ ;7[".x-checkmark-base;8o;9;:[o;;;:[o;<;:[o;=;["x-checkmark-base;>"; i.;>@E; i.;>@E; i.; i.o; ;[;0; @ ;i;"/* Ext.field.Radio */; i6;[o;6 ;T;[ o;? ;[; @ ;![ o; ;[; {;["em;" 1.4em;f1.3999999999999999ff; i8o; ;[; @Q;["em;" 1.4em;f1.3999999999999999ff; i8o; ;[; @Q;["%;"50%;i7; i8o;+ ; @Q;" auto; i8;,;3;"insertion; i8;${o;/ ;[;0i; @ ;1;2;[" right;o;% ;&o;" ; {;"form-spacing;#"form_spacing; i9; @k;';G;)o; ;[; @k;["em;" 0.5em;f0.5; i9; i9; i9o;/ ;[;0i; @ ;1;2;["margin-top;o; ;[; {;["em;" -0.7em;f-0.69999999999999996ff; i:; i:o;/ ;[;0i; @ ;1;2;["-webkit-mask-size;o;+;" 1.4em;,;3; i;o;/ ;[;0i; @ ;1;2;["-webkit-mask-image;o; ; {;![o;" ; @;"theme-name;#"theme_name; i<o;+ ; @;"pictos/circle4.png; i<;,;-;"theme_image; i<;${; i<;0i; @ ;7[".x-radiomark-base;8o;9;:[o;;;:[o;<;:[o;=;["x-radiomark-base;>"; i7;>@; i7;>@; i7; i7o;6 ;T;[o;/ ;[;0i; @ ;1;2;[" position;o;+;" relative;,;3; i@o;6 ;T;[o;? ;[; @ ;![o;" ; {;"form-light;#"form_light; iB;"checkmark; iB;${;0i; @ ;7[" &:after;8o;9;:[o;;;:[o;<;:[o;B;>"; iAo;C ;[" after;>@;D0; iA;,;E;>@; iA;>@; iA; iAo;6 ;T;[o;? ;[; @ ;![o;" ; {;"active-color;#"active_color; iE;"checkmark; iE;${;0i; @ ;7["&:checked:after;8o;9;:[o;;;:[o;<;:[o;B;>"; iDo;C ;[" checked;>@;D0; iD;,;Eo;C ;[" after;>@;D0; iD;,;E;>@; iD;>@; iD; iD;0i; @ ;7["".x-field-checkbox .x-input-el;8o;9;:[o;;;:[o;<;:[o;=;["x-field-checkbox;>"; i?;>@; i?o;<;:[o;=;["x-input-el;>@; i?;>@; i?;>@; i?; i?o;6 ;T;[ o;/ ;[;0i; @ ;1;2;[" position;o;+;" relative;,;3; iJo;6 ;T;[o;? ;[; @ ;![o; ; {;![o;" ; @;"form-light;#"form_light; iLo; ;@; @;[;"5;i ; iL;" darken; iL;${;"radiomark; iL;${;0i; @ ;7[" &:before;8o;9;:[o;;;:[o;<;:[o;B;>"; iKo;C ;[" before;>@;D0; iK;,;E;>@; iK;>@; iK; iKo;6 ;T;[o;? ;[; @ ;![o;" ; {;"form-light;#"form_light; iO;"radiomark; iO;${o;/ ;[;0i; @ ;1;2;["-webkit-mask-image;o; ; {;![o;" ; @";"theme-name;#"theme_name; iPo;+ ; @";"pictos/circle3.png; iP;,;-;"theme_image; iP;${; iP;0i; @ ;7[" &:after;8o;9;:[o;;;:[o;<;:[o;B;>"; iNo;C ;[" after;>@4;D0; iN;,;E;>@4; iN;>@4; iN; iNo;6 ;T;[o;/ ;[;0i; @ ;1;2;["background-color;o;" ; {;"active-color;#"active_color; iS; iS;0i; @ ;7["&:checked:before;8o;9;:[o;;;:[o;<;:[o;B;>"; iRo;C ;[" checked;>@K;D0; iR;,;Eo;C ;[" before;>@K;D0; iR;,;E;>@K; iR;>@K; iR; iR;0i; @ ;7[".x-field-radio .x-input-el;8o;9;:[o;;;:[o;<;:[o;=;["x-field-radio;>"; iI;>@]; iIo;<;:[o;=;["x-input-el;>@]; iI;>@]; iI;>@]; iI; iIo;6 ;T;[o;6 ;T;[o;6 ;T;[o;/ ;[;0i; @ ;1;2;["background;o; ; {;![o;" ; @n;"form-light;#"form_light; iZo;" ; @n;"active-color;#"active_color; iZo; ;@; @n;[;"60;iA; iZ;"mix; iZ;${; iZ;0i; @ ;7[".x-input-el:checked:before;8o;9;:[o;;;:[o;<;:[o;=;["x-input-el;>"; iYo;C ;[" checked;>@;D0; iY;,;Eo;C ;[" before;>@;D0; iY;,;E;>@; iY;>@; iY; iYo;6 ;T;[o;/ ;[;0i; @ ;1;2;["background;o;+;" #eee;,;3; i^;0i; @ ;7[".x-input-el:after;8o;9;:[o;;;:[o;<;:[o;=;["x-input-el;>"; i]o;C ;[" after;>@;D0; i];,;E;>@; i];>@; i]; i];0i; @ ;7["&.x-field-radio;8o;9;:[o;;;:[o;<;:[o;B;>"; iXo;=;["x-field-radio;>@; iX;>@; iX;>@; iX; iXo;6 ;T;[o;6 ;T;[o;6 ;T;[o;/ ;[;0i; @ ;1;2;["background;o; ; {;![o;" ; @;"form-light;#"form_light; ieo;" ; @;"active-color;#"active_color; ieo; ;@; @;[;"60;iA; ie;"mix; ie;${; ie;0i; @ ;7["&:checked:after;8o;9;:[o;;;:[o;<;:[o;B;>"; ido;C ;[" checked;>@;D0; id;,;Eo;C ;[" after;>@;D0; id;,;E;>@; id;>@; id; id;0i; @ ;7[".x-input-el;8o;9;:[o;;;:[o;<;:[o;=;["x-input-el;>"; ic;>@; ic;>@; ic; ic;0i; @ ;7["&.x-field-checkbox;8o;9;:[o;;;:[o;<;:[o;B;>"; ibo;=;["x-field-checkbox;>@; ib;>@; ib;>@; ib; ib;0i; @ ;7[".x-item-disabled;8o;9;:[o;;;:[o;<;:[o;=;["x-item-disabled;>"; iW;>@; iW;>@; iW; iWo; ;[;0; @ ;i;"/* Ext.field.Spinner */; ik;[o;6 ;T;[ o;6 ;T;[o;? ;[; @ ;![;"display-box; in;${o;6 ;T;[o;/ ;[;0i; @ ;1;2;[" width;o;+;" auto;,;3; iq;0i; @ ;7["> *;8o;9;:[o;;;:[">o;<;:[o:Sass::Selector::Universal;A0;>"; ip;>@; ip;>@; ip; ip;0i; @ ;7[".x-component-outer;8o;9;:[o;;;:[o;<;:[o;=;["x-component-outer;>"; im;>@); im;>@); im; imo;6 ;T;[ o;/ ;[;0i; @ ;1;2;["-webkit-box-flex;o;+;"1;,;3; ivo;6 ;T;[o;/ ;[;0i; @ ;1;2;["-webkit-text-fill-color;o;+;" #000;,;3; iyo;/ ;[;0i; @ ;1;2;[" width;o;+;" 100%;,;3; izo;/ ;[;0i; @ ;1;2;["text-align;o;+;" center;,;3; i{;0i; @ ;7[".x-input-el;8o;9;:[o;;;:[o;<;:[o;=;["x-input-el;>"; ix;>@Q; ix;>@Q; ix; ixo; ;[;0; @ ;i;"`/*http://stackoverflow.com/questions/3790935/can-i-hide-the-html5-number-inputs-spin-box */; i~;[o;6 ;T;[o;/ ;[;0i; @ ;1;2;["-webkit-appearance;o;+;" none;,;3; io;/ ;[;0i; @ ;1;2;[" margin;o;+;"0;,;3; i;0i; @ ;7["Minput::-webkit-outer-spin-button, input::-webkit-inner-spin-button;8o;9;:[o;;;:[o;<;:[o;@ ;A0;[" input;>"; io;C ;["-webkit-outer-spin-button;>@o;D0; i;,: element;>@o; io;;;:[" o;<;:[o;@ ;A0;[" input;>@o; io;C ;["-webkit-inner-spin-button;>@o;D0; i;,;I;>@o; i;>@o; i; i;0i; @ ;7[".x-field-input;8o;9;:[o;;;:[o;<;:[o;=;["x-field-input;>"; iu;>@; iu;>@; iu; iuo;6 ;T;[o;6 ;T;[o;/ ;[;0i; @ ;1;2;["-webkit-text-fill-color;o;+;" #B3B3B3;,;3; i;0i; @ ;7[".x-input-el;8o;9;:[o;;;:[o;<;:[o;=;["x-input-el;>"; i;>@; i;>@; i; io;6 ;T;[o;? ;[; @ ;![o; ; {;![o;" ; @;"form-light;#"form_light; io; ;@; @;[;"10;i; i;" lighten; i;${o;+ ; @;" matte; i;,;3;"toolbar-button; i;${o;/ ;[;0i; @ ;1;2;[" color;o;+;"#aaa !important;,;3; i;0i; @ ;7[".x-spinner-button;8o;9;:[o;;;:[o;<;:[o;=;["x-spinner-button;>"; i;>@; i;>@; i; i;0i; @ ;7["&.x-item-disabled;8o;9;:[o;;;:[o;<;:[o;B;>"; io;=;["x-item-disabled;>@; i;>@; i;>@; i; io;6 ;T;[o;/ ;[;0i; @ ;1;2;["margin-top;o;+;" .25em;,;3; io;/ ;[;0i; @ ;1;2;["margin-bottom;o;+;" .25em;,;3; io;/ ;[;0i; @ ;1;2;[" width;o;+;"2em;,;3; io;/ ;[;0i; @ ;1;2;[" padding;o;+;".23em 0 .27em;,;3; io;/ ;[;0i; @ ;1;2;["font-weight;o;+;" bold;,;3; io;/ ;[;0i; @ ;1;2;["text-align;o;+;" center;,;3; io;/ ;[;0i; @ ;1;2;[" border;o:Sass::Script::List ; {:@separator: space;[ o; ;[; @;["px;"1px;i; io;+ ; @;" solid; i;,;3o;" ; @;"form-light;#"form_light; io;+ ; @;"!important; i;,;3; i; io;? ;[; @ ;![o; ;[; {;["em;"1em;i; i;"border-radius; i;${o;? ;[; @ ;![o; ; {;![o;" ; @;"form-light;#"form_light; io; ;@; @;[;"5;i ; i;" lighten; i;${o;+ ; @;" matte; i;,;3;"toolbar-button; i;${;0i; @ ;7[".x-spinner-button;8o;9;:[o;;;:[o;<;:[o;=;["x-spinner-button;>"; i;>@4; i;>@4; i; io;6 ;T;[o;/ ;[;0i; @ ;1;2;["margin-left;o;+;" .25em;,;3; i;0i; @ ;7[".x-spinner-button-down;8o;9;:[o;;;:[o;<;:[o;=;["x-spinner-button-down;>"; i;>@H; i;>@H; i; io;6 ;T;[o;/ ;[;0i; @ ;1;2;["margin-right;o;+;" .25em;,;3; i;0i; @ ;7[".x-spinner-button-up;8o;9;:[o;;;:[o;<;:[o;=;["x-spinner-button-up;>"; i;>@\; i;>@\; i; io;6 ;T;[o;6 ;T;[o;/ ;[;0i; @ ;1;2;["text-align;o;+;" left;,;3; i;0i; @ ;7[".x-input-el;8o;9;:[o;;;:[o;<;:[o;=;["x-input-el;>"; i;>@r; i;>@r; i; io;6 ;T;[o;/ ;[;0i; @ ;1;2;["margin-right;o;+;" .5em;,;3; i;0i; @ ;7[".x-spinner-button-down;8o;9;:[o;;;:[o;<;:[o;=;["x-spinner-button-down;>"; i;>@; i;>@; i; i;0i; @ ;7["&.x-field-grouped-buttons;8o;9;:[o;;;:[o;<;:[o;B;>"; io;=;["x-field-grouped-buttons;>@; i;>@; i;>@; i; i;0i; @ ;7[".x-spinner;8o;9;:[o;;;:[o;<;:[o;=;["x-spinner;>"; il;>@; il;>@; il; ilo;6 ;T;[o;6 ;T;[o;/ ;[;0i; @ ;1;2;[" padding;o;+;".40em 0 .11em !important;,;3; i;0i; @ ;7[".x-spinner-button;8o;9;:[o;;;:[o;<;:[o;=;["x-spinner-button;>"; i;>@; i;>@; i; i;0i; @ ;7[".x-android;8o;9;:[o;;;:[o;<;:[o;=;["x-android;>"; i;>@; i;>@; i; io;6 ;T;[o;/ ;[;0i; @ ;1;2;["min-width;o;+;" 14em;,;3; io;/ ;[;0i; @ ;1;2;["min-height;o;+;" 12.5em;,;3; i;0i; @ ;7[".x-phone .x-select-overlay;8o;9;:[o;;;:[o;<;:[o;=;[" x-phone;>"; i;>@; io;<;:[o;=;["x-select-overlay;>@; i;>@; i;>@; i; io; ;[;0; @ ;i;"/* Ext.field.Select */; i;[o;6 ;T;[ o;/ ;[;0i; @ ;1;2;["min-width;o;+;" 18em;,;3; io;/ ;[;0i; @ ;1;2;["min-height;o;+;" 22em;,;3; io;6 ;T;[o;/ ;[;0i; @ ;1;2;[" height;o;+;" 2.6em;,;3; i;0i; @ ;7[".x-list-item-label;8o;9;:[o;;;:[o;<;:[o;=;["x-list-item-label;>"; i;>@ ; i;>@ ; i; io;6 ;T;[o;? ;[; @ ;![;" ellipsis; i;${o;/ ;[;0i; @ ;1;2;[" display;o;+;" block;,;3; i;0i; @ ;7[".x-list-label;8o;9;:[o;;;:[o;<;:[o;=;["x-list-label;>"; i;>@ ; i;>@ ; i; io;6 ;T;[o;6 ;T;[o;/ ;[;0i; @ ;1;2;["margin-right;o;+;" 2.6em;,;3; i;0i; @ ;7[".x-list-label;8o;9;:[o;;;:[o;<;:[o;=;["x-list-label;>"; i;>@5 ; i;>@5 ; i; io;6 ;T;[o;6 ;T;[o;? ;[; @ ;![o; ; {;![ o; ;@; @> ;[;"0;i; io; ;@; @> ;[;"0;i; io; ;@; @> ;[;"0;i; io; ;@; @> ;[;"0.3;f0.2999999999999999933; i;" rgba; i;${;"checkmark; i;${o;/ ;[;0i; @ ;1;2;["margin-top;o; ;[; {;["em;" -0.8em;f-0.80000000000000004; i; i;0i; @ ;7[" &:before;8o;9;:[o;;;:[o;<;:[o;B;>"; io;C ;[" before;>@e ;D0; i;,;E;>@e ; i;>@e ; i; io;6 ;T;[o;? ;[; @ ;![o;" ; {;"form-light;#"form_light; i;"checkmark; i;${;0i; @ ;7[" &:after;8o;9;:[o;;;:[o;<;:[o;B;>"; io;C ;[" after;>@} ;D0; i;,;E;>@} ; i;>@} ; i; i;0i; @ ;7[".x-list-item-label;8o;9;:[o;;;:[o;<;:[o;=;["x-list-item-label;>"; i;>@ ; i;>@ ; i; i;0i; @ ;7[".x-item-selected;8o;9;:[o;;;:[o;<;:[o;=;["x-item-selected;>"; i;>@ ; i;>@ ; i; i;0i; @ ;7[".x-select-overlay;8o;9;:[o;;;:[o;<;:[o;=;["x-select-overlay;>"; i;>@ ; i;>@ ; i; iu;F[o:Sass::Script::Variable : @options{: @name"include-sliders:@underscored_name"include_sliders: @linei0[o:Sass::Tree::MixinNode :@children[;{: @args[;"sencha-form-sliders; i:@keywords{o; ;[;0; @ ;i;" /*remove browser styling */; i;[o;6 ;T;[o;/ ;[;0i; @ ;1;2;["-webkit-appearance;o;+;" none;,;3; i;0i; @ ;7["7input[type="search"]::-webkit-search-cancel-button;8o;9;:[o;;;:[o;<;:[o;@ ;A0;[" input;>"; io:Sass::Selector::Attribute ;A0;'"=;[" type;>@ ;[" "search"; io;C ;["!-webkit-search-cancel-button;>@ ;D0; i;,;I;>@ ; i;>@ ; i; io;6 ;T;[o;6 ;T;[o;/ ;[;0i; @ ;1;2;["-webkit-appearance;o;+;" none;,;3; io;/ ;[;0i; @ ;1;2;[" margin;o;+;"0;,;3; i;0i; @ ;7["Kinput::-webkit-outer-spin-button, input::-webkit-inner-spin-button;8o;9;:[o;;;:[o;<;:[o;@ ;A0;[" input;>"; io;C ;["-webkit-outer-spin-button;>@ ;D0; i;,;I;>@ ; io;;;:[" o;<;:[o;@ ;A0;[" input;>@ ; io;C ;["-webkit-inner-spin-button;>@ ;D0; i;,;I;>@ ; i;>@ ; i; i;0i; @ ;7[".x-field-number;8o;9;:[o;;;:[o;<;:[o;=;["x-field-number;>"; i;>@ ; i;>@ ; i; io;6 ;T;[o;6 ;T;[o;/ ;[;0i; @ ;1;2;[" position;o;+;" relative;,;3; io;6 ;T;[ o;? ;[; @ ;![ o; ;[; {;["em;" 0.86em;f0.85999999999999999; io; ;[; @ ;["em;" 0.86em;f0.85999999999999999; io; ;[; @ ;["%;"50%;i7; io; ;[; @ ;["em;" 0.5em;f0.5; i;"insertion; i;${o;/ ;[;0i; @ ;1;2;["-webkit-mask-image;o; ; {;![o;" ; @+ ;"theme-name;#"theme_name; io;+ ; @+ ;"pictos/search.png; i;,;-;"theme_image; i;${; io;/ ;[;0i; @ ;1;2;["-webkit-mask-size;o;+;" .86em;,;3; io;/ ;[;0i; @ ;1;2;["background-color;o;+;" #ccc;,;3; io;/ ;[;0i; @ ;1;2;["-webkit-mask-repeat;o;+;"no-repeat;,;3; io;/ ;[;0i; @ ;1;2;["margin-top;o; ;[; {;["em;" -0.43em;f-0.42999999999999999; i; i;0i; @ ;7[" &:before;8o;9;:[o;;;:[o;<;:[o;B;>"; io;C ;[" before;>@Z ;D0; i;,;E;>@Z ; i;>@Z ; i; io;6 ;T;[o;/ ;[;0i; @ ;1;2;["margin-left;o;% ;&o;" ; {;" toolbar-search-left-padding;#" toolbar_search_left_padding; i; @f ;';(;)o; ;[; @f ;["em;" 0.67em;f0.67000000000000004=q; i; i; i;0i; @ ;7[".x-form-field;8o;9;:[o;;;:[o;<;:[o;=;["x-form-field;>"; i;>@z ; i;>@z ; i; i;0i; @ ;7[".x-field-input;8o;9;:[o;;;:[o;<;:[o;=;["x-field-input;>"; i;>@ ; i;>@ ; i; i;0i; @ ;7[".x-field-search;8o;9;:[o;;;:[o;<;:[o;=;["x-field-search;>"; i;>@ ; i;>@ ; i; io; ;[;0; @ ;i;"/*clear icon */; i;[o; ;[; @ ;0;"form-clear-size;o; ;[; {;["em;" 2.2em;f2.2000000000000002; i; io;6 ;T;[o;6 ;T;[o;/ ;[;0i; @ ;1;2;[" display;o;+;" none;,;3; io;/ ;[;0i; @ ;1;2;["background;o;J ; {;K;L;[o; ; @ ;![o;" ; @ ;"theme-name;#"theme_name; io;+ ; @ ;"clear_icon.png; i;,;-;"theme_image; i;${o;+ ; @ ;"no-repeat; i;,;3; i; io;/ ;[;0i; @ ;1;2;["background-position;o;+;"center center;,;3; io;/ ;[;0i; @ ;1;2;["background-size;o;+;" 55% 55%;,;3; io;/ ;[;0i; @ ;1;2;[" width;o;" ; {;"form-clear-size;#"form_clear_size; i; io;/ ;[;0i; @ ;1;2;[" height;o;" ; {;"form-clear-size;#"form_clear_size; i; io;/ ;[;0i; @ ;1;2;[" margin;o;+;" .5em;,;3; io;/ ;[;0i; @ ;1;2;["margin-top;o:!Sass::Script::UnaryOperation : @operando;% ;&o;" ; {;"form-clear-size;#"form_clear_size; i ; @ ;';*;)o; ;@; @ ;[;"2;i; i ; i ; @ ;';(; i ; i o;/ ;[;0i; @ ;1;2;[" position;o;+;" absolute;,;3; i o;/ ;[;0i; @ ;1;2;["top;o;+;"50%;,;3; i o;/ ;[;0i; @ ;1;2;[" right;o; ;[; {;["em;" -0.5em;f -0.5; i ; i ;0i; @ ;7[".x-clear-icon;8o;9;:[o;;;:[o;<;:[o;=;["x-clear-icon;>"; i;>@ ; i;>@ ; i; i;0i; @ ;7[".x-field-input;8o;9;:[o;;;:[o;<;:[o;=;["x-field-input;>"; i;>@ ; i;>@ ; i; io;6 ;T;[o;6 ;T;[o;/ ;[;0i; @ ;1;2;[" display;o;+;" block;,;3; i;0i; @ ;7[".x-clear-icon;8o;9;:[o;;;:[o;<;:[o;=;["x-clear-icon;>"; i;>@0 ; i;>@0 ; i; io;6 ;T;[o;/ ;[;0i; @ ;1;2;["padding-right;o;" ; {;"form-clear-size;#"form_clear_size; i; i;0i; @ ;7[".x-field-input;8o;9;:[o;;;:[o;<;:[o;=;["x-field-input;>"; i;>@F ; i;>@F ; i; i;0i; @ ;7[".x-field-clearable;8o;9;:[o;;;:[o;<;:[o;=;["x-field-clearable;>"; i;>@R ; i;>@R ; i; io;6 ;T;[o;/ ;[;0i; @ ;1;2;["-webkit-text-fill-color;o;+;" #000;,;3; i;0i; @ ;7[".x-android .x-input-el;8o;9;:[o;;;:[o;<;:[o;=;["x-android;>"; i;>@f ; io;<;:[o;=;["x-input-el;>@f ; i;>@f ; i;>@f ; i; io;6 ;T;[o;/ ;[;0i; @ ;1;2;["-webkit-text-fill-color;o;+;" #A9A9A9;,;3; i;0i; @ ;7["$.x-android .x-empty .x-input-el;8o;9;:[o;;;:[o;<;:[o;=;["x-android;>"; i;>@ ; io;<;:[o;=;[" x-empty;>@ ; i;>@ ; io;<;:[o;=;["x-input-el;>@ ; i;>@ ; i;>@ ; i; io; ;[;0; @ ;i;"/*disabled fields */; i";[o;6 ;T;[o;/ ;[;0i; @ ;1;2;[" color;o; ; {;![o;" ; @ ;"form-dark;#"form_dark; i*o; ;[; @ ;["%;"50%;i7; i*;" lighten; i*;${; i*o;/ ;[;0i; @ ;1;2;["-webkit-text-fill-color;o; ; {;![o;" ; @ ;"form-dark;#"form_dark; i+o; ;[; @ ;["%;"50%;i7; i+;" lighten; i+;${; i+o;/ ;[;0i; @ ;1;2;["pointer-events;o;+;" none;,;3; i,;0i; @ ;7[".x-item-disabled .x-form-label span, .x-item-disabled input, .x-item-disabled .x-input-el, .x-item-disabled .x-spinner-body, .x-item-disabled select, .x-item-disabled textarea, .x-item-disabled .x-field-clear-container;8o;9;:[ o;;;:[o;<;:[o;=;["x-item-disabled;>"; i);>@ ; i)o;<;:[o;=;["x-form-label;>@ ; i);>@ ; i)o;<;:[o;@ ;A0;[" span;>@ ; i);>@ ; i)o;;;:[" o;<;:[o;=;["x-item-disabled;>@ ; i);>@ ; i)o;<;:[o;@ ;A0;[" input;>@ ; i);>@ ; i)o;;;:[" o;<;:[o;=;["x-item-disabled;>@ ; i);>@ ; i)o;<;:[o;=;["x-input-el;>@ ; i);>@ ; i)o;;;:[" o;<;:[o;=;["x-item-disabled;>@ ; i);>@ ; i)o;<;:[o;=;["x-spinner-body;>@ ; i);>@ ; i)o;;;:[" o;<;:[o;=;["x-item-disabled;>@ ; i);>@ ; i)o;<;:[o;@ ;A0;[" select;>@ ; i);>@ ; i)o;;;:[" o;<;:[o;=;["x-item-disabled;>@ ; i);>@ ; i)o;<;:[o;@ ;A0;[" textarea;>@ ; i);>@ ; i)o;;;:[" o;<;:[o;=;["x-item-disabled;>@ ; i);>@ ; i)o;<;:[o;=;["x-field-clear-container;>@ ; i);>@ ; i);>@ ; i); i)o; ;[;0; @ ;i;"/* Ext.form.FieldSet */; i/;[o;6 ;T;[ o;/ ;[;0i; @ ;1;2;[" margin;o;+;"0 0 1.5em;,;3; i1o;6 ;T;[o;/ ;[;0i; @ ;1;2;["border-top;o;J ; {;K;L;[o; ;[; @/ ;["px;"1px;i; i4o;+ ; @/ ;" solid; i4;,;3o; ; @/ ;![o;" ; @/ ;"form-light;#"form_light; i4o; ;[; @/ ;["%;"20%;i; i4;" lighten; i4;${; i4; i4;0i; @ ;7[".x-form-label;8o;9;:[o;;;:[o;<;:[o;=;["x-form-label;>"; i3;>@O ; i3;>@O ; i3; i3o;6 ;T;[ o;/ ;[;0i; @ ;1;2;[" border;o;J ; {;K;L;[o; ;[; @W ;["px;"1px;i; i8o;+ ; @W ;" solid; i8;,;3o;" ; @W ;"form-light;#"form_light; i8; i8; i8o;/ ;[;0i; @ ;1;2;["background;o;+;" #fff;,;3; i9o;/ ;[;0i; @ ;1;2;[" padding;o;+;"0;,;3; i:u;F[o:Sass::Script::Variable : @options{: @name"include-border-radius:@underscored_name"include_border_radius: @linei;0[o:Sass::Tree::MixinNode :@children[;{: @args[o; ;{;"form-fieldset-radius;"form_fieldset_radius; i;;"border-radius; i;:@keywords{o;/ ;[;0i; @ ;1;2;[" overflow;o;+;" hidden;,;3; i<;0i; @ ;7[".x-form-fieldset-inner;8o;9;:[o;;;:[o;<;:[o;=;["x-form-fieldset-inner;>"; i7;>@ ; i7;>@ ; i7; i7o; ;[;0; @ ;i;"/*Ext.field.Field */; i?;[o;6 ;T;[ o;/ ;[;0i; @ ;1;2;["border-bottom;o;J ; {;K;L;[o; ;[; @ ;["px;"1px;i; iAo;+ ; @ ;" solid; iA;,;3o;" ; @ ;"form-light;#"form_light; iA; iA; iAo;/ ;[;0i; @ ;1;2;["background;o;+;"transparent;,;3; iBo;6 ;T;[u;F[o:Sass::Script::Variable : @options{: @name"include-border-radius:@underscored_name"include_border_radius: @lineiE0[o:Sass::Tree::MixinNode :@children[;{: @args[o; ;{;"form-fieldset-radius;"form_fieldset_radius; iF;"border-top-radius; iF:@keywords{;0i; @ ;7["&:first-child;8o;9;:[o;;;:[o;<;:[o;B;>"; iDo;C ;["first-child;>@ ;D0; iD;,;E;>@ ; iD;>@ ; iD; iDo;6 ;T;[o;/ ;[;0i; @ ;1;2;["border-bottom;o;+;"0;,;3; iKu;F[o:Sass::Script::Variable : @options{: @name"include-border-radius:@underscored_name"include_border_radius: @lineiM0[o:Sass::Tree::MixinNode :@children[;{: @args[o; ;{;"form-fieldset-radius;"form_fieldset_radius; iN;"border-bottom-radius; iN:@keywords{;0i; @ ;7["&:last-child;8o;9;:[o;;;:[o;<;:[o;B;>"; iJo;C ;["last-child;>@ ;D0; iJ;,;E;>@ ; iJ;>@ ; iJ; iJ;0i; @ ;7[" .x-field;8o;9;:[o;;;:[o;<;:[o;=;[" x-field;>"; i@;>@ ; i@;>@ ; i@; i@;0i; @ ;7[".x-form-fieldset;8o;9;:[o;;;:[o;<;:[o;=;["x-form-fieldset;>"; i0;>@ ; i0;>@ ; i0; i0o;6 ;T;[ o;? ;[; @ ;![;" label; iU;${o;/ ;[;0i; @ ;1;2;[" margin;o;J ; {;K;L;[o; ;[; @ ;["em;"1em;i; iVo;% ;&o;" ; @ ;"form-spacing;#"form_spacing; iV; @ ;';G;)o; ;[; @ ;["em;" 0.1em;f0.10000000000000001; iV; iVo; ;[; @ ;["em;" 0.3em;f0.2999999999999999933; iV; iV; iVo;/ ;[;0i; @ ;1;2;[" color;o;" ; {;"form-dark;#"form_dark; iW; iWo;/ ;[;0i; @ ;1;2;["font-weight;o;+;" bold;,;3; iXo;/ ;[;0i; @ ;1;2;["white-space;o;+;" nowrap;,;3; iY;0i; @ ;7[".x-form-fieldset-title;8o;9;:[o;;;:[o;<;:[o;=;["x-form-fieldset-title;>"; iT;>@ ; iT;>@ ; iT; iTo;6 ;T;[ o;? ;[; @ ;![;" label; i];${o;/ ;[;0i; @ ;1;2;[" color;o; ; {;![o;" ; @, ;"form-dark;#"form_dark; i^o; ;[; @, ;["%;"30%;i#; i^;" lighten; i^;${; i^o;/ ;[;0i; @ ;1;2;[" margin;o;J ; {;K;L;[o; ;[; @= ;["em;"1em;i; i_o;% ;&o;" ; @= ;"form-spacing;#"form_spacing; i_; @= ;';G;)o; ;[; @= ;["em;" 0.1em;f0.10000000000000001; i_; i_o; ;[; @= ;["em;" 0.3em;f0.2999999999999999933; i_; i_; i_o;/ ;[;0i; @ ;1;2;["font-size;o;+;" .8em;,;3; i`o;/ ;[;0i; @ ;1;2;["text-align;o;+;" center;,;3; ia;0i; @ ;7["".x-form-fieldset-instructions;8o;9;:[o;;;:[o;<;:[o;=;["!x-form-fieldset-instructions;>"; i\;>@k ; i\;>@k ; i\; i\o; ;[;0; @ ;i;"/* Ext.field.Select */; id;[o;6 ;T;[ o;? ;[; @ ;![ o; ;[; {;["em;"1em;i; ifo; ;[; @w ;["em;"1em;i; ifo; ;[; @w ;["%;"50%;i7; ifo;+ ; @w ;" auto; if;,;3;"insertion; if;${o;/ ;[;0i; @ ;1;2;[" right;o;% ;&o;" ; {;"form-spacing;#"form_spacing; ig; @ ;';G;)o; ;[; @ ;["em;" 0.1em;f0.10000000000000001; ig; ig; igo;/ ;[;0i; @ ;1;2;["-webkit-mask-size;o;+;"1em;,;3; iho;/ ;[;0i; @ ;1;2;["-webkit-mask-image;o; ; {;![o;" ; @ ;"theme-name;#"theme_name; iio;+ ; @ ;"pictos/arrow_down.png; ii;,;-;"theme_image; ii;${; iio;/ ;[;0i; @ ;1;2;["margin-top;o; ;[; {;["em;" -0.5em;f -0.5; ij; ij;0i; @ ;7[".x-selectmark-base;8o;9;:[o;;;:[o;<;:[o;=;["x-selectmark-base;>"; ie;>@ ; ie;>@ ; ie; ieo; ;[;0; @ ;i;"9/* Create the dropdown arrow * for select fields */; im;[o;6 ;T;[o;/ ;[;0i; @ ;1;2;[" position;o;+;" relative;,;3; ipo;6 ;T;[o;6 ;T;[o;? ;[; @ ;![o;" ; {;"form-light;#"form_light; it;"selectmark; it;${o;/ ;[;0i; @ ;1;2;[" z-index;o;+;"2;,;3; iu;0i; @ ;7[" &:after;8o;9;:[o;;;:[o;<;:[o;B;>"; iso;C ;[" after;>@ ;D0; is;,;E;>@ ; is;>@ ; is; iso;6 ;T;[o;/ ;[;0i; @ ;1;2;["pointer-events;o;+;" none;,;3; izo;/ ;[;0i; @ ;1;2;[" position;o;+;" absolute;,;3; i{o;/ ;[;0i; @ ;1;2;[" display;o;+;" block;,;3; i|;0i; @ ;7["&:before, &:after;8o;9;:[o;;;:[o;<;:[o;B;>"; iyo;C ;[" before;>@ ;D0; iy;,;E;>@ ; iyo;;;:[" o;<;:[o;B;>@ ; iyo;C ;[" after;>@ ;D0; iy;,;E;>@ ; iy;>@ ; iy; iyo;6 ;T;[ o;? ;[; @ ;![ o; ;[; {;["em;"4em;i ; io;+ ; @ ;" auto; i;,;3o; ;@; @ ;[;"0;i; io;+ ; @ ;" auto; i;,;3;"insertion; i;${o;/ ;[;0i; @ ;1;2;[" right;o;+;"0;,;3; io;/ ;[;0i; @ ;1;2;[" bottom;o;+;"0;,;3; iu;F[o:Sass::Script::Variable : @options{: @name"include-border-radius:@underscored_name"include_border_radius: @linei0[o:Sass::Tree::MixinNode :@children[;{: @args[o; ;{;"form-fieldset-radius;"form_fieldset_radius; i;"border-right-radius; i:@keywords{u;F[o:Sass::Script::Variable : @options{: @name"include-highlights:@underscored_name"include_highlights: @linei0[o:Sass::Tree::PropNode :@children[: @tabsi;{:@prop_syntax:new;["background: @valueo:Sass::Script::Funcall ;{: @args[ o:Sass::Script::String ;@;" linear; i: @type:identifiero:Sass::Script::List ;@:@separator: space;[o:Sass::Script::Number :@denominator_units[;@:@numerator_units["%:@original"0%;i; io; ;[;@;["%;"0%;i; i; io; ;@;;;[o; ;[;@;["%;" 100%;ii; io; ;[;@;["%;"0%;i; i; io; ;@;[o; ;@;[o; ;@;"form-field-bg-color;"form_field_bg_color; io; ;[;@;[;"0;i; i;" rgba; i:@keywords{;" from; i;{o; ;@;[o; ;@5;@;[;"0.5;f0.5; io; ;@;[o; ;@;"form-field-bg-color;"form_field_bg_color; io; ;@5;@;[;"1;i; i;" rgba; i;{;"color-stop; i;{;"-webkit-gradient; i;{; io;/ ;[;0i; @ ;1;2;[" z-index;o;+;"1;,;3; i;0i; @ ;7[" &:before;8o;9;:[o;;;:[o;<;:[o;B;>"; io;C ;[" before;>@J;D0; i;,;E;>@J; i;>@J; i; i;0i; @ ;7[".x-component-outer;8o;9;:[o;;;:[o;<;:[o;=;["x-component-outer;>"; ir;>@Y; ir;>@Y; ir; ir;0i; @ ;7[".x-field-select;8o;9;:[o;;;:[o;<;:[o;=;["x-field-select;>"; io;>@e; io;>@e; io; io; @ ;![[o;"; {;"include-sliders;#"include_sliderso;" ; @i;"include-form-sliders;#"include_form_sliders; i;"sencha-form; i; @ ; i; "x4@import '../global'; @import 'form-sliders'; /** * @var {color} $form-bg-color * Default background-color for forms. * * @member Ext.form.Panel */ $form-bg-color: #eee !default; /** * @class Ext.field.Field */ /** * @var {color} $form-field-bg-color * Default background-color for form fields. */ $form-field-bg-color: #fff !default; /** * @var {color} $form-light * Light color for form fields, mostly used on field borders. */ $form-light: #ddd !default; /** * @var {color} $form-dark * Dark color for form fields, mostly used on labels/text. */ $form-dark: #333 !default; /** * @var {measurement} $form-label-width * Default width for form labels. */ $form-label-width: 6em !default; /** * @var {color} $form-label-background-color * The default background color for labels */ $form-label-background-color: lighten($form-light, 10%); /** * @var {measurement} $form-field-height * Default height for form fields. */ $form-field-height: 2.5em !default; /** * @var {measurement} $form-spacing * Default spacing for form fields, used for padding, etc. */ $form-spacing: .6em !default; /** * @var {measurement} $form-textarea-height * Default height for form textareas. * * @member Ext.field.TextArea */ $form-textarea-height: 6em !default; /** * @var {measurement} $form-thumb-size * Default size of "thumbs" for form sliders/toggles. * * @member Ext.field.Slider */ $form-thumb-size: 2.2em !default; /** * @var {measurement} $form-toggle-size * Thumb size minus padding for inset thumbs like in a Toggle element. * * @member Ext.field.Toggle */ $form-toggle-size: $form-thumb-size - .35em; /** * @var {measurement} $form-fieldset-radius * Default border-radius for form fieldsets. * * @member Ext.form.FieldSet */ $form-fieldset-radius: .4em !default; /** * @var {measurement} $form-slider-size * Height of the slider "track." * * @member Ext.field.Slider */ $form-slider-size: .8em !default; $form-spinner-button-width: 3em !default; // Private utility vars & mixins $form-thumb-space: ( $form-thumb-size - $form-toggle-size ) / 2; $form-input-fields: '.x-field-text, .x-input-text, .x-input, .x-input-number, .x-spinner-body, .x-input-radio, .x-input-checkbox, .x-input-email, .x-input-url, .x-input-password, .x-input-slider'; $form-scrollable-fields: '.x-field-slider, .x-field-toggle'; @mixin label { text-shadow: #fff 0 1px 1px; color: $form-dark; } @mixin checkmark($color: #000){ @extend .x-checkmark-base; background-color: $color; } @mixin radiomark($color: #000){ @extend .x-radiomark-base; background-color: $color; } @mixin selectmark($color: #000){ @extend .x-selectmark-base; background-color: $color; } /** * Includes default form styles. * * @member Ext.form.Panel */ @mixin sencha-form($include-sliders: $include-form-sliders) { // Ext.form.Panel .x-form { .x-scroll-container { background-color: $form-bg-color; > .x-inner { padding: 1em; } } } // Label .x-form-label { @include label; @include bevel-text('light'); padding: $form-spacing; display: none !important; background-color: $form-label-background-color; span { font-size: .8em; font-weight: bold; } .x-form-label-nowrap & { @include ellipsis; } } // Ext.field.Field .x-field { min-height: $form-field-height; background: #fff; .x-field-input { position: relative; min-width: 3.7em; } .x-field-input, .x-input-el { width: 100%; } &.x-field-labeled { .x-form-label { display: block !important; } } &:last-child { border-bottom: 0; } } .x-label-align-left, .x-label-align-right { .x-component-outer { @include box-flex(1); } } .x-label-align-left { &:first-child { .x-form-label { @if $include-border-radius { @include border-top-left-radius($form-fieldset-radius); } } } &:last-child { .x-form-label { @if $include-border-radius { @include border-bottom-left-radius($form-fieldset-radius); } } } .x-form-label { } } .x-label-align-right { @include box-direction(reverse); &:first-child { .x-form-label { @if $include-border-radius { @include border-top-right-radius($form-fieldset-radius); } } } &:last-child { border-bottom: 0; .x-form-label { @if $include-border-radius { @include border-bottom-right-radius($form-fieldset-radius); } } } .x-form-label { } } .x-label-align-top, .x-label-align-bottom { @include box-orient(vertical); .x-form-label { } } .x-label-align-top { &:first-child { .x-form-label { @if $include-border-radius { @include border-top-radius($form-fieldset-radius); } } } } .x-label-align-bottom { @include box-direction(reverse); &:last-child { .x-form-label { @if $include-border-radius { @include border-bottom-radius($form-fieldset-radius); } } } } .x-input-el { padding: .4em; min-height: $form-field-height; display: block; border-width: 0; background: transparent; -webkit-appearance: none; } .x-field-mask { @include stretch; } // Required fields .x-field-required { label:after, .x-form-label:after { content: "*"; display: inline; } } .x-item-disabled { label:after, .x-form-label:after { color: #666 !important; } } // Ext.field.TextArea .x-field-textarea { textarea { min-height: $form-textarea-height; padding-top: .5em; } } // Ext.field.Hidden .x-field-hidden { @extend .x-hidden-display; } // Ext.field.Checkbox .x-checkmark-base { @include insertion(1.4em, 1.4em, 50%, auto); right: ($form-spacing + .5em); -webkit-mask-size: 1.4em; -webkit-mask-image: theme_image($theme-name, "pictos/check2.png"); margin-top: -.7em; } // Ext.field.Radio .x-radiomark-base { @include insertion(1.4em, 1.4em, 50%, auto); right: ($form-spacing + .5em); margin-top: -0.7em; -webkit-mask-size: 1.4em; -webkit-mask-image: theme_image($theme-name, "pictos/circle4.png"); } .x-field-checkbox .x-input-el { position: relative; &:after { @include checkmark($form-light); } &:checked:after { @include checkmark($active-color); } } .x-field-radio .x-input-el { position: relative; &:before { @include radiomark(darken($form-light, 5)); } &:after { @include radiomark($form-light); -webkit-mask-image: theme_image($theme-name, "pictos/circle3.png"); } &:checked:before { background-color: $active-color; } } .x-item-disabled { &.x-field-radio { .x-input-el:checked:before { background: mix($form-light, $active-color, 60); } .x-input-el:after { background: #eee; } } &.x-field-checkbox { .x-input-el { &:checked:after { background: mix($form-light, $active-color, 60); } } } } // Ext.field.Spinner .x-spinner { .x-component-outer { @include display-box; > * { width: auto; } } .x-field-input { -webkit-box-flex: 1; .x-input-el { -webkit-text-fill-color: #000; width: 100%; text-align: center; } //http://stackoverflow.com/questions/3790935/can-i-hide-the-html5-number-inputs-spin-box input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } } &.x-item-disabled { .x-input-el { -webkit-text-fill-color: #B3B3B3; } .x-spinner-button { @include toolbar-button(lighten($form-light, 10), matte); color: #aaa !important; } } .x-spinner-button { margin-top: .25em; margin-bottom: .25em; width: 2em; padding: .23em 0 .27em; font-weight: bold; text-align: center; border: 1px solid $form-light !important; @include border-radius(1em); @include toolbar-button(lighten($form-light, 5), matte); } .x-spinner-button-down { margin-left: .25em; } .x-spinner-button-up { margin-right: .25em; } &.x-field-grouped-buttons { .x-input-el { text-align: left; } .x-spinner-button-down { margin-right: .5em; } } } .x-android { .x-spinner-button { padding: .40em 0 .11em !important; } } .x-phone .x-select-overlay { min-width: 14em; min-height: 12.5em; } // Ext.field.Select .x-select-overlay { min-width: 18em; min-height: 22em; .x-list-item-label { height: 2.6em; } .x-list-label { @include ellipsis; display: block; } .x-item-selected { .x-list-label { margin-right: 2.6em; } .x-list-item-label { &:before { @include checkmark(rgba(0,0,0,.3)); margin-top: -.8em; } &:after { @include checkmark($form-light); } } } } @if $include-sliders { @include sencha-form-sliders; } //remove browser styling input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } .x-field-number { input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } } .x-field-search { .x-field-input { position: relative; &:before { @include insertion(.86em, .86em, 50%, .5em); -webkit-mask-image: theme_image($theme-name, "pictos/search.png"); -webkit-mask-size: .86em; background-color: #ccc; -webkit-mask-repeat: no-repeat; margin-top: -0.43em; } .x-form-field { margin-left: $toolbar-search-left-padding - 0.67em; } } } //clear icon $form-clear-size: 2.2em; .x-field-input { .x-clear-icon { display: none; background: theme_image($theme-name, "clear_icon.png") no-repeat; background-position: center center; background-size: 55% 55%; width: $form-clear-size; height: $form-clear-size; margin: .5em; margin-top: -($form-clear-size/2); position: absolute; top: 50%; right: -.5em; } } .x-field-clearable { .x-clear-icon { display: block; } .x-field-input { padding-right: $form-clear-size; } } .x-android .x-input-el { -webkit-text-fill-color: #000; } .x-android .x-empty .x-input-el { -webkit-text-fill-color: #A9A9A9; } //disabled fields .x-item-disabled .x-form-label span, .x-item-disabled input, .x-item-disabled .x-input-el, .x-item-disabled .x-spinner-body, .x-item-disabled select, .x-item-disabled textarea, .x-item-disabled .x-field-clear-container { color: lighten($form-dark, 50%); -webkit-text-fill-color: lighten($form-dark, 50%); pointer-events: none; } // Ext.form.FieldSet .x-form-fieldset { margin: 0 0 1.5em; .x-form-label { border-top: 1px solid lighten($form-light, 20%); } .x-form-fieldset-inner { border: 1px solid $form-light; background: #fff; padding: 0; @if $include-border-radius { @include border-radius($form-fieldset-radius); } overflow: hidden; } //Ext.field.Field .x-field { border-bottom: 1px solid $form-light; background: transparent; &:first-child { @if $include-border-radius { @include border-top-radius($form-fieldset-radius); } } &:last-child { border-bottom: 0; @if $include-border-radius { @include border-bottom-radius($form-fieldset-radius); } } } } .x-form-fieldset-title { @include label; margin: 1em ( $form-spacing + .1em ) .3em; color: $form-dark; font-weight: bold; white-space: nowrap; } .x-form-fieldset-instructions { @include label; color: lighten($form-dark, 30%); margin: 1em ( $form-spacing + .1em ) .3em; font-size: .8em; text-align: center; } // Ext.field.Select .x-selectmark-base { @include insertion(1em, 1em, 50%, auto); right: ($form-spacing + .1em); -webkit-mask-size: 1em; -webkit-mask-image: theme_image($theme-name, "pictos/arrow_down.png"); margin-top: -.5em; } // Create the dropdown arrow // for select fields .x-field-select { position: relative; .x-component-outer { &:after { @include selectmark($form-light); z-index: 2; } &:before, &:after { pointer-events: none; position: absolute; display: block; } &:before { @include insertion(4em,auto,0,auto); right: 0; bottom: 0; @if $include-border-radius { @include border-right-radius($form-fieldset-radius); } @if $include-highlights { background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba($form-field-bg-color, 0)), color-stop(.5, rgba($form-field-bg-color, 1))); } z-index: 1; } } } }