3.2.9 (Media Mark)
cadeadda5b930e6d516f387ccc1d1c0d94e51529
o:Sass::Tree::RootNode	:@children[o:Sass::Tree::ImportNode:@imported_filenameI"'compass/utilities/general/clearfix:ET;[�:@template0:
@linei:@filename"q/Users/patricknegri/Desenvolvimento/iugu-ux/vendor/assets/stylesheets/iugu-ux/components/responsive_box.sass:
@options{�:@imported_file0o:Sass::Tree::RuleNode
:
@rule[I"7body.ui-box-background,body.ui-box-background #app;	T:
@tabsi�:@parsed_ruleso:"Sass::Selector::CommaSequence:
@members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence
;[o:Sass::Selector::Element	:
@name[I"	body;	T:@namespace0;i;@
o:Sass::Selector::Class;[I"ui-box-background;	T;i;@
:
@subject0:
@sourceso:Set:
@hash{�;i;@
o;;[o;
;[o;	;[I"	body;	T;0;i;@
o;;[I"ui-box-background;	T;i;@
;0;o;;{�;i;@
o;
;[o:Sass::Selector::Id;[I"app;	T;i;@
;0;o;;{�;i;@
;i;@
;[	o:Sass::Tree::PropNode
;[I"height;	T:@valueo:Sass::Script::Number;!ii:@numerator_units[I"%;	T:@denominator_units[�;i	:@originalI"	100%;	F;
@;i�:@prop_syntax:new;[�;i	;@
;
@o; 
;[I"
width;	T;!o;";!ii;#[I"%;	T;$[�;i
;%I"	100%;	F;
@;i�;&;';[�;i
;@
;
@o; 
;[I"
position;	T;!o:Sass::Script::String	;!I"
relative;	T:
@type:identifier;i;
@;i�;&;';[�;i;@
;
@o:Sass::Tree::MixinNode
;I"box-sizing;	T:
@args[o;(	;!I"border-box;	T;);*;i;
@:@keywords{�:@splat0;[�;i;@
;
@;i;@
:@has_childrenT;
@o;
;[I"body.ui-box-background;	T;i�;o;;[o;;[o;
;[o;	;[I"	body;	T;0;i;@
o;;[I"ui-box-background;	T;i;@
;0;o;;{�;i;@
;i;@
;[o; 
;[I"
overflow;	T;!o;(	;!I"hidden;	T;);*;i;
@;i�;&;';[�;i;@
;
@;i;@
;/T;
@o;
;[I"body.ui-box-background;	T;i�;o;;[o;;[o;
;[o;	;[I"	body;	T;0;i;@
o;;[I"ui-box-background;	T;i;@
;0;o;;{�;i;@
;i;@
;[o; 
;[I"background;	T;!o:Sass::Script::Variable	;I"!baseUIBoxPageBackgroundColor;	T:@underscored_nameI"!baseUIBoxPageBackgroundColor;	T;
@;i;i�;&;';[�;i;@
;
@o; 
;[I"background-image;	T;!o;(	;!I"	none;	T;);*;i;
@;i�;&;';[�;i;@
;
@;i;@
;/T;
@o;
;[I".ui-responsive-box;	T;i�;o;;[o;;[o;
;[o;;[I"ui-responsive-box;	T;i;@
;0;o;;{�;i;@
;i;@
;[o;+
;I"pie-clearfix;	T;,[�;-{�;.0;[�;i;@
;
@o; 
;[I"
width;	T;!o;";!ii;#[I"%;	T;$[�;i;%I"	100%;	F;
@;i�;&;';[�;i;@
;
@o; 
;[I"margin-left;	T;!o;(	;!I"	auto;	T;);*;i;
@;i�;&;';[�;i;@
;
@o; 
;[I"margin-right;	T;!o;(	;!I"	auto;	T;);*;i;
@;i�;&;';[�;i;@
;
@o; 
;[I"
position;	T;!o;(	;!I"
relative;	T;);*;i;
@;i�;&;';[�;i;@
;
@o; 
;[I"
color;	T;!o;0	;I"textColor;	T;1I"textColor;	T;
@;i;i�;&;';[�;i;@
;
@o; 
;[I"height;	T;!o;";!ii;#[I"%;	T;$[�;i;%I"	100%;	F;
@;i�;&;';[�;i;@
;
@o;+
;I"box-sizing;	T;,[o;(	;!I"border-box;	T;);*;i;
@;-{�;.0;[�;i;@
;
@o;
;[I"
.sidebar;	T;i�;o;;[o;;[o;
;[o;;[I"sidebar;	T;i;@
;0;o;;{�;i;@
;i;@
;[
o; 
;[I"
float;	T;!o;(	;!I"	left;	T;);*;i ;
@;i�;&;';[�;i ;@
;
@o; 
;[I"
width;	T;!o;0	;I"desktopSidebarWidth;	T;1I"desktopSidebarWidth;	T;
@;i!;i�;&;';[�;i!;@
;
@o; 
;[I"height;	T;!o;";!ii;#[I"%;	T;$[�;i";%I"	100%;	F;
@;i�;&;';[�;i";@
;
@o; 
;[I"background;	T;!o;0	;I"$baseUIBoxSidebarBackgroundColor;	T;1I"$baseUIBoxSidebarBackgroundColor;	T;
@;i#;i�;&;';[�;i#;@
;
@o; 
;[I"border-right;	T;!o:Sass::Script::List	;![o;";!i;#[I"px;	T;$[�;i$;%I"1px;	F;
@o;(	;!I"
solid;	T;);*;i$;
@o;0	;I"baseLineColor;	T;1I"baseLineColor;	T;
@;i$:@separator:
space;i$;
@;i�;&;';[�;i$;@
;
@o; 
;[I"padding;	T;!o;";!i;#[I"px;	T;$[�;i%;%I"	20px;	F;
@;i�;&;';[�;i%;@
;
@o;+
;I"box-sizing;	T;,[o;(	;!I"border-box;	T;);*;i&;
@;-{�;.0;[�;i&;@
;
@o; 
;[I"
position;	T;!o;(	;!I"
relative;	T;);*;i';
@;i�;&;';[�;i';@
;
@;i;@
;/T;
@o;
;[I".content-area;	T;i�;o;;[o;;[o;
;[o;;[I"content-area;	T;i);@
;0;o;;{�;i);@
;i);@
;[o; 
;[I"height;	T;!o;";!ii;#[I"%;	T;$[�;i*;%I"	100%;	F;
@;i�;&;';[�;i*;@
;
@o; 
;[I"
position;	T;!o;(	;!I"
relative;	T;);*;i+;
@;i�;&;';[�;i+;@
;
@o; 
;[I"background;	T;!o;0	;I"baseUIBoxBackgroundColor;	T;1I"baseUIBoxBackgroundColor;	T;
@;i,;i�;&;';[�;i,;@
;
@o;+
;I"box-sizing;	T;,[o;(	;!I"border-box;	T;);*;i.;
@;-{�;.0;[�;i.;@
;
@o;
;[I".small-navigation;	T;i�;o;;[o;;[o;
;[o;;[I"small-navigation;	T;i/;@
;0;o;;{�;i/;@
;i/;@
;[o; 
;[I"display;	T;!o;(	;!I"	none;	T;);*;i0;
@;i�;&;';[�;i0;@
;
@;i/;@
;/T;
@o;
;[I"&.handle-sidebar;	T;i�;o;;[o;;[o;
;[o:Sass::Selector::Parent;i2;@
o;;[I"handle-sidebar;	T;i2;@
;0;o;;{�;i2;@
;i2;@
;[o; 
;[I"margin-left;	T;!o;0	;I"desktopSidebarWidth;	T;1I"desktopSidebarWidth;	T;
@;i3;i�;&;';[�;i3;@
;
@;i2;@
;/T;
@;i);@
;/T;
@o;
;[I".handle-scrolling;	T;i�;o;;[o;;[o;
;[o;;[I"handle-scrolling;	T;i5;@
;0;o;;{�;i5;@
;i5;@
;[	o; 
;[I"
width;	T;!o;";!ii;#[I"%;	T;$[�;i6;%I"	100%;	F;
@;i�;&;';[�;i6;@
;
@o; 
;[I"height;	T;!o;";!ii;#[I"%;	T;$[�;i7;%I"	100%;	F;
@;i�;&;';[�;i7;@
;
@o; 
;[I"overflow-y;	T;!o;(	;!I"	auto;	T;);*;i8;
@;i�;&;';[�;i8;@
;
@o; 
;[I"-webkit-overflow-scrolling;	T;!o;(	;!I"
touch;	T;);*;i9;
@;i�;&;';[�;i9;@
;
@;i5;@
;/T;
@o;
;[I".handle-scrolling > *;	T;i�;o;;[o;;[o;
;[o;;[I"handle-scrolling;	T;i;;@
;0;o;;{�;i;;@
I">;	To;
;[o:Sass::Selector::Universal;0;i;;@
;0;o;;{�;i;;@
;i;;@
;[o; 
;[I"-webkit-transform;	T;!o:Sass::Script::Funcall;I"translateZ;	T;,[o;";!i�;#[I"px;	T;$[�;i<;%I"0px;	F;
@;-{�;.0;i<;
@;i�;&;';[�;i<;@
;
@;i;;@
;/T;
@o;
;[I"(.handle-scrolling > div:first-child;	T;i�;o;;[o;;[o;
;[o;;[I"handle-scrolling;	T;i>;@
;0;o;;{�;i>;@
I">;	To;
;[o;	;[I"div;	T;0;i>;@
o:Sass::Selector::Pseudo
;):
class;[I"first-child;	T:	@arg0;i>;@
;0;o;;{�;i>;@
;i>;@
;[o; 
;[I"height;	T;!o;";!ii;#[I"%;	T;$[�;i?;%I"	100%;	F;
@;i�;&;';[�;i?;@
;
@;i>;@
;/T;
@o;
;[I"
.content;	T;i�;o;;[o;;[o;
;[o;;[I"content;	T;iA;@
;0;o;;{�;iA;@
;iA;@
;[
o; 
;[I"
position;	T;!o;(	;!I"
absolute;	T;);*;iB;
@;i�;&;';[�;iB;@
;
@o; 
;[I"top;	T;!o;";!i�;#[I"px;	T;$[�;iC;%I"0px;	F;
@;i�;&;';[�;iC;@
;
@o; 
;[I"bottom;	T;!o;";!i�;#[I"px;	T;$[�;iD;%I"0px;	F;
@;i�;&;';[�;iD;@
;
@o; 
;[I"	left;	T;!o;";!i�;#[I"px;	T;$[�;iE;%I"0px;	F;
@;i�;&;';[�;iE;@
;
@o; 
;[I"
right;	T;!o;";!i�;#[I"px;	T;$[�;iF;%I"0px;	F;
@;i�;&;';[�;iF;@
;
@;iA;@
;/T;
@;i;@
;/T;
@o;+;I"for-large-screens;	T;,[o;";!i
;#[I"px;	T;$[�;iH;%I"1025px;	F;
@;-{�;.0;[o;
;[I"body.ui-box-background;	T;i�;o;;[o;;[o;
;[o;	;[I"	body;	T;0;iI;@
o;;[I"ui-box-background;	T;iI;@
;0;o;;{�;iI;@
;iI;@
;[o; 
;[I"padding;	T;!o;";!i;#[I"px;	T;$[�;iJ;%I"	20px;	F;
@;i�;&;';[�;iJ;@
;
@;iI;@
;/T;
@o;
;[I".ui-responsive-box;	T;i�;o;;[o;;[o;
;[o;;[I"ui-responsive-box;	T;iK;@
;0;o;;{�;iK;@
;iK;@
;[o; 
;[I"max-width;	T;!o;";!i�;#[I"px;	T;$[�;iL;%I"
980px;	F;
@;i�;&;';[�;iL;@
;
@o;+
;I"box-shadow;	T;,[o;2	;![	o;";!i;#[I"px;	T;$[�;iM;%I"3px;	F;
@o;";!i;#[I"px;	T;$[�;iM;%I"3px;	F;
@o;";!i�;#[I"px;	T;$[�;iM;%I"0px;	F;
@o;7;I"	rgba;	T;,[	o;";!i�;#[�;$[�;iM;%I"0;	F;
@o;";!i�;#[�;$@s;iM;%I"0;	F;
@o;";!i�;#[�;$@s;iM;%I"0;	F;
@o;";!f	0.25;#[�;$@s;iM;%I"	0.25;	F;
@;-{�;.0;iM;
@;3;4;iM;
@;-{�;.0;[�;iM;@
;
@;iK;@
;/T;
@;iH;@
;
@;/To;+;I"for-small-screens;	T;,[o;";!i�;#[I"px;	T;$[�;iP;%I"
680px;	F;
@;-{�;.0;[
o;
;[I"body.ui-box-background;	T;i�;o;;[o;;[o;
;[o;	;[I"	body;	T;0;iQ;@
o;;[I"ui-box-background;	T;iQ;@
;0;o;;{�;iQ;@
;iQ;@
;[o; 
;[I"background;	T;!o;0	;I"$baseUIBoxSidebarBackgroundColor;	T;1I"$baseUIBoxSidebarBackgroundColor;	T;
@;iR;i�;&;';[�;iR;@
;
@;iQ;@
;/T;
@o;
;[I".mobile;	T;i�;o;;[o;;[o;
;[o;;[I"mobile;	T;iT;@
;0;o;;{�;iT;@
;iT;@
;[o;
;[I".ui-responsive-box;	T;i�;o;;[o;;[o;
;[o;;[I"ui-responsive-box;	T;iU;@
;0;o;;{�;iU;@
;iU;@
;[o;
;[I"!.content-area.handle-sidebar;	T;i�;o;;[o;;[o;
;[o;;[I"content-area;	T;iV;@
o;;[I"handle-sidebar;	T;iV;@
;0;o;;{�;iV;@
;iV;@
;[o;+
;I"translateZ;	T;,[o;";!i�;#[I"px;	T;$[�;iW;%I"0px;	F;
@;-{�;.0;[�;iW;@
;
@;iV;@
;/T;
@;iU;@
;/T;
@;iT;@
;/T;
@o;
;[I"	.ios;	T;i�;o;;[o;;[o;
;[o;;[I"ios;	T;iY;@
;0;o;;{�;iY;@
;iY;@
;[o;
;[I".handle-scrolling;	T;i�;o;;[o;;[o;
;[o;;[I"handle-scrolling;	T;iZ;@
;0;o;;{�;iZ;@
;iZ;@
;[o; 
;[I"overflow-y;	T;!o;(	;!I"scroll;	T;);*;i[;
@;i�;&;';[�;i[;@
;
@;iZ;@
;/T;
@;iY;@
;/T;
@o;
;[I"
.android;	T;i�;o;;[o;;[o;
;[o;;[I"android;	T;i\;@
;0;o;;{�;i\;@
;i\;@
;[o;
;[I".handle-scrolling;	T;i�;o;;[o;;[o;
;[o;;[I"handle-scrolling;	T;i];@
;0;o;;{�;i];@
;i];@
;[o; 
;[I"overflow-y;	T;!o;(	;!I"	auto;	T;);*;i^;
@;i�;&;';[�;i^;@
;
@;i];@
;/T;
@;i\;@
;/T;
@o;
;[I".ui-responsive-box;	T;i�;o;;[o;;[o;
;[o;;[I"ui-responsive-box;	T;i`;@
;0;o;;{�;i`;@
;i`;@
;[	o; 
;[I"border;	T;!o;(	;!I"	none;	T;);*;ia;
@;i�;&;';[�;ia;@
;
@o; 
;[I"background;	T;!o;0	;I"$baseUIBoxSidebarBackgroundColor;	T;1I"$baseUIBoxSidebarBackgroundColor;	T;
@;ib;i�;&;';[�;ib;@
;
@o;
;[I"
.sidebar;	T;i�;o;;[o;;[o;
;[o;;[I"sidebar;	T;id;@
;0;o;;{�;id;@
;id;@
;[
o; 
;[I"
float;	T;!o;(	;!I"	none;	T;);*;ie;
@;i�;&;';[�;ie;@
;
@o; 
;[I"
position;	T;!o;(	;!I"
absolute;	T;);*;if;
@;i�;&;';[�;if;@
;
@o; 
;[I"z-index;	T;!o;";!i�;#[�;$@s;ig;%I"	1000;	F;
@;i�;&;';[�;ig;@
;
@o; 
;[I"
width;	T;!o;0	;I"mobileSidebarWidth;	T;1I"mobileSidebarWidth;	T;
@;ih;i�;&;';[�;ih;@
;
@o; 
;[I"border;	T;!o;(	;!I"	none;	T;);*;ii;
@;i�;&;';[�;ii;@
;
@o; 
;[I"background;	T;!o;0	;I"$baseUIBoxSidebarBackgroundColor;	T;1I"$baseUIBoxSidebarBackgroundColor;	T;
@;ij;i�;&;';[�;ij;@
;
@o; 
;[I"visibility;	T;!o;(	;!I"hidden;	T;);*;ik;
@;i�;&;';[�;ik;@
;
@o;+
;I"transition-delay;	T;,[o;";!f1.5;#[I"s;	T;$[�;im;%I"	1.5s;	F;
@;-{�;.0;[�;im;@
;
@;id;@
;/T;
@o;
;[I"!.content-area.handle-sidebar;	T;i�;o;;[o;;[o;
;[o;;[I"content-area;	T;io;@
o;;[I"handle-sidebar;	T;io;@
;0;o;;{�;io;@
;io;@
;[
o; 
;[I"margin-left;	T;!o;";!i�;#[I"px;	T;$[�;ip;%I"	-1px;	F;
@;i�;&;';[�;ip;@
;
@o; 
;[I"z-index;	T;!o;";!i�;#[�;$@s;iq;%I"	2000;	F;
@;i�;&;';[�;iq;@
;
@o; 
;[I"min-width;	T;!o;";!i@
;#[I"px;	T;$[�;ir;%I"
320px;	F;
@;i�;&;';[�;ir;@
;
@o; 
;[I"border-left;	T;!o;2	;![o;";!i;#[I"px;	T;$[�;is;%I"1px;	F;
@o;(	;!I"
solid;	T;);*;is;
@o;0	;I"baseLineColor;	T;1I"baseLineColor;	T;
@;is;3;4;is;
@;i�;&;';[�;is;@
;
@o;+
;I"transition-property;	T;,[o;(	;!I"transform;	T;);*;iu;
@;-{�;.0;[�;iu;@
;
@o;+
;I"transition-duration;	T;,[o;";!i,
;#[I"ms;	T;$[�;iv;%I"
300ms;	F;
@;-{�;.0;[�;iv;@
;
@o;+
;I"transition-timing-function;	T;,[o;7;I"cubic-bezier;	T;,[	o;";!f	0.39;#[�;$@s;iw;%I"	0.39;	F;
@o;";!f
0.575;#[�;$@s;iw;%I"
0.575;	F;
@o;";!f
0.565;#[�;$@s;iw;%I"
0.565;	F;
@o;";!i;#[�;$@s;iw;%I"1;	F;
@;-{�;.0;iw;
@;-{�;.0;[�;iw;@
;
@o;
;[I"&.handle-sidebar;	T;i�;o;;[o;;[o;
;[o;5;iy;@
o;;[I"handle-sidebar;	T;iy;@
;0;o;;{�;iy;@
;iy;@
;[o;
;[I".small-navigation;	T;i�;o;;[o;;[o;
;[o;;[I"small-navigation;	T;iz;@
;0;o;;{�;iz;@
;iz;@
;[o; 
;[I"display;	T;!o;(	;!I"
block;	T;);*;i{;
@;i�;&;';[�;i{;@
;
@o; 
;[I"height;	T;!o;0	;I"toolbarHeight;	T;1I"toolbarHeight;	T;
@;i|;i�;&;';[�;i|;@
;
@o; 
;[I"
position;	T;!o;(	;!I"
relative;	T;);*;i};
@;i�;&;';[�;i};@
;
@o; 
;[I"background;	T;!o;0	;I"#baseUIBoxHeaderBackgroundColor;	T;1I"#baseUIBoxHeaderBackgroundColor;	T;
@;i~;i�;&;';[�;i~;@
;
@o; 
;[I"border-bottom;	T;!o;2	;![o;";!i;#[I"px;	T;$[�;i;%I"1px;	F;
@o;(	;!I"
solid;	T;);*;i;
@o;0	;I"baseUIBoxHeaderLineColor;	T;1I"baseUIBoxHeaderLineColor;	T;
@;i;3;4;i;
@;i�;&;';[�;i;@
;
@o; 
;[I"margin-top;	T;!o;";!i�;#[I"px;	T;$[�;i
|;%I"	-1px;	F;
@;i�;&;';[�;i
|;@
;
@o; 
;[I"margin-right;	T;!o;";!i�;#[I"px;	T;$[�;i
};%I"	-2px;	F;
@;i�;&;';[�;i
};@
;
@o;
;[I".toggle-sidebar;	T;i�;o;;[o;;[o;
;[o;;[I"toggle-sidebar;	T;i
;@
;0;o;;{�;i
;@
;i
;@
;[
o; 
;[I"display;	T;!o;(	;!I"
block;	T;);*;i
�;
@;i�;&;';[�;i
�;@
;
@o; 
;[I"
width;	T;!o;";!i1;#[I"px;	T;$[�;i
�;%I"	44px;	F;
@;i�;&;';[�;i
�;@
;
@o; 
;[I"height;	T;!o;";!i1;#[I"px;	T;$[�;i
�;%I"	44px;	F;
@;i�;&;';[�;i
�;@
;
@o; 
;[I"cursor;	T;!o;(	;!I"pointer;	T;);*;i
�;
@;i�;&;';[�;i
�;@
;
@o; 
;[I"
position;	T;!o;(	;!I"
absolute;	T;);*;i
�;
@;i�;&;';[�;i
�;@
;
@o; 
;[I"top;	T;!o;";!i�;#[I"px;	T;$[�;i
�;%I"0px;	F;
@;i�;&;';[�;i
�;@
;
@o; 
;[I"	left;	T;!o;";!i�;#[I"px;	T;$[�;i
�;%I"0px;	F;
@;i�;&;';[�;i
�;@
;
@o; 
;[I"z-index;	T;!o;";!i;#[�;$@s;i
�;%I"10;	F;
@;i�;&;';[�;i
�;@
;
@;i
;@
;/T;
@o;
;[I".responsive-title;	T;i�;o;;[o;;[o;
;[o;;[I"responsive-title;	T;i
�;@
;0;o;;{�;i
�;@
;i
�;@
;[o; 
;[I"display;	T;!o;(	;!I"
block;	T;);*;i
�;
@;i�;&;';[�;i
�;@
;
@o; 
;[I"text-align;	T;!o;(	;!I"center;	T;);*;i
�;
@;i�;&;';[�;i
�;@
;
@o; 
;[I"height;	T;!o;";!i1;#[I"px;	T;$[�;i
�;%I"	44px;	F;
@;i�;&;';[�;i
�;@
;
@o; 
;[I"font-size;	T;!o;";!i;#[I"px;	T;$[�;i
�;%I"	17px;	F;
@;i�;&;';[�;i
�;@
;
@o; 
;[I"line-height;	T;!o;";!i1;#[I"px;	T;$[�;i
�;%I"	44px;	F;
@;i�;&;';[�;i
�;@
;
@o; 
;[I"
color;	T;!o;0	;I"baseUIBoxHeaderTitleColor;	T;1I"baseUIBoxHeaderTitleColor;	T;
@;i
�;i�;&;';[�;i
�;@
;
@o;+
;I"
box-mode;	T;,[�;-{�;.0;[�;i
�;@
;
@o; 
;[I"	left;	T;!o;";!iA;#[I"px;	T;$[�;i
�;%I"	60px;	F;
@;i�;&;';[�;i
�;@
;
@o; 
;[I"
right;	T;!o;";!iA;#[I"px;	T;$[�;i
�;%I"	60px;	F;
@;i�;&;';[�;i
�;@
;
@o; 
;[I"font-weight;	T;!o;(	;!I"	bold;	T;);*;i
�;
@;i�;&;';[�;i
�;@
;
@;i
�;@
;/T;
@;iz;@
;/T;
@;iy;@
;/T;
@;io;@
;/T;
@;i`;@
;/T;
@o;
;[I".content-area;	T;i�;o;;[o;;[o;
;[o;;[I"content-area;	T;i
�;@
;0;o;;{�;i
�;@
;i
�;@
;[o;
;[I"
.content;	T;i�;o;;[o;;[o;
;[o;;[I"content;	T;i
�;@
;0;o;;{�;i
�;@
;i
�;@
;[o; 
;[I"top;	T;!o;";!i1;#[I"px;	T;$[�;i
�;%I"	44px;	F;
@;i�;&;';[�;i
�;@
;
@;i
�;@
;/T;
@;i
�;@
;/T;
@o;
;[I"".desktop .open, .mobile .open;	T;i�;o;;[o;;[o;
;[o;;[I"desktop;	T;i
�;@
;0;o;;{�;i
�;@
o;
;[o;;[I"	open;	T;i
�;@
;0;o;;{�;i
�;@
o;;[o;
;[o;;[I"mobile;	T;i
�;@
;0;o;;{�;i
�;@
o;
;[o;;[I"	open;	T;i
�;@
;0;o;;{�;i
�;@
;i
�;@
;[o; 
;[I"border;	T;!o;(	;!I"	none;	T;);*;i
�;
@;i�;&;';[�;i
�;@
;
@o;
;[I"!.content-area.handle-sidebar;	T;i�;o;;[o;;[o;
;[o;;[I"content-area;	T;i
�;@
o;;[I"handle-sidebar;	T;i
�;@
;0;o;;{�;i
�;@
;i
�;@
;[o;+
;I"translateX;	T;,[o;0	;I"mobileSidebarWidth;	T;1I"mobileSidebarWidth;	T;
@;i
�;-{�;.0;[�;i
�;@
;
@;i
�;@
;/T;
@o;
;[I"
.sidebar;	T;i�;o;;[o;;[o;
;[o;;[I"sidebar;	T;i
�;@
;0;o;;{�;i
�;@
;i
�;@
;[
o; 
;[I"display;	T;!o;(	;!I"
block;	T;);*;i
�;
@;i�;&;';[�;i
�;@
;
@o; 
;[I"visibility;	T;!o;(	;!I"visible;	T;);*;i
�;
@;i�;&;';[�;i
�;@
;
@o; 
;[I"margin;	T;!o;";!i�;#[I"px;	T;$[�;i
�;%I"0px;	F;
@;i�;&;';[�;i
�;@
;
@o;+
;I"transition-property;	T;,[o;(	;!I"border;	T;);*;i
�;
@;-{�;.0;[�;i
�;@
;
@o;+
;I"transition-delay;	T;,[o;";!f0.3;#[I"s;	T;$[�;i
�;%I"	0.3s;	F;
@;-{�;.0;[�;i
�;@
;
@;i
�;@
;/T;
@;i
�;@
;/T;
@o;
;[I".deprecated_android;	T;i�;o;;[o;;[o;
;[o;;[I"deprecated_android;	T;i
�;@
;0;o;;{�;i
�;@
;i
�;@
;[o;
;[I".content-area;	T;i�;o;;[o;;[o;
;[o;;[I"content-area;	T;i
�;@
;0;o;;{�;i
�;@
;i
�;@
;[o; 
;[I"background;	T;!o:Sass::Script::Color	;!0:@attrs{	:redi
�:
greeni
�:	bluei
�:
alphai;i
�;
@;i�;&;';[�;i
�;@
;
@;i
�;@
;/T;
@;i
�;@
;/T;
@;iP;@
;
@;/T;
I"�@import "compass/utilities/general/clearfix"

body.ui-box-background,body.ui-box-background #app
  height: 100%
  width: 100%
  position: relative
  @include box-sizing( border-box )

body.ui-box-background
  overflow: hidden

body.ui-box-background
  background: $baseUIBoxPageBackgroundColor
  background-image: none

.ui-responsive-box
  @include pie-clearfix
  width: 100%
  margin-left: auto
  margin-right: auto
  position: relative
  color: $textColor
  height: 100%
  @include box-sizing( border-box )

  .sidebar
    float: left
    width: $desktopSidebarWidth 
    height: 100%
    background: $baseUIBoxSidebarBackgroundColor
    border-right: 1px solid $baseLineColor
    padding: 20px
    @include box-sizing( border-box )
    position: relative

  .content-area
    height: 100%
    position: relative
    background: $baseUIBoxBackgroundColor

    @include box-sizing( border-box )
    .small-navigation
      display: none
    
    &.handle-sidebar
      margin-left: $desktopSidebarWidth

  .handle-scrolling
    width: 100%
    height: 100%
    overflow-y: auto
    -webkit-overflow-scrolling: touch

  .handle-scrolling > *
    -webkit-transform: translateZ(0px)

  .handle-scrolling > div:first-child
    height: 100%

  .content
    position: absolute
    top: 0px
    bottom: 0px
    left: 0px
    right: 0px

@include for-large-screens(1025px)
  body.ui-box-background
    padding: 20px
  .ui-responsive-box
    max-width: 980px
    @include box-shadow( 3px 3px 0px rgba(0,0,0,0.25))


@include for-small-screens(680px)
  body.ui-box-background
    background: $baseUIBoxSidebarBackgroundColor

  .mobile
    .ui-responsive-box
      .content-area.handle-sidebar
        +translateZ(0px)

  .ios
    .handle-scrolling
      overflow-y: scroll
  .android
    .handle-scrolling
      overflow-y: auto

  .ui-responsive-box
    border: none
    background: $baseUIBoxSidebarBackgroundColor

    .sidebar
      float: none
      position: absolute
      z-index: 1000
      width: $mobileSidebarWidth
      border: none
      background: $baseUIBoxSidebarBackgroundColor
      visibility: hidden

      @include transition-delay( 1.5s )

    .content-area.handle-sidebar
      margin-left: -1px
      z-index: 2000
      min-width: 320px
      border-left: 1px solid $baseLineColor

      @include transition-property( transform )
      @include transition-duration( 300ms )
      @include transition-timing-function( cubic-bezier(0.39, 0.575, 0.565, 1) )

      &.handle-sidebar
        .small-navigation
          display: block
          height: $toolbarHeight
          position: relative
          background: $baseUIBoxHeaderBackgroundColor
          border-bottom: 1px solid $baseUIBoxHeaderLineColor

          margin-top: -1px
          margin-right: -2px

          .toggle-sidebar
            display: block
            width: 44px
            height: 44px
            cursor: pointer
            position: absolute
            top: 0px
            left: 0px
            z-index: 10
          .responsive-title
            display: block
            text-align: center
            height: 44px
            font-size: 17px
            line-height: 44px
            color: $baseUIBoxHeaderTitleColor
            @include box-mode
            left: 60px
            right: 60px
            font-weight: bold

  .content-area
    .content
      top: 44px

  .desktop .open, .mobile .open
    border: none
    .content-area.handle-sidebar
      +translateX( $mobileSidebarWidth )

    .sidebar
      display: block
      visibility: visible
      margin: 0px

      @include transition-property( border )
      @include transition-delay( 0.3s )

  .deprecated_android
    .content-area
      background: #FFF
;	T;/T;
@