/* =============================================================================
 * accessibility_widget
 * ========================================================================== */

#accessibility_widget {
	min-width: 350px;
	margin-left: auto; 
	margin-right: auto;
	background: #fff;
	border-radius: 10px 0 0 10px;
	padding: 30px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1rem;
	position: fixed;
	z-index: 100000;
	right: 0;
	top: 180px;
	transform: translateX(360px);
	transition: transform 0.3s ease;
	outline: 3px solid #fff;
	border: 3px solid #2a68a4;
	border-right: 0;
	box-shadow: 0 0 32px 11px rgba(0,0,0,0.1);
}

body.acc_show #accessibility_widget {
	transform: translateX(0);
}

#accessibility_widget * {
	color: #000;
}

#accessibility_widget i {
	display: inline-block;
	width: 35px;
}

#accessibility_widget .widget {
	padding: 10px 0;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	overflow: hidden;
}

#accessibility_widget .widget label {
	width: 80%;
	float: left;
}

#accessibility_widget .input {
	width: 50px;
	display: inline-block;
	padding: 3px;
	font-size: 1.2rem;
}

#accessibility_widget .checkbox-container {
	float: right;
	width: 20%;
	text-align: right;
}

#accessibility_widget div.h5 {
	margin-bottom: 45px;
	font-family: Arial, sans-serif;
}

#accessibility_widget div.h6 {
	margin-top: 45px;
	margin-bottom: 0;
	font-family: Arial, sans-serif;
}

#accessibility_widget .shortcuts .item {
	display: flex;
	padding-bottom: 4px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 4px;
}

#accessibility_widget .shortcuts .item:first-of-type {
	margin-top: 25px;
}

#accessibility_widget .shortcuts .shortcut {
	margin-left: auto;
	font-family: monospace;
	font-size: 0.9rem;
}

/* =============================================================================
 * accessibility_widget trigger
 * ========================================================================== */
 
.accessibility_widget_trigger {
	position: fixed;
	top: 180px;
	right: 0px;
	z-index: 1000000;
	line-height: 44px;
	text-align: center;
	vertical-align:middle;
	border-radius: 10px 0 0 10px;
	background: #2a68a4;
	color: #fff;
	padding: 10px 5px 0 5px;
	cursor: pointer;
	transition: all 0.1s ease;
	border: 2px solid #fff;
	border-right: 0;
	min-width: 80px;
}

body.acc_show .accessibility_widget_trigger {
	border-radius: 0 0 0 10px;
	border: 0;
	margin-top: -4px;
}

.accessibility_widget_trigger i {
	height: 35px;
	background-size: 35px;
	background-position-x: center;
	background-position-y: center;
	display: block;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUwLjQ5MnB4IiBoZWlnaHQ9IjUwLjQ5MnB4IiB2aWV3Qm94PSIwIDAgNTAuNDkyIDUwLjQ5MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTAuNDkyIDUwLjQ5MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgaWQ9IkxheWVyXzEiPjwvZz48ZyBpZD0iTGF5ZXJfNCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTM3LjY0OCwxNS44N2wtNi45MTQsMC44MmMtMy42MzcsMC41NjYtNy4zMzksMC41NjYtMTAuOTc2LDBsLTYuOTE0LTAuODJjLTEuMDMtMC4xODktMi4wMjMsMC40OC0yLjE4OCwxLjQ5Yy0wLjE1NiwwLjk2NywwLjU0NCwxLjg3MSwxLjUzNywyLjA1NWw4LjMxNywxLjE5NGMwLjM3MywwLjA2OSwwLjY0MiwwLjM4NCwwLjY0MiwwLjc1MWwwLDBjMCw1LjQ5NC0wLjY2OCw5Ljc1Ni0yLjQ4MSwxNC45NjJsLTAuOTY2LDIuNzcyYy0wLjM1NCwxLjAyLDAuMTYxLDIuMTU3LDEuMjAyLDIuNTM0YzEuMDg5LDAuMzk2LDIuMjkxLTAuMTYzLDIuNjU5LTEuMjIxbDMuNjc5LTExLjIxM2wzLjY3OSwxMS4yMTNjMC4yODgsMC44MjcsMS4wODUsMS4zNDksMS45MzksMS4zNDljMC4yMTYsMCwwLjQzNy0wLjAzNCwwLjY1My0wLjEwNGMxLjA3MS0wLjM1LDEuNjQ2LTEuNDczLDEuMjg1LTIuNTA5bC0wLjk4Mi0yLjgyMWMtMS44MTMtNS4yMDYtMi40ODEtOS40NjgtMi40ODEtMTQuOTYybDAsMGMwLTAuMzY3LDAuMjctMC42ODIsMC42NDItMC43NTFsOC4zMTctMS4xOTRjMC45OTMtMC4xODQsMS42OTMtMS4wODcsMS41MzctMi4wNTNDMzkuNjcyLDE2LjM1MiwzOC42NzksMTUuNjgsMzcuNjQ4LDE1Ljg3eiIvPjxjaXJjbGUgZmlsbD0iI0ZGRkZGRiIgY3g9IjI1LjI0NiIgY3k9IjExLjk0NSIgcj0iMy43MzEiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNDMuMDk4LDcuMzk1QzM4LjMyOSwyLjYyNiwzMS45ODksMCwyNS4yNDYsMFMxMi4xNjMsMi42MjYsNy4zOTUsNy4zOTVTMCwxOC41MDMsMCwyNS4yNDZzMi42MjYsMTMuMDgzLDcuMzk1LDE3Ljg1MnMxMS4xMDgsNy4zOTUsMTcuODUyLDcuMzk1czEzLjA4My0yLjYyNiwxNy44NTItNy4zOTVzNy4zOTUtMTEuMTA4LDcuMzk1LTE3Ljg1MlM0Ny44NjYsMTIuMTYzLDQzLjA5OCw3LjM5NXogTTI1LjI0Niw0Ny4wNzdjLTEyLjAzOCwwLTIxLjgzMS05Ljc5My0yMS44MzEtMjEuODMxUzEzLjIwOCwzLjQxNSwyNS4yNDYsMy40MTVzMjEuODMxLDkuNzkzLDIxLjgzMSwyMS44MzFTMzcuMjg0LDQ3LjA3NywyNS4yNDYsNDcuMDc3eiIvPjwvZz48L3N2Zz4=);
}

.accessibility_widget_trigger .close {
	display: none;
}

body.acc_show .accessibility_widget_trigger .close {
	display: block;
}

body.acc_show .accessibility_widget_trigger .shortcut {
	display: none;
}

.accessibility_widget_trigger span {
	font-size: 0.8rem;
}

/* =============================================================================
 * accessibility_widget fontsize / zoom
 * ========================================================================== */
 
html.acc_fontsize_1, body.acc_fontsize_1 {
	zoom: 1.05;
}

html.acc_fontsize_2, body.acc_fontsize_2 {
	zoom: 1.1;
}

html.acc_fontsize_3, body.acc_fontsize_3 {
	zoom: 1.15;
}

html.acc_fontsize_4, body.acc_fontsize_4 {
	zoom: 1.2;
}

html.acc_fontsize_5, body.acc_fontsize_5 {
	zoom: 1.25;
}