sandbox/tmp/cache/sass/b49d75942b505963eb360d4c3b43ec26f9ded67e/responsive_box.sassc in iugu-ux-0.9.9 vs sandbox/tmp/cache/sass/b49d75942b505963eb360d4c3b43ec26f9ded67e/responsive_box.sassc in iugu-ux-1.0.0

@@ -1,7 +1,7 @@
 3.2.9 (Media Mark)
-e71f7910962b6084834332b8819b5e00972deaf4
+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	:
@@ -37,331 +37,330 @@
 ;/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"baseUIBoxBackgroundColor;	T:@underscored_nameI"baseUIBoxBackgroundColor;	T;
@;i;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"background;	T;!o;0	;I"baseUIBackgroundColor;	T;1I"baseUIBackgroundColor;	T;
@;i;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;@
+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;@
+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"sidebar;	T;i;@
+;0;o;;{;i;@
+;i;@
 ;[
o; 
;[I"
-float;	T;!o;(	;!I"	left;	T;);*;i!;
@;i;&;';[;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"baseUIBackgroundColor;	T;1I"baseUIBackgroundColor;	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 ;@
+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"baseUIBackgroundColor;	T;1I"baseUIBackgroundColor;	T;
@;i-;i;&;';[;i-;@
-;
@o;+
;I"box-sizing;	T;,[o;(	;!I"border-box;	T;);*;i/;
@;-{;.0;[;i/;@
+;[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;i0;@
-;0;o;;{;i0;@
-;i0;@
-;[o; 
;[I"display;	T;!o;(	;!I"	none;	T;);*;i1;
@;i;&;';[;i1;@
-;
@;i0;@
+;[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;i3;@
-o;;[I"handle-sidebar;	T;i3;@
-;0;o;;{;i3;@
-;i3;@
-;[o; 
;[I"margin-left;	T;!o;0	;I"desktopSidebarWidth;	T;1I"desktopSidebarWidth;	T;
@;i4;i;&;';[;i4;@
-;
@;i3;@
-;/T;
@;i*;@
+;[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;i6;@
-;0;o;;{;i6;@
-;i6;@
+;[o;;[I"handle-scrolling;	T;i5;@
+;0;o;;{;i5;@
+;i5;@
 ;[	o; 
;[I"
-width;	T;!o;";!ii;#[I"%;	T;$[;i7;%I"	100%;	F;
@;i;&;';[;i7;@
-;
@o; 
;[I"height;	T;!o;";!ii;#[I"%;	T;$[;i8;%I"	100%;	F;
@;i;&;';[;i8;@
-;
@o; 
;[I"overflow-y;	T;!o;(	;!I"	auto;	T;);*;i9;
@;i;&;';[;i9;@
+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;);*;i:;
@;i;&;';[;i:;@
-;
@;i6;@
+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<;@
+;[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<;@
+;[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?;@
+;[o;;[I"handle-scrolling;	T;i>;@
+;0;o;;{;i>;@
 I">;	To;
-;[o;	;[I"div;	T;0;i?;@
+;[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?;@
+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;iB;@
-;0;o;;{;iB;@
-;iB;@
+;[o;;[I"content;	T;iA;@
+;0;o;;{;iA;@
+;iA;@
 ;[
-o; 
;[I"
position;	T;!o;(	;!I"
absolute;	T;);*;iC;
@;i;&;';[;iC;@
-;
@o; 
;[I"top;	T;!o;";!i;#[I"px;	T;$[;iD;%I"0px;	F;
@;i;&;';[;iD;@
-;
@o; 
;[I"bottom;	T;!o;";!i;#[I"px;	T;$[;iE;%I"0px;	F;
@;i;&;';[;iE;@
-;
@o; 
;[I"	left;	T;!o;";!i;#[I"px;	T;$[;iF;%I"0px;	F;
@;i;&;';[;iF;@
+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;$[;iG;%I"0px;	F;
@;i;&;';[;iG;@
-;
@;iB;@
+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;$[;iI;%I"1025px;	F;
@;-{;.0;[o;
;[I"body.ui-box-background;	T;i;o;;[o;;[o;
-;[o;	;[I"	body;	T;0;iJ;@
-o;;[I"ui-box-background;	T;iJ;@
-;0;o;;{;iJ;@
-;iJ;@
-;[o; 
;[I"padding;	T;!o;";!i;#[I"px;	T;$[;iK;%I"	20px;	F;
@;i;&;';[;iK;@
-;
@;iJ;@
+;/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;iL;@
-;0;o;;{;iL;@
-;iL;@
-;[o; 
;[I"max-width;	T;!o;";!iÔ;#[I"px;	T;$[;iM;%I"
-980px;	F;
@;i;&;';[;iM;@
-;
@o;+
;I"box-shadow;	T;,[o;2	;![	o;";!i;#[I"px;	T;$[;iN;%I"3px;	F;
@o;";!i;#[I"px;	T;$[;iN;%I"3px;	F;
@o;";!i;#[I"px;	T;$[;iN;%I"0px;	F;
@o;7;I"	rgba;	T;,[	o;";!i;#[;$[;iN;%I"0;	F;
@o;";!i;#[;$@z;iN;%I"0;	F;
@o;";!i;#[;$@z;iN;%I"0;	F;
@o;";!f	0.25;#[;$@z;iN;%I"	0.25;	F;
@;-{;.0;iN;
@;3;4;iN;
@;-{;.0;[;iN;@
-;
@;iL;@
-;/T;
@;iI;@
-;
@;/To;+;I"for-small-screens;	T;,[o;";!iĻ;#[I"px;	T;$[;iQ;%I"
+;[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;iR;@
-o;;[I"ui-box-background;	T;iR;@
-;0;o;;{;iR;@
-;iR;@
-;[o; 
;[I"background;	T;!o;0	;I"baseSidebarBackgroundColor;	T;1I"baseSidebarBackgroundColor;	T;
@;iS;i;&;';[;iS;@
-;
@;iR;@
+;[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;iU;@
+;[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".ui-responsive-box;	T;i;o;;[o;;[o;
-;[o;;[I"ui-responsive-box;	T;iV;@
+;[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"!.content-area.handle-sidebar;	T;i;o;;[o;;[o;
-;[o;;[I"content-area;	T;iW;@
-o;;[I"handle-sidebar;	T;iW;@
-;0;o;;{;iW;@
-;iW;@
-;[o;+
;I"translateZ;	T;,[o;";!i;#[I"px;	T;$[;iX;%I"0px;	F;
@;-{;.0;[;iX;@
-;
@;iW;@
-;/T;
@;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;iZ;@
+;[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".handle-scrolling;	T;i;o;;[o;;[o;
-;[o;;[I"handle-scrolling;	T;i[;@
-;0;o;;{;i[;@
-;i[;@
-;[o; 
;[I"overflow-y;	T;!o;(	;!I"scroll;	T;);*;i\;
@;i;&;';[;i\;@
-;
@;i[;@
-;/T;
@;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];@
+;[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".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];@
+;[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;ia;@
-;0;o;;{;ia;@
-;ia;@
-;[	o; 
;[I"border;	T;!o;(	;!I"	none;	T;);*;ib;
@;i;&;';[;ib;@
-;
@o; 
;[I"background;	T;!o;0	;I"baseSidebarBackgroundColor;	T;1I"baseSidebarBackgroundColor;	T;
@;ic;i;&;';[;ic;@
+;[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;ie;@
-;0;o;;{;ie;@
-;ie;@
+;[o;;[I"sidebar;	T;id;@
+;0;o;;{;id;@
+;id;@
 ;[
o; 
;[I"
-float;	T;!o;(	;!I"	none;	T;);*;if;
@;i;&;';[;if;@
-;
@o; 
;[I"
position;	T;!o;(	;!I"
absolute;	T;);*;ig;
@;i;&;';[;ig;@
-;
@o; 
;[I"z-index;	T;!o;";!ič;#[;$@z;ih;%I"	1000;	F;
@;i;&;';[;ih;@
+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;
@;ii;i;&;';[;ii;@
-;
@o; 
;[I"border;	T;!o;(	;!I"	none;	T;);*;ij;
@;i;&;';[;ij;@
-;
@o; 
;[I"background;	T;!o;0	;I"baseSidebarBackgroundColor;	T;1I"baseSidebarBackgroundColor;	T;
@;ik;i;&;';[;ik;@
-;
@o; 
;[I"visibility;	T;!o;(	;!I"hidden;	T;);*;il;
@;i;&;';[;il;@
-;
@o;+
;I"transition-delay;	T;,[o;";!f1.5;#[I"s;	T;$[;in;%I"	1.5s;	F;
@;-{;.0;[;in;@
-;
@;ie;@
+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;ip;@
-o;;[I"handle-sidebar;	T;ip;@
-;0;o;;{;ip;@
-;ip;@
-;[
o; 
;[I"margin-left;	T;!o;";!iú;#[I"px;	T;$[;iq;%I"	-1px;	F;
@;i;&;';[;iq;@
-;
@o; 
;[I"z-index;	T;!o;";!iÐ;#[;$@z;ir;%I"	2000;	F;
@;i;&;';[;ir;@
-;
@o; 
;[I"min-width;	T;!o;";!i@
;#[I"px;	T;$[;is;%I"
-320px;	F;
@;i;&;';[;is;@
-;
@o; 
;[I"border-left;	T;!o;2	;![o;";!i;#[I"px;	T;$[;it;%I"1px;	F;
@o;(	;!I"
-solid;	T;);*;it;
@o;0	;I"baseLineColor;	T;1I"baseLineColor;	T;
@;it;3;4;it;
@;i;&;';[;it;@
-;
@o;+
;I"transition-property;	T;,[o;(	;!I"transform;	T;);*;iv;
@;-{;.0;[;iv;@
-;
@o;+
;I"transition-duration;	T;,[o;";!i,
;#[I"ms;	T;$[;iw;%I"
-300ms;	F;
@;-{;.0;[;iw;@
-;
@o;+
;I"transition-timing-function;	T;,[o;7;I"cubic-bezier;	T;,[	o;";!f	0.39;#[;$@z;ix;%I"	0.39;	F;
@o;";!f
-0.575;#[;$@z;ix;%I"
+;[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;#[;$@z;ix;%I"
-0.565;	F;
@o;";!i;#[;$@z;ix;%I"1;	F;
@;-{;.0;ix;
@;-{;.0;[;ix;@
+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;iz;@
-o;;[I"handle-sidebar;	T;iz;@
+;[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".small-navigation;	T;i;o;;[o;;[o;
-;[o;;[I"small-navigation;	T;i{;@
-;0;o;;{;i{;@
-;i{;@
 ;[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"baseHeaderBackgroundColor;	T;1I"baseHeaderBackgroundColor;	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"baseHeaderLineColor;	T;1I"baseHeaderLineColor;	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
~;@
+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"toggle-sidebar;	T;i
;@
+;0;o;;{;i
;@
+;i
;@
 ;[
o; 
;[I"display;	T;!o;(	;!I"
-block;	T;);*;i
;
@;i;&;';[;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;#[;$@z;i
ˆ;%I"10;	F;
@;i;&;';[;i
ˆ;@
-;
@;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"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
Ž;@
+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"baseHeaderTitleColor;	T;1I"baseHeaderTitleColor;	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
‘;@
+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;
@;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;
@;ip;@
-;/T;
@;ia;@
+;/T;
@;iy;@
+;/T;
@;io;@
+;/T;
@;i`;@
 ;/T;
@o;
;[I".content-area;	T;i;o;;[o;;[o;
-;[o;;[I"content-area;	T;i
•;@
+;[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"
.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
•;@
+;[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;;[I"desktop;	T;i
˜;@
+;0;o;;{;i
˜;@
 o;
-;[o;;[I"	open;	T;i
™;@
-;0;o;;{;i
™;@
+;[o;;[I"	open;	T;i
˜;@
+;0;o;;{;i
˜;@
 o;;[o;
-;[o;;[I"mobile;	T;i
™;@
-;0;o;;{;i
™;@
+;[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"	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
›;@
+;[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"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
™;@
+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
Ķ;@
+;[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".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;
@;iQ;@
+alphai;i
§;
@;i;&;';[;i
§;@
+;
@;i
Ķ;@
+;/T;
@;i
Ĩ;@
+;/T;
@;iP;@
 ;
@;/T;
-I"Œ@import "compass/utilities/general/clearfix"
+I"–@import "compass/utilities/general/clearfix"
 
 body.ui-box-background,body.ui-box-background #app
   height: 100%
   width: 100%
   position: relative
@@ -369,16 +368,15 @@
 
 body.ui-box-background
   overflow: hidden
 
 body.ui-box-background
-  background: $baseUIBoxBackgroundColor
+  background: $baseUIBoxPageBackgroundColor
   background-image: none
 
 .ui-responsive-box
   @include pie-clearfix
-  background: $baseUIBackgroundColor
   width: 100%
   margin-left: auto
   margin-right: auto
   position: relative
   color: $textColor
@@ -387,20 +385,20 @@
 
   .sidebar
     float: left
     width: $desktopSidebarWidth 
     height: 100%
-    background: $baseUIBackgroundColor
+    background: $baseUIBoxSidebarBackgroundColor
     border-right: 1px solid $baseLineColor
     padding: 20px
     @include box-sizing( border-box )
     position: relative
 
   .content-area
     height: 100%
     position: relative
-    background: $baseUIBackgroundColor
+    background: $baseUIBoxBackgroundColor
 
     @include box-sizing( border-box )
     .small-navigation
       display: none
     
@@ -434,11 +432,11 @@
     @include box-shadow( 3px 3px 0px rgba(0,0,0,0.25))
 
 
 @include for-small-screens(680px)
   body.ui-box-background
-    background: $baseSidebarBackgroundColor
+    background: $baseUIBoxSidebarBackgroundColor
 
   .mobile
     .ui-responsive-box
       .content-area.handle-sidebar
         +translateZ(0px)
@@ -450,19 +448,19 @@
     .handle-scrolling
       overflow-y: auto
 
   .ui-responsive-box
     border: none
-    background: $baseSidebarBackgroundColor
+    background: $baseUIBoxSidebarBackgroundColor
 
     .sidebar
       float: none
       position: absolute
       z-index: 1000
       width: $mobileSidebarWidth
       border: none
-      background: $baseSidebarBackgroundColor
+      background: $baseUIBoxSidebarBackgroundColor
       visibility: hidden
 
       @include transition-delay( 1.5s )
 
     .content-area.handle-sidebar
@@ -478,12 +476,12 @@
       &.handle-sidebar
         .small-navigation
           display: block
           height: $toolbarHeight
           position: relative
-          background: $baseHeaderBackgroundColor
-          border-bottom: 1px solid $baseHeaderLineColor
+          background: $baseUIBoxHeaderBackgroundColor
+          border-bottom: 1px solid $baseUIBoxHeaderLineColor
 
           margin-top: -1px
           margin-right: -2px
 
           .toggle-sidebar
@@ -499,10 +497,10 @@
             display: block
             text-align: center
             height: 44px
             font-size: 17px
             line-height: 44px
-            color: $baseHeaderTitleColor
+            color: $baseUIBoxHeaderTitleColor
             @include box-mode
             left: 60px
             right: 60px
             font-weight: bold
 
\ No newline at end of file