/* genUI overrides */
body {
	background-color:#fff; color:#888;
	font-family:Roboto, sans-serif;
}

h3 { margin:0; padding:0px; }

table.actionBar { background-color:rgba(90,90,90, 0.45); color:#fff; }
table.actionBar td.actionBtn { xbackground-color:#333; padding:16px 12px; }

body .vblock1 { padding:20px 10px; border:solid 0px #888; }

.inlineBtn {
	background-color:rgba(92,92,92, 0.66);
	color:#fff;
}
.inlineBtn.clicked { background-color:rgba(255,255,255, 0.5); }
.inlineBtn.depressed { background-color:rgba(150,250,255, 0.66); }


.iframeContainer { height:100%; }
.iframeContainer iframe { width:100%; height:100%; border-width:0px; display:block; }

.bottomMenu1 { border-collapse:collapse; table-layout:fixed; width:100%; background-color:rgba(90,90,90, 0.75); }
.bottomMenu1 td { padding:20px; border:solid 1px #888; text-align:center; }
.bottomMenu1 td.clicked { background-color:rgba(255,255,255, 0.25); }


/*---------------------------
  App - general
-----------------------------*/
.spinnerDiv { 
	height:42px; xopacity:0.4;
	background-image:url('../images/spinner2_onwhite.gif'); background-size:42px;
	background-position:50%; background-repeat:no-repeat;
	xbackground-color:#800;
}
.spinnerDiv.onblack { background-image:url('../images/spinner2_onblack.gif'); }

.scrollableDiv { overflow:auto; -webkit-overflow-scrolling:touch; }
/*.clickable { cursor:pointer; user-select:none; -webkit-user-select:none; }*/


/*---------------------------
  Main Panel
-----------------------------*/
@media (max-width: 450px) {
	span.logoLabel { display:none; }
}
@media (max-width: 399px) {
	span.uploadAnd { display:none; }
}

.menu_topBtns .inlineBtn, 
.actionBar .inlineBtn { margin-right:0; margin-bottom:0; }

.selectContextMenu1 {
	background-color:#333; border:solid 1px #aaa; border-bottom-width:0; color:#aaa;
}
.selectContextMenu1 > div {
	border-bottom:solid 1px #aaa;
	padding:10px;
	cursor:pointer; user-select:none; -webkit-user-select:none;
}



.previousGlobes .globeImgDiv { display:inline-block; vertical-align:top; margin:0 10px 10px 0; position:relative; cursor:pointer; }
.previousGlobes .globeImgDiv .removeGlobeBtn { position:absolute; top:0; right:0; z-index:2; padding:10px; background-color:rgba(128,128,128, 0.33); color:#fff; cursor:pointer; user-select:none; -webkit-user-select:none; }
.previousGlobes .globeImgDiv .globeImg { max-height:90px; max-width:150px; border-radius:10px; }

.fileDropTarget { border:dashed 2px #ccc; padding:10px; }
.fileDropTarget.is-dragover { background-color:#8dd;}


/*---------------------------
  Add Globe Panel
-----------------------------*/
.imgDivList .imgDiv {
	border:solid 1px #888; display:inline-block; position:relative; width:45%; margin-right:5px;
	cursor:pointer;
}
.imgDivList .imgDiv > img {
	display:inline-block; width:100%; max-height:200px; 
	margin-right:5px;
}
.imgDivList .imgDiv .imgInfo { position:absolute; bottom:0; left:0; font-size:80%; background-color:rgba(0,0,0, 0.25); }
.imgDivList .imgDiv .imgAction img { position:absolute; top:0; right:0; height:30px; xbackground-color:rgba(0,0,0, 0.25); }


/*---------------------------
  View Globe Panel
-----------------------------*/
.orderBtnClr {
	background-color:rgba(60,180,200, 0.85); color:#fff;
}
.orderBtnClr.clicked { background-color:#aaa; }