/*
*  Notify Bar - jQuery plugin
*
*  Copyright (c) 2009-2015 Dmitri Smirnov
*
*  Licensed under the MIT license:
*  http://www.opensource.org/licenses/mit-license.php
*
*  Project home:
*  http://www.whoop.ee/posts/2013/04/05/the-resurrection-of-jquery-notify-bar.html
*/
:root {
    --svg-bar-icons-url: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="32" height="96" viewBox="0 0 32 96" aria-labelledby="title"%3E%3Cview id="icon-warning-view" viewBox="0 0 32 32"/%3E%3Cview id="icon-success-view" viewBox="0 32 32 32"/%3E%3Cview id="icon-error-view" viewBox="0 64 32 32"/%3E%3Cg id="icon-warning" transform="scale(.5625)"%3E%3Ctitle%3EWarning icon%3C/title%3E%3Cpath fill="%23f60" d="M16 2.899l13.409 26.726h-26.819l13.409-26.726zM16 0c-0.69 0-1.379 0.465-1.903 1.395l-13.659 27.222c-1.046 1.86-0.156 3.383 1.978 3.383h27.166c2.134 0 3.025-1.522 1.978-3.383h0l-13.659-27.222c-0.523-0.93-1.213-1.395-1.903-1.395v0z"%3E%3C/path%3E%3Cpath fill="%23444444" d="M18 26c0 1.105-0.895 2-2 2s-2-0.895-2-2c0-1.105 0.895-2 2-2s2 0.895 2 2z"%3E%3C/path%3E%3Cpath fill="%23444444" d="M16 22c-1.105 0-2-0.895-2-2v-6c0-1.105 0.895-2 2-2s2 0.895 2 2v6c0 1.105-0.895 2-2 2z"%3E%3C/path%3E%3C/g%3E%3Cg id="icon-success" transform="translate(0 32) scale(.5625)"%3E%3Ctitle%3ESuccess icon%3C/title%3E%3Cpath fill="%23060" d="M27 4l-15 15-7-7-5 5 12 12 20-20z"%3E%3C/path%3E%3C/g%3E%3Cg id="icon-error" transform="translate(0 64) scale(.5625)"%3E%3Ctitle%3EError icon%3C/title%3E%3Cpath fill="%23d00" d="M31.708 25.708c-0-0-0-0-0-0l-9.708-9.708 9.708-9.708c0-0 0-0 0-0 0.105-0.105 0.18-0.227 0.229-0.357 0.133-0.356 0.057-0.771-0.229-1.057l-4.586-4.586c-0.286-0.286-0.702-0.361-1.057-0.229-0.13 0.048-0.252 0.124-0.357 0.228 0 0-0 0-0 0l-9.708 9.708-9.708-9.708c-0-0-0-0-0-0-0.105-0.104-0.227-0.18-0.357-0.228-0.356-0.133-0.771-0.057-1.057 0.229l-4.586 4.586c-0.286 0.286-0.361 0.702-0.229 1.057 0.049 0.13 0.124 0.252 0.229 0.357 0 0 0 0 0 0l9.708 9.708-9.708 9.708c-0 0-0 0-0 0-0.104 0.105-0.18 0.227-0.229 0.357-0.133 0.355-0.057 0.771 0.229 1.057l4.586 4.586c0.286 0.286 0.702 0.361 1.057 0.229 0.13-0.049 0.252-0.124 0.357-0.229 0-0 0-0 0-0l9.708-9.708 9.708 9.708c0 0 0 0 0 0 0.105 0.105 0.227 0.18 0.357 0.229 0.356 0.133 0.771 0.057 1.057-0.229l4.586-4.586c0.286-0.286 0.362-0.702 0.229-1.057-0.049-0.13-0.124-0.252-0.229-0.357z"%3E%3C/path%3E%3C/g%3E%3C/svg%3E');
}

/* Default bars' style */
.jquery-notify-bar {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 32768;
    background-color: #efefef;
    font-size: 18px;
    color: #000;
    text-align: center;
    font-family: Arial, Verdana, sans-serif;
    padding: 20px 0px;
    cursor: pointer;
    border-bottom: 1px solid #ddd;
    -webkit-box-shadow: inset 0 -1px 0 0 #fff;
    -moz-box-shadow: inset 0 -1px 0 0 #fff;
    box-shadow: inset 0 -1px 0 0 #fff;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

.jquery-notify-bar.bottom {
    bottom: 0;
    top: auto;
    border-top: 1px solid #ddd;
    border-bottom: 0;
    -webkit-box-shadow: inset 0 1px 0 0 #fff;
    -moz-box-shadow: inset 0 1px 0 0 #fff;
    box-shadow: inset 0 1px 0 0 #fff;
}

.jquery-notify-bar.error .notify-bar-text-wrapper,
.jquery-notify-bar.warning .notify-bar-text-wrapper,
.jquery-notify-bar.success .notify-bar-text-wrapper {
    padding: 1px 0 1px 23px;
}

/* Style for errors */
.jquery-notify-bar.error {
    color: #d00;
    background-color: #fdd;
}

.jquery-notify-bar.error .notify-bar-text-wrapper {
    background: transparent no-repeat 0 -62px;
    background-image: var(--svg-bar-icons-url);
}

/* Style for warning */
.jquery-notify-bar.warning {
    color: #000;
    background-color: #fffaaa;
}

.jquery-notify-bar.warning .notify-bar-text-wrapper {
    background: transparent no-repeat 1px 1px;
    background-image: var(--svg-bar-icons-url);
}

/* Style for success */
.jquery-notify-bar.success {
    color: #060;
    background-color: #BBFFB6;
}

.jquery-notify-bar.success .notify-bar-text-wrapper {
    background: transparent no-repeat 2px -25px;
    background-image: var(--svg-bar-icons-url);
}

/* Style for info */
.jquery-notify-bar.info {
    color: #31708f;
    background-color: #d9edf7;
}

/* Style for close button */
.notify-bar-close {
    position: absolute;
    left: 97%;
    top: 13px;
    text-decoration: none;
    color: #222;
    font-size: 30px;
}

.notify-bar-close:hover {
    color: #05f;
}