#snackbar {
    display: none;
    width: 306px;
    margin-left: -125px;
    background-color: white;
    color: #000000;
    text-align: left;
    border-radius: 15px 11px 15px 15px;
    padding-top: 7px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
    position: fixed;
    z-index: 1;
    right: 2%;
    bottom: 75px;
    font-size: 13px;  
    max-height: 450px;
    min-height: 12px;
    overflow-y: auto;
    border: 1px solid #5378ad;
}

.notedivmergine {
    margin-top: 7px;
}

#snackbar.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

.close-thik:after {
    content: "Clear All"; /*'✖';  UTF-8 symbol */
    color: white !important;
    /*margin-top:5px;*/
}

.div-close:after {
    content: '⚊'; /*UTF-8 symbol */
    color: #0254EB;
    font: 14px/100% arial, sans-serif;
    position: absolute;
    right: 5px;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    top: 4px;
    text-shadow: none !important;
    color: white;
}

[class*='close-'] {
    color: #0254EB;
    font: 14px/100% arial, sans-serif;
    position: absolute;
    right: 28px;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    top: 4px;
    text-shadow: none !important;
}

a {
    color: #0254EB
}

    a:visited {
        color: #0254EB
    }

    a.morelink {
        text-decoration: none;
        outline: none;
    }

.morecontent span {
    display: none;
}

.comment {
    width: 100%;
    text-shadow: none !important;
}

.divfooter {
    height: 50px; /* the footer's total height */
}

/*.commenchk {
            float: left;
            text-align: left;
            padding: 5px;
            outline: none;
            width: unset !important;
            font-family: Verdana,arial,sans-serif;
            font-size: .9em !important;
            border: 1px solid #ccc;
            text-shadow: none !important;
        }*/
.closea {
    float: right;
    margin-right: 7px;
    color: white !important;
}
/*.chklable {
            text-shadow: none !important;
        }*/
.content-box-gray .notycontent {
    overflow: hidden;
    /*padding: 10px;*/
    /*font-size: 15px;*/
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #5378ad;
    /*color: #3385FF;*/
}

.content-box-gray .title {
    height: 20px;
    /*line-height: 30px;*/
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #5378ad;
    /*font-size: 18px;
            font-weight: bold;
            font-family: verdana;*/
    display: block;
    color: white;
    display: block;
    /*padding: 10px;*/
    border: 1px solid gray;
    border-bottom: none;
    text-shadow: none !important;
}

.snackbar-title {
    height: 24px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #5378ad;
    display: block;
    color: white;
    display: block;
    border: 1px solid gray;
    text-shadow: none !important;
    position: fixed;
    width:300px;
}
a.ascqipNotifications {
    float: left;
    display: block;
    width: 25px;
    height: 25px;
    /*background-image: url(images/notification-icon.png);*/
    background-image: url(images/Notification_fill.png) ;
    background-position: 0px 0px;
    background-repeat:no-repeat;
    margin: 3px;
}

    a.ascqipNotifications:hover {
        float: left;
        display: block;
        /*background-image: url(images/notification-icon.png);*/
        background-image: url(images/Notification_fill.png);
        background-repeat: no-repeat;
        cursor: pointer;
        background-position: 0px 0px;
        margin: 3px;
        width: 25px;
        height: 25px;
    }
a.ascqipNotifications-empty {
    float: left;
    display: block;
    width: 25px;
    height: 25px;
    /*background-image: url(images/notification-empty-icon.png);*/
    background-image: url(images/Notification_Empty.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin: 3px;
}

    a.ascqipNotifications-empty:hover {
        float: left;
        display: block;
        /*background-image: url(images/notification-empty-icon.png);*/
        background-image: url(images/Notification_Empty.png);
        background-repeat: no-repeat;
        cursor: pointer;
        background-position: 0px 0px;
        margin: 3px;
        width: 25px;
        height: 25px;
    }

/*.content-box-gray .close-thik{
            margin-right: 19px;
            margin-top: 103%;
        }*/
/*@@-webkit-keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@@keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@@-webkit-keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}

@@keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}*/