#toast-container {
  margin-bottom: 120px;
}

#toast-container>div {
  padding: 10px 15px 10px 50px;
  width: 200px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}

#toast-container>div.toast-success {
  border: 1px solid #8DE494;
  color: #02C20F;
  -moz-box-shadow: 0 0 12px #eafaec;
  -webkit-box-shadow: 0 0 12px #eafaec;
  box-shadow: 0 0 12px #eafaec;
}

#toast-container>div.toast-error {
  border: 1px solid #FD8389;
  color: #FF000D;
  -moz-box-shadow: 0 0 12px #ffe6e7;
  -webkit-box-shadow: 0 0 12px #ffe6e7;
  box-shadow: 0 0 12px #ffe6e7;
}

#toast-container>div.toast-info {
  border: 1px solid #9ED0F8;
  color: #008BF5;
  -moz-box-shadow: 0 0 12px #e7f3fd;
  -webkit-box-shadow: 0 0 12px #e7f3fd;
  box-shadow: 0 0 12px #e7f3fd;
}

#toast-container>div.toast-warning {
  border: 1px solid #FFE8A4;
  color: #FFBF00;
  -moz-box-shadow: 0 0 12px #fff9e5;
  -webkit-box-shadow: 0 0 12px #fff9e5;
  box-shadow: 0 0 12px #fff9e5;
}

#toast-container>div.toast-success:hover {
  -moz-box-shadow: 0 0 12px #8DE494;
  -webkit-box-shadow: 0 0 12px #8DE494;
  box-shadow: 0 0 12px #8DE494;
}

#toast-container>div.toast-error:hover {
  -moz-box-shadow: 0 0 12px #FD8389;
  -webkit-box-shadow: 0 0 12px #FD8389;
  box-shadow: 0 0 12px #FD8389;
}

#toast-container>div.toast-info:hover {
  -moz-box-shadow: 0 0 12px #9ED0F8;
  -webkit-box-shadow: 0 0 12px #9ED0F8;
  box-shadow: 0 0 12px #9ED0F8;
}

#toast-container>div.toast-warning:hover {
  -moz-box-shadow: 0 0 12px #FFE8A4;
  -webkit-box-shadow: 0 0 12px #FFE8A4;
  box-shadow: 0 0 12px #FFE8A4;
}

.toast-success {
  background-color: #E7F9F1
}

.toast-error {
  background-color: #FAEDED
}

.toast-info {
  background-color: #EBF1F8
}

.toast-warning {
  background-color: #FFF8E3
}

.toast-message {
  text-align: left;
}

.toast-progress {
  display: none;
}

#toast-container>.toast-success {
  background-image: url(../../assets/plugins/toastr/icon/success.png) !important;
}

#toast-container>.toast-error {
  background-image: url(../../assets/plugins/toastr/icon/error.png) !important;
}

#toast-container>.toast-info {
  background-image: url(../../assets/plugins/toastr/icon/info.png) !important;
}

#toast-container>.toast-warning {
  background-image: url(../../assets/plugins/toastr/icon/warning.png) !important;
}