/***************************************************************
************************ notification **************************
***************************************************************/
    .notification{position:fixed;right:30px;bottom:30px;margin-left:30px;z-index:999999;max-width:800px;max-height:500px;overflow:auto;}
    .notification-item{background-color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.12);border-radius:10px;position:relative;opacity:0;padding:15px;overflow:hidden;transition:background-color 0.25s;}
    .notification-item__description{word-wrap:break-word;}
    .notification-item__button{}
    .notification-item__button:hover{}
    .notification-item__icon{display:block;fill:#fff;height:16px;width:16px;margin:5px 0;}
    .notification-item--0{}
    .notification-item--1{background-color:#6b8e00;color:#fff;}
    .notification-item--2{background-color:#D66F6F;}
    .notification-item--3{background-color:#FFDA44;}
    .notification-item--active{opacity:1;margin-top:15px;}
    @media (max-width:767px){
        .notification{left:30px;margin-left:0;}
    }