/* TOTALACC - ACCESSIBILITY PANEL BY TOTALWEB | copyright www.totalweb.gr - All Rights Reserved */

/* PAGE ACCESSIBILITY RULES */
body {margin: 0;}
body.font_alt #pageWrapper * {font-family: Verdana, sans-serif;}
body.underline a {text-decoration: underline !important;}
body.grayscale img {filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);}
body.inverse #pageWrapper {filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -ms-filter: invert(100%); -o-filter: invert(100%);}
body.notransition * {-moz-transition: none !important; -webkit-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important;}
body.background-color-red #pageWrapper, body.background-color-green #pageWrapper, body.background-color-blue #pageWrapper {color: #fff}
body.background-color-red #pageWrapper *, body.background-color-green #pageWrapper * {color: #fff !important;}
body.background-color-blue #pageWrapper *  {color: #fff !important;}
body.background-color-red #pageWrapper a, body.background-color-green #pageWrapper a{color: #ff0 !important;}
body.background-color-blue #pageWrapper a {color: #ff0 !important;}
#pageWrapper {background-color: #fff}
.background-color-red {background-color: #f00 !important;}
.background-color-green {background-color: #0a0 !important;}
.background-color-blue {background-color: #00f !important;}
.totalAcc_bg_contrast, .totalAcc_bg_contrast:hover {background-color:#000 !important}

/* ACCESSIBILITY PANEL */
body.underline #totalAcc_underline, 
	body.grayscale #totalAcc_grayscale, 
	body.inverse #totalAcc_inverse, 
	body.notransition #totalAcc_notransition, 
	body.font_alt #totalAcc_font_change,
	body.removecss #totalAcc_removecss,
	body.zoomed-out #font_size_decrease,
	body.zoomed-in #font_size_increase {background-color: #c00;}
	body.zoomed-out #totalAcc_font_size #font_size_default,
	body.zoomed-in #totalAcc_font_size #font_size_default{background-color:#000 !important}
	body.background-color-green .change_color_to_green,
	body.background-color-red .change_color_to_red,
	body.background-color-blue .change_color_to_blue {border-width:4px !important;}
#totalAcc { font-family: Arial, sans-serif; text-align: center; height: 100vh; width: 220px; position: fixed; z-index: 50000; top: 0; right: -225px; transition: right ease 0.3s; background-color: #fff; color: #000; box-shadow:-3px 0 3px #222; padding:10px;}
#totalAcc, #totalAcc * {box-sizing: border-box}
#totalAcc hr {background:#000; height:2px; border-radius:0;}
#totalAcc.opened {right: 0}
	#totalAcc_show h3{ font-size:22px; background:transparent;}
	#totalAcc_show {float: left; margin-left: -63px; margin-top:50px; width: 56px; height: 50px; padding: 5px; background: #fff url('../image/totalAcc.png') no-repeat center; cursor: pointer; border-radius:100px 0 0 100px; box-shadow:-3px 0px 3px #222;}
	#totalAcc_panel {max-height:100%; overflow:auto;}
	#totalAcc_panel div {padding: 10px 0;}
	#totalAcc_panel div:last-child {border-bottom: none}
	#totalAcc_panel button {cursor: pointer; overflow: hidden; vertical-align: middle; background-color: #000; color: #fff; font-weight:bold; font-size:18px;border: 0px; padding: 10px; width: 100%;}
	#totalAcc_panel h3 {font-size: 18px; font-weight: bold; margin: 0px;}
	#totalAcc_panel ul {padding: 0}
	#totalAcc_panel li {list-style: none; display: inline-block}	
	#totalAcc_panel #totalAcc_font_size:after {content: ' '; clear: both; display: table;}
		#totalAcc_panel #totalAcc_font_size button {width: 29%; margin:1%;}
		#totalAcc_panel #totalAcc_color button {border: 2px solid #000; border-radius: 100%; width: 40px; height: 40px; margin:3px;}
		#totalAcc_panel #totalAcc_color .change_color_to_white {background-color: #fff}
		#totalAcc_panel #totalAcc_color .change_color_to_red {background-color: #f00}
		#totalAcc_panel #totalAcc_color .change_color_to_green {background-color: #0a0}
		#totalAcc_panel #totalAcc_color .change_color_to_blue {background-color: #00f}
		#totalAcc_panel #totalAcc_restore, #totalAcc_panel #totalAcc_font_size #font_size_default {background-color:#0a0}
		
@media only screen and (max-width: 801px) {		
	#totalAcc {display:none !important}
}