.action-alert {

position: fixed;
z-index: 10000;
bottom: -25rem;
right: 1rem;
width: 40rem;
//@include transition(.5s);
padding: $gutter $gutter*2;
color: white;
font-weight: bold;
box-shadow: 0 0 1.5rem rgba(0,0,0,0.7);
border-color: rgba(255,255,255,0.3);
background-color: $blue;
opacity: .85;
.close {
  color: white !important;
  text-shadow: none;
  opacity: 0.7;
  padding: .5rem;
  margin: -1.8rem -1rem 1rem 1rem;
  &:hover { opacity: 1; }
}
&.alert-success { background: $green; }
&.alert-danger { background: $red; }
&.alert-warning { background: $orange; }

}

.alert {

border-radius: $radius;
&.alert-info { color: $white; }

}