.notification-component{margin:0 auto}.notification-component .notification .type{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;position:relative;background:#EEEEEE;color:#333333;border-radius:6px;padding:5px}.notification-component .notification .type .icon{margin:5px 10px 0px 10px;height:25px;width:25px;position:relative}.notification-component .notification .type .icon svg{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:100%;width:100%;fill:#000}.notification-component .notification .type a{padding:0 10px;color:#000000}.notification-component .notification.pending .type{background:#CCE8F4;color:#427BA6}.notification-component .notification.pending .type .icon svg{fill:#427BA6}.notification-component .notification.warning .type{background:#F8F3D5;color:#745C2C}.notification-component .notification.warning .type .icon svg{fill:#745C2C}.notification-component .notification.error .type{background:#EBC8C4;color:#BA3330}.notification-component .notification.error .type .icon svg{fill:#BA3330}.notification-component .notification.success .type{background:#DEF2D6;color:#5D7155}.notification-component .notification.success .type .icon svg{fill:#5D7155}