span.t1{color:#000000; font-family:Palatino, serif; font-size:90%;}
span.t3g{color:#888888; font-family:Palatino, serif; font-size:75%;}

.tooltip {
	position: fixed;
	margin-left:60px;
	background-color: #FFFC8E !important;
	border-width: 1px;
	border-radius: 0px;
	border-style: solid;
	border-color: #aaaaaa;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	float: right;
	margin-right: 20px;
	z-index: 999999;
	width: max-content;
	display: inline-block;
	height: max-content;
}

.titles {
	font-family: serif;
	font-size: 100%;
}
.titles-sm {
	font-family: serif;
	font-size: 75%;
}

.info-sm {
	font-family: serif;
	font-size: 75%;
}

#container {
	width: max-content;
	display: inline-block;
	height: max-content;
	position: relative;
	margin:0px auto;
	margin-top: 2em;
	background-color:#FFFFFF;
	text-align:left;
	overflow:auto;
	clear: left;
	z-index: 2;
	float: left;
}

#load_manual span, #load span, #load_sample span , #data_filter span, #rescale_plane span, #plane_def2_bt span{
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    font-family: sans-serif;
	font-size: 12px;
}

#plane_def2_bt span, #plane_def1_bt span, #vector_properties_bt span, #drawing_options_bt span, #load_banner_bt span, #gridplot_banner_bt span, #loop_options_bt span{
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    font-family: sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: black;

}

.heading {
	width: 100%;
	position: relative;
	left: -1px;
	top: 0px;
	margin-top:-1px;
	margin-bottom:-1px;
	background-color:#FFCCCC;
}

div.heading_title {
	text-align: center;
	font-weight: bold;
	width: 100%;
	
}

#header {
	position: relative;
	font-size:80%;
	top: 1em;
	width: 100%;
	height: 5.5em;
	margin:5 auto;
	background-color:#FFFFFF;
	text-align:left;
	z-index:1;
}

#plotArea {
	width: 42em;
	height: 54.5em;
	background-color: #FFFFFF;
	font-size: 100%;
	overflow:hidden;
}

[id*="editme_"] {
	position: absolute;
	left: 0px;
	top: 0px;
	cursor:pointer;
}

/* remove draggable: http://stackoverflow.com/a/34804171/1467200   */
/* make body invisible: http://stackoverflow.com/a/2618980/1467200 */
@media print {
	body * {visibility: hidden;}
	#plotArea, #plotArea * {visibility: visible;}
	#handle, #plotArea {
		width:672px !important; /* 2023-09-21 must convert to px from em here for printing from mobile */
		height:872px !important; 
		left: auto !important; 
		top: auto !important;
		-webkit-transform: scale(1) !important; /* Safari and Chrome */
		-moz-transform: scale(1)  !important; /* Firefox */
		-ms-transform: scale(1) !important; /* IE 9 */
		-o-transform: scale(1) !important; /* Opera */
		transform: scale(1) !important;
	}
	#mainControls {display:none;}
	.controlcontainer {display:none;} 
	body{background-color:#FFF !important;}
}

.axis path,
.axis line {
	fill: none;
	stroke: #000000;
	shape-rendering: crispEdges;
}
.axis text {
    font-family: sans-serif;
    font-size: 11px;
}

#hmm {
	width: max-content;
	height: max-content;
	position: relative;
	margin:0 auto;
	background-color:#FFFFFF;
	text-align:left;
	overflow:visible;
	transform-origin:0%50%;
	float: left;
	z-index:2;
}

#container2 {
	width: max-content;
	height: max-content;
	position: relative;
	margin:0 auto;
	background-color:#FFFFCC;
	text-align:left;
	overflow:auto;
	transform-origin:0%50%;
	float: left;
	z-index: 3;
}


#GridHolder {
	width: 100%;
	height: auto;
	min-width: 200px;
	min-height: 200px;
	position: relative;
}

#GridPlotA {
	background-color:#FFFFFF;
	border-style: solid;
    border-width: 5px;
    border-color:#F5F5F5;
}

.ui-resizable-helper { border: 1px dotted gray; }

#scalebar {
	width: 45em;
	height: 45em;
	position: relative;
	margin: 0em 3.5em 1.5em 1.5em;
	background-color:#FFFFCC;
	text-align:left;
	overflow:hidden;
	float: none;
}

.view_notselect { 
	box-shadow: 0px 0 0px #aaaaaa;
	font-weight: 400;
}
.view_notselect { 
	background: WhiteSmoke url("custom-theme/images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x !important; 
}

.view_select { 
	box-shadow: 0px 0 1.5px #aaaaaa;
	font-weight: 600;
}
.view_select span { background-color: transparent; }




/* 2023-01-27 Release Notes Dialogue */

.releasenotes { height:auto; }
.releasenotes p{
	padding: 0% 0% 0% 3%;
	color:#777; font-family:Optima, Arial, Helvetica, sans-serif; font-size:75%; 
}
.smBtn.ui-button {
	padding-top: 0em;
	padding-left: .1em;
	padding-right: .1em;
	padding-bottom: 0em;
}

/* 2023-09-20 button css */
.ui-multiselect{
	width:100% !important;
}