@import 'slider.css';
/**************
* Notifications
*/
p.notifLine { animation: fade-in-and-vanish 2.4s; position: fixed; left: 0; top: 0; display: block; width: 100%;
margin: 0; background: rgba(0,0,0,.8); color: #FFF; text-align: center; font-weight: bold; opacity: 0;
box-sizing: border-box; box-shadow: 0 1.5px 2px rgba(0,0,0,.06),0 1.5px 1.5px rgba(0,0,0,.06); z-index: 0; }
* New tooltip
.newToolTip { position: fixed; display: none !important; min-width: 300px !important; max-width: 600px;
background: #FFF !important; text-align: left; font-size: .95rem;
border-radius: .2em; box-shadow: 1px 1px 4px #646464; z-index: 3000; white-space: initial !important; }
#newToolTipMain:before { content: attr(data-title); display: block; padding: .5em 1em;
background: #37474F; color: #FFF; }
#newToolTipMain > * { padding: .5rem 1rem !important; }
#newToolTipMain > table td { padding: .5rem 1em; vertical-align: top; }
#newToolTipMain.visible { display: block !important; }
#newToolTipMain img { max-width: 200px; max-height: 300px; }
/* ========
| Animations
|= ======== */
@keyframes fade-in-and-vanish {
0% { opacity: 0; z-index: 1000; }
5% { opacity: .4; }
15% { opacity: 1; padding: .8em; }
75% { opacity: 1; padding: .8em; }
85% { opacity: .4; transform: translateY(0px);}
99% { opacity: 0; transform: translateY(-30px);}
100% { opacity: 0; z-index: 0; }
}
