@mixin scrollable-footer($footer-height, $root-selector: unquote("#root"), $root-footer-selector: unquote("#root-footer"), $footer-selector: unquote("#footer")) {
  height: 100%;
  html, body { height: 100%; }
  #{$root-selector} { clear: both; min-height: 100%; height: auto !important; height: 100%; }
  #{$footer-selector} { clear: both; position: relative; height: $footer-height; }
}

@mixin ff-gradient($color-start: none, $color-end: none, $start: top, $image: false) {
  // Firefox's gradient api is nice.
  // Webkit's gradient api sucks -- hence these backflips:
  @if $color-start == none {
      background:none;
      filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
      //-ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
  } @else {
      $background: unquote("");
      @if $image {
        $background: $image + unquote(", ");
      }
      $start: unquote($start);
      $end: opposite-position($start);

      background: mix($color-start,$color-end); // for non-cs3 browsers
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$color-start}', endColorstr='#{$color-end}'); //IE 5.5 - 7
      //-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=00$color-start, endColorstr=00$color-end)"; // IE 8
      background: #{$background}-webkit-gradient(linear, grad-point($start), grad-point($end), from($color-start), to($color-end)); // webkit
      background: #{$background}-moz-linear-gradient($start, $color-start, $color-end); //mozilla
      //background: #{$background}linear-gradient($start, $color-start, $color-end);
  }
}

@mixin ff-box($type: normal) {
    $gradient-top: #eef6fe;
    $gradient-bottom: #e7f1fd;
    $border: #c9d4dc;
    $shadow: #bbcbd6;

    @if $type == darker {
      $gradient-top: desaturate(darken(#eef6fe,0%),5%);
      $gradient-bottom: desaturate(darken(#e7f1fd,3%),10%);
      $border: desaturate(darken(#c9d4dc,5%),10%);
      $shadow: desaturate(darken(#bbcbd6,15%),10%);
    } @else if $type == lighter {
      $gradient-top: desaturate(lighten(#eef6fe,1%),0%);
      $gradient-bottom: desaturate(lighten(#e7f1fd,2%),0%);
      $border: desaturate(lighten(#c9d4dc,5%),0%);
      $shadow: desaturate(lighten(#bbcbd6,5%),0%);
    } @else if $type == white {
      $gradient-top: #ffffff;
      $gradient-bottom: #ffffff;
      //$border: desaturate(lighten(#c9d4dc,5%),0%);
      //$shadow: desaturate(lighten(#bbcbd6,5%),0%);
    } @else if $type == silver {
      $gradient-top: #f1f1f6;
      $gradient-bottom: #f1f1f6;
      $border: #e2e2e8;
      $shadow: desaturate(lighten(#bbcbd6,5%),0%);
    }

    @include ff-gradient($gradient-top,$gradient-bottom); border-left:1px solid $border; border-top:1px solid $border; @include border-radius(3px); @include box-shadow(1px 1px 1px $shadow, inset 1px 1px 0 #ffffff); filter: progid:DXImageTransform.Microsoft.Shadow(color='#{$shadow}', Direction=135, Strength=3); zoom:1;
}
@mixin unset-ff-box() {
    @include ff-gradient(none); border-left:none; border-top:none; @include border-radius(0); @include box-shadow(none); filter: none; zoom:1;
}

@mixin ff-record($type: normal) {
    $gradient-top: #ffffff;
    $gradient-bottom: #ffffff;
    $border: #d0d2d6;
    $shadow: #bbcbd6;
    @include ff-gradient($gradient-top,$gradient-bottom); border-left:1px solid $border; border-top:1px solid $border; @include border-radius(1px); @include box-shadow(1px 1px 1px $shadow, inset 1px 1px 0 #ffffff); filter: progid:DXImageTransform.Microsoft.Shadow(color='#{$shadow}', Direction=135, Strength=3); zoom:1;
}


@mixin progress-bar($width, $height, $bar-color1, $bar-color2:flat, $bg-image:flat) {
    .progress-bar { border: 1px solid #D9DFE7; border-radius: 3px; display: block; height: $height; width: $width;
        .bar-label { text-align: center; line-height: $height; font-size: 11px; float: left; position: absolute; width: $width; }
        .bar-progress { float: left; height: $height; border-radius: 3px;
            @if $bar-color2 == flat { background-color: $bar-color1; }
            @else if $bg-image == flat { @include ff-gradient($bar-color1, $bar-color2); }
            @else { background: url($bg-image) left 1px repeat-x; }
        }
    }
}

@mixin user-select($option:auto) {
   -moz-user-select:$option; -khtml-user-select:$option; -webkit-user-select:$option; -o-user-select:$option; user-select:$option;
}

@mixin reset-ol {
    list-style-type: none; list-style-position:outside; text-indent:0; padding-left:0; margin-left:0; line-height:inherit;
    li { margin:0; }
}

@mixin reset-ul {
    list-style-type: none; list-style-position:outside; text-indent:0; padding-left:0; margin-left:0; line-height:inherit;
    li { margin:0; }
}