.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-close-button {
    position: relative;
    right: -0.3em;
    top: -0.3em;
    float: right;
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    -webkit-text-shadow: 0 1px 0 #ffffff;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    line-height: 1;
}

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

.rtl .toast-close-button {
    left: -0.3em;
    float: left;
    right: 0.3em;
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    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;
    pointer-events: none;
    /*overrides*/
}

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

#toast-container>div {
    position: relative;
    pointer-events: auto;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 60px;
    width: 300px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 9px #999999;
    -webkit-box-shadow: 0 0 9px #999999;
    box-shadow: 0 0 9px #999999;
    color: #000;
}

#toast-container>div.rtl {
    direction: rtl;
    padding: 15px 50px 15px 15px;
    background-position: right 15px center;
}

#toast-container>div:hover {
    -moz-box-shadow: 0 0 12px #000000;
    -webkit-box-shadow: 0 0 12px #000000;
    box-shadow: 0 0 12px #000000;
    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,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQISURBVHgBrVdrbttGEJ7ZpVQ0KFDdoPINmNQqZKWApRvIJzB7AvsGik4Q+QSWTtD0BFFQxDVqt1ZPUPYE5b8UfOx2ZpekSIk0KSUDSCT39X07O69FOEI+DYf9DkYuoO7xt1bC1wkG3YeHDRwo2HZgfPb9FARe0QSXpvWqR+lAa1grUL907/5ctli2mUB4dnotBcz2QfU/1MaAAaLu0/t35W7wE0jmTURqCeix208i5xYBx2lToDSsQOh3jvPNBtfrYHdO9OPpGDV6AvBcA5OyREIVTb6+3/itCYQj15XovE93HQDijXBeLKpAq8kP+ypWHmg9y0gkABfdu30bwWfBNRJ7QezvfThCmIiO1PtUG0GiYbJLAssTXJrQoQnQJ9VvsPNi0nbX9STcXrqmyyTCJHpZPA5RGpyC886/BDgLrjcBdqIJbcinz95X0rkt9ucE4tErz4CTsNqL4OHZq+uQ+qGl8FrRaLD4NHT7WxJiQq+BJqNmz9ojIFBag0E9L545LyaFfCtR3iavB7dN4MnohxnSWIFwVdwtru99pfGG36XAWYlAvns2uthZFhdUWhT933uOBIPTBt5s55ZtzOmGC2CvoqMwgQ1yDThT+9TrXYvv/vbIk1ZNJHbBeTORcrziGD4KE0sYmKJqToAi2blhLPQKKkR+fPCeI1EFXuu+FMjMEEDXYIejAfk9PKVAz4ZmAl3S47LQtGSw1uBg3VJFnX/5PUzkiUBlMxpHK2iQKk0cAs7Cx2DzCABnVIFC9S2+bTyCRGvwAg2jAUXpPHdDRPwW2orGv/fX3Dfg2unWE4wIkBikrb02k/cMbitemzjBgqBPzFMIX8ios0lb+2wgcAg4h2xtrfowErZ20AoDgVZtRgtx7LiHgPOZi7vHC2gRJzKJhqfj9DXgzGjjAIDVgsLpIeDZmTfFiaKgRM8sofUHfhoCSigToyl+X+4eA4fpNq5WTeL0bXEMp3sCtEEP8F1OwPn1D/6wMTp0rkuTQLpN4PUk8nLOiAq7l1nOIfUvcwJWxNz8I15ladSQ68oFFZ4f+NfGz5mEQrjhYKMFzou7zzSZgM7bS6FXvR5wQTLmqCi60UsbtT5f0qroKdu9vPv9JOsrVUTYkT+BKULBlmYNbnkAeF5psRaL/WUCVDRw4QimcgFXhZ2n4nEcAd5Pd27qQVL9xe4R1pTlA9dB/Hlb2+s3oYpXdbV9BXBPhc4VrX6dlfZVFXEtAbtIqaTOsuVaKb3q3D+uq0Dj/yiQCZwK1JfZTYqNN1LSqzPexqtZPBp45BmznMhWfGrz0QLxb7ef0+5cfjQVVa20v5wSEVpwSlnzPAWsEr4r/gVSLdLY0iitCRSFbQSF7qGytQRn1IiS2jE3qP8BTMVdqZFhv2oAAAAASUVORK5CYII=") !important;
}

#toast-container>.toast-success {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJeSURBVHgBzVZdbtpAEJ5Zfp45gnsD+tIAUSV6A6KSqm8lJyg5QeEEkBNA36pQKe0JkkpgylO4QX2EPNvybmcIELK7NjaySb4XzOyO55vZb8YL8MJAOAI+z5tOiMEIEZoKYBnI8OxX/a/HawKOACn8AQfnZ8q4WioURpu13AmczxsdCtvataF6JHMUAijwm25TSv0+CoH2osHBHd0eKNndPOcmQhaeFME/3U7ZX01q7pZAbhWg4D3TqjzKfrhryYVAe15r0s8X3a4k9DftlysBIZ7abCe8N6m7Y2MvZIzHtjOF50v5wbY/UwIsvIi2G+ulz4XAWnjOc+tKeP0on8wIcPZgER6F+B6VPaMIGYGyvzGtyrs+mfXi/DKpwFp4Vd3ObbfPdzsJW/fNStH3v9KHwgEFf2wtYwP7lf3gHrSzZ+HRxLvY57+tAL1kKAB7iNghJY8+LU4HkABMGuzzfm/2zwiAKaBu261345xZeEzaXMF+nPDsBBCWxmJBDD4u3reinKPmvV8uDiEhtgRkiJf2DXLUmtcc3b4Wnn3ev717gLQEftand1KBQYJUWikLcauTsE08rmJS8RoEViRqsyGfn7kNHbrH3bDi+V/URcMPwzNICeuFhDpgDLbyIowLYalPZ38LB7adDusg8sulrk2UNCM6dMM1gu+b96kJsIhEWOJyeuYqOrrFdtFIitg74fmsUcUicsaV6F087903cCBivwWTU3eppLqMfYEUqc89MYEViVVbofV8WXg/qH0hTwKM65NpTyFe6fZDhZeaAGPybtrdIfFAR3NxqPBeFf4DR+z8mDgXZ6oAAAAASUVORK5CYII=") !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: 300px;
    margin-left: auto;
    margin-right: auto;
}

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

.toast {
    background-color: #030303;
}

.toast-success {
    background-color: #fff;
}

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

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

.toast-warning {
    background-color: #F89406;
}

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

/*Responsive Design*/
@media all and (max-width: 240px) {
    #toast-container>div {
        padding: 8px 8px 8px 50px;
        width: 11em;
    }

    #toast-container>div.rtl {
        padding: 8px 50px 8px 8px;
    }

    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }

    #toast-container .rtl .toast-close-button {
        left: -0.2em;
        right: 0.2em;
    }
}

@media all and (min-width: 241px) and (max-width: 480px) {
    #toast-container>div {
        padding: 8px 8px 8px 50px;
        width: 18em;
    }

    #toast-container>div.rtl {
        padding: 8px 50px 8px 8px;
    }

    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }

    #toast-container .rtl .toast-close-button {
        left: -0.2em;
        right: 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.rtl {
        padding: 15px 50px 15px 15px;
    }
}