.growl-notifications {
  position: fixed;
  right: 10px;
  top: 10px;
  z-index: 9999; /*must be highest element on page*/
}

.growl-notification {
  opacity: 0;
  position: absolute;
  right: 10px;
  width: 300px;
  height: 65px;
  padding: 5px 10px 5px 45px;
  border: 2px solid transparent;
  border-radius: 10px;
  background-color: rgba(50, 50, 50, 0.5);
  color: rgb(255, 255, 255);
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
  text-shadow: 1px 1px 3px rgb(0, 0, 0);
  box-shadow: 0px 0px 15px -5px rgb(0, 0, 0);
  transition: opacity 0.3s ease-out, top 0.3s ease-out, right 0.3s ease-out;
}

.growl-notification.is-opaque {
  opacity: 1;
}

.growl-notification:hover {
  border-color: rgb(255, 255, 255);
}

.growl-notification.closed {
  display: none;
}

.growl-notification .icon {
  position: absolute;
  top: 9px;
  left: 9px;
  font-size: 26px;
}

.growl-notification .close-notification {
  display: none;
  position: absolute;
  top: -6px;
  right: 6px;
  font-size: 22px;
  cursor: pointer;
  text-decoration: none;
  color: rgb(255, 255, 255);
}

.growl-notification:hover .close-notification {
  display: block;
}