#notifications-wrapper{position:fixed;width:100%;top:112px;opacity:0;visibility:hidden;height:0;z-index:8}#notifications-wrapper.show{opacity:1;visibility:visible;height:auto}.n-timing-preview{display:block;font-size:.9em}#notifications{position:absolute;color:#fff;z-index:1;cursor:pointer;width:100%}#notifications .icon{display:inline-block;margin-right:5px;width:30px;height:30px;vertical-align:middle;background-repeat:no-repeat;background-position:center;background-size:contain}#notifications .icon.larger{width:50px;height:50px;display:block}#notifications .icon.lightning{background-image:url(//beta.tmcc.org.sg/wp-content/plugins/lightning-alert-notifications/images/icon-lightning-large.png)}#notifications .icon.closure{background-image:url(//beta.tmcc.org.sg/wp-content/plugins/lightning-alert-notifications/images/icon-closure.png)}.icon-chevron{background:url(//beta.tmcc.org.sg/wp-content/plugins/lightning-alert-notifications/images/icon-chevron-up.png) no-repeat center center;position:absolute;right:10px;top:30px;width:27px;height:15px;display:block}#notifications #n-preview{width:100%;font-weight:600;font-size:1.2em;line-height:40px;color:#fff;padding:25px 40px 10px 30px;cursor:pointer;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:1}#notifications #n-preview .icon{vertical-align:top;margin-top:7px;-moz-animation:blink normal 1.5s infinite ease-in-out;-webkit-animation:blink normal 1.5s infinite ease-in-out;-ms-animation:blink normal 1.5s infinite ease-in-out;animation:blink normal 1.5s infinite ease-in-out}#notifications #n-preview,#notifications #n-wrapper{background-color:#4370b9}#notifications.lightning #n-preview,#notifications.lightning #n-wrapper{background-color:#d75050}#notifications.closure #n-preview,#notifications.closure #n-wrapper{background-color:#ff8226}#notifications .last_updated{padding:5px 30px;display:block;min-height:64px;margin-bottom:15px;position:relative}#notifications .last_updated.hide{display:none}.notifications-controls{position:absolute;height:27px;right:30px;width:62px;bottom:30px}.notifications-controls a{display:inline-block}.notifications-controls a.disabled{opacity:.4}#notifications #n-wrapper{overflow:hidden;position:absolute;width:100%;top:-100vh;z-index:10;transition:all .6s ease}#notifications #n-wrapper .n-timing{color:#fff}#notifications #n-wrapper .n-timing a{color:#fff;display:block;text-decoration:none}#notifications #n-wrapper .n-timing a:hover{text-decoration:underline}.lightning-items-wrapper{width:9999px}#notifications #n-wrapper ul{padding:30px 0;margin:0;width:auto}#notifications #n-wrapper ul li.n-item{width:100%;padding-left:30px;padding-right:30px;color:#fff;transition:all .2s ease}#notifications #n-wrapper ul li.n-item .icon{margin-bottom:10px;display:block}#notifications #n-wrapper ul li.n-item .n-header{font-weight:600;font-size:1.444em;color:#fff;margin-bottom:10px;display:block}#notifications #n-wrapper ul li.n-item .n-message{color:#fff;font-size:1.444em;display:block}#notifications #n-wrapper ul li.n-item .n-message .n-message-inside{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis}#notifications.maximize{height:auto;min-width:320px}#notifications.maximize .icon-chevron{background:url(//beta.tmcc.org.sg/wp-content/plugins/lightning-alert-notifications/images/icon-chevron-down.png) no-repeat center center}#notifications.maximize #n-preview{opacity:0}#notifications.maximize #n-wrapper{top:0}#notifications.maximize #n-wrapper ul li.n-item{visibility:hidden;opacity:0;height:auto;padding-top:0;padding-bottom:0;transition:all .4s ease}#notifications.maximize #n-wrapper ul li.n-item.show{visibility:visible;opacity:1;padding-top:initial;padding-bottom:initial;max-width:400px}#notifications #n-preview .preview-message{margin-left:5px;display:inline-block;line-height:1.4;font-size:1.1em}@media all and (min-width:680px){#notifications-wrapper{bottom:0;top:initial;right:40px;max-width:400px}#notifications{bottom:0}#notifications #n-wrapper{top:initial;bottom:-100vh}#notifications #n-preview{padding:8px 50px 8px 20px}#notifications.maximize #n-wrapper{top:initial;bottom:0}.icon-chevron{right:20px;top:20px}}