/* ************************************************************************ */
/* Accessibility */
/* ************************************************************************ */

#AccessibilityDesktop {
	position: relative;
	width: 200px;
	height: 20px;
	display: block;
}

#AccessibilityMobile {
	position: absolute;
	width: 200px;
	height: 20px;
	z-index: 1000;
	display: none;
}


.AccessibilityContainer {
	position: absolute;
	top: 100px;
	left: 100px;
}
.ShowAccessibilityButton {
	width: 76px;
	height: auto;
	z-index: 1000;
}


#AccessibilityDesktop .AccessibilityMenuWrapper {
	position: absolute;
	top: 60px;
	left: -37px;
}

#AccessibilityMobile .AccessibilityMenuWrapper {
	position: absolute;
	top: 60px;
	right: 0px;
}

.AccessibilityMenuWrapper {
	width: 208px;
	height: auto;
	-webkit-border-radius: 12px 12px 12px 12px;
	-moz-border-radius: 12px 12px 12px 12px;
	border-radius: 12px 12px 12px 12px;
	background: white;
	padding: 2px 2px 2px 2px;
	z-index: 1001;
	display: none;
}

.AccessibilityMenuContainer {
	position: relative;
	width: auto;
	height: auto;
	-webkit-border-radius: 11px 11px 11px 11px;
	-moz-border-radius: 11px 11px 11px 11px;
	border-radius: 11px 11px 11px 11px;
	background: #7b3fd6;
	padding: 2px 2px 2px 2px;
}
.AccessibilityMenu {
	position: relative;
	width: auto;
	height: auto;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	background: #ffffff;
	padding: 7px 2px 2px 2px;
}


.AccessibilityButtonWrapper {
	display: inline-block;
	width: 185px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	-webkit-border-radius: 12px 12px 12px 12px;
	-moz-border-radius: 12px 12px 12px 12px;
	border-radius: 12px 12px 12px 12px;
	border: 2px solid #7b3fd6;
}
.AccessibilityButtonWrapper:hover {
	border: 2px solid #23b8dd;
}
.AccessibilityButton {
	width: auto;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	background: #7b3fd6;
	border: 2px solid #ffffff;
	cursor: pointer;
	color: white;
	user-select: none;
}
.AccessibilityButton:hover {
	background: #23b8dd;
}

.AccessibilityControl {
	padding: 5px 5px 5px 5px;
}

.AccessibilityButton .TD {
	color: white;
	padding: 0px 5px 0px 5px;
}

.AccessibilityIcon {
	width: 24px;
	height: auto;
	display: block;
	margin-top: 2px
}

body.bw-mode, body.bw-mode * {
    filter: grayscale(100%) !important;
	background-image: none;
}
body.high-contrast-mode * {
    /* Apply high contrast styles to all elements within the body */
    background-color: #000 !important;
    color: #fff !important;
}

body.high-contrast-mode a {
    /* Set link color to white in high contrast mode */
    color: #fff !important;
    text-shadow: none !important;
}

body.high-contrast-mode2 * {
    /* Apply high contrast styles to all elements within the body */
    background-color: #fff !important;
    color: #000 !important;
}

body.high-contrast-mode2 a {
    /* Set link color to white in high contrast mode */
    color: #000 !important;
}
a.AccessibilityUnderline {
    text-decoration: underline !important;
}