/** @author Will Steinmetz  Styles for the notific8 plug-in for jQuery  Copyright (c)2013, Will Steinmetz Licensed under the BSD license. http://opensource.org/licenses/BSD-3-Clause */
/** @author Will Steinmetz  Styles for the notific8 plug-in for jQuery  Copyright (c)2013, Will Steinmetz Licensed under the BSD license. http://opensource.org/licenses/BSD-3-Clause */
.jquery-notific8-container { display: block; padding: 0; margin: 0; position: fixed; z-index: 99999999 !important;}
.jquery-notific8-container.top { top: 60px; }
.jquery-notific8-container.top.right { right: 20px; }
.jquery-notific8-container.top.left { left: 0; }
.jquery-notific8-container.top.middle { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
.jquery-notific8-container.bottom { bottom: 55px; }
.jquery-notific8-container.bottom.right { right: 0; }
.jquery-notific8-container.bottom.left { left: 0; }
.jquery-notific8-container.bottom.middle { top: initial; right: initial; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) }

.jquery-notific8-notification { position: relative; display: none; padding: 10px; color: #fff; overflow: hidden; border-style: solid; border-width: 2px; width: 360px; }
.jquery-notific8-notification:hover .jquery-notific8-close { display: block; }

.jquery-notific8-heading { font-weight: bold; margin: 0; padding: 0 15px 0 0;}
.jquery-notific8-message { font-size: 12px; }
.jquery-notific8-close { position: absolute; padding: 0 0.25em; cursor: pointer; top: 0; display: none; }


.jquery-notific8-close-sticky { top: -2px; text-align: center; position: absolute; width: 24px; height: 24px; padding: 0; cursor: pointer; text-transform: uppercase; background: url(../../../../img/close.svg) no-repeat scroll center center; background-size: 10px 10px; }

.right .jquery-notific8-close, .right .jquery-notific8-close-sticky { right: -2px; }
.middle .jquery-notific8-close, .middle .jquery-notific8-close-sticky { right: -2px; }
.left .jquery-notific8-close, .left .jquery-notific8-close-sticky { left: -2px; }

.jquery-notific8-message a {color:white !important; } 



/** @author Will Steinmetz  Themes for the notific8 plug-in for jQuery  Copyright (c)2013, Will Steinmetz Licensed under the BSD license. http://opensource.org/licenses/BSD-3-Clause */
.jquery-notific8-notification.teal { border-color: #0099cc; background-color: #006699; color: white; }
.jquery-notific8-notification.teal .jquery-notific8-close, .jquery-notific8-notification.teal .jquery-notific8-close-sticky { background-color: #0099cc; color: white; }

.jquery-notific8-notification.amethyst { border-color: #915faa; background-color: #5d2d77; color: white; }
.jquery-notific8-notification.amethyst .jquery-notific8-close, .jquery-notific8-notification.amethyst .jquery-notific8-close-sticky { background-color: #915faa; color: white; }

.jquery-notific8-notification.ruby { border-color: #dd1100; background-color: #aa1100; color: white; }
.jquery-notific8-notification.ruby .jquery-notific8-close, .jquery-notific8-notification.ruby .jquery-notific8-close-sticky { background-color: #dd1100; color: white; }

.jquery-notific8-notification.tangerine { border-color: #ffb23f; background-color: #e88f00; color: white; }
.jquery-notific8-notification.tangerine .jquery-notific8-close, .jquery-notific8-notification.tangerine .jquery-notific8-close-sticky { background-color: #ffb23f; color: white; }

.jquery-notific8-notification.lemon { border-color: #ffde00; background-color: #ffcc00; color: #333333; }
.jquery-notific8-notification.lemon .jquery-notific8-close, .jquery-notific8-notification.lemon .jquery-notific8-close-sticky { background-color: #ffde00; color: #333333; }

.jquery-notific8-notification.lime { border-color: #4b974b; background-color: #51a351; color: white; }
.jquery-notific8-notification.lime .jquery-notific8-close, .jquery-notific8-notification.lime .jquery-notific8-close-sticky { background-color: #4b974b; color: white; }

.jquery-notific8-notification.ebony { border-color: #666666; background-color: #121212; color: white; }
.jquery-notific8-notification.ebony .jquery-notific8-close, .jquery-notific8-notification.ebony .jquery-notific8-close-sticky { background-color: #666666; color: white; }

.jquery-notific8-notification.smoke { border-color: #ababab; background-color: #efefef; color: #333333; }
.jquery-notific8-notification.smoke .jquery-notific8-close, .jquery-notific8-notification.smoke .jquery-notific8-close-sticky { background-color: #ababab; color: white; }

.jquery-notific8-notification.yellow-gold { border-color: #d47304; background-color: #E87E04; color: white; }
.jquery-notific8-notification.yellow-gold .jquery-notific8-close, .jquery-notific8-notification.yellow-gold .jquery-notific8-close-sticky { background-color: #d47304 !important; color: white; }