.toast-title {
        font-weight: bold
    }

    .toast-message {
        -ms-word-wrap: break-word;
        word-wrap: break-word
    }

    .toast-message a,
    .toast-message label {
        color: #fff
    }

    .toast-message a:hover {
        color: #ccc;
        text-decoration: none
    }

    .toast-close-button {
        position: relative;
        right: -0.3em;
        top: -0.3em;
        float: right;
        font-size: 20px;
        font-weight: bold;
        color: #fff;
        -webkit-text-shadow: 0 1px 0 #fff;
        text-shadow: 0 1px 0 #fff;
        opacity: .8;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        filter: alpha(opacity=80)
    }

    .toast-close-button:hover,
    .toast-close-button:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: .4;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
        filter: alpha(opacity=40)
    }

    button.toast-close-button {
        padding: 0;
        cursor: pointer;
        background: rgba(0, 0, 0, 0);
        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: 12px;
        left: 12px
    }

    #toast-container {
        position: fixed;
        z-index: 999999
    }

    #toast-container * {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    #toast-container>div {
        position: relative;
        overflow: hidden;
        margin: 0 0 6px;
        padding: 15px 15px 15px 50px;
        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 0 12px #999;
        -webkit-box-shadow: 0 0 12px #999;
        color: #fff;
        opacity: .8;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        filter: alpha(opacity=80)
    }

    #toast-container>div:hover {
        -moz-box-shadow: 0 0 12px #000;
        -webkit-box-shadow: 0 0 12px #000;
        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,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !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("https://www.freeiconspng.com/thumbs/success-icon/success-icon-10.png") !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: 400px!important;
        margin-left: auto;
        margin-right: auto
    }

    #toast-container.toast-top-full-width>div,
    #toast-container.toast-bottom-full-width>div {
        width: 100%!important;
        margin-left: auto;
        margin-right: auto
    }

    .toast {
        background-color: #030303
    }

    .toast-success {
        background-color: #d4ffd4;
        color: #2f9442!important;
    }

    .toast-error {
        background-color: #ff4d49;
        color: #fff!important;
    }

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

    .toast-warning {
        background-color: #f89406
    }

    .toast-progress {
        position: absolute;
        left: 0;
        bottom: 0;
        height: 4px;
        background-color: #000;
        opacity: .4;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
        filter: alpha(opacity=40)
    }

    @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
        }
    }

    #toast-container>div {
        padding: 12px 10px 12px 40px !important;
        opacity: 1
    }

    [dir=rtl] #toast-container>div {
        direction: rtl;
        background-position: center right .9375rem;
        padding: 12px 40px 12px 10px !important
    }

    #toast-container .toast-header .btn-close {
        background-size: .6rem
    }

    [dir=rtl] #toast-container.toast-top-left {
        right: 12px;
        left: auto
    }

    [dir=rtl] #toast-container.toast-top-right {
        left: 12px;
        right: auto
    }

    [dir=rtl] #toast-container.toast-bottom-left {
        right: 12px;
        left: auto
    }

    [dir=rtl] #toast-container.toast-bottom-right {
        left: 12px;
        right: auto
    }

    [dir=rtl] #toast-container.toast-top-full-width#toast-container>div,
    [dir=rtl] #toast-container.toast-bottom-full-width#toast-container>div {
        left: 0;
        right: 0
    }

    #toast-container>.toast {
        max-width: 100%!important;
        background-size: 20px;
        background-repeat: no-repeat
    }

    #toast-container.toast-bottom-full-width>div,
    #toast-container.toast-top-full-width>div {
        width: 100%;
        margin-bottom: 0;
        border-radius: 0 !important
    }

    #toast-container>.toast-info {
        background-image: url("data:image/svg+xml,%3Csvg
xmlns='http://www.w3.org/2000/svg'viewBox='0 0 24 24'fill='%2326c6f9'%3E%3Ctitle%3Einformation%3C/title%3E%3Cpath d='M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z'/%3E%3C/svg%3E") !important;background-position:.75rem .85rem}#toast-container>.toast-error{background-image:url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg'viewBox='0 0 24 24'fill='%23ff4d49'%3E%3Ctitle%3Ealert-circle%3C/title%3E%3Cpath d='M13,13H11V7H13M13,17H11V15H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z'/%3E%3C/svg%3E") !important;background-position:.75rem .85rem}#toast-container>.toast-success{background-image:url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg'viewBox='0 0 24 24'fill='%2372e128'%3E%3Ctitle%3Echeck-circle%3C/title%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z'/%3E%3C/svg%3E") !important;background-position:.75rem .85rem}#toast-container>.toast-warning{background-image:url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg'viewBox='0 0 24 24'fill='%23fdb528'%3E%3Ctitle%3Ealert%3C/title%3E%3Cpath d='M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z'/%3E%3C/svg%3E") !important;background-position:.75rem .85rem}#toast-container:not(.toast-bottom-full-width,.toast-top-full-width)>div{width:20em !important}.toast-progress{position:absolute;bottom:auto;top:0;opacity:.15;height:.1875rem;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=15);filter:alpha(opacity=15)}[dir=rtl] .toast-progress{left:auto;right:0}.toast-close-button{position:absolute;right:.25rem !important;top:0;text-shadow:none;color:inherit !important}[dir=rtl] .toast-close-button{left:.25rem !important;right:auto !important}.light-style #toast-container{z-index:999999}.light-style #toast-container .toast-close-button{font-weight:300}.light-style #toast-container>div{box-shadow:0 0 1.25rem 0 rgba(76,78,100,.4) !important;border-radius:.5rem}.light-style #toast-container>.toast-success,.light-style #toast-container .toast-error,.light-style #toast-container .toast-info,.light-style #toast-container .toast-warning{color:#636578;background-color:#fff}.dark-style #toast-container{z-index:999999}.dark-style #toast-container .toast-close-button{font-weight:300;color:#777991 !important}.dark-style #toast-container .toast-title{color:#d2d2e8}.dark-style #toast-container>div{box-shadow:0 .3125rem 1.25rem rgba(21,21,28,.4) !important;border-radius:.5rem}.dark-style #toast-container .toast-progress{background-color:#fff}.dark-style #toast-container>.toast-success,.dark-style #toast-container .toast-error,.dark-style #toast-container .toast-info,.dark-style #toast-container .toast-warning{color:#d2d2e8;background-color:#30334e}