.orders-notification{
    position:fixed;
    display:none;
    bottom:10px;
    padding:10px;
    left:20px;
    border:2px solid #FFF;
    z-index:1049;
    border-radius:10px 0px 10px 0px;
    clear:both;

    background: rgba(34,61,137,1);
    background: -moz-linear-gradient(left, rgba(34,61,137,1) 0%, rgba(79,139,218,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(34,61,137,1)), color-stop(100%, rgba(79,139,218,1)));
    background: -webkit-linear-gradient(left, rgba(34,61,137,1) 0%, rgba(79,139,218,1) 100%);
    background: -o-linear-gradient(left, rgba(34,61,137,1) 0%, rgba(79,139,218,1) 100%);
    background: -ms-linear-gradient(left, rgba(34,61,137,1) 0%, rgba(79,139,218,1) 100%);
    background: linear-gradient(to right, rgba(34,61,137,1) 0%, rgba(79,139,218,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#223d89', endColorstr='#4f8bda', GradientType=1 );
}

.notification-container{
    display:table;
}

.orders-notification > .notification-container .left-container{
    position:relative;
    display:table-cell;
    vertical-align:middle;
}

.orders-notification > .notification-container .left-container .avatar{
    display:block;
    position:relative;
    left:0px;
    margin-left:0px;
    margin-right:0px;
    width:36px;
    height:36px;
    background-image:url("/wp-content/themes/cellunlocker/graphics/hf_sprites.png");
    background-repeat:no-repeat;
    background-position:-386px -36px;
    border-radius:50%;
    border:2px solid #CCC;
}

.orders-notification > .notification-container .right-container{
    display:table-cell;
    vertical-align:middle;
    padding-left:10px;
}

.orders-notification > .notification-container .right-container.message{
    text-align:center;
    font-size:14px;
    /*    color:#4A4A4A; */
    color:#FFF;
}

.button-close{
    cursor:pointer;
    position:absolute;
    background-color:#000;
    color:#FFF;
    font-size:14px;
    opacity:0.5;
    margin-top:-25.5px;
    right:-14.5px;
    width: 24px;
    height:24px;
    border-radius: 50%;
    line-height: 24px;
    text-align:center;
}

.button-close:hover{
    opacity:1;
}

@media only screen and (max-width : 319px) {
    .orders-notification > .notification-container .left-container .avatar{
        display:none;
    }
}