3.1.2 (Brainy Betty)
9ee785a98978561cae56cb948f8d7ffcdb771593
o:Sass::Tree::RootNode
:@has_childrenT:@children[o:Sass::Tree::ImportNode
;[ :@imported_filename"../global:@options{ :
@linei:@template0o:Sass::Tree::CommentNode;[ ;
@
:@lines[ :
@loud0:@value"&/**
 * @class Ext.field.Field
 */;i:@silent0o;;[ ;
@
;[ ;0;"[/**
 * @var {color} $toolbar-input-bg
 * Background-color for toolbar form fields.
 */;i;0o:Sass::Tree::VariableNode:
@expro:Sass::Script::Color	;
{ ;0;i:@attrs{	:redi˙:
alphai:
greeni˙:	bluei˙;[ ;
@
:
@name"toolbar-input-bg:@guarded"!default;io;;[ ;
@
;[ ;0;"X/**
 * @var {color} $toolbar-input-color
 * Text color for toolbar form fields.
 */;i;0o;;o;	;
{ ;0;i;{	;i ;i;i ;i ;[ ;
@
;"toolbar-input-color;"!default;io;;[ ;
@
;[ ;0;"_/**
 * @var {measurement} $toolbar-input-height
 * Text color for toolbar form fields.
 */;i;0o;;o:Sass::Script::Number:@original"
1.6em;
{ :@denominator_units[ :@numerator_units["em;f1.6000000000000001 ;i;[ ;
@
;"toolbar-input-height;"!default;io;;[ ;
@
;[ ;0;"a/**
 * @var {color} $toolbar-input-border-color
 * Border color for toolbar form fields.
 */;i;0o;;o:Sass::Script::Funcall
;
{ :@keywords{ :
@args[o;	;
@:;0;i";{	;i ;i;i ;i o;;"0.5;
@:;[ ;[ ;f0.5;i";"	rgba;i";[ ;
@
;"toolbar-input-border-color;"!default;i"o;;[ ;
@
;[ ;0;"/* Private */;i$;i o;;o;;"3em;
{ ;[ ;["em;i;i%;[ ;
@
;"'toolbar-select-overflow-mask-width;0;i%o;;o;;"1.67em;
{ ;[ ;["em;f1.6699999999999999 ¸;i&;[ ;
@
;" toolbar-search-left-padding;0;i&o;;[ ;
@
;[ ;0;"U/**
 * Includes default toolbar form field styles.
 *
 * @member Ext.tab.Bar
 */;i(;0o:Sass::Tree::MixinDefNode;T;[o;;[ ;
@
;[ ;0;"+/*so disabled fields are still dark */;i.;i o:Sass::Tree::RuleNode;T;[o:Sass::Tree::PropNode;[ :
@tabsi ;
@
;["-webkit-text-fill-color:@prop_syntax:new;o:Sass::Script::String;"	#000:
@type:identifier;i1o;%;[ ;&i ;
@
;["-webkit-opacity;';(;o;);"1;*;+;i2;&i ;
@
:
@rule[":.x-spinner .x-input-el,
  .x-field-select .x-input-el:@parsed_ruleso:"Sass::Selector::CommaSequence:@filename" :@members[o:Sass::Selector::Sequence;0[o:#Sass::Selector::SimpleSequence;/@z;0[o:Sass::Selector::Class;["x-spinner;/@z;i0;i0o;2;/@z;0[o;3;["x-input-el;/@z;i0;i0o;1;0["
o;2;/@z;0[o;3;["x-field-select;/@z;i0;i0o;2;/@z;0[o;3;["x-input-el;/@z;i0;i0;i0;i0o;$;T;[o;%;[ ;&i ;
@
;["-webkit-text-fill-color;';(;o;);"currentcolor;*;+;i7;&i ;
@
;,["Z.x-spinner.x-item-disabled .x-input-el,
  .x-field-select.x-item-disabled .x-input-el;-o;.;/" ;0[o;1;0[o;2;/@;0[o;3;["x-spinner;/@;i6o;3;["x-item-disabled;/@;i6;i6o;2;/@;0[o;3;["x-input-el;/@;i6;i6o;1;0["
o;2;/@;0[o;3;["x-field-select;/@;i6o;3;["x-item-disabled;/@;i6;i6o;2;/@;0[o;3;["x-input-el;/@;i6;i6;i6;i6o;;[ ;
@
;[ ;0;"/*and inside toolbars */;i:;i o;$;T;[o;%;[ ;&i ;
@
;["-webkit-text-fill-color;';(;o;);"	#fff;*;+;i<;&i ;
@
;,["+.x-toolbar .x-field-select .x-input-el;-o;.;/" ;0[o;1;0[o;2;/@Ë;0[o;3;["x-toolbar;/@Ë;i;;i;o;2;/@Ë;0[o;3;["x-field-select;/@Ë;i;;i;o;2;/@Ë;0[o;3;["x-input-el;/@Ë;i;;i;;i;;i;o;$;T;[o;%;[ ;&i ;
@
;["-webkit-text-fill-color;';(;o; 
;
{ ;!{ ;"[	o;;"255;
@ĺ;@A;[ ;i˙;i@o;;"255;
@ĺ;@A;[ ;i˙;i@o;;"255;
@ĺ;@A;[ ;i˙;i@o;;"0.6;
@ĺ;@A;[ ;f0.59999999999999998 33;i@;"	rgba;i@;i@;&i ;
@
;,[";.x-toolbar .x-field-select.x-item-disabled .x-input-el;-o;.;/" ;0[o;1;0[o;2;/@ů;0[o;3;["x-toolbar;/@ů;i?;i?o;2;/@ů;0[o;3;["x-field-select;/@ů;i?o;3;["x-item-disabled;/@ů;i?;i?o;2;/@ů;0[o;3;["x-input-el;/@ů;i?;i?;i?;i?o;$;T;[o;$;T;[u:Sass::Tree::IfNode[o:Sass::Script::Variable	:@options{ :
@name"include-border-radius:@underscored_name"include_border_radius:
@lineiE0[o:Sass::Tree::PropNode:@children[ :
@tabsi ;{ ;["padding:@prop_syntax:new:@valueo:Sass::Script::String;"0 .3em:
@type:identifier;	iE;&i ;
@
;,[".x-form-field-container;-o;.;/" ;0[o;1;0[o;2;/@;0[o;3;["x-form-field-container;/@;iD;iD;iD;iDo;$;T;[o;%;[ ;&i ;
@
;["
width;';(;o;);"	13em;*;+;iIo;%;[ ;&i ;
@
;["margin;';(;o;);"	.5em;*;+;iJo;%;[ ;&i ;
@
;["min-height;';(;o;);"0;*;+;iKo;%;[ ;&i ;
@
;["border-bottom;';(;o;);"0;*;+;iLo;%;[ ;&i ;
@
;["background;';(;o;);"transparent;*;+;iMo;$;T;[o;%;[ ;&i ;
@
;["background-size;';(;o;);"50% 50%;*;+;iPo;%;[ ;&i ;
@
;["
right;';(;o;;"-0.8em;
{ ;[ ;["em;f-0.80000000000000004 ;iQ;iQo;%;[ ;&i ;
@
;["margin-top;';(;o;;"-1.06em;
{ ;[ ;["em;f-1.0600000000000001 (ö;iR;iR;&i ;
@
;,[".x-clear-icon;-o;.;/" ;0[o;1;0[o;2;/@a;0[o;3;["x-clear-icon;/@a;iO;iO;iO;iO;&i ;
@
;,[".x-field;-o;.;/" ;0[o;1;0[o;2;/@m;0[o;3;["x-field;/@m;iH;iH;iH;iHo;$;T;[o;%;[ ;&i ;
@
;["padding-right;';(;o;);"1.6em !important;*;+;iW;&i ;
@
;,[".x-field-input;-o;.;/" ;0[o;1;0[o;2;/@;0[o;3;["x-field-input;/@;iV;iV;iV;iVo;$;T;[o;$;T;[u;4S[o:Sass::Script::Variable	:@options{ :
@name"include-border-radius:@underscored_name"include_border_radius:
@linei_0[o:Sass::Tree::MixinNode:@children[ ;{ :@keywords{ :
@args[o:Sass::Script::Number:@original"
0.3em;{ :@denominator_units[ :@numerator_units["em:@valuef0.29999999999999999 33;	i_;"border-radius;	i_o;%;[ ;&i ;
@
;["background-color;';(;o:Sass::Script::Variable	;
{ ;"toolbar-input-bg:@underscored_name"toolbar_input_bg;i`;i`u;4[o:Sass::Script::Variable	:@options{ :
@name"include-highlights:@underscored_name"include_highlights:
@lineib0[o:Sass::Tree::PropNode:@children[ :
@tabsi ;{ ;["-webkit-box-shadow:@prop_syntax:new:@valueo:Sass::Script::List	;{ :@separator:
comma;[
o;	;@;:
space;[
o:Sass::Script::String	;@;"
inset;	ic:
@type:identifiero; 	;@;"toolbar-input-border-color;"toolbar_input_border_color;	ico:Sass::Script::Number:@original"0;@:@denominator_units[ :@numerator_units[ ;i ;	ico;;"
0.1em;@;[ ;["em;f0.10000000000000001 ;	ico;;"0;@;@;[ ;i ;	ic;	ico;	;@;;;[
o;	;@;"
inset;	ic;;o; 	;@;"toolbar-input-border-color;"toolbar_input_border_color;	ico;;"0;@;@;[ ;i ;	ico;;"-0.1em;@;[ ;["em;f-0.10000000000000001 ;	ico;;"0;@;@;[ ;i ;	ic;	ico;	;@;;;[
o;	;@;"
inset;	ic;;o; 	;@;"toolbar-input-border-color;"toolbar_input_border_color;	ico;;"
0.1em;@;[ ;["em;f0.10000000000000001 ;	ico;;"0;@;@;[ ;i ;	ico;;"0;@;@;[ ;i ;	ic;	ico;	;@;;;[
o;	;@;"
inset;	ic;;o; 	;@;"toolbar-input-border-color;"toolbar_input_border_color;	ico;;"-0.1em;@;[ ;["em;f-0.10000000000000001 ;	ico;;"0;@;@;[ ;i ;	ico;;"0;@;@;[ ;i ;	ic;	ico;	;@;;;[
o;	;@;"
inset;	ic;;o:Sass::Script::Funcall
;@:@keywords{ :
@args[o:Sass::Script::Color	;@;0;	ic:@attrs{	:redi :
alphai:
greeni :	bluei o;;"0.5;@;@;[ ;f0.5;	ic;"	rgba;	ico;;"0;@;@;[ ;i ;	ico;;"0.15em;@;[ ;["em;f0.14999999999999999 33;	ico;;"
0.4em;@;[ ;["em;f0.40000000000000002 ;	ic;	ic;	ic;	ic;&i ;
@
;,[".x-component-outer;-o;.;/" ;0[o;1;0[o;2;/@;0[o;3;["x-component-outer;/@;i^;i^;i^;i^;&i ;
@
;,["S.x-field-textarea,
    .x-field-text,
    .x-field-number,
    .x-field-search;-o;.;/" ;0[	o;1;0[o;2;/@§;0[o;3;["x-field-textarea;/@§;i];i]o;1;0["
o;2;/@§;0[o;3;["x-field-text;/@§;i];i]o;1;0["
o;2;/@§;0[o;3;["x-field-number;/@§;i];i]o;1;0["
o;2;/@§;0[o;3;["x-field-search;/@§;i];i];i];i]o;$;T;[	o;%;[ ;&i ;
@
;["background;';(;o;);"transparent;*;+;iio;%;[ ;&i ;
@
;["border;';(;o;);"0;*;+;ijo;%;[ ;&i ;
@
;["padding;';(;o;);"0;*;+;iko;%;[ ;&i ;
@
;["line-height;';(;o;);"
1.4em;*;+;il;&i ;
@
;,[".x-form-label;-o;.;/" ;0[o;1;0[o;2;/@ĺ;0[o;3;["x-form-label;/@ĺ;ih;ih;ih;iho;$;T;[o;%;[ ;&i ;
@
;["height;';(;o;5	;
{ ;"toolbar-input-height;6"toolbar_input_height;ip;ipo;%;[ ;&i ;
@
;["
color;';(;o; 
;
{ ;!{ ;"[o;5	;
@ý;"toolbar-input-color;6"toolbar_input_color;iqo;;"43%;
@ý;[ ;["%;i0;iq;"lighten;iq;iqo;%;[ ;&i ;
@
;["background;';(;o;);"transparent;*;+;iro;%;[ ;&i ;
@
;["min-height;';(;o;);"0;*;+;iso;%;[ ;&i ;
@
;["-webkit-appearance;';(;o;);"	none;*;+;ito;%;[ ;&i ;
@
;["padding;';(;o;);"0em .3em;*;+;iuo;%;[ ;&i ;
@
;["margin;';(;o;);"0;*;+;ivo;$;T;[o;%;[ ;&i ;
@
;["
color;';(;o;5	;
{ ;"toolbar-input-color;6"toolbar_input_color;iy;iy;&i ;
@
;,["&:focus;-o;.;/" ;0[o;1;0[o;2;/@4;0[o:Sass::Selector::Parent;/@4;ixo:Sass::Selector::Pseudo
:	@arg0;["
focus;/@4;ix;*:
class;ix;ix;ix;&i ;
@
;,[".x-form-field;-o;.;/" ;0[o;1;0[o;2;/@A;0[o;3;["x-form-field;/@A;io;io;io;ioo;$;T;[o;$;T;[u;4ż[o:Sass::Script::Variable	:@options{ :
@name"include-border-radius:@underscored_name"include_border_radius:
@linei{0[o:Sass::Tree::MixinNode:@children[ ;{ :@keywords{ :
@args[o:Sass::Script::Operation
:@operand2o:Sass::Script::Number:@original"2;{ :@denominator_units[ :@numerator_units[ :@valuei;	i{;@:@operand1o; 	;@;"toolbar-input-height;"toolbar_input_height;	i{:@operator:div;	i{;"border-radius;	i{;&i ;
@
;,[".x-component-outer;-o;.;/" ;0[o;1;0[o;2;/@R;0[o;3;["x-component-outer;/@R;i;i;i;i;&i ;
@
;,[").x-field-select,
    .x-field-search;-o;.;/" ;0[o;1;0[o;2;/@^;0[o;3;["x-field-select;/@^;i~;i~o;1;0["
o;2;/@^;0[o;3;["x-field-search;/@^;i~;i~;i~;i~o;$;T;[o;$;T;[o;%;[ ;&i ;
@
;["background-position;';(;o;);".5em 50%;*;+;i;&i ;
@
;,[".x-field-input;-o;.;/" ;0[o;1;0[o;2;/@|;0[o;3;["x-field-input;/@|;i;i;i;i;&i ;
@
;,[".x-field-search;-o;.;/" ;0[o;1;0[o;2;/@;0[o;3;["x-field-search;/@;i;i;i;io;$;T;[o;%;[ ;&i ;
@
;["-webkit-box-shadow;';(;o;);"	none;*;+;io;$;T;[o;%;[ ;&i ;
@
;["height;';(;o;);"
1.4em;*;+;i;&i ;
@
;,[".x-form-field;-o;.;/" ;0[o;1;0[o;2;/@¤;0[o;3;["x-form-field;/@¤;i;i;i;i;&i ;
@
;,[".x-field-select;-o;.;/" ;0[o;1;0[o;2;/@°;0[o;3;["x-field-select;/@°;i;i;i;io;$;T;[o;%;[ ;&i ;
@
;["background;';(;o;);"transparent;*;+;io;$;T;[o;$;T;[o;%;[ ;&i ;
@
;["
right;';(;o;);"	.4em;*;+;i;&i ;
@
;,["&:after;-o;.;/" ;0[o;1;0[o;2;/@Î;0[o;7;/@Î;io;8
;90;["
after;/@Î;i;*;:;i;i;i;&i ;
@
;,[".x-component-outer;-o;.;/" ;0[o;1;0[o;2;/@Ű;0[o;3;["x-component-outer;/@Ű;i;i;i;io;$;T;[o;$;T;[o;%;[ ;&i ;
@
;["opacity;';(;o;);".6;*;+;i;&i ;
@
;,[".x-component-outer:after;-o;.;/" ;0[o;1;0[o;2;/@ń;0[o;3;["x-component-outer;/@ń;io;8
;90;["
after;/@ń;i;*;:;i;i;i;&i ;
@
;,["&.x-item-disabled;-o;.;/" ;0[o;1;0[o;2;/@ ;0[o;7;/@ ;io;3;["x-item-disabled;/@ ;i;i;i;io;;[ ;
@
;[ ;0;"-/* Background is set in _toolbar file */;i;i o;$;T;[	o;%;[ ;&i ;
@
;["
width;';(;o;5	;
{ ;"'toolbar-select-overflow-mask-width;6"'toolbar_select_overflow_mask_width;i;io;%;[ ;&i ;
@
;["border-left;';(;o;);"	none;*;+;iu;4Ĺ[o:Sass::Script::Variable	:@options{ :
@name"include-border-radius:@underscored_name"include_border_radius:
@linei 0[o:Sass::Tree::MixinNode:@children[ ;{ :@keywords{ :
@args[o:Sass::Script::Operation
:@operand2o:Sass::Script::Number:@original"2;{ :@denominator_units[ :@numerator_units[ :@valuei;	i ;@:@operand1o; 	;@;"toolbar-input-height;"toolbar_input_height;	i :@operator:div;	i ;"border-right-radius;	i u;47[o:Sass::Script::Variable	:@options{ :
@name"include-highlights:@underscored_name"include_highlights:
@lineiĄu:Sass::Tree::IfNodeś[00[o:Sass::Tree::PropNode:@children[ :
@tabsi :@options{ :
@name["
width:@prop_syntax:new:@valueo:Sass::Script::String;"0.5em !important:
@type:identifier:
@linei¨[	o:Sass::Tree::PropNode:@children[ :
@tabsi ;{ ;["-webkit-mask:@prop_syntax:new:@valueo:Sass::Script::Funcall
;{ :@keywords{ :
@args[o; 	;@;"theme-name;"theme_name;	i˘o:Sass::Script::String	;@;"select_mask.png;	i˘:
@type:string;"theme_image;	i˘;	i˘o;;[ ;i ;@;["-webkit-mask-position;;;o;;"right top;:identifier;	iŁo;;[ ;i ;@;["-webkit-mask-repeat;;;o;;"repeat-y;;;	i¤o;;[ ;i ;@;["-webkit-mask-size;;;o:Sass::Script::List	;{ :@separator:
space;[o; 	;@,;"'toolbar-select-overflow-mask-width;"'toolbar_select_overflow_mask_width;	iĽo:Sass::Script::Number:@original"0.05em;@,:@denominator_units[ :@numerator_units["em;f0.050000000000000003 ;	iĽ;	iĽ;	iĽ;&i ;
@
;,[".x-component-outer:before;-o;.;/" ;0[o;1;0[o;2;/@#;0[o;3;["x-component-outer;/@#;io;8
;90;["before;/@#;i;*;:;i;i;io;$;T;[o;%;[ ;&i ;
@
;["
color;';(;o;);"	#fff;*;+;i­;&i ;
@
;,[".x-input-text;-o;.;/" ;0[o;1;0[o;2;/@:;0[o;3;["x-input-text;/@:;iŹ;iŹ;iŹ;iŹ;&i ;
@
;,[".x-field-select;-o;.;/" ;0[o;1;0[o;2;/@F;0[o;3;["x-field-select;/@F;i;i;i;i;&i ;
@
;,[".x-toolbar;-o;.;/" ;0[o;1;0[o;2;/@R;0[o;3;["x-toolbar;/@R;iC;iC;iC;iCo;$;T;[o;%;[ ;&i ;
@
;["padding-left;';(;o;);".2em !important;*;+;iło;%;[ ;&i ;
@
;["padding-right;';(;o;);"2.2em !important;*;+;i´;&i ;
@
;,["..x-android .x-field-search .x-field-input;-o;.;/" ;0[o;1;0[o;2;/@l;0[o;3;["x-android;/@l;i˛;i˛o;2;/@l;0[o;3;["x-field-search;/@l;i˛;i˛o;2;/@l;0[o;3;["x-field-input;/@l;i˛;i˛;i˛;i˛;
@
;"[ ;"sencha-toolbar-forms;i-;
@
;i;"@import '../global';

/**
 * @class Ext.field.Field
 */

/**
 * @var {color} $toolbar-input-bg
 * Background-color for toolbar form fields.
 */
$toolbar-input-bg: #fff !default;

/**
 * @var {color} $toolbar-input-color
 * Text color for toolbar form fields.
 */
$toolbar-input-color: #000 !default;

/**
 * @var {measurement} $toolbar-input-height
 * Text color for toolbar form fields.
 */
$toolbar-input-height: 1.6em !default;

/**
 * @var {color} $toolbar-input-border-color
 * Border color for toolbar form fields.
 */
$toolbar-input-border-color: rgba(#000, .5) !default;

// Private
$toolbar-select-overflow-mask-width: 3em;
$toolbar-search-left-padding: 1.67em;

/**
 * Includes default toolbar form field styles.
 *
 * @member Ext.tab.Bar
 */
@mixin sencha-toolbar-forms {
  //so disabled fields are still dark
  .x-spinner .x-input-el,
  .x-field-select .x-input-el {
    -webkit-text-fill-color: #000;
    -webkit-opacity: 1;
  }

  .x-spinner.x-item-disabled .x-input-el,
  .x-field-select.x-item-disabled .x-input-el {
    -webkit-text-fill-color: currentcolor;
  }

  //and inside toolbars
  .x-toolbar .x-field-select .x-input-el {
    -webkit-text-fill-color: #fff;
  }

  .x-toolbar .x-field-select.x-item-disabled .x-input-el {
    -webkit-text-fill-color: rgba(255,255,255,.6);
  }

  .x-toolbar {
    .x-form-field-container {
      @if $include-border-radius { padding: 0 .3em; }
    }

    .x-field {
      width: 13em;
      margin: .5em;
      min-height: 0;
      border-bottom: 0;
      background: transparent;

      .x-clear-icon {
        background-size: 50% 50%;
        right: -0.8em;
        margin-top: -1.06em;
      }
    }

    .x-field-input {
      padding-right: 1.6em !important;
    }

    .x-field-textarea,
    .x-field-text,
    .x-field-number,
    .x-field-search {
      .x-component-outer {
        @if $include-border-radius { @include border-radius(.3em); }
        background-color: $toolbar-input-bg;

        @if $include-highlights {
          -webkit-box-shadow: inset $toolbar-input-border-color 0 .1em 0, inset $toolbar-input-border-color 0 -.1em 0, inset $toolbar-input-border-color .1em 0 0, inset $toolbar-input-border-color -.1em 0 0, inset rgba(#000, .5) 0 .15em .4em;
        }
      }
    }

    .x-form-label {
      background: transparent;
      border: 0;
      padding: 0;
      line-height: 1.4em;
    }

    .x-form-field {
      height: $toolbar-input-height;
      color: lighten($toolbar-input-color, 43%);
      background: transparent;
      min-height: 0;
      -webkit-appearance: none;
      padding: 0em .3em;
      margin: 0;

      &:focus {
        color: $toolbar-input-color;
      }
    }

    .x-field-select,
    .x-field-search {
      .x-component-outer {
        @if $include-border-radius { @include border-radius($toolbar-input-height/2); }
      }
    }

    .x-field-search {
      .x-field-input {
        background-position: .5em 50%;
      }
    }

    .x-field-select {
      -webkit-box-shadow: none;

      .x-form-field {
        height: 1.4em;
      }
    }

    .x-field-select {
      background: transparent;

      .x-component-outer {
        &:after {
          right: .4em;
        }
      }

      &.x-item-disabled {
        .x-component-outer:after {
          opacity: .6;
        }
      }

      // Background is set in _toolbar file
      .x-component-outer:before {
        width: $toolbar-select-overflow-mask-width;
        border-left: none;
        @if $include-border-radius { @include border-right-radius($toolbar-input-height/2); }
        @if $include-highlights {
            -webkit-mask: theme_image($theme-name, "select_mask.png");
            -webkit-mask-position: right top;
            -webkit-mask-repeat: repeat-y;
            -webkit-mask-size: $toolbar-select-overflow-mask-width .05em;
        }
        @else {
            width: 0.5em !important;
        }
      }

      .x-input-text {
        color: #fff;
      }
    }
  }

  .x-android .x-field-search .x-field-input {
    padding-left: .2em !important;
    padding-right: 2.2em !important;
  }
}
