.toast-title {
    font-weight: 500;
    color: #fff!Important
}

.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: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .8;
    -ms-filter: alpha(Opacity=80);
    filter: alpha(opacity=80)
}

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

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: 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;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background-position: 15px center;
        background-repeat: no-repeat;
        -moz-box-shadow: 0 0 12px #999;
        -webkit-box-shadow: 0 0 12px #999;
        box-shadow: 0 0 12px #999;
        color: #fff;
  /*      opacity: .8;*/
   /*     -ms-filter: alpha(Opacity=80);
        filter: alpha(opacity=80);*/
        border-radius:7px;
    }

    #toast-container > :hover {
        -moz-box-shadow: 0 0 12px #000;
        -webkit-box-shadow: 0 0 12px #000;
        box-shadow: 0 0 12px #000;
        opacity: 1;
        -ms-filter: 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,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABYUlEQVR42mNgIAK8f/9e4O/fvw1//vw5DcQh+/fvZ2GgFIAM/f37twsQNwO5/9Ex0KLZIMt+/PihQtAwoCHTgXg+UMN6IN4PdO1tbIbiw0B9h0H6oeZsBpkDtwDIuU+qgURiuAWHiXBhDEjt9+/fFYDs7aRasJuA4cfRgtSFJAtA4UbAgv1oFjgQ4eP7yBom08AChK+BqaaGaNcQb8FqZA0eRIcnJM4iiLCgBCVTkWhBBiH1QEf7MKBpuoxPA9QRsCBtIGTBp0+fRDByMz4NP3/+1EByzGxCuRqjuCAUrrCMBlW7nYDaFAwL7t+/z0FEWZMADJ4KkoOH2ORKZKG3GmepCrWZIgtAZRWhorsfV24GJU9c8tCk2Uywbnj16hUPtuIbLZlixMOiRYvegPQSVZthKwqgJSg4MWBLRcjJmCgANKQAR5n0n2LD8VlCNcMJZUBQcYEcLxQBUNKDVUqkGgwAgz9hPq0VCkkAAAAASUVORK5CYII=) !important background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJMYXllcl8xIiBkYXRhLW5hbWU9IkxheWVyIDEiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMjMuNjQsMTguMUwxNC4yNCwyLjI4Yy0uNDctLjgtMS4zLTEuMjgtMi4yNC0xLjI4cy0xLjc3LC40OC0yLjIzLDEuMjhMMC4zNiwxOC4xaDBjLS40NywuODItLjQ3LDEuNzksMCwyLjYwczEuMzEsMS4zLDIuMjQsMS4zSDIxLjQxYy45NCwwLDEuNzgtLjQ5LDIuMjQtMS4zcy40Ni0xLjc4LS4wMS0yLjZaTTEzLDIwaC0ydi0yaDJ2MlpNMTMsMTRoLTJ2LTZoMnY2WiIvPjwvc3ZnPg==") !important;*/
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJMYXllcl8xIiBkYXRhLW5hbWU9IkxheWVyIDEiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMjMuNjQsMTguMUwxNC4yNCwyLjI4Yy0uNDctLjgtMS4zLTEuMjgtMi4yNC0xLjI4cy0xLjc3LC40OC0yLjIzLDEuMjhMMC4zNiwxOC4xaDBjLS40NywuODItLjQ3LDEuNzksMCwyLjYwczEuMzEsMS4zLDIuMjQsMS4zSDIxLjQxYy45NCwwLDEuNzgtLjQ5LDIuMjQtMS4zcy40Ni0xLjc4LS4wMS0yLjZaTTEzLDIwaC0ydi0yaDJ2MlpNMTMsMTRoLTJ2LTZoMnY2WiIvPjwvc3ZnPg==") !important;
    }

    #toast-container > .toast-success {
        /*     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAxElEQVR42mNgGAX0BPfv3+f48+dPARBfBuLZ379/V6Ca4fv372cBGroayPwPw1A+bQxHwrQzHCi+mJYu///jxw8Vmhn+8+dPjWFi+Pv37wX+/v3bANR0HEjXvHr1ioeqLv/9+3c/Wsxf/vbtmwzVggVkIDYNv379MqFKmIOCB5dGoKEBFEcoKMyBBhzGY8l5ilMLqJACxsVyXAZRLSkCLWmnmeFIkZ5BM8ORfOJBM8NhAJhMDYC+WQ8yGBQ/FBVcowAfAABtSEfqcRQTYQAAAABJRU5ErkJggg==) !important*/
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M9.9997 15.1709L19.1921 5.97852L20.6063 7.39273L9.9997 17.9993L3.63574 11.6354L5.04996 10.2212L9.9997 15.1709Z'/%3E%3C/svg%3E") !important;
        background-size: 30px;
    }

    #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*/
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23272727'%3E%3Cpath d='M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z'/%3E%3C/svg%3E") !important;
        background-size: 30px;
        background-repeat:no-repeat;
    }

    #toast-container.toast-bottom-center > div, #toast-container.toast-top-center > div {
        width: 300px;
        margin: auto
    }

    #toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div {
        width: 96%;
        margin: auto
    }
.toast.toast-info .toast-title {
    color: #333 !important;
}
.toast {
    background-color: #030303
}

.toast-success {
    background-color: #008000;
    color: black;
    font-weight: bold
}

.toast-error {
/*    background-color: #F00;*/
    color: #fff !important;
    font-weight: 500;
    background-color: #cf2323;
}

.toast-info {
    background-color: #F9E15D;
    color: black;
    font-weight: bold
}

.toast-warning {
   /* background-color: #F9E15D;*/
    background-color: #ffd800;
    color: black;
    font-weight: bold
}
    .toast-warning .toast-title {
        color: #333!important;
    }

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: .4;
    -ms-filter: 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: -.2em;
        top: -.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: -.2em;
        top: -.2em
    }
}

@media all and (min-width:481px) and (max-width:768px) {
    #toast-container > div {
        padding: 15px 15px 15px 50px;
        width: 25em
    }
}