.toastjs-container {
  position: absolute;
  position: fixed;
  bottom: 30px;
  left: 30px;
  width: calc(100% - 60px);
  max-width: 400px;
  transform: translateX(-150%);
  transition: transform 1s;
  z-index: 100;
}
.toastjs-container[aria-hidden="false"] {
  transform: translateX(0);
}
.toastjs {
  background: #fff;
  padding: 10px 15px 0;
  border-left-style: solid;
  border-left-width: 5px;
  border-radius: 4px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}
.toastjs.default {
  border-left-color: #aaa;
}
.toastjs.success {
  border-left-color: #2ecc40;
}
.toastjs.warning {
  border-left-color: #ff851b;
}
.toastjs.danger {
  border-left-color: #ff4136;
}
.toastjs-btn {
  background: #f0f0f0;
  padding: 5px 10px;
  border: 0;
  border-radius: 4px;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  cursor: pointer;
}
.toastjs-btn--custom {
  background: #323232;
  color: #fff;
}
.toastjs-btn:focus,
.toastjs-btn:hover {
  outline: 0;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}

.toastjs-btn {
  background: #2271b1 !important;
  color: #fff !important;
  display: none !important;
}

.toastjs {
  padding: 10px 15px 8px !important;
}
.toastjs p {
  margin: 0px !important;
}
.toastjs.success {
  background-color: #2ecc40 !important;
  color: #fff !important;
}

.toastjs.danger {
  background-color: #ff4136 !important;
  color: #fff !important;
}
