/* Default bars' style */
.jquery-notify-bar {
  width: auto;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 32768;
  background-color: #efefef;
  font-size: 15px;
  color: #000;
  text-align: center;
  padding: 8px 25px;
  cursor: pointer;
}
.jquery-notify-bar.bottom {
  bottom:0;
  top:auto;
}

.jquery-notify-bar.error .notify-bar-text-wrapper,
.jquery-notify-bar.warning .notify-bar-text-wrapper,
.jquery-notify-bar.success .notify-bar-text-wrapper {
  padding: 1px 0 1px 23px;
}

/* Style for errors */
.jquery-notify-bar.error {
  color:#d00;
  background-color:#fdd;
}
.jquery-notify-bar.error .notify-bar-text-wrapper {
  background: transparent url("jq-notify-bar-icons.svg") no-repeat 0 -62px;
}

/* Style for warning */
.jquery-notify-bar.warning {
  color:#000;
  background-color:#fffaaa;
}
.jquery-notify-bar.warning .notify-bar-text-wrapper {
  background: transparent url("jq-notify-bar-icons.svg") no-repeat 1px 1px;
}

/* Style for success */
.jquery-notify-bar.success {
  color:#060;
  background-color:#BBFFB6;
}
.jquery-notify-bar.success .notify-bar-text-wrapper {
  background: transparent url("jq-notify-bar-icons.svg") no-repeat 2px -31px;
}

/* Style for info */
.jquery-notify-bar.info {
  color: #31708f;
  background-color: #d9edf7;
}

/* Style for close button */
.notify-bar-close {
  position:absolute;
  left:97%;
  top: 13px;
  text-decoration: none;
  color: #222;
  font-size: 30px;
}
.notify-bar-close:hover {
  color: #05f;
}