#toast-container .toast {
    flex-basis: 440px;
    max-width: 440px !important;
    width: 440px !important;
}

#toast-container > .success-toaster {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFhSURBVHgB7ZbRccMgDIblTsAIjJAN6hG8QbJBukG8QbJBvUHaCTyCu4GvE2QEKno/V44GGy6GvOi70/kMAgmQQESCIAiC8DSMMYrlyHJlmc0fE9r29CzYeMdyYxlZDiza69uhzTle11E2eIbhNkFXQ/dENbCGcIQqY4zCmDOVBMc25zjnjVUY21EpYEBn6NtY3Hn/LeI2e4EpxuzufWSO+ZcgSKo32prcawMLGiPtWQtNNTj5x7Wiq2Ph4Ppoa+ztm6F7YnnfYq5kwkljgY4dMkvJVMrBOXgtDjh2HegNLP3CPDazJ0rkhdL5YmndT9M0A38+WUbnJL6vLMPCPDaOv2lr7NUQycre7S6ukP3KPGWKCLwEt3vvL47brGVnsQz2DHSxpy58Ne70K1OjsmEDlweKhZ5q4Mddgm4L3QvVxKtsfoM+KAq0e+oQt+UqmERHrzhCh3P8aEpULoIgCIKQzA/Io++Y9KPUfgAAAABJRU5ErkJggg==')!important;
    background-color: #47AF32;
}

#toast-container > .warning-toaster {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAExSURBVHgB7ZbREYIwDIZzTsAIjOAI3UA20A10A91AVnAC3IARdANwAkaoKfdz9qlNhcJLvrv/hf41kYYmRIqiKIqyGdbagnVmNazO/njh2ZG2goNXrIHVsk6s0lvb49mU+LqJcsA7AhuBt4T3SmvgAuEIi4Q9BfbcKSc4ti4lOW9vgb0V5QIBysh6F1g3qNvkPyhJzr29Z8QzEvG0rAsJ2ZGcA6uh+TxYhpYGRb6PeCRvsAyVwd/EAk8eqY+EpBzxJqQk2Ie+YCkok7fUn5Kg+1ET8fRQCJfgh5bGXQ3uiqCZZBsi0AmGUP8VXNR5vmAvQBVqdaEEvVaXd7LhAPWMYeFGa+ACxfqy5zXw1rQm3mQzFr3fZVBrJ/TdIesEI0y0wRFOTImfbY7JRVEURVHEfAE+fpWGBA4csAAAAABJRU5ErkJggg==');
    background-color: #D74C4C;
}


#toast-container > .error-toaster {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAExSURBVHgB7ZbREYIwDIZzTsAIjOAI3UA20A10A91AVnAC3IARdANwAkaoKfdz9qlNhcJLvrv/hf41kYYmRIqiKIqyGdbagnVmNazO/njh2ZG2goNXrIHVsk6s0lvb49mU+LqJcsA7AhuBt4T3SmvgAuEIi4Q9BfbcKSc4ti4lOW9vgb0V5QIBysh6F1g3qNvkPyhJzr29Z8QzEvG0rAsJ2ZGcA6uh+TxYhpYGRb6PeCRvsAyVwd/EAk8eqY+EpBzxJqQk2Ie+YCkok7fUn5Kg+1ET8fRQCJfgh5bGXQ3uiqCZZBsi0AmGUP8VXNR5vmAvQBVqdaEEvVaXd7LhAPWMYeFGa+ACxfqy5zXw1rQm3mQzFr3fZVBrJ/TdIesEI0y0wRFOTImfbY7JRVEURVHEfAE+fpWGBA4csAAAAABJRU5ErkJggg==');
    background-color: #D74C4C;
}

#toast-container > div {
    opacity: 1;
    padding: 12px 48px;
    background-position: 2px;
}

#toast-container .toast-message {
    line-height: 24px;
}

#toast-container button.toast-close-button {
    top: 12px;
    right: 12px;
    position: absolute;
}

#toast-container .close-mark {
    width: 24px;
    height: 24px;
    display: block;
    padding: 7px;
}

#toast-container .close-mark:hover {
    opacity: 1;
}

#toast-container .close-mark:before, .close-mark:after {
    position: absolute;
    content: ' ';
    height: 12px;
    width: 1px;
    background-color: white;
}

#toast-container .close-mark:before {
    transform: rotate(45deg);
}

#toast-container .close-mark:after {
    transform: rotate(-45deg);
}