.toast-container .ngx-toastr {
    background-position: 12px center !important;
    background-size: 28px !important;
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 17%) !important;
    padding: 18px 15px 18px 50px !important;
}

.toast-success {
    background-color: #d4edda !important;
    border: solid #155724;
    border-width: 0 0 0 6px;
    color: #155724 !important;
}

.toast-success button.toast-close-button {
    color: #155724 !important;
}

.toast-message{
    white-space: break-spaces !important;
}

.toast-success .toast-progress {
    background-color: #155724 !important;
}

.toast-error {
    background-color: #f8d7da !important;
    border: solid #721c24;
    border-width: 0 0 0 6px;
    color: #721c24 !important;
}

.toast-error button.toast-close-button {
    color: #721c24 !important;
}

.toast-error .toast-progress {
    background-color: #721c24 !important;
}

.toast-info {
    background-color: #c1dde5 !important;
    border: solid #2f96b4;
    border-width: 0 0 0 6px;
    color: #2f96b4 !important;
}

.toast-info button.toast-close-button {
    color: #2f96b4 !important;
}

.toast-info .toast-progress {
    background-color: #2f96b4 !important;
}

.toast-warning {
    background-color: #fff2e2 !important;
    border: solid #f89406;
    border-width: 0 0 0 6px;
    color: #f89406 !important;
}

.toast-warning button.toast-close-button {
    color: #f89406 !important;
}

.toast-warning .toast-progress {
    background-color: #f89406 !important;
}

.toast-error {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjNzIxYzI0IiB3aWR0aD0iMjU2cHgiIGhlaWdodD0iMjU2cHgiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBpZD0iU1ZHUmVwb19iZ0NhcnJpZXIiIHN0cm9rZS13aWR0aD0iMCI+PC9nPjxnIGlkPSJTVkdSZXBvX3RyYWNlckNhcnJpZXIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9nPjxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj48cGF0aCBkPSJNIDE2IDMgQyA4LjgzMjAzMSAzIDMgOC44MzIwMzEgMyAxNiBDIDMgMjMuMTY3OTY5IDguODMyMDMxIDI5IDE2IDI5IEMgMjMuMTY3OTY5IDI5IDI5IDIzLjE2Nzk2OSAyOSAxNiBDIDI5IDguODMyMDMxIDIzLjE2Nzk2OSAzIDE2IDMgWiBNIDE2IDUgQyAyMi4wODU5MzggNSAyNyA5LjkxNDA2MyAyNyAxNiBDIDI3IDIyLjA4NTkzOCAyMi4wODU5MzggMjcgMTYgMjcgQyA5LjkxNDA2MyAyNyA1IDIyLjA4NTkzOCA1IDE2IEMgNSA5LjkxNDA2MyA5LjkxNDA2MyA1IDE2IDUgWiBNIDEyLjIxODc1IDEwLjc4MTI1IEwgMTAuNzgxMjUgMTIuMjE4NzUgTCAxNC41NjI1IDE2IEwgMTAuNzgxMjUgMTkuNzgxMjUgTCAxMi4yMTg3NSAyMS4yMTg3NSBMIDE2IDE3LjQzNzUgTCAxOS43ODEyNSAyMS4yMTg3NSBMIDIxLjIxODc1IDE5Ljc4MTI1IEwgMTcuNDM3NSAxNiBMIDIxLjIxODc1IDEyLjIxODc1IEwgMTkuNzgxMjUgMTAuNzgxMjUgTCAxNiAxNC41NjI1IFoiPjwvcGF0aD48L2c+PC9zdmc+) !important;
}

.toast-success {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMzcHgiIGhlaWdodD0iMjMzcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiMxNTU3MjQiPjxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIj48L2c+PGcgaWQ9IlNWR1JlcG9fdHJhY2VyQ2FycmllciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L2c+PGcgaWQ9IlNWR1JlcG9faWNvbkNhcnJpZXIiPiA8ZyBpZD0iSW50ZXJmYWNlIC8gQ2hlY2tfQWxsX0JpZyI+IDxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik03IDEyTDExLjk0OTcgMTYuOTQ5N0wyMi41NTcyIDYuMzQzMjZNMi4wNDk4IDEyLjA1MDNMNi45OTk1NSAxN00xNy42MDYgNi4zOTM1NUwxMi4zMDI3IDExLjY5NjkiIHN0cm9rZT0iIzE1NTcyNCIgc3Ryb2tlLXdpZHRoPSIyLjE2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4gPC9nPiA8L2c+PC9zdmc+) !important;
}

.toast-info {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgaWQ9IlNWR1JlcG9fYmdDYXJyaWVyIiBzdHJva2Utd2lkdGg9IjAiPjwvZz48ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvZz48ZyBpZD0iU1ZHUmVwb19pY29uQ2FycmllciI+IDxnIGlkPSJXYXJuaW5nIC8gSW5mbyI+IDxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xMiAxMVYxNk0xMiAyMUM3LjAyOTQ0IDIxIDMgMTYuOTcwNiAzIDEyQzMgNy4wMjk0NCA3LjAyOTQ0IDMgMTIgM0MxNi45NzA2IDMgMjEgNy4wMjk0NCAyMSAxMkMyMSAxNi45NzA2IDE2Ljk3MDYgMjEgMTIgMjFaTTEyLjA0OTggOFY4LjFMMTEuOTUwMiA4LjEwMDJWOEgxMi4wNDk4WiIgc3Ryb2tlPSIjMmY5NmI0IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPiA8L2c+IDwvZz48L3N2Zz4=) !important;
}

.toast-warning {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgaWQ9IlNWR1JlcG9fYmdDYXJyaWVyIiBzdHJva2Utd2lkdGg9IjAiPjwvZz48ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvZz48ZyBpZD0iU1ZHUmVwb19pY29uQ2FycmllciI+IDxwYXRoIGQ9Ik0xMiAxNUgxMi4wMU0xMiAxMlY5TTQuOTgyMDcgMTlIMTkuMDE3OUMyMC41NjE1IDE5IDIxLjUyMzMgMTcuMzI1NiAyMC43NDU1IDE1Ljk5MjNMMTMuNzI3NiAzLjk2MTUzQzEyLjk1NTggMi42Mzg1MiAxMS4wNDQyIDIuNjM4NTIgMTAuMjcyNCAzLjk2MTUzTDMuMjU0NTIgMTUuOTkyM0MyLjQ3Njc1IDE3LjMyNTYgMy40Mzg0OSAxOSA0Ljk4MjA3IDE5WiIgc3Ryb2tlPSIjZjg5NDA2IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPiA8L2c+PC9zdmc+) !important;
}

.toast-close-button {
    top: -.8em;
    font-size: 18px;
    text-shadow: none !important;
}

.toast-close-button:hover,
.toast-close-button:focus {
    transform: scale(1.1);
    opacity: 1 !important;
}

@media screen and (min-width: 786px) {
    .toast-container .ngx-toastr {
        width: 25rem !important;
    }
}