/* Includes styles for Updating Info Panel, including spinners which are all css3 only */
.app-blockUI {
	top: 0;
	left:  0;
	z-index: 10000;
	border: none;
	margin :0;
	padding: 10px;
    box-shadow: none;
	opacity: 0.5;
	text-align: center;
	width: 100%;
	height: 100%;
}
.app-updating-panel {
	position: absolute;
    width: 100%;
    word-wrap: break-word;
	margin: 0 auto !important;
	top: 40%;
	/* margin-bottom:10px; */
}
.app-updating{
	 /* line-height: 66px; */
	 font-size:14px;
	 font-weight: bold;
	 color: #000000;
	 text-align: center;
}
.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 {
	border: 4px solid #dedede;
	border-radius: 50%;
	border-top: 5px solid #000000;
	width: 40px;
	height: 40px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	margin: 0 auto 10px auto !important;
}

/* Safari */
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* 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)}}