.toast-title {
  font-weight: bold;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #ffffff;
}
.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}

.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: 25px;
  bottom: 25px;
}
.toast-bottom-left {
  bottom: 25px;
  left: 25px;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/

}
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Roboto', sans-serif;
}

#toast-container > .toast{
	max-width: 290px;
	min-width: 290px;
    overflow: hidden;
    font-size: 14px;
    background-color: rgba(255,255,255,.85);
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 0 0.25rem 0.75rem rgb(0 0 0 / 10%);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    opacity: 0.9;
    border-radius: 6px;
}
#toast-container > .toast .toast-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 7px 5px 7px 10px;
    color: #6c757d;
    background-color: rgba(255,255,255,.85);
    background-clip: padding-box;
}
#toast-container > .toast .toast-header strong{
	letter-spacing: 0.5px;
}
#toast-container > .toast .toast-body {
    padding: 10px 15px;
}
#toast-container button.toast-close {
    float: right;
    margin-bottom: .25rem !important;
     margin-left: .5rem !important;
	     -webkit-appearance: none;
    cursor: pointer;
    background: transparent;
    outline: none;
    border: none;
    margin-top: 2px;
    font-size: 22px !important;
    font-weight: 700;
    line-height: 1;
    color: #fff !important;
    text-shadow: 0 0px 0 #fff;
    opacity: 1;
}

.mr-auto, .mx-auto {
    margin-right: auto!important;
}

#toast-container  .icon{
	width: 18px;
	height: 18px;
	background-size: 100%;
	background-repeat: no-repeat;
	margin-top: -2px;
    margin-right: 5px;
}
#toast-container > .toast-info .icon{
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAYAAAAfrhY5AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVZJREFUeNrcl+1twyAQhuPI/8MIGcEbxJkgHiEjuBt4BHeDdgO6AdmAEdwN6ATkkM4SSvm4c7Aj5ZVeWUg2jzk4OCpr7e5VqpnvN+AO3HrtCWzwqcAS23m5kRPcgbWlyYAHsMj1m4O6DqRdJoM/vQguGKNN6cqFlwInfyAGV4QOJ5xb6rQ0FPiV2FnrfUOJknpk7QMJMBDTTnhPQXj/5KVoMNU65mpWGH6qpM973GRaxoZzwNFwdPEb+8AORtUZXKFvjO/aGPy0wZZ+jMF37w6PzvnvBkwVg08bwE0MLlcGu8jqV8Flas5d2H9WhI8puFO/Evjz35qKHKm9LSsdKqtSlcxXIbAJneWUGm4sMOJmaQE5H7NmAXjMVbDU0nlghNhN15HSb/3kCv72Lg3a3zrXuLHMumFK6pIHS05/4A8sCPSziV8zQ9yT72EEVcRbqigJnXUXYADxjEyayAZuKAAAAABJRU5ErkJggg==") !important;
}
#toast-container > .toast-error .icon{
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAYAAAAfrhY5AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWpJREFUeNrEl42NgzAMhempA2SD6whscIzACBmBETJCRshtwAh0A7oBI3AT5IxkpDRtYscE9UlPavnJZwKPmIv3vvmUvpoP6lp4fI++gX+C7Q/wAp7AI/6mtU07YQU24NXzNYE7amwKvA2weLmsFK59Hc04e2x4LXC2gNRUn6GRgquD95hSH/LinA/g70w47kR4/tAp2VzUclet8RiX2L9FsUWvjHGe4D2R2/BYlwDv+w3n3ocDWuJ+uUQBMZiTlBf4xDgpLsAKwH4/pxT+rgDJu6GL4Udem23h+V0ctQdzZdui5KJtM/j3yHq+MsEdwhr8vUsXF5CJjyfipIkUFD3tWgD2ggLmd3DFhGsiBQoBKQ2phcURBRhGDGdiDJWC3wrbpVIZaj0fTgK/NBSpTsZVBscPLNnDuTPBnO7VVpjqVto67z3dJLhac7Rvj4twRLcz4ntAcca8CD8UFbgN/i/sT6RAUngV/QswAHzMJ3ZumTaVAAAAAElFTkSuQmCC") !important;
}
#toast-container > .toast-success .icon{
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAYAAAAfrhY5AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAX9JREFUeNrEV9GNwyAMTav+NxtcO0EZgRE6AiPkNsgI3eCaDTICt0Fug4xAJ+Dck3NChAA2VH3SU1WV+gGx/ZydtbZ5F/bNG3Egrj8Br0AJbB3OQAPUwBG/p/G89gxKoLb50PifaNyUaAscLR8jxiCLC+Bky2Ew1kpjt5Hty3M8VsqtB+bJlJPtuqJwg7HueKioeA+8vKCyLhj7H/61177uEM5LKfon7yoI/wA/I7/3W3U+F2b25JSWwEwPZf+f3t7rXh+FJ5bY6Z4QG7d4xHUr8VrCCvgVWS98cZkQGFCkVHhJ7GxXGzCo9DbAESa72g0/DYpp57ZYwn62Xwn9ufUMQxGroveNRTANQjFKUoZczRA3oJj9oA2J3wkWqQo8PujnJ4JHcyFDHa7Bhj9kWiQH306lBIeJVznbAzvbHPNzk9HtOOhWU21khlOFz9aF4kyvotBmTWyEzpnZW+xI1Fu4xcbmXHF3Ewrr1EReFrqUaGp0zoV0pl0ySsWL8CvAALcx3wRaxdqsAAAAAElFTkSuQmCC") !important;
}
#toast-container > .toast-warning .icon{
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAYAAAAfrhY5AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWNJREFUeNrEV9GNgzAMLaj/ZYOjExwblA3uNmhG6AbtCBmBEdjgGIER0g1yE7jJySfRkICdEPGkJ1Vt4tfYzjMUAHDYC8eEvd+GDX4ekDzYkzNZGY4wR8eNFSPeQRiPnOItLEMb1rnEB1gHOf0Fo9tbwx/i2rOhWltUMnqzY6yVW3a7CKR4DHQ+YH8k19xeLRUQrhau3rAWm5L2m+GH5/veUCN7z+8XNKLomlcoHguZIm6FTwniNmMiRrw2vG8wPyRmkCX+2Gh4nUKlC4nbaXXdcHrevKdPsFHr4w1SE9ZLir1ybPR3klq+7XpOPUI+dEsOJxiBFM5vSUz7zHZdcUUMoNFW//c1DPHBJy5iAkSWq3W9XTCuTu2x4U/G/pY7z13b7NEPmogn18p9dFY4iaj4Qsbg77pN77lN5Zg4SKjeYLV06fwbMTGOHHhivbV78llDZMBbbxR7vquVhx2xq/hLgAEADafRDBc3q4AAAAAASUVORK5CYII=") !important;
}


#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin: auto;
}

.toast-body-close, .toast-body-title{
  display: none;
}
.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #51a351;
}
.toast-success .toast-header {
  background-color: #388538  !important;
  color: #fff !important;
}
.toast-success .toast-body {
  background-color: #51a351;
  color: #fff;
}
.toast-notification{
  width: 350px !important;
  max-width: 350px !important;
  min-height: 40px;
  background-color: #76769e;
  border: 2px solid rgba(245, 71, 39, .8) !important;
}
.toast-notification .toast-body-close{
  display: block;
    position: absolute;
    top: 0;
    right: 10px;
    cursor: pointer;
    background: transparent;
    outline: none;
    border: none;
    margin-top: 5px;
    font-size: 22px !important;
    font-weight: 700;
    line-height: 1;
    color: #fff !important;
    text-shadow: 0 0px 0 #fff;
    text-decoration: none;
    opacity: 1;
}
.toast-notification .toast-body-title{
	display: block;
	font-size: 14px !important;
	margin:0;
	margin-bottom:4px;
}
.toast-notification .toast-message{
	font-size: 12px;
}
.toast-notification .toast-header {
  display: none !important;
}
.toast-notification .toast-body{
  background-color: #76769e;
  color: #fff;
}
.toast-error {
  background-color: #fc6149;
}
.toast-error .toast-header {
  background-color: #db4730  !important;
  color: #fff !important;
}
.toast-error .toast-body {
  background-color: #fc6149;
  color: #fff;
}

.toast-info {
  background-color: #2f96b4;
}
.toast-info .toast-header {
  background-color: #e39220  !important;
  color: #fff !important;
}
.toast-info .toast-body {
  background-color: #eca53f;
  color: #fff;
}


.toast-warning {
  background-color: #2e96d4;
}
.toast-warning .toast-header {
  background-color: #1976ae  !important;
  color: #fff !important;
}
.toast-warning .toast-body {
  background-color: #2e96d4;
  color: #fff;
}


/*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;
  }
}

 /*
  * AngularJS-Toaster
  * Version 0.3
 */
#toast-container > div.ng-enter,
#toast-container > div.ng-leave
{ 
    -webkit-transition: 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
} 

#toast-container > div.ng-enter.ng-enter-active, 
#toast-container > div.ng-leave {
    opacity: 0.8;
}

#toast-container > div.ng-leave.ng-leave-active,
#toast-container > div.ng-enter {
    opacity: 0;
}