.adcNotification {
  width:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:32768;
  background-color:#efefef;
  font-size:12px;
  color:#000;
  text-align:center;
  font-family: Arial, Verdana, sans-serif;
  padding:5px 0px;
  cursor: pointer;
  border-bottom:1px solid #bbb;
  -webkit-box-shadow: inset 0 -1px 0 0 #fff;
     -moz-box-shadow: inset 0 -1px 0 0 #fff;
          box-shadow: inset 0 -1px 0 0 #fff;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}
.adcNotification.bottom {
  bottom:0;
  top:auto;
  border-top:1px solid #bbb;
  border-bottom:0;
  -webkit-box-shadow: inset 0 1px 0 0 #fff;
     -moz-box-shadow: inset 0 1px 0 0 #fff;
          box-shadow: inset 0 1px 0 0 #fff;
}

.adcNotification.error .adcNotificationWrapper,
.adcNotification.warning .adcNotificationWrapper,
.adcNotification.success .adcNotificationWrapper {
  padding: 4px 0 5px 30px;
}

/* Style for errors */
.adcNotification.error {
  color:#d00;
  background-color:#fdd;
}
.adcNotification.error .adcNotificationWrapper {
  background: transparent url("./images/adc-notification-icons.svg") no-repeat 0 -62px;
}

/* Style for warning */
.adcNotification.warning {
  color:#000;
  background-color:#fffaaa;
}
.adcNotification.warning .adcNotificationWrapper {
  background: transparent url("./images/adc-notification-icons.svg") no-repeat 1px 1px;
}

/* Style for success */
.adcNotification.success {
  color:#060;
  background-color:#BBFFB6;
}
.adcNotification.success .adcNotificationWrapper {
  background: transparent url("./images/adc-notification-icons.svg") no-repeat 2px -31px;
}

/* Style for close button */
.adcNotification-close {
  position:absolute;
  left:98%;
  top: 0px;
  text-decoration: none;
  color: #222;
  font-size: 20px;
}
.adcNotification-close:hover {
  color: #05f;
}