/* Checkbox and Radiobutton label for standard screen */
/* See @media screen for mobile definition            */
/*
input[type=radio] + label span,
input[type=checkbox] + label span
{
	position: absolute;
	margin-left: 	1.1em;
	padding-left: 0.1em;

	
	left: 		0.25em;
	
}
*/
input[type=radio]:checked:disabled,			/*needed for IOS*/
input[type=checkbox]:checked:disabled		/*needed for IOS*/
{
	opacity:  100%;
}

/*
@media screen 
	and (max-device-width: 500px) 
	and (max-device-height: 1000px) 
	and (orientation: portrait)
{
	input[type=radio] + label span, 
	input[type=checkbox] + label span
	{
		position:		absolute;
		margin-left: 	1.1em;
		top:				0.15em;
		padding-left: 0.1em;
	}
}
*/
.IESSubmitDefPos
{
	position:			absolute;
	left:					calc(100% - var(--IESButtonWidth)  - var(--IESGeneralBorder) );
	top:					calc(100% - var(--IESButtonHeight) - var(--IESGeneralBorder) );
}

.IESButton, .IESDefaultButton
{	
	text-decoration:		none; 
	border:					var(--IESButtonBorder);
	border-radius:			var(--IESButtonBorderRadius);

	color: 					var(--IESButtonFgColor);
	background-color:		var(--IESButtonBgColor);
	/*
	background-repeat:	no-repeat;
	background-size:		100%;
	*/
	text-align: 			center;
	
	margin:					0px 0px 0px 0px;
	padding:					0px 0px 0px 0px;
}

.IESDefaultButton
{
	position:			relative;
	top: 					0px;
	left: 				0px;
	height: 				var(--IESButtonHeight);
	width:  				var(--IESButtonWidth);
	line-height:		1em;
	background:			var(--IESButtonBgColor);
	/*
	background-image: var(--IESButtonBgImage);
	background-size:	0%; 
	*/
}



.IESButton:hover, .IESDefaultButton:hover 
{
	color: 				var(--IESButtonFgColorFocus);
	font-weight: 		bold;
	/*	
	background-color:	var(--IESButtonBgColorFocus);
	background-image: var(--IESButtonBgImageHover);
   */ 
}



.IESButton:focus , .IESDefaultButton:focus
{
	color: 				var(--IESButtonFgColorFocus);
	/*background-color:	var(--IESButtonBgColorFocus);*/
	border-width: 2px;
	font-weight: 		bold;
	/*background-image: var(--IESButtonBgImageFocus); */ 
}


.IESButton:disabled , .IESDefaultButton:disabled, input[type="submit" i]:disabled 
{
	background-color: var(--IESButtonDisabledBgColor);
	color: 				var(--IESButtonDisabledFgColor);
	border:				var(--IESButtonBorder);
	border-radius:		var(--IESButtonBorderRadius);

	/*background-image: var(--IESButtonBgImageFocus); */ 

}


.IESButton:disabled:hover, .IESDefaultButton:disabled:hover
{
	font-weight: 		normal;
}


input
{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

}



input[type="checkbox"]:before,
input[type="radio"]:before,
.IESSelector[type="checkbox"]:before,
.IESSelector[type="radio"]:before
{
	position: 			inline;
	display: 			block;
	content: 			"";
	left: 				0px;
	top: 					0px;
  	width:				16px;
	height:				16px;
	border: var(--IESSelectorBorder);
	color:	var(--IESSelectorFgColor);
	background:	var(--IESSelectorBgColor);
}




input[type="radio"]:before,
IESSelector[type="radio"]:before
{
	border-radius: 100%;
}



input[type="checkbox"]:after,
.IESSelector[type="checkbox"]:after
{
	position: absolute;
	display: block;
	left: 				 0px;
	top: 					 0px;
  	width:				5px;
	height:				5px;
	color:	var(--IESSelectorBgColor);
	background:	transparent;
	
}


input[type="radio"]:after,
.IESSelector[type="radio"]:after 
{
	position: absolute;
	display: block;
	
	top:  5px;
	left: 5px;
	width: 10px;
	height:10px;
	color:	var(--IESSelectorBgColor);
	background:	transparent;
	border-radius:		0.3em;
	content: "";
/*
	background-image: linear-gradient(135deg, #B1B6BE 0%, #FFF 100%);
	background-repeat: no-repeat;
	background-position: center;
*/
}

input[type="checkbox"]:checked:after,
.IESSelector[type="checkbox"]:checked:after
{
	color:	var(--IESSelectorFgColor);
	content: "X";
	font-weight: bold;
	left:  5px;
	top:  1px;
}




input[type="radio"]:checked:after,
.IESSelector[type="radio"]:checked:after
{
	color:	var(--IESSelectorBgColor);
	background:	var(--IESSelectorFgColor);

}

input[type="radio"]:checked:disabled,
.IESSelector[type="radio"]:checked:disabled
{
	opacity: 100%;
}


input[type="checkbox"] + label,			
input[type="checkbox"] + label,
input[type="radio"]  + label,			
input[type="radio"]  + label,
.IESSelector[type="checkbox"] + label,			
.IESSelector[type="checkbox"] + label,
.IESSelector[type="radio"]  + label,			
.IESSelector[type="radio"]  + label
{
	position: absolute;
		top: 2px;
		left:	1.8em;

}


input[type="checkbox"] + label span,			
input[type="checkbox"] + label span,	
input[type="radio"] + label span,			
input[type="radio"] + label span,	
.IESSelector[type="checkbox"] + label span,			
.IESSelector[type="checkbox"] + label span,	
.IESSelector[type="radio"] + label span,			
.IESSelector[type="radio"] + label span	
{
	position: relative;
	left:	0px;

	vertical-align: middle;

}


input[type="checkbox"]:disabled + label,			
input[type="checkbox"]:disabled + label,
input[type="checkbox"]:disabled + label span,			
input[type="checkbox"]:disabled + label span,			
input[type="radio"]:disabled + label,			
input[type="radio"]:disabled + label,
input[type="radio"]:disabled + label span,			
input[type="radio"]:disabled + label span,
.IESSelector[type="checkbox"]:disabled + label,			
.IESSelector[type="checkbox"]:disabled + label,
.IESSelector[type="checkbox"]:disabled + label span,			
.IESSelector[type="checkbox"]:disabled + label span,			
.IESSelector[type="radio"]:disabled + label,			
.IESSelector[type="radio"]:disabled + label,
.IESSelector[type="radio"]:disabled + label span,			
.IESSelector[type="radio"]:disabled + label span			
{
	color:	   var( --IESSelectorFgDisabled );
	background: var( --IESSelectorBgDisabled ) ;
}


input[type="checkbox"]:focus,
input[type="radio"]:focus ,
.IESSelector[type="checkbox"]:focus,
.IESSelector[type="radio"]:focus 
{
	outline: none;
}

/*
.IESSelector[type="checkbox"]:not(:disabled):checked:hover:after {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAQAAABuW59YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAB2SURBVHjaAGkAlv8A3QDyAP0A/QD+Dam3W+kCAAD8APYAAgTVZaZCGwwA5wr0AvcA+Dh+7UX/x24AqK3Wg/8nt6w4/5q71wAAVP9g/7rTXf9n/+9N+AAAtpJa/zf/S//DhP8H/wAA4gzWj2P4lsf0JP0A/wADAHB0Ngka6UmKAAAAAElFTkSuQmCC'), linear-gradient(135deg, #8BB0C2 0%, #FFF 100%);
}
*/

input[type="checkbox"]:not(:disabled):hover:before,
input[type="radio"]:not(:disabled):hover:before,
.IESSelector[type="checkbox"]:not(:disabled):hover:before,
.IESSelector[type="radio"]:not(:disabled):hover:before
{
	border: var(--IESSelectorBorderFocus);
}


.IESSelectorLabel
{
	position: 	relative;
	left: 		0.25em;
	line-height: calc(1.0em + 2px);
	vertical-align: middle;

}