.notification.fixed{left:16px;margin:0;padding:0;position:fixed;right:16px;top:8px;width:auto}.note{margin-top:8px;overflow:visible;position:relative}.note>.note-inner{border-radius:4px;font-family:Panton,Tahoma,Verdana,sans-serif;font-style:normal;margin:0;padding:16px 64px 16px 16px}.note>span{line-height:22px;min-height:22px}.note>.note-inner>i,.note>.note-inner>svg{display:inline-block;font-size:18px;margin-right:8px}.note>.note-inner>i:before{vertical-align:middle}.note>.close{background:transparent;border:0;color:inherit;cursor:pointer;position:absolute;right:16px;top:20px}.notification .note{transition:all .3s linear}.notification .note.fade-outside{max-height:auto;opacity:0;transform:translateY(100%)}.notification .note.fade-inside{opacity:1;transform:translateY(0)}.btn.message,.notification-message .note-inner{background:#85ffff;border:1px solid #005c72;color:#005c72}.notification-message i,.notification-message svg{color:#005c72;fill:#005c72}.btn.alert,.notification-alert .note-inner{background:#ffa3b3;border:1px solid #820000;color:#820000}.notification-alert i,.notification-alert svg{color:#820000;fill:#820000}.btn.warning,.notification-warning .note-inner{background:#ffff9d;border:1px solid #915300;color:#915300}.notification-warning i,.notification-warning svg{color:#915300;fill:#915300}.btn.okay,.notification-okay .note-inner{background:#a0ffbd;border:1px solid #005700;color:#005700}.notification-okay i,.notification-okay svg{color:#005700;fill:#005700}.note-inner>i,.note-inner>svg{margin-right:16px;margin-top:4px}.note-inner,.note-inner>i,.note-inner>svg{vertical-align:top}.note-inner>svg{height:18px;width:18px}.note-inner{white-space:nowrap}.note-inner>div{white-space:normal}.btn.disclaimer,.notification-disclaimer .note-inner{background:#babcbf;border:1px solid #144734;color:#144734}.notification-disclaimer i,.notification-disclaimer svg{color:#144734;fill:#144734}.notification>div:only-child{margin:0}