/*
   * Flash message after a confirmation action
   */

@import "../old_common/common-sprite";
@import "../old_common/mixins";

.flash {
  position: relative;
  padding: 22px 40px;
  border-bottom: 1px solid rgba(#CCC, 0.5);
  background: rgba(#FA9494, 0.15);

  &.success {
    background: rgba(green, 0.1);
  }

  a.close {
    @include common-sprite(close_grey);
    @include text-indent();
    position: absolute;
    top: 24px;
    right: 40px;
    width: 13px;
    height: 13px;

    &:hover {
      @include common-sprite(close_grey, $offset-y: -13px);
    }

    &:active {
      @include common-sprite(close_grey, $offset-y: -26px);
    }
  }
}