.toast-title {
    font-weight: 700
}

.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: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    line-height: 1
}

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

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

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;
    pointer-events: none
}

#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: 12px 20px;
    min-width: 300px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    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 4px 12px rgba(0, 0, 0, 0.15);
    color: #212529;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80)
}

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

#toast-container > div: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: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer
}

#toast-container > .toast-info {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABmJLR0QA/wD/AP+gvaeTAAAE/klEQVRoge3ZbWwTdRwH8O//dr3uCQaxYwuCUNAxXCIhE1FfaJTIC6JofLGIIzEoxvgQ8WFB3BIzNZEXaDAaognRRAK8IMZowEWRblETE2ImgpIACWNZNhxD0u6hW9f2fl9frHVb79b27rr5wv3e7Jq7/u7zvf+/19u/wHzN1/+7VKEabegYqE4m9AcEqp7kWgiqSFlEKgUyTOF1ABcE6jdTof3SI4G+QpzXU4D641dLzeLSRgU+RfJeEgoESIKpv9NfA5jc/lUJDtGnvrj4aOXwnAaoO0bDHxjcRWETiCVpYP749D4ARFiID2OI7+ttWD426wHWnxq6Ryn5nGTtVKAb/OR7CSGugOrZrm3VIScezcnB9aFIk1LyU6HxqR5BUE6uOtz3Nsi8L2x+B5KqvmPofZKvZQILgc88jsSRwOhfOzqfuzORi5bXCNS3D+2fQzxANP7trz6EVub05TygPhTZQ3DXHOJBEgI8sWxF73u5fFmn0PpQ+D4FFSKpO8VLfBwSjwEEoPsB3cgbP6UvCbW17+llJxwHuLWN/gr/4Dkha5zi1dgImtctwJbgIgDAt5cjePfMIMQoc4JPb18zisza7h3BiJ1zxilUYQy94QYviTieDBajcW0Ai4t1LC7Wsb0ugO2rSiCJhFM8QFSNJ9RbMzltA2xsu7FQIK+6mvOmiVULDUvP1RUGaJpO8al96vnAxz1L8w4QN7SdIBa5+sBqOjp6Ryw9Qz0jgFbkAg+QKC7S5QU7q+1nYP0P4bMk73B7tzFjUWyq1LBlZTkA4PjlYbRfMwGj1A0+fY6egYEVQbQqyRpg3amhGiXJi27x/wLNJCQeBwko3QeqIi94kIQQd994KXh6qlfPDKAxuUk84hmLwhyPTR4XA5TPDxilrvEkoAk3AcgeQEzeBSj3V56EOR7DlZ23T+t7yyd/QvOVusaDhAAbM72WAIRaYwU6/IYVZrZN7XOPT+2ryRkAwpsn3uMSn9q2+if7ucQD5PLMvpbbKIEFhXi2sRkAr3iQKMUxFmUPQGqFeDCzXhjPeJBUCHdOM1sCKCJaaHx6aD3iQSKGjP8RLAGEHPCCn3ht4/eOBwQDmX2tjxLERa942ynkHQ+SF3IGEKgzXvG2s8g7HoT6PbOt9ZvYRIcJb3jazKGp/VzhCQjZnnMEzidu6iTZ5xqfgloDeMOTHIzG9B9zBkCDMkEc8YK3m0Ie8SD4JVqDsdwBACRM8wDJuFu87a3UAx4EYfIjO6ttgK6GpT0UHHGNn3EKucIDgq+jLbXn8g4AAKap3iRVxA3edgCgXOFJjCU1NM3kzLqsEjzav1NBDjrDEzI+Chkfm471FUP5SpziAWJ3tKVmn6sAALDy8NWjALfli595yjm+8qCwbbSl5mEoZTOmE5VzZS5pmM+A+HnO8eAfRtJozIbPK0Bvw/IxJONbSf4yh1f+rNKTmyOt9otZjgIAQPeOYCQZ0x4i+dXs4+WkX9fvj+6u68/H5uwHDlIt+6z3ZSH3AigpMD5O4p3RxG17M5dOChcgVVUHu4MatQ9IPsbU/dEj/nsNfGW4eY3laXNWAqRryadd6zRqrwvxOMkyh/gYqL4xyf1jzTWnc5xqdgKkq/LA+XJB2WbNlAcF2EBiDciKDPwwyUskOyls9yn9u/Ce1YNez12w34kzq2pff9mIb7Sc1LQyIzp8/cU664LpfM3Xf1//AAIVjTb2n+23AAAAAElFTkSuQmCC) !important
}

#toast-container > .toast-error {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABmJLR0QA/wD/AP+gvaeTAAAD9ElEQVRoge3Yz28bRRTA8e/Muti4B0jSQOyUGxJ3BFJJ0iZREQQRkMqJvyCi4gIcKEmaXy5JaU/Aqf0zQKhFVFDcJiq9ceRMEhfRIhRInATvzOPg2rFj7+x6U8k++F1WXmvGn7cz82bW0I1udKMb7QwV9MXOu++/LajrwKCIgAAcXOXQZwSkfBMOXevuO9pX79e330CY6l27ebOZUwclIKhrbceX+z0pYq8HOQMTAE62+ckj5c5BeKHlBNqOF6lr23ICnYSv9tdSAp2ED/aHj0Bn4GOOQMfgHSOQCORHxPsi7BqfY0qTVCoSft8aStaSUpqEUuH4o66BIPx/Yvl34ATPrMzjv/YKRd8Pxe8aH3/kFD1Xc2xnBtizJhTvWsSBIxDlye8M9DP45RUSfb0cf/VlHuSusJNfI629pviiKcHYaQaXplGeR+qlF/n9g0/wNv8goWgZDxFGIGjO7xqfvg+nSPT1AqA8j8z8BTgzRNH4gfjsYzxA4kQf/R+dZ88aNz7WFApZsMeU5p/vvkeMqTZRnkdm4TMYHa4mEYQHEGPY+vYGCYUbHyeBsGqTVAq1ep8Hi5cbksguTsPZUbZ9v4wfHWnEW0th8Qskv0YS7cS7JpHrLBRaKtOeh7r7C4WFlbok0JrM3Kfo18fK+NxMI37hMvaHn0grLxzvGIHA4/TWG+9V1E3xtdVm1xjsyKkGKFYQBKUPnlMsvAjP/XqnqTXSCIRtUk9rjb57j8L88qGRUE8EH/MoEQ1fm4S6c4/C3DJY26Q7OQI+1kYWHV+9LwJKNf05VenK1rSLiHdtBdGqUAT8rvGR0eHyOtBNutWK7NI03pvj7PimNXy8o0RMfG21EambTkprsrkZvIlxtn2/BXycBI6Kt5bC/Arr00v1+4TWZHOzeG+dpWhMNHy8RRyOL5pSMP7xguX2KhtNkhi8NIueGGfbmFB87DcyF37fGuT0UCPeGDYvfl6tNmmt4fYqm7OXmiRxETU+zL61bny8o0QwHhFK1vLs5EQjfm4Z+TFfVyrTSmNv/czGTK7h2NFzbpKSsbHwzgScpRJIKc3Dr67hP/rLia9Um7T2kFv5uulUeviIP69+TUorNz7OUeLvsXckCF+Zr/tiKWaep//j82x9cwPJr4VuUkVrkbEhes5NlvHrBZ5CufEiDPx2v6nVkcCkuPCVP518K+xZQ0IR7VQpwr61lIwlpRVeBLwAmYAEQt/IGvAc4BFIKDiudf10C9mkkiiSng6fNrXtAiK8Ch3GN5Q8aQkfqdo0tAtWuqtQp+BjjUAH4V3vZNHfB9qJjzOFOgofbxGz0Tl4WW89AWEKkY0OwU85HnQ3utGNbrQx/geUXOzhLxT8xgAAAABJRU5ErkJggg==) !important
}

#toast-container > .toast-success {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABmJLR0QA/wD/AP+gvaeTAAAFJUlEQVRoge2ZXVCUVRzGn3cXFlkUdQFxWR1n+tLGGaYZmboNsjLTxo+E1OxLTRh0aqy7ppm3semuCwss/GCw0UmBUjOZaQomL0PIujBCSVMgxwLEQIh33/N/ulhA2V32fZddFmfkf8NyZs85v+f8n3POnnOA6ZiO+zu0eDRSzWpnj7nocXEgH8JlQi4h6SVlppCgxn5S/hJBKyDNytQaBtPPNuqaLlMqoJKNC03RSkm+LKCPJIQESZAS+IzA/3fKCYGAlA4FHjH9qlzPWNmRUAGV/DlLCT8k5DWSLgmBtIIfU2YoTSrhUO/r6au7Jl3AQZ7fRPJTUnkCQDHBj9YHpVsJdu7JWnVsUgRUsCnZCcc+kttIQTzhR+uREEFF17zru/ZrO/xxE1DBJncSHLVCPjeZ8KPlwroZkrRBz1k9YMXmsDPyCYUPtLPyNoZO6ReqXTELcMKxL6HwJIQCgsv75mp7rfgiWugQz28WypGEw9/dF+Slvb6Nx6MWcJg/ZRhM+p2UzKmCH26jJ9nJxR/nbAq7xI5rIUOSProH4EGKZ8iQD6LKwAH+uoBi/BGHTSpW+JFJbfhNPrz/wVeu2coAxdiZKHjTNNDWfAGDA4Nh4QWEkC6HgyW2MqCTDq86d1XABZMN7zf9aDh8EtcuXMLsLA+e2VGElFluBC8aJCHCzpsPuBfVaIUqYgbmm41PJALeNA3UV51Ae0sbAODW392oP1ATHj7Qty/9yr/LLC0kDuQnAv6HqpPoaL0cat+wc2G0r4Lg7yeFNCCSR2JybfPFNyHw6VkePLl1XSR4kLDOAMlH7MAP3B7Ab+d+gen3T9g2IzEnOwNPF2+Aa1ZqBHhCwMXWGSC8lvB9/Tj+ySF0dd7AokcfwqrtG+FwOic88gVb1yM5zQI+8NdrIwPDx8AItqktq0JX5w0AwNWWNpw5cAzKb0xo5Jdvf9F65EfaBWdZCrDl+aA6f7ZcwplD1VBmsJ3Gn7BzsjNQ8MY6JKfNsAsPMrjncBkA+60m7NqSLcjMmTem3tWWNtQdrIZ/WMSIberD2SbTg/zX10YFLySE0mdDgFy3Wm1SZrqxpvRVZASJaG+9jO8qa2H6zWHPnwqxTXqmB09tWwfXTNu2uXtnvm4tQHDRzlI5Iy0VL5Rsgcc7VkRH62V8X/VVBM+vnyg8FNFqJwNNdtf5gIhN8HizQkTEyzajOzMJUJosBShTa4hmk3KlufF8caiIYPgYbDNabkIaLAUMpp9tpLA9mh02xZ2KFW8WYa43c9LgBbyWu7S32VKArumiNDlqFz7QiSDFnYpntxdi7vw7IuIIDxBHw11Fhj0PmH5VTtKI9jDicqdi+dYN8Piy4fFlxzRhZWxfQ5pS5eFYxz0T6711n0FQHMtJKvIPM9vwIKXs69zdu8Jxjn+tojneI6XrHoDv9kc4E48rQJ+9okcEu6YYHgRLTue9O+6lb8SLrT1Zq46JoGKq4JWw/ETuOzWRGC1v5i7N+69UyJMJhwfO3LrZ97YVn6WAGq1QpaqkzUKpSxS8kN+KkVb4Y75uxiwAAPSc1QO35nevIfB5ImzT29O39nTeDsubaWACDxxvdX5ZREFZ8K1dHOD/IVhq5fngsJWBu2Ovb+NxpRlLKNwn4FA8NilSypxOLIkWHojxka+4/bAPJnYKuZnkwmjgFdCukUc0pcprHtvdOVGGuDyz6tQd7VcW5JEsoGCZgIsp9BEMnK+p+kl0KOIiKE0mpCF3aW9zPJ5Zp2M67vf4H0ApRBRylukUAAAAAElFTkSuQmCC");
}

#toast-container > .toast-warning {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABmJLR0QA/wD/AP+gvaeTAAAEjElEQVRoge2ZT2wUZRiHn29md7YLaE0pCe22JiYqTYwgadHEcKBINBhJ5CAa0MRELlhIPHjwYqKJ0aMxUiIxeoIE1IMmysGEXiQYTTF6IELhgFBKqrCx/+lu5/t5mG2XLtPO7szSHux72cmbybfP88037/dnYCVW4v8dph6NSLhcyD0JthucTmQ7EC1g1iALMI7VEDIXQeeAPjYO/2oMNul/JxLQ5dZ2LD1Y8ypSbtYGzd4gFskNAscwfq/ZlB+MyxBLQJfWr8O6HwCvI7wI0KhcAcuXMP2u6Rq7ec8FNNC2F+lToAnVBBqeE4BA3ELmoNly88Q9EVB/Z5rG4SNY7af0n3WEL+csR3Hzh0wXxboJaKh1FRPON1jtvKfw5dwp3OxLpmtoMorNiYTv70wvMTzA85qZ/E7n8RILlIbNUsKjILfDjjZ+EoW36BDSpbZ9WB1bBvi5nLG8YraOnKxZQH/m1uJwAWheLvhSW3lT0AbTHV5iUwsJ4PBhXPirwxne/PgRbhcM1loyaZ8v3h6gtalYKzyIJuuZ94GecMyQ0KVcG8EkFavnR8dTTBfLTd8uOIxNpOLAA8JY7deZ7INVCyAdTDLDZjyLpACsBNjg2VjwpZxn5RyoSkDCwZp9Sca85/pzArMSmZQfFx4AY81r+go3UoALuaeQ2uLCI5FJzReQRENaseFL1znWZzujBbDdSeARNNwxhOYEPD8JfHDtO9sraUOqkOlKWiq91HwBEJ5rk8FLCKp4AtKjSet8gze/99OuxXGSwQNg2VCFAC1J4INGLa5Tfg8yaT85fHBfS7QArKnHDOulfKy1WGvxKitQHPjg+r5ogTotD9J3lNJMyq8HfPl3UQEYTwqPIJMOeQLJ4ceiBaxuJIWHYOKy1s69A3XpeZkblbhhi7kB4LEk8JLYv/MW569kkBWbH56sAzwgezFaQPSDdieBR7Bt4xjbHh+rU88H1wb1RwtAX1J4EMN5lx/PrcEKnt08TktTMRE8AL76KmHv2tBIOPyx7gqiPS78tb9T7P2olbHJoPnVDZYT71ynvXl2PxADXrpqfi48ZN6bf5p310tcOu47HhcewenfsoxOMFeFRifE6d+zSeARHK+EDxUILPxepEIceCTa1xXnKtCsRG5t5RCqYSiJaafg9oahhgqYTfnB4LivdniAZ56Y4sAL//LA6iKNq2Z447lRdmyaiguP0Odm19T1UNawJIDO3t+E510ENdcCX49qM7/DuGWKhQ6zi9BN/YLnQubp0Tzi0DLDY8SBheAXFQAwW26ewHJ0ueAl9Zqdha8XY4w+mfsr34P4dqnhET84DcW3ovAiBcwefNzsPsmeWjJ4y/dmprDHdDOTWADAdA1NmtTIi0KfLcmwyRZ2m11EnkxDnA8cZxpfltFhRHN94c0/RuqJGvOVUdUTuDPM1pGTJqUOGY4gpusAPy102DDdUSs8JP3Idzabs75z0AQHYeW1U3Xw1wTHnILbu9AkVU3U6zOrw0/ZLnxnu1BncHqgHOX99Tgyg8gOGNSPrz5+KZ4LW9usxEqsRG3xH4JkSoMoZD7UAAAAAElFTkSuQmCC) !important
}

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

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

.toast {
    background-color: #030303
}

.toast-success {
    border-right: 10px solid #6ec05f;
    background-color: #fff
}

.toast-error {
    border-right: 10px solid #eb4a49;
    background-color: #fff
}

.toast-info {
    border-right: 10px solid #41beea;
    background-color: #fff
}

.toast-warning {
    border-right: 10px solid #fbc235;
    background-color: #fff
}

.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 > div.rtl {
        padding: 8px 50px 8px 8px
    }

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

    #toast-container .rtl .toast-close-button {
        left: -.2em;
        right: .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: -.2em;
        top: -.2em
    }

    #toast-container .rtl .toast-close-button {
        left: -.2em;
        right: .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
    }
}