HTML,
BODY
{
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}

*
{
	box-sizing: border-box;
}

IMG
{
	box-sizing: content-box;
	padding: 0px !important;
}

TABLE.clsCenteredTable
{
	margin: 0px auto 0px auto;
	text-align: left;
}

TABLE.clsRightAlignedTable
{
	margin: 0px 0px 0px auto;
	text-align: left;
}

DIV.clsCenteredDiv
{
	margin-left: auto !important;
	margin-right: auto !important;
}

DIV.clsRightAlignedDiv
{
	margin-left: auto !important;
}

DIV.clsExpandCollapseTop_normal,
DIV.clsExpandCollapseTop_hover,
DIV.clsExpandCollapseBottom_normal,
DIV.clsExpandCollapseBottom_hover
{
	margin: 0px auto 0px auto;
}

IMG.clsCursorFaded
{
	opacity: 0.5;
}

DIV.clsLightbox
{
	opacity: 0.5;
}

TABLE
{
	empty-cells: hide;
}

*[HAL_disabled="true"],
*[HAL_disabled="true"] *
{
	color: graytext !important;
	fill: graytext !important;
}

DIV.clsSliderTrack
{
	-ms-touch-action: none;
}

DIV.clsSliderTrack
{
	border-radius: 3px 3px 3px 3px;
}
DIV.clsSliderHandle,
DIV.clsSliderHandle_hover
{
	border-radius: 2px 2px 2px 2px;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}
DIV.clsSliderLabel
{
	text-shadow: 0px 1px 1px #CCCCCC;
}
DIV.clsSliderHandleTooltip
{
	border-radius: 2px 2px 2px 2px;
	text-shadow: 0px 1px 1px #CCCCCC;
}

TD.clsModalDlgResizer
{
	text-align: right;
}

DIV.clsDlgResizeHandle
{
	float: right;
}

BUTTON.clsDlgButton,
BUTTON.clsDlgButton_hover
{
	min-width: 75px;
}

INPUT.clsDialogRadioButton,
INPUT.clsDialogCheckbox
{
	vertical-align: middle;
}

*[blkTblAgn*='center']
{
	margin-left: auto !important;
	margin-right: auto !important;
}

*[blkTblAgn*='right']
{
	margin-left: auto !important;
}

TABLE.clsComboBox
{
	text-align: left;
}


.clsSwitch > INPUT
{
    position: absolute;
    opacity: 0;
}
.clsSwitch > LABEL
{
	display: block;
	position: relative;
	cursor: pointer;
	width: 106px;
	height: 38px;
	background-color: #CCCCCC;
	color: #9799B4;
	transition: background 0.3s;
	font-size: 11pt;
}
.clsSwitch > LABEL:disabled
{
	background-color: #FAFAFB;
}
.clsSwitch > LABEL:before,
.clsSwitch > LABEL:after
{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	/* Off */
	content: "";
}
.clsSwitchRound > LABEL:before
{
	right: 0px;
}
.clsSwitch > LABEL:after
{
	content: "";
	width: 26px;
	width: auto;
	background-color: white;
	border: 1px solid #BABCBE;
	transition: margin 0.3s;
}
.clsSwitch > INPUT:checked + LABEL
{
	background-color: #159AD6;
	color: #FDFFFE;
}
.clsSwitch > INPUT:checked + LABEL:after
{
	margin-left: 20px;
}
.clsSwitch > INPUT:checked + LABEL:before
{
	/* On */
	content: "";
	text-align: right;
}