.notifications {
  position: fixed;
  z-index: 9999;
}

/* Positioning */ 
.notifications.top-right {
  right: 10px;
  top: 55px;
}

.notifications.top-left {
  left: 10px;
  top: 25px;
}

.notifications.bottom-left {
  left: 10px;
  bottom: 25px;
}

.notifications.bottom-right {
  right: 10px;
  bottom: 25px;
}

/* Notification Element */
.notifications > div {
  position: relative;
  margin: 1px 0px;
}


.notification-danger {
  background-color: #4c4c4c;
  padding: 8px;
  border: 0px solid #5e2129 ;
  border-left-width: 20px;
  border-radius: 3px;
  margin: 0 auto;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color : #F0F0F0;

  border-left-color: #c31818; /* Left side border color */
}

.notification-info {
  background-color: #4c4c4c;
  padding: 8px;
  border: 0px solid #5e2129 ;
  border-left-width: 20px;
  border-radius: 3px;
  margin: 0 auto;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color : #F0F0F0;

  border-left-color: #5bc0de; /* Left side border color */
}

.notification-success {
  background-color: #4c4c4c;
  padding: 8px;
  border: 0px solid #5e2129 ;
  border-left-width: 20px;
  border-radius: 3px;
  margin: 0 auto;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color : #F0F0F0;

  border-left-color: #5cb85c; /* Left side border color */
}

.notification-danger strong {
  color:  #FFFFFF;
}

.notification-close > button {
  color: #F0F0F0;
  opacity: 0.2;
}