#jar-messages-bar {
    width: 400px;
    min-height: 50px;
    background-color: #ffffffad;
    border: 1px solid #e8e8ea;
    position: fixed;
    bottom: 20px;
    right: 20px;
    border-radius: 4px;
    display: 0;
    padding: 10px;
    display: none;
    z-index: 1000000;
}

#jar-messages-bar>div {
    font-size: 15px;
    padding: 10px;
    color: #444444;
    margin-bottom: 10px;
    border-radius: 4px;
    cursor: pointer;
}

#jar-messages-bar>div>img{
    width: 20px;
    float: left;
    margin-right: 10px;
}


#jar-messages-bar>div.message-success {
    background: linear-gradient(0.25turn, #daefc01c, #daefc0);
}
#jar-messages-bar>div.message-error {
    background: linear-gradient(0.25turn, #fa06060d, #ff00008c);
}
#jar-messages-bar>div.message-warning {
    background: linear-gradient(0.25turn, #ffc1071a, #ffc107b8);
}

@media only screen and (max-width:450px) {
    #jar-messages-bar {
        max-width: 90%;
        right: 7px;
    }
}