#notify {
    opacity: 0.95;
    color: rgba(0, 0, 0, 0.87);
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    background: #555;
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
    font-size: 1rem;
    text-align: center;
    margin: 0;
    vertical-align: middle;
    border-radius: .28571429rem .28571429rem 0 0;
    z-index: 2000000001;

    img#closePopup {
        filter: invert(100%); 
        cursor: pointer;
    }

    .title {
        display: inline-block;
        margin: 0 .5em;
        color: #fff;
        padding: .75em 1em;
    }

    &.slideup,
    &.slidedown {
        max-height: 0;    
        overflow-y: hidden;
        -webkit-transition: max-height 0.5s ease-in-out;
        -moz-transition: max-height 0.5s ease-in-out;
        -o-transition: max-height 0.5s ease-in-out;
        transition: max-height 0.5s ease-in-out;
    }

    &.slideup {            
        max-height: 15rem;  
    }   
}
