.overlay-notification-area{
    position:fixed;
    top:20px;
    right:20px;
    z-index:999999;
}
.overlay-notification-area .notification-item{
    background:#222222;
    position:relative;
    border-radius:8px;
    padding:17px 27px 17px 13px;
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    margin:0 0 20px 0;
    width:300px;
    transition:0.3s;
    left:330px;
}
.overlay-notification-area .notification-item.shown{
    left:0px;
}
.overlay-notification-area .notification-item .content{
    
}
.overlay-notification-area .notification-item .content .title{
    font-size:14px;
    font-weight:600;
    color:white;
    display:flex;
    align-items:center;
}
.overlay-notification-area .notification-item .content .title .icon{
    margin:0 9px 0 0;
    width:20px;
    height:20px;
}
.overlay-notification-area .notification-item.red .content .title{
    color:#EE4444;
}
.overlay-notification-area .notification-item.red .content .title .icon{
    background:url('/objective/panelAssets/images/overlay-notification-red.png');
    background-size:90%;
    background-position:center center;
    background-repeat:no-repeat;
}
.overlay-notification-area .notification-item.yellow .content .title{
    color:#EE7700;
}
.overlay-notification-area .notification-item.yellow .content .title .icon{
    background:url('/objective/panelAssets/images/overlay-notification-yellow.png');
    background-size:90%;
    background-position:center center;
    background-repeat:no-repeat;
}
.overlay-notification-area .notification-item.green .content .title{
    color:#22BB55;
}
.overlay-notification-area .notification-item.green .content .title .icon{
    background:url('/objective/panelAssets/images/overlay-notification-green.png');
    background-size:90%;
    background-position:center center;
    background-repeat:no-repeat;
}
.overlay-notification-area .notification-item.blue .content .title{
    color:#33CCEE;
}
.overlay-notification-area .notification-item.blue .content .title .icon{
    background:url('/objective/panelAssets/images/overlay-notification-blue.png');
    background-size:90%;
    background-position:center center;
    background-repeat:no-repeat;
}
.overlay-notification-area .notification-item .content .about{
    font-size:12px;
    color:#45484F;
    margin:11px 0 0 0;
    color:#CCCCCC;
    padding:0 0 0 31px;
}
.overlay-notification-area .notification-item .close-icon{
    position:absolute;
    top:16px;
    right:14px;
    width:20px;
    height:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
}