@mixin iconic($content) {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  display: inline-block;
  text-decoration: none;
  content: $content;
}

p a {
  text-decoration: underline;
  color: $font-color;

  &:hover {
    color: $link-color;
  }
}

a {
  text-decoration: none;
  color: $link-color;

  // http://www.w3.org/TR/css3-text/#text-decoration-color0
  // -moz-text-decoration-line: underline;
  // -moz-text-decoration-color: fade-out($link-color, 0.7);

  &:hover {
    color: $link-hover-color;
  }

  &.fancy {
    @include border-radius(4px);
    @include single-text-shadow(-1px -1px 0 #333333);

    position: absolute;
    color: #fff;
    font-size: 14px;
    height:23px;
    line-height:23px;
    padding:0 10px;

    &:hover {
      background-position:0 -23px;
      text-decoration:none;
    }
  }
}

table.data a.action,
table.data button.action {
  margin: 0 0 0 5%;
  text-align: right;
  white-space: nowrap;
  width: 95%;
}

a.action, button.action {
    @include border-radius(4px);
    padding: 0 3px 0 3px;
    cursor: pointer;
    line-height: 16px;
    background: transparent no-repeat 2px center;
    font-size: 12px;
    min-height: 16px;
    border-bottom: 0;
    border: none;
    color: $success-color;

    &:hover {
      color: $link-hover-color;
    }
    // https://github.com/bokmann/font-awesome-rails/blob/master/vendor/assets/stylesheets/font-awesome.css.erb
    // http://fortawesome.github.com/Font-Awesome/
    &.add:before, &.new:before  { @include iconic("\f055\0000a0"); }  // plus-sign
    &.delete:before   { @include iconic("\f014\0000a0"); }  // trash
    &.refresh:before   { @include iconic("\f021\0000a0"); } // resend
    &.edit:before     { @include iconic("\f040\0000a0"); }  // pencil
    &.bolt:before     { @include iconic("\f0e7\0000a0"); }  // bolt
    &.fire:before   { @include iconic("\f06d\0000a0"); }    // fire
    &.off:before   { @include iconic("\f011\0000a0"); }     // off
    &.activate:before { @include iconic("\f09c\0000a0"); }  // unlock
    &.message:before { @include iconic("\f003\0000a0"); }   // unlock
    &.open:before { @include iconic("\f07b\0000a0"); }      // folder
    &.close:before   { @include iconic("\f057\0000a0"); }   // remove-sign
    &.approve:before,
      &.ok:before { @include iconic("\f00c\0000a0"); } // ok
    &.reject:before   { @include iconic("\f00d\0000a0"); }  // remove

    &.eye:before { @include iconic("\f06e\0000a0"); }

    &.eye-slash:before { @include iconic("\f070\0000a0"); }

    &.add, &.new, &.approve, &.activate, &.ok {
      color: $create-color;

      &:hover {
        color: $link-hover-color;
      }
    }

    &.bolt, &.fire, &.off, &.eye {
      color: #faa21b;

      &:hover {
        color: $link-hover-color;
      }
    }

    &.delete, &.reject, &.eye-slash {
      color: $delete-color;

      &:hover {
        color: $link-hover-color;
      }
    }

    &.view    { background-image: image-url('xmag_16.png'); }

    &.more { background-image: image-url('dashboard_arrow.gif'); }
}

button.edit        { background-image: image-url('pencil.png'); }
button.suspend     { background-image: image-url('cross.png'); }
button.unsuspend   { background-image: image-url('tick.png'); }
button.resume      { background-image: image-url('tick.png'); }

button.publish, button.hide {
    padding-left: 6px;
}

button.up          { background-image: image-url('up_green.png'); }
button.down        { background-image: image-url('down_green.png'); }
button.reset       { background-image: image-url('clear-left.png'); }

button.create_key {
  background-image: image-url('key.png');
  padding-left: 20px;
}

:target {
    -webkit-animation: target-fade 3s 1;
    -moz-animation: target-fade 3s 1;
}

@-webkit-keyframes target-fade {
    0% { background-color: $focus-color; }
    100% { background-color: rgba(0,0,0,0); }
}
@-moz-keyframes target-fade {
    0% { background-color: $focus-color; }
    100% { background-color: rgba(0,0,0,0); }
}

.link--icon-last {
  direction: rtl;
}

.ExportLink {
  float: right;
  margin-top: 1em;
}
