.uinotify-title { font-weight: bold; }

.uinotify-message { -ms-word-wrap: break-word; word-wrap: break-word; }
.uinotify-message a, .uinotify-message label { color: #ffffff; }

.uinotify-message a:hover { color: #cccccc; text-decoration: none; }

.uinotify-close-button { position: relative; right: -0.2em; top: -0.6em; 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); }
.uinotify-close-button:hover, .uinotify-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); }

button.uinotify-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; }

.uinotify-top-center { top: 0; right: 0; width: 100%; }

.uinotify-bottom-center { bottom: 0; right: 0; width: 100%; }

.uinotify-top-full-width { top: 5px; right: 0; width: 100%; }

.uinotify-bottom-full-width { bottom: 5px; right: 0; width: 100%; }

.uinotify-top-left { top: 12px; left: 12px; }

.uinotify-top-right { top: 12px; right: 12px; }

.uinotify-bottom-right { right: 12px; bottom: 12px; }

.uinotify-bottom-left { bottom: 12px; left: 12px; }

.uinotify-container { position: fixed; z-index: 999999; }
.uinotify-container * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.uinotify-container > div { position: relative; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 450px; -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 #999999; -webkit-box-shadow: 0 0 12px #999999; box-shadow: 0 0 12px #999999; color: #ffffff; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); }
.uinotify-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; }
.uinotify-container > div.uinotify-info { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABXklEQVR42mNgGEjw//9/RSAuAeJ1QHweiO8C8TkgXgvExUCsQK7BCkC8Aoj//scPQPLLSbIIqDgKiD+jGXQHiDOAOA1K30GT/wTE4cQYngPE/7C4dCWaulVY1ID0ZeIz3ANPkBBjAQj8AWJXbIbzAvETPGF9HRo8MHwDj9rHQMyDbkHVf+qCcmTDGYH4AQ6FoMiuBmlAwhV41MMAKDkzwizQx6PwCo74WkWEL7RhihNpZEEsTHEFHkVvgTgSiC3IsKCElAheSYYFFTDFmTSyIBWm2IZGFljAFLMD8QcqW/AOiNmQNczAofAVELsDsS6aBbpQ8dc49E3FVjx/JzaZIum7ikUPyBx5bIpLqGRBES7FoCJjKZrib0DcA8QdWHAPVB4ZLIYXETgsYQHiWWQWcNNB+omt1cKgxS4x4BEQh5BTL4OSbzwQb4EmO/QiZDMQx6EkRwpbGILQ1CZAij4AcXCWbLXbL1QAAAAASUVORK5CYII=") !important; }
.uinotify-container > div.uinotify-error { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABE0lEQVR42sVVSw6CQAxlyV5IXIrHE24BZ8EDABfho0sSJXoAiLJi7CRdVOjIAKIvecmEV9qZTqc1jH9CCGEDPWACrIAtUq5j1Kw5jk1gAGzEOGq0NXWd74GFmI4c6Og4v4v5uCmDYFoKsRw5my7MYx8dMASWjFai1jFawFVLwzj3iJ4STa5t1DwmSP1WXWjUR8hsIqXOiRYy/7vUIFGkwGaCcN+4FEbUqFJc2GC3ilNxuFDD9kNVnIHbic4lWt0Ap5kBHtT4unaK4rUv2V1Ypkfm/wM1sFZ4aJs1W4Wvanb5F5pdppwNstViy13SrndjM8GZeZJs1DkzMmvNkelrj8xeIAtLOMbH+ETKdSRLcVAtv8YLSb53uxFDXLIAAAAASUVORK5CYII=") !important; }
.uinotify-container > div.uinotify-success { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABCklEQVR42mNgoBf4//+/KhDPB+KrQHyXTHwQiNOAmAndcDMg/vifemApEDPCDGcE4uv/qQ/CYBZo/acNWAGzwJ5GFuyHWeBAoUFNQGwJxLdpYUEZUkKRhqYkqllQhiWpVxFrwU8gfkCi4SpA/IQYC94DsSk0+U7HYngVjkz6hJg4+AvKdEgamaC5G5/LsRmO04LvQCyKZgDMElIMxxtEZ4FYkMiy6wm5+eA8EAtTYDhRyRSrJUQaTnQ+QLGEBMNJymhngFgIiNVIMJzknPwZmvnIKuxMaFSaboJZwA7Eb2lgQRFyykiksuFXgJgbPflFAvF9Cg0GxdNyIBbBl0MlgFiJDKwIxJzo5gEAMzv9LGLSvqIAAAAASUVORK5CYII=") !important; }
.uinotify-container > div.uinotify-warning { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABHElEQVR42mNgGCzg////+kB8C4r1qW04ExCf/48Al4CYmZoWJP7HBAnUMpwDiB9iseAJEHNRw4KK/7hBOaWGCwLxWzwWvAdiYUos6EMy7CUQ34Xil0jifeQargjEP5AMkkKSk0ISB6lRJMeCZWjBIYckp4Amt5RUww2A+C+aIepI8lpocv+A2JgUC3ZjiVBDJHkTLPL7iTXcC0eKsUJSY4dDjSepRQIycEFS54FDDf4iBJT98aR5UJINheKJeNQlkFokkAqwFyGgbE9A40IgToPihQTUlpNaJICAFxEJAXsRAuT0E+F1UixAFCFYigRcoBiIlaC4mAj1kCIESCz+TzuwmIGIsKcEvAFZMJOGFsyE5V5DUE6lMgaZyQQAeiwWCTo7EmsAAAAASUVORK5CYII=") !important; }
.uinotify-container > div.uinotify-alert { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABE0lEQVR42sVVSw6CQAxlyV5IXIrHE24BZ8EDABfho0sSJXoAiLJi7CRdVOjIAKIvecmEV9qZTqc1jH9CCGEDPWACrIAtUq5j1Kw5jk1gAGzEOGq0NXWd74GFmI4c6Og4v4v5uCmDYFoKsRw5my7MYx8dMASWjFai1jFawFVLwzj3iJ4STa5t1DwmSP1WXWjUR8hsIqXOiRYy/7vUIFGkwGaCcN+4FEbUqFJc2GC3ilNxuFDD9kNVnIHbic4lWt0Ap5kBHtT4unaK4rUv2V1Ypkfm/wM1sFZ4aJs1W4Wvanb5F5pdppwNstViy13SrndjM8GZeZJs1DkzMmvNkelrj8xeIAtLOMbH+ETKdSRLcVAtv8YLSb53uxFDXLIAAAAASUVORK5CYII=") !important; }

.uinotify-container.uinotify-top-center > div, .uinotify-container.uinotify-bottom-center > div { width: 450px; margin: auto; }

.uinotify-container.uinotify-top-full-width > div, .uinotify-container.uinotify-bottom-full-width > div { width: 96%; margin: auto; }

.uinotify { background-color: #030303; }

.uinotify-success { background-color: #51a351; }

.uinotify-error { background-color: #bd362f; }

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

.uinotify-warning { background-color: #f89406; }

.uinotify-alert { background-color: #bd362f; }

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

@media all and (max-width: 240px) { .uinotify-container > div { padding: 8px 8px 8px 50px; width: 11em; }
  .uinotify-container .uinotify-close-button { right: -0.2em; top: -0.2em; } }
@media all and (min-width: 241px) and (max-width: 480px) { .uinotify-container > div { padding: 8px 8px 8px 50px; width: 18em; }
  .uinotify-container .uinotify-close-button { right: -0.2em; top: -0.2em; } }
@media all and (min-width: 481px) and (max-width: 768px) { .uinotify-container > div { padding: 15px 15px 15px 50px; width: 25em; } }