/**
 * @package   Zhong - accessibletemplate
 * @version   2.1.1
 * @author    Francesco Zaniol, accessibletemplate - http://www.accessibletemplate.com
 * @copyright Copyright (C) 2011-Present Francesco Zaniol
 * @license   http://ec.europa.eu/idabc/eupl.html EUPL v1.1 only
 **/
/**
 * This CSS defines a COMMON style for ALL layout modes.
**/

/*-------------------------
-  RESET CSS property for all browsers.
------------------------ */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,nav,section,a img
{border:0;padding:0;outline:0;text-align:left;line-height:inherit;}
*{
	margin:0;
	font-weight:inherit;
	font-size:inherit;
	font-style:inherit;
	font-family:inherit;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{margin:0;display:block;overflow:visible;}
audio,canvas,video {display: inline-block;*display: inline;*zoom: 1;}
audio:not([controls]) {display: none;height: 0;}
[hidden] {display: none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
table,td,th{vertical-align:middle;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
svg:not(:root){overflow: hidden;}
/*-------------------------
-  GENERAL TAGS
------------------------ */
html{
	background:none;
	height:100%;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
	}
body{
	font-size:100%;
	line-height:100%;
	z-index:1;
	}
dfn,abbr,acronym{border-bottom:1px dotted #666;cursor:help;}
button:hover,.button:hover,input[type=button]:hover{cursor:pointer;cursor:hand;}
/* Lists,general - see "Content area lists" also
--------------------------- */
ul,ol{margin:0.6em 0.8em 1em 0.8em;padding-left:1.2em;list-style-position:outside;}
ul{list-style-type:disc;}
ul ul{list-style-type:circle;}
ol{list-style-type:decimal;}
ol ol{list-style-type:lower-latin;}
li{margin:0 0 0.3em 0;}
li ul,li ol{margin-left:0;}
dl{margin:0.6em 2% 1em 2%;padding:0.4em 0.6em 0.8em 0.6em;}
dl dt{font-weight:bold;margin-top:0.4em;}
dd{margin-left:1.2em;}
/* Tables
--------------------------- */
table{width:96%;margin:0.2em 2% 1.4em 2%;}
th,td,caption{
	padding:0.4em;
	vertical-align:middle;
	}
td p{margin:0 0 0.6em 0;}
/* Paragraphs and images
--------------------------- */
p{margin:0 1.2% 1em 1.2%;line-height:126%;width:97.6%;}
img{
	vertical-align:middle;
	display:inline;
	max-width:100%;
	-ms-interpolation-mode: bicubic;
	}
#main-body img{vertical-align:top;}
/* Text elements
--------------------------- */
blockquote{
	margin:1em 0.6em;
	padding:1.4em 1.8em;
	border-left:2px solid #DBDBDB;
	}
b,strong{font-weight:bold;}
em,dfn{font-style:italic;}
sup{vertical-align:super;font-size:smaller;line-height:0;}
sub{vertical-align:sub;font-size:smaller;line-height:0;}
dfn,abbr,acronym{border-bottom:1px dotted #666;cursor:help;}
address{margin:0 0 1.5em;font-style:italic;}
del{color:#666;text-decoration:line-through;}
pre{display:block;margin:1.2em 0;padding:0.3em;white-space: pre;white-space: pre-wrap;word-wrap: break-word;word-break: break-all;}
code,kbd,pre,samp,tt{font-family: courier,monospace !important;line-height:1.5;}
mark{background: #ff0;color: #000;}
small{font-size:smaller;}
big{font-size:larger;}
/* Form style
--------------------------- */
form{padding:0.24em 0;}
fieldset{padding:2% 5%;margin:0.6em;}
legend{
	padding:0.2em 0.4em 0.4em 0.4em;
	font-size:110%;
	}
label,input,textarea,select{vertical-align:middle;}
input,textarea,select{
	display:inline;
	margin:0.1em 0.3em;
	padding:0.2em 0.3em;
	text-indent:0.2em;
	font-size:100%;
	}
select{
	width:16em;
	margin:0.4em 0.1em;
	padding:0.3em 0.2em;
	cursor: pointer;
	}
button,html input[type="button"],input[type="reset"],input[type="submit"]{
	-webkit-appearance: button;
	cursor: pointer;
	*overflow: visible;
	}
button::-moz-focus-inner,
input::-moz-focus-inner{border:0;} /*FF fix (FF adds a 1px inner border to buttons and inputs)*/
button[disabled],input[disabled]{cursor: default;}
input[type="checkbox"],input[type="radio"]{
    padding: 0;
    *height: 13px;
    *width: 13px;
	}
label{
	display:inline;
	margin:0.4em 0.3em;
	padding:0.2em 0.3em;
	font-size:100%;
	}
textarea{
	width:96%;
	height:auto;
	padding:0.3em 0;
	margin:1em 2%;
	overflow: auto;
    vertical-align:top;
	}
form input[type=text],form input[type=password]{
	width:16em;
	margin:0.4em 0.1em;
	padding:0.3em 0.2em;
	}
input.checkbox,input.radio,
input[type=checkbox],input[type=radio]{
	border:0;
	background:none;
	margin:0 0.2em;
	padding:0.2em;
	}
input[type=hidden]{
	display:block;
	position:absolute;
	left:-9999px;
	top:-9999px;
	height:0;
	width:0;
	}

/*-------------------------
-  ZHONG FONT IMPORT (framework icons)
------------------------ */
@font-face{
    font-family:'zhong_icons';
    src: url('../../fonts/framework/zhong_icons.eot');
    src: url('../../fonts/framework/zhong_icons.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/framework/zhong_icons.woff') format('woff'),
         url('../../fonts/framework/zhong_icons.ttf') format('truetype'),
         url('../../fonts/framework/zhong_icons.svg#zhong_iconsregular') format('svg');
    font-weight: normal;
    font-style: normal;
	}
.zhongframework-icon:before{
	font-family: 'zhong_icons';
	font-style: normal;
	speak: none;
	}
.zhongframework-icon{
	-webkit-transition: color 0.3s ease-out;
	-moz-transition: color 0.3s ease-out;
	-ms-transition: color 0.3s ease-out;
	-o-transition: color 0.3s ease-out;
	transition: color 0.3s ease-out;
	}
.zhongframework-icon-default-layout:before{content: "-";}
.zhongframework-icon-night-mode:before{content: "&";}
.zhongframework-icon-day-mode:before{content: "+";}
.zhongframework-icon-font-resize:before{content: "*";}
.zhongframework-icon-login:before{content: "^";}
.zhongframework-icon-search:before{content: "{";}
.zhongframework-icon-language:before{content: "#";}
.zhongframework-icon-mobile:before{content: "$";}
.zhongframework-icon-accessibility:before{content: "\267F";/*♿*/}

/*-------------------------
-  COMMON SNIPPETS (these snippets are common among all layouts)
------------------------ */
/* added typography classes
--------------------------- */
.sans-serif{font-family:Arial, Helvetica, sans-serif !important;}
.serif{font-family:Georgia, Times, "Times New Roman", serif !important;}
.monospace{font-family:Courier New, Courier, monospace !important;}
.larger-text{font-size:larger;}
.large-text{font-size:160%;line-height:120%;}
.xlarge-text{font-size:200%;line-height:140%;}
.xxlarge-text{font-size:300%;line-height:160%;}
.xxxlarge-text{font-size:400%;line-height:180%;}
.xxxxlarge-text{font-size:500%;line-height:200%;}
.smaller-text{font-size:smaller;}
.small-text{font-size:80%;}
.xsmall-text{font-size:70%;}
.xxsmall-text{font-size:60%;}
.xxxsmall-text{font-size:50%;}
.xxxxsmall-text{font-size:40%;}
.yellow-mark,.yellow-mark *{background:#FE4 !important;color:#000 !important;}
.green-mark,.green-mark *{background:#6E3 !important;color:#000 !important;}
.red-mark,.red-mark *{background:#D11 !important;color:#FFF !important;}
.violet-mark,.violet-mark *{background:#F4E !important;color:#000 !important;}
.blue-mark,.blue-mark *{background:#00F !important;color:#FFF !important;}
/* colored blocks
--------------------------- */
.highlight-grey,.highlight-green,.highlight-red,
.highlight-brown,.highlight-yellow,.highlight-blue,.highlight-black{
	display:block;
	width:auto;
	overflow:hidden;
	padding:0.6em 1%;
	margin:1em 1%;
	border:0;
	border-left-width:0.6em;
	border-left-style:solid;
	}
.highlight-grey{
	border-left-color:#CCC !important;
	background:#E9E6E9;
	color:#444;
	}
.highlight-green{
	border-left-color:#8ef26f !important;
	background-color:#cff26f;
	color:#1d4026;
	}
.highlight-red{
	border-left-color:#E96E17 !important;
	background-color:#DE4517;
	color:#FFF;
	}
.highlight-brown{
	border-left-color:#E6A649 !important;
	background-color:#FD9;
	color:#840;
	}
.highlight-yellow{
	border-left-color:#BFA160 !important;
	background-color:#FFE68C;
	color:#73664E;
	}
.highlight-blue{
	border-left-color:#847FF0 !important;
	background-color:#91B2FF;
	color:#292E59;
	}
.highlight-black{
	border-left-color:#494949 !important;
	background-color:#222;
	color:#EEE;
	}
/* Alert blocks
--------------------------- */
.error,.notice,.success,.message{
	padding:.8em;
	margin:1em 0;
	border-top:2px solid #ddd;
	border-bottom:2px solid #ddd;
	}
.notice,.message{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324 !important;
	}
.error{
	background:#FFE9C2;
	color:#8a1f11;
	border-color:#F62 !important;
	}
.success{
	background:#C4ED8F;
	color:#264409;
	border-color:#56B235 !important;
	}
.notice a,.message a{color:#514721;}
.error a{color:#8a1f11;}
.success a{color:#264409;}
/* Special classes
--------------------------- */
/* This class makes an element to wrap its child */
.wrapper-element{overflow:hidden;padding:0;margin:0;height:auto;width:auto;}
/* Resets margin and padding */
.spacing-reset{padding:0;margin:0;}
/* Resets margin and padding from lists; for example, this class is useful for making a menu */
.list-reset,.list-reset li,.list-reset ul,.list-reset ol
{display:block;list-style:none;padding:0;margin:0;}
/* Hidden elements: this class allows the content to be persistent but the box will be hidden to "normal users" (it can still be read by screen readers) */
.visually-hidden{
	border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
	outline:0;
	}
.visually-hidden.focusable:active,
.visually-hidden.focusable:focus{
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
	}
/* Removed element from the content flow */
.removed{display:none !important;visibility: hidden;}
/* Display cases */
.display-block{display:block;}
.display-inline{display:inline;}
.display-inlineblock{display:inline-block;}
/* Float classes */
.float-left{float:left;display:block;}
.float-right{float:right;display:block;}
/* Hide the text of an element. It is useful for the Text-Image replacement tecnique */
.text-hidden{text-indent:100%;white-space:nowrap;overflow:hidden;}
/* Clears floating blocks */
.clear-both{clear:both;}
/* Hide visually and from screenreaders, but maintain layout */
.invisible{visibility:hidden;}
/* Contain floats */
.clearfix,.clearfix:before,.clearfix:after{clear:both;}
.clearfix:before{display:block;float:left;width:100%;}
.clearfix{width:100%;*zoom: 1;}