.alert-message{padding:15px;border:1px solid transparent}.alert-message.success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-message.info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-message.warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-message.error{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-message .button{margin-top:-4px}.alert-message .em{margin-right:0.5em}.alert-message--detached-top{margin-top:1.5em}.alert-message--detached-bottom{margin-bottom:2em}.past-due-wrapper{pointer-events:auto;box-sizing:border-box;display:block;top:0;left:0;height:100%;width:100%;padding:2em 0;text-align:center;border:2px solid #ebccd1;background:#f2dede}.past-due-wrapper .title,.past-due-wrapper p{color:#a94442}.past-due-block{display:inline-block;padding:2em 2em 1em 2em;max-width:320px}@-webkit-keyframes mousemove{21%{-webkit-transform:translate(0px, 2px);transform:translate(0px, 2px)}56%{-webkit-transform:translate(10px, 1px);transform:translate(10px, 1px)}98%{-webkit-transform:translate(0px, 0);transform:translate(0px, 0)}}@keyframes mousemove{21%{-webkit-transform:translate(0px, 2px);transform:translate(0px, 2px)}56%{-webkit-transform:translate(10px, 1px);transform:translate(10px, 1px)}98%{-webkit-transform:translate(0px, 0);transform:translate(0px, 0)}}@-webkit-keyframes mouseinner{8%{-webkit-transform:translate(0px, 0);transform:translate(0px, 0)}38%{-webkit-transform:translate(1px, 4px);transform:translate(1px, 4px)}62%{-webkit-transform:translate(1px, 4px);transform:translate(1px, 4px)}90%{-webkit-transform:translate(0px, 0);transform:translate(0px, 0)}}@keyframes mouseinner{8%{-webkit-transform:translate(0px, 0);transform:translate(0px, 0)}38%{-webkit-transform:translate(1px, 4px);transform:translate(1px, 4px)}62%{-webkit-transform:translate(1px, 4px);transform:translate(1px, 4px)}90%{-webkit-transform:translate(0px, 0);transform:translate(0px, 0)}}@-webkit-keyframes mouserotate{8%{-webkit-transform:translate(0px, 16px) rotate(0deg) translate(0px, -16px);transform:translate(0px, 16px) rotate(0deg) translate(0px, -16px)}27%{-webkit-transform:translate(0px, 16px) rotate(-6deg) translate(0px, -16px);transform:translate(0px, 16px) rotate(-6deg) translate(0px, -16px)}57%{-webkit-transform:translate(0px, 16px) rotate(9.5deg) translate(0px, -16px);transform:translate(0px, 16px) rotate(9.5deg) translate(0px, -16px)}}@keyframes mouserotate{8%{-webkit-transform:translate(0px, 16px) rotate(0deg) translate(0px, -16px);transform:translate(0px, 16px) rotate(0deg) translate(0px, -16px)}27%{-webkit-transform:translate(0px, 16px) rotate(-6deg) translate(0px, -16px);transform:translate(0px, 16px) rotate(-6deg) translate(0px, -16px)}57%{-webkit-transform:translate(0px, 16px) rotate(9.5deg) translate(0px, -16px);transform:translate(0px, 16px) rotate(9.5deg) translate(0px, -16px)}}@-webkit-keyframes leftclick{10%{background-color:#aeaeae}50%{background-color:#aeaeae}56%{background-color:#999}}@keyframes leftclick{10%{background-color:#aeaeae}50%{background-color:#aeaeae}56%{background-color:#999}}.animated-mouse-wrapper{z-index:400;bottom:12px;left:50%;opacity:0;pointer-events:none;position:absolute;-webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%);transition:opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1)}.animated-mouse-move{bottom:24px;height:32px;left:50%;margin-left:-9px;position:absolute;transition:opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1);width:18px}.animated-mouse-bg{background-color:rgba(0,0,0,0.2);border-radius:11px;height:36px;position:absolute;-webkit-transform:translate(-2px, -11px);transform:translate(-2px, -11px);width:22px}.animated-mouse-buttons{border-radius:9px 9px 0 0;height:9px;overflow:hidden;position:absolute;-webkit-transform:translate(0px, -9px);transform:translate(0px, -9px);width:18px}.animated-mouse-left-button{background-color:#fff;height:9px;position:absolute;width:9px}.animated-mouse-right-button{background-color:#fff;height:9px;position:absolute;-webkit-transform:translate(9px, 0);transform:translate(9px, 0);width:9px}.animated-mouse-scroll-wheel{position:absolute;height:3px;width:3px;border-radius:1.5px;-webkit-transform:translate(7.5px, -1px);transform:translate(7.5px, -1px);background:#aeaeae}.animated-mouse-body{background-color:#fff;border-radius:9px;height:32px;margin-top:-9px;position:absolute;width:18px}.animated-mouse-helptext{background:rgba(0,0,0,0.5);padding:2px 4px;border-radius:3px;color:#fff;font-family:"Helvetica Neue", Helvetica, sans-serif;font-size:0.8em;font-weight:500;margin:2px;text-align:center;white-space:nowrap}.animated-mouse--animate.animated-mouse-wrapper{opacity:1}.animated-mouse--animate div{-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-duration:2s;animation-duration:2s}.animated-mouse--animate .animated-mouse-move{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:mousemove;animation-name:mousemove;height:32px;width:18px}.animated-mouse--animate .animated-mouse-rotate{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:mouserotate;animation-name:mouserotate}.animated-mouse--animate .animated-mouse-inner{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:mouseinner;animation-name:mouseinner}.animated-mouse--animate .animated-mouse-left-button{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:leftclick;animation-name:leftclick}@-webkit-keyframes touchmove{21%{-webkit-transform:translate(0px, 2px);transform:translate(0px, 2px)}56%{-webkit-transform:translate(30px, 10px);transform:translate(30px, 10px)}98%{-webkit-transform:translate(0px, 0);transform:translate(0px, 0)}}@keyframes touchmove{21%{-webkit-transform:translate(0px, 2px);transform:translate(0px, 2px)}56%{-webkit-transform:translate(30px, 10px);transform:translate(30px, 10px)}98%{-webkit-transform:translate(0px, 0);transform:translate(0px, 0)}}@-webkit-keyframes touchinner{8%{-webkit-transform:translate(0px, 0);transform:translate(0px, 0)}38%{-webkit-transform:translate(1px, 4px);transform:translate(1px, 4px)}62%{-webkit-transform:translate(1px, 4px);transform:translate(1px, 4px)}90%{-webkit-transform:translate(0px, 0);transform:translate(0px, 0)}}@keyframes touchinner{8%{-webkit-transform:translate(0px, 0);transform:translate(0px, 0)}38%{-webkit-transform:translate(1px, 4px);transform:translate(1px, 4px)}62%{-webkit-transform:translate(1px, 4px);transform:translate(1px, 4px)}90%{-webkit-transform:translate(0px, 0);transform:translate(0px, 0)}}@-webkit-keyframes touchrotate{8%{-webkit-transform:translate(0px, 16px) rotate(0deg) translate(0px, -16px);transform:translate(0px, 16px) rotate(0deg) translate(0px, -16px)}27%{-webkit-transform:translate(0px, 16px) rotate(0deg) translate(0px, -16px);transform:translate(0px, 16px) rotate(0deg) translate(0px, -16px)}57%{-webkit-transform:translate(0px, 16px) rotate(9.5deg) translate(0px, -16px);transform:translate(0px, 16px) rotate(9.5deg) translate(0px, -16px)}}@keyframes touchrotate{8%{-webkit-transform:translate(0px, 16px) rotate(0deg) translate(0px, -16px);transform:translate(0px, 16px) rotate(0deg) translate(0px, -16px)}27%{-webkit-transform:translate(0px, 16px) rotate(0deg) translate(0px, -16px);transform:translate(0px, 16px) rotate(0deg) translate(0px, -16px)}57%{-webkit-transform:translate(0px, 16px) rotate(9.5deg) translate(0px, -16px);transform:translate(0px, 16px) rotate(9.5deg) translate(0px, -16px)}}@-webkit-keyframes touch{10%{background-color:#fff;box-shadow:rgba(0,0,0,0.2) 0px 0px 0px 1px;-webkit-transform:scale(1.15);transform:scale(1.15)}50%{background-color:#aeaeae;box-shadow:rgba(0,0,0,0.2) 0px 0px 0px 4px;-webkit-transform:scale(1);transform:scale(1)}56%{background-color:#999;box-shadow:rgba(0,0,0,0.2) 0px 0px 0px 5px;-webkit-transform:scale(1);transform:scale(1)}}@keyframes touch{10%{background-color:#fff;box-shadow:rgba(0,0,0,0.2) 0px 0px 0px 1px;-webkit-transform:scale(1.15);transform:scale(1.15)}50%{background-color:#aeaeae;box-shadow:rgba(0,0,0,0.2) 0px 0px 0px 4px;-webkit-transform:scale(1);transform:scale(1)}56%{background-color:#999;box-shadow:rgba(0,0,0,0.2) 0px 0px 0px 5px;-webkit-transform:scale(1);transform:scale(1)}}.animated-touch-wrapper{z-index:400;bottom:12px;left:50%;opacity:0;pointer-events:none;position:absolute;-webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%);transition:opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1)}.animated-touch-move{position:relative;left:50%;margin-left:-16px;transition:opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1);width:32px}.animated-touch-fingers{-webkit-transform:translate(0px, -10px);transform:translate(0px, -10px)}.animated-touch-finger{box-shadow:rgba(0,0,0,0.2) 0px 0px 0px 2px;border-radius:16px;background-color:#fff;height:32px;width:32px;margin-bottom:10px;-webkit-transform:scale(1.15);transform:scale(1.15)}.animated-touch-helptext{background:rgba(0,0,0,0.5);padding:2px 4px;border-radius:3px;color:#fff;font-family:"Helvetica Neue", Helvetica, sans-serif;font-size:0.8em;font-weight:500;margin:2px;text-align:center;white-space:nowrap}.animated-touch--animate.animated-touch-wrapper{opacity:1}.animated-touch--animate div{-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-duration:2s;animation-duration:2s}.animated-touch--animate .animated-touch-move{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:touchmove;animation-name:touchmove}.animated-touch--animate .animated-touch-rotate{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:touchrotate;animation-name:touchrotate}.animated-touch--animate .animated-touch-inner{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:touchinner;animation-name:touchinner}.animated-touch--animate .animated-touch-finger{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:touch;animation-name:touch}.loader-ring{width:94px;min-width:94px;height:94px;min-height:94px;margin:auto;position:absolute;top:50%;margin-top:-50px;left:50%;margin-left:-50px;border-radius:50%;border-top:3px solid rgba(255,255,255,0.2);border-right:3px solid rgba(255,255,255,0.2);border-bottom:3px solid rgba(255,255,255,0.2);border-left:3px solid #fff;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:rotate-360 1s infinite ease-out;animation:rotate-360 1s infinite ease-out}@-webkit-keyframes rotate-360{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-360{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.loader-progress{position:absolute;width:100%;line-height:100%;text-align:center;top:50%;font-size:20px;font-family:"Helvetica Neue";font-weight:300;margin-top:-1em;line-height:2em;color:white;text-shadow:rgba(0,0,0,0.8) 0px 0px 6px}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}.app-container{position:relative;clear:both;height:100%;width:100%;cursor:-webkit-grab;cursor:grab}.app-container .preview{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity 200ms ease-out}.app-container--grabbing{cursor:-webkit-grabbing;cursor:grabbing}.app-container--static{cursor:auto}.app-container--loaded .preview{opacity:0}.heading-indicator{position:absolute;left:15px;top:50%;margin-top:-15px;z-index:100;background:rgba(0,0,0,0.5);height:30px;width:30px;border-radius:15px;cursor:pointer;opacity:0.80;transition:opacity 300ms ease-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}.heading-indicator:hover{opacity:1.0}.animated-mouse-wrapper{bottom:20px}.animated-touch-wrapper{bottom:56px}.control-button-group{position:absolute;right:0;bottom:0}.control-button{outline:none;border:none;background:transparent;padding:0;box-sizing:border-box;height:42px;width:37.8px;float:right;z-index:100;-webkit-filter:drop-shadow(0px 0px 3px #000);filter:drop-shadow(0px 0px 3px #000);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:-webkit-transform 300ms ease-out;transition:transform 300ms ease-out}.control-button:not([disabled]){cursor:pointer}.control-button:hover:not([disabled]){-webkit-transform:scale3d(1.1, 1.1, 1);transform:scale3d(1.1, 1.1, 1)}.control-button:first-child{margin-right:2.1px}.control-button img{display:block;height:22px;width:22px;margin-left:7.9px}.client-logo-wrapper{cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:absolute;left:10px;bottom:10px;padding:0;box-sizing:border-box}.client-logo{display:block;max-width:100%;border-radius:1.5em;box-shadow:0 3px 6px rgba(50,50,93,0.51),0 1px 3px rgba(0,0,0,0.08);transition:-webkit-transform 200ms ease-out, box-shadow ease-out 200ms;transition:transform 200ms ease-out, box-shadow ease-out 200ms}.client-logo:hover{-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0);box-shadow:0 5px 8px rgba(50,50,93,0.51),0 3px 5px rgba(0,0,0,0.08)}.loader{background:rgba(0,0,0,0.75);position:absolute;width:100%;height:100%;top:0;left:0;z-index:300;transition:opacity 300ms ease-out}.brand{pointer-events:none;position:absolute;width:100%;height:100%;top:0;left:0;z-index:350}.account-disabled{background:rgba(0,0,0,0);color:white;font-weight:bold;text-align:center;font-family:Arial, sans-serif;pointer-events:all;position:absolute;width:100%;height:100%;top:0;left:0;z-index:30000;transition:opacity 300ms ease-out}.account-disabled p{vertical-align:middle}.account-disabled__link{color:#999}.controls{position:absolute;width:100%;height:100%;top:0;left:0;z-index:200;transition:opacity 300ms ease-out}.loader--hidden{opacity:0;pointer-events:none}.tip-overlay{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;opacity:0;position:absolute;z-index:100;width:100%;height:100%;background:rgba(0,0,0,0.8);color:white;transition:opacity 300ms ease-out}.upragde-overlay{position:absolute;top:0;left:0;width:100%;z-index:4000;font-family:Arial, sans-serif;font-size:0.9em;background:#ccc;padding:0.5em 1em;opacity:0.85}.upragde-overlay p{padding:0;margin:0}.upragde-overlay .button,.upragde-overlay{color:#666}.upragde-overlay .button{font-weight:600}@media all and (min-width: 320px){.client-logo-wrapper{left:20px;bottom:20px}.control-button{height:62px;width:55.8px}.control-button:first-child{margin-right:3.1px}.control-button img{margin-left:16.9px}}
