/************************************************************************************************************************************************************
	System / Basic Elements
************************************************************************************************************************************************************/
IMG {
	border: 0px;
}

	IMG.absmiddle {
		vertical-align: middle;
		margin-bottom: .2em;
	}

.hidden,
.Hidden {
	display: none;
}

ul.innerCellBullet {
	margin: 0px 0px 0px -15px;
}

tr.UIK_header {
	background-color: #D1D5DA;
}

tr.UIK_odd {
	background-color: #F1F5FA;
}

tr.UIK_even {
	background-color: #FFFFFF;
}

/************************************************************************************************************************************************************
	System / Error Exception Message
************************************************************************************************************************************************************/

.UIK_MsgBoxErrException {
	width: 90%;
	text-align: center;
	padding: 8px;
}

	.UIK_MsgBoxErrException h1 {
		font: normal 210%/100% Tahoma, Arial, sans-serif;
		margin-top: 0px;
		margin-bottom: 5px;
		color: #464646;
		text-shadow: white 0px 1px 1px;
	}

	.UIK_MsgBoxErrException .UIK_MsgBoxErrException_Btn {
		text-align: center;
		font-size: 12pt;
	}

.UIK_MsgBoxErrException_Msg {
	font-size: 10pt;
}

.UIK_MsgBoxErrException_MsgDesktop {
	overflow: scroll;
	height: 400px;
}

/************************************************************************************************************************************************************
	Interface / Single line table
************************************************************************************************************************************************************/

table.sngl {
	/* <table border="1" class="sngl" cellpadding="1" cellspacing="0"> */
	border-collapse: collapse;
	border-color: black;
}

	table.sngl th {
		border-color: black;
	}

	table.sngl td {
		border-color: black;
	}

/************************************************************************************************************************************************************
	Interface / Dialog Box / FullScreen Background
************************************************************************************************************************************************************/

.UIK_divDialogFullScreenBackground {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: auto;
	height: auto;
	overflow: auto;
	display: none;
}

.UIK_divDialogFullScreenBackground_default {
	background-color: black;
	filter: alpha(opacity=40);
	opacity: 0.4;
}

/************************************************************************************************************************************************************
	Interface / Dialog Box / Popovers Dialog
************************************************************************************************************************************************************/

div.UIK_divPopoversDialogPointer div.left,
div.UIK_divPopoversDialogPointer div.right {
	width: 15px;
	height: 15px;
	display: none;
	position: absolute;
}

div.UIK_divPopoversDialogPointer div.up,
div.UIK_divPopoversDialogPointer div.down {
	width: 15px;
	height: 15px;
	display: none;
	position: absolute;
}

.divPopoversDialog_FSBG {
	background-color: black;
	filter: alpha(opacity=0);
	opacity: 0;
}

div.UIK_divPopoversDialogWindow {
	z-index: 20100;
	display: none;
	position: absolute;
	-moz-box-shadow: 2px 2px 20px #0F0F0F;
	-webkit-box-shadow: 2px 2px 20px #0F0F0F;
	box-shadow: 2px 2px 20px #0F0F0F;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}


	/*--- items --------------------------------------------------------*/

	div.UIK_divPopoversDialogWindow .description-text {
		color: #8f8f8f; /* Gray text standard color */
		font-size: smaller;
	}

	div.UIK_divPopoversDialogWindow div.full-line-block,
	div.UIK_divPopoversDialogWindow div.full-line-button,
	div.UIK_divPopoversDialogWindow div.full-line-devider {
		border-bottom: 1px solid #d5d5d5; /* Border standard color */
	}

	div.UIK_divPopoversDialogWindow > div.full-line-block:last-child,
	div.UIK_divPopoversDialogWindow > div.full-line-button:last-child {
		border-bottom: none;
	}

	div.UIK_divPopoversDialogWindow div.full-line-block,
	div.UIK_divPopoversDialogWindow div.full-line-button {
		padding: .5em 0;
		overflow: hidden;
	}

	div.UIK_divPopoversDialogWindow div.full-line-block {
		padding-left: 1em;
		padding-right: 1em;
	}

	div.UIK_divPopoversDialogWindow div.full-line-devider {
		padding: .15em 0;
		color: gray;
		background-color: #e9e9e9;
		overflow: hidden;
	}

		div.UIK_divPopoversDialogWindow div.full-line-devider.right-icon,
		div.UIK_divPopoversDialogWindow div.full-line-button.right-icon,
		div.UIK_divPopoversDialogWindow div.full-line-devider.text-align-left,
		div.UIK_divPopoversDialogWindow div.full-line-button.text-align-left {
			padding-left: 1em;
			padding-right: 1em;
		}

		div.UIK_divPopoversDialogWindow div.full-line-devider.right-icon,
		div.UIK_divPopoversDialogWindow div.full-line-button.right-icon {
			padding-right: .5em;
		}

	div.UIK_divPopoversDialogWindow div.full-line-button a {
		display: block;
		width: 100%;
		text-align: center;
		cursor: pointer;
		text-decoration: none;
		color: #007aff; /* Link text standard color */
	}

		div.UIK_divPopoversDialogWindow div.full-line-button a.red {
			color: #ff3b30; /* Red text standard color */
		}

	div.UIK_divPopoversDialogWindow div.full-line-button.right-icon a,
	div.UIK_divPopoversDialogWindow div.full-line-button.text-align-left a {
		text-align: left;
	}

		div.UIK_divPopoversDialogWindow div.full-line-button.right-icon a::after {
			content: '►';
			width: 0.8em;
			height: 1.4em;
			float: right;
			text-align: center;
			margin-right: .5em;
			margin-top: -0.1em;
			background-color: #AAA;
			color: white;
			padding: 0 .3em;
			border-radius: 2em;
			text-decoration: none;
		}

		div.UIK_divPopoversDialogWindow div.full-line-button.right-icon a.no-radius::after {
			content: '✓';
			border-radius: 0;
		}

		div.UIK_divPopoversDialogWindow div.full-line-button.right-icon a.icon-checked::after {
			content: '✓';
		}

		div.UIK_divPopoversDialogWindow div.full-line-button.right-icon a.icon-uncheck::after {
			content: '';
		}

/*--- Theme : white (Default) --------------------------------------------------------*/

div.UIK_divPopoversDialogWindow {
	background-color: #FFF;
}

div.UIK_divPopoversDialogPointer div.up::after,
div.UIK_divPopoversDialogPointer div.down::after,
div.UIK_divPopoversDialogPointer div.left::after,
div.UIK_divPopoversDialogPointer div.right::after {
	position: absolute;
	color: white;
	font-size: 20pt;
}

/*--- Theme : ALL --------------------------------------------------------*/

div.UIK_divPopoversDialogPointer div.up::after {
	content: '▲'; /* &#9650; */
	margin-top: -.25em;
	margin-left: -.15em;
}

div.UIK_divPopoversDialogPointer div.right::after {
	content: '►'; /* &#9658; */
	margin-top: -.5em;
	margin-left: -.4em;
}

div.UIK_divPopoversDialogPointer div.down::after {
	content: '▼'; /* &#9660; */
	margin-top: -.6em;
}

div.UIK_divPopoversDialogPointer div.left::after {
	content: '◄'; /* &#9668; */
	margin-top: -.5em;
	margin-left: -.15em;
}


/************************************************************************************************************************************************************
	Interface / Dialog Box / Pull-Down Dialog
************************************************************************************************************************************************************/

div.UIK_divPullDownDialogArea {
	position: absolute;
	top: 0px;
	width: 100%;
}

div.UIK_divPullDownDialogWindow {
    background-color: #F8F8FA;
    filter: alpha(opacity=97);
    opacity: 0.97;
    text-align: left;
    /*border-right: solid 1px black;
    border-bottom: solid 1px black;
    border-left: solid 1px black;*/
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    display: none;
    height: auto;
    max-height: 100vh;
    overflow: auto;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

    div.UIK_divPullDownDialogWindow div.Body {
        padding: .8em;
        max-height: 80vh;
        overflow: auto;
    }

		div.UIK_divPullDownDialogWindow div.Body div.ContentHead {
			font-weight: bold;
		}

		div.UIK_divPullDownDialogWindow div.Body div.Content {
			padding-left: 1.6em;
			padding-bottom: .8em;
		}

	div.UIK_divPullDownDialogWindow div.Footer {
		padding: .8em;
		text-align: right;
	}

/*---------------------------------------------------------------------------*/

div.UIK_DialogHorizontalLine {
	height: 1px;
	border-top: solid 1px #DEDEE0;
	background-color: #FDFDFD;
	clear: both;
}