ul.messenger { margin: 0; padding: 0 }
ul.messenger>li { list-style: none; margin: 0; padding: 0 }
ul.messenger.messenger-empty { display: none }
ul.messenger .messenger-message { overflow: hidden; *zoom:1
}
ul.messenger .messenger-message.messenger-hidden { display: none }
ul.messenger .messenger-message .messenger-phrase, ul.messenger .messenger-message .messenger-actions a { padding-right: 5px }
ul.messenger .messenger-message .messenger-actions { float: right }
ul.messenger .messenger-message .messenger-actions a { cursor: pointer; text-decoration: underline }
ul.messenger .messenger-message ul, ul.messenger .messenger-message ol { margin: 10px 18px 0 }
ul.messenger.messenger-fixed { position: fixed; z-index: 10000 }
ul.messenger.messenger-fixed .messenger-message { min-width: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
ul.messenger.messenger-fixed .message .messenger-actions {float: left;}
ul.messenger.messenger-fixed.messenger-on-top { top: 45%; margin-top: -50px }
ul.messenger.messenger-fixed.messenger-on-bottom { top: 45%; margin-top: -50px }
ul.messenger.messenger-fixed.messenger-on-top, ul.messenger.messenger-fixed.messenger-on-bottom { left: 50%; width: 350px; margin-left: -175px }
@media(max-width:960px) {
ul.messenger.messenger-fixed.messenger-on-top, ul.messenger.messenger-fixed.messenger-on-bottom { left: 10%; width: 80%; margin-left: 0 }
}
ul.messenger.messenger-fixed.messenger-on-top.messenger-on-left, ul.messenger.messenger-fixed.messenger-on-bottom.messenger-on-left { left: 20px; margin-left: 0 }
ul.messenger.messenger-fixed.messenger-on-right, ul.messenger.messenger-fixed.messenger-on-left { width: 350px }
ul.messenger.messenger-fixed.messenger-on-right .messenger-actions, ul.messenger.messenger-fixed.messenger-on-left .messenger-actions {float: left;}
ul.messenger .messenger-spinner { display: none }

body { line-height: 1.5 }
@-webkit-keyframes ui-spinner-rotate-right { 0% {-webkit-transform:rotate(0)}25% {-webkit-transform:rotate(180deg)}50% {-webkit-transform:rotate(180deg)}75% {-webkit-transform:rotate(360deg)}100% {-webkit-transform:rotate(360deg)}}
@-webkit-keyframes ui-spinner-rotate-left { 0% {-webkit-transform:rotate(0)}25% {-webkit-transform:rotate(0)}50% {-webkit-transform:rotate(180deg)}75% {-webkit-transform:rotate(180deg)}100% {-webkit-transform:rotate(360deg)}}
@-moz-keyframes ui-spinner-rotate-right { 0% {-moz-transform:rotate(0)}25% {-moz-transform:rotate(180deg)}50% {-moz-transform:rotate(180deg)}75% {-moz-transform:rotate(360deg)}100% {-moz-transform:rotate(360deg)}}
@-moz-keyframes ui-spinner-rotate-left { 0% {-moz-transform:rotate(0)}25% {-moz-transform:rotate(0)}50% {-moz-transform:rotate(180deg)}75% {-moz-transform:rotate(180deg)}100% {-moz-transform:rotate(360deg)}}
@keyframes ui-spinner-rotate-right { 0% {transform:rotate(0)}25% {transform:rotate(180deg)}50% {transform:rotate(180deg)}75% {transform:rotate(360deg)}100% {transform:rotate(360deg)}}
@keyframes ui-spinner-rotate-left { 0% {transform:rotate(0)}25% {transform:rotate(0)}50% {transform:rotate(180deg)}75% {transform:rotate(180deg)}100% {transform:rotate(360deg)}}

.messenger-spinner { position: relative; border-radius: 100% }
.messenger-spinner .messenger-spinner-side { width: 50%; height: 100%; overflow: hidden; position: absolute }
.messenger-spinner .messenger-spinner-side .messenger-spinner-fill { border-radius: 999px; position: absolute; width: 100%; height: 100%; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear }
.messenger-spinner .messenger-spinner-side-left { left: 0 }
.messenger-spinner .messenger-spinner-side-left .messenger-spinner-fill { left: 100%; border-top-left-radius: 0; border-bottom-left-radius: 0; -webkit-animation-name: ui-spinner-rotate-left; -moz-animation-name: ui-spinner-rotate-left; -ms-animation-name: ui-spinner-rotate-left; -o-animation-name: ui-spinner-rotate-left; animation-name: ui-spinner-rotate-left; -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50% }
.messenger-spinner .messenger-spinner-side-right { left: 50% }
.messenger-spinner .messenger-spinner-side-right .messenger-spinner-fill { left: -100%; border-top-right-radius: 0; border-bottom-right-radius: 0; -webkit-animation-name: ui-spinner-rotate-right; -moz-animation-name: ui-spinner-rotate-right; -ms-animation-name: ui-spinner-rotate-right; -o-animation-name: ui-spinner-rotate-right; animation-name: ui-spinner-rotate-right; -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50% }
ul.messenger-theme-flat { -moz-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; font-family: Raleway, sans-serif }
ul.messenger-theme-flat .messenger-message {-webkit-transition: background-color .4s;-moz-transition: background-color .4s;-o-transition: background-color .4s;transition: background-color .4s;-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;-o-border-radius: 2px;border-radius: 2px;background-color: #fff;position: relative;margin-bottom: 1em;font-size: 16px;color: #000;font-weight: 500;box-shadow: 0 4px 22px 0 rgba(0,0,0,0.15);}
ul.messenger-theme-flat .messenger-message .messenger-close { position: absolute; top: 0; right: 0; color: #888; opacity: 1; font-weight: 700; display: block; font-size: 20px; line-height: 20px; padding: 8px 10px 7px 7px; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none }
ul.messenger-theme-flat .messenger-message .messenger-close:hover { color: #444 }
/*ul.messenger-theme-flat .messenger-message .messenger-close:active { color: #222 }*/
ul.messenger-theme-flat .messenger-message .messenger-actions {float: none;border-top: 1px solid #00000025;width: 100%;text-align: center;}
ul.messenger-theme-flat .messenger-message .messenger-actions a {text-decoration: none;display: inline-block;color: #952aff;padding: 8px;text-transform: capitalize;width: 100%;font-size: 18px;box-sizing: border-box;}
ul.messenger-theme-flat .messenger-message .messenger-actions a:hover {}
/*ul.messenger-theme-flat .messenger-message .messenger-actions a:active { -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.18), inset 0 1px rgba(0,0,0,.05); -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.18), inset 0 1px rgba(0,0,0,.05); box-shadow: 0 0 0 1px rgba(0,0,0,.18), inset 0 1px rgba(0,0,0,.05); background: rgba(0,0,0,.04); color: #444 }*/
ul.messenger-theme-flat .messenger-message .messenger-actions .messenger-phrase { display: none }
ul.messenger-theme-flat .messenger-message .messenger-message-inner {min-height: 21px;text-align: center;padding: 20px;}
ul.messenger-theme-flat .messenger-message .messenger-message-inner:before{content:''; display:block; margin:0 auto 25px; width:44px; height:44px; background: url(..//static/image/messenger_icon_info.png) no-repeat center/100%;}
ul.messenger-theme-flat .messenger-message.alert-success .messenger-message-inner:before { background-image: url(..//static/image/messenger_icon_success.png) }
ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-soon .messenger-spinner { width: 24px; height: 24px; background: 0 0 }
ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-soon .messenger-spinner .messenger-spinner-side .messenger-spinner-fill { background: #dd6a45; -webkit-animation-duration: 20s; -moz-animation-duration: 20s; -ms-animation-duration: 20s; -o-animation-duration: 20s; animation-duration: 20s; opacity: 1 }
ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-soon .messenger-spinner:after { content: ""; background: #fff; position: absolute; width: 19px; height: 19px; border-radius: 50%; top: 2px; left: 2px; display: block }
ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-later .messenger-spinner { width: 24px; height: 24px; background: 0 0 }
ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-later .messenger-spinner .messenger-spinner-side .messenger-spinner-fill { background: #dd6a45; -webkit-animation-duration: 600s; -moz-animation-duration: 600s; -ms-animation-duration: 600s; -o-animation-duration: 600s; animation-duration: 600s; opacity: 1 }
ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-later .messenger-spinner:after { content: ""; background: #fff; position: absolute; width: 19px; height: 19px; border-radius: 50%; top: 2px; left: 2px; display: block }
ul.messenger-theme-flat .messenger-message.alert-error .messenger-message-inner:before { background-image: url(..//static/image/messenger_icon_error.png) }
ul.messenger-theme-flat .messenger-spinner { display: none; position: absolute; left: 12px; top: 50%; margin-top: -13px; z-index: 999; height: 24px; width: 24px; z-index: 10 }

