/* Includes styles for Updating Info Panel, including spinners which are all css3 only */
.app-blockUI {
	top: 80px;
	right: 50px;
	width: auto;
	z-index: 10000;
	border: none;
	margin :0;	
	padding: 10px; 
	background-color: #fff;
    box-shadow: 0 3px 5px #999;
	opacity: 0.9;
	text-align: center;
}
.app-updating-panel {
    width: 90px;
    word-wrap: break-word;
	/* margin-bottom:10px; */
}
.app-updating{
 /* line-height: 66px; */
 font-size:14px;
 color: #2b91af;
}
.app-blockUI.ui-dialog .ui-dialog-content{
	overflow: initial;
}	

/* DEFAULT SPINNER - Spiral of Circles */
/* http://cssload.net/en/spinners/6 */
/* http://codepen.io/WhiteWolfWizard */
#app-cssload-loader {
	position: relative;
	width: 66px;
	height: 66px;
	margin: auto;
}
#app-cssload-loader .cssload-dot{position:absolute;top:0;left:0;right:0;bottom:0;width:32.5px;height:100%;margin:auto}#app-cssload-loader .cssload-dot:before{content:'';position:absolute;top:0;left:0;right:0;width:32.5px;height:32.5px;border-radius:100%;transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0)}#app-cssload-loader .cssload-dot:nth-child(7n+1){transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}#app-cssload-loader .cssload-dot:nth-child(7n+1):before{background:#00ff80;animation:cssload-load .92s linear .12s infinite;-o-animation:cssload-load .92s linear .12s infinite;-ms-animation:cssload-load .92s linear .12s infinite;-webkit-animation:cssload-load .92s linear .12s infinite;-moz-animation:cssload-load .92s linear .12s infinite}#app-cssload-loader .cssload-dot:nth-child(7n+2){transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg)}#app-cssload-loader .cssload-dot:nth-child(7n+2):before{background:#00ffea;animation:cssload-load .92s linear .23s infinite;-o-animation:cssload-load .92s linear .23s infinite;-ms-animation:cssload-load .92s linear .23s infinite;-webkit-animation:cssload-load .92s linear .23s infinite;-moz-animation:cssload-load .92s linear .23s infinite}#app-cssload-loader .cssload-dot:nth-child(7n+3){transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg)}#app-cssload-loader .cssload-dot:nth-child(7n+3):before{background:#0af;animation:cssload-load .92s linear .35s infinite;-o-animation:cssload-load .92s linear .35s infinite;-ms-animation:cssload-load .92s linear .35s infinite;-webkit-animation:cssload-load .92s linear .35s infinite;-moz-animation:cssload-load .92s linear .35s infinite}#app-cssload-loader .cssload-dot:nth-child(7n+4){transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)}#app-cssload-loader .cssload-dot:nth-child(7n+4):before{background:#0040ff;animation:cssload-load .92s linear .46s infinite;-o-animation:cssload-load .92s linear .46s infinite;-ms-animation:cssload-load .92s linear .46s infinite;-webkit-animation:cssload-load .92s linear .46s infinite;-moz-animation:cssload-load .92s linear .46s infinite}#app-cssload-loader .cssload-dot:nth-child(7n+5){transform:rotate(225deg);-o-transform:rotate(225deg);-ms-transform:rotate(225deg);-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg)}#app-cssload-loader .cssload-dot:nth-child(7n+5):before{background:#2a00ff;animation:cssload-load .92s linear .58s infinite;-o-animation:cssload-load .92s linear .58s infinite;-ms-animation:cssload-load .92s linear .58s infinite;-webkit-animation:cssload-load .92s linear .58s infinite;-moz-animation:cssload-load .92s linear .58s infinite}#app-cssload-loader .cssload-dot:nth-child(7n+6){transform:rotate(270deg);-o-transform:rotate(270deg);-ms-transform:rotate(270deg);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg)}#app-cssload-loader .cssload-dot:nth-child(7n+6):before{background:#9500ff;animation:cssload-load .92s linear .69s infinite;-o-animation:cssload-load .92s linear .69s infinite;-ms-animation:cssload-load .92s linear .69s infinite;-webkit-animation:cssload-load .92s linear .69s infinite;-moz-animation:cssload-load .92s linear .69s infinite}#app-cssload-loader .cssload-dot:nth-child(7n+7){transform:rotate(315deg)}#app-cssload-loader .cssload-dot:nth-child(7n+7):before{background:#ff00ff;animation:cssload-load .92s linear .81s infinite;-o-animation:cssload-load .92s linear .81s infinite;-ms-animation:cssload-load .92s linear .81s infinite;-webkit-animation:cssload-load .92s linear .81s infinite;-moz-animation:cssload-load .92s linear .81s infinite}#app-cssload-loader .cssload-dot:nth-child(7n+8){transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg)}#app-cssload-loader .cssload-dot:nth-child(7n+8):before{background:#ff0095;animation:cssload-load .92s linear .92s infinite;-o-animation:cssload-load .92s linear .92s infinite;-ms-animation:cssload-load .92s linear .92s infinite;-webkit-animation:cssload-load .92s linear .92s infinite;-moz-animation:cssload-load .92s linear .92s infinite}@keyframes cssload-load{100%{opacity:0;transform:scale(1)}}@-o-keyframes cssload-load{100%{opacity:0;-o-transform:scale(1)}}@-ms-keyframes cssload-load{100%{opacity:0;-ms-transform:scale(1)}}@-webkit-keyframes cssload-load{100%{opacity:0;-webkit-transform:scale(1)}}@-moz-keyframes cssload-load{100%{opacity:0;-moz-transform:scale(1)}}

/* CLOCK */
/* https://github.com/oskargustafsson/CSS-spinners */
.app-spinner.clock {
  width: 4em;
  height: 4em;
  position: relative;
  margin: auto;
}
.app-spinner.clock .dial{width:100%;height:100%;background:radial-gradient(circle,#fff,#d2d2d2);border:.2em solid #333;border-radius:100%;box-sizing:border-box;-webkit-animation:bounce 1.5s infinite;animation:bounce 1.5s infinite}.app-spinner.clock .dial .hand{position:absolute;bottom:2em;width:.2em;left:50%;margin-left:-.1em;background-color:#333;border-radius:0 0 .2em .2em;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.app-spinner.clock .dial .hour.hand{height:1em;-webkit-animation:clockHandRotate 12s linear infinite;animation:clockHandRotate 12s linear infinite}.app-spinner.clock .dial .minute.hand{height:1.5em;-webkit-animation:clockHandRotate 1s linear infinite;animation:clockHandRotate 1s linear infinite}.app-spinner.clock .shadow{position:absolute;bottom:0;width:100%;height:.5em;margin-bottom:-.25em;background:radial-gradient(rgba(0,0,0,.4),transparent 60%);-webkit-animation:clockShadowFade 1.5s linear infinite;animation:clockShadowFade 1.5s linear infinite}@-webkit-keyframes fade{from{opacity:1}to{opacity:.2}}@keyframes fade{from{opacity:1}to{opacity:.2}}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}@-webkit-keyframes clockHandRotate{from{-webkit-transform:rotate(0) translateY(6%)}to{-webkit-transform:rotate(360deg) translateY(6%)}}@keyframes clockHandRotate{from{transform:rotate(0) translateY(6%)}to{transform:rotate(360deg) translateY(6%)}}@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0)}40%{-webkit-transition-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-2em,0)}70%{-webkit-transition-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-1em,0)}90%{-webkit-transform:translate3d(0,-.25em,0)}}@keyframes bounce{0%,100%,20%,50%,80%{transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,0,0)}40%{transition-timing-function:cubic-bezier(.755,.050,.855,.060);transform:translate3d(0,-2em,0)}70%{transition-timing-function:cubic-bezier(.755,.050,.855,.060);transform:translate3d(0,-1em,0)}90%{transform:translate3d(0,-.25em,0)}}@-webkit-keyframes clockShadowFade{0%,100%,20%,50%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);opacity:1}40%{-webkit-transition-timing-function:cubic-bezier(.755,.050,.855,.060);opacity:.2}70%{-webkit-transition-timing-function:cubic-bezier(.755,.050,.855,.060);opacity:.4}90%{opacity:.8}}@keyframes clockShadowFade{0%,100%,20%,50%,80%{transition-timing-function:cubic-bezier(.215,.61,.355,1);opacity:1}40%{transition-timing-function:cubic-bezier(.755,.050,.855,.060);opacity:.2}70%{transition-timing-function:cubic-bezier(.755,.050,.855,.060);opacity:.4}90%{opacity:.8}}

/*  CELL  */
/* http://codepen.io/redouglas */
.app-cssload-loader2 {
	width: 45px;
	height: 45px;
	margin: 10px auto;
	border-radius: 100%;
	animation-name: app-cssload-loader2;
		-o-animation-name: app-cssload-loader2;
		-ms-animation-name: app-cssload-loader2;
		-webkit-animation-name: app-cssload-loader2;
		-moz-animation-name: app-cssload-loader2;
	animation-iteration-count: infinite;
		-o-animation-iteration-count: infinite;
		-ms-animation-iteration-count: infinite;
		-webkit-animation-iteration-count: infinite;
		-moz-animation-iteration-count: infinite;
	animation-timing-function: linear;
		-o-animation-timing-function: linear;
		-ms-animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
		-moz-animation-timing-function: linear;
	animation-duration: 2.3s;
		-o-animation-duration: 2.3s;
		-ms-animation-duration: 2.3s;
		-webkit-animation-duration: 2.3s;
		-moz-animation-duration: 2.3s;
}
.app-cssload-loader2 .cssload-side{display:block;width:6px;height:18px;background-color:#2b91af;margin:2px;position:absolute;border-radius:50%;animation-duration:1.73s;-o-animation-duration:1.73s;-ms-animation-duration:1.73s;-webkit-animation-duration:1.73s;-moz-animation-duration:1.73s;animation-iteration-count:infinite;-o-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-timing-function:ease;-o-animation-timing-function:ease;-ms-animation-timing-function:ease;-webkit-animation-timing-function:ease;-moz-animation-timing-function:ease}.app-cssload-loader2 .cssload-side:nth-child(1),.app-cssload-loader2 .cssload-side:nth-child(5){transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);animation-name:cssload-rotate0;-o-animation-name:cssload-rotate0;-ms-animation-name:cssload-rotate0;-webkit-animation-name:cssload-rotate0;-moz-animation-name:cssload-rotate0}.app-cssload-loader2 .cssload-side:nth-child(3),.app-cssload-loader2 .cssload-side:nth-child(7){transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);animation-name:cssload-rotate90;-o-animation-name:cssload-rotate90;-ms-animation-name:cssload-rotate90;-webkit-animation-name:cssload-rotate90;-moz-animation-name:cssload-rotate90}.app-cssload-loader2 .cssload-side:nth-child(2),.app-cssload-loader2 .cssload-side:nth-child(6){transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);animation-name:cssload-rotate45;-o-animation-name:cssload-rotate45;-ms-animation-name:cssload-rotate45;-webkit-animation-name:cssload-rotate45;-moz-animation-name:cssload-rotate45}.app-cssload-loader2 .cssload-side:nth-child(4),.app-cssload-loader2 .cssload-side:nth-child(8){transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);animation-name:cssload-rotate135;-o-animation-name:cssload-rotate135;-ms-animation-name:cssload-rotate135;-webkit-animation-name:cssload-rotate135;-moz-animation-name:cssload-rotate135}.app-cssload-loader2 .cssload-side:nth-child(1){top:22.14px;left:44.28px;margin-left:-3px;margin-top:-9px;animation-delay:0;-o-animation-delay:0;-ms-animation-delay:0;-webkit-animation-delay:0;-moz-animation-delay:0}.app-cssload-loader2 .cssload-side:nth-child(2){top:38.21px;left:38.21px;margin-left:-3px;margin-top:-9px;animation-delay:0;-o-animation-delay:0;-ms-animation-delay:0;-webkit-animation-delay:0;-moz-animation-delay:0}.app-cssload-loader2 .cssload-side:nth-child(3){top:44.28px;left:22.14px;margin-left:-3px;margin-top:-9px;animation-delay:0;-o-animation-delay:0;-ms-animation-delay:0;-webkit-animation-delay:0;-moz-animation-delay:0}.app-cssload-loader2 .cssload-side:nth-child(4){top:38.21px;left:6.07px;margin-left:-3px;margin-top:-9px;animation-delay:0;-o-animation-delay:0;-ms-animation-delay:0;-webkit-animation-delay:0;-moz-animation-delay:0}.app-cssload-loader2 .cssload-side:nth-child(5){top:22.14px;left:0;margin-left:-3px;margin-top:-9px;animation-delay:0;-o-animation-delay:0;-ms-animation-delay:0;-webkit-animation-delay:0;-moz-animation-delay:0}.app-cssload-loader2 .cssload-side:nth-child(6){top:6.07px;left:6.07px;margin-left:-3px;margin-top:-9px;animation-delay:0;-o-animation-delay:0;-ms-animation-delay:0;-webkit-animation-delay:0;-moz-animation-delay:0}.app-cssload-loader2 .cssload-side:nth-child(7){top:0;left:22.14px;margin-left:-3px;margin-top:-9px;animation-delay:0;-o-animation-delay:0;-ms-animation-delay:0;-webkit-animation-delay:0;-moz-animation-delay:0}.app-cssload-loader2 .cssload-side:nth-child(8){top:6.07px;left:38.21px;margin-left:-3px;margin-top:-9px;animation-delay:0;-o-animation-delay:0;-ms-animation-delay:0;-webkit-animation-delay:0;-moz-animation-delay:0}@keyframes cssload-rotate0{0%{transform:rotate(0)}100%,60%{transform:rotate(180deg)}}@-o-keyframes cssload-rotate0{0%{-o-transform:rotate(0)}100%,60%{-o-transform:rotate(180deg)}}@-ms-keyframes cssload-rotate0{0%{-ms-transform:rotate(0)}100%,60%{-ms-transform:rotate(180deg)}}@-webkit-keyframes cssload-rotate0{0%{-webkit-transform:rotate(0)}100%,60%{-webkit-transform:rotate(180deg)}}@-moz-keyframes cssload-rotate0{0%{-moz-transform:rotate(0)}100%,60%{-moz-transform:rotate(180deg)}}@keyframes cssload-rotate90{0%{transform:rotate(90deg)}100%,60%{transform:rotate(270deg)}}@-o-keyframes cssload-rotate90{0%{-o-transform:rotate(90deg);transform:rotate(90deg)}100%,60%{-o-transform:rotate(270deg);transform:rotate(270deg)}}@-ms-keyframes cssload-rotate90{0%{-ms-transform:rotate(90deg);transform:rotate(90deg)}100%,60%{-ms-transform:rotate(270deg);transform:rotate(270deg)}}@-webkit-keyframes cssload-rotate90{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}100%,60%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@-moz-keyframes cssload-rotate90{0%{-moz-transform:rotate(90deg);transform:rotate(90deg)}100%,60%{-moz-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes cssload-rotate45{0%{transform:rotate(45deg)}100%,60%{transform:rotate(225deg)}}@-o-keyframes cssload-rotate45{0%{-o-transform:rotate(45deg);transform:rotate(45deg)}100%,60%{-o-transform:rotate(225deg);transform:rotate(225deg)}}@-ms-keyframes cssload-rotate45{0%{-ms-transform:rotate(45deg);transform:rotate(45deg)}100%,60%{-ms-transform:rotate(225deg);transform:rotate(225deg)}}@-webkit-keyframes cssload-rotate45{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}100%,60%{-webkit-transform:rotate(225deg);transform:rotate(225deg)}}@-moz-keyframes cssload-rotate45{0%{-moz-transform:rotate(45deg);transform:rotate(45deg)}100%,60%{-moz-transform:rotate(225deg);transform:rotate(225deg)}}@keyframes cssload-rotate135{0%{transform:rotate(135deg)}100%,60%{transform:rotate(315deg)}}@-o-keyframes cssload-rotate135{0%{-o-transform:rotate(135deg);transform:rotate(135deg)}100%,60%{-o-transform:rotate(315deg);transform:rotate(315deg)}}@-ms-keyframes cssload-rotate135{0%{-ms-transform:rotate(135deg);transform:rotate(135deg)}100%,60%{-ms-transform:rotate(315deg);transform:rotate(315deg)}}@-webkit-keyframes cssload-rotate135{0%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}100%,60%{-webkit-transform:rotate(315deg);transform:rotate(315deg)}}@-moz-keyframes cssload-rotate135{0%{-moz-transform:rotate(135deg);transform:rotate(135deg)}100%,60%{-moz-transform:rotate(315deg);transform:rotate(315deg)}}@keyframes app-cssload-loader2{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-o-keyframes app-cssload-loader2{0%{-o-transform:rotate(0);transform:rotate(0)}100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes app-cssload-loader2{0%{-ms-transform:rotate(0);transform:rotate(0)}100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes app-cssload-loader2{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes app-cssload-loader2{0%{-moz-transform:rotate(0);transform:rotate(0)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}

/* GLISTENING WINDOW */
/* http://anastawfeek.github.io/ArtWorx-xLoader/ */
#xLoader .glistening-window {
    position: relative;
    width: 42px;
    height: 42px;
    margin: 12px auto;
    -webkit-animation: xLoaderGlisteningWindow 3s infinite linear;
    -moz-animation: xLoaderGlisteningWindow 3s infinite linear;
    -ms-animation: xLoaderGlisteningWindow 3s infinite linear;
    -o-animation: xLoaderGlisteningWindow 3s infinite linear;
    animation: xLoaderGlisteningWindow 3s infinite linear
}
#xLoader .glistening-window span{width:20px;height:20px;position:absolute;background:red;display:block;-webkit-animation:xLoaderGlisteningWindowSpan 1s infinite linear;-moz-animation:xLoaderGlisteningWindowSpan 1s infinite linear;-ms-animation:xLoaderGlisteningWindowSpan 1s infinite linear;-o-animation:xLoaderGlisteningWindowSpan 1s infinite linear;animation:xLoaderGlisteningWindowSpan 1s infinite linear}#xLoader .glistening-window span:nth-child(1){background:#2ecc71}#xLoader .glistening-window span:nth-child(2){left:22px;background:#9b59b6;-webkit-animation-delay:.2s;-moz-animation-delay:.2s;-ms-animation-delay:.2s;-o-animation-delay:.2s;animation-delay:.2s}#xLoader .glistening-window span:nth-child(3){top:22px;background:#3498db;-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-ms-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}#xLoader .glistening-window span:nth-child(4){top:22px;left:22px;background:#f1c40f;-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-ms-animation-delay:.6s;-o-animation-delay:.6s;animation-delay:.6s}@-webkit-keyframes xLoaderGlisteningWindow{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes xLoaderGlisteningWindow{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@-ms-keyframes xLoaderGlisteningWindow{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@-o-keyframes xLoaderGlisteningWindow{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@keyframes xLoaderGlisteningWindow{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@-webkit-keyframes xLoaderGlisteningWindowSpan{0%,100%{transform:scale(1)}50%{transform:scale(.5)}}@-moz-keyframes xLoaderGlisteningWindowSpan{0%,100%{transform:scale(1)}50%{transform:scale(.5)}}@-ms-keyframes xLoaderGlisteningWindowSpan{0%,100%{transform:scale(1)}50%{transform:scale(.5)}}@-o-keyframes xLoaderGlisteningWindowSpan{0%,100%{transform:scale(1)}50%{transform:scale(.5)}}@keyframes xLoaderGlisteningWindowSpan{0%,100%{transform:scale(1)}50%{transform:scale(.5)}}