/*U MESSAGE ------------------------------------------*/

.umessagediv {
    border-top: solid 3px #202020;
    background-color: #3c3c3c;
    background-image: linear-gradient(#3c3c3c, #313131);
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,1.0);
    color: #dedcd9;
    margin: 0px,0px,0px,0px;
    padding: 0px,0px,0px,0px;
    text-align: center;
    position: fixed;
    bottom: 0px;
    height: 50px;
    width: 100%;
    z-index: 20000;
    animation: umessage_anim_in 0.5s linear;
    display: flex;
    justify-content: center;
    justify-items: center;
    align-items: center;
    justify-content: center;
}
    .umessagediv > img {
        max-height: 100%;
        max-width: 70px;
    }
    .umessagediv > div {
        /*padding: 10px 0px;*/
    }
    .umessagediv a {
        color:#6decf5;
    }

    .umessagediv.anim_off {
        filter: blur(5px);
        margin-bottom: -20px;
        animation-name: umessage_anim_out;
    }

@media screen and (max-width:600px) {
}

/*UMessage anims*/
@media screen and (max-width: 500px) {
    .umessagediv {
        width: 100%;
        margin-left: 0px;
    }
}

@keyframes umessage_anim_in {
    from {
        /*margin-left:-20px;*/
        margin-bottom: -20px;
        filter: blur(5px);
    }

    to {
        filter: blur(0px);
    }
}

@keyframes umessage_anim_out {
    from {
        filter: blur(0px);
        margin-bottom: 0px;
    }

    to {
        filter: blur(5px);
        margin-bottom: -20px;
    }
}
/*U MESSAGE - end -------------------------------------*/