.toast-title {
  font-weight: bold;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  margin-left: 35px;
}
.toast-message a,
.toast-message label {
  color: #ffffff;
}
.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: calc(95px + 12px);
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  pointer-events: none;
  /*overrides*/
}
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#toast-container > div {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

#toast-container > div {	
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  margin: 0 0 var(--outer-md);
  padding: 15px 15px 15px 50px;
  min-height: 70px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 6px 14px 0px rgba(0,0,0,0.35);
  -webkit-box-shadow: 0 6px 14px 0px rgba(0,0,0,0.35);
  box-shadow: 0 6px 14px 0px rgba(0,0,0,0.35);
  color: #ffffff;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=100);
}
/*
#toast-container > :hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}
*/
#toast-container > .toast-info {
  background-image:  url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjIwcHgiIGZpbGw9IiNGRkYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgPGc+ICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjYyLjAwMDAwMCwgLTQ0Mi4wMDAwMDApIiBmaWxsLXJ1bGU9Im5vbnplcm8iPiAgICAgICAgICAgIDxnIGlkPSJpbmZvcm1hdGlvbi0oMikiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI2Mi4wMDAwMDAsIDQ0Mi4wMDAwMDApIj4gICAgICAgICAgICAgICAgPHBhdGggZD0iTTcuMDg2NzU3OTksNS4yMTY0MzgzNiBDNy4xMTU5ODE3NCw1LjI3NDg4NTg0IDcuMTQ1MjA1NDgsNS4zMzMzMzMzMyA3LjE3NDQyOTIyLDUuMzc3MTY4OTUgQzcuMjAzNjUyOTcsNS40MjEwMDQ1NyA3LjI0NzQ4ODU4LDUuNDY0ODQwMTggNy4yNzY3MTIzMyw1LjUwODY3NTggQzcuMzIwNTQ3OTUsNS41NTI1MTE0MiA3LjM2NDM4MzU2LDUuNTk2MzQ3MDMgNy40MjI4MzEwNSw1LjY0MDE4MjY1IEM3LjQ2NjY2NjY3LDUuNjY5NDA2MzkgNy41MjUxMTQxNiw1LjcxMzI0MjAxIDcuNTk4MTczNTIsNS43Mjc4NTM4OCBDNy42NTY2MjEsNS43NTcwNzc2MyA3LjcxNTA2ODQ5LDUuNzcxNjg5NSA3Ljc4ODEyNzg1LDUuNzg2MzAxMzcgQzcuODYxMTg3MjEsNS44MDA5MTMyNCA3LjkxOTYzNDcsNS44MDA5MTMyNCA3Ljk3ODA4MjE5LDUuODAwOTEzMjQgQzguMDM2NTI5NjgsNS44MDA5MTMyNCA4LjEwOTU4OTA0LDUuODAwOTEzMjQgOC4xNjgwMzY1Myw1Ljc4NjMwMTM3IEM4LjIyNjQ4NDAyLDUuNzcxNjg5NSA4LjI4NDkzMTUxLDUuNzU3MDc3NjMgOC4zMjg3NjcxMiw1LjcyNzg1Mzg4IEw4LjM0MzM3OSw1LjcyNzg1Mzg4IEM4LjQwMTgyNjQ4LDUuNjk4NjMwMTQgOC40NjAyNzM5Nyw1LjY2OTQwNjM5IDguNTE4NzIxNDYsNS42MjU1NzA3OCBDOC41NjI1NTcwOCw1LjU5NjM0NzAzIDguNjA2MzkyNjksNS41NTI1MTE0MiA4LjY1MDIyODMxLDUuNTA4Njc1OCBMOC42NjQ4NDAxOCw1LjQ5NDA2MzkzIEM4LjcwODY3NTgsNS40NTAyMjgzMSA4LjczNzg5OTU0LDUuNDA2MzkyNjkgOC43NjcxMjMyOSw1LjM2MjU1NzA4IEM4Ljc5NjM0NzAzLDUuMzE4NzIxNDYgOC44MjU1NzA3OCw1LjI3NDg4NTg0IDguODQwMTgyNjUsNS4yMTY0MzgzNiBDOC44NDAxODI2NSw1LjIwMTgyNjQ4IDguODQwMTgyNjUsNS4yMDE4MjY0OCA4Ljg1NDc5NDUyLDUuMTg3MjE0NjEgQzguODg0MDE4MjYsNS4xMjg3NjcxMiA4Ljg5ODYzMDE0LDUuMDU1NzA3NzYgOC45MTMyNDIwMSw0Ljk5NzI2MDI3IEM4LjkyNzg1Mzg4LDQuOTM4ODEyNzkgOC45Mjc4NTM4OCw0Ljg2NTc1MzQyIDguOTI3ODUzODgsNC44MDczMDU5NCBDOC45Mjc4NTM4OCw0Ljc0ODg1ODQ1IDguOTI3ODUzODgsNC42NzU3OTkwOSA4LjkxMzI0MjAxLDQuNjE3MzUxNiBDOC44OTg2MzAxNCw0LjU1ODkwNDExIDguODg0MDE4MjYsNC41MDA0NTY2MiA4Ljg1NDc5NDUyLDQuNDI3Mzk3MjYgQzguODEwOTU4OSw0LjMyNTExNDE2IDguNzUyNTExNDIsNC4yMzc0NDI5MiA4LjY3OTQ1MjA1LDQuMTY0MzgzNTYgQzguNjY0ODQwMTgsNC4xNDk3NzE2OSA4LjY2NDg0MDE4LDQuMTQ5NzcxNjkgOC42NTAyMjgzMSw0LjEzNTE1OTgyIEM4LjYwNjM5MjY5LDQuMDkxMzI0MiA4LjU2MjU1NzA4LDQuMDYyMTAwNDYgOC41MDQxMDk1OSw0LjAxODI2NDg0IEM4LjQ0NTY2MjEsMy45ODkwNDExIDguNDAxODI2NDgsMy45NTk4MTczNSA4LjM0MzM3OSwzLjkzMDU5MzYxIEM4LjI4NDkzMTUxLDMuOTAxMzY5ODYgOC4yMjY0ODQwMiwzLjg4Njc1Nzk5IDguMTY4MDM2NTMsMy44NzIxNDYxMiBDOC4wOTQ5NzcxNywzLjg1NzUzNDI1IDguMDM2NTI5NjgsMy44NTc1MzQyNSA3Ljk3ODA4MjE5LDMuODU3NTM0MjUgQzcuOTE5NjM0NywzLjg1NzUzNDI1IDcuODQ2NTc1MzQsMy44NTc1MzQyNSA3Ljc4ODEyNzg1LDMuODcyMTQ2MTIgQzcuNzI5NjgwMzcsMy44ODY3NTc5OSA3LjY3MTIzMjg4LDMuOTAxMzY5ODYgNy42MTI3ODUzOSwzLjkzMDU5MzYxIEw3LjU5ODE3MzUyLDMuOTMwNTkzNjEgQzcuNTM5NzI2MDMsMy45NTk4MTczNSA3LjQ4MTI3ODU0LDMuOTg5MDQxMSA3LjQzNzQ0MjkyLDQuMDE4MjY0ODQgQzcuMzc4OTk1NDMsNC4wNjIxMDA0NiA3LjMzNTE1OTgyLDQuMDkxMzI0MiA3LjI5MTMyNDIsNC4xMzUxNTk4MiBDNy4yNDc0ODg1OCw0LjE3ODk5NTQzIDcuMjAzNjUyOTcsNC4yMjI4MzEwNSA3LjE3NDQyOTIyLDQuMjY2NjY2NjcgQzcuMTQ1MjA1NDgsNC4zMTA1MDIyOCA3LjExNTk4MTc0LDQuMzY4OTQ5NzcgNy4wODY3NTc5OSw0LjQyNzM5NzI2IEM3LjA1NzUzNDI1LDQuNDg1ODQ0NzUgNy4wNDI5MjIzNyw0LjU0NDI5MjI0IDcuMDI4MzEwNSw0LjYwMjczOTczIEM3LjAxMzY5ODYzLDQuNjc1Nzk5MDkgNy4wMTM2OTg2Myw0LjczNDI0NjU4IDcuMDEzNjk4NjMsNC43OTI2OTQwNiBDNy4wMTM2OTg2Myw0Ljg1MTE0MTU1IDcuMDEzNjk4NjMsNC45MjQyMDA5MSA3LjAyODMxMDUsNC45ODI2NDg0IEM3LjA0MjkyMjM3LDUuMDk5NTQzMzggNy4wNzIxNDYxMiw1LjE1Nzk5MDg3IDcuMDg2NzU3OTksNS4yMTY0MzgzNiBaIiBpZD0iU2hhcGUiPjwvcGF0aD4gICAgICAgICAgICAgICAgPHBhdGggZD0iTTkuMTE3ODA4MjIsMTAuNTY0MzgzNiBMOC43ODE3MzUxNiwxMC41NjQzODM2IEw4Ljc4MTczNTE2LDYuOTg0NDc0ODkgQzguNzgxNzM1MTYsNi43Nzk5MDg2OCA4LjYyMTAwNDU3LDYuNjA0NTY2MjEgOC40MDE4MjY0OCw2LjYwNDU2NjIxIEw2Ljg2NzU3OTkxLDYuNjA0NTY2MjEgQzYuNjYzMDEzNyw2LjYwNDU2NjIxIDYuNDg3NjcxMjMsNi43NjUyOTY4IDYuNDg3NjcxMjMsNi45ODQ0NzQ4OSBMNi40ODc2NzEyMyw3Ljc3MzUxNTk4IEM2LjQ4NzY3MTIzLDcuOTc4MDgyMTkgNi42NDg0MDE4Myw4LjE1MzQyNDY2IDYuODY3NTc5OTEsOC4xNTM0MjQ2NiBMNy4xNzQ0MjkyMiw4LjE1MzQyNDY2IEw3LjE3NDQyOTIyLDEwLjU3ODk5NTQgTDYuODY3NTc5OTEsMTAuNTc4OTk1NCBDNi42NjMwMTM3LDEwLjU3ODk5NTQgNi40ODc2NzEyMywxMC43Mzk3MjYgNi40ODc2NzEyMywxMC45NTg5MDQxIEw2LjQ4NzY3MTIzLDExLjc0Nzk0NTIgQzYuNDg3NjcxMjMsMTEuOTUyNTExNCA2LjY0ODQwMTgzLDEyLjEyNzg1MzkgNi44Njc1Nzk5MSwxMi4xMjc4NTM5IEw5LjExNzgwODIyLDEyLjEyNzg1MzkgQzkuMzIyMzc0NDMsMTIuMTI3ODUzOSA5LjQ5NzcxNjg5LDExLjk2NzEyMzMgOS40OTc3MTY4OSwxMS43NDc5NDUyIEw5LjQ5NzcxNjg5LDEwLjk1ODkwNDEgQzkuNDk3NzE2ODksMTAuNzM5NzI2IDkuMzIyMzc0NDMsMTAuNTY0MzgzNiA5LjExNzgwODIyLDEwLjU2NDM4MzYgWiIgaWQ9IlNoYXBlIj48L3BhdGg+ICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik03Ljk5MjY5NDA2LDAgQzMuNTc5OTA4NjgsMCAwLDMuNTc5OTA4NjggMCw3Ljk5MjY5NDA2IEMwLDEyLjQwNTQ3OTUgMy41Nzk5MDg2OCwxNS45ODUzODgxIDcuOTkyNjk0MDYsMTUuOTg1Mzg4MSBDMTIuNDA1NDc5NSwxNS45ODUzODgxIDE1Ljk4NTM4ODEsMTIuNDA1NDc5NSAxNS45ODUzODgxLDcuOTkyNjk0MDYgQzE1Ljk4NTM4ODEsMy41Nzk5MDg2OCAxMi40MDU0Nzk1LDAgNy45OTI2OTQwNiwwIFogTTcuOTkyNjk0MDYsMTQuOTMzMzMzMyBDNC4xNjQzODM1NiwxNC45MzMzMzMzIDEuMDUyMDU0NzksMTEuODIxMDA0NiAxLjA1MjA1NDc5LDcuOTkyNjk0MDYgQzEuMDUyMDU0NzksNC4xNjQzODM1NiA0LjE2NDM4MzU2LDEuMDUyMDU0NzkgNy45OTI2OTQwNiwxLjA1MjA1NDc5IEMxMS44MjEwMDQ2LDEuMDUyMDU0NzkgMTQuOTMzMzMzMyw0LjE2NDM4MzU2IDE0LjkzMzMzMzMsNy45OTI2OTQwNiBDMTQuOTMzMzMzMywxMS44MjEwMDQ2IDExLjgyMTAwNDYsMTQuOTMzMzMzMyA3Ljk5MjY5NDA2LDE0LjkzMzMzMzMgWiIgaWQ9IlNoYXBlIj48L3BhdGg+ICAgICAgICAgICAgPC9nPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+) !important;
}
#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #51a351;
}
.toast-error {
  background-color: #ff716b;
}
.toast-info {
  background-color: #458fff;
}
.toast-warning {
  background-color: #f89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}