/* Default bars' style */
.jquery-notify-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 70px;
    line-height: 70px;
    z-index: 999999;
    background-color: #26c2b7;
    text-align: center;
    cursor: pointer;
    border-bottom: 1px solid white;
    font-family: Arial, Verdana, sans-serif;
    font-size: 20px;
    color: white;
}
.jquery-notify-bar.bottom {
    top: auto;
    bottom: 0;
    border-top: 1px solid #ddd;
    border-bottom: 0;
}

.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 url("../img/jq-notify-bar-icons.svg") no-repeat 0 -62px; */
}

/* Style for warning */
.jquery-notify-bar.warning {
    color: #000;
    background-color: #fffaaa;
}
.jquery-notify-bar.warning .notify-bar-text-wrapper {
/*   background: transparent url("../img/jq-notify-bar-icons.svg") no-repeat 1px 1px; */
}

/* Style for success */
.jquery-notify-bar.success {
    color: #060;
    background-color: #BBFFB6;
}
.jquery-notify-bar.success .notify-bar-text-wrapper {
/*   background: transparent url("../img/jq-notify-bar-icons.svg") no-repeat 2px -31px; */
}

/* Style for close button */
.notify-bar-close {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -0.55em;
    text-decoration: none;
    color: white;
    font-size: 30px;
    line-height: 1.1em;
    vertical-align: middle;
    text-align: center;
}
.notify-bar-close:hover {
    color: #05f;
}

/* notification styles */

.site-topbar { 
    background-position: center center;
    background-repeat: no-repeat;
}
.site-topbar a {
    display: block;
    text-indent: -9999px; 
    white-space: nowrap; 
}

.notifier-container,
.notifier-container *::before,
.notifier-container *::after {
    box-sizing: border-box;
}
.notifier-container {
    position: absolute;
    top: 50px;
    left: 50px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    outline: 0 none;

}
.notifier-container header {
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #e5e5e5;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #333333;
    font-size: 14px;
    color: white;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.notifier-container header h4 { margin: 0; padding: 0; }
.notifier-container footer { position: relative; padding: 0 50px 0 5px; height: 25px; line-height: 25px; border-top: 1px solid #e5e5e5; }
.notifier-container footer div.stop-shows {}
.notifier-container footer div.actions { position: absolute; right: 10px; width: 40px; text-align: right; }

.notifier-container .notifier-body { position: relative; }
.notifier-container .notifier-body a.notifier-opener,
.notifier-container .notifier-body .site-topbar,
.notifier-container .notifier-body .site-topbar a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; text-indent: -99999px; }
.notifier-container .notifier-body .site-topbar { background-position: center center; background-repeat: no-repeat; }