@-webkit-keyframes ui-spinner-rotate-right { 0% {
-webkit-transform:rotate(0deg)
}
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(0deg)
}
25% {
-webkit-transform:rotate(0deg)
}
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(0deg)
}
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(0deg)
}
25% {
-moz-transform:rotate(0deg)
}
50% {
-moz-transform:rotate(180deg)
}
75% {
-moz-transform:rotate(180deg)
}
100% {
-moz-transform:rotate(360deg)
}
}
@keyframes ui-spinner-rotate-right { 0% {
transform:rotate(0deg)
}
25% {
transform:rotate(180deg)
}
50% {
transform:rotate(180deg)
}
75% {
transform:rotate(360deg)
}
100% {
transform:rotate(360deg)
}
}
@keyframes ui-spinner-rotate-left { 0% {
transform:rotate(0deg)
}
25% {
transform:rotate(0deg)
}
50% {
transform:rotate(180deg)
}
75% {
transform:rotate(180deg)
}
100% {
transform:rotate(360deg)
}
}
.messenger-spinner { position: relative; border-radius: 100% }
ul.messenger.messenger-spinner-active .messenger-spinner .messenger-spinner { display: block }
.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-future { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -moz-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; background-color: rgba(35,35,35,0.7); border: 1px solid rgba(0,0,0,0.5) }
ul.messenger-theme-future .messenger-message { -webkit-box-shadow: inset 0 1px rgba(255,255,255,0.13), inset 0 -1px rgba(0,0,0,0.23), inset 48px 0 0 rgba(0,0,0,0.3), inset 46px 0 0 rgba(255,255,255,0.07); -moz-box-shadow: inset 0 1px rgba(255,255,255,0.13), inset 0 -1px rgba(0,0,0,0.23), inset 48px 0 0 rgba(0,0,0,0.3), inset 46px 0 0 rgba(255,255,255,0.07); box-shadow: inset 0 1px rgba(255,255,255,0.13), inset 0 -1px rgba(0,0,0,0.23), inset 48px 0 0 rgba(0,0,0,0.3), inset 46px 0 0 rgba(255,255,255,0.07); -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; position: relative; border: 0; margin-bottom: 0; font-size: 13px; background: transparent; color: #f0f0f0; text-shadow: 0 1px #111; font-weight: 500; padding: 10px 30px 13px 65px }
ul.messenger-theme-future .messenger-message a { color: #59f }
ul.messenger-theme-future .messenger-message .messenger-close { position: absolute; top: 0; right: 0; color: #888; opacity: 1; font-weight: bold; display: block; font-size: 20px; line-height: 20px; padding: 8px 10px 7px 7px; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none }
ul.messenger-theme-future .messenger-message .messenger-close:hover { color: #bbb }
ul.messenger-theme-future .messenger-message .messenger-close:active { color: #777 }
ul.messenger-theme-future .messenger-message .messenger-actions { float: none; margin-top: 10px }
ul.messenger-theme-future .messenger-message .messenger-actions a { -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.2), inset 0 1px rgba(255,255,255,0.1); -moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.2), inset 0 1px rgba(255,255,255,0.1); box-shadow: 0 0 0 1px rgba(0,0,0,0.2), inset 0 1px rgba(255,255,255,0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; text-decoration: none; display: inline-block; padding: 10px; color: #aaa; text-shadow: 0 1px #222; margin-right: 10px; padding: 3px 10px 5px; text-transform: capitalize }
ul.messenger-theme-future .messenger-message .messenger-actions a:hover { -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.2), inset 0 1px rgba(255,255,255,0.2); -moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.2), inset 0 1px rgba(255,255,255,0.2); box-shadow: 0 0 0 1px rgba(0,0,0,0.2), inset 0 1px rgba(255,255,255,0.2); color: #f0f0f0 }
ul.messenger-theme-future .messenger-message .messenger-actions a:active { -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.28), inset 0 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.28), inset 0 1px rgba(0,0,0,0.1); box-shadow: 0 0 0 1px rgba(0,0,0,0.28), inset 0 1px rgba(0,0,0,0.1); background: rgba(0,0,0,0.04); color: #aaa }
ul.messenger-theme-future .messenger-message .messenger-actions .messenger-phrase { display: none }
ul.messenger-theme-future .messenger-message .messenger-message-inner:before { -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.6), 0px 0 0 1px rgba(0,0,0,0.2); -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.6), 0px 0 0 1px rgba(0,0,0,0.2); box-shadow: inset 0 1px 3px rgba(0,0,0,0.6), 0px 0 0 1px rgba(0,0,0,0.2); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; position: absolute; left: 17px; display: block; content: " "; top: 50%; margin-top: -8px; height: 13px; width: 13px; z-index: 20 }
ul.messenger-theme-future .messenger-message.alert-success .messenger-message-inner:before { background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #5fca4a), color-stop(100%, #098d38)); background-image: -webkit-linear-gradient(top, #5fca4a, #098d38); background-image: -moz-linear-gradient(top, #5fca4a, #098d38); background-image: -o-linear-gradient(top, #5fca4a, #098d38); background-image: linear-gradient(top, #5fca4a, #098d38); background-color: #5fca4a }
ul.messenger-theme-future .messenger-message.alert-info .messenger-message-inner:before { background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #01933e), color-stop(100%, #86ca1f)); background-image: -webkit-linear-gradient(top, #01933e, #86ca1f); background-image: -moz-linear-gradient(top, #01933e, #86ca1f); background-image: -o-linear-gradient(top, #01933e, #86ca1f); background-image: linear-gradient(top, #01933e, #86ca1f); background-color: #01933e }

#01933e, #86ca1f

ul.messenger-theme-future .messenger-message.alert-error .messenger-message-inner:before { background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #dd6a45), color-stop(100%, #91361a)); background-image: -webkit-linear-gradient(top, #dd6a45, #91361a); background-image: -moz-linear-gradient(top, #dd6a45, #91361a); background-image: -o-linear-gradient(top, #dd6a45, #91361a); background-image: linear-gradient(top, #dd6a45, #91361a); background-color: #dd6a45 }
ul.messenger-theme-future .messenger-message.alert-error.messenger-retry-soon .messenger-spinner { width: 32px; height: 32px; background: transparent }
ul.messenger-theme-future .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-future .messenger-message.alert-error.messenger-retry-soon .messenger-spinner:after { content: ""; background: #333; position: absolute; width: 26px; height: 26px; border-radius: 50%; top: 3px; left: 3px; display: block }
ul.messenger-theme-future .messenger-message.alert-error.messenger-retry-later .messenger-spinner { width: 32px; height: 32px; background: transparent }
ul.messenger-theme-future .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-future .messenger-message.alert-error.messenger-retry-later .messenger-spinner:after { content: ""; background: #333; position: absolute; width: 26px; height: 26px; border-radius: 50%; top: 3px; left: 3px; display: block }
ul.messenger-theme-future .messenger-message-slot.messenger-last .messenger-message { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0 }
ul.messenger-theme-future .messenger-message-slot.messenger-first .messenger-message { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; -webkit-box-shadow: inset 0 1px rgba(255,255,255,0.13), inset 48px 0 0 rgba(0,0,0,0.3), inset 46px 0 0 rgba(255,255,255,0.07); -moz-box-shadow: inset 0 1px rgba(255,255,255,0.13), inset 48px 0 0 rgba(0,0,0,0.3), inset 46px 0 0 rgba(255,255,255,0.07); box-shadow: inset 0 1px rgba(255,255,255,0.13), inset 48px 0 0 rgba(0,0,0,0.3), inset 46px 0 0 rgba(255,255,255,0.07) }
ul.messenger-theme-future .messenger-message-slot.messenger-first.messenger-last .messenger-message { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 48px 0 0 rgba(0,0,0,0.3), inset 46px 0 0 rgba(255,255,255,0.07); -moz-box-shadow: inset 48px 0 0 rgba(0,0,0,0.3), inset 46px 0 0 rgba(255,255,255,0.07); box-shadow: inset 48px 0 0 rgba(0,0,0,0.3), inset 46px 0 0 rgba(255,255,255,0.07) }
ul.messenger-theme-future .messenger-spinner { display: block; position: absolute; left: 7px; top: 50%; margin-top: -18px; z-index: 999; height: 32px; width: 32px; z-index: 10 }