<div class="option-over optxshd">
	<div class="option-center">
		<div class="main-option">
			<div class="optx-title">
				<h3><?php echo GOV_lang::get('option_read_title_label');?></h3>
				<i class="fas fa-times optxid"></i>
			</div>
			<div class="optx-content">
				<div class="optx-group">
					<label class="optx-label"><?php echo GOV_lang::get('option_read_background_label');?></label>
					<div class="optx-select">
						<select id="option-background">
							<option value="#FFF">White</option>
							<option value="#F4F4F4">Light gray</option>
							<option value="#E9EBEE">Light blue</option>
							<option value="#F4F4E4">Light yellow</option>
							<option value="#EAE4D3">Sepia</option>
							<option value="#D5D8DC">Dark blue</option>
							<option value="#FAFAC8">Dark yellow</option>
							<option value="#EFEFAB">Wood grain</option>
						</select>
						<span><?php echo GOV_lang::get('option_read_background_info_label');?></span>
					</div>
				</div>
				<div class="optx-group">
					<label class="optx-label"><?php echo GOV_lang::get('option_read_font_family_label');?></label>
					<div class="optx-select">
						<select id="option-font-family">
							<option value="'Fira Sans', sans-serif">Fira Sans</option>
							<option value="'Merriweather', serif">Merriweather</option>
							<option value="'Segoe UI', sans-serif">Segoe UI</option>
							<option value="Verdana, sans-serif">Verdana</option>
							<option value="Tahoma, sans-serif">Tahoma</option>
							<option value="Arial, sans-serif">Arial</option>
						</select>
					</div>
				</div>
				<div class="optx-group">
					<label class="optx-label"><?php echo GOV_lang::get('option_read_font_size_label');?></label>
					<div class="optx-select">
						<select id="option-font-size">
							<option value="15px">15</option>
							<option value="16px">16</option>
							<option value="18px">18</option>
							<option value="20px">20</option>
							<option value="22px">22</option>
							<option value="24px">24</option>
							<option value="26px">26</option>
							<option value="28px">28</option>
							<option value="30px">30</option>
							<option value="32px">32</option>
							<option value="34px">34</option>
							<option value="36px">36</option>
							<option value="38px">38</option>
							<option value="40px">40</option>
						</select>
					</div>
				</div>
				<div class="optx-group">
					<label class="optx-label"><?php echo GOV_lang::get('option_read_line_height_label');?></label>
					<div class="optx-select">
						<select id="option-line-height">
							<option value="100%">100%</option>
							<option value="120%">120%</option>
							<option value="140%">140%</option>
							<option value="160%">160%</option>
							<option value="180%">180%</option>
							<option value="200%">200%</option>
						</select>
					</div>
				</div>
				<div class="opt-reset">
					<div id="optrst" class="rst">
						<?php echo GOV_lang::get('option_read_reset_label');?>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>