.notification-bar {
    width: 100%;
    display: block;
    background-color: rgb(245, 245, 245);
    box-shadow: 0px 3px 5px #777777;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(218, 224, 233);
    position: fixed;
    top: 0px;
    left: 0px;
    margin-top: 0px;
    z-index: 10000;
}

.notification-bar img {
    display: inline;
    padding: 2px 8px 3px 3px;
}

.notification-bar div {
    font-size: 14px;
    padding: 0px 0px 0px 0px;
    display: inline;
}

.slider {
    overflow-y: hidden;
    max-height: 30px; /* approximate max height */

    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    opacity: 100;
}

.slider.closed {
    max-height: 0;
    opacity: 0;
}