.notification-modal,
.notification-has-position {
  position: absolute;
  z-index: 9999;
}
.notification {
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.5s linear;
  -moz-transition: opacity 0.5s linear;
  -o-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
}
.notification.is-open {
  display: block;
  opacity: 1;
  transition-delay: 0s;
}
.notification > .notification-content {
  display: inline-block;
  background-color: #ffffff;
  width: 350px;
  padding: 8px 8px 8px 8px;
  border: 2px solid #ffffff;
  position: relative;
  text-align: left;
  vertical-align: middle;
  /* -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2); */
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}
.notification > .notification-content.notification-status-border.status-alert {
  border-color: #dbaa35;
}
.notification > .notification-content.notification-status-border.status-failure {
  border-color: #9a3d37;
}
.notification > .notification-content.notification-status-border.status-information {
  border-color: #5a6f89;
}
.notification > .notification-content.notification-status-border.status-success {
  border-color: #6a7d39;
}
.notification > .notification-content.notification-status-background.status-alert {
  background-color: #FBF5E8;
}
.notification > .notification-content.notification-status-background.status-failure {
  background-color: #F4E9E9;
}
.notification > .notification-content.notification-status-background.status-information {
  background-color: #F7F8F9;
}
.notification > .notification-content.notification-status-background.status-success {
  background-color: #EFF2EA;
}
.notification > .notification-content.icon-is-visible .notification-icon {
  display: block;
}
.notification > .notification-content.icon-is-visible.notification-large .notification-text-wrapper {
  float: right;
  width: 302px;
}
.notification > .notification-content.icon-is-visible.notification-small .notification-text-wrapper {
  float: right;
  width: 310px;
}
.notification > .notification-content .notification-title-container {
  font-weight: bold;
  display: block;
  padding-bottom: 6px;
}
.notification > .notification-content .notification-title {
  font-size: 0.8125rem;
  line-height: 1.125;
}
.notification > .notification-content .notification-text-wrapper {
  padding-right: 11px;
}
.notification > .notification-content .notification-text {
  display: inline;
}
.notification > .notification-content .notification-buttons {
  padding-top: 10px;
  float: right;
}
.notification > .notification-content .notification-buttons button {
  margin-left: 6px;
  display: inline-block;
}
.notification > .notification-content .notification-close {
  position: absolute;
  top: 2px;
  right: 1px;
  color: #444444;
  cursor: pointer;
}
.notification > .notification-content .notification-close:hover {
  color: #325a8c;
}
.notification > .notification-content .notification-close:active {
  color: #325a8c;
}
.notification .notification-icon {
  display: none;
  float: left;
  background-repeat: no-repeat;
  background-position: left center;
}
.notification .notification-small .notification-icon {
  height: 20px;
  width: 20px;
}
.notification .notification-large .notification-icon {
  height: 34px;
  width: 32px;
}
.notification .notification-large.status-alert .notification-icon {
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20enable-background%3D%22new%200%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%23F1B539%22%20d%3D%22M1.876%2C24c-1.671%2C0-2.356-0.949-1.52-2.637L10.479%2C1.211c0.836-1.682%2C2.206-1.578%2C3.039%2C0.104l10.127%2C20.001%0A%09C24.479%2C22.998%2C23.797%2C24%2C22.123%2C24H1.876z%22%2F%3E%0A%3Ccircle%20fill%3D%22%231D1515%22%20cx%3D%2212%22%20cy%3D%2219%22%20r%3D%222%22%2F%3E%0A%3Cpolygon%20fill%3D%22%231D1515%22%20points%3D%2213%2C16%2011%2C16%2010%2C7%2014%2C7%20%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.notification .notification-large.status-failure .notification-icon {
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20enable-background%3D%22new%200%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%239A3D37%22%20d%3D%22M1.876%2C24c-1.671%2C0-2.356-0.949-1.52-2.637L10.479%2C1.211c0.836-1.682%2C2.206-1.578%2C3.039%2C0.104l10.127%2C20.001%0A%09C24.479%2C22.998%2C23.797%2C24%2C22.123%2C24H1.876z%22%2F%3E%0A%3Ccircle%20fill%3D%22%23FFFFFF%22%20cx%3D%2212%22%20cy%3D%2219%22%20r%3D%222%22%2F%3E%0A%3Cpolygon%20fill%3D%22%23FFFFFF%22%20points%3D%2213%2C16%2011%2C16%2010%2C7%2014%2C7%20%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.notification .notification-large.status-information .notification-icon {
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%2224px%22%20height%3D%2225px%22%20viewBox%3D%220%200%2024%2025%22%20enable-background%3D%22new%200%200%2024%2025%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cg%20opacity%3D%220.8%22%3E%0A%09%09%3Cg%3E%0A%09%09%09%3Ccircle%20fill%3D%22%23FFFFFF%22%20cx%3D%2212%22%20cy%3D%2213%22%20r%3D%2212%22%2F%3E%0A%09%09%3C%2Fg%3E%0A%09%09%3Cg%3E%0A%09%09%09%3Ccircle%20fill%3D%22%23224875%22%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2212%22%2F%3E%0A%09%09%3C%2Fg%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Crect%20x%3D%2210%22%20y%3D%225%22%20fill%3D%22%23FFFFFF%22%20width%3D%224%22%20height%3D%224%22%2F%3E%0A%3Crect%20x%3D%2210%22%20y%3D%2211%22%20fill%3D%22%23FFFFFF%22%20width%3D%224%22%20height%3D%228%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.notification .notification-large.status-success .notification-icon {
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20enable-background%3D%22new%200%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cg%3E%0A%09%09%3Ccircle%20fill%3D%22%23788C41%22%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2212%22%2F%3E%0A%09%3C%2Fg%3E%0A%09%3Cg%3E%0A%09%09%3Cg%3E%0A%09%09%09%3Cg%20id%3D%22XMLID_7_%22%3E%0A%09%09%09%09%3Cpolygon%20fill%3D%22%23FFFFFF%22%20points%3D%2217.968%2C5.25%209.75%2C14.25%206.016%2C9.618%204.5%2C11.404%209.135%2C17.324%209.948%2C18.375%2010.799%2C17.353%20%0A%09%09%09%09%0919.5%2C7.022%20%09%09%09%09%22%2F%3E%0A%09%09%09%3C%2Fg%3E%0A%09%09%3C%2Fg%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
}
.notification .notification-small.status-alert .notification-icon {
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20enable-background%3D%22new%200%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%23F1B539%22%20d%3D%22M1.876%2C24c-1.671%2C0-2.356-0.949-1.52-2.637L10.479%2C1.211c0.836-1.682%2C2.206-1.578%2C3.039%2C0.104l10.127%2C20.001%0A%09C24.479%2C22.998%2C23.797%2C24%2C22.123%2C24H1.876z%22%2F%3E%0A%3Ccircle%20fill%3D%22%231D1515%22%20cx%3D%2212%22%20cy%3D%2219%22%20r%3D%222%22%2F%3E%0A%3Cpolygon%20fill%3D%22%231D1515%22%20points%3D%2213%2C16%2011%2C16%2010%2C7%2014%2C7%20%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-size: 1.25rem;
}
.notification .notification-small.status-failure .notification-icon {
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20enable-background%3D%22new%200%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%239A3D37%22%20d%3D%22M1.876%2C24c-1.671%2C0-2.356-0.949-1.52-2.637L10.479%2C1.211c0.836-1.682%2C2.206-1.578%2C3.039%2C0.104l10.127%2C20.001%0A%09C24.479%2C22.998%2C23.797%2C24%2C22.123%2C24H1.876z%22%2F%3E%0A%3Ccircle%20fill%3D%22%23FFFFFF%22%20cx%3D%2212%22%20cy%3D%2219%22%20r%3D%222%22%2F%3E%0A%3Cpolygon%20fill%3D%22%23FFFFFF%22%20points%3D%2213%2C16%2011%2C16%2010%2C7%2014%2C7%20%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-size: 1.25rem;
}
.notification .notification-small.status-information .notification-icon {
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%2224px%22%20height%3D%2225px%22%20viewBox%3D%220%200%2024%2025%22%20enable-background%3D%22new%200%200%2024%2025%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cg%20opacity%3D%220.8%22%3E%0A%09%09%3Cg%3E%0A%09%09%09%3Ccircle%20fill%3D%22%23FFFFFF%22%20cx%3D%2212%22%20cy%3D%2213%22%20r%3D%2212%22%2F%3E%0A%09%09%3C%2Fg%3E%0A%09%09%3Cg%3E%0A%09%09%09%3Ccircle%20fill%3D%22%23224875%22%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2212%22%2F%3E%0A%09%09%3C%2Fg%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Crect%20x%3D%2210%22%20y%3D%225%22%20fill%3D%22%23FFFFFF%22%20width%3D%224%22%20height%3D%224%22%2F%3E%0A%3Crect%20x%3D%2210%22%20y%3D%2211%22%20fill%3D%22%23FFFFFF%22%20width%3D%224%22%20height%3D%228%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-size: 1.25rem;
}
.notification .notification-small.status-success .notification-icon {
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20enable-background%3D%22new%200%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cg%3E%0A%09%09%3Ccircle%20fill%3D%22%23788C41%22%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2212%22%2F%3E%0A%09%3C%2Fg%3E%0A%09%3Cg%3E%0A%09%09%3Cg%3E%0A%09%09%09%3Cg%20id%3D%22XMLID_7_%22%3E%0A%09%09%09%09%3Cpolygon%20fill%3D%22%23FFFFFF%22%20points%3D%2217.968%2C5.25%209.75%2C14.25%206.016%2C9.618%204.5%2C11.404%209.135%2C17.324%209.948%2C18.375%2010.799%2C17.353%20%0A%09%09%09%09%0919.5%2C7.022%20%09%09%09%09%22%2F%3E%0A%09%09%09%3C%2Fg%3E%0A%09%09%3C%2Fg%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
  background-size: 1.25rem;
}
.notification-modal {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(51, 51, 51, 0.4);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000)";
}
.notification-modal:before {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  content: "";
}
.notification-modal.is-open {
  display: inline-block;
}