.loading-indicator{padding:20px 20px 20px 60px;color:#999;font-size:14px;font-weight:500;text-align:left;z-index:10}
.loading-indicator>span{background:transparent url('../themes/clockhouse/assets/less/images/loader.gif') no-repeat 0 50%;position:absolute;width:40px;height:40px;top:50%;margin-top:-20px;left:0;display:block}
.form-buttons .loading-indicator{background:#f9f9f9}
.loading-indicator-container{position:relative;min-height:40px}
.loading-indicator-container .loading-indicator{position:absolute;left:0;top:0;width:100%;height:100%;padding-top:0}
.loading-indicator-container .loading-indicator>div{position:absolute;top:50%;margin-top:-0.65em}
html.cssanimations .loading-indicator>span{background-image:url('../themes/clockhouse/assets/less/images/loader-transparent.svg');background-size:35px 35px;background-position:50% 50%;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}
html.cssanimations .loading-indicator.is-opaque>span,
html.cssanimations .loading-indicator-container.is-opaque .loading-indicator>span{background-image:url('../themes/clockhouse/assets/less/images/loader.svg')}
.loading-indicator-container.size-small{min-height:20px}
.loading-indicator.size-small,
.loading-indicator-container.size-small .loading-indicator{padding:16px 16px 16px 30px;font-size:11px}
.loading-indicator.size-small>span,
.loading-indicator-container.size-small .loading-indicator>span{height:20px;width:20px;margin-top:-10px}
html.cssanimations .loading-indicator.size-small>span,
html.cssanimations .loading-indicator-container.size-small .loading-indicator>span{background-size:20px 20px}
.loading-indicator.indicator-center,
.loading-indicator-container.indicator-center .loading-indicator{padding:20px}
.loading-indicator.indicator-center>span,
.loading-indicator-container.indicator-center .loading-indicator>span{left:50%;margin-left:-20px;margin-top:-20px}
.loading-indicator.indicator-center>div,
.loading-indicator-container.indicator-center .loading-indicator>div{text-align:center;position:relative;margin-top:30px}
.loading-indicator.indicator-inset,
.loading-indicator-container.indicator-inset .loading-indicator{padding-left:80px}
.loading-indicator.indicator-inset>span,
.loading-indicator-container.indicator-inset .loading-indicator>span{left:20px}
.loading-indicator-container.size-form-field,
.loading-indicator-container.size-input-text{min-height:0}
.loading-indicator-container.size-form-field .loading-indicator,
.loading-indicator-container.size-input-text .loading-indicator{background-color:transparent;padding:0;margin:0}
.loading-indicator-container.size-form-field .loading-indicator>span,
.loading-indicator-container.size-input-text .loading-indicator>span{padding:0;margin:0;left:auto;right:7px;top:6px;width:23px;height:23px;background-size:23px 23px}
.loading-indicator-container.size-form-field .loading-indicator>span{top:0;right:0;width:20px;height:20px;background-size:20px 20px}
html.cssanimations .cursor-loading-indicator{background:transparent url('../themes/clockhouse/assets/less/images/loader-transparent.svg') no-repeat 50% 50%;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;background-size:20px 20px;position:fixed;width:20px;height:20px}
html.cssanimations .cursor-loading-indicator.hide{display:none}
.bar-loading-indicator{-webkit-transition:opacity 0.4s linear;-moz-transition:opacity 0.4s linear;-ms-transition:opacity 0.4s linear;-o-transition:opacity 0.4s linear;transition:opacity 0.4s linear}
.bar-loading-indicator .progress-bar{-webkit-animation:infinite-loader 90s ease-in forwards;animation:infinite-loader 90s ease-in forwards;-webkit-transition-duration:0s;transition-duration:0s}
.bar-loading-indicator.bar-loaded{opacity:0;filter:alpha(opacity=0);-webkit-transition-delay:0.3s;transition-delay:0.3s}
.bar-loading-indicator.bar-loaded .progress-bar{width:100% !important;-webkit-transition:width 0.3s linear;-moz-transition:width 0.3s linear;-ms-transition:width 0.3s linear;-o-transition:width 0.3s linear;transition:width 0.3s linear;-webkit-animation:none;animation:none}
.stripe-loading-indicator{height:4px;background:transparent;position:fixed;top:0;left:0;width:100%;overflow:hidden;z-index:10300}
.stripe-loading-indicator .stripe,
.stripe-loading-indicator .stripe-loaded{height:4px;display:block;background:#3498db;position:absolute;-webkit-box-shadow:inset 0 1px 1px -1px #FFF,inset 0 -1px 1px -1px #FFF;box-shadow:inset 0 1px 1px -1px #FFF,inset 0 -1px 1px -1px #FFF}
.stripe-loading-indicator .stripe{width:100%;-webkit-animation:infinite-loader 60s linear;animation:infinite-loader 60s linear}
.stripe-loading-indicator .stripe-loaded{width:0;opacity:0;filter:alpha(opacity=0)}
.stripe-loading-indicator.loaded{opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity 0.4s linear;-moz-transition:opacity 0.4s linear;-ms-transition:opacity 0.4s linear;-o-transition:opacity 0.4s linear;transition:opacity 0.4s linear;-webkit-transition-delay:0.3s;transition-delay:0.3s}
.stripe-loading-indicator.loaded .stripe-loaded{opacity:1;filter:alpha(opacity=100);-webkit-transition:width 0.3s linear;-moz-transition:width 0.3s linear;-ms-transition:width 0.3s linear;-o-transition:width 0.3s linear;transition:width 0.3s linear;width:100% !important}
.stripe-loading-indicator.hide{display:none}
@-moz-keyframes infinite-loader{0%{width:0%}10%{width:42%}20%{width:63%}30%{width:78.75%}40%{width:88.59375%}50%{width:94.13085938%}60%{width:97.07244873%}70%{width:98.58920574%}80%{width:99.35943391000001%}90%{width:99.7475567%}100%{width:99.94237615%}}
@-webkit-keyframes infinite-loader{0%{width:0%}10%{width:42%}20%{width:63%}30%{width:78.75%}40%{width:88.59375%}50%{width:94.13085938%}60%{width:97.07244873%}70%{width:98.58920574%}80%{width:99.35943391000001%}90%{width:99.7475567%}100%{width:99.94237615%}}
@-o-keyframes infinite-loader{0%{width:0%}10%{width:42%}20%{width:63%}30%{width:78.75%}40%{width:88.59375%}50%{width:94.13085938%}60%{width:97.07244873%}70%{width:98.58920574%}80%{width:99.35943391000001%}90%{width:99.7475567%}100%{width:99.94237615%}}
@-ms-keyframes infinite-loader{0%{width:0%}10%{width:42%}20%{width:63%}30%{width:78.75%}40%{width:88.59375%}50%{width:94.13085938%}60%{width:97.07244873%}70%{width:98.58920574%}80%{width:99.35943391000001%}90%{width:99.7475567%}100%{width:99.94237615%}}
@keyframes infinite-loader{0%{width:0%}10%{width:42%}20%{width:63%}30%{width:78.75%}40%{width:88.59375%}50%{width:94.13085938%}60%{width:97.07244873%}70%{width:98.58920574%}80%{width:99.35943391000001%}90%{width:99.7475567%}100%{width:99.94237615%}}
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}
@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}
@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
@-moz-keyframes rspin{0%{-moz-transform:rotate(359deg)}100%{-moz-transform:rotate(0deg)}}
@-webkit-keyframes rspin{0%{-webkit-transform:rotate(359deg)}100%{-webkit-transform:rotate(0deg)}}
@-o-keyframes rspin{0%{-o-transform:rotate(359deg)}100%{-o-transform:rotate(0deg)}}
@-ms-keyframes rspin{0%{-ms-transform:rotate(359deg)}100%{-ms-transform:rotate(0deg)}}
@keyframes rspin{0%{transform:rotate(359deg)}100%{transform:rotate(0deg)}}
.close{float:right;font-size:27px;font-weight:bold;line-height:1;color:#000;text-shadow:0 1px 0 #fff;font-family:sans-serif;opacity:0.2;filter:alpha(opacity=20)}
.close:hover,
.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:0.5;filter:alpha(opacity=50)}
button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}
#layout-canvas .flash-message{display:none}
.flash-message{position:fixed;width:500px;left:50%;top:50px;margin-left:-250px;color:#fff;font-size:14px;padding:10px 30px 10px 15px;z-index:10300;word-wrap:break-word;text-align:center;-webkit-box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.24);box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.24);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.flash-message.fade{opacity:0;filter:alpha(opacity=0);-webkit-transition:all 0.5s,width 0s;-moz-transition:all 0.5s,width 0s;-ms-transition:all 0.5s,width 0s;-o-transition:all 0.5s,width 0s;transition:all 0.5s,width 0s;-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-ms-transform:scale(0.9);-o-transform:scale(0.9);transform:scale(0.9)}
.flash-message.fade.in{opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.flash-message.success{background:#8da85e}
.flash-message.error{background:#c30}
.flash-message.warning{background:#f0ad4e}
.flash-message.info{background:#5fb6f5}
.flash-message button{float:none;position:absolute;right:10px;top:8px;color:white;outline:none}
.flash-message button:hover{color:white}
.flash-message.static{position:static !important;width:auto !important;display:block !important;margin-left:0 !important;-webkit-box-shadow:none;box-shadow:none}
@media (max-width:768px){.flash-message{left:10px;right:10px;top:10px;margin-left:0;width:auto}}