.toast-title {
  font-weight: bold;
  padding: 15px 15px 0 15px;
  background: #fff;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  padding: 20px 15px;
  background: #fff;
  border-radius: 0 8px 8px 0;
}
.toast-message label {
  color: #343434;
}
.toast-message a {
  color: #4c68b3;
  text-decoration: underline;
}
.toast-message a:hover {
  color: #333399;
}
.toast-close-button {
  position: relative;
  right: 0.3em;
  top: 0;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #bbc2ca;
  -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: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 24px;
  left: 24px;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  pointer-events: none;
  /*overrides*/
}
#toast-container * {
  box-sizing: border-box;
}
#toast-container > div {
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 0 0 0 50px;
  width: 300px;
  border-radius: 8px 8px 8px 8px;
  background-position: 15px center;
  background-repeat: no-repeat;
  /*box-shadow: 0 0 12px #999999;*/
  box-shadow: 0 0 12px rgba(153, 153, 153, 0.5);
  color: #343434;
  /*opacity: 0.8;*/
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
#toast-container > :hover {
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
  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/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAmCAYAAAA1MOAmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REYxNUJFOTk5NDI4MTFFNUFGQTE4M0Y5QjAyNThFRDIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REYxNUJFOUE5NDI4MTFFNUFGQTE4M0Y5QjAyNThFRDIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpERjE1QkU5Nzk0MjgxMUU1QUZBMTgzRjlCMDI1OEVEMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpERjE1QkU5ODk0MjgxMUU1QUZBMTgzRjlCMDI1OEVEMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pt1WL1sAAAKASURBVHja7JdNSFVBFMffLW0RWZhKgdWiT82EqAgqoRbVohbpoyBoqZsgalfgqgjaRa0iiiBQIoogCGoVhYKWRKGm8BChUsKihIpISpt+Q+fW8b65H8/3fCsP/N6dN3Nm/vNxZuZezxiTKpbNSxXR5sTmxKx5sBkWFEPsFLyCS8UQa5TnoVzEFkJljkIbYIekq2HftFJ7gjjwoBcmoDbER/sehhswbv7aiDx/wC1ohtKwBmrMfzsdI3bUTLcuKIO7gfzWsGmsU+lNMVP3EobU/63QDHtV3nvoCOvtBdWj/piR+ayEq4HR3Id1MtVZa1YKB+GLmnNr52BxAkHb6BtVt0yX259lcEVG8FP1qk3WY0rlvYV70BAheFN8u4Nl9ue8ybYOmC9OZxzlvRFitdKh3S6x1fAAPgUavCwVJlSeTT+HJmlgGxxJuKZZa7YcWpTAZ3leh/VqtClZw29S3jQTMZ+LajRDfjQFOKB8riURC9tnPYG060WlPmRf5nzFvFbpwRCfjYUSswIZmIKHCU6ZJbAiVi1ijpfK7neVrZH9Z/dlp6zbyZkGSBRV0CMC7ZCWtI3MXVF1vQQvqVUSDDWwBdJQDiOwHcagHY7BJDyCblmKARj+F2ARPdkDfcZtT+Tg9X1LZLv8cvh+sNdL3DS2OSpOyp5aFHIItzhOIn+KI8XWwm0YdVQeDRzGFfDY4fcVnkJjLgFSDjvhOLyQhr5DvVxLzyTvI5yF/bCqENFYIu8VRkZzQtLDUF3o0PdHai/H35ARsXRcPS+P77NOaFD/K2B8tl6/B1R6LE4oX7HBBId1wcT6VLp/tsW64J3cDHcSfd7k+QFfKYGRSeL8R4ABAANgJOZXeWx6AAAAAElFTkSuQmCC") !important;
  background-position-x: 11px;
}
#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-messages {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAiCAYAAAA+stv/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NURDODlEQjQ5NDI5MTFFNUE2RjFBOUMyOTM0QjgzQkEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NURDODlEQjU5NDI5MTFFNUE2RjFBOUMyOTM0QjgzQkEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1REM4OURCMjk0MjkxMUU1QTZGMUE5QzI5MzRCODNCQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1REM4OURCMzk0MjkxMUU1QTZGMUE5QzI5MzRCODNCQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Prg10bwAAAI1SURBVHja7JZPaBNBFMazujVqi20gKBYRKpR6SWkDFVH8i9RSesjFHr14KgXBm+ChB6WQg2evoUI8hVaMJkEEL5411LZCJS2ejD1U0timEbN+U76N0+lusk3XzSUPfixv3kzem8l7b0YzDMPXTDnka7K0AmgFoAZwEyTAGjBcpAyWwFNwdpdHUYbgCIgZ3sg2uE+/1QBmaCyDKOgDh81JLtABhsFbKZCHZgC3Jee3XHRqxyP6+wPCYuAVB6IeODeJ02dcKD+phDwMYIg+85rx7zI4BkoeVV8XWFfLsNRqRBYyAT6yOXUrNtFQXoJP4J7F2kmQ5drTth6kulQTJaQ0kBeKPSHZKqBXsg0oa58ra7tMQ60TOKnop2rYNWWX9dY6OgEdZGgrspPJ9lGwSftrpXO2gXe0FcANuxOQy1CziE+M9fBy2rCwd4IgyPHSUfPrHMhbrK2WYb0APO0DTSvD33UTxX1p57csAvhK5YqHAYzx+1lk5GMmZBYc9eAiOgO+0+cDMRAAPziQAsH/6PwiWKGvBeDXWATi+FP8bwpgDnwBWzyqNHVZAmCct2g9Efl1CVylvgqugW9q6/1g847LKDvpB7kG3oPi1fWMjWjnt3QpynlwGYTBdbbW80wYvzTvDoiB42AZvHFwAgXOTbOp7XkV2xFh5O/Zaqel3STlnTSK7rBsToAkGKH+BEyBykHr0WkAg/wWwV0w61ZD0PcxV/yHEbDo5YtIlN4vluUFt50L+SvAAEOE6G8yaf2PAAAAAElFTkSuQmCC") !important;
  background-position-x: 10px;
}
#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,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAiCAYAAACN+vPlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTRDRTM2MzU5NDI5MTFFNUJCOTJGODc5QURDMUVGNTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTRDRTM2MzY5NDI5MTFFNUJCOTJGODc5QURDMUVGNTAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxNENFMzYzMzk0MjkxMUU1QkI5MkY4NzlBREMxRUY1MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxNENFMzYzNDk0MjkxMUU1QkI5MkY4NzlBREMxRUY1MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkYQjIkAAAFtSURBVHjatJM/SwNBEMVziRIMqAhiQk4ExT+FhaWFZays7AQNaGljZ6v4FQS/gJ9ExEIL0SYxiBhQo4kQNIkYYkxyvpU3x7Aak8aFH29n5t3e7O6d43leoNMIBroY/2NaBxfgFVyCFb9iGgdJ7+dogeXvjdF0xcI2GAK7jFNiijFRBEE+1AtKzEdNT6N88x1ocf4Jbjl3janRYachU6gwGLSKYWrNmMptTP3U+l+mCLUiR/DOnQyo3cmISLMlaow6TP0AVTE9WaYo9Vlv+7GNqaBNspJLnaDmtClHnbRMN9qUoU5Zeq1Naeq0ZUrp7ykE3vgNjYEGKDPvr9QEx8ABO+ZSwQnz/kqGTZ5wk7ohNW3qA3kaMiD8m8kwC/aAq/NON39wj5qPgC0wA7JgH+R143Fwb/1SBTCuezpg4RSsgiPGh9p0xuQC4znGaX2YcsFr7C3J+EH3NA/qVk/mahL2OS3ytS/gHCxJ7UuAAQDPMr76u1TKpgAAAABJRU5ErkJggg==") !important;
  background-position-x: 21px;
}
#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-messages,
.toast-success {
  background-color: #6cb075;
}
.toast-error {
  background-color: #bd362f;
}
.toast-info {
  background-color: #5db5e8;
}
.toast-warning {
  background-color: #faa83f;
}
.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-bottom-left {
    left: 12px;
  }
  #toast-container > div {
    /*padding: 15px 15px 15px 50px;*/
    /*padding: 0 0 0 50px;*/
    width: 25em;
  }
}