//! (C) Copyright 2011-2012 Hewlett-Packard Development Company, L.P.

$img-dir: '../../img/hp-piano';
$img-file: '#{$img_dir}/hp-piano-icons.png';
$font-dir: '../../fonts';

// fonts
$body-font-size: 13px;

// colors

$global-background: #f3f3f3;
$attention-background: #FFFDd7; //#fff7c2;
$information-background: #bce2ee;
$body-background: #d9d9d9;
$primary-background: #fff;
$primary-hover-background: #f3f3f3;
$secondary-background: #f3f3f3;
$secondary-hover-background: #fff;
$selected-background: #d6eef8; //rgba(0, 150, 214, 0.2);
$global-hover-background: #fff;
$global-selected-background: #fff;
$change-header-background: $secondary-background;
$progress-background: #e5e5e5;
$grid-item-background: #fcfcfc;
$grid-item-detail-background: #e6e6e6;
$tooltip-background: #0096D6;

$primary-divider: #d9d9d9;
$secondary-divider: #e6e6e6;
$dotted-divider: #b3b3b3;
$editable-outline: #e0e0e0;
$global-divider: #ccc;
$global-border: #e6e6e6;
$global-selected-divider: #fff;
$global-selected-secondary-divider: #666;
$attention-divider: #bfbfbf;
$change-header-divider: #bfbfbf;
$change-header-menu-divider: #ccc;
$change-section-divider: #999;
$change-changes-shadow: rgba(0, 0, 0, 0.25);
$menu-selection: #e6e6e6;
$dropdown-outline: #bfbfbf;
$dropdown-shadow: #999;
$dropdown-border: #0096D6;
$global-dropdown-shadow: #444;
$flyout-outline: #d9d9d9;
$scrollbar-color: #d1d1d1;
$filter-divider: #ccc;
$grid-item-outline: #e6e6e6;
$grid-item-outline-selected: #999999;
$grid-item-outline-hover: #676767;
$hover-outline: #000;
$graphics-border: #ccc;
$highlight-border: #666;
$slider-track: #ccc;
$plot-grid: #ccc;

$primary-primary-color: #666;
$primary-color: #333;
$secondary-primary-color: #333;
$secondary-color: #737373; //#999;
$attention-color: #000; //#7f7f7f;
$text-link-color: #007DBA; //#42a6d4;
$unselected-color: #000;
$selected-color: #000;
$menu-selected-color: #007DBA;
$page-title-color: #333;
$panel-title-color: #999;
$tertiary-color: #ccc;
$projection-color: #000;
$projection-secondary-color: #333;
$projection-tertiary-color: #666;
$projection-attention-color: #333;

$global-primary-color: #666;
$global-hover-color: #000;
$global-secondary-color: #999;
$global-attention-color: #ccc;

$error: #dc442f;
$error-faded: #f1b4ac;
$warning: #f4b51e;
$warning-faded: #fbe1a5;
$normal: #42a425;
$normal-faded: #b3dba8;
$unknown: #848484;
$unknown-faded: #cecece;
$disabled: $unknown;
$disabled-faded: $unknown-faded;

$button-background: #fff;
$button-hover-background: #fff;
$button-pressed-background: #f6f6f6;
$button-disabled-background: #f3f3f3;
$button-border: #bfbfbf;
$button-hover-border: #676767;
$button-pressed-border: #f8f8f8;
$button-disabled-border: #f3f3f3;
$button-color: #323232;
$button-hover-color: #323232;
$button-pressed-color: #323232;
$button-disabled-color: #999999;

$button-global-background: #fff;
$button-global-hover-background: #fff;
$button-global-pressed-background: #ccc;
$button-global-disabled-background: #666;
$button-global-border: #fff;
$button-global-hover-border: #fff;
$button-global-pressed-border: #ccc;
$button-global-disabled-border: #666;
$button-global-color: #323232;
$button-global-hover-color: #323232;
$button-global-pressed-color: #323232;
$button-global-disabled-color: #999999;

$table-header-background: #fff;
$table-header-rule: #7f7f7f;
$table-header-active-background: #fff;
$table-header-color: #7d7d7d; //#a5a5a5;
$table-header-hover-color: #000; //#666;
$projection-table-header-color: #333; //#666;

$graph1: #e5b856;
$graph1-faded: #f5e3bb;
$graph2: #E86BDC;
$graph2-faded: #F6C4F1;
$graph3: #8763FF;
$graph3-faded: #CFC1FF;
$graph4: #62BDD6;
$graph4-faded: #C0E5EF;
$graph5: #B0D136;
$graph5-faded: #DFEDAF;

// common sizes
$banner-height: 60px;
$sidebar-width: 200px;
$subnav-height: 40px;
$body-gutter: 10px;
$page-gutter: 5px;
$flyout-footer-height: 40px;
$form-label-width: 170px;
$form-footer-height: 60px;
$master-row-height: 30px;

// image coordinates
$active-y: 0px;
$inactive-y: -20px;
$unset-y: -40px;
$dark-y: -60px;
$active-small-y: -80px;
$inactive-small-y: -100px;
$unset-small-y: -120px;
$dark-small-y: -120px;
$blank-x: 0px;
$blank-y: -140px;

$error-x: 0px;
$warning-x: -20px;
$normal-x: -40px;
$unknown-x: -60px;
$disabled-x: -80px;
$user-x: -100px;
$help-x: -120px;
$activity-x: -140px;
$sequence-x: -200px;
$master-view-x: -220px;
$edit-x: -280px;
$spinner-x: -320px;
$banner-menu-x: -380px;
$banner-search-x: -380px;
$banner-notification-x: -180px;
$banner-session-x: -200px;
$banner-help-x: -220px;
$close-x: -160px;
$collapse-closed-x: -140px;
$collapse-open-x: -160px;
$pin-x: -180px;
$upload-x: -220px;
$power-x: -120px;
$uid-x: -140px;
$console-x: -160px;
$disc-x: -180px;

$logo-x: -260px;
$logo-y: -140px;

// z-index
$banner-z-index: 300; // over drop menus
$banner-flyout-z-index: 10; // over banner headers
$header-z-index: 50;
$sidebar-z-index: 100;
$drop-menu-z-index: 200;
$tooltip-z-index: 3000;
$change-container-z-index: 400;
$dialog-z-index: 500;

// timing

$appearance-duration: 0.2s;
$normal-animation-duration: 0.5s;

// browser specific properties

@mixin hbox {
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  display: -moz-box;
  -moz-box-orient: horizontal;
  display: box;
  box-orient: horizontal;
  -moz-box-lines: single;
}

@mixin vbox {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  display: -moz-box;
  -moz-box-orient: vertical;
  display: box;
  box-orient: vertical;
}

@mixin box-flex($flex) {
  -webkit-box-flex: $flex;
  -moz-box-flex: $flex;
  box-flex: $flex;
}

@mixin gradient($first, $second) {
  background: $second;
  //filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$first', endColorstr='$second');
  background: -webkit-gradient(linear, left top, left bottom, from($first), to($second));
  background: -moz-linear-gradient(top,  $first,  $second);
}

@mixin box-shadow($distanceX, $distanceY, $blur, $spread, $color) {
  -webkit-box-shadow: $distanceX $distanceY $blur $spread $color;
  -moz-box-shadow: $distanceX $distanceY $blur $spread $color;
  box-shadow: $distanceX $distanceY $blur $spread $color;
}

@mixin remove-box-shadow() {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

@mixin inset-shadow($distanceX, $distanceY, $blur, $spread, $color) {
  -webkit-box-shadow: inset $distanceX $distanceY $blur $spread $color;
  -moz-box-shadow: inset $distanceX $distanceY $blur $spread $color;
  box-shadow: inset $distanceX $distanceY $blur $spread $color;
}

@mixin box-inset-shadow($distanceX, $distanceY, $blur, $spread, $color,
  $idistanceX, $idistanceY, $iblur, $ispread, $icolor) {
  -webkit-box-shadow: $distanceX $distanceY $blur $spread $color,
    inset $idistanceX $idistanceY $iblur $ispread $icolor;
  -moz-box-shadow: $distanceX $distanceY $blur $spread $color,
    inset $idistanceX $idistanceY $iblur $ispread $icolor;
  box-shadow: $distanceX $distanceY $blur $spread $color,
    inset $idistanceX $idistanceY $iblur $ispread $icolor;
}

@mixin no-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

@mixin selection-indicator() {
  background-image: $selection-edge-url;
  background-position: left top;
  background-repeat: repeat-y;
}

@mixin drop-menu-border() {
  border-bottom: 5px solid $dropdown-border;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
}

@mixin device-border() {
  border: 2px solid #ccc;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 7px;
  background-image: $device-edge-url;
  background-repeat: repeat-y;
  padding-left: 5px;
}

@mixin transition($property, $duration) {
  -webkit-transition: $property $duration;
	-moz-transition: $property $duration;
	transition: $property $duration;
}

@mixin transition-full($property, $duration, $function, $delay) {
  -webkit-transition: $property $duration $function $delay;
	-moz-transition: $property $duration $function $delay;
	transition: $property $duration $function $delay;
}

@mixin transition2-full($property, $duration, $function, $delay,
  $property2, $duration2, $function2, $delay2) {
  -webkit-transition: $property $duration $function $delay, $property2 $duration2 $function2 $delay2;
	-moz-transition: $property $duration $function $delay, $property2 $duration2 $function2 $delay2;
	transition: $property $duration $function $delay, $property2 $duration2 $function2 $delay2;
}

@mixin transitions($property, $duration, $property2, $duration2) {
  -webkit-transition: $property $duration, $property2 $duration2;
	-moz-transition: $property $duration, $property2 $duration2;
	transition: $property $duration, $property2 $duration2;
}

@mixin transitions3($property, $duration, $property2, $duration2,
  $property3, $duration3) {
  -webkit-transition: $property $duration, $property2 $duration2,
    $property3 $duration3;
	-moz-transition: $property $duration, $property2 $duration2,
    $property3 $duration3;
	transition: $property $duration, $property2 $duration2,
    $property3 $duration3;
}

@mixin transform($value) {
  -webkit-transform: $value;
  -moz-transform: $value;
  -o-transform: $value;
  -ms-transform: $value;
  transform: $value;
}

@mixin transform-origin($first, $second) {
  -webkit-transform-origin: $first $second;
  -moz-transform-origin: $first $second;
  -o-transform-origin: $first $second;
  -ms-transform-origin: $first $second;
  transform-origin: $first $second;
}

@mixin box-sizing($sizing) {
  -webkit-box-sizing: $sizing;
  -moz-box-sizing: $sizing;
  -ms-box-sizing: $sizing;
  box-sizing: $sizing;
}

@mixin animation($duration, $easing) {
  -webkit-animation: $duration $easing;
  -moz-animation: $duration $easing;
  -ms-animation: $duration $easing;
  -o-animation: $duration $easing;
  animation: $duration $easing;
}

@mixin animation-fill-mode($mode) {
  -webkit-animation-fill-mode: $mode;
	-moz-animation-fill-mode: $mode;
	-ms-animation-fill-mode: $mode;
	-o-animation-fill-mode: $mode;
	animation-fill-mode: $mode;
}

@mixin animation-name($name) {
  -webkit-animation-name: $name;
	-moz-animation-name: $name;
	-ms-animation-name: $name;
	-o-animation-name: $name;
	animation-name: $name;
}

@mixin body-gradient() {
  //background: #111;
  //background: -webkit-linear-gradient(347deg,
  //  #111, #444 15%, #333 17%, #444 23%, #999 24%, #333 28%, #222 34%, #333 47%, #666 52%, #333 66%, #000);
  //background: -moz-linear-gradient(347deg,
  //  #111, #444 15%, #333 17%, #444 23%, #999 24%, #333 28%, #222 34%, #333 47%, #666 52%, #333 66%, #000);
  background-color: #fff;
  background: -webkit-linear-gradient(270deg, #000, #000 70px, #fff 72px, #ddd);
  background: -moz-linear-gradient(270deg, #000, #000 70px, #fff 72px, #ddd);
  background: -ms-linear-gradient(270deg, #000, #000 70px, #fff 72px, #ddd);
  background: -o-linear-gradient(270deg, #000, #000 70px, #fff 72px, #ddd);
}

@mixin input-gradient() {
  background-color: #fff;
  background: -webkit-linear-gradient(270deg, #eaeaea, #fff 5px);
  background: -moz-linear-gradient(270deg, #eaeaea, #fff 5px);
  background: -ms-linear-gradient(270deg, #eaeaea, #fff 5px);
  background: -o-linear-gradient(270deg, #eaeaea, #fff 5px);
}

@mixin input-inner-shadow() {
  -webkit-box-shadow: inset 0px 7px 5px -5px #eaeaea;
  -moz-box-shadow: inset 0px 7px 5px -5px #eaeaea;
  -ms-box-shadow: inset 0px 7px 5px -5px #eaeaea;
  -o-box-shadow: inset 0px 7px 5px -5px #eaeaea;
  box-shadow: inset 0px 7px 5px -5px #eaeaea;
}

@mixin remove-box-shadow() {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

@mixin print-position() {
  position: static;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  height: auto;
  width: auto;
  overflow: visible;
}

// animations

@-webkit-keyframes fadeIn {
	  0% {opacity: 0}
	100% {opacity: 1}
}

@-moz-keyframes fadeIn {
	  0% {opacity: 0}
	100% {opacity: 1}
}

@-ms-keyframes fadeIn {
	  0% {opacity: 0}
	100% {opacity: 1}
}

@-o-keyframes fadeIn {
	  0% {opacity: 0}
	100% {opacity: 1}
}

@keyframes fadeIn {
	  0% {opacity: 0}
	100% {opacity: 1}
}

@-webkit-keyframes fadeOut {
	  0% {opacity: 1}
	100% {opacity: 0}
}

@-moz-keyframes fadeOut {
	  0% {opacity: 1}
	100% {opacity: 0}
}

@-ms-keyframes fadeOut {
	  0% {opacity: 1}
	100% {opacity: 0}
}

@-o-keyframes fadeOut {
	  0% {opacity: 1}
	100% {opacity: 0}
}

@keyframes fadeOut {
	  0% {opacity: 1}
	100% {opacity: 0}
}

@-webkit-keyframes fadeInLeft {
	  0% {opacity: 0.7; -webkit-transform: translateX(-10px);}
	100% {opacity: 1; -webkit-transform: translateX(0);}
}

@-moz-keyframes fadeInLeft {
  	0% {opacity: 0.7; -moz-transform: translateX(-10px);}
	100% {opacity: 1; -moz-transform: translateX(0);}
}

@-ms-keyframes fadeInLeft {
  	0% {opacity: 0.7; -ms-transform: translateX(-10px);}
	100% {opacity: 1; -ms-transform: translateX(0);}
}

@-o-keyframes fadeInLeft {
  	0% {opacity: 0.7; -o-transform: translateX(-10px);}
	100% {opacity: 1; -o-transform: translateX(0);}
}

@keyframes fadeInLeft {
  	0% {opacity: 0.7; transform: translateX(-10px);}
	100% {opacity: 1; transform: translateX(0);}
}

@-webkit-keyframes fadeInDown {
	  0% {opacity: 0.7; -webkit-transform: translateY(-10px);}
	100% {opacity: 1; -webkit-transform: translateY(0);}
}

@-moz-keyframes fadeInDown {
  	0% {opacity: 0.7; -moz-transform: translateY(-10px);}
	100% {opacity: 1; -moz-transform: translateY(0);}
}

@-ms-keyframes fadeInDown {
  	0% {opacity: 0.7; -ms-transform: translateY(-10px);}
	100% {opacity: 1; -ms-transform: translateY(0);}
}

@-o-keyframes fadeInDown {
  	0% {opacity: 0.7; -o-transform: translateY(-10px);}
	100% {opacity: 1; -o-transform: translateY(0);}
}

@keyframes fadeInUp {
  	0% {opacity: 0.7; transform: translateY(10px);}
	100% {opacity: 1; transform: translateY(0);}
}

@-webkit-keyframes fadeInUp {
	  0% {opacity: 0.7; -webkit-transform: translateY(5px);}
	100% {opacity: 1; -webkit-transform: translateY(0);}
}

@-moz-keyframes fadeInUp {
  	0% {opacity: 0.7; -moz-transform: translateY(5px);}
	100% {opacity: 1; -moz-transform: translateY(0);}
}

@-ms-keyframes fadeInUp {
  	0% {opacity: 0.7; -ms-transform: translateY(5px);}
	100% {opacity: 1; -ms-transform: translateY(0);}
}

@-o-keyframes fadeInUp {
  	0% {opacity: 0.7; -o-transform: translateY(5px);}
	100% {opacity: 1; -o-transform: translateY(0);}
}

@keyframes fadeInUp {
  	0% {opacity: 0.7; transform: translateY(5px);}
	100% {opacity: 1; transform: translateY(0);}
}

// embedded images

$panel-vertical-dot-url:
url(data:image/gif;base64,R0lGODlhAQADAIAAAMzMzP///yH5BAAHAP8ALAAAAAABAAMAAAICDFIAOw==);

$panel-horizontal-dot-url: url(data:image/gif;base64,R0lGODlhAwABAIAAAMzMzP///yH5BAAHAP8ALAAAAAADAAEAAAICDFIAOw==);

$horizontal-dot-url: url(data:image/gif;base64,R0lGODlhBQABAIAAAMzMzP///yH5BAEHAAEALAAAAAAFAAEAAAIDTGAFADs=);

$vertical-dot-url: url(data:image/gif;base64,R0lGODlhAQAFAIAAAMzMzP///yH5BAEHAAEALAAAAAABAAUAAAIDTGAFADs=);

$selection-edge-url:
url(data:image/gif;base64,R0lGODlhBAABAIAAAEKm1P///yH5BAAHAP8ALAAAAAAEAAEAAAIChFEAOw==);

$select-down-url: url(data:image/gif;base64,R0lGODlhFAAUALMAALi4usLCw9LS1OTk5czMzLy8vtfX2Onp6cXFx////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQyMMlJq7046827/2BWIMd0IMVWAGRyAql2AICQCHS5DXRADx4DDWAAEQCEkHLJbDqfmQgAOw==);

$select-down-over-url: url(data:image/gif;base64,R0lGODlhFAAUALMAAAAAAF9fXzMzM5+fnw8PD0dHR6+vryMjI29vb////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQyMMlJq7046827/2BGCMZkCMRGAGRyAqlmAECQBHS5DfRBDx4EDYAAFQCFkHLJbDqfmQgAOw==);

$select-down-global-url:
url(data:image/gif;base64,R0lGODlhFAAUAIAAAP///////yH5BAEHAAEALAAAAAAUABQAAAIajI+py+0Po5zUgYtBzFhy2oFXRZbmiaZqUgAAOw==);

$select-down-link-url: url(data:image/gif;base64,R0lGODlhFAAUALMAAACAtl+v0SORwJ/P5Eejyg+Huq/X6C+Xw2+31v///wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQyMMlJq7046827/2BWHMZkHMVWAGRyAqlmAECQBHS5DbRADx4EDYAAEQCEkHLJbDqfmQgAOw==);

$select-up-url: url(data:image/gif;base64,R0lGODlhFAAUALMAALi4usLCw9LS1OTk5czMzLy8vtfX2Onp6cXFx////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQwMMlJq7046827/yBHAARoAKjhDWiADtyBComAHlsBIPiBAIUcb+ILho7IpHLJrEQAADs=);

$select-up-over-url: url(data:image/gif;base64,R0lGODlhFAAUALMAAAAAAF9fXzMzM5+fnw8PD0dHR6+vryMjI29vb////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQwMMlJq7046827/yBXAAWIACjiDeiBDpyBBkmAGhsBCLghAIQcb+ILho7IpHLJrEQAADs=);

$collapse-url: url(data:image/gif;base64,R0lGODlhFAAUALMAAJmZmaWlpdnZ2bm5ufLy8szMzLKysuXl5b+/v////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQrMMlJq7046827T4HwTQBgHGNZIoSnqkW7vWrA0UB8q4O8n6PQaEgsGo/HCAA7);

$collapse-over-url: url(data:image/gif;base64,R0lGODlhFAAUALMAADMzM3JycszMzExMTLKyspmZmWZmZuXl5X9/f////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQrMMlJq7046827TwPxTQBgCGNZIoenqkW7verA0UB8q4G8n6PQaEgsGo/HCAA7);

$collapse-open-url: url(data:image/gif;base64,R0lGODlhFAAUALMAAJmZmaWlpdnZ2b+/v/Ly8rKysuXl5czMzP///wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAgALAAAAAAUABQAAAQuEMlJq7046827/1UAjCQQbEJJClyhFp2hGt5ADh9BEuABHCAEIcALGo/IpHITAQA7);

$collapse-open-over-url: url(data:image/gif;base64,R0lGODlhFAAUALMAADMzM39/f8zMzExMTLKyspmZmWZmZuXl5f///wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAgALAAAAAAUABQAAAQuEMlJq7046827/9UAjCQwbERJEpyhGp2gCl5ABt9BHmABFCDEYcALGo/IpHITAQA7);

$collapsed-url: url(data:image/gif;base64,R0lGODlhFAAUAJEAAP///8zMzJmZmf///yH5BAEHAAMALAAAAAAUABQAAAIgnI+py+0Po5xLAGqECFjrK3na5AVgpHGUhbXuC8fyUwAAOw==);

$collapsed-over-url: url(data:image/gif;base64,R0lGODlhFAAUAKIAAP///8zMzJmZmWZmZjMzM////wAAAAAAACH5BAEHAAUALAAAAAAUABQAAAMgWLrc/jDKSau9bwSsCBGcR2iX6JXeAKAgRnJwLM90LSUAOw==);

$close-url: url(data:image/gif;base64,R0lGODlhFAAUAIAAAJmZmf///yH5BAEHAAEALAAAAAAUABQAAAIjjI+py+0PowQg0UeryZDzmF1S8E2hWZVNqS7i8Y7yTNc2XQAAOw==);

$close-over-url: url(data:image/gif;base64,R0lGODlhFAAUAIAAADMzM////yH5BAEHAAEALAAAAAAUABQAAAIjjI+py+0PowQg0UeryZDzmF1S8E2hWZVNqS7i8Y7yTNc2XQAAOw==);

$sort-asc-url: url(data:image/gif;base64,R0lGODlhFAAUAKIAAO7u7t3d3czMzLu7u7Ozs6KiopmZmf///yH5BAEHAAcALAAAAAAUABQAAAMpeLrc/jDKSau9kWAVTNiEoV2AYQLXYBqDVa4GSgmwIVRFXWx87/9ASQIAOw==);

$sort-asc-over-url: url(data:image/gif;base64,R0lGODlhFAAUALMAAObm5t3d3bOzs5mZmYCAgGZmZjw8PDMzM////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAgALAAAAAAUABQAAAQsEMlJq7046827/1kBSsIhjMUhfsHhBh/hHoQHzC7QDfgxdIaeYUQsGo9ITQQAOw==);

$sort-desc-url: url(data:image/gif;base64,R0lGODlhFAAUAKIAAO7u7t3d3czMzLu7u7Ozs6KiopmZmf///yH5BAEHAAcALAAAAAAUABQAAAMqeLrc/jDKSau9rpi9SxXcJlRAaADWwA1XuaEXYRDYERhBfdB67//AoCMBADs=);

$sort-desc-over-url: url(data:image/gif;base64,R0lGODlhFAAUALMAAObm5t3d3bOzs5mZmYCAgGZmZjw8PDMzM////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAgALAAAAAAUABQAAAQtEMlJq7046827/5ZxjKPRDeQ4dEB6AB5BEl9ABmBxFCAiHIIegicsGo/IpCUCADs=);

$invalid-url: url(data:image/gif;base64,R0lGODlhFAAUAKIAAP+Zmf9mM8yZmcwzM////wAAAAAAAAAAACH5BAEHAAQALAAAAAAUABQAAAMjSLrc/jDKSecYtQWc1wjdsoXKRRIj+Z3peQrAuZKta984kwAAOw==);

$valid-url: url(data:image/gif;base64,R0lGODlhFAAUALMAAEKkJYjGdtvu1lmvQKzXn5TMhGW1TU2pMnG6W7jdraDRkv///wAAAAAAAAAAAAAAACH5BAEHAAsALAAAAAAUABQAAAQ3cMlJq7046827x8E3KYC4JECpCZRwAKE2sIsLGFyqCAZw0BpEapACbggpQEIkGBRM0Kh0Su1EAAA7);

$add-url: url(data:image/gif;base64,R0lGODlhFAAUAJEAAAB9uv///////wAAACH5BAEHAAIALAAAAAAUABQAAAIdlI+py+0Po5wNAGosFlra/0EgOHWUWV7byrbumxQAOw==);

$edit-url: url(data:image/gif;base64,R0lGODlhFAAUAKIAAAB9ur/e7k+lzw+Fvh+Nws/n8l+t1P///yH5BAEHAAcALAAAAAAUABQAAANGeLrc/jDKSScA9RRSztWcRADDcJUAIRWmEQQG2UmDwBiDdAEBE+yQXW/x+0RqDEFuZRK8BDIRyTRNrUKfzYxizHi/4PAjAQA7);

$green-check-url: url(data:image/gif;base64,R0lGODlhFAAUALMAAEKkJYjGdtvu1lmvQKzXn5TMhGW1TU2pMnG6W7jdraDRkv///wAAAAAAAAAAAAAAACH5BAEHAAsALAAAAAAUABQAAAQ3cMlJq7046827x8E3KYC4JECpCZRwAKE2sIsLGFyqCAZw0BpEapACbggpQEIkGBRM0Kh0Su1EAAA7);

$main-menu-url: url(data:image/gif;base64,R0lGODlhFAAUAJEAAP///8zMzJmZmf///yH5BAEHAAMALAAAAAAUABQAAAIynI+py+0P4wsiNGqR2DnRnWycJwoJUHbfBihrNaBiR86p885QKUay2PIBJcSi8YhsFAAAOw==);

$main-menu-over-url: url(data:image/gif;base64,R0lGODlhFAAUAKIAAP///8zMzJmZmWZmZjMzMwAAAP///wAAACH5BAEHAAYALAAAAAAUABQAAAM7aLrc/jDKSescZUSsWfldg33NB4pm0QSpsAhp4MCmzJruM370uaWmUIQAJFQAxA8BYAGYmJaodEqtQhIAOw==);

$main-menu-active-url: url(data:image/gif;base64,R0lGODlhFAAUALMAAAB9ui+Vx3++3KjT51+t1J/O5U+lzw+Fvr/e7j+dywR9uv///wAAAAAAAAAAAAAAACH5BAEHAAsALAAAAAAUABQAAARFcMlJq7046837NoCRgSIFnMRFnEB1sEIlsEeFsEAxFThi8SzfjaW7zE6HwesUy6xwKE4CmuggAqyAz/o6bD3gsHhMvkQAADs=);

$device-edge-url: url(data:image/gif;base64,R0lGODlhBgABAIAAAObm5v///yH5BAAHAP8ALAAAAAAGAAEAAAIChF8AOw==);