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

/* Editing Panel */

.app-panel-wrap {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: 320px;
  transform: translateX(100%);
  transition: .3s ease-out;
  z-index: 10000;
}

.app-panel-wrap.left {
	left: 0;
	transform: translateX(-100%);
	transition: .3s ease-out;
}

.app-panel-wrap.open {
  transform: translateX(0%);
  transition: .3s ease-out;
}

.app-panel-wrap .app-dock-left span.dashicons {
	margin: 0;
}

.app-panel-wrap .app-dock-left.button-secondary,
.app-panel-wrap .app-close-panel.button-secondary {
	line-height: 1.5;
	padding: 5px;
	position: absolute;
	right: 22px;
	top: 40px;
	z-index: 10000;
}

.app-panel-wrap .app-close-panel.button-secondary {
	left: 16px;
	width: 32px;
}

.app-panel-wrap .app-dock-left.left .dashicons-align-pull-left {
	display: none;
}

.app-panel-wrap .app-dock-left:not(.left) .dashicons-align-pull-right {
	display: none;
}

.app-panel {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #f6f6f6;
  color: #50575e;
  overflow: auto;
  padding: 30px 10px 10px 15px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  box-shadow: 0px 10px 40px -3px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .2);
  font-size: 13px;
}

.app-manage .app-panel h3 {
    margin-top: 1.5em;
}

.app-manage .app-panel .inline-edit-row {
	box-shadow: none;
}

.app-manage .app-panel .inline-edit-row fieldset label span.input-text-wrap {
    margin-right: 0;
}

.app-panel .inline-edit-row fieldset label {
    margin: .5em 0;
}

.app-panel .inline-edit-row fieldset .app-quick-book-user-fields label {
    margin: .1em 0;
}

.app-manage .app-panel .inline-edit-row fieldset label span.title {
    width: 6em;
}
.app-manage .app-panel .inline-edit-row fieldset label span.input-text-wrap {
    margin-left: 6em;
}

#app-panel .app_iedit_time input[type="text"],
#app-panel select.app-admin-time {
    font-size: 11.5px;
}

.app-manage .app-panel select.app_users,
.app-manage .app-panel select.app_extras {
    width: 100%;
}

.app-manage .app-panel button.app_users {
	width: 100% !important;
}

.app-panel button.ui-multiselect {
	font-size: 11.5px;
}

.app-manage .app-panel .inline-edit-save {
    margin-top: 20px;
}

.app-panel h3.app_iedit_app_h {
    font-size: 1.1em;
	text-align: center;
}

.app-panel div.error,
.app-panel div.notice {
	margin: 0;
	padding: 5px 10px;
}

.app-panel div.notice {
	font-size: 12px;
}

.app-panel .app-admin-notice:empty,
.app-panel .app-notice:empty,
.app-panel .app-error:empty {
	display: none;
}

.app-panel-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	opacity: 0.3;
	background: #aaa;
	z-index: 9998;
}

@media screen and (max-width: 782px) {
	#app-panel .inline-edit-row fieldset label span.title {
		float: left;
	}
	#app-panel .inline-edit-row span.title {
        font-size: 13px;
    }
	#app-panel .inline-edit-row fieldset label span.input-text-wrap {
        margin-left: 6em;
    }
	#app-panel select {
		min-height: 30px;
	}
	#app-panel input[type=text], #app-panel select, #app-panel textarea {
		min-height: 30px;
		font-size: 14px;
	}
	#app-panel input[type=text] {
		padding: 0 8px;
        min-height: 30px;
	}
	#app-panel input[type=checkbox] {
		height: 1rem;
        width: 1rem;
	}
	#app-panel .app_iedit_time input[type="text"],
	#app-panel select.app-admin-time {
		font-size: 11.5px;
	}
}