* {
		margin: 0px;
		padding: 0px;
		box-sizing: border-box;
}


legend 
{
	padding: 0px 4px;
	margin-left:7px;
}

.IESAvoidSelection 
{
	-webkit-touch-callout:	none; /* iOS Safari */
	-webkit-user-select: 	none; /* Safari */
	-khtml-user-select:		none; /* Konqueror HTML */
	-moz-user-select:		none; /* Old versions of Firefox */
	-ms-user-select:		none; /* Internet Explorer/Edge */
	user-select:			none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}


[class*="IESFlexCol_"] 
{
	float: left;
	padding: 1px ;
	flex-basis: 100%; 
	max-height: 100%;
	max-width: 100%;
}

.IESFlexColumData
{
    width: 100%;
    height: 100%;

    display: flex;
    flex-direction: column;
    
    justify-content: flex-start; /* align items in Main Axis */
    align-items: stretch; /* align items in Cross Axis */
    align-content: stretch; /* Extra space in Cross Axis */

}

.IESFlexBoxItem
{
    padding:	0px;
	 margin:		0px;
}

.IESFlexBoxItemGrow
{
    flex: 1;
}


.IESSmallMessage
{
	position:			relative;

	width:				28em;
	height:				12em;
	left:             calc(50% - 14em);
	top:					calc(50% - 6em);
	
	background:			var(--IESMsgBgColor);
	color:				var(--IESMsgFgColor);
	border:				var(--IESBorderMessage);
	border-radius:		var(--IESMsgAreaBorderRadius); 	
	
	z-index: 			10;
	
}


.IESMediumMessage
{
	position:			relative;

	width:				31em;
	height:				19em;
	left:             calc(50% - 15em);
	top:					calc(50% - 8em);
	
	background:			var(--IESMsgBgColor);
	color:				var(--IESMsgFgColor);
	border:				var(--IESBorderMessage);
	border-radius:		var(--IESMsgAreaBorderRadius); 	
	
	z-index: 			10;
	
}


.IESLargeMessage
{
	position:			relative;

	width:				35em;
	height:				26em;
	left:             calc(50% - 17.5em);
	top:					calc(50% - 12em);
	
	background:			var(--IESMsgBgColor);
	color:				var(--IESMsgFgColor);
	border:				var(--IESBorderMessage);
	border-radius:		var(--IESMsgAreaBorderRadius); 	
	
	z-index: 			10;
}

.IESXLargeMessage
{
	position:			relative;

	width:				80%;
	height:				80%;
	left:             10%;
	top:					10%;
	
	background:			var(--IESMsgBgColor);
	color:				var(--IESMsgFgColor);
	border:				var(--IESBorderMessage);
	border-radius:		var(--IESMsgAreaBorderRadius); 	
	
	z-index: 			10;
}

.IESBody
{

	min-width: 600px;
	min-height: 640px;

}

.IESFrmDefault
{
	padding: 0px;
	margin:	0px;
}

.IESMainFrame
{
	position:			absolute;
	z-index:				0;
	color:				var(--IESFgWindow);
	background:			var(--IESBgWindow);
	border: 				var(--IESBorderFrame);
}


.IESMainFrameFloat
{
	position:absolute;
											
	left: 0px;
	top: 	0px;
	right: 0px;
	bottom: 0px;
	
	color:				var(--IESFgWindow);
	background:			var(--IESBgWindow);
	border:				var(--IESBorderFrame);
	border-radius: 	0px;
	min-height:			640px;
}

.IESDefaultSubmitArea
{
	position: 		absolute;
	width:			var(--IESButtonWidth);
	height:			var(--IESButtonHeight);
	bottom:			0px;
	right:			0px;
}

.IESDefaultSubmitAreaRelative
{
	position: 		relative;
	width:			var(--IESButtonWidth);
	height:			var(--IESButtonHeight);
	float: 			right;
	margin-top:		2em;
}


.IESEdit
{
	left:					0px;
	top:					0px;
	height:				1.5em;
	width:				100%;
	line-height:		1em;
	padding-left: 		2px;
	padding-top:		0px;
	background:			var(--IESEditBgColor);
	color: 				var(--IESEditFgColor);
	
	border:				var(--IESBorderThin);
}


.IESFlexEdit
{
	
	background:			var(--IESEditBgColor);
	color: 				var(--IESEditFgColor);
	border:				var(--IESBorderThin);
}


.IESFlexEdit:disabled
{
	background:	var( --IESEditDisabledBgColor );
	color:		var( --IESEditDisabledFgColor );	
}

/*
.IESPrintArea
{

}
*/
.IESPrintPage
{
	/*
	height:				24cm;
	*/
	visibility:			visible;

}

@media only screen  
{

	.IESFlexCol_1, .IESFlexCol_2
	{
		position:		absolute;
		display:			inline;
		height:			100%;
		width:			50%;
		padding: 0px;
	}
	
	.IESFlexCol_2 
	{
		right:			0px;
	}
	
	.IESOnlyMessageFrame
	{
		left: 			calc((100% - 32em) / 2);
		top:				calc((100% - 32em) / 2); 
		width: 			32em;  
		height: 			18em; 

	}
}

@media only screen  and (orientation: portrait)
{
	.IESFlexCol_1, .IESFlexCol_2 
	{
		position: relative;
		display: inline;
		height: 50%;
		width: 100%;
	}
	
	.IESOnlyMessageFrame
	{
		position:	absolute;
		left:0px;
		top:0px;
		width:100%;
		height: 100%;
	}
}


@media only screen 
	and (max-device-width: 500px) 
	and (max-width: 800px)
	and (orientation: portrait) 
{
	.IESBody
	{
		min-width: 10px;
		min-height: 20px;
	}
	
	.IESMainFrameFloat
	{
		position:absolute;
		background: black;
		border-radius: 0px;
	}

	.IESFlexCol_1, .IESFlexCol_2 
	{
		position: relative;
		display: inline;
		height: 50%;
		width: 100%;
	}
	
	.IESSmallMessage, .IESMediumMessage, .IESLargeMessage, .IESXLargeMessage
	{
		width:		90%;
		left:       5%;
	}

	.IESDefaultSubmitArea
	{
		position: 		relative;
		width:			var(--IESButtonWidth);
		height:			var(--IESButtonHeight);
		float: 			right;
		margin-top: 2em;
	}
	
	
 	.IESZoom50Percent
	{
		zoom: 				0.5;
		-moz-transform: 	scale(0.5);
		transform: 			scale(0.5);;
	}
 
	::-webkit-scrollbar {
		 -webkit-appearance: none;
	}

	::-webkit-scrollbar:vertical {
		 width: 6px;
	}

	::-webkit-scrollbar:horizontal {
		 height: 6px;
	}

	::-webkit-scrollbar-thumb {
		 background-color: rgba(0, 0, 0, .5);
		 border-radius: 10px;
		 border: 2px solid #ffffff;
	}

	::-webkit-scrollbar-track {
		 border-radius: 10px;
		 background-color: #ffffff;
	}

}



.IESDataArea, .IESFlexDataArea, .IESDlgDataArea, .IESFlexDlgDataArea
{
	position:absolute;
	display: inline-block;
	top: 		calc( var(--IESMenuAreaHeight) + var(--IESTitleAreaTop) + var(--IESTitleAreaHeight)) ;
	left:		0px;
	right:   0px;
	bottom:	0px;
	margin-left:		var(--IESGeneralBorder); 
	margin-right:		var(--IESGeneralBorder); 
	margin-bottom:		var(--IESGeneralBorder); 
	background:			var(--IESBgWindow);
	color:				var(--IESFgWindow);
	padding: 			0px; 

}



.IESFlexDataArea, .IESFlexDlgDataArea
{
	display: inline-flex;
	flex-flow: row wrap;
}

.IESDlgDataArea, .IESFlexDlgDataArea
{
	top: 		calc( var(--IESTitleAreaTop) + var(--IESTitleAreaHeight)) ;
}

	
.IESFullLengthRelative
{
	padding: 2px;
	width: 100%;
}


.IESHeadLine
{
	
	color: var(--IESHeadlineFgColor); 
	z-index: 0; 
	margin-top: 0.5em; 
	width: 		100%; 
	height: 7%;
}

.IESHint, .IESHint2Lines
{
	position:			relative; 

	z-index:				0;
	top: 					0.25em;	
	left:					0px; 
	height:				1.5em; 
	width:				100%;
	margin-top: 		0.25em;
}

 .IESHint2Lines
 {
	height:				2.5em;
 }




.IESTitleArea
{
	display:					block;
	position: 				absolute;
	
	left:				 		var(--IESTitleAreaLeft); 
	top:				 		var(--IESTitleAreaTop);  
	right: 					var(--IESTitleAreaRight);  
	height: 					var(--IESTitleAreaHeight); 
	padding:					0px;
	background-color: 	var(--IESTitleBgColor);
	border-radius: 		var(--IESTitleBorderRadius);
	border:					var(--IESTitleBorderColor);
	float: 					right;
	z-index: 				1;
	margin: 					0px;
}


.IESTitle 
{
	position: 		absolute;
	color: 			var(--IESTitleFgColor);
	line-height:	var(--IESTitleLineHeight);
	height:			var(--IESTitleLineHeight);		
	top: 				calc( (var(--IESTitleAreaHeight) - var(--IESTitleLineHeight)) / 2 );
	left:				7px;

	z-index:			1;		
}


.IESSizeArea
{
	position:		absolute;

	top: 				var(--IESTitleButtonTop );
	width:			calc(var(--IESTitleButtonHeight)*3);
	height:			var(--IESTitleButtonHeight);
	right:			var(--IESSizeButtonAreaRight); 
	z-index:			1;
	border:1px solid yellow;
	text-align:		center;
	color:			yellow;
}


.IESSizeButton
{
	position: 		absolute;
	top: 				0px;
	left: 			0px;
	float: 			right;
	z-index: 		1;
		
}


.IESLngButtonArea
{
	position:		absolute;
	display: 		inline;
	top:				0.2em;
	width:			var(--IESLngButtonAreaWidth);
	right:			var(--IESLngButtonAreaRight);
	height:			1.5em;
	z-index:			1;

	padding: 0px;
}


.IESSkinButtonArea
{
	position:		absolute;
	top:				0px;
	width:			1em;;
	height:			1em;
	z-index:			1;
}

.IESCloseButtonArea
{
	position:		absolute;
	top:				0.3em;
	right:		 	var(--IESEndButtonAreaRight);
	width:			1em;
	height:			1em;
	z-index:			1;
}


.IESBottomErrMess
{
	position:absolute;
	left: 0px;
	top: 0px;
	right: 0px; 
	bottom: 0px;
	height: 0em; 

	background: 	var(--IESTitleBgColor);
	color:			var(--IESTitleFgColor);
	z-index: 0; 
	border:3px solid yellow;
}


.IESShowBorder
{
	border-width:  1px;
	border-style: solid;
}





.IESMsgTitleArea
{
	position:			absolute;
	top:					0%;
	height:				1.5em;
	width:				100%;
	background: 		var(--IESMsgTitleBgColor);
	color: 				var(--IESMsgTitleFgColor);
	border:				none;
	border-radius: 	var(--IESMsgTitleAreaBorderRadius);
	text-align: center;
	vertical-align: middle;

	/*
		border:1px solid black;
	*/
}

.IESMsgText
{
	left: 				1.0em;
	top:	 				2.5em;
	bottom:				2.5em;
	right:				1.0em;
	
	background:			var(--IESMsgBgColor);
	color:				var(--IESMsgFgColor);
	position: 			absolute;
	text-align: 		left;	
}

.IESMsgHTML
{
	left: 				0.0em;
	top:	 				1.5em;
	bottom:				calc( var(--IESButtonHeight) + 0.5em + var(--IESGeneralBorder));
	right:				0.0em;
	
	background:			var(--IESMsgBgColor);
	color:				var(--IESMsgFgColor);
	position: 			absolute;
	text-align: 		left;	

	overflow-x:			hidden;
	overflow-y:			auto;	
	
}

.IESMsgButtonArea
{
	position:			absolute;

	bottom: 				0%;
	height:				calc( var(--IESButtonHeight) + 0.5em);
	width:				100%;
	background: 		var(--IESMsgTitleBgColor);
	color: 				var(--IESMsgTitleFgColor);
	border-radius: 	var(--IESMsgButtonAreaBorderRadius);
	padding:				0.25em 0px 0px 0px;
	

}


.IESImage
{

 position:relative;

}

.IESImage > div
{
	margin: auto;
}

.IESImage > div img
{

	display: flex;
	padding: 2px;
	


	/*	scale image	*/
	max-width:			90%;
	max-height:			90%;
	min-width:			10px;
	min-height:			10px;

	
	/* center image 	
	top: 50%;                         
	left: 50%;
	transform: translate(-50%, -50%); 
*/

	border: 5px solid blue;
}

.IESScaleImage
{
	position:relative;
	padding: 2px;


	/*	scale image	*/
	max-width:			calc( 100% - 4px );
	max-height:			calc( 100% - 4px );
	min-width:			5px;
	min-height:			5px;
	/* center image */
	top: 50%;                         
	left: 50%;
	transform: translate(-50%, -50%);
}

.IESScaleFlexImgage
{
	display: flex;
	flex: 1;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
}

.IESStretchImage
{
	width:	100%; 
	height:	100%;
}	

.IESCenterText
{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.IESVerticalAlign
{
	position: relative; 
	top: calc(50% - 0.5em);
}

.form_dataframe
{
	position: absolute;
	left:		 7px;
	top:		30px;
	right:	 7px;
	bottom:	 7px;
}




a:link
{
	color: 				var(--LinkNormalFgColor);
	background-color: var(--LinkNormalBgColor);
	text-decoration:	none;
}

a:visited
{
	color: 				var(--LinkVisitedFgColor);
	background-color: var(--LinkVisitedBgColor);
	text-decoration:	none;
}

a:hover
{
	color: 				var(--LinkHoverFgColor);
	background-color: var(--LinkHoverBgColor);
	text-decoration:	none;
	font-weight:		bold;
}

a:active
{
	color:  				var(--LinkActiveFgColor);
	background-color: var(--LinkActiveBgColor);
	text-decoration: 	none;
}





.IESSrcollableListArea
{
	position: 			relative;

	width:				100%;
	height: 				100%;
	overflow-y:			auto;	
	overflow-x:			auto;

	z-index: 			4;
}

span.IESTableSortAsc
{
	background: url("../images/sortasc.png") center right no-repeat transparent;

}


span.IESTableSortDesc
{
	background: url("../images/sortdesc.png") center right no-repeat transparent;
}

table 
{
	background-color: var(--IESTableBgColor);
	width: 100%;
	color: var(--IESTableFgColor);
	word-wrap: break-word;
}


thead
{
	background-color: var(--IESTHBgColor);
}


tbody
{
	width:100%;
	background-color: var(--IESTHBgColor);
}

tr, tr td a:link
{
	color: var(--IESTRFgColor);
}

tbody tr:nth-child(odd)
{
  background-color: var(--IESTROddBgColor);
}

tbody tr:nth-child(even)
{
  background-color:  var(--IESTREvenBgColor);

}

td
{
	border-right: 1px solid darkgray;
	padding-left: 3px;
}

th
{
	position: -webkit-sticky;
	position: 		sticky;
	top:				0px;
	height:			1.5em;
	text-align:		left;	
	z-index: 		3;
	
	background-color: var(--IESTHBgColor);
	border-right: 1px solid gray;
	font-weight:	normal;
}

tr:nth-child(even):hover, tr:nth-child(odd):hover, tr:nth-child(even):hover a:link, tr:nth-child(odd):hover a:link
{
	color: 				var(--IESTRFgHover);
	background-color: var(--IESTRBgHover);
}

tableSelectedValue
{
	background: lightblue;
	color:      black;
}

tr.selected
{
	background: red;
}


.IESGraphArea
{
	color:				var(--IESFgWindow);
	background:			var(--IESBgWindow);
}

p
{
	margin-top:	0.5em;
}




.IESPrintPageBreakArea
{
	position:			relative;
	line-height:		1cm;
}

@media print 
{

	@page
	{	
		margin-top: 		10mm;
		margin-left: 		15mm;
		margin-right: 		15mm;
		margin-bottom: 	10mm;
	}
	
	.IESMainFrameFloat
	{
		color:				black;
		background:			white;
	}

	.IESFlexDataArea
	{
		display:				inline-block;
		color:				black;
		background:			white;
		top:					0cm;

	}	
	
	.IESFlexCol_1
	{
		display:				inline-block;
	}
	
	.IESFlexCol_2
	{
		display:				inline-block;
	}
	
	.IESPrintArea
	{
		position: 			relative;
		display: 			block;
		width:				18cm;
	}
	
	.IESTitleArea 
	{
		display: none;
	}
	
	.IESPrintPageBreakArea
	{
		display: none;
	}
	

	.IESPrintPage
	{
		display:			block;
		width:			100%;
		/*vertical-align: top;*/
		page-break-after: always;
		page-break-inside:	avoid;
	}

}