body, html {
	background-color: #efefef;
	color:#303030;
	font-family: 'Roboto', sans-serif;
	font-size: .96em;
	font-weight: 300;
	margin:0px;
	padding:0px;
	top: 0px !important;
}
body {
	min-height: auto !important;
	overflow-x: hidden;
	position: static !important;
}
body.filter { filter: hue-rotate(170deg) }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, img { display:block }
table { border-collapse: separate; border-spacing: 0 }
th { font-weight: 500 }
a {
	color:#49b707;
	cursor:pointer;
	text-decoration:none;
	outline:none;
}
a:hover { color:#007dd4 }
a:focus {
	outline: 1px dashed #ff8112;
	outline-offset: 4px;
	transition: none !important;
}
a:focus:hover { outline: none !important }

p, form, input, ul, ol, h1, h2, h3, h4, h5, h6, figure, hr, span, blockquote, fieldset {
	margin:0px;
	padding:0px;
}
ul li { list-style-type:none; list-style-position:outside }
ol li { list-style-position: inside }
img { border:0px; display:inline-block }
input, textarea, select {
	border-radius:0px;
	color:#303030;
	font:15px 'Roboto', sans-serif;
	font-weight: 300;
	border:none;
	resize:none;
}
strong { font-weight: 500 }
input[type='text'], input[type='password'], input[type='button'], input[type='submit'], textarea { -webkit-appearance:none }
input[type="submit"], input[type="button"] { cursor:pointer }

input[type="radio"] {
	background-color: #fff;
	border:1px solid #c3c3c3;
	border-radius: 50%;
	cursor: pointer;
	height: 14px;
	outline: none;
	transition:all 0.3s ease;
	width: 14px;
	-webkit-appearance: none;
	-moz-appearance: none;
}
input[type="radio"]:hover { background-color: #efefef }
input[type="radio"]:checked {
	background-color: #49b707;
	border:3px solid #fff;
	box-shadow: 0 0 1px 1px rgba(15,15,15,0.5);
	outline: 0;
}
input[type="radio"]:focus { box-shadow: 0 0 2px 2px rgba(73,183,7,1) }

input[type="checkbox"] {
	background-image: url(../img/check.png);
	background-position: top;
	cursor: pointer;
	height: 17px;
	outline: none;
	width: 17px;
	-webkit-appearance: none;
	-moz-appearance: none;
}
input[type="checkbox"]:checked, input[type="checkbox"]:checked:disabled { background-position: bottom }
.generalForm input[type="checkbox"].errorColor:checked { background-image: url(../img/check.png) !important }
input[type="checkbox"]:disabled { background-image: url(../img/checkDisabled.png) }

input::-moz-focus-inner { border:0; padding:0 }
fieldset { border:none }
.generalForm.v2 fieldset {
	border: 1px solid #49b707;
	border-radius: 20px 0 20px 0;
	margin-top: 54px;
	padding: 8px 14px 20px 14px;
	position: relative;
	text-align: left;
}
.generalForm.v2 legend {
	background-color: #fff;
	color: #49b707;
	font-size: 21px;
	font-weight: 400;
	left: 50%;
	line-height: 20px;
	padding: 0 10px;
	position: absolute;
	text-align: center;
	top: -11px;
	transform: translateX(-50%);
	white-space: nowrap;
}

::selection { background:#000; color:#fff; padding:20px }
::-moz-selection { background:#000; color:#fff }
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
hr {
	background-color: #dedede;
	border: 0;
	height: 1px;
	margin: 16px 0;
	width: 100%;
}
hr.v2 { background-color: transparent }
h1, .iTitle {
	font-size: 18px;
	font-weight: 500;
	position: relative;
	text-align: center;
	z-index: 10;
}
h1.main { display: none }
h1.first, .iTitle.first {
	margin-bottom: 15px;
	text-transform: uppercase;
}
h1 span, .iTitle span {
	background-color: #efefef;
	padding: 0 14px;
	position: relative
}
h1:before, .iTitle:before {
	background-color: #c8c8c8;
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	top: 10px;
	width: 100%;
	z-index: 0;
}
h2 {
	font-size: 16px;
	font-weight: 500;
}
h3 { font-weight: 400 }
h4, h5 { font-weight: 500 }
.generalWrap {
	margin:auto;
	max-width:1216px;
	position:relative;
}
@media only screen and (max-width:1274px) {
	.generalWrap { margin:0px 20px }
}
@media only screen and (max-width:890px) {
	.generalForm.v2 legend { font-size: 18px; white-space: normal }
}
@media only screen and (max-width:608px) {
	.generalForm.v2 fieldset { padding: 0 14px 26px 14px }
	.generalForm.v2 legend { background-color: transparent; left: 0; padding: 0; top: -32px; transform: none; width: 100% }
}
@media only screen and (max-width:700px) {
	.generalWrap { margin:0px 12px }
}
@media only screen and (max-width:800px) {
	a:focus { outline: none !important }
}


/* ----------- topMenu -----------*/
#topMenu {
	background-color: #292929;
	color: #cecece;
	font-size: 13px;
	height: 56px;
	position: relative;
	z-index: 1001;
}
#topMenu .btn {
	border :1px solid #565656;
	border-radius: 30px;
	color: #cecece;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	height: 32px;
	line-height: 31px;
	padding: 0 12px;
	position: relative;
	text-transform: uppercase;
	top: 12px;
	transition:all 0.3s ease;
}
#topMenu .btn i {
	color: #FBBC16;
	margin-right: 9px;
}
#topMenu .btn:nth-child(2) { margin-left: 6px }
#topMenu .btn:hover {
	background-color: #414141;
	color: #fff;
}

.goog-te-banner-frame.skiptranslate { display: none !important }
#google_translate_element .goog-te-gadget { font-size: 0px; text-align: center }
#google_translate_element .goog-te-gadget > div > div { display: none }
#google_translate_element .goog-te-gadget span { display: none }
#google_translate_element .goog-te-combo {
	background-color: #fff;
	border:1px solid #d0d0d0;
	border-radius: 0;
	color: #303030;
	cursor: pointer;
	font-family: roboto;
	font-weight: 400;
	padding: 8px 10px;
	width: 100%;
}

#logo { overflow: hidden }
#logo:before {
	background-color: #febd04;
	content: "";
	height: 3px;
	left: 50%;
	position: absolute;
	top: 61px;
	transform: translateX(-50%);
	transition:all 1.8s ease;
	width: 42px;
	z-index: 10;
}
#logo figure:after {
	border: 1px dashed #ff8113;
	border-radius: 50%;
	content: "";
	height: 90%;
	left: 50%;
	opacity: 0;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition:all 0.3s ease;
	width: 90%;
	z-index: 8000;
}
#logo a:focus figure:after, #logo a:hover figure:after { opacity: 1 }
#logo a figure {
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
	background-size: 112px;
	border-radius: 50%;
	height: 112px;
	left: 50%;
	position: absolute;
	top: 8px;
	transform: translateX(-50%);
	transition:all 0.3s ease;
	width: 112px;
	z-index: 400;
}
#logo:hover:before { width: 160% }
#muni {
	color: #343434;
	display: inline-block;
	font-size: 22px;
	font-weight: 500;
	margin-top: 88px;
	line-height: 20px;
	left: 50%;
	position: absolute;
	text-align: center;
	transition:all 0.3s ease;
	transform: translateX(-50%);
	white-space: nowrap;
	z-index: 400;
}
#muni.v2 {
	color: #fff;
	font-weight: 400;
	margin-top: 95px
}
#muni .slogan {
	color: #848484;
	display: block;
	font-size: 13.5px;
	font-weight: 400;
}
#muni.v2 .slogan { color: #dbdbdb }
.rColumn {
	position: absolute;
	right: 0px;
	top: 12px;
}
#search, #session, #userName {
	display: inline-block;
	height: 32px;
	line-height: 31px;
	position: relative;
	text-align: center;
	transition:all 0.3s ease;
	vertical-align: top;
}
#search {
	border:1px solid #565656;
	border-radius: 50%;
	color: #cecece;
	font-size: 0;
	margin-right: 9px;
	width: 32px;
}
#search:hover { border:1px solid #292929 }
#search svg {
	position: relative;
	top: 7px;
}
#search:hover svg path { fill: #0096ff }
#session {
	border:1px solid #565656;
	border-radius: 30px;
	color: #cecece;
	font-size: 12px;
	padding: 0 12px 0 41px;
	text-transform: uppercase;
}
#session svg {
	margin-right: 7px;
	left: 12px;
	position: absolute;
	top: 9px;
}
#session:hover {
	background-color: #565656;
	color: #fff;
}
#userName .letter {
	border:1px solid #787878;
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
	font-size: 15px;
	font-weight: 400;
	height: 32px;
	margin-left: 9px;
	position: relative;
	width: 32px;
}
#userName .letter:hover { background-color: #565656 }
#userName .letter.active {
	background-color: #fff;
	border:1px solid #292929;
	color: #007dd4;
}
#userName .number {
	background-color: #007dd4;
	border-radius: 50%;
	color: #fff;
	font-family: Arial;
	font-size: 12px;
	font-weight: 300;
	height: 24px;
	right: -15px;
	line-height: 24px;
	position: absolute;
	top: -7px;
	width: 24px;
}
#userWindow {
	color: #303030;
	display: none;
	font-size: 13px;
	font-weight: 300;
	line-height: 15px;
	position: absolute;
	right: -7px;
	text-align: left;
	top: 55px;
	width: 280px;
	z-index: 10000;
}
#userWindow .title {
	background-color: #007dd4;
	border-bottom: 2px solid #fff;
	border-radius: 0 20px 0 0;
	color: #fff;
	display: block;
	font-weight: 500;
	padding: 8px 15px;
	text-align: center;
	transition:all 0.3s ease;
}
#userWindow .title.nolink { cursor: default }
#userWindow .title:hover { background-color: #038eee }
#userWindow .title.nolink:hover { background-color: #007dd4 }
#userWindow .title span {
	color: #c0e5ff;
	display: block;
	font-weight: 300
}
#notifications {
	background-color: #fff;
	border-bottom: 1px solid #e1e1e1;
	max-height: 200px;
}
#notifications a {
	border-top: 1px solid #e1e1e1;
	color: #303030;
	display: block;
	padding: 10px 15px 10px 29px;
	position: relative;
	transition:all 0.3s ease;
}
#notifications a:first-child { border-top: none }
#notifications a .date {
	color: #9e9e9e;
	display: block;
	font-size: 11px;
	padding-top: 2px;
	text-transform: uppercase;
}
#notifications a:hover { background-color: #f7f7f7 }
#notifications a:before {
	background-color: #007dd4;
	border-radius: 50%;
	content: "";
	height: 6px;
	left: 15px;
	position: absolute;
	top: 14px;
	width: 6px;
}
#userWindow .name {
	background-color: #ededed;
	border-top: 2px solid #fff;
	border-radius: 0 0 0 20px;
	cursor: default;
	font-weight: 400;
	padding: 8px 15px;
	text-align: center;
}
#userWindow .name span {
	color: #c9c9c9;
	font-weight: 300;
	padding: 0 5px;
}
#userWindow .name a {
	color: #007dd4;
	transition:all 0.3s ease;
}
#userWindow .name a:hover { color: #49b707 }
@media only screen and (max-width:1020px) {
	#topMenu { background-color: #fff; border-top: 1px solid #292929 }
	#topMenu .btn:nth-child(1) { display: none }
	#topMenu .btn:nth-child(2) { margin-left: 0 }
	#topMenu .btn { border-color: #d7d7d7; color: #303030; left: 44px; position: absolute }
	#muni { margin-top: 115px }
	#muni.v2 { margin-top: 130px }
	#search, #session, #userName .letter, #userName .letter:hover { background-color: #fff; border:1px solid #d7d7d7; color: #303030 }
	#userName .letter.active { background-color: #f4f4f4 }
	#search:hover, #session:hover, #topMenu .btn:hover { background-color: #f4f4f4; color: #303030 }
	#search:hover { border:1px solid #fff }
	#search svg path { fill: #007dd4 }
}
@media only screen and (max-width:960px) {
	#logo a figure { background-size: 90px; height: 94px; width: 90px }
	#muni { font-size: 18px; margin-top: 94px }
	#muni.v2 { margin-top: 107px }
	#muni .slogan { font-size: 13px }
}
@media only screen and (max-width:700px) {
	#topMenu .btn { left: 46px }
}
@media only screen and (max-width:600px) {
	#session { display: none }
	#search { margin-right: 0 }
	#topMenu .btn { height: 32px; padding:0; text-align: center; width: 32px }
	#topMenu .btn i { margin-right: 0 }
	#topMenu .btn span { display: none }
}
@media only screen and (max-width:480px) {
	#muni .slogan { font-size: 10.3px }
	#logo:before { display: none }
}


/* ----------- header -----------*/
header {
	height: 119px;
	position: relative;
	text-align: center;
	z-index: 400;
}
#bgWhite {
	background-color: #fff;
	box-shadow: 1px 0 38px rgba(8,8,8,0.08);
	height: 486px;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 0;
}
#bgWhite.inside { height: 218px }
.topIcon {
	position: absolute;
	top: 34px;
}
.topIcon.aLeft { left: 40px }
.topIcon.aRight {
	right: 40px;
	position: absolute !important;
}
.topIcon a {
	color: #848484;
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	min-width: 65px;
	position: relative;
	text-align: center;
	top: 0px;
	transition:all 0.3s ease;
	vertical-align: top;
}
.topIcon a:hover {
	color: #007dd4;
	top: 6px
}
.topIcon.aLeft a { margin-right: 10px }
.topIcon.aRight a { margin-left: 20px }
.topIcon a svg {
	display: inline-block;
	margin-bottom: 2px;
	width: 32px;
}
.topIcon a svg path,
.topIcon a svg polygon,
.topIcon a svg circle { transition:all 0.3s ease }
.topIcon a:hover svg path,
.topIcon a:hover svg polygon,
.topIcon a:hover svg circle { fill: #007dd4 }
.topIcon a p { display: block }
@media only screen and (max-width:1020px) {
	.topIcon.aLeft { left: 40px }
	.topIcon.aRight,
	.topIcon.aLeft a:nth-child(1),
	.topIcon.aLeft a:nth-child(2) { display: none }
}
@media only screen and (max-width:960px) {
	header { height: 90px; z-index: 1200 }
	#bgWhite { height: 177px }
	.topIcon.aLeft { left: 134px; top: -44px }
	.topIcon a { font-size: 11px }
	.topIcon a svg { margin-bottom: 0; width: 26px }
}
@media only screen and (max-width:600px) {
	.topIcon.aLeft { left: 70px }
}


/* ----------- nav -----------*/
#navButton {
	background-color: #ffaa0f;
	border-radius: 0 0 8px 0;
	color: #fff;
	display:none;
	font-size: 24px;
	left:0px;
	height: 46px;
	line-height: 44px;
	position:fixed;
	text-align: center;
	top:0px;
	width: 46px;
	z-index: 1000;
}
#closeMenu {
	background: #f7bb3d;
	border-radius: 0 0 8px 0;
	color: #fff;
	display: none;
	font-size: 24px;
	height: 46px;
	left:0px;
	line-height: 44px;
	position: absolute;
	text-align: center;
	top:0px;
	width: 46px;
}
nav {
	background-color: #ffa20f;
	background-image: url(../img/nav.jpg);
	background-position: center center;
	background-size: cover;
	border-radius: 26px 0 0 0;
	height: 84px;
	position: relative;
	z-index: 1000;
}
nav > ul {
	display: -ms-grid;
	-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;

	display: grid;
	grid-template-columns: repeat(6,1fr);
}
nav > ul > li.hide { display: none }
nav > ul > li { position: relative }
nav > ul > li#nav01 { -ms-grid-column: 1 }
nav > ul > li#nav02 { -ms-grid-column: 2 }
nav > ul > li#nav03 { -ms-grid-column: 3 }
nav > ul > li#nav04 { -ms-grid-column: 4 }
nav > ul > li#nav05 { -ms-grid-column: 5 }
nav > ul > li#nav06 { -ms-grid-column: 6 }

nav > ul > li > a {
	border-right: 1px solid rgba(255,255,255,0.25);
	color: #fff;
	display: block;
	font-size: .9em;
	font-weight: 500;
	height: 84px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	transition:all 0.3s ease;
	vertical-align: top;
}
nav > ul > li#nav01 > a { border-radius: 26px 0 0 0 }
nav > ul > li#nav06 > a { border-right: none }
nav > ul > li > a.current { background-color: rgba(255,193,62,0.92) }
nav > ul > li > a:before {
	background-color: #fff;
	bottom: 0;
	content: "";
	height: 3px;
	left: 0;
	opacity: 0;
	position: absolute;
	width: 100%;
}
nav > ul > li > a:hover:before,
nav > ul > li:hover > a:before,
nav > ul > li > a.current:before { opacity: 1 }

nav > ul > li > a[href$="#flyoutnavkbfixed"] { cursor: default }
nav > ul > li > a:hover, nav > ul > li > a:focus, nav > ul > li:hover > a {
	background-color: #ffbf3b;
	color: #fff;
	outline: none;
}
nav > ul > li > a > figure {
	display: block;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	top: 15px;
	width: 54px;
	z-index: 0;
}
nav > ul > li > a > figure:after {
	font-family: "Font Awesome 5 Free";
	font-size: 2.2em;
	font-weight: 900;
	text-shadow: 0 0 8px rgba(155,72,0,0.2);
}
nav > ul > li#nav01 > a > figure:after { content: "\f19c" }
nav > ul > li#nav02 > a > figure:after { content: "\f279" }
nav > ul > li#nav03 > a > figure:after { content: "\f15c" }
nav > ul > li#nav04 > a > figure:after { content: "\f05a" }
nav > ul > li#nav05 > a > figure:after { content: "\f080" }
nav > ul > li#nav06 > a > figure:after { content: "\f4c4" }

nav > ul > li > a span {
	position: relative;
	text-shadow: 0 0 15px rgba(155,72,0,0.6);
	top: 53px;
	z-index: 2;
}

nav > ul > li > ul {
	background-color: rgba(41,41,41,0.95);
	box-shadow: 0 0 30px rgba(255,255,255,0.3);
	border-radius: 0 0 24px 0;
	left: 0px;
	min-width: 228px;
	padding: 8px 24px;
	position: absolute;
	top: 84px;
	visibility: hidden;
	z-index: 1000;
}
nav > ul > li#nav04 > ul,
nav > ul > li#nav05 > ul,
nav > ul > li#nav06 > ul {
	border-radius: 0 0 0 24px;
	left: initial;
	right: 0;
}

nav > ul > li.open ul { visibility: visible }
nav > ul > li > ul > li {
	position: relative;
}
nav > ul > li > ul > li > a {
	border-top: 1px solid rgba(255,255,255,0.12);
	color: #fff;
	display: block;
	font-size: .9em;
	font-weight: 500;
	padding: 10px 0;
	position: relative;
	text-align: left;
	white-space: nowrap;
}
nav > ul > li > ul > li > a:hover { color: #ffbf3b }
nav > ul > li > ul > li:first-of-type > a { border-top: none }

nav > ul > li > ul > li > a:not([href]), nav > ul > li > ul > li > a:hover:not([href]) {
	color: #fff;
	cursor: default;
}
nav > ul > li > ul > li > ul { display: none }
nav > ul > li#nav03 > ul > li > ul {
	columns: 2;
	display: block;
	margin-bottom: 10px;
}
nav > ul > li#nav03 > ul > li:nth-child(2) > a { padding-top: 12px }

nav > ul > li > ul > li > ul > li { display: inline }
nav > ul > li > ul > li > ul > li > a {
	color: #fff;
	display: block;
	font-size: .9em;
	line-height: 17px;
	padding: 0 10px 6px 22px;
	position: relative;
	text-align: left;
	white-space: nowrap;
}
nav > ul > li > ul > li > ul > li > a:hover {
	color: #ffe394;
	text-decoration: underline;
}
nav > ul > li > ul > li > ul > li > a:before {
	background-color: #ffc03a;
	content: "";
	height: 1px;
	left: 10px;
	position: absolute;
	top: 9px;
	width: 5px;
}
nav > ul > li > ul > li > ul > li > a:not([href]),
nav > ul > li > ul > li > ul > li > a:hover:not([href]) {
	color: #ffcb35;
	cursor: default;
	text-decoration: none;
}
nav > ul > li > ul > li > ul > li > ul { margin-bottom: 12px }
nav > ul > li > ul > li > ul > li > ul > li > a {
	color: #ffe394;
	display: block;
	font-size: .9em;
	padding: 1px 0 1px 27px;
	position: relative;
	text-align: left;
}
nav > ul > li > ul > li > ul > li > ul > li > a:hover { color: #fff }
nav > ul > li > ul > li > ul > li > ul > li > a:before {
    content: "";
    background-color: #ffe394;
    height: 1px;
    left: 15px;
    position: absolute;
    top: 9px;
    width: 5px;
}
@media only screen and (max-width:1200px) {
	nav > ul > li > a { font-size: 11.3px }
	nav > ul > li > ul > li > a { font-size: 13px }
	nav > ul > li > ul > li > ul > li > a { font-size: 11.5px }
}
@media only screen and (max-width:1020px) {
	#navButton, #closeMenu { display: block }
	nav { border-radius: 0; height: 5px }
	nav > ul {
		background-color: rgba(41,41,41,1);
		display:none;
		height:100vh;
		left:0px;
		margin-top: 0;
		overflow-y: auto;
		padding:58px 0 60px 0;
		position:fixed;
		top:0px;
		width:100%;
		z-index:10000
	}
	nav > ul > li, nav > ul > li.hide { display: block }
	nav > ul > li > a { border-radius: 0 !important; border-right: none; border-top: 1px solid #363636; color: #fff; display: block; font-size: 15px; height: auto; padding: 12px 14px; text-align: left; text-shadow: none; width: 100% !important }
	nav > ul > li > a:hover { color: #fff }
	nav > ul > li > a:before { display: none }
	nav > ul > li > a.current { background-color: transparent; color: #f7bb3d !important }
	nav > ul > li:hover > a, nav > ul > li > a:hover, nav > ul > li > a:focus { background-color: transparent }
	nav > ul > li > a > figure {
		display: inline-block;
		left: initial;
		margin-right: 4px;
		position: relative;
		text-align: center;
		top: initial;
		transform: initial;
		width: 28px;
	}
	nav > ul > li > a > figure:after { font-size: 15px }
	nav > ul > li:nth-child(1) > a > figure:after { content: "\f015" }
	nav > ul > li > a span { position: static; text-shadow: none }
	nav > ul > li > ul {
		box-shadow: none;
		display: none;
		min-height: auto;
		padding: 0 16px 14px 50px;
		position: static !important;
		visibility: visible;
	}
	nav > ul > li > ul > li > a { font-size: .92em }
	nav > ul > li > ul > li > a:hover { color: #fff }
	nav > ul > li > ul > li > ul { display: block; margin-bottom: 6px }
	nav > ul > li#nav03 > ul > li > ul { columns: 1 }
	nav > ul > li > ul > li > ul > li > a { font-size: .9em; padding: 0 10px 6px 14px; white-space: initial }
	nav > ul > li > ul > li > ul > li > a:before { left: 0 }
	nav > ul > li > ul > li > ul > li > a:hover { color: #fff }
}


/* ----------- footer -----------*/
footer {
	background-color: #292929;
	box-shadow: inset 0 20px 40px rgba(30,30,30,0.5);
	color: #fff;
	line-height: 21px;
	padding: 40px 0 33px 0;
	position: relative;
	text-align: center;
	z-index: 4;
}
footer a {
	color: #fff;
	transition:all 0.3s ease;
}
footer a:hover { color: #00a1ff }
footer .generalWrap > div {
	border-right: 1px solid #464646;
	display: inline-block;
	font-weight: 400;
	padding: 0 40px;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
}
footer .generalWrap > div:first-child { padding-left: 0 }
footer .generalWrap > div > div {
	display: inline-block;
	vertical-align: top;
}
footer .icon {
	color: #078fed;
	font-size: 2em;
	margin: 4px 15px 0 0;
}
footer .icon.weather {
	height: 36px;
	margin: 6px 10px 0 0;
}
footer .tw300 { font-weight: 300 }
footer .grey {
	color: #929292;
	font-size: .9em;
}
footer .t20 {
	font-size: 20px;
	font-weight: 400
}
footer #social a {
	color: #078fed;
	font-size: 2.4em;
}
footer #social a:first-child { margin-right: 6px }
footer #social a:hover { color: #ffa310 }
#app {
	box-shadow: 1px 0 38px rgba(8,8,8,0.08);
	margin-top: 50px;
	padding: 24px 0 22px 0;
	position: relative;
	text-align: center;
	z-index: 4;
}
#app a {
	display: inline-block;
	transition:all 0.3s ease;
}
#app a:hover { opacity: 0.8 }
#app .first { margin-right: 14px }
#counter {
	border-right: 0;
	padding-right: 0;
	padding-left: 26px
}
#counter a {
	border-radius: 5px;
	display: block;
	color: #078fed;
	font-size: 12px;
	padding: 0 14px 8px 14px;
	text-align: center;
	text-transform: uppercase;
	transition:all 0.3s ease;
}
#counter a span {
	color: #fff;
	display: block;
	font-size: 19px;
}
#counter a:hover { background-color: #1f1f1f }

#detailCounter h2 {
	color: #ffa310;
	font-size: 19px;
	margin-bottom: 10px;
	text-align: center;
}
#detailCounter p {
	border-top: 1px solid #e1e1e1;
	margin: auto;
	padding: 6px;
}
#novaq {
	border-top: 1px solid #464646;
	color: #b6b6b6;
	font-size: 14px;
	line-height: 17px;
	margin-top: 22px;
	padding: 18px 0 0 0;
}
#novaq a { color: #078fed }
#novaq a:hover {
	color: #ffa310;
	opacity: 1;
}
@media only screen and (max-width:1120px) {
	#novaq { padding: 18px 42px 20px 42px }
}
@media only screen and (max-width:1060px) {
	footer .generalWrap > div { padding: 0 26px }
	#counter { padding-left: 12px }
}
@media only screen and (max-width:1020px) {
	#app { margin-top: 20px }
}
@media only screen and (max-width:1010px) {
	footer .generalWrap > div { border-bottom: 1px solid #464646; border-right: none; display: block; padding: 16px 0; text-align: center }
	footer .generalWrap > div:last-of-type { border-bottom: none }
	footer .generalWrap > div:first-child { padding-top: 0px }
	footer .generalWrap > div > div { height: auto !important; text-align: left }
	#counter { padding-left: 0 }
	#novaq { margin-top: 0 }
}
@media only screen and (max-width:360px) {
	#app a { display: block; padding: 5px 0 0 0 }
	#app .first { margin-right: 0 }
}


/* ----------- misc -----------*/
.imgCover {
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}
.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}
.embed-container.v2 {
	margin-top: 20px;
	padding-bottom: 72%
}
.embed-container + p:first-of-type {
    margin-top: 20px !important;
}
.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.clearFix {
	clear: both;
	display: block;
}
.green { color: #49b707 }
.green:before { background-color: #49b707 }
.blue { color: #007dd4 }
.blue:before { background-color: #007dd4 }
.red { color: #ea3401 }
.red:before { background-color: #ea3401 }
.yellow { color: #ff8d14 }
.yellow:before { background-color: #ff8d14 }
.padBottom { margin-bottom: 38px }
.padTop { margin-top: 38px }
.aCenter { text-align: center !important }
.aRight { position: relative; text-align: right !important }
.textBtn {
	border-bottom: 1px solid #49b707;
	display: inline-block;
	font-weight: 500;
	margin-left: 6px;
	padding-bottom: 1px;
}
.textBtn i { margin-right: 7px }
.termsBt {
	color: #303030;
	font-size: .9em;
	left: 0;
	margin-top: 24px;
	position: absolute;
}
.termsBt label {
	cursor: pointer;
	font-weight: 500;
	padding-right: 4px;
}
.termsBt input {
	margin: 0 5px 0 0;
	position: relative;
	top: 1px;
}
.termsBt a {
	color: #303030;
	text-decoration: underline;
}
.termsBt a:hover { text-decoration: none }
.successfulMessage {
	border: 1px solid #49b707;
	border-radius: 14px 0 14px 0;
	color: #49b707;
	font-size: 13px;
	font-weight: 400;
	margin-top: 20px;
	padding: 6px 12px;
	text-align: center;
}
.errorMessage {
	border: 1px solid #ff8113;
	border-radius: 14px 0 14px 0;
	color: #ff8113;
	font-size: 13px;
	font-weight: 400;
	margin-top: 20px;
	padding: 6px 12px;
	text-align: center;
}
.captchaTxt {
	background-position: right;
	background-repeat: no-repeat;
}
.errors {
	background-color: #fff;
	border-bottom: 2px solid #d9534f;
	border-top: 2px solid #d9534f;
	color: #d9534f;
	display: none;
	font-size: 14px;
	font-weight: 300;
	margin-top: 20px;
	padding: 12px 16px;
}
.errors.v2 { font-size: 13px }
.errors .title2 { font-weight: 500 }
.errors p { margin-top: 0 !important }
.backLink {
	background-color: rgba(91,91,91,.5);
	border-radius: 50%;
	color: #ffa310;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 25px;
	height: 33px;
	line-height: 28px;
	left: 16px;
	position: absolute;
	transition:all 0.3s ease;
	top: 11px;
	width: 33px;
	z-index: 4000;
}
.backLink:hover {
	background-color: #ffa310;
	color: #fff;
}
.backLink.light {
	background-color: #fff;
	border: 1px solid #d4d4d4;
	color: #0071c0;
}
.backLink.light:hover { border: 1px solid #bbbaba }
.backLink2 {
	border: 1px solid #d4d4d4;
	border-radius: 14px;
	color: #303030;
	font-size: 13px;
	padding: 4px 14px;
	text-transform: uppercase;
	transition:all 0.3s ease;
}
.backLink2 span { font-family: Verdana, Geneva, sans-serif }
.boxHighlight {
	border:1px solid #49b707;
	border-radius: 18px 0 18px 0;
	margin-top: 20px;
	padding: 12px 16px;
}
#overlay {
	background: rgba(54,54,54,0.56);
	display: none;
	height: 100%;
	left: 0px;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 1000;
}
.generalBt {
	background-color: #b8b8b8;
	border-radius: 30px;
	color: #fff;
	display: inline-block;
	font-size: 13px;
	font-weight: 400;
	margin-top: 10px;
	padding: 6px 18px;
	text-transform: uppercase;
	transition:all 0.3s ease;
}
.generalBt:hover {
	background-color: #49b707;
	color: #fff
}
.consecutive {
	color: #7e7e7e;
	font-family: Courier;
	font-size: 14px;
	margin-top: 2px !important;
	text-align: center;
}
.nameDate {
	color: #7e7e7e;
	font-size: 14px;
	font-weight: 400;
	margin-top: 2px !important;
	text-align: center;
}
.nameDate .nNumber {
	display: block;
	font-size: 12px;
	font-weight: 300;
	margin-top: 2px;
	text-transform: uppercase;
}

.wrapSubtotal {
	border-top: 1px solid #49b707;
	padding: 12px 0;
}
.wrapSubtotal.noline { border-top: none }
.subtotalBuy {
	color: #49b707;
	display: block;
	font-size: .96em;
	font-weight: 500;
	padding: 3px 0;
	position: relative;
	text-align: right;
}
.subtotalBuy.extrapad,
.totalBuy.extrapad { padding-right: 10px }
.subtotalBuy.green {
	background-color: #49b707;
	border-radius: 4px;
	color: #fff;
	margin-top: 10px;
	padding: 14px 10px 14px 0;
}
.subtotalBuy em {
	font-style: normal;
	font-weight: 400;
	position: absolute;
	right: 116px;
	top: 2px;
}
.subtotalBuy.green em { top: 14px }
.wrapTotal {
	background-color: #49b707;
	border-radius: 4px;
	padding: 12px 0;
}
.totalBuy {
	color: #fff;
	display: block;
	font-size: .96em;
	font-weight: 500;
	padding: 3px 0;
	position: relative;
	text-align: right;
}
.totalBuy em {
	font-style: normal;
	font-weight: 400;
	position: absolute;
	right: 116px;
	top: 2px;
}

.buyCheck {
	cursor: pointer;
	margin-left: 20px;
	position: relative;
}

.signBox {
	border: 1px solid #dedede;
	border-radius: 6px;
	margin-top: 24px;
	padding: 8px 4px;
}
.signTxt {
	font-size: 14px;
	font-weight: 500;
	padding: 4px 0;
}
.signTxt span {
	display: inline-block;
	font-weight: 300;
	width: 120px
}
.signTxt.v2 {
	border: 1px solid #49b707;
	border-radius: 6px;
	color: #49b707;
	display: inline-block;
	margin-bottom: 12px;
	margin-top: 6px;
	padding: 8px 12px;
}
.signLoad {
	display: block;
	margin: 0 auto 6px auto;
}
.downBtn {
	border: 1px solid #d0d0d0;
	border-radius: 20px;
	color: #303030;
	display: table;
	font-weight: 400;
	font-size: .94em;
	margin: 6px 0 0 0;
	padding: 8px 20px;
	transition:all 0.3s ease;
}
.downBtn i {
	color: #007dd4;
	margin-right: 8px;
}
.downBtn:hover { border-color: #007dd4 }

#lhc_status_container {
	border-radius: 8px 8px 0 0 !important;
	margin-bottom: 0 !important;
	position: fixed !important;
	right: 65px !important;
	top: auto !important;
}
#frmQuestions { margin-top: 28px }

.jconfirm .jconfirm-holder {
	margin: auto;
	max-width: 520px;
	padding-left: 16px !important;
	padding-right: 16px !important;
}
@media only screen and (max-width:660px) {
	.backLink { font-size: 23px; height: 28px; line-height: 26px; width: 28px }
}
@media only screen and (max-width:620px) {
	.termsBt.v2 { position: relative }
}
@media only screen and (max-width:500px) {
	#lhc_status_container { left: 12px !important; right: auto !important }
}


/* ----------- bxslider -----------*/
#wrapSlider {
	position: relative;
	z-index: 200;
}
#wrapSlider.v2 { margin-top: 38px }
#slider a {
	background-size: cover;
	background-position: center center;
	border-radius: 0 0 26px 0;
	padding-bottom: 34.4%;
}
#slider a:before {
	background-color: rgba(0,125,212,0);
	border-radius: 0 0 26px 0;
	content: "";
	height: 100%;
	position: absolute;
	transition:all 0.3s ease;
	width: 100%;
}
#slider a:hover:before { background-color: rgba(0,125,212,0.6) }
#slider a:focus:before { background-color: rgba(0,125,212,0.6) }
#slider a.noLink { cursor: default }
#slider a.noLink:before { display: none }
#slider a p {
	color: #fff;
	font-size: 50px;
	font-weight: 500;
	left: 50%;
	line-height: 54px;
	max-width: 550px;
	padding: 12px 22px;
	position: absolute;
	text-align: center;
	text-shadow: 0 0 14px rgba(45,45,45,0.5);
	text-transform: uppercase;
	transform: translate(-50%, -50%);
	top: 50%;
	width: 100%;
}
@media only screen and (max-width:1130px) {
	#slider a { padding-bottom: 34% }
	#slider a p { font-size: 40px; line-height: 44px }
}
@media only screen and (max-width:900px) {
	#slider a p { font-size: 30px; line-height: 34px; text-transform: none }
}
@media only screen and (max-width:570px) {
	#slider a p { font-size: 22px; line-height: 26px }
}
@media only screen and (max-width:480px) {
	#slider a p { font-size: 17px; line-height: 21px }
}

.infoSlide a:before {
	background-color: #007dd4;
	content: "";
	display: block;
	opacity: 0;
	padding-bottom: 70%;
	position: absolute;
	visibility: hidden;
	transition:all 0.3s ease;
	width: 100%;
}
.infoSlide a:hover:before {
	opacity: .3;
	visibility: visible;
}
.infoSlide figure {
	background-color: #efefef;
	background-size: contain;
	padding-bottom: 70%;
}
.infoSlide p {
	background-color: #fff;
	color: #303030;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	padding-top: 10px;
	position: relative;
	transition:all 0.3s ease;
	z-index: 200;
}
.infoSlide a:hover p { color: #007dd4 }

/* general */
.bx-wrapper {
	position: relative;
	padding: 0;
	*zoom: 1;
}
.bx-wrapper img {
	max-width: 100%;
	display: block;
}
.bx-wrapper .bx-viewport {
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 20px;
	width: 100%;
}

/* LOADER */
.bx-wrapper .bx-loading {
	min-height: 50px;
	background: #fff url(../img/bx_loader.gif) no-repeat center center;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */
.bx-wrapper .bx-pager {
	color: #666;
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	bottom: 18px;
}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background-color: #fff;
	border-radius: 50%;
	display: block;
	text-align: center;
	text-indent: -9999px;
	width: 13px;
	height: 13px;
	margin: 0 5px;
	outline: 0;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active { background: #ea3401 }
.bx-wrapper .bx-pager.bx-default-pager a:focus,
.bx-wrapper .bx-pager.bx-default-pager a:focus.active { background: #292929 }

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-controls-direction a {
	background-color: #007dd4;
	border-radius: 50%;
	color: #fff;
	font: 24px/27px Verdana;
	height: 30px;
	position: absolute;
	text-align: center;
	top: 43%;
	transition:all 0.3s ease;
	transform: translateY(-50%);
	width: 30px;
	z-index: 9999;
}
.bx-wrapper .bx-prev { left: 8px }
.bx-wrapper .bx-next { right: 8px }
#wrapMultimedia .bx-wrapper .bx-controls-direction a {
	background-color: rgba(255,255,255,0.94);
	box-shadow: 0 0 12px rgba(8,8,8,0.18);
	color: #49b707;
	top: 50%;
}
#wrapMultimedia .bx-wrapper .bx-prev { left: 14px }
#wrapMultimedia .bx-wrapper .bx-next { right: 14px }
#wrapMultimedia .bx-wrapper .bx-controls-direction a:hover { background-color:#49b707; color: #fff }
.bx-wrapper .bx-controls-direction a:hover { background-color:#353535 }
.bx-wrapper .bx-controls-direction a.bx-next:hover { background-position: -27px -26px !important }
.bx-wrapper .bx-controls-direction a.disabled {
	background-color: rgba(62,62,62,0.8) !important;
	color: #fff !important;
	cursor: default;
	opacity: 0.7
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}
.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}


/* ----------- Magnific -----------*/
.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10042;
	overflow: hidden;
	position: fixed;
	background: #363636;
	opacity: 0.56;
	filter: alpha(opacity=56);
}
.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10043;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden;
}
.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
}
.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.mfp-align-top .mfp-container:before { display: none; }
.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045;
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto;
}
.mfp-ajax-cur { cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
}
.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none !important; }
.mfp-preloader {
	color: #CCC;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -0.8em;
	left: 8px;
	right: 8px;
	z-index: 1044;
}
.mfp-preloader a { color: #CCC; }
.mfp-preloader a:hover { color: #FFF; }
.mfp-s-ready .mfp-preloader { display: none; }
.mfp-s-error .mfp-content { display: none; }
button.mfp-close, button.mfp-arrow, i.mfp-close {
	background-color: transparent;
	overflow: visible;
	cursor: pointer;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
	-webkit-box-shadow: none;
	box-shadow: none;
}
i.mfp-close {
	font-size: .96em;
	line-height: 42px;
}
#modalBox2 button.mfp-close {
	background-color: rgba(255,255,255,0.9);
	border-radius: 0 0 0 14px;
}
button::-moz-focus-inner { padding: 0; border: 0 }
.mfp-close {
	width: 44px;
	height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	padding: 0 0 18px 10px;
	color: #FFF;
	font: normal 19px/44px Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); }
.mfp-close-btn-in .mfp-close { color: #999 }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
	color: #fff;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	text-shadow: 0 0 10px rgba(0,0,0,0.9);
	width: 100%;
}
.mfp-counter {
	color: #49b707;
	font-size: 12px;
	position: absolute;
	top: 7px;
	right: 10px;
	line-height: 18px;
	white-space: nowrap;
}
.mfp-arrow {
	position: absolute;
	opacity: 0.65;
	filter: alpha(opacity=65);
	margin: 0;
	top: 50%;
	margin-top: -55px;
	padding: 0;
	width: 90px;
	height: 110px;
	-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active { margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: medium inset transparent;
}
.mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}
.mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}
.mfp-arrow-left { left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; }
.mfp-arrow-right { right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }
.mfp-iframe-holder .mfp-close { top: -40px; }
.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #000;
}
/* Main image in popup */
img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	padding: 40px 0 40px;
	margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure { line-height: 0; }
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 14px rgba(41, 41, 41, 0.4);
    background: #444;
}
.mfp-figure small {
	color: #BDBDBD;
	display: block;
	font-size: 12px;
	line-height: 14px;
}
.mfp-figure figure { margin: 0; }
.mfp-bottom-bar {
	margin-top: -40px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto;
}
.mfp-title {
	background-color: #fff;
	box-shadow: 0 0 14px rgba(41, 41, 41, 0.4);
	color: #303030;
	font-size: 14px;
	font-weight: 400;
	text-align: left;
	min-height: 30px;
	line-height: 18px;
	word-wrap: break-word;
	padding: 8px 36px 10px 14px;
}
.mfp-image-holder .mfp-content { max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
	.mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
	.mfp-img-mobile img.mfp-img { padding: 0; }
	.mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
	.mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
	.mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; }
	.mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
	.mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
	.mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; }
}
@media all and (max-width: 900px) {
	.mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
	.mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
	.mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; }
	.mfp-container { padding-left: 6px; padding-right: 6px; }
}


/* ----------- modalBox -----------*/
#modalBox, .inlineBox {
	background: #fff;
	border-radius: 26px 0 26px 0;
	box-shadow: 0 0 20px rgba(64,64,64,0.4);
	margin: 26px auto;
	max-width: 600px;
	padding: 28px 32px;
	position: relative;
}
#modalBox.v2, .inlineBox { max-width: 400px }
#modalBox.v3 { max-width: 850px }
#modalBox.v4 { max-width: 1020px }
#modalBox.v5 { max-width: 680px }
#modalBox h1 span { background-color: #fff }
#modalBox h1.blue:before { display: none }
#modalBox h2 {
	font-size: 15px;
	margin-bottom: 10px;
	text-align: center;
	text-transform: uppercase;
}
#modalBox h3 {
	color: #ffa310;
	font-size: 24px;
	margin-bottom: 12px;
	text-align: center;
	text-transform: uppercase;
}
.inlineBox h5 {
	color: #49b707;
	font-size: 18px;
	margin-bottom: 10px;
	text-align: center;
}
#modalBox .col2 {
	box-shadow: none;
	min-height: initial;
	padding: 0;
	text-align: justify;
}
#modalBox.aCenter { text-align: center }
#modalBox form { margin-top:14px }
#modalBox input[type="text"], #modalBox textarea {
	border: 1px solid #d0d0d0;
	border-radius: 30px;
	color: #007dd4;
	margin: -1px 0 16px 0;
	padding: 9px 14px;
	width:100%;
}
#modalBox input[type="text"]:focus, #modalBox textarea:focus { border-color: #007dd4; outline:0 }
#modalBox textarea {
	border-radius: 10px 0 10px 0;
	margin-bottom:10px
}
#modalBox input[type="text"]::-webkit-input-placeholder, #modalBox textarea::-webkit-input-placeholder { color:#303030 }
#modalBox input[type="text"]::-moz-placeholder, #modalBox textarea::-moz-placeholder { color:#303030; opacity:1 }
#modalBox input[type="submit"] {
	background: #007dd4;
	border-radius: 10px 0 10px 0;
	color: #fff;
	display:inline-block;
	font-size: 15px;
	font-weight: 500;
	padding: 8px 36px;
	text-transform: uppercase;
	transition: all 0.4s ease;
}
#modalBox input[type="submit"]:hover,
#modalBox input[type="submit"]:focus { background:#1298f5 }
#modalBox .moreInfo {
	background-color: #292929;
	border-radius: 10px 0 10px 0;
	color: #fff;
	display: inline-block;
	font-weight: 400;
	margin-top: 14px;
	padding: 9px 22px;
}
#modalBox > figure {
	border:2px solid #49b707;
	border-radius: 50%;
	display: inline-block;
	height: 168px;
	margin-bottom: 4px;
	position: relative;
	transition:all 0.3s ease;
	top: 0px;
	width: 168px;
}

#modalBox2 {
	background: #fff;
	box-shadow: 0 0 20px rgba(64,64,64,0.4);
	display: table;
	margin: 26px auto;
	max-width: 980px;
	min-height: 550px;
	position: relative;
}
#modalBox2 .gCol1, #modalBox2 .gCol2 {
	display: inline-block;
	display: table-cell;
	position: relative;
}
#modalBox2 .gCol1 {
	background-color: #292929;
	height: 550px;
	vertical-align: middle;
	width: 60%;
	width: 576px;
}
#modalBox2 .gCol1 img {
	display: block;
	width: 100%
}
#modalBox2 .gCol1 iframe { border:none }
#modalBox2 .gCol1 .arrow {
	background-color: #fff;
	border-radius: 50%;
	box-shadow: 0 0 10px rgba(80,80,80,0.4);
	display: block;
	font-size: 24px;
	font-family: Verdana, Geneva, sans-serif;
	height: 32px;
	line-height: 30px;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translate(-50%, -50%);
	transition:all 0.3s ease;
	width: 32px;
}
#modalBox2 .gCol1 .arrow:hover {
	background-color: #49b707;
	color: #fff !important;
	opacity: 0.9;
}
#modalBox2 .gCol1 .arrow.prev { left: 30px }
#modalBox2 .gCol1 .arrow.next { right: 0px }

#modalBox2 .gCol2 {
	min-width: 372px;
	padding: 20px 26px 30px 26px;
	width: 40%;
}
#modalBox2 .gCol2 h2 {
	color: #49b707;
	font-size: 15px;
	line-height: 18px;
	margin-top: 20px;
}
#modalBox2 .gCol2 .department {
	color: #6f6f6f;
	font-size: 14px;
}
#imgComments.hasComments {
	max-height: 220px;
	margin-top: 12px;
	overflow-y: auto;
}
#imgComments p {
	background-color: #f7f7f7;
	border-bottom: 4px solid #fff;
	border-radius: 5px;
	font-size: 13px;
	line-height: 16px;
	padding: 10px 14px;
}
#imgComments p strong { margin-right: 1px }
#imgComments p span {
	color: #999999;
	display: block;
	font-size: 12px;
	font-style: italic;
	margin-top: 2px;
}
.iComments { margin-top: 16px }
.iComments input[type="text"],
.iComments textarea {
	border:1px solid #cdcdcd;
	color: #121212;
	display: block;
	font-size: 13px;
	height: 34px;
	margin-top: -1px;
	padding: 7px 8px;
	position: relative;
	width: 100%;
}
.iComments input[type="text"]:focus,
.iComments textarea:focus {
	border:1px solid #49b707;
	outline: 0;
	z-index: 100;
}
.iComments input[type="text"]:first-child { border-radius: 8px 0 0 0 }
.iComments input.captchaTxt {
	display: inline-block;
	vertical-align: top;
	width: 70%
}
.iComments input[type="text"]::-webkit-input-placeholder, .iComments textarea::-webkit-input-placeholder { color:#303030 }
.iComments input[type="text"]::-moz-placeholder, .iComments textarea::-moz-placeholder { color:#303030; opacity:1 }
.iComments input[type="submit"] {
	background-color: #49b707;
	border-radius: 0 0 8px 0;
	color: #fff;
	font-size: 13px;
	font-weight: 400;
	height: 33px;
	padding: 6px;
	text-transform: uppercase;
	transition:all 0.3s ease;
	width: 30%;
}
.iComments input[type="submit"]:hover,
.iComments input[type="submit"]:focus {
	background-color: #51c909;
	outline: 0;
}
@media only screen and (max-width:840px) {
	#modalBox2 { display: block; max-width: 520px }
	#modalBox2 .gCol1, #modalBox2 .gCol2 { display: block; height: auto; width: 100% }
}


/* ----------- generalForm -----------*/
.generalForm.v2 { font-size: 0 }
.loginWrap {
	margin: auto;
	max-width: 430px;
	text-align: center;
}
.generalForm label {
	cursor: pointer;
	display: block;
	font-size: 15px;
	padding: 3px 0;
	text-align: left;
}
.generalForm input[type="radio"], .generalForm input[type="checkbox"]{
	margin-right: 3px;
	position: relative;
	top: 1px;
}
.generalForm input.required span {
	display: block;
	position: absolute;
	z-index: 200;
}
.generalForm .title {
	color: #49b707;
	display: block;
	font-size: 13px;
	font-weight: 500;
	line-height: 15px;
	margin: 24px 0 0 2px !important;
	padding: 0;
	position: relative;
	text-align: left;
	text-transform: uppercase;
}
.generalForm .title .quest {
	color: #ababab;
	margin-left: 6px;
	transition:all 0.3s ease;
}
.generalForm .title .quest:hover { color: #007dd4 }
.generalForm .title2 {
	display: block;
	font-size: 14px;
	font-weight: 500;
	line-height: 15px;
	margin: 0 0 5px 2px;
	padding: 0;
	position: relative;
	text-align: left;
}
.generalForm .fcol1a .title { margin: 10px 0 0 2px }
.generalForm .title.errorT { color: #d9534f }
.generalForm .mandatory:before, .generalForm .mandatory2:before {
	content: "*";
	color: #ffa310;
	cursor: default;
	font-size: 20px;
	font-weight: 400;
	line-height: 0;
	margin-right: 5px;
	position: relative;
	top: 5px;
}
.generalForm .mandatory.errorT:before, .generalForm .mandatory2.errorT:before { color: #d9534f }
.generalForm.v2 .mandatory:before, .generalForm.v2 .mandatory2:before {
	left: -13px;
	top: -1px;
}
.generalForm.v2 .asteriskPad .mandatory:before { top: 3px }
.generalForm h3 { margin-bottom: 14px !important }

.generalForm input[type="text"],
.generalForm input[type="password"],
.generalForm textarea,
.generalForm select {
	background-color:#fff;
	border:1px solid #d0d0d0;
	border-radius: 4px;
	color: #303030;
	display: block;
	margin-top: 6px;
	padding:0 12px;
	position: relative;
	width:100%;
}
.generalForm input[type="file"] {
	border:1px solid #d0d0d0;
	border-radius: 4px;
	display: table;
	margin-top: 6px;
	padding:8px 12px;
}
.generalForm .mce-tinymce,
.generalForm .bootstrap-select {
	margin-top: 6px;
}
.generalForm input[type="text"]:disabled,
.generalForm input[type="password"]:disabled,
.generalForm textarea:disabled,
.generalForm select:disabled {
	background-color:#f9f9f9;
}
.generalForm .fcol1b input[type="text"] { margin-top: 10px }
.generalForm input[type="text"],
.generalForm input[type="password"],
.generalForm select {
	height: 36px;
}
.generalForm.tracing input[type="text"] {
	height: 34px;
	margin-top: 0;
}
.generalForm input[type="text"].errorColor,
.generalForm input[type="password"].errorColor,
.generalForm select.errorColor,
.generalForm textarea.errorColor {
	background-color: #fbeeed;
	border: 1px solid #d9534f !important;
}
.generalForm input[type="checkbox"].errorColor { background-image: url(../img/checkX.png) }
.generalForm.v2 input[type="text"], .generalForm.v2 textarea, .generalForm.v2 select {
	border:none;
	border:1px solid #d0d0d0;
	border-radius: 4px;
	height: auto;
	padding: 6px 8px;
}
.generalForm.v2 input.money, .generalForm.v2 input.numberOnly {
	background-image: url(../img/colon.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 15px;
	text-align: right
}
.generalForm.v2 input[type="text"]:read-only,
.generalForm.v2 textarea:read-only {
	background-color: #f7f7f7;
	color: #676767;
	font-weight: 500;
}
.generalForm.v2 input[type="text"]:-moz-read-only,
.generalForm.v2 textarea:-moz-read-only {
	background-color: #f9f9f9;
	color: #676767;
	font-weight: 500;
}
.generalForm select {
	background-image: url(../img/select2.png);
	background-repeat: no-repeat;
	background-position: center right;
	background-size: 19px;
	padding: 0 12px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-transform: initial;
	transition:all 0.3s ease;
}
.generalForm select:hover,
.generalForm select:focus {
	border-color: #49b707;
	outline: 0;
}
.generalForm.v2 select:disabled {
	background: #f9f9f9;
	border: 1px solid #eaeaea;
	font-weight: 500;
	padding: 6px 20px 6px 8px;
}
.generalForm select::-ms-expand { display: none }
.generalForm.v2 select {
	background-image: url(../img/select2.png);
	background-size: 19px;
	background-position: right center;
	padding: 6px 8px;
}
.generalForm textarea {
	border-radius: 4px 0 4px 0;
	padding: 8px 14px;
}
.generalForm input[type="text"]:focus, .generalForm textarea:focus {
	border: 1px solid #49b707;
	color: #121212;
	outline: 0;
}
.generalForm.v2 input[type="text"]:read-only { border:1px solid #e3e3e3 !important }
.generalForm input[type="submit"], .generalForm input[type="button"], .generalBtn {
	background: #49b707;
	border-radius: 10px 0 10px 0;
	color: #fff;
	display: block;
	font-family: 'Font Awesome 5 Free', 'Roboto';
	font-size: 15px;
	font-weight: 900;
	margin-top: 20px;
	padding: 8px 30px;
	transition:all 0.3s ease;
}
.generalForm input[type="submit"]:hover,
.generalForm input[type="button"]:hover,
.generalBtn:hover,
.generalForm input[type="submit"]:focus,
.generalForm input[type="button"]:focus {
	background-color:#51c909;
	color: #fff;
	outline: 0;
}
.generalForm input[type="submit"].inline,
.generalForm input[type="button"].inline,
.generalBtn.inline {
	border-radius: 20px;
	display: inline-block;
}
.generalForm input[type="submit"].save,
.generalForm input[type="button"].save,
.generalBtn.save {
	background-color: #ffa310;
	margin-left: 10px;
}
.generalForm input[type="submit"].save:hover,
.generalForm input[type="button"].save:hover,
.generalForm input[type="submit"].save:focus,
.generalForm input[type="button"].save:focus { background-color: #818181 }
.generalBtn.save:hover { background-color: #ffad2b }
.generalForm #code {
	background-repeat: no-repeat;
	padding-left: 134px;
}
.generalBtn.inline i { margin-right: 7px }

.generalForm .legend {
	color: #787a8a;
	font-size: .9em;
	font-style: italic;
	font-weight: 300;
	position: relative;
	top: -1px;
}
.generalForm .legend.v2 { margin-top: 5px }

.fBlock {
	position: relative;
}
.generalForm .legend2 {
	background: #3d3f41;
	border-radius: 5px;
	bottom: -43px;
	color: #fff;
	font-size: .95em;
	font-weight: 300;
	left: 0;
	line-height: 1.2em;
	opacity: 0;
	padding: 8px 12px;
	position: absolute;
	visibility: hidden;
	transition:all 0.3s ease;
	z-index: 1000;
}
.generalForm .legend2:after {
	bottom: 100%;
	left: 20px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #3d3f41;
	border-width: 5px;
	margin-left: -5px;
}
.fBlock:hover .legend2 {
	opacity: 1;
	visibility: visible;
}

#samelogo {
	margin: 8px 0;
}
#samelogo img {
	border: 1px solid #d4d4d4;
	border-bottom: none;
	max-width: 110px;
}
#samelogo .delete {
	border: 1px solid #ea3401;
	color: #ea3401;
	display: block;
	padding: 5px 0;
	text-align: center;
	width: 110px;
}

.divDocs a {
	color: #303030;
	display: inline-block;
	font-size: .92em;
	font-weight: 400;
	padding: 5px 0;
	position: relative;
	transition:all 0.3s ease;
}
.divDocs a span {
	border-bottom: 1px solid fff;
	padding-bottom: 1px;
	transition:all 0.3s ease;
}
.divDocs a:hover span { border-bottom: 1px solid #303030 }
.divDocs a.delete {
	color: #ea3401;
	margin-left: 10px;
	position: absolute;
	transition:all 0.3s ease;
}
.divDocs a:hover.delete { color: #007dd4 }
#fileLogo {
	border: 1px solid #d0d0d0;
	font-size: 15px;
	margin-top: 6px;
	padding: 10px 12px;
	width: 100%;
}
@media only screen and (max-width:620px) {
	.generalForm input[type="submit"], .generalForm input[type="button"] { margin-left: 0 !important; width: 100% }
}


/* ----------- whiteBox -----------*/
.whiteBox {
	background-color: #fff;
	box-shadow: 0 4px 20px rgba(8,8,8,0.09);
}
.whiteBox.curved { border-radius: 26px 0 26px 0 }


/* ----------- muniWrap -----------*/
#muniWrap {
	display: -ms-grid;
	-ms-grid-columns: 1fr 1fr 1fr 1fr;

	display: grid;
	grid-template-columns: repeat(4,1fr);
	position: relative;
	text-align: center;
	z-index: 10;
}
#muniWrap a {
	border-right: 1px solid #ddd;
	display: block;
	margin: 28px 0;
	position: relative;
}
#muniWrap a:nth-child(1) { -ms-grid-column: 1 }
#muniWrap a:nth-child(2) { -ms-grid-column: 2 }
#muniWrap a:nth-child(3) { -ms-grid-column: 3 }
#muniWrap a:nth-child(4) { border-right: none; -ms-grid-column: 4 }
#muniWrap figure {
	border:3px solid #49b707;
	border-radius: 50%;
	display: inline-block;
	height: 168px;
	position: relative;
	transition:all 0.3s ease;
	top: 0px;
	width: 168px;
}
#muniWrap a:hover figure { border-color: #c0c0c0; top:6px }
#muniWrap p.title {
	background-color: #338700;
	background-image: url(../img/muniWrapH2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-radius: 18px 0 18px 0;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	min-width: 200px;
	left: 50%;
	padding: 7px 14px;
	position: absolute;
	text-shadow: 0 0 6px rgba(46,46,46,0.3);
	transform: translateX(-50%);
	transition:all 0.3s ease;
	top:144px;
}
#muniWrap a:hover p.title { top:130px }
#muniWrap p {
	color: #303030;
	font-weight: 500;
	padding-top: 12px;
}
@media only screen and (max-width:1020px) {
	#muniWrap { display: block }
	#muniWrap a { border-right: none; display: inline-block; min-width: 260px; vertical-align: top }
}


/* ----------- infoWrap -----------*/
#infoWrap {
	display: -ms-grid;
	-ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr;

	display: grid;
	margin: auto;
	grid-gap: 30px;
	grid-template-columns: repeat(4,1fr);
	position: relative;
	z-index: 10;
}
#infoWrap div:nth-child(1) { -ms-grid-column: 1 }
#infoWrap div:nth-child(2) { -ms-grid-column: 3 }
#infoWrap div:nth-child(3) { -ms-grid-column: 5 }
#infoWrap div:nth-child(4) { -ms-grid-column: 7 }
#infoWrap h2 {
	background-color: #0071c0;
	background-image: url(../img/infoWrapH2.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 26px 0 0 0;
	color: #fff;
	font-size: 17px;
	height: 42px;
	line-height: 40px;
	text-align: center;
	text-shadow: 0 0 6px rgba(46,46,46,0.3);
	transition:all 0.3s ease;
}
#infoWrap h2 a {
	border-radius: 26px 0 0 0;
	color: #fff;
	display: block;
	transition:all 0.3s ease;
}
#infoWrap h2 a:hover {
	color: #ffc069;
}
#infoWrap h2 a i {
	margin-left: 11px
}
#infoWrap .wrapInfoSlide {
	border:12px solid #fff;
	border-radius: 0 0 26px 0;
}
@media only screen and (max-width:1020px) {
	#infoWrap { grid-template-columns: repeat(2,1fr); text-align: center }
	#infoWrap > div { max-width: 420px }
}
@media only screen and (max-width:896px) {
	#infoWrap { display: block }
	#infoWrap > div { margin: auto auto 30px auto }
}


/* ----------- linksWrap -----------*/
#linksWrap {
	display: -ms-grid;
	-ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr;

	display: grid;
	grid-template-columns: repeat(5,1fr);
	grid-gap: 30px;
	position: relative;
	z-index: 10;
}
#linksWrap a {
	display: block;
	top: 0px;
	position: relative;
	transition:all 0.3s ease;
}
#linksWrap a:nth-child(1) { -ms-grid-column: 1 }
#linksWrap a:nth-child(2) { -ms-grid-column: 3 }
#linksWrap a:nth-child(3) { -ms-grid-column: 5 }
#linksWrap a:nth-child(4) { -ms-grid-column: 7 }
#linksWrap a:nth-child(5) { -ms-grid-column: 9 }

#linksWrap figure {
	border-radius: 26px 0 0 0;
	margin-bottom: 14px;
	padding-bottom: 70%;
	transition:all 0.3s ease;
}
#linksWrap h2 {
	color: #ea3401;
	font-size: 17px;
	line-height: 20px;
	margin-bottom: 4px;
	padding: 0 15px;
	transition:all 0.3s ease;
}
#linksWrap p {
	color: #303030;
	font-size: 14px;
	padding: 0 15px 15px 15px;
	text-align: justify;
	transition:all 0.3s ease;
}
#linksWrap a:hover {
	background-color: #ea3401;
	top: 8px;
}
#linksWrap a:hover figure { opacity: 0.6 }
#linksWrap a:hover h2, #linksWrap a:hover p { color: #fff }
@media only screen and (max-width:1020px) {
	#linksWrap { grid-template-columns: repeat(1,1fr); text-align: center }
	#linksWrap a { margin: auto; max-width: 420px }
}
@media only screen and (max-width:896px) {
	#linksWrap figure { padding-bottom: 60% }
}


/* ----------- otherLinks -----------*/
#otherLinks {
	margin-top: 38px;
	position: relative;
	text-align: center;
	z-index: 2
}
#otherLinks a {
	background-color: #007dd4;
	background-image: url(../img/otherLinksA.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 8px;
	color: #fff;
	display: inline-block;
	font-weight: 500;
	margin-right: 15px;
	padding: 8px 16px 10px 42px;
	position: relative;
	transition:all 0.3s ease;
	top: 0px;
	vertical-align: top;
}
#otherLinks a:hover {
	background-color: #007dd4;
	background-image: none;
	top: 6px
}
#otherLinks a:focus {
	background-color: #007dd4;
	background-image: none;
	outline: none;
}
#otherLinks a svg {
	left: 16px;
	position: absolute;
	top: 9px;
}
#otherLinks p { display: inline-block }

aside #otherLinks a {
	background-color: #fff;
	background-image: none;
	box-shadow: 0 4px 20px rgba(8,8,8,0.09);
	color: #303030;
	font-size: 14px;
	font-weight: 400;
	margin: 0 0 14px 0;
	max-width: 600px;
	padding: 10px 14px 10px 42px;
	text-align: left;
	width: 100%;
}
aside #otherLinks a:hover, aside #otherLinks a:focus {
	background-color: #ffa310;
	color: #fff;
	top: 0
}
aside #otherLinks a svg { left: 14px; top: 10px }
aside #otherLinks a:hover path,
aside #otherLinks a:hover rect,
aside #otherLinks a:focus path,
aside #otherLinks a:focus rect { fill: #fff }
@media only screen and (max-width:1100px) {
	#otherLinks a { margin: 0 15px 20px 15px; max-width: 400px; text-align: left; width: 100% }
}
@media only screen and (max-width:692px) {
	#otherLinks a, aside #otherLinks a { margin: 0 0 20px 0 }
}


/* ----------- insideBanner -----------*/
#insideBanner {
	background-color: #dfdfdf;
	background-position: top center;
	background-size: cover;
	height: 480px;
	left: 0px;
	position: absolute;
	top: 218px;
	width: 100%;
	z-index: 0;
}
#insideBanner.fixed {
	background-color: transparent;
	position: fixed;
	top: 0;
}
#insideBanner:before {
	background-image: linear-gradient(rgba(239,239,239,0), rgba(239,239,239,1));
	bottom: 0;
	content: "";
	height: 80%;
	left: 0;
	position: absolute;
	width: 100%;
}
#insideBanner:after {
	background-image: linear-gradient(rgba(41,41,41,.7), rgba(41,41,41,0));
	content: "";
	height: 200px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
@media only screen and (max-width:1020px) {
	#insideBanner { top: 180px }
}
@media only screen and (max-width:960px) {
	#insideBanner { top: 151px }
}
@media only screen and (max-width:1070px) {
	#insideBanner.fixed { position: absolute; top:156px }
}
@media only screen and (max-width:450px) {
	#insideBanner { height: 280px }
}


/* ----------- layout -----------*/
#mainContent {
	margin: 64px 0 74px 0;
	position: relative;
	z-index: 400;
}
#mainContent.v2 { margin: 74px 0 0 0 }
#mainContent.v3 {
	margin: 61px auto 0 auto;
	min-height: 200px;
	max-width: 680px;
	text-align: justify;
}
aside {
	background-color: #fff;
	box-shadow: 0 4px 20px rgba(8,8,8,0.09);
	display: inline-block;
	padding: 26px;
	position: relative;
	vertical-align: top;
}
.col1 {
	display: inline-block;
	margin: 66px 4% 0 0;
	position: relative;
	vertical-align: top;
	width: 21%;
	z-index: 2000;

	position: -webkit-sticky;
	position: sticky;
	top: 40px;
}

.midCol {
	border-radius: 26px 0 26px 0;
	display: inline-block;
	margin: 10px 4% 0 0;
	position: relative;
	text-align: justify;
	width: 51%;
}
.midCol.v2 {
	margin-right: 0;
	width: 75%;
}
.midCol.v3 {
	margin-right: 0;
	width: 100%;
}

.col2 {
	background-color: #fff;
	box-shadow: 0 4px 20px rgba(8,8,8,0.09);
	min-height: 400px;
	padding: 26px 30px;
	position: relative;
}
.col2.nmh { min-height: auto }
.col2.flat {
	box-shadow: none;
	min-height: 0;
	padding: 26px 0 0 0;
}
.col2.grey {
	background-color: #efefef;
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 33%, rgba(239,239,239,1) 100%);
	min-height: 400px;
}
.col2.black { background-color: rgba(41,41,41,0.7) }
#mainContent h1 {
	background-color: rgba(41,41,41,0.92);
	border-radius: 26px 0 0 0;
	color: #fff;
	font-size: 1.7em;
	font-weight: 400;
	left: 0px;
	padding: 12px 28px 14px 28px;
	position: relative;
	width: 100%;
}
#mainContent h1.back { padding: 12px 66px 14px 66px }
#mainContent h1.v2 {
	background-color: rgba(255,255,255,0.92);
	border-bottom: 1px solid #dedede;
	color: #0071c0;
	font-weight: 400;
}
#mainContent h1 .help {
	color: #ffc039;
	display: table;
	font-size: .6em;
	margin: 8px auto 0 auto;
	letter-spacing: .5px;
	text-transform: uppercase;
}
#mainContent h1 .help i {
	margin-right: 6px;
}
#mainContent h1 .help span {
	background-color: initial;
	padding: 0;
}
#mainContent h1 .help span:hover {
	border-bottom: 1px solid #ffc039;
}
.col2 h1.nameTxt {
	font-size: 15px;
	text-transform: none;
}
#mainContent h1 .favorite {
	background-color: transparent;
	cursor: pointer;
	height: 20px;
	line-height: 15px;
	padding: 0;
	position: absolute;
	right: 9px;
	top: 9px;
	width: 20px;
}
#mainContent h1 .favorite:before {
	color: #ffa310;
	content: "\f005";
	font-family: "Font Awesome 5 Free";
	font-size: .64em;
	font-weight: 400;
	transition:all 0.3s ease;
}
#mainContent h1 .favorite:hover:before,
#mainContent h1 .favorite.current:before { font-weight: 900 }
#mainContent h1:before, #divCalendar h1:before { display: none }
.col2 h2 {
	color: #49b707;
	font-size: 1.68em;
	line-height: 29px;
	text-align: center;
}
.col2 h2 .fa-exclamation-triangle {
	font-size: 2.2em;
	margin: 40px 0 14px 0;
}
.col2.grey h2 { text-align: center }
.col2 h2.blue { color: #007dd4 }
.col2 h2.black { color: #303030 }

.col2 h3 {
	color: #49b707;
	font-size: 1.35em;
	font-weight: 500;
	padding: 35px 0 0 0;
	position: relative;
	text-align: left;
	top: 10px;
}
.col2 h3.v2 {
	margin-top: 20px;
}
.col2 h3:before {
	background-color: #e1e1e1;
	content: "";
	height: 1px;
	left: 0;
	margin-top: -23px;
	position: absolute;
	width: 100%;
}
.col2 h3:first-of-type { padding: 0; top: 0 }
.col2 > p:last-of-type + .generalForm h3:first-of-type { padding: 35px 0 0 0 }
.col2 h3:first-of-type:before { display: none }
.col2 h3 + p:first-of-type { margin-top: 9px }
.col2 > p + h3:first-of-type { padding: 35px 0 0 0; top: 10px }
.col2 > p + h3:first-of-type:before { display: block }

.col2 h3.v2:before { display: none }
.col2 h3.docs {
	background-color: rgba(41,41,41,0.86);
	border-radius: 12px 0 0 0;
	color: #fff;
	font-size: 15px !important;
	font-weight: 400;
	margin: 22px 0 0 0;
	padding: 6px 0;
	text-align: center;
	text-transform: uppercase;
	top: 0;
}
.col2 h3.docs:before { display: none }
.col2 h4 {
	font-size: 14.5px;
	margin-top: 20px;
	position: relative;
	text-transform: uppercase;
	top: 15px;
}
.col2 h4.v2 {
	color: #49b707;
	font-size: 18px;
	margin-bottom: 10px;
	position: relative;
	text-transform: uppercase;
}
.col2 h4.v3 {
	color: #49b707;
	font-size: 18px;
	margin-bottom: 10px;
	position: relative;
	text-transform: uppercase;
	top: 3px;
}
blockquote h4:first-of-type { margin-top: 0 }
#contentTruncate { display: none }
.col2 h5 {
	color: #49b707;
	cursor: pointer;
	font-size: 15px;
	font-weight: 500;
	height: 20px;
	margin-top: 16px;
	position: relative;
	text-align: center;
	transition:all 0.2s ease;
}
.col2 h5:hover { font-size: 16px }
.col2 h5 span:before { content: "Leer m\00e1s..." }
.col2 h5.open, .col2 h5.open:hover { color: #b0b0b0 }
.col2 h5.open span:before { content: "Leer menos" }
.col2 h5:before {
	background-image: url(../img/degradation.png);
	background-position: bottom;
	background-repeat: repeat-x;
	content: "";
	cursor: pointer;
	height: 90px;
	left: -2px;
	position: absolute;
	top: -91px;
	width: 101%;
}
.col2 h5.open:before { display: none }

.col2 > p, .subcol2 > p, .col2 blockquote > p, #contentTruncate > p {
	line-height: 1.45em;
	margin-top: 20px;
}
.col2 > p.v2, #contentTruncate > p.v2 { margin-top: 0 }
.col2.maxP > p {
	margin: 20px auto 0 auto;
	padding: 0 20px;
	text-align: justify;
}
.col2 blockquote { margin-bottom: 20px }
.col2 > :first-child, .col2 blockquote > p:first-child {
	margin-top: 0 !important;
}
.col2 > p:first-of-type { margin-top: 0 }
#mainContent.v3 .col2 > p:first-of-type { margin-top: 20px }
.col2 > ul, .subcol2 > ul, .col2 blockquote > ul, #contentTruncate > ul,
.col2 > ol, .subcol2 > ol, .col2 blockquote > ol, #contentTruncate > ol {
	margin-top: 20px;
}
.col2 blockquote > ul:first-child { margin-top: 0 }
.col2 > ul li, .subcol2 > ul li, blockquote > ul li, #contentTruncate > ul li {
	padding: 2.5px 0 2.5px 25px;
	position: relative;
}
.col2 > ul li a, .subcol2 > ul li a, blockquote > ul li a, #contentTruncate > ul li a { color: #454545 }
.col2 > ul li a:hover, .subcol2 > ul li a:hover, blockquote > ul li a:hover, #contentTruncate > ul li a:hover { color: #49b707 }
.col2 > ol li, .subcol2 > ol li, blockquote > ol li, #contentTruncate > ol li {
	padding: 2.5px 0 2.5px 0;
	position: relative;
}
.col2 > ul li:before, .subcol2 > ul li:before, blockquote > ul li:before, #contentTruncate > ul li:before {
	background-color: #49b707;
	border-radius: 50%;
	content: "";
	height: 6px;
	left: 12px;
	position: absolute;
	top: 10px;
	width: 6px;
}

.col2 .img100 {
	border-radius: 22px 0 0 0;
	display: block;
	margin-top: 20px;
	overflow: hidden;
	width: 100%;
}
.col2 .imgLeft, .col2 .imgRight {
	display: block;
	width: 48%
}
.col2 img {
	vertical-align: top;
	width: 100%
}
.col2 .imgLeft {
	float: left;
	margin: 23px 24px 20px 0;
}
.col2 .imgRight {
	float: right;
	margin: 23px 0 20px 24px;
}
.col2 .imgLeft img { border-radius: 0 22px 0 0 }
.col2 .imgRight img { border-radius: 22px 0 0 0 }
.col2 .imgRight:before, .col2 .imgLeft:before {
	background-color: #fff;
	content: "";
	height: 100%;
	position: absolute;
	top: 0;
	width: 24px;
}
.col2 .imgRight:before { left: -24px }
.col2 .imgLeft:before { right: -24px }
.col2 .imgLeft, .col2 .imgRight, .col2 .img100 {
	position: relative;
	transition:all 0.3s ease;
	z-index: 100;
}
.col2 .imgLeft:hover, .col2 .imgRight:hover, .col2 .img100:hover { opacity: 0.85 }

.col2 .embed-container { margin-top: 20px }

.col2 > table, #contentTruncate > table {
	margin-top: 30px;
	width: 100% !important;
}
.col2 > table caption, #contentTruncate > table caption {
	color: #49b707;
	font-size: 17px;
	font-weight: 500;
	padding-bottom: 10px;
	text-transform: uppercase;
}
.col2 > table th, #contentTruncate > table th {
	background-color: #49b707;
	border-bottom: 1px solid #49b707;
	border-right: 1px solid #49b707;
	color: #fff;
	font-weight: 500;
	padding: 6px 10px;
	text-align: center;
}
.col2 > table th:first-child, #contentTruncate > table th:first-child { border-radius: 14px 0 0 0 }
.col2 > table td, #contentTruncate > table td {
	border: 1px solid #49b707;
	border-style: none solid solid none;
	font-size: 14px;
	padding: 6px 10px;
	text-align: left;
}
.col2 > table tr:first-child td, #contentTruncate > table tr:first-child td { border-top-style: solid }
.col2 > table tr td:first-child, #contentTruncate > table tr td:first-child { border-left-style: solid }

.col2 > table tr:last-child td:last-child, #contentTruncate > table tr:last-child td:last-child { border-radius: 0 0 14px 0 }
.col2 > table td h4:first-of-type, #contentTruncate > table td h4:first-of-type { top: 0 }
.col2 > table ul, #contentTruncate > table ul { margin: 20px 0 4px 0 }
.col2 > table ul:first-of-type, #contentTruncate > table ul:first-of-type { margin: 0 0 4px 0 }
.col2 > table ul li, #contentTruncate > table ul li {
	padding: 2px 0 2px 14px;
	position: relative;
}
.col2 > table ul li:before, #contentTruncate > table ul li:before {
	background-color: #49b707;
	content: "";
	height: 1px;
	left: 0px;
	position: absolute;
	top: 12px;
	width: 6px;
}

aside {
	background-color: transparent;
	box-shadow: none;
	padding: 0;
	width: 20%;

	position: -webkit-sticky;
	position: sticky;
	top: 12px;
}
aside.fixed {
	max-width: 243px;
	position: fixed;
	top: 12px;
}
.subcol1, .subcol2 {
	display: inline-block;
	vertical-align: top;
}
.subcol1 {
	padding-right: 26px;
	width: 38%
}
.subcol2 { width: 62% }

.payBanner {
	background-color: #e7e7e7;
	/*background-image: url(../img/payBanner.jpg);*/
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 210px;
	position: relative;
	width: 100%;
}
.payBanner .gradient {
	background-color: #26292e;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 304px;
}
.payBanner .gradient:before {
	background-image: linear-gradient(to right, rgba(38,41,46,1), rgba(38,41,46,0));
	content: "";
	height: 100%;
	left: 304px;
	position: absolute;
	top: 0;
	width: 240px;
}
.payBanner:after {
	background-color: rgba(41,41,41,0.4);
	content: "";
	display: none;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.payBanner p {
	color: #fff;
	font-size: 1.2em;
	font-weight: 400;
	left: 0;
	line-height: 1.4em;
	max-width: 310px;
	padding: 16px 0 16px 46px;
	position: absolute;
	text-align: left;
	text-shadow: 0 0 10px rgba(41,41,41,0.5);
	top: 50%;
	transform: translateY(-50%);
	z-index: 100;
}
@media only screen and (max-width:1400px) {
	aside.fixed { position: relative !important }
}
@media only screen and (max-width:1070px) {
	.col1 { width: 29% }
	.midCol, .midCol.v2 { margin-right: 0; width: 67% }
	aside { display: block; width: 100% }
	aside.fixed { margin: auto; max-width: 600px; position: relative; top: 2px; width: 100% }
}
@media only screen and (max-width:1020px) {
	.col1 { display: none }
	.col1.tran { display: block; margin: -88px 0 10px 0; position: absolute }
	.col2 { min-height: auto; min-width: auto !important }
	.col1, .midCol, .midCol.v2, aside { width: 100% }
	#mainContent, #mainContent.v2 { margin: 64px 0 0 0 }
	#mainContent.tran { margin: 58px 0 34px 0 }
}
@media only screen and (max-width:840px) {
	#mainContent, #mainContent.v2 { margin: 20px 0 0 0 }
	#mainContent.tran { margin: 58px 0 0 0 }
}
@media only screen and (max-width:800px) {
	#mainContent h1 { font-size: 1.4em }
	.col2.maxP > p { padding: 0; width: 100% }
}
@media only screen and (max-width:740px) {
	.subcol1, .subcol2 { padding-right: 0; width: 100% }
	.subcol1 { margin-bottom: 30px }
}
@media only screen and (max-width:580px) {
	.col1 { padding: 20px }
	.col1.tran { padding: 0 }
	.col2 { padding: 20px 24px }
	.payBanner:after { display: block }
	.payBanner .gradient { display: none }
}

#wrapSubmenu {
	background-color: #fff;
	border-radius: 0 26px 0 26px;
	box-shadow: 0 4px 20px rgba(8,8,8,0.09);
	padding: 14px 24px;
}
#wrapSubmenu.v2 {
	background-color: rgba(41,41,41,0.86) !important
}
#wrapSubmenu.fixed {
	max-width: 255px;
	position: fixed;
	top: 40px;
	width: inherit;
}
#wrapSubmenu p {
	display: none;
	font-weight: 400;
	text-transform: uppercase;
}
#wrapSubmenu p:after {
	content: "+";
	color: #fff;
	font-size: 23px;
	font-weight: 300;
	height: 20px;
	line-height: 19px;
	position: absolute;
	right: 22px;
	text-align: center;
	top: 13px;
	width: 20px;
}
#wrapSubmenu p.symbol:after { content: "-" }

#submenu > li > a {
	border-top: 1px solid #e1e1e1;
	color: #303030;
	display: block;
	font-size: 13.5px;
	line-height: 17.6px;
	padding: 8px 0 8px 0;
	position: relative;
	text-decoration: none;
	transition:all 0.3s ease;
}
#submenu > li > a:not([href]) {
	color: #303030 !important;
	cursor: default;
}
#submenu > li:first-child > a { border-top: none }
#submenu > li > a:hover { color: #49b707 }
#submenu > li > a.current {
	color: #303030;
	cursor: default;
	font-weight: 500;
}
#submenu > li > a:before {
	content: "";
	display: none;
	height: 35px;
	left: -30px;
	position: absolute;
	top: -1px;
	transition:all 0.3s ease;
	width: 6px;
}
#submenu > li > a.current:before {
	background-color: #49b707 !important;
	display: block
}
#submenu > li > a:hover:before {
	background-color: rgba(80,80,80,0.5);
	display: block;
}
#submenu > li > ul { margin-bottom: 9px }
#submenu > li > ul > li > a {
	color: #303030;
	display: block;
	font-size: 13px;
	font-weight: 400;
	line-height: 15px;
	padding: 2.5px 0 2.5px 13px;
	position: relative;
	transition:all 0.3s ease;
}
#submenu > li > ul > li > a.current {
	color: #49b707;
	font-weight: 500;
}
#submenu > li > ul > li > a:hover { color: #49b707 }
#submenu > li > ul > li > a:before {
	background-color: #49b707;
	content: "";
	height: 6px;
	left: 0px;
	position: absolute;
	top: 7px;
	width: 6px;
}
#submenu > li > ul > li > a:not([href]) {
	color: #303030 !important;
	cursor: default;
}
#submenu > li > ul > li > ul { margin-bottom: 6px }
#submenu > li > ul > li > ul > li > a {
	color: #303030;
	display: block;
	font-size: 13px;
	line-height: 15px;
	padding: 1px 0 1px 26px;
	position: relative;
	transition:all 0.3s ease;
}
#submenu > li > ul > li > ul > li > a.current {
	color: #49b707;
	font-weight: 500;
}
#submenu > li > ul > li > ul > li > a:hover { color: #49b707 }
#submenu > li > ul > li > ul > li > a:before {
	content: "";
	background-color: #49b707;
	height: 2px;
	left: 13px;
	position: absolute;
	top: 8px;
	width: 6px;
}
#submenu > li > ul > li > ul > li > ul {
	margin: 4px 0 6px 0;
}
#submenu > li > ul > li > ul > li > ul > li > a {
	color: #303030;
	display: block;
	font-size: 13px;
	line-height: 17px;
	padding: 1px 0 1px 36px;
	position: relative;
	transition:all 0.3s ease;
}
#submenu > li > ul > li > ul > li > ul > li > a.current {
	color: #49b707;
	font-weight: 500;
}
#submenu > li > ul > li > ul > li > ul > li > a:hover { color: #49b707 }
#submenu > li > ul > li > ul > li > ul > li > a:before {
	content: "";
	background-color: #49b707;
	height: 3px;
	left: 26px;
	position: absolute;
	top: 8px;
	width: 3px;
}

#submenu2 > li > p {
	border-top: 1px solid #55595a;
	display: block;
	position: relative;
	text-transform: initial;
}
#submenu2 > li > p:after { display: none }
#submenu2 > li > p a {
	color: #fff;
	display: block;
	font-size: 14.5px;
	font-weight: 500;
	margin-left: 26px;
	padding: 13px 0;
	transition:all 0.3s ease;
}
#submenu2 > li > p:hover a,
#submenu2 > li > p a.current { color: #ffc91d }
#submenu2 > li:first-child > p { border-top: none }
#submenu2 > li > p i {
	color: #ffc91d;
	cursor: pointer;
	font-style: normal;
	left: -5px;
	padding: 4px 6px;
	position: absolute;
	top: 9px;
	transition:all 0.3s ease;
}
#submenu2 > li > p i:hover { color: #5ebdff }
#submenu2 > li > p i.plus:after {
	content: "\f0fe";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}
#submenu2 > li > p i.arrow:after {
	content: "\f192";
	color: #6d6f74;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}
#submenu2 > li > p i.symbol:after {
	color: #5ebdff;
	content: "\f146";
}
#submenu2 > li > p i.symbol + a { color: #ffc91d }
#submenu2 > li > p span {
	color: #b3b8bb;
	font-weight: 300;
	padding-left: 2px;
}
#submenu2 > li > ul {
	display: none;
	margin-bottom: 14px
}
#submenu2 > li > ul > li > a {
	color: #fff;
	display: block;
	font-size: 14px;
	padding: 5px 0 5px 40px;
	position: relative;
	transition:all 0.3s ease;
}
#submenu2 > li > ul > li > a span {
	border-bottom: 1px solid rgba(255,255,255,0);
	padding-bottom: 1px;
	transition:all 0.3s ease;
}
#submenu2 > li > ul > li > a:hover span,
#submenu2 > li > ul > li > a.current span { border-bottom: 1px solid rgba(255,255,255,0.6) }
#submenu2 > li > ul > li > a:before {
	background-color: #fff;
	content: "";
	height: 1px;
	left: 26px;
	position: absolute;
	top: 13px;
	width: 6px;
}

@media only screen and (max-width:1020px) {
	#wrapSubmenu p { display: block }
	#wrapSubmenu.v2 { display: none }
	.col1.tran #wrapSubmenu { background-color: rgba(73,183,7,0.97); border-radius: 8px; color: #fff }
	.col1.tran #submenu > li:first-child > a { border-top: 1px solid #42a009; margin-top: 8px }
	.col1.tran #submenu { display: none }
	.col1.tran #submenu > li > a { border-color: #42a009; color: #fff }
	#submenu > li > a:before { left: -24px; width: 3px }
	#submenu > li > a.current:before { background-color: #686868 !important }
}

.accordion > a:after {
	color:#49b707;
	content:"+";
	cursor:pointer;
	font-size:22px;
	font-weight: 400;
	line-height: 20px;
	height:22px;
	position:absolute;
	right:0;
	text-align:center;
	top:6px;
	width:12px;
}
.accordion > a.symbol:after {
	content:"-";
	color: #bdbdbd;
}
.accordion a.symbol {
	color:#49b707 !important;
	font-weight: 500;
}
.accordion .content { display:none }

#tabs {
	margin-top: 20px;
	position: absolute;
	right: 25px;
	z-index: 400;
}
#tabs a {
	background-color: #ebebeb;
	border:1px solid #fff;
	color: #303030;
	display: inline-block;
	font-size: 11.5px;
	padding: 4px 9px;
	position: relative;
	transition:all 0.3s ease;
}
#tabs a:hover {
	background-color: #737373;
	color: #fff;
}
#tabs a.current {
	background-color: #49b707;
	color: #fff;
}
#tabs a:focus,
#tabs a:focus.current {
	background-color: #292929;
	color: #fff;
	outline: none;
}
#tabs a:nth-child(1) { border-radius: 5px 0 0 5px }
#tabs a:nth-child(2) {
	border-left: none;
	border-radius: 0 5px 5px 0
}
@media only screen and (max-width:580px) {
	#tabs { right: 30px }
}

#wrapMultimedia.v2 { margin-top: 0 }
.photoSlider a,
.photoSlider2 a,
.photoSlider3 a,
.photoSlider4 a {
	display: block;
	height: 378px;
	position: relative;
	transition:all 0.3s ease;
}
.photoSlider3 a,
.photoSlider4 a {
	background-color: rgba(255,255,255,0.5);
	height: auto !important;
}
.photoSlider a i,
.photoSlider2 a i,
.photoSlider3 a i,
.photoSlider4 a i {
	color: #fff;
	font-size: 60px;
	left: 50%;
	position: absolute;
	text-shadow: 0 0 20px rgba(62,62,62,0.4);
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1000;
}
.photoSlider a:hover,
.photoSlider2 a:hover,
.photoSlider a:focus,
.photoSlider2 a:focus { filter: brightness(1.1) }

.photoSlider3 a img,
.photoSlider4 a img {
	display: block;
	margin: auto;
	max-width: 100%;
	max-height: 429px;
}
.photoSlider a p,
.photoSlider2 a p,
.photoSlider3 a p,
.photoSlider4 a p {
	background-color: rgba(73,183,7,0.9);
	border-bottom: 1px solid #49b707;
	bottom: 0px;
	color: #fff;
	font-size: 13px;
	font-weight: 300;
	line-height: 16px;
	margin-bottom: 0px;
	padding: 12px 14px;
	position: absolute;
	width: 100%;
}
.photoSlider3 a p,
.photoSlider4 a p {
	background-color: rgba(73,183,7,1);
	position: relative !important;
}
@media only screen and (max-width:600px) {
	.photoSlider a, .photoSlider2 a { height: 318px }
}
@media only screen and (max-width:500px) {
	.photoSlider a, .photoSlider2 a { height: 250px }
}
@media only screen and (max-width:460px) {
	.photoSlider a, .photoSlider2 a { height: 220px }
}

#poll {
	background-color: #fff;
	border-radius: 0 26px 0 26px;
	box-shadow: 0 4px 20px rgba(8,8,8,0.09);
	margin-top: 66px;
	padding: 20px 24px;
	position: relative;
}
#poll.v2 {
	box-shadow: none;
	margin-top: 4px;
	padding: 0;
}
aside h4 {
	background-color: rgba(41,41,41,0.86);
	border-radius: 0 26px 0 26px;
	color: #fff;
	font-size: 15px;
	font-weight: 400;
	height: 55px;
	line-height: 32px;
	margin-bottom: 10px;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 35px;
	width: 100%;
	z-index: 0;
}
#poll p {
	color: #ffa310;
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	text-align: center;
}
#modalBox.v2 #poll p { font-size: 16px }
#poll form {
	border-bottom: 1px solid #e1e1e1;
	border-top: 1px solid #e1e1e1;
	margin-top: 10px;
	padding: 10px 0;
	text-align: center;
}
#poll form input {
	margin-right: 4px;
	top: 1px;
	position: relative;
}
#poll form input[type="radio"] {
	height: 13px;
	width: 13px;
}
#poll form input[type="radio"]:checked {
	background-color: #ffa310;
	box-shadow: 0 0 1px 1px rgba(15,15,15,0.3)
}

#poll form label {
	cursor: pointer;
	display: block;
	font-size: 14px;
	padding: 2px 0;
	text-align: left;
	transition:all 0.3s ease;
}
#poll form label:hover { color: #ffa310 }
#poll .button {
	background-color: #989898;
	border-radius: 4px;
	border: 1px solid #989898;
	color: #fff;
	display: inline-block;
	font-size: 13.5px;
	font-weight: 500;
	margin: 18px 0 0 0;
	padding: 5px 11px;
	transition:all 0.3s ease;
	vertical-align: top;
}
#poll .button:hover {
	background-color: #aaaaaa;
	color: #fff;
}
#poll .button.vote {
	background-color: #ffa310;
	border: 1px solid #ffa310;
	margin-right: 6px;
}
#poll .button.vote:hover {
	background-color: #ffad2b;
	border: 1px solid #ffad2b;
	color: #fff;
}
#pollResult {
	font-size: 13px;
	margin-top: 20px;
}
#pollResult .pTitle { font-weight: 400 }
#pollResult .pTitle span {
	color: #7f7f7f;
	font-weight: 300
}
#pollResult .pRow {
	margin-bottom: 8px;
	position: relative;
	text-align: right;
}
#pollResult .pRow span {
	background-color: #eee;
	height: 9px;
	position: absolute;
	left: 0px;
	top: 5px;
	width: 75%;
}
#poll.v2 #pollResult .pRow span { width: 85% }
#pollResult .pRow span em {
	background-color: #ffa310;
	height: 9px;
	left: 0px;
	position: absolute;
	top: 0px;
}
@media only screen and (max-width:1210px) {
	#poll .button { font-size: 12px; padding: 3px 9px }
}
@media only screen and (max-width:1070px) {
	#poll { margin: 70px auto 0 auto }
	aside h4 { top:-33px }
}


/* ----------- Calendar -----------*/
#divCalendar {
	padding: 26px;
	position: relative;
}
#divCalendar h2 {
	display: inline-block;
	font-size: 24px;
	margin-bottom: 15px;
	text-align: left;
	text-transform: none;
}
#calMonths {
	border-top: 1px solid #ddd;
	padding: 15px 0px;
	text-align: center;
}
#calMonths li { display: inline }
#calMonths li a {
	color: #a0a0a0;
	cursor: pointer;
	display: inline-block;
	font-size: 15px;
	font-weight: 500;
	padding: 0px 14px;
	text-align: center;
}
#calMonths li em {
	display: none;
	font-style: normal;
}
#calMonths li:hover a, #calMonths li.current a { color: #fead04 }

#catYear {
	float: right;
	position: relative;
	text-align: right;
}
.calCategory { margin-right: 2px }
.calCategory, .calYear {
	display: inline-block;
	margin-top: -4px;
	position: relative;
}
.calCategory select, .calYear select {
	background: #f0f0f0;
	padding: 7px 10px;
}

#calDays {
	background-color: #0089d7;
	border-radius: 10px 0 0 0;
	padding: 12px 0px;
}
#calDays li {
	color: #FFF;
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	width: 14.28%;
}
#calDays li.current { color: #3761b5 }

#calendar {
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
}
#calendar li {
	display: inline-block;
	color: #a0a0a0;
	font-size: 17px;
	height: auto;
	min-height: 156px;
	position: relative;
	vertical-align: top;
	width: 14.28%;
}
#calendar li:before, #calendar li:after {
	content: '';
	position: absolute;
	top: 0px;
}
#calendar li:before {
	border-top: 1px solid #ddd;
	left: 0px;
	width: 500%;
}
#calendar li:after {
	border-right: 1px solid #ddd;
	height: 300%;
	right: 0px;
	width: 1px;
}
#calendar p { padding: 7px 0 5px 12px }
#calendar p > span {
	color: #7e7e7e;
	padding-right: 5px;
	display: none;
}
#calendar li a {
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	border-radius: 16px 0 16px 0;
	color: #303030;
	display: block;
	margin: 2px 0;
	padding: 12px 14px;
	text-align: center;
	transition: all 0.3s ease;
}
#calendar li a:hover { color: #fff !important }
#calendar li a span {
	color: #555555;
	display: block;
	font-size: 11px;
	padding-top: 3px;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
#calendar li a:hover span { color: #fff }
#calendar li a span:after {
	content: "";
	display: block;
	height: 2px;
	margin: 6px auto 0 auto;
	transition: all 0.3s ease;
	width: 24%;
}
#calendar li a:hover, #calendar li a span:after { background-color: #303030 }
#calendar li a:hover span:after { background-color: #fff }

#calendar figure {
	background-color: #ddd;
	border-radius: 50%;
	display: inline-block;
	height: 72px;
	margin-bottom: 2px;
	width: 72px;
}
#calendar h3 {
	font-size: 14px;
	font-weight: 500;
	line-height: 17px;
}
#calendar em {
	color: #303030;
	display: block;
	font-size: 13px;
	padding-bottom: 3px;
	transition: all 0.3s ease;
}
#calendar a:hover em { color: #fff }

.catCal {
	color: #b9b9b9;
	display: block;
	font-size: 13px;
	font-style: normal;
	line-height: 17px !important;
	margin-top: 0px !important;
	text-transform: uppercase;
}
.calInfo {
	border-bottom: 1px solid #e1e1e1;
	font-weight: 500;
	margin-top: 0px !important;
	padding: 8px 0;
}
.calInfo .title {
	color: #a7a7a7;
	display: inline-block;
	font-size: 12px;
	font-weight:400;
	text-transform: uppercase;
	width: 52px;
}
.calInfo .divisor {
	color: #c1c1c1;
	font-weight: 300;
	padding: 0 4px;
}

@media only screen and (max-width: 1260px) {
	#calMonths li { padding: 0px 11px 7px 11px }
}
@media only screen and (max-width: 1194px) {
	#calMonths li span { display: none }
	#calMonths li em { display: block }
}
@media only screen and (max-width: 998px) {
	#calendar li { width: 20% }
	#calendar li.hide { display: none }
}
@media only screen and (max-width: 972px) {
	#calDays { display: none }
	#calendar span { display: inline-block }
}
@media only screen and (max-width: 850px) {
	#calendar li { width: 25% }
}
@media only screen and (max-width: 720px) {
	#calendar li { width: 33.33% }
}
@media only screen and (max-width: 584px) {
	#divCalendar { padding: 20px }
	#catYear { float: none; margin-bottom: 20px; margin-top: 0; width: 100% }
	.calCategory { display: block; margin-bottom: 14px; margin-right: 0 }
	.calYear { display: block }
	.calCategory select, .calYear select { width: 100% }
}
@media only screen and (max-width: 560px) {
	#calendar li { width: 50% }
}
@media only screen and (max-width: 480px) {
	#calendar { border: 0 }
	#calendar li { padding: 10px 0px; min-height: 90px; width: 100% }
	#calendar li:after { border-right: 0 }
}


/* ----------- newsBox -----------*/
#newsBox { margin-bottom: 20px }
#newsBox.prPad { margin-top: 32px }
#newsBox #divAjax {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-gap: 30px;
	margin-top: 6px;

	display: -ms-grid;
	-ms-grid-columns: 1fr 30px 1fr 30px 1fr;
	-ms-grid-rows: 1fr 30px 1fr 30px 1fr;
}
#newsBox.v2 #divAjax {
	grid-template-columns: repeat(2,1fr);
	-ms-grid-columns: 1fr 30px 1fr;
	-ms-grid-rows: 1fr 30px 1fr 30px 1fr;
}
#newsBox a {
	background-color: #fff;
	border:1px solid #ddd;
	border-radius: 26px 0 26px 0;
	color: #303030;
	display: block;
	padding: 18px 19px;
	position: relative;
	text-align: left;
	transition:all 0.3s ease;
}
#newsBox a:hover { border:1px solid #49b707 }
#newsBox #divAjax :nth-child(1) { -ms-grid-column: 1 }
#newsBox #divAjax :nth-child(2) { -ms-grid-column: 3 }
#newsBox #divAjax :nth-child(3) { -ms-grid-column: 5 }
#newsBox #divAjax :nth-child(4) { -ms-grid-column: 1; -ms-grid-row: 3 }
#newsBox #divAjax :nth-child(5) { -ms-grid-column: 3; -ms-grid-row: 3 }
#newsBox #divAjax :nth-child(6) { -ms-grid-column: 5; -ms-grid-row: 3 }
#newsBox #divAjax :nth-child(7) { -ms-grid-column: 1; -ms-grid-row: 5 }
#newsBox #divAjax :nth-child(8) { -ms-grid-column: 3; -ms-grid-row: 5 }
#newsBox #divAjax :nth-child(9) { -ms-grid-column: 5; -ms-grid-row: 5 }

#newsBox.v2 #divAjax :nth-child(1) { -ms-grid-column: 1 }
#newsBox.v2 #divAjax :nth-child(2) { -ms-grid-column: 3 }
#newsBox.v2 #divAjax :nth-child(3) { -ms-grid-column: 1; -ms-grid-row: 3 }
#newsBox.v2 #divAjax :nth-child(4) { -ms-grid-column: 3; -ms-grid-row: 3 }
#newsBox.v2 #divAjax :nth-child(5) { -ms-grid-column: 1; -ms-grid-row: 5 }
#newsBox.v2 #divAjax :nth-child(6) { -ms-grid-column: 3; -ms-grid-row: 5 }

#newsBox figure {
	border-radius: 18px 0 0 0;
	margin-bottom: 11px;
	padding-bottom: 70%;
	position: relative;
}
#newsBox figure:before {
	background-color: rgba(68,68,68,0);
	border-radius: 18px 0 0 0;
	content: "";
	left: 0px;
	padding-bottom: 70%;
	position: absolute;
	transition:all 0.3s ease;
	top: 0px;
	width: 100%;
	z-index: 0;
}
#newsBox a:hover figure:before { background-color: rgba(68,68,68,0.4) }
#newsBox .title {
	color: #49b707;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 6px;
}
#newsBox .year {
	background-color: #fff;
	color: #858585;
	font-size: 14px;
	font-weight: 500;
	left: 50%;
	padding: 0 10px;
	position: absolute;
	top: -9px;
	transform: translateX(-50%);
}
#newsBox .text { font-size: 14px }

#newsBox.v2 figure, #newsBox.v2 figure:before { padding-bottom: 60% }
#newsBox.v2 .title { font-size: 17.5px; line-height: 22px }
#newsBox.v2 .year { font-weight: 300 }
#newsBox.v2 .text { font-size: 15px }

#newsBox .status, #newsBox .status2, #newsBox .status3 {
	background-color: #49b707;
	border-radius: 0 6px 0 0;
	bottom: 0;
	color: #fff;
	font-size: 11px;
	font-weight: 400;
	left: 0;
	padding: 4px 8px;
	position: absolute;
	text-transform: uppercase;
}
#newsBox .status2 { background-color: #656c75 }
#newsBox .status3 { background-color: #007dd4 }
.statusP {
	color: #aaa;
	display: block;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	margin-top: 4px;
	text-align: center;
}

@media only screen and (max-width: 1170px) {
	#newsBox .text { font-size: 13px }
}
@media only screen and (max-width: 1110px) {
	#newsBox #divAjax { grid-template-columns: repeat(2,1fr) }
}
@media only screen and (max-width: 600px) {
	#newsBox #divAjax, #newsBox.v2 #divAjax { grid-template-columns: repeat(1,1fr) }
	#newsBox.v2 .title { font-size: 16.5px }
	#newsBox .text, #newsBox.v2 .text { font-size: 14px }
}


/* ----------- searchResults -----------*/
#searchResults {
	border-bottom: 1px solid #e1e1e1;
	margin: 20px 0
}
#searchResults a {
	border-top: 1px solid #e1e1e1;
	color: #303030;
	display: block;
	padding: 17px 18px 17px 32px;
	position: relative;
	transition:all 0.3s ease;
}
#searchResults a:hover { background-color: #f6f6f6 }
#searchResults a:before {
	background-color: #49b707;
	content: "";
	height: 1px;
	left: 16px;
	position: absolute;
	top: 27px;
	width: 6px;
}
#searchResults .title {
	font-size: 16px;
	font-weight: 500;
	text-align: left;
}
#searchResults .url {
	color: #9d9d9d;
	font-size: 14px;
	font-style: italic;
	margin-bottom: 3px;
}
#searchResults em { text-decoration: underline }

#insideSearch {
	margin: 0 0 26px 0;
	padding: 10px 0;
}
#insideSearch div {
	margin: auto;
	max-width: 420px;
	position: relative;
}
#insideSearch input[type="text"] {
	border: 1px solid #49b707;
	border-radius: 30px;
	color: #49b707;
	display: inline-block;
	padding: 8px 14px;
	width:100%;
}
#insideSearch input[type="text"]::-webkit-input-placeholder { color:#303030 }
#insideSearch input[type="text"]::-moz-placeholder { color:#303030; opacity:1 }
#insideSearch input[type="submit"] {
	background: #49b707;
	border-radius: 0 30px 30px 0;
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	padding: 9px 14px 9px 12px;
	position: absolute;
	right: 0px;
	text-transform: uppercase;
	top: 0px;
	transition: all 0.4s ease;
}
#insideSearch input[type="submit"]:hover { background:#51c909 }
@media only screen and (max-width: 630px) {
	#searchResults a { padding: 17px 0 }
	#searchResults a:before { left: -12px }
	#searchResults .url { display: none }
}


/* ----------- Paginator -----------*/
.paginatorPage { font-size: 0px }
.paginatorPage li { display: inline }
.paginatorPage a {
	background: #fff;
	border-left:1px solid #d9d9d9;
	color: #515151;
	display: inline-block;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	transition:all 0.3s ease;
	width: 34px;
}
.paginatorPage li:last-child a { border-right:1px solid #d9d9d9 }
.paginatorPage a:hover { background: #ececec }
.paginatorPage .active a {
	background-color: #49b707;
	color: #FFF;
}


/* ----------- gAlbum -----------*/
#gAlbum { margin-top: 20px }
#gAlbum a {
	border-radius: 22px 0 22px 0;
	box-shadow: 0 4px 20px rgba(8,8,8,0.09);
	display: inline-block;
	margin: 0 2.5% 2.5% 0;
	overflow: hidden;
	padding-bottom: 19%;
	position: relative;
	transition:all 0.3s ease;
	vertical-align: top;
	width: 23.12%;
}
#gAlbum a:nth-child(4n+4) { margin-right: 0% }
#gAlbum p {
	background-color: rgba(255,255,255,1);
	border-radius: 0 0 18px 0;
	bottom: 0px;
	box-shadow: -4px -4px 18px rgba(40,40,40,0.2);
	color: #303030;
	font-weight: 400;
	line-height: 18px;
	left: 0px;
	padding: 8px 14px 10px 14px;
	position: absolute;
	text-align: left;
	transition:all 0.3s ease;
	width: 100%;
}
#gAlbum .number {
	background-color: rgba(41,41,41,0.5);
	border-radius: 4px;
	color: #fff;
	display: block;
	font-size: 12px;
	font-weight: 300;
	padding: 3px 6px 4px 6px;
	position: absolute;
	right: 12px;
	text-shadow: 0 0 8px rgba(42,42,42,0.8);
	top: 8px;
}
#gAlbum a:hover p {
	background-color: rgba(73,183,7,0.9);
	box-shadow: -4px -4px 18px rgba(255,255,255,0.2);
	color: #fff;
}

#galleryGrid { margin-top: 22px }
#galleryGrid a {
	border-bottom:4px solid transparent;
	border-left:2px solid transparent;
	border-right:2px solid transparent;
	width: 25%
}
#galleryGrid a img {
	display: block;
	opacity: 0.9;
	transition:all 0.3s ease;
	width: 100%
}
#galleryGrid a figure {
	background-size: cover;
	background-position: center top;
	opacity: 0.9;
	padding-bottom: 72%;
	transition:all 0.3s ease;
}
#galleryGrid a figure:hover {
	filter: brightness(1.2);
	opacity: 1
}
#galleryGrid a span {
	background-color: rgba(41,41,41,0.3);
	background-image: url(../img/photoIcon.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 16px;
	border-radius: 4px;
	bottom: 10px;
	color: #fff;
	display: block;
	height: 26px;
	position: absolute;
	right: 10px;
	width: 26px;
}
#galleryGrid a span.video { background-image: url(../img/videoIcon.png) }

#galleryGrid a:nth-child(1) figure { border-radius: 20px 0 0 0 }
#galleryGrid a:last-child figure { border-radius: 0 0 20px 0 }
@media only screen and (max-width: 1140px) {
	#gAlbum a { padding-bottom: 23%; width: 31.66% }
	#gAlbum a:nth-child(4n+4) { margin-right: 2.5% }
	#gAlbum a:nth-child(3n+3) { margin-right: 0% }
}
@media only screen and (max-width: 870px) {
	#gAlbum a { padding-bottom: 35%; width: 48.75% }
	#gAlbum a:nth-child(3n+3) { margin-right: 2.5% }
	#gAlbum a:nth-child(2n+2) { margin-right: 0% }
	#galleryGrid a { width: 33.33% }
}
@media only screen and (max-width: 630px) {
	#galleryGrid a { width: 50% }
}
@media only screen and (max-width: 580px) {
	#gAlbum a { padding-bottom: 72%; margin-bottom: 20px; margin-right: 0 !important; width: 100% }
}


/* ----------- contacts -----------*/
.contactTitle, .col2 h6 { position: relative }
.contactTitle a, .col2 h6 a {
	border-top: 1px solid #e1e1e1;
	color: #303030;
	cursor: pointer;
	display: block;
	font-size: 17px;
	font-weight: 500;
	margin-top: 0 !important;
	padding: 14px 26px 14px 0;
	position: relative;
	text-align: left;
	transition:all 0.3s ease;
}
.contactTitle a:hover { color: #007dd4 }
.col2 h6 a:hover { color: #49b707 }
.contactTitle:first-of-type, .col2 h6:first-of-type { margin-top: 20px !important }
.contactTitle:after, .col2 h6:after {
	top: 21px;
	right: 0;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(48, 48, 48, 0);
	border-top-color: #303030;
	border-width: 6px;
	margin-left: -6px;
}
.contactTitle.symbol:after, .col2 h6.symbol:after {
	bottom: 100%;
	content: "";
	border-color: rgba(0, 125, 212, 0);
	border-bottom-color: #007dd4;
	border-width: 6px;
	margin-left: -6px;
	top: 14px;
}
.col2 h6.symbol:after { border-bottom-color: #49b707 }
.contactTitle.symbol a {
	color:#007dd4 !important;
	font-weight: 500;
}
.col2 h6.symbol a {
	color:#49b707 !important;
	font-weight: 500;
}

.contactBox, .col2 blockquote { display: none }
#modalBox .contactBox { display: block }
.contactBox p { margin-top: 0 !important }
.contactBox .people {
	font-size: 14px;
	padding: 8px 0 20px 0;
}
.contactBox .people:after {
	clear: both;
	content: "";
	display: table;
}
.contactBox .people figure, #modalBox .people figure {
	background-color: #e7e7e7;
	box-shadow: 0 0 8px rgba(8,8,8,0.2);
	border-radius: 50%;
	float: left;
	height: 82px;
	margin-right: 20px;
	width: 82px;
}
#modalBox .people.v2 figure {
	float: none;
	margin: 0 auto 10px auto;
}
.contactBox .people .name {
	font-size: 15px;
	font-weight: 500;
}
.contactBox .people .name a {
	color: #303030;
	transition:all 0.3s ease;
}
.contactBox .people .name a:hover { color: #007dd4 }
.contactBox .position {
	color: #7d7d7d;
	font-size: 13px;
	text-transform: uppercase;
}
.contactBox .email {
	color: #007dd4;
	display: block;
	margin-bottom: 2px;
	transition:all 0.3s ease;
}
.contactBox .email:hover { text-decoration: underline }
.contactBox .phone span {
	color: #cdcdcd;
	padding: 0 4px;
}


/* ----------- blogList -----------*/
#blogList { margin: 20px 0 }
#blogList a {
	color: #303030;
	display: block;
	margin-bottom: 34px;
	position: relative;
}
#blogList a:last-child { margin-bottom: 0 }
#blogList a:after {
	clear: both;
	content: "";
	display: table;
}
#blogList figure {
	border-radius: 16px 0 16px 0;
	float: left;
	padding-bottom: 20%;
	transition:all 0.3s ease;
	width: 26%;
}
#blogList figure:before {
	background-color: rgba(41,41,41,0.2);
	border-radius: 16px 0 16px 0;
	content: "";
	padding-bottom: 20%;
	position: absolute;
	transition:all 0.3s ease;
	width: 26%;
}
#blogList a:hover figure:before { background-color: rgba(41,41,41,0) }
#blogList .title {
	font-size: 17px;
	font-weight: 500;
	line-height: 20px;
	margin-bottom: 4px;
	text-align: left;
	transition:all 0.3s ease;
}
#blogList a:hover .title { color: #49b707 }
#blogList p { padding-left: 29% }

.bComment { margin-top: 10px }
.bComment input[type="text"], .bComment textarea {
	background-color: #fff;
	border:1px solid #cdcdcd;
	border-radius: 30px;
	color: #303030;
	display: block;
	font-size: 14px;
	margin-bottom: 12px;
	padding:8px 12px;
	position: relative;
	width:100%;
}
.bComment input[type="text"]:focus, .bComment textarea:focus {
	border:1px solid #49b707;
	outline: 0;
	position: relative;
	z-index: 10;
}
.bComment textarea { border-radius: 10px 0 10px 0 }
.bComment input[type="text"]::-webkit-input-placeholder, .bComment textarea::-webkit-input-placeholder { color:#303030 }
.bComment input[type="text"]::-moz-placeholder, .bComment textarea::-moz-placeholder { color:#303030; opacity:1 }
.bComment input[type="submit"] {
	background-color: #49b707;
	border-radius: 8px 0 8px 0;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	padding: 6px 18px;
	text-transform: uppercase;
	transition:all 0.3s ease;
}
.bComment input[type="submit"]:hover,
.bComment input[type="submit"]:focus { background-color: #51c909; outline: 0 }
#blogComments { margin-top: 38px }
#blogComments p {
	border-left: 1px solid #49b707;
	font-size: 14px;
	line-height: 17px;
	margin-top: 14px;
	padding: 0 10px;
}
#blogComments p strong { margin-right: 2px }
#blogComments p span {
	color: #999999;
	display: block;
	font-size: 13px;
	font-style: italic;
	margin-top: 2px;
}
@media only screen and (max-width: 640px) {
	#blogList p { padding-left: 30% }
}
@media only screen and (max-width: 520px) {
	#blogList figure { float: none; margin-bottom: 12px; padding-bottom: 62%; width: 100% }
	#blogList figure:before { display: none }
	#blogList p { padding-left: 0 }
}


/* ----------- pollBox -----------*/
.pollCat {
	color: #007dd4;
	font-size: 17px;
	font-weight: 500;
	margin: 0 0 20px 0;
	text-align: center;
	text-transform: uppercase;
}
.pollCat.v2 { margin-top: 52px !important }
.pollBox { overflow: hidden }
.pollBox a {
	color: #818181;
	display: inline-block;
	padding: 0 22px 22px 22px;
	position: relative;
	transition:all 0.3s ease;
	vertical-align: top;
	width: 50%;
}
.pollBox a:hover,
.pollBox a:focus {
	color: #ffa310;
	outline: none
}
.pollBox a:nth-child(2n+1) { padding: 0 22px 22px 0 }
.pollBox a:nth-child(2n+1):before {
	background-color: #e1e1e1;
	content: "";
	height: 150%;
	right: 0px;
	position: absolute;
	top: 0px;
	width: 1px;
}
.pollBox a:nth-child(2n+2) { padding: 0 0 22px 22px }
.pollBox p { padding-left: 40px }
.pollBox .title {
	font-size: 17px;
	font-weight: 500;
	line-height: 21px;
	text-align: left;
}
.pollBox svg {
	float: left;
	margin: 6px 0 0 0;
}
.pollBox.v2 svg path { fill: #d4d4d4 }
.pollBox.v2 a:hover { color: #303030 }
@media only screen and (max-width: 790px) {
	.pollBox a { padding: 0 0 22px 0 !important; width: 100% }
	.pollBox a:nth-child(2n+1):before { display: none }
}


/* ----------- author + tools -----------*/
#tools {
	background-color: #f9f9f9;
	border-bottom: 1px solid #dedede;
	font-size: 0;
	left: 0px;
	height: 41px;
	position: relative;
	text-align: right;
	width: 100%;
	z-index: 20;
}
#tools.v2 { background-color: #fff }
#tools #fontChange {
	left: 10px;
	position: absolute;
	top: 6px;
}
#tools #fontChange a {
	background-color: #fff;
	border:1px solid #dedede;
	border-radius: 50%;
	color: #949494;
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	font-weight: 400;
	height: 28px;
	line-height: 26px;
	margin-right: 6px;
	text-align: center;
	transition:all 0.3s ease;
	width: 28px;
}
#tools #fontChange a:hover {
	border:1px solid #cdcdcd;
	color: #007dd4
}
#tools > a {
	border-left: 1px solid #d3d3d3;
	color: #a3a3a3;
	display: inline-block;
	font-size: 15px;
	height: 40px;
	line-height: 40px;
	padding: 0 9px;
	transition:all 0.4s ease;
}
#tools > a:hover {
	background-color: #fff;
	color: #007dd4;
}
@media only screen and (max-width: 580px) {
	#tools #fontChange { left: 20px }
	#tools > a { font-size: 16px }
}

#author {
	background-color: #f9f9f9;
	border-top: 1px solid #dedede;
	border-radius: 0 0 26px 0;
	box-shadow: 0 4px 10px rgba(8,8,8,0.07);
	color: #939393;
	font-size: 13px;
	font-weight: 400;
	line-height: 14px;
	padding: 12px 16px 12px 16px;
	position: relative;
	text-align: center;
	z-index: 100;
}
.grey #author {
	background-color: #fff;
	border-radius: 0;
}


/* ----------- photoGallery -----------*/
.photoGallery img {
	display: block;
	width: 100%
}
.photoGallery a {
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	display: inline-block;
	opacity: 0.95;
	padding-bottom: 25%;
	transition:all 0.3s ease;
	vertical-align: top;
	width: 33.33%;
}
.photoGallery a:first-child {
	padding-bottom: 0;
	width: 100%
}
.photoGallery a:first-child img { border-radius: 20px 0 0 0 }
.photoGallery a:last-child { border-radius: 0 0 20px 0 }
.photoGallery a:hover {
	filter: brightness(1.2);
	opacity: 1
}


/* ----------- orgChart -----------*/
.orgChart {
	overflow-x: scroll;
	padding-bottom: 26px;
	position: relative;
}

/*
 * jQuery OrgChart Plugin
 * https://github.com/dabeng/OrgChart
 *
 * Copyright 2016, dabeng
 * https://github.com/dabeng
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */
.orgchart {
	font-size: .98em;
	min-height: 202px;
	min-width: 202px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow-x: auto;
	position: relative;
}
.orgchart .hidden, .orgchart~.hidden { display: none }
.orgchart.b2t { transform: rotate(180deg) }
.orgchart.l2r {
	position: absolute;
	transform: rotate(-90deg) rotateY(180deg);
	transform-origin: left top;
}
.orgchart .verticalNodes ul {
	list-style: none;
	margin: 0;
	padding-left: 18px;
	text-align: left;
}
.orgchart .verticalNodes ul:first-child { margin-top: 2px }
.orgchart .verticalNodes>td::before {
	content: '';
	border: 1px solid #819ba3;
	line-height: 25px !important;
}
.orgchart .verticalNodes>td>ul>li:first-child::before {
	box-sizing: border-box;
	top: -4px;
	height: 27px; /*fcc*/
	width: calc(50% - 2px);
	border-width: 2px 0 0 2px;
	margin-top: -2px;
}
.orgchart .verticalNodes ul>li { position: relative }
.orgchart .verticalNodes ul>li::before,
.orgchart .verticalNodes ul>li::after {
	box-sizing: border-box;
	content: '';
	position: absolute;
	left: -6px;
	border-color: #819ba3;
	border-style: solid;
	border-width: 0 0 2px 2px;
}
.orgchart .verticalNodes ul>li::before {
	top: -4px;
	height: 27px; /*fcc*/
	width: 15px; /*fcc*/
}
.orgchart .verticalNodes ul>li::after {
	top: 1px;
	height: 100%;
}
.orgchart .verticalNodes ul>li:first-child::after {
	box-sizing: border-box;
	top: 21px; /*fcc*/
	width: 15px; /*fcc*/
	border-width: 2px 0 0 2px;
}
.orgchart .verticalNodes ul>li:last-child::after {
	box-sizing: border-box;
	border-width: 2px 0 0;
}

.orgchart.r2l {
	position: absolute;
	transform: rotate(90deg);
	transform-origin: left top;
}
.orgchart>.spinner {
	font-size: 100px;
	margin-top: 30px;
	color: rgba(68, 157, 68, 0.8);
}
.orgchart table {
	border-spacing: 0;
	border-collapse: separate;
}
.orgchart>table:first-child { margin: 20px auto }
.orgchart td {
	text-align: center;
	vertical-align: top;
	padding: 0;
}
.orgchart .lines:nth-child(3) td {
	box-sizing: border-box;
	height: 20px;
}
.orgchart .lines .topLine { border-top: 2px solid #819ba3 }
.orgchart .lines .rightLine {
	border-right: 1px solid #819ba3;
	float: none;
	border-radius: 0;
}
.orgchart .lines .leftLine {
	border-left: 1px solid #819ba3;
	float: none;
	border-radius: 0;
}
.orgchart .lines .downLine {
	background-color: #819ba3;
	margin: 0 auto;
	height: 20px;
	width: 2px;
	float: none;
}

/* node styling */
.orgchart .node {
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 3px;
	border: 2px dashed transparent;
	text-align: center;
}
.orgchart.l2r .node, .orgchart.r2l .node {
	width: 50px;
	height: 130px;
}
.orgchart .node>.spinner {
	position: absolute;
	top: calc(50% - 15px);
	left: calc(50% - 15px);
	vertical-align: middle;
	font-size: 30px;
	color: rgba(68, 157, 68, 0.8);
}
.orgchart .node:hover {
	transition: .5s;
	cursor: default;
	z-index: 20;
}
.orgchart .ghost-node {
	position: fixed;
	left: -10000px;
	top: -10000px;
}
.orgchart .ghost-node rect {
	fill: #ffffff;
	stroke: #bf0000;
}
.orgchart .node.allowedDrop { border-color: rgba(68, 157, 68, 0.9) }

.orgchart .node .title {
	border: 1px solid #bfbfbf;
	border-radius: 3px;
	color: #4d4d4d;
	font-size: .85em;
	font-weight: 500;
	line-height: 20px;
	overflow: hidden;
	padding: 6px 12px;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-left: 4px;
}
.orgchart .node .title a { color: #fff; display: block; }
.orgchart .node .title i { display: none }
.orgchart .node .title a:focus {
	outline: 1px dashed #fff;
	outline-offset: 2px;
}

.orgchart > table .nodes .node .title {
	background-color: #007dd4;
	border-color: #007dd4;
	color: #fff;
}
.orgchart .l01 .title {
	background-color: #58ac26 !important;
	border-color: #58ac26 !important;
}
.orgchart .l02 .title {
	background-color: #ffa310 !important;
	border-color: #ffa310 !important;
	font-size: .8em;
	text-shadow: 1px 1px 10px rgba(40,40,40,0.2);
}
.orgchart .l03 .title {
	background-color: #8b959c !important;
	border-color: #8b959c !important;
}
.orgchart.b2t .node .title {
	transform: rotate(-80deg);
	transform-origin: center bottom;
}
.orgchart.l2r .node .title {
	transform: rotate(-90deg) translate(-40px, -40px) rotateY(180deg);
	transform-origin: bottom center;
	width: 120px;
}
.orgchart.r2l .node .title {
	transform: rotate(-90deg) translate(-40px, -40px);
	transform-origin: bottom center;
	width: 120px;
}
.orgchart .node .title .symbol {
	float: left;
	margin-top: 4px;
	margin-left: 2px;
}
.orgchart .node .content {
	box-sizing: border-box;
	width: 100%;
	height: 20px;
	font-size: 11px;
	line-height: 18px;
	border: 1px solid rgba(217, 83, 79, 0.8);
	border-radius: 0 0 4px 4px;
	text-align: center;
	background-color: #fff;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.orgchart.b2t .node .content {
	transform: rotate(180deg);
	transform-origin: center top;
}
.orgchart.l2r .node .content {
	transform: rotate(-90deg) translate(-40px, -40px) rotateY(180deg);
	transform-origin: top center;
	width: 120px;
}
.orgchart.r2l .node .content {
	transform: rotate(-90deg) translate(-40px, -40px);
	transform-origin: top center;
	width: 120px;
}
.orgchart .node .edge {
	font-size: 15px;
	position: absolute;
	color: rgba(68, 157, 68, 0.5);
	cursor: default;
	transition: .2s;
}
.orgchart.noncollapsable .node .edge { display: none }
.orgchart .edge:hover {
	color: #449d44;
	cursor: pointer;
}
.orgchart .node .verticalEdge {
	width: calc(100% - 10px);
	width: -webkit-calc(100% - 10px);
	width: -moz-calc(100% - 10px);
	left: 5px;
}
.orgchart .node .topEdge { top: -4px }
.orgchart .node .bottomEdge { bottom: -4px }
.orgchart .node .horizontalEdge {
	width: 15px;
	height: calc(100% - 10px);
	height: -webkit-calc(100% - 10px);
	height: -moz-calc(100% - 10px);
	top: 5px;
}
.orgchart .node .rightEdge { right: -4px }
.orgchart .node .leftEdge { left: -4px }
.orgchart .node .horizontalEdge::before {
	position: absolute;
	top: calc(50% - 7px);
}
.orgchart .node .rightEdge::before { right: 3px }
.orgchart .node .leftEdge::before { left: 3px }
.orgchart .node .topEdge,
.orgchart .node .bottomEdge,
.orgchart .node .rightEdge,
.orgchart .node .leftEdge { display: none }

.orgchart .node .toggleBtn {
	background-color: #718f99;
	border:1px solid #718f99;
	color: #fff;
	display: block;
	line-height: .92em;
	position: absolute;
	left: 0;
	bottom: 11px;
	width: 14px;
	z-index: 99999;
}
.orgchart .node .toggleBtn:hover { background-color: #334b98 }

.oc-export-btn {
	display: inline-block;
	position: absolute;
	right: 5px;
	top: 5px;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	user-select: none;
	color: #fff;
	background-color: #5cb85c;
	border: 1px solid transparent;
	border-color: #4cae4c;
	border-radius: 4px;
}
.oc-export-btn[disabled] {
	cursor: not-allowed;
	box-shadow: none;
	opacity: 0.3;
}
.oc-export-btn:hover,.oc-export-btn:focus,.oc-export-btn:active  {
	background-color: #449d44;
	border-color: #347a34;
}
.orgchart~.mask {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999;
	text-align: center;
	background-color: rgba(0,0,0,0.3);
}
.orgchart~.mask .spinner {
	position: absolute;
	top: calc(50% - 54px);
	left: calc(50% - 54px);
	color: rgba(255,255,255,0.8);
	font-size: 108px;
}
.orgchart .node { transition: transform 0.3s, opacity 0.3s }
.orgchart .slide-down {
	opacity: 0;
	transform: translateY(40px);
}
.orgchart.l2r .node.slide-down, .orgchart.r2l .node.slide-down {
	transform: translateY(130px)
}
.orgchart .slide-up {
	opacity: 0;
	transform: translateY(-40px);
}
.orgchart.l2r .node.slide-up, .orgchart.r2l .node.slide-up {
	transform: translateY(-130px)
}
.orgchart .slide-right {
	opacity: 0;
	transform: translateX(130px);
}
.orgchart.l2r .node.slide-right, .orgchart.r2l .node.slide-right {
	transform: translateX(40px);
}
.orgchart .slide-left {
	opacity: 0;
	transform: translateX(-130px);
}
.orgchart.l2r .node.slide-left, .orgchart.r2l .node.slide-left {
	transform: translateX(-40px);
}
@media only screen and (max-width:800px) {
	.orgchart .l01 .title { background-color: #007dd4 !important; border-color: #007dd4 !important; color: #fff }
	.orgchart .l02 .title { background-color: #58ac26 !important; border-color: #58ac26 !important }
	.orgchart .l03 .title { background-color: #ffa310 !important; border-color: #ffa310 !important; font-size: .8em; text-shadow: 1px 1px 10px rgba(40,40,40,0.2) }
	.orgchart .l04 .title { background-color: #8b959c !important; border-color: #8b959c !important }
}


/* ----------- sitemap -----------*/
#sitemap {
	column-count: 2;
	column-gap: 40px;
}
#sitemap ul li { position: relative }
#sitemap > ul > li {
	border-bottom: 1px solid #e1e1e1;
	font-weight: 500;
	padding: 16px 0;
}
#sitemap > ul > li:last-child { border-bottom: none }
#sitemap > ul > li > ul { padding: 10px 0 6px 10px }
#sitemap > ul > li > ul > li {
	font-weight: 400;
	padding: 2px 0 2px 15px;
}
#sitemap > ul > li > ul > li > a:before {
	background-color: #49b707;
	border-radius: 2px 0 2px 0;
	content: "";
	display: block;
	height: 7px;
	margin-right: 9px;
	left: 0px;
	position: absolute;
	top: 9px;
	width: 7px;
}
#sitemap > ul > li > ul > li > a:hover:before { background-color: #007dd4 }
#sitemap > ul > li > ul > li > ul { padding: 6px 0 }
#sitemap > ul > li > ul > li > ul > li {
	font-weight: 300;
	padding: 2px 0 2px 12px;
}
#sitemap > ul > li > ul > li > ul > li > a:before {
	background-color: #49b707;
	content: "";
	height: 5px;
	left: 0px;
	position: absolute;
	top: 10px;
	width: 5px;
}
#sitemap > ul > li > ul > li > ul > li > a:hover:before { background-color: #007dd4 }
#sitemap > ul > li > ul > li > ul > li > ul { padding: 6px 0 }
#sitemap > ul > li > ul > li > ul > li > ul > li {
	font-size: 14px;
	padding: 2px 0 2px 12px;
}
#sitemap > ul > li > ul > li > ul > li > ul > li > a:before {
    content: "";
    background-color: #49b707;
    height: 1px;
    left: 0;
    position: absolute;
    top: 12px;
    width: 5px;
}
#sitemap > ul > li > ul > li > ul > li > ul > li > a:hover:before { background-color: #007dd4 }
@media only screen and (max-width:900px) {
	#sitemap { column-count: 1; column-gap: 0 }
}


/* ----------- cdtop -----------*/
.cd-top {
	background-color: #404040;
	border-radius: 8px 8px 0 0;
	bottom: 0;
	height: 39px;
	opacity: 0;
	position: fixed;
	right: 12px;
	transition: opacity .3s 0s, visibility 0s .3s;
	visibility: hidden;
	width: 41px;
	z-index: 9988;
}
.cd-top:hover { background-color: #1e1e1e }
.cd-top:after {
	color: #ffa310;
	content: "\f062";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 1.2em;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { transition: opacity .3s 0s, visibility 0s 0s }
.cd-top.cd-is-visible {
	visibility: visible;
	opacity: 1;
}
.no-touch .cd-top:hover {
	background-color: #1e1e1e;
	opacity: 1;
}


/* ----------- jsTree -----------*/
#wrapTree {
	background-color: #fff;
	border: 1px solid #e1e1e1 !important;
	border-radius: 0 0 22px 0;
	font-size: 14px;
	padding: 10px 18px 8px 10px;
	position: relative;
	text-align: left;
}
.jstree-node { white-space: nowrap }
.jstree-anchor {
	color: black;
	display: inline-block;
	overflow: hidden;
	padding: 0 4px 0 1px;
	text-overflow: ellipsis;
	vertical-align: top;
	white-space: nowrap;
	width: 96%;
}
.jstree-anchor, .jstree-anchor:link, .jstree-anchor:visited, .jstree-anchor:hover, .jstree-anchor:active {
	text-decoration: none;
	color: inherit;
}
.jstree-icon {
	display: inline-block;
	text-decoration: none;
	vertical-align: top;
	text-align: center;
}
.jstree-default .jstree-node, .jstree-default .jstree-icon {
	background-repeat: no-repeat;
	background-color: transparent;
}
.jstree-default .jstree-anchor, .jstree-default .jstree-animated {
	transition: background-color 0.15s, box-shadow 0.15s;
}
.jstree-default .jstree-hovered {
	background: #fff;
	border-radius: 2px;
	box-shadow: inset 0 0 1px #999999;
}
.jstree-default .jstree-clicked {
	background: #fff;
	border-radius: 2px;
	box-shadow: inset 0 0 1px #999999;
}
.jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon { display: none }
.jstree-default .jstree-disabled {
	background: transparent;
	color: #666666;
}
.jstree-default .jstree-disabled.jstree-hovered {
	background: transparent;
	box-shadow: none;
}
.jstree-default .jstree-disabled.jstree-clicked { background: #efefef }

.jstree-default .jstree-node {
	min-height: 24px;
	line-height: 24px;
	margin-left: 24px;
	min-width: 24px;
}
.jstree-default .jstree-anchor {
	line-height: 26px;
	height: 24px;
}
.jstree-default .jstree-icon {
	width: 24px;
	height: 24px;
	line-height: 24px;
}
.jstree-default .jstree-icon:empty {
	width: 24px;
	height: 24px;
	line-height: 24px;
}
.jstree-default.jstree-rtl .jstree-node { margin-right: 24px }
.jstree-default .jstree-node, .jstree-default .jstree-icon { background-image: url("32px.png") }
.jstree-default .jstree-node {
	background-position: -292px -4px;
	background-repeat: repeat-y;
}
.jstree-default .jstree-last { background: transparent }
.jstree-default .jstree-open > .jstree-ocl { background-position: -132px -4px }
.jstree-default .jstree-closed > .jstree-ocl { background-position: -100px -4px }
.jstree-default .jstree-leaf > .jstree-ocl { background-position: -68px -4px }
.jstree-default .jstree-themeicon { background-position: -260px -4px }
.jstree-default .jstree-file { background: url("32px.png") -100px -68px no-repeat }
.jstree-default .jstree-folder { background: url("32px.png") -260px -4px no-repeat }
.jstree-default > .jstree-container-ul > .jstree-node {
	margin-left: 0;
	margin-right: 0;
}


/* ----------- Filer -----------*/
.jFiler {
	color: #303030;
	padding-top: 3px;
}
.jFiler ul.list-inline li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}
.jFiler .pull-left { float: left }
.jFiler .pull-right { float: right }
span.jFiler-icon-file {
	position: relative;
    display: block;
    background: #e1e1e1 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMQAAAEACAYAAADsqNl9AAAD5klEQVR42u3azUqUURjA8bHAEpIK+9hlRBGC0QfVustI+oAo2nQJgYGFFEUhJF1NUVAXEC6iSyhIDCoX5js9Z5xpXmxsRjOdmfP7wfPqwtWZ589xhqlUN2Y5Zi5mJmYi5lzMgZhdFbpavEb32sxsURSfq5mqrPPv52MexYxZrb4NIusoOgoiDudb/JiMGbZSWQSRbRSdBPEqZtQqZRdEllFU2rxPuB8zYI2yDSK7KNYKYinmlvURRG5RVNa4GW5aHUHkGEWrIKasjSByjWJ1EC+tjCByjqKy6qPVI1ZGEDlHUb4h7loXQeQeRSOILzF7rIsgco+iEcS0VRGEKFaCSB+znrQqghDFShDvrYkgRNEM4pk1EYQomkFctiaCEEUziDPWRBCiaAYxYk0EIYpmEIPWRBCiqAeBIEQhCEGIQhBsWxA9E4UNEYQoBCEIUQiC7giiq6OwIYIQhSAEIQpB0H1BdF0UNkQQohCEIEQhCLo7iFoUMZ8EgSC6JAobIghRCEIQohAEvRXEtkRhQwQhCkEIQhSCoHeD2LIobIggRCEIQYhCEPRHEP81ChsiCFEIQhCiEAT9F8SmR2FDBCEKQQhCFIKgv4PYlChsiCD6bZ7/SxQ2RBCiEIQgRCEI8gpiQ1HYEEGIQhCCEIUgyDeIjqOwIYIQhSAEIQpBsBLEKVGsHYUNcUuIQhCCMK2jsB2CEEUpCtshClOKwmYIwpSisBn5BjEqgj+jsBluCVMaWyEKIQiCUhCXhCAI3BKC4K9RXBeEIHBbCALvKwTBRuO4IQgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAyEi1Wh10ClBrYXd6jDgKqAVxMD3OOgqoBXE+PSYcBdSCuJIeM44CakHMpseco4BKpSiKDymI5Zgxx0Hmt8N4TDX9kjx0JGQexONyEPMxw46FTGPYF7NQDiKZdDRkGsSDRgTlIL7HHHU8ZBbD8ZjFVkEkr2MGHBOZxLAj5m05gNVBJNOOipzeSLcLIn0Me9tx0ecx3KnvetsgkiVR0Ocx/Gy1+GsF0bgppr2noI9C2BnzpNXN0EkQDW9ijjlOejyGEzHv2i17J0EkP2KmYvY6WnoshP31/3QWO1n0ToNoWKhfOeOOmi4P4XTM06Iovq5nwdcbxG/pm4Hp67IxV2MuxByKGfJSsMWLPxRzOOZizLWYF7GbHze6178AQI59RSRyAJkAAAAASUVORK5CYII=') no-repeat;
    background-size: cover;
    width: 57px;
    height: 74px;
    line-height: 90px;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
}
span.jFiler-icon-file i[class*="icon-jfi-"] { font-size: 24px }
span.jFiler-icon-file.f-image { background-color: #e15955 }
span.jFiler-icon-file.f-video { background-color: #4183d7 }
span.jFiler-icon-file.f-audio { background-color: #5bab6e }
.jFiler-jProgressBar {
    height: 8px;
    background: #f1f1f1;
    margin-top: 3px;
    margin-bottom: 0;
    overflow: hidden;
    border-radius: 4px;
}
.jFiler-jProgressBar .bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #50A1E9;
    box-sizing: border-box;
    border-radius: 4px;
    transition: width 0.3s ease;
}
.jFiler-jProgressBar .bar.dark { background-color: #555 }
.jFiler-jProgressBar .bar.blue { background-color: #428bca }
.jFiler-jProgressBar .bar.green { background-color: #5cb85c }
.jFiler-jProgressBar .bar.orange { background-color: #f7a923 }
.jFiler-jProgressBar .bar.red { background-color: #d9534f }
.jFiler-row:after, .jFiler-item:after {
    display: table;
    line-height: 0;
    content: "";
    clear: both;
}
.jFiler-items ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.jFiler-theme-default .jFiler-input {
	background: #fff;
	border-radius: 30px;
	border: 1px solid #d0d0d0;
	color: #888;
	cursor: pointer;
	display: block;
	font-size: 15px;
	height: 35px;
	margin: 0 0 15px 0;
	overflow: hidden;
	position: relative;
}
.generalForm.v2 .jFiler-theme-default .jFiler-input { margin: 0 0 0 0 }
.jFiler-theme-default .jFiler-input.focused {
    outline: none;
    box-shadow: 0 0 7px rgba(0,0,0,0.1);
}
.jFiler-theme-default .jFiler-input.dragged {
    border: 1px dashed #aaaaaa;
    background: #f9f9f9;
}
.jFiler-theme-default .jFiler-inpu.draggedt:hover { background: #FFF8D0 }
.jFiler-theme-default .jFiler-input.dragged * { pointer-events: none }
.jFiler-theme-default .jFiler-input.dragged .jFiler-input-caption {
    width: 100%;
    text-align: center;
}
.jFiler-theme-default .jFiler-input.dragged .jFiler-input-button { display: none }
.jFiler-theme-default .jFiler-input-caption {
    display: block;
    float: left;
    height: 100%;
    padding-top: 8px;
    padding-left: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.jFiler-theme-default .jFiler-input-button {
	background-color: #e8e8e8;
	color: #303030;
	display: block;
	float: right;
	font-size: 14px;
	font-weight: 400;
	height: 100%;
	padding-top: 8px;
	padding-left: 15px;
	padding-right: 15px;
	border-left: 1px solid #ccc;
	text-align: center;
	transition: all .1s ease-out;
}
.jFiler-theme-default .jFiler-input-button:hover { background-color: #f1f1f1 }
.jFiler-theme-default .jFiler-input-button:active {
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1f1f1),to(#fefefe));
    background-image: -webkit-linear-gradient(top,#f1f1f1,#fefefe);
    background-image: -o-linear-gradient(top,#f1f1f1,#fefefe);
    background-image: linear-gradient(to bottom,#f1f1f1,#fefefe);
    background-image: -moz-linear-gradient(top,#f1f1f1,#fefefe);
}
.jFiler-items-default .jFiler-item {
    position: relative;
    padding: 16px;
    margin-bottom: 16px;
    background: #f7f7f7;
    color: #4d4d4c;
}
.jFiler-items-default .jFiler-item .jFiler-item-icon {
    font-size: 32px;
    color: #48A0DC;
    margin-right: 15px;
    margin-top: -3px;
}
.jFiler-items-default .jFiler-item .jFiler-item-title { font-weight: bold }
.jFiler-items-default .jFiler-item .jFiler-item-others {
    font-size: 12px;
    color: #777;
    margin-left: -5px;
    margin-right: -5px;
}
.jFiler-items-default .jFiler-item .jFiler-item-others span {
    padding-left: 5px;
    padding-right: 5px;
}
.jFiler-items-default .jFiler-item-assets {
    position: absolute;
    display: block;
    right: 16px;
    top: 50%;
    margin-top: -10px;
}
.jFiler-items-default .jFiler-item-assets a {
    padding: 8px 9px 8px 12px;
    cursor: pointer;
    background: #fafafa;
    color: #777;
    border-radius: 4px;
    border: 1px solid #e3e3e3
}
.jFiler-items-default .jFiler-item-assets .jFiler-item-trash-action:hover,
.jFiler-items-default .jFiler-item-assets .jFiler-item-trash-action:active { color: #d9534f }
.jFiler-items-default .jFiler-item-assets .jFiler-item-trash-action:active { background: transparent }
.jFiler-items-grid .jFiler-item { float: left }
.jFiler-items-grid .jFiler-item .jFiler-item-container {
    position: relative;
    margin: 0 20px 30px 0;
    padding: 10px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.06);
}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb {
    position: relative;
    width: 190px;
    height: 145px;
    min-height: 115px;
    border: 1px solid #e1e1e1;
    overflow: hidden;
}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb .jFiler-item-thumb-image {
    width: 100%;
    height: 100%;
    text-align: center;
}
.jFiler-item .jFiler-item-container .jFiler-item-thumb img {
    max-width: none;
    max-height: 100%;
}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb span.jFiler-icon-file { margin-top: 32px }
.jFiler-items-grid .jFiler-item-thumb-image.fi-loading {
    background: url('data:image/gif;base64,R0lGODlhIwAjAMQAAP////f39+/v7+bm5t7e3tbW1s7OzsXFxb29vbW1ta2traWlpZycnJSUlIyMjISEhHt7e3Nzc2tra2NjY1paWlJSUkpKSkJCQjo6OjExMSkpKRkZGRAQEAAAAP///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBAAeACwAAAAAIwAjAAAF5CAgjmRpnmiqrmzrvnAsz3Rto4Fwm4EYLIweQHcTKAiAQOPRI0QKRcYiEGA4qI8K9HZoGAIOSOBgCdIGBeLCMUgoBJSJjsBAxAiKRSFAQBCVBwMKGRsNQi8DBwsJhyQVGxMKjTCJk0kPjDI5AlQqBAcICFstBQqmmScFGh0dHBaWKAIEBQQDKQEKDxEQCTMBA5Y/o5oDoZYCHB1PMgIHCQacwCPACRStDTEDBrYABQg5wAgGIg4YYjQCogEGB3wI3J2+oD0G42PfN2Pc7D2JRDb/+In4t8MHwYIIEypcyLChQ4YhAAAh+QQFBAAeACwIAAgAEwATAAAFlqAnjiKSjAFJBscgLos4NIQ6JggAKLHXSDWbp6CoLRgeg0ShGwkIKQ9iITggPJFHaqA4eAYIRK0a9SwK0spl0TQkvEIJJnIlCdDCRk4lEJIGBgcHRn4jBBkciROFKgkNDg51jCJBJJU2ARocD4xNAQsGCBMcGz2FAxwZKQwVDYVwEhwOI02MAxsceJMeOgwaJ7skCX0jIQAh+QQFBAAeACwAAAAAAQABAAAFA6AXAgAh+QQFBAAeACwAAAAAAQABAAAFA6AXAgAh+QQFBAAeACwJAAcAEgAVAAAFjqAnjmJAnihgHChqCACAJKMyoMHBeggSJ40baoC4zTwFB6IlOiwLhkCDMUIYUAUSgiA4RCZLAXPkoDQOsfFosVNjDYaBQiRmWjaaDMTdXDAYbWMJQnwiGBoOBEwmIwVeGhhzKAJ+BBsXIgoSVCcEAxkbAw8enEwAARkaYqluAqliChlLY64aQrNjAT2MKCEAIfkEBQQAHgAsBwAIABQAFAAABZqgJ45jUQBkqorGgQqIsKqteCjyTLbAsBg6UoBA8CgSIoGhGGQNAoXG4zAaNBcPxalJQhS4KwGhUCQgRYHZQGKxVBpgD8CQUCiAYEQTpZpcGFYrBgw5HgkEBg4XFHoqFx10CwMZFCIIDwl8IwscFAQXGR4NGQo6BBocRRUYHgIWGEwqBxoPHgEWoYYXVCsBCTIBqzkHaVwHvCshACH5BAUEAB4ALAAAAAABAAEAAAUDoBcCACH5BAUEAB4ALAcACAAVABQAAAWaoCeOpDECZKqKgRcY7bqanoHI6+EKSIHjCJ2oMPidCgIPQbHwGUkIBoLwJAEM1OpqQBgkC0yjwBGRRBQokfdXOASzo0MjqTrQUwQIpwM/QSYJKQoaHRUKHgtQSgwTEUIeDRcPSRQcHgiBFREiB1IkdAkaEgMUGAILFoE4AxkaRRIVLRIURTIGGQ0iExWcEzQyBzGwI05PV78rIQAh+QQFBAAeACwAAAAAAQABAAAFA6AXAgAh+QQFBAAeACwHAAgAFAAUAAAFlaAnjmRBnmgqCip6kEGbDnJqvmJAsLVIDwgEoTc6JAy0k05VSIoKiSgipgoIaIFKZ8tBVBeNBgORkEwkDt6sYECSBosUwJRybDiqxuOgTmTwCAUKIwAHAwMJDw10CxUNMRIaBQcIAmhPCgYjVAcZDx4REx5lOCoWGCIPER4Bqi0FFwwiEBIxBg9DKpqpEVS5PQUFACohACH5BAUEAB4ALAAAAAABAAEAAAUDoBcCACH5BAUEAB4ALAcACAAUABQAAAWRoCeOpEGeaCoGKmqOQlvKXgId4usR6DA+HA6kQDsxMB0Nr0hSTHxFAgJxIABogpiEI9rgVAiF2ICARCANVovAjsESKoKaNGBkMqrEojA/WDYSHgMIJAVZBwsKSwoSCyIOFx4FJg4LVwQHRCgVDQIOEAEHDi9XJwISFAIADA4iDJ1xEwoiDa2SDFA0rCO5NGwtIQAh+QQFBAAeACwAAAAAAQABAAAFA6AXAgAh+QQFBAAeACwHAAgAEwAUAAAFj6AnisNonqeBLWg7GpwmtAENcc8s6ifyGKJMp1DyIFqNjecxUEiKLpGi4slATcBW4hkdDQ6HbHd048TELtah8XCwxqjAsXXdKSyWuuiAILwmGBBABzUiBDUFCQglCBAJIgsTBAQFAQpzAwZ1BREsCwweBQt+Lg8QNQpvCAqFJwMQc6mGjy6kHrI7cB4DeiIhACH5BAUEAB4ALAAAAAABAAEAAAUDoBcCACH5BAUEAB4ALAcABwASABUAAAWXoCeOI0GQaBpUl5CSRZV4QrYN71hoWBBkGpdISAI4No2BhoNLHRijy8YQmQwOpJMC2BAgIh5fgJZKSDYWYg4FWZMMhkLT7XHYeAW6wrBgLGZ0KQZjgR4IEhFqJIAeBQ8UDQUCeSNzIwcNCCIJDwMDJwgGawSZAQgzBAiWIwELDSIHmh6xOQyiAKciV4oeAHO0IwB0ArweIQAh+QQFBAAeACwAAAAAAQABAAAFA6AXAgAh+QQFBAAeACwHAAcAEAAVAAAFjKAnjuMwkKgnjFJVosSEeMGVrcc1j8TlehVMIIDh7EaMzMKDuTE4k4DHsCiIKJnCI0LYcE6ehMWyPDxGgshyZL5MUqID6uCAowsEwsouWlTGFAR8HgUJCglHgyNWigF0dXYzBAwPCoJgcAUKBnELAgKYcAObHgdyfIYiBQcAdgIJjAanrq0AsoojQyghACH5BAUEAB4ALAAAAAABAAEAAAUDoBcCACH5BAUEAB4ALAcACAAUABQAAAWYoCeKwQhF5aiqA3SIlDVW7yoOlCRKlVhtNZtHYUkIKBfPYoNaFRADUUTWeAwyGYHHAFmIDhIJImBorBIFB6cDSZUnEGEA08k0UiPDQrsSTB58HgEDhEIqAHgIERESVoY2BAcIBwaPlh5Rl04KCnhnKwMJDFCelgMIBAAeT3hBNqoeAggFIgiaX7ZblZoBB5lbqoG3wzbCKyEAIfkEBQQAHgAsBwAHABUAEwAABZygJ46jIJBoSjZPqa6GGEmBZ0zx60Gt90QiSSb3QkgOHskkkMj0UAOkyCEhLBiey2X0SIwMLKRVAPAEHggCY8N5egiKB6OGAmwtC1UhQScFIgt9JAKCKQUICQkxBw2NCycqBhsdlBgBAwUGBgRlKgMPExMSgSSdKmQvBAgIOqwoAgeKkDopBgMiMbOutCgGSLe8IlIeSKbBI1LAKCEAIfkEBQQAHgAsAAAAAAEAAQAABQOgFwIAIfkEBQQAHgAsAAAAAAEAAQAABQOgFwIAIfkECQQAHgAsAAAAACMAIwAABbWgJ45kaZ5oqq5s675wLM90baPBvS6MTgoKgqjxEBEihZuAsRAxHKJHJXk7NAwBB8RzsPRqBYFo4RgkFALKxMhAxAiKBdXtAXgah4Eis2nIBgcLCSgVGxMKNYAoD4MzAgI5KgQHCAhULQUKmgmRJgUaIhwWLwIEBQQDKQEKDxEQCXYxnSUBcjapKAIcHUg+JgkUHRx+YB6zIw4YEMc2QiMBzDB0HgbGvifR19rb3N3e3+Dh4ikhADs=') no-repeat center;
    width: 100%;
    height: 100%;
}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    background: rgba(76, 76, 77, 0.8);
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 10;
    overflow-y: auto;
	transition: all 0.12s;
}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb:hover .jFiler-item-thumb-overlay {
    opacity: 1;
    filter: aplpha(opacity(100));
}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-info {
    display: table;
    padding: 0 10px;
    overflow: auto;
    width: 100%;
    height: 100%;
    text-align: center;
}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-info .jFiler-item-title {
    display: block;
    font-weight: bold;
    word-break: break-all;
    line-height: 1;
}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-info .jFiler-item-others {
    display: inline-block;
    font-size: 10px;
}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets {
    margin-top: 10px;
    color: #999;
}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets .text-success { color: #3C763D }
.jFiler-items-grid .jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets .text-error { color: #A94442 }
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets .jFiler-jProgressBar {
    width: 120px;
    margin-left: -5px;
}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets .jFiler-item-others { font-size: 12px }
.jFiler-items-grid .jFiler-item-trash-action:hover {
    cursor: pointer;
    color: #d9534f;
}


/* ----------- SCROLLBAR BASE CSS -----------*/
    /*************** SCROLLBAR BASE CSS ***************/
     
    .scroll-wrapper {
        overflow: hidden !important;
        padding: 0 !important;
        position: relative;
    }
     
    .scroll-wrapper > .scroll-content {
        border: none !important;
        box-sizing: content-box !important;
        height: auto;
        left: 0;
        margin: 0;
        max-height: none;
        max-width: none !important;
        overflow: scroll !important;
        padding: 0;
        position: relative !important;
        top: 0;
        width: auto !important;
    }
     
    .scroll-wrapper > .scroll-content::-webkit-scrollbar {
        height: 0;
        width: 0;
    }
     
    .scroll-element {
        display: none;
    }
    .scroll-element, .scroll-element div {
        box-sizing: content-box;
    }
     
    .scroll-element.scroll-x.scroll-scrollx_visible,
    .scroll-element.scroll-y.scroll-scrolly_visible {
        display: block;
    }
     
    .scroll-element .scroll-bar,
    .scroll-element .scroll-arrow {
        cursor: default;
    }
     
    .scroll-textarea {
        border: 1px solid #cccccc;
        border-top-color: #999999;
    }
    .scroll-textarea > .scroll-content {
        overflow: hidden !important;
    }
    .scroll-textarea > .scroll-content > textarea {
        border: none !important;
        box-sizing: border-box;
        height: 100% !important;
        margin: 0;
        max-height: none !important;
        max-width: none !important;
        overflow: scroll !important;
        outline: none;
        padding: 2px;
        position: relative !important;
        top: 0;
        width: 100% !important;
    }
    .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
        height: 0;
        width: 0;
    }
     
     
     
     
    /*************** SIMPLE OUTER SCROLLBAR ***************/
     
    .scrollbar-outer > .scroll-element,
    .scrollbar-outer > .scroll-element div
    {
        border: none;
        margin: 0;
        padding: 0;
        position: absolute;
        z-index: 10;
    }
     
    .scrollbar-outer > .scroll-element {
        background-color: #ffffff;
    }
     
    .scrollbar-outer > .scroll-element div {
        display: block;
        height: 100%;
        left: 0;
        top: 0;
        width: 100%;
    }
     
    .scrollbar-outer > .scroll-element.scroll-x {
        bottom: 0;
        height: 12px;
        left: 0;
        width: 100%;
    }
     
    .scrollbar-outer > .scroll-element.scroll-y {
        height: 100%;
        right: 0;
        top: 0;
        width: 12px;
    }
     
    .scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 2px; }
    .scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { left: 2px; width: 8px; }
     
    .scrollbar-outer > .scroll-element .scroll-element_outer { overflow: hidden; }
    .scrollbar-outer > .scroll-element .scroll-element_track { background-color: #eeeeee; }
     
    .scrollbar-outer > .scroll-element .scroll-element_outer,
    .scrollbar-outer > .scroll-element .scroll-element_track,
    .scrollbar-outer > .scroll-element .scroll-bar {
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }
     
    .scrollbar-outer > .scroll-element .scroll-bar { background-color: #d9d9d9; }
    .scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; }
    .scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }
     
     
    /* scrollbar height/width & offset from container borders */
     
    .scrollbar-outer > .scroll-content.scroll-scrolly_visible { left: -12px; margin-left: 12px; }
    .scrollbar-outer > .scroll-content.scroll-scrollx_visible { top:  -12px; margin-top:  12px; }
     
    .scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; }
    .scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; }
     
     
    /* update scrollbar offset if both scrolls are visible */
     
    .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; }
    .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; }
     
    .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px; }
    .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px; }


/* ----------- transaction -----------*/
.wrapLogin { text-align: center }
.login {
	background-color: #49b707;
	border-radius: 20px;
	color: #fff;
	display: inline-block;
	font-size: 15px;
	font-weight: 500;
	margin-top: 20px;
	padding: 8px 36px;
	transition:all 0.3s ease;
}
.login i { margin-right: 8px }
.login:hover {
	background-color: #51c909;
	color: #fff
}

.fcol1, .fcol2, .fcol3, .fcol4, .fcol1a, .fcol1b {
	display: inline-block;
	margin: 0 1%;
}
.fcol1 { width: 98% }
.fcol2 { width: 48% }
.fcol3 { width: 31.33% }
.fcol4 { width: 23% }
.fcol1a { width: 64.66% }
.fcol1b { width: 31.33% }
.fcol1a, .fcol1b { vertical-align: middle }
.vTop { vertical-align: top }

.fcol1.nested {
	background-color: #f7f7f7;
	border: 1px solid #ebebeb;
	margin-top: 20px;
	padding: 6px 10px;
}
.fcol1.nested > div { margin-bottom: 14px }

.fSpot, .fSpot2 {
	display: inline-block;
	margin-top: 10px;
	width: 48.5%
}
.fSpot { margin-right: 1.5% }
.fSpot2 {
	background-color: #e5fada;
	border-radius: 8px;
	margin-left: 1.5%;
	padding: 9px 10px;
}
.fSpot .fTitle, .fSpot2 .fTitle { text-align: center }
.generalForm.v2 .fSpot2 input[type="text"]:read-only {
	background-color: #e5fada;
	border-color: #b8e1a2
}

.fDate {
	color: #7e7e7e;
	font-size: 13px;
	right: 0;
	position: absolute;
	text-align: right;
	top: -27px;
}
.mandatoryTxt {
	color: #ffa310;
	font-size: 13px;
	font-weight: 400;
	left: 0;
	padding-left: 14px;
	position: absolute;
	text-align: right;
	top: -29px;
}
.mandatoryTxt span {
	font-size: 20px;
	font-weight: 400;
	left: 0;
	line-height: 20px;
	position: absolute;
	top: 1px;
}
.mandatoryTxt.v2 {
	color: #adadad;
	font-size: 11px;
	margin-top: 2px;
	position: relative;
	text-align: left;
	text-transform: uppercase;
	top: 2px;
}
.mandatoryTxt.v2 span {
	font-size: 18px;
	top: -1px;
}
.mandatoryTxt.v3 {
    margin-top: 6px;
    position: relative;
    text-align: left;
    top: 8px;
}
.regBt {
	border-bottom: 1px solid #e1e1e1;
	border-top: 1px solid #e1e1e1;
	color: #2181c4;
	display: inline-block;
	font-size: .9em;
	font-weight: 500;
	margin: 20px 0;
	padding: 9px 0;
	text-transform: uppercase;
	text-align: center;
	transition:all 0.3s ease;
	width: 50%;
}
.regBt:hover { color: #3b98d8 }
.regBt i { margin-right: 8px }
.linkF {
	display: block;
	color: #696969;
	font-size: 14px;
	font-weight: 500;
	position: relative;
	text-align: center;
	top: 8px;
}
.fTitle {
	color: #303030;
	font-size: 17px;
	font-weight: 400;
	margin: 12px 0 0 0;
	position: relative;
}
.fTitle.v2 {
	margin-left: 1%;
	top: 14px;
}
.information {
	color: #7e7e7e;
	font-size: 14px;
	line-height: 20px;
	margin-top: 16px;
}
.information.v2 { margin-bottom: 4px; margin-top: 0 }
.loginWrap .information:first-of-type { margin-top: 0 }
.information i {
	color: #bcbcbc;
	margin-right: 4px;
}
.information a {
	color: #303030;
	font-weight: 400;
}
.information a:hover { text-decoration: underline }
.information2 {
	color: #49b707;
	font-size: 13px;
	font-weight: 400;
	line-height: 16px;
	margin-top: 16px;
	padding: 0 1%;
}

.options a {
	color: #b5b5b5;
	margin: 0 5px;
	position: relative
}
.options a:not([href]) {
	color: #ddd !important;
	cursor: default;
}
.options a:hover { color: #49b707 }
.options a strong {
	background-color: #49b707;
	border-radius: 8px 0 8px 0;
	color: #fff;
	display: none;
	font-size: 12.5px;
	font-weight: 400;
	left: 50%;
	padding: 4.5px 12px;
	position: absolute;
	transform: translateX(-50%);
	top: -34px;
	white-space: nowrap;
	z-index: 400;
}
.options a:not([href]) strong { background-color: #c3c3c3 }
.options a strong:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-top-color: #49b707;
	border-width: 5px;
	margin-left: -5px;
}
.options a:not([href]) strong:after { border-top-color: #c3c3c3 }
.options a:hover strong { display: block }

.statusText {
	margin-top: 7px;
	position: absolute;
	right: 0;
}
.statusText p {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	margin-left: 12px;
	text-transform: uppercase;
}
.statusText p:before {
	content: "";
	display: inline-block;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 13px;
	margin-right: 5px;
}
.statusText p:nth-child(1):before {
	content: "\f0c7";
	color: #49b707
}
.statusText p:nth-child(1) { color: #49b707 }
.statusText p:nth-child(2):before {
	content: "\f021";
	color: #fead15
}
.statusText p:nth-child(2) { color: #fead15 }
.statusC {
	display: inline-block;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: relative;
	top: -1px;
}
.statusC.save:after {
	content: "\f0c7";
	color: #49b707
}
.statusC.process:after {
	content: "\f021";
	color: #fead15
}
@media only screen and (max-width:768px) {
	.statusText { margin-bottom: 6px; position: static }
	.statusText p { margin: 0 12px 0 0 }
}
@media only screen and (max-width:608px) {
	.fDate { margin-top: 10px; position: relative; top: 0 }
}
@media only screen and (max-width:608px) {
	.mandatoryTxt { left: 10px; top: 8px }
}
@media only screen and (max-width:460px) {
	.regBt { width: 100% }
	.regBt:first-of-type { margin: 20px 0 0 0 }
}

#ftab {
	border-bottom: 1px solid #d8d8d8;
	margin: 30px 0 0 0;
	padding-left: 1px;
	position: relative;
}
#ftab a {
	background-color: #f3f3f3;
	border-top: 1px solid #d8d8d8;
	border-left: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	color: #9c9c9c;
	display: inline-block;
	font-size: 15px;
	font-weight: 400;
	margin-left: -1px;
	padding: 6px 16px 8px 43px;
	position: relative;
	transition:all 0.3s ease;
	vertical-align: bottom;
}
#ftab a:hover {
	background-color: #49b707;
	color: #fff;
}
#ftab a.current {
	background-color: #fff;
	border-radius: 6px 6px 0 0;
	color: #49b707;
	cursor: default;
	padding: 10px 16px 12px 16px;
	z-index: 2
}
#ftab a.current:after {
	background-color: #fff;
	bottom: -1px;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 50
}
#ftab a span {
	background-color: #fff;
	border-radius: 50%;
	box-shadow: 0 0 1px rgba(66,66,66,0.8);
	color: #49b707;
	display: inline-block;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	height: 20px;
	left: 16px;
	line-height: 20px;
	position: absolute;
	text-align: center;
	top: 7px;
	width: 20px;
}
#ftab a.current span {
	background-color: #56c613;
	border:none;
	color: #fff;
	top: 8px;
}

.statusTools {
	margin-top: 10px;
	position: absolute;
	right: 26px;
}
.statusTools.v2 {
	margin-top: -29px;
	position: absolute;
	right: 26px;
}
.statusTools a {
	border:1px solid #d8d8d8;
	border-radius: 5px;
	color: #b2b7bf;
	cursor: pointer;
	display: inline-block;
	font-size: 15px;
	margin: 0 0 0 5px;
	padding: 4px 6px;
	position: relative;
	text-transform: uppercase;
	transition:all 0.3s ease;
}
.statusTools a.excel { color: #49b707 }
.statusTools a.pdf { color: #ea3401 }
.statusTools a.print { color: #b3b3b3 }
.statusTools a:hover {
	background-color: #f4f4f4;
	border:1px solid #cacaca;
}

.trimesterTitle {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	position: relative;
}
.trimesterTitle:first-of-type { background-color: red; margin-top: 8px }
.trimesterTitle p {
	cursor:pointer;
	font-size: 17px;
	font-weight: 500;
	padding: 10px 11px;
}
.trimesterTitle p:after {
	top: 16px;
	right: 9px;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(48, 48, 48, 0);
	border-top-color: #303030;
	border-width: 6px;
	margin-left: -6px;
}
.trimesterTitle p.symbol:after {
	bottom: 100%;
	content: "";
	border-color: rgba(48, 48, 48, 0);
	border-bottom-color: #303030;
	border-width: 6px;
	margin-left: -6px;
	top: 10px;
}
.trimesterTitle .wrapTable {
	display: none;
	padding: 0 4px 2px 4px;
}

@media only screen and (max-width:660px) {
	.statusTools, .statusTools.v2 { margin-bottom: 0; margin-top: 22px; position: relative; right: 5px; text-align: center }
}
@media only screen and (max-width:604px) {
	#ftab a { border-radius: 0 !important; padding: 6px 16px 8px 43px !important; width: 100% }
	#ftab a.current:after { display: none }
}
@media only screen and (max-width:890px) {
	.fcol1, .fcol2, .fcol3, .fcol4, .fcol1a, .fcol1b { width: 98% }
	.fSpot, .fSpot2 { margin: 10px 0 0 0; width: 100% }
}


/*
* FooTable v3 - FooTable is a jQuery plugin that aims to make HTML tables on smaller devices look awesome.
* @version 3.1.4
* @link http://fooplugins.com
* @copyright Steven Usher & Brad Vincent 2015
* @license Released under the GPLv3 license.
*/
/* globals - instead we house them under the .footable.table class as the root of FooTable is always the table itself. */
.alignRight { text-align: right !important }
.alignCenter { text-align: center !important }
.noWrap { white-space: nowrap !important }
@media only screen and (max-width:768px) {
	.wrapTable .alignRight.chg { text-align: left !important }
}
@media only screen and (max-width:480px) {
	.alignRight { text-align: left !important }
	.alignCenter { text-align: left !important }
}

.wrapTable {
	margin-top: 20px;
	position: relative;
	z-index: 50
}
.trimesterTitle .wrapTable { margin-top: 0 }
.wrapTable > .table { font-size: 13px }

.wrapTable.v2 { margin-top: 12px }

.wrapTable.v3 {
	border: 1px solid #ddd;
	margin-top: 14px;
	padding: 10px 14px;
}
.wrapTable.v3 > .table { /*font-size: 15px*/ }
.wrapTable.v5 { margin-top: 0 }


.footable.table, .footable.table *,
.footable-details.table, .footable-details.table * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.footable.table th,
.footable-details.table th {
	color: #49b707;
	font-size: 13px;
	font-weight: 500;
	text-align: left;
	text-transform: uppercase;
	white-space: nowrap;
}

.footable-detail-row td {
	background-color: #f7f7f7 !important
}

.wrapTable.v4 .footable.table > tbody > tr > td {
	background-color: #49b707;
	border-top: none;
	color: #fff
}
.footable tr:nth-child(even) td { background: #fbfbfb }
.footable tr.discount td {
	color: #9d9d9d;
	font-style: italic;
}
.footable tr.discount input[type="checkbox"] {
	background-image: url(../img/checkDisabled.png);
	cursor: default;
	opacity: .6;
}
.footable tr.discount .buyCheck { cursor: default }
.wrapTable.v3 .footable tr:nth-child(even) td { background: #fff }
.footable tr:nth-child(odd) td { background: #fff }

@media only screen and (max-width:800px) {
	.footable tr:nth-child(even) td { background: #fff }
}
.wrapNumber {
	text-align: right
}
.linesData {
	border: 1px solid #ddd;
	border-radius: 6px;
	font-size: 0;
	margin-top: 14px;
	padding: 4px 8px;
}
.linesData .fcol1,
.linesData .fcol2,
.linesData .fcol3,
.linesData .fcol4 { border-bottom: 1px solid #ddd }
.linesData .fcol1:last-of-type,
.linesData .fcol2:last-of-type,
.linesData .fcol3:last-of-type,
.linesData .fcol4:last-of-type { border-bottom: none }
.linesData p {
	font-size: 13px;
	font-weight: 400;
	padding: 8px 0
}
.linesData p span {
	display: inline-block;
	color: #9c9c9c;
	font-weight: 300;
	text-transform: uppercase;
	width: 97px;
}

/* tables */
.footable.table,
.footable-details.table {
	/*margin-bottom: 20px;*/
	max-width: 100%;
	text-align: left;
	width: 100%;
}
.footable.table > caption + thead > tr:first-child > th,
.footable.table > colgroup + thead > tr:first-child > th,
.footable.table > thead:first-child > tr:first-child > th,
.footable.table > caption + thead > tr:first-child > td,
.footable.table > colgroup + thead > tr:first-child > td,
.footable.table > thead:first-child > tr:first-child > td,
.footable-details.table > caption + thead > tr:first-child > th,
.footable-details.table > colgroup + thead > tr:first-child > th,
.footable-details.table > thead:first-child > tr:first-child > th,
.footable-details.table > caption + thead > tr:first-child > td,
.footable-details.table > colgroup + thead > tr:first-child > td,
.footable-details.table > thead:first-child > tr:first-child > td {
	border-top: 0;
}
.footable.table > thead > tr > th,
.footable.table > tbody > tr > th,
.footable.table > tfoot > tr > th,
.footable.table > thead > tr > td,
.footable.table > tbody > tr > td,
.footable.table > tfoot > tr > td,
.footable-details.table > thead > tr > th,
.footable-details.table > tbody > tr > th,
.footable-details.table > tfoot > tr > th,
.footable-details.table > thead > tr > td,
.footable-details.table > tbody > tr > td,
.footable-details.table > tfoot > tr > td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ddd;
}
.trimesterTitle .footable.table > thead > tr > th { padding: 0 8px 8px 8px }
tr.footable-filtering th {
	padding: 0 0 12px 0 !important
}
.wrapTable.v3 .footable.table > thead > tr > th,
.wrapTable.v3 .footable.table > tbody > tr > th,
.wrapTable.v3 .footable.table > tfoot > tr > th,
.wrapTable.v3 .footable.table > thead > tr > td,
.wrapTable.v3 .footable.table > tbody > tr > td,
.wrapTable.v3 .footable.table > tfoot > tr > td,
.wrapTable.v3 .footable-details.table > thead > tr > th,
.wrapTable.v3 .footable-details.table > tbody > tr > th,
.wrapTable.v3 .footable-details.table > tfoot > tr > th,
.wrapTable.v3 .footable-details.table > thead > tr > td,
.wrapTable.v3 .footable-details.table > tbody > tr > td,
.wrapTable.v3 .footable-details.table > tfoot > tr > td {
	border-top: none;
	padding: 1px;
}
.footable.table > thead > tr > th,
.footable.table > thead > tr > td,
.footable-details.table > thead > tr > th,
.footable-details.table > thead > tr > td {
	border-bottom: 1px solid #49b707;
	line-height: 16px;
	vertical-align: bottom;
	white-space: nowrap;
}
.footable.table-condensed > thead > tr > th,
.footable.table-condensed > tbody > tr > th,
.footable.table-condensed > tfoot > tr > th,
.footable.table-condensed > thead > tr > td,
.footable.table-condensed > tbody > tr > td,
.footable.table-condensed > tfoot > tr > td,
.footable-details.table-condensed > thead > tr > th,
.footable-details.table-condensed > tbody > tr > th,
.footable-details.table-condensed > tfoot > tr > th,
.footable-details.table-condensed > thead > tr > td,
.footable-details.table-condensed > tbody > tr > td,
.footable-details.table-condensed > tfoot > tr > td {
	padding: 5px
}
.footable.table-bordered,
.footable-details.table-bordered {
	border: 1px solid #ddd
}
.footable.table-bordered > thead > tr > th,
.footable.table-bordered > tbody > tr > th,
.footable.table-bordered > tfoot > tr > th,
.footable.table-bordered > thead > tr > td,
.footable.table-bordered > tbody > tr > td,
.footable.table-bordered > tfoot > tr > td,
.footable-details.table-bordered > thead > tr > th,
.footable-details.table-bordered > tbody > tr > th,
.footable-details.table-bordered > tfoot > tr > th,
.footable-details.table-bordered > thead > tr > td,
.footable-details.table-bordered > tbody > tr > td,
.footable-details.table-bordered > tfoot > tr > td {
	border: 1px solid #ddd;
}
.footable.table-bordered > thead > tr > th,
.footable.table-bordered > thead > tr > td,
.footable-details.table-bordered > thead > tr > th,
.footable-details.table-bordered > thead > tr > td {
	border-bottom-width: 2px
}
.footable.table-striped > tbody > tr:nth-child(odd),
.footable-details.table-striped > tbody > tr:nth-child(odd) {
	background-color: #f9f9f9
}
.footable.table-hover > tbody > tr:hover,
.footable-details.table-hover > tbody > tr:hover {
	background-color: #f5f5f5
}
/* buttons */
.footable .btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-appearance: button;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	overflow: visible;
	text-transform: none;
}
.footable .btn:hover,
.footable .btn:focus,
.footable .btn.focus {
	color: #333;
	text-decoration: none;
}
.footable .btn-default {
	color: #333;
	background-color: #efefef;
	border-color: #ccc;
}
.footable .btn-default:hover,
.footable .btn-default:focus,
.footable .btn-default.focus,
.footable .btn-default:active,
.footable .btn-default.active,
.footable .open > .dropdown-toggle.btn-default {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
}
.footable .btn-primary {
	color: #fff;
	background-color: #49b707;
	border-color: #49b707;
	transition:all 0.3s ease;
}
.footable .btn-primary:hover,
.footable .btn-primary:focus,
.footable .btn-primary.focus,
.footable .btn-primary:active,
.footable .btn-primary.active,
.footable .open > .dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #51c909;
	border-color: #51c909;
}
/* button groups */
.footable .btn-group, .footable .btn-group-vertical {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
.footable .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.footable .btn-group > .btn:first-child {
	margin-left: 0;
}
.footable .btn-group-vertical > .btn,
.footable .btn-group > .btn {
	position: relative;
	float: left;
}
.footable .btn-group-xs > .btn,
.footable .btn-xs {
	padding: 1px 5px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}
.footable .btn-group-sm > .btn,
.footable .btn-sm {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}
.footable .btn-group-lg > .btn,
.footable .btn-lg {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 6px;
}
/* caret */
.footable .caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}
.footable .btn .caret {
	margin-left: 0
}
/* form-group */
.form-group {
	margin-bottom: 15px
}
/* form-control */
.footable .form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	margin: 0;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
/* input-group */
.footable .input-group {
	position: relative;
	display: table;
	border-collapse: separate;
}
.footable .input-group .form-control {
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0;
}
.footable .input-group-btn {
	position: relative;
	font-size: 0;
	white-space: nowrap;
}
.footable .input-group-addon,
.footable .input-group-btn {
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
}
.footable .input-group-addon,
.footable .input-group-btn,
.footable .input-group .form-control {
	display: table-cell
}
.footable .input-group-btn > .btn + .btn,
.footable .input-group-btn:last-child > .btn,
.footable .input-group-btn:last-child > .btn-group {
	margin-left: -1px
}
.footable .input-group-btn > .btn {
	position: relative
}
.footable .input-group-btn > .btn:hover,
.footable .input-group-btn > .btn:focus,
.footable .input-group-btn > .btn:active {
	z-index: 2
}
.footable .input-group .form-control:first-child,
.footable .input-group-addon:first-child,
.footable .input-group-btn:first-child > .btn,
.footable .input-group-btn:first-child > .btn-group > .btn,
.footable .input-group-btn:first-child > .dropdown-toggle,
.footable .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.footable .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.footable .input-group .form-control:last-child,
.footable .input-group-addon:last-child,
.footable .input-group-btn:last-child > .btn,
.footable .input-group-btn:last-child > .btn-group > .btn,
.footable .input-group-btn:last-child > .dropdown-toggle,
.footable .input-group-btn:first-child > .btn:not(:first-child),
.footable .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
/* checkboxes & radios */
.footable .radio,
.footable .checkbox {
	position: relative;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}
.footable .radio label,
.footable .checkbox label {
	max-width: 100%;
	min-height: 20px;
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: 400;
	cursor: pointer;
	text-transform: none;
}
.footable .radio input[type=radio],
.footable .radio-inline input[type=radio],
.footable .checkbox input[type=checkbox],
.footable .checkbox-inline input[type=checkbox] {
	position: absolute;
	line-height: normal;
}
/* dropdown-menu */
.footable .dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.footable .open > .dropdown-menu { display: block }
.footable .dropdown-menu-right {
	right: 0;
	left: auto;
}
.footable .dropdown-menu > li > a {
	display: block;
	padding: 3px 12px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
}
.footable .dropdown-menu > li > a:hover,
.footable .dropdown-menu > li > a:focus {
	color: #262626;
	text-decoration: none;
	background-color: #f5f5f5;
}
/* pagination */
.footable .pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px;
}
.footable .pagination > li { display: inline }
.footable .pagination > li:first-child > a,
.footable .pagination > li:first-child > span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.footable .pagination > li > a,
.footable .pagination > li > span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #337ab7;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}
.footable .pagination > li > a:hover,
.footable .pagination > li > span:hover,
.footable .pagination > li > a:focus,
.footable .pagination > li > span:focus {
	color: #23527c;
	background-color: #eee;
	border-color: #ddd;
}
.footable .pagination > .active > a,
.footable .pagination > .active > span,
.footable .pagination > .active > a:hover,
.footable .pagination > .active > span:hover,
.footable .pagination > .active > a:focus,
.footable .pagination > .active > span:focus {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #337ab7;
	border-color: #337ab7;
}
.footable .pagination > .disabled > span,
.footable .pagination > .disabled > span:hover,
.footable .pagination > .disabled > span:focus,
.footable .pagination > .disabled > a,
.footable .pagination > .disabled > a:hover,
.footable .pagination > .disabled > a:focus {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd;
}
/* labels */
.footable .label {
	display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
}
.footable .label-default { background-color: #777 }
/* wells */
.footable-loader.well {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
/* screen reader only */
.footable .sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}
/* form-inline */
/*@media (min-width: 768px) {
}*/
.footable .form-inline .form-group { display:inline-block; margin-bottom: 0; vertical-align: middle }
.footable .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle }
.footable .form-inline .input-group { display: inline-table; vertical-align: middle }
.footable .form-inline .input-group .input-group-addon,
.footable .form-inline .input-group .input-group-btn,
.footable .form-inline .input-group .form-control { width: auto }
.footable .form-inline .input-group>.form-control { width: 100% }
table.footable,
table.footable-details {
	position: relative;
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}
table.footable-details { margin-bottom: 0 }
table.footable-hide-fouc { display: none }
table > tbody > tr > td > span.footable-toggle {
	margin-right: 8px;
	opacity: 0.3;
}
table.tbShop > tbody > tr > td > span.footable-toggle {
	margin-top: 4px;
	position: absolute;
}
table > tbody > tr > td > span.footable-toggle.last-column {
	margin-left: 8px;
	float: right;
}
table.table-condensed > tbody > tr > td > span.footable-toggle {
	margin-right: 5px;
}
table.footable-details > tbody > tr > th:nth-child(1) {
	min-width: 40px;
	width: 120px;
}
table.footable-details > tbody > tr > td:nth-child(2) { word-break: break-all }

table.footable-details > thead > tr:first-child > th,
table.footable-details > thead > tr:first-child > td,
table.footable-details > tbody > tr:first-child > th,
table.footable-details > tbody > tr:first-child > td,
table.footable-details > tfoot > tr:first-child > th,
table.footable-details > tfoot > tr:first-child > td {
	border-top-width: 0;
}
table.footable-details.table-bordered > thead > tr:first-child > th,
table.footable-details.table-bordered > thead > tr:first-child > td,
table.footable-details.table-bordered > tbody > tr:first-child > th,
table.footable-details.table-bordered > tbody > tr:first-child > td,
table.footable-details.table-bordered > tfoot > tr:first-child > th,
table.footable-details.table-bordered > tfoot > tr:first-child > td {
	border-top-width: 1px
}

div.footable-loader {
	vertical-align: middle;
	text-align: center;
	height: 300px;
	position: relative;
}
div.footable-loader > span.fooicon {
	display: inline-block;
	opacity: 0.3;
	font-size: 30px;
	line-height: 32px;
	width: 32px;
	height: 32px;
	margin-top: -16px;
	margin-left: -16px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-animation: fooicon-spin-r 2s infinite linear;
	animation: fooicon-spin-r 2s infinite linear;
}
table.footable > tbody > tr.footable-empty > td {
	padding: 10px 0 0 0;
	vertical-align: middle;
	text-align: center;
	font-size: 15px;
}
table.footable > tbody > tr > td,
table.footable > tbody > tr > th {
	display: none;
}
table.footable > tbody > tr.footable-empty > td,
table.footable > tbody > tr.footable-empty > th,
table.footable > tbody > tr.footable-detail-row > td,
table.footable > tbody > tr.footable-detail-row > th {
	display: table-cell
}
@-webkit-keyframes fooicon-spin-r {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

@keyframes fooicon-spin-r {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

.fooicon {
	font-size: inherit;
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-weight: 900;
	line-height: 1;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
}
.fooicon:before,
.fooicon:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.fooicon-loader:before { content: "\f01e" }
.fooicon-plus:before { content: "\f067" }
.fooicon-minus:before { content: "\f068" }
.fooicon-search:before { content: "\f002" }
.fooicon-remove:before { content: "\f00d" }
.fooicon-sort:before { color: #cbcbcb; content: "\f0dc" }
.fooicon-sort-asc:before { content: "\f0de" }
.fooicon-sort-desc:before { content: "\f0dd" }
.fooicon-pencil:before { content: "\f040" }
.fooicon-trash:before { content: "\f1f8" }
.fooicon-eye-close:before { content: "\f070" }
.fooicon-flash:before { content: "\f0e7" }
.fooicon-cog:before { content: "\f013" }
.fooicon-stats:before { content: "\f080" }

table.footable > thead > tr.footable-filtering > th {
	border-bottom-width: 1px;
	font-weight: normal;
}
table.footable > thead > tr.footable-filtering > th,
table.footable.footable-filtering-right > thead > tr.footable-filtering > th {
	text-align: right
}
table.footable.footable-filtering-left > thead > tr.footable-filtering > th {
	text-align: left
}
table.footable.footable-filtering-center > thead > tr.footable-filtering > th {
	text-align: center
}
table.footable > thead > tr.footable-filtering > th div.form-group {
	margin-bottom: 0
}
table.footable > thead > tr.footable-filtering > th div.form-group+div.form-group {
	margin-top: 5px
}
table.footable > thead > tr.footable-filtering > th div.input-group {
	width: 100%
}
table.footable > thead > tr.footable-filtering > th ul.dropdown-menu > li > a.checkbox {
	margin: 0;
	display: block;
	position: relative;
}
table.footable > thead > tr.footable-filtering > th ul.dropdown-menu > li > a.checkbox > label {
	display: block;
	padding-left: 20px;
}
table.footable > thead > tr.footable-filtering > th ul.dropdown-menu > li > a.checkbox input[type="checkbox"] {
	position: absolute;
	margin-left: -21px;
}
table.footable.fixedSearch > thead > tr.footable-filtering > th div.form-group {
	left: 0;
	position: sticky;
	width: 270px;
	z-index: 100;
}
@media (min-width: 768px) {
	table.footable > thead > tr.footable-filtering > th div.form-group {
	}
	table.footable > thead > tr.footable-filtering > th div.form-group+div.form-group {
		margin-top: 0
	}
}
table.footable > thead > tr > td.footable-sortable,
table.footable > thead > tr > th.footable-sortable,
table.footable > tbody > tr > td.footable-sortable,
table.footable > tbody > tr > th.footable-sortable,
table.footable > tfoot > tr > td.footable-sortable,
table.footable > tfoot > tr > th.footable-sortable {
	position: relative;
	cursor: pointer;
}
td.footable-sortable > span.fooicon,
th.footable-sortable > span.fooicon {
	margin-left: 8px;
	transition: opacity 0.3s ease-in;
}
td.footable-sortable:hover > span.fooicon,
th.footable-sortable:hover > span.fooicon {
	opacity: 1
}
td.footable-sortable.footable-asc > span.fooicon,
th.footable-sortable.footable-asc > span.fooicon,
td.footable-sortable.footable-desc > span.fooicon,
th.footable-sortable.footable-desc > span.fooicon {
	opacity: 1
}
/* hides the sort icons when sorting is not allowed */
table.footable-sorting-disabled td.footable-sortable.footable-asc > span.fooicon,
table.footable-sorting-disabled td.footable-sortable.footable-desc > span.fooicon,
table.footable-sorting-disabled td.footable-sortable:hover > span.fooicon,
table.footable-sorting-disabled th.footable-sortable.footable-asc > span.fooicon,
table.footable-sorting-disabled th.footable-sortable.footable-desc > span.fooicon,
table.footable-sorting-disabled th.footable-sortable:hover > span.fooicon {
	opacity: 0;
	visibility: hidden;
}
table.footable > tfoot > tr.footable-paging > td > ul.pagination {
	margin: 10px 0 0 0;
}
table.footable > tfoot > tr.footable-paging > td > span.label {
	display: inline-block;
	margin: 0 0 10px 0;
	padding: 4px 10px;
}
table.footable > tfoot > tr.footable-paging > td,
table.footable-paging-center > tfoot > tr.footable-paging > td {
	text-align: center
}
table.footable-paging-left > tfoot > tr.footable-paging > td {
	text-align: left
}
table.footable-paging-right > tfoot > tr.footable-paging > td {
	text-align: right
}
ul.pagination > li.footable-page {
	display: none
}
ul.pagination > li.footable-page.visible {
	display: inline
}
td.footable-editing {
	width: 90px;
	max-width: 90px;
}
table.footable-editing-no-edit td.footable-editing,
table.footable-editing-no-delete td.footable-editing,
table.footable-editing-no-view td.footable-editing {
	width: 70px;
	max-width: 70px;
}
table.footable-editing-no-edit.footable-editing-no-delete td.footable-editing,
table.footable-editing-no-edit.footable-editing-no-view td.footable-editing,
table.footable-editing-no-delete.footable-editing-no-view td.footable-editing {
	width: 50px;
	max-width: 50px;
}
table.footable-editing-no-edit.footable-editing-no-delete.footable-editing-no-view td.footable-editing,
table.footable-editing-no-edit.footable-editing-no-delete.footable-editing-no-view th.footable-editing {
	width: 0;
	max-width: 0;
	display: none !important;
}
table.footable-editing-right td.footable-editing,
table.footable-editing-right tr.footable-editing {
	text-align: right
}
table.footable-editing-left td.footable-editing,
table.footable-editing-left tr.footable-editing {
	text-align: left
}
table.footable-editing button.footable-add,
table.footable-editing button.footable-hide,
table.footable-editing-show button.footable-show,
table.footable-editing.footable-editing-always-show button.footable-show,
table.footable-editing.footable-editing-always-show button.footable-hide,
table.footable-editing.footable-editing-always-show.footable-editing-no-add tr.footable-editing {
	display: none
}
table.footable-editing.footable-editing-show button.footable-add,
table.footable-editing.footable-editing-show button.footable-hide,
table.footable-editing.footable-editing-always-show button.footable-add {
	display: inline-block
}


/*! jQuery UI - v1.12.1 - 2017-06-18
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none }
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after { clear: both }
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}
.ui-front { z-index: 100 }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}

/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
}
.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-datepicker {
	width: 17em;
	padding: 9px;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
	color: #b1eb8f
}
.ui-datepicker .ui-datepicker-prev { left: 2px }
.ui-datepicker .ui-datepicker-next { right: 2px }
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	margin-top: 2px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select { margin: 1px 0 }
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	font-size: 13px;
	width: 45%
}
.ui-datepicker table {
	width: 100%;
	border-collapse: collapse;
}
.ui-datepicker th {
	padding: 5px 0;
	text-align: right;
	font-weight: 500;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: 3px .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width: auto }
.ui-datepicker-multi .ui-datepicker-group { float: left }
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group { width: 50% }
.ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3% }
.ui-datepicker-multi-4 .ui-datepicker-group { width: 25% }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0
}
.ui-datepicker-multi .ui-datepicker-buttonpane { clear: left }
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl { direction: rtl }
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	left: .5em;
	top: .3em;
}

/* Component containers
----------------------------------*/
.ui-widget { font-size: 14px }
.ui-widget-content {
	border: 1px solid #ddd;
	background-color: #ffffff;
	box-shadow: 0 4px 20px rgba(8,8,8,0.06);
}
.ui-widget-content a { color: #303030 }
.ui-widget-header {
	background-color: #49b707;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
}
.ui-widget-header a { color: #fff }

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	color: #303030
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	color: #49b707
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214) }
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	background-color: #fbfbfb;
	border: 1px solid #ddd;
	color: #007dd4;
	font-weight: 500
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	color: #febd04;
	font-weight: 500;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}
.ui-icon-circle-triangle-e:after { content: "\f061" }
.ui-icon-circle-triangle-s { background-position: -64px -192px }
.ui-icon-circle-triangle-w:after { content: "\f060" }
.ui-icon-circle-triangle-n { background-position: -96px -192px }
.ui-icon-circle-arrow-e { background-position: -112px -192px }
.ui-icon-circle-arrow-s { background-position: -128px -192px }
.ui-icon-circle-arrow-w { background-position: -144px -192px }
.ui-icon-circle-arrow-n { background-position: -160px -192px }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px }

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}


/* ----------- notificationsList -----------*/
#notificationsList {
	font-size: 14px;
	margin-bottom: 10px;
	margin-top: 0;
}
#notificationsList li {
	border-bottom: 1px solid #ddd;
	padding: 9px 0;
}
#notificationsList li:before { display: none }
#notificationsList li:last-child { border-bottom: none }
#notificationsList .icon, #notificationsList .date, #notificationsList .title {
	display: inline-block;
	vertical-align: top;
}
#notificationsList .icon {
	color: #49b707;
	cursor: pointer;
	font-size: 15px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 500;
	min-width: 24px;
	padding-right: 8px;
	position: relative;
	top:1px;
	transition:all 0.3s ease;
	width: 2%;
}
#notificationsList .icon:before {
	content: "\f0c8";
	transition:all 0.3s ease;
}
#notificationsList .icon:hover:before { content: "\f14a" }
#notificationsList .finished .icon:before {
	color: #bbbdbf;
	content: "\f14a"
}
#notificationsList .date {
	color: #aaabad;
	width: 10%
}
#notificationsList .title {
	font-style: italic;
	width: 86%
}
#notificationsList .finished .date, #notificationsList .finished .title {
	color: #aaabad;
	text-decoration: line-through;
}
@media only screen and (max-width:1070px) {
	#notificationsList .date { width: 11% }
	#notificationsList .title { width: 84% }
}
@media only screen and (max-width:746px) {
	#notificationsList .date { width: 70% }
	#notificationsList .title { padding: 1px 0 0 24px; width: 100% }
}


/* ----------- formalities -----------*/
#formalities li { padding: 4px 0 4px 8px }
#formalities li:before { display: none }
#formalities li span { margin-right: 4px }

#formalities .yes { color: #49b707 }
#formalities .no { color: #b9b9b9 }


/* ----------- aRow -----------*/
.aRow {
	border: 1px solid #d0d0d0;
	display: inline-block;
	font-size: 14px;
	margin: 2px 8px 0 0;
	position: relative;
	transition:all 0.3s ease;
}
.aRow.v2 { margin-top: 8px }
.fcol1.nested .aRow { background-color: #fff }
.aRow span {
	background-color: #fff;
	border: 1px solid #d0d0d0;
	border-radius: 50%;
	color: #ea3401;
	cursor: pointer;
	font-family: Verdana;
	font-size: 13px;
	height: 20px;
	left: -4px;
	line-height: 16px;
	margin-left: 8px;
	position: absolute;
	text-align: center;
	top: 4px;
	transition:all 0.3s ease;
	width: 20px;
}
.aRow span:hover {
	background-color: #ea3401;
	border-color: #ea3401;
	color: #fff
}
.aRow a {
	color: #303030;
	display: block;
	padding: 6px 10px;
	position: relative;
}
.aRow a:before {
	content: "\f0c6";
	color: #909090;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	margin-right: 7px;
}
.aRow a:hover, .aRow a:hover:before { color: #007dd4 }


/* ----------- newRequest -----------*/
.newRequest {
	background-color: #49b707;
	border-radius: 4px;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	padding: 8px 14px;
	position: absolute;
	right: 0;
	text-transform: uppercase;
	transition:all 0.3s ease;
	top: 0;
	z-index: 400;
}
.newRequest span { margin-right: 4px }
.newRequest:hover {
	background-color: #51c909;
	color: #fff
}
@media only screen and (max-width:768px) {
	.newRequest { display: block; margin-bottom: 12px; position: relative }
}


/* ----------- dashTran -----------*/
#dashTran {
	font-size: 0;
	margin-top: 20px;
}
#dashTran a {
	border:1px solid #ddd;
	border-radius: 10px;
	display: inline-block;
	margin: -1px 3.5% 3.5% -1px;
	padding: 30px 20px;
	position: relative;
	text-align: center;
	transition:all 0.3s ease;
	vertical-align: top;
	width: 31%
}
#dashTran a:nth-child(3), #dashTran a:nth-child(6), #dashTran a:nth-child(9) { margin-right: 0 }
#dashTran a:hover { background-color: #f9f9f9 }
#dashTran a i {
	color: #49b707;
	font-size: 44px;
	margin-bottom: 9px;
	position: relative;
	top: 0;
	transition:all 0.3s ease;
}
#dashTran a span {
	color: #51565a;
	display: block;
	font-size: 12px;
	font-weight: 500;
	line-height: 17px;
	margin: auto;
	max-width: 140px;
	position: relative;
	text-transform: uppercase;
	top: 0;
	transition:all 0.3s ease;
}
#dashTran a:hover i,
#dashTran a:hover span {
	color: #49b707;
	top: -6px;
}
@media only screen and (max-width:630px) {
	#dashTran a { padding: 20px; width: 48.25% }
	#dashTran a:nth-child(3) { margin-right: 3.5% }
	#dashTran a:nth-child(2), #dashTran a:nth-child(4) { margin-right: 0 }
}


/* ----------- loading -----------*/
#loading {
	background: rgba(0,0,0,0.4);
	bottom: 0px;
	display:none;
	left: 0px;
	height:100%;
	position: fixed;
	width: 100%;
	z-index:80000;
}
.spinner {
	border-radius: 10px;
	left: 50%;
	text-align: center;
	padding: 20px 40px;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}
.spinner p {
	color: #fff;
	font-size: 12px;
	margin-top: 2px;
	text-shadow: 1px 1px 1px #6d6d6d;
	text-transform: uppercase;
}
.spinner > div {
	background-color: #fff;
	border-radius: 4px;
	display: inline-block;
	height: 44px;
	margin: 0 2px;
	width: 4px;
	-webkit-animation: sk-bouncedelay 1.8s infinite ease-in-out both;
	animation: sk-bouncedelay 1.8s infinite ease-in-out both;
}
.spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0) }
	40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0) }
	40% { -webkit-transform: scale(1.0); transform: scale(1.0) }
}


/* ----------- cols -----------*/
.col50, .col33, .col25 {
	display: -ms-grid;
	display: grid;
	grid-gap: 0 20px;
}
.col50 {
	-ms-grid-columns: 1fr 20px 1fr;
	grid-template-columns: repeat(2,1fr);
}
.col50 :nth-child(1) { -ms-grid-column: 1 }
.col50 :nth-child(2) { -ms-grid-column: 3 }
.col50 :nth-child(3) { -ms-grid-column: 1; -ms-grid-row: 2 }
.col50 :nth-child(4) { -ms-grid-column: 3; -ms-grid-row: 2 }
.col50 :nth-child(5) { -ms-grid-column: 1; -ms-grid-row: 3 }
.col50 :nth-child(6) { -ms-grid-column: 3; -ms-grid-row: 3 }
.col50 :nth-child(7) { -ms-grid-column: 1; -ms-grid-row: 4 }
.col50 :nth-child(8) { -ms-grid-column: 3; -ms-grid-row: 4 }

.col33 {
	-ms-grid-columns: 1fr 20px 1fr 20px 1fr;
	grid-template-columns: repeat(3,1fr);
}
.col33 :nth-child(1) { -ms-grid-column: 1 }
.col33 :nth-child(2) { -ms-grid-column: 3 }
.col33 :nth-child(3) { -ms-grid-column: 5 }

.col33 :nth-child(4) { -ms-grid-column: 1; -ms-grid-row: 2 }
.col33 :nth-child(5) { -ms-grid-column: 3; -ms-grid-row: 2 }
.col33 :nth-child(6) { -ms-grid-column: 5; -ms-grid-row: 2 }

.col33 :nth-child(7) { -ms-grid-column: 1; -ms-grid-row: 3 }
.col33 :nth-child(8) { -ms-grid-column: 3; -ms-grid-row: 3 }
.col33 :nth-child(9) { -ms-grid-column: 5; -ms-grid-row: 3 }

.col33 :nth-child(10) { -ms-grid-column: 1; -ms-grid-row: 4 }
.col33 :nth-child(11) { -ms-grid-column: 3; -ms-grid-row: 4 }
.col33 :nth-child(12) { -ms-grid-column: 5; -ms-grid-row: 4 }

.col33 :nth-child(13) { -ms-grid-column: 1; -ms-grid-row: 5 }
.col33 :nth-child(14) { -ms-grid-column: 3; -ms-grid-row: 5 }
.col33 :nth-child(15) { -ms-grid-column: 5; -ms-grid-row: 5 }

.col33 :nth-child(16) { -ms-grid-column: 1; -ms-grid-row: 6 }
.col33 :nth-child(17) { -ms-grid-column: 3; -ms-grid-row: 6 }
.col33 :nth-child(18) { -ms-grid-column: 5; -ms-grid-row: 6 }

.col33 :nth-child(19) { -ms-grid-column: 1; -ms-grid-row: 7 }
.col33 :nth-child(20) { -ms-grid-column: 3; -ms-grid-row: 7 }
.col33 :nth-child(21) { -ms-grid-column: 5; -ms-grid-row: 7 }

.col25 {
	-ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
	grid-template-columns: repeat(4,1fr);
}

@media only screen and (max-width:1100px) {
	.col25, .col33, .col50 { grid-template-columns: repeat(2,1fr) }
	.split1 { grid-column: span 2 }
}
@media only screen and (max-width:600px) {
	.col25, .col33, .col50 { grid-template-columns: repeat(1,1fr); display: block }
	.split1 { grid-column: span 1 }
}


/* ----------- guideBox -----------*/
.guideBox { margin: 4px 28px 28px 28px }
.guideBox.col3 { margin-bottom: 28px }
.guideBox.store { margin-top: 0 }
.guideBox a {
	border-radius: 10px;
	display: inline-block;
	margin: 2.6% 2.6% 0 0;
	overflow: hidden;
	position: relative;
	vertical-align: top;
	width: 23%;
}
.guideBox a:nth-child(4n+4) { margin-right: 0 }
.guideBox.col3 a {
	margin: 2.5% 2.5% 0 0;
	width: 31.666666666666%;
}
.guideBox.col3 a:nth-child(3n+3) { margin-right: 0 }
.guideBox a figure {
	padding-bottom: 72%;
	position: relative;
	transition:all 0.3s ease;
}
.guideBox.store a figure { padding-bottom: 76% }
.guideBox a:hover figure { transform: scale(1.1) }
.guideBox a figure:after {
	background-color: rgba(49,49,49,0.5);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.guideBox.store a figure:after {
	background-color: transparent;
	background-image: linear-gradient(rgba(49,49,49,0), rgba(49,49,49,1));
	bottom: 0;
	height: 50%;
	top: initial;
}
.guideBox a p {
	bottom: 0;
	color: #fff;
	font-size: 1.1em;
	font-weight: 500;
	padding: 0 19px 16px 19px;
	position: absolute;
	text-align: center;
	text-shadow: 0 0 10px rgba(20,20,20,0.5);
	text-transform: uppercase;
	transition:all 0.3s ease;
	width: 100%;
}
.guideBox.store a p {
	text-align: left;
	text-transform: initial;
}
.guideBox a:hover p {
	bottom: 12px;
	color: #fec305;
}
@media only screen and (max-width:1060px) {
	.guideBox a { width: 31.6% }
	.guideBox a:nth-child(4n+4) { margin-right: 2.6% }
	.guideBox a:nth-child(3n+3) { margin-right: 0 }
}
@media only screen and (max-width:820px) {
	.guideBox { margin: 4px 2px 0 2px }
	.guideBox a { margin-top: 4%; margin-right: 4%; width: 48% }
	.guideBox a:nth-child(3n+3) { margin-right: 4% }
	.guideBox a:nth-child(2n+2) { margin-right: 0 }

	.guideBox.col3 a { margin: 4% 4% 0 0; width: 48% }
	.guideBox.col3 a:nth-child(3n+3) { margin-right: 4% }
	.guideBox.col3 a:nth-child(2n+2) { margin-right: 0 }
}
@media only screen and (max-width:560px) {
	.guideBox a { margin-top: 22px; width: 100% }

	.guideBox.col3 a { margin-top: 22px; width: 100% }
}

#tags {
	background-color: #efefef;
	overflow: auto;
	padding: 10px 14px;
}
#tags a {
	color: #0071c0;
	margin-right: 8px;
}
#tags a:hover {
	text-decoration: underline;
}

.guideInfo {
	display: grid;
	grid-template-columns: auto 1fr;
	margin-bottom: 24px;
}
.guideInfo p {
	border-bottom: 1px solid #dedede;
	padding: 14px 0;
}
.guideInfo p:nth-child(2n+1) {
	color: #898989;
	padding-right: 13px;
}
.guideInfo p:nth-child(2n+2) {
	font-weight: 400;
}
.guideInfo p:nth-child(1),
.guideInfo p:nth-child(2) {
	border-top: 1px solid #dedede;
}
.guideInfo a { color: #303030 }
.guideInfo a:hover { color: #0071c0 }

.wrapLogo {
	margin-bottom: 18px;
}
#guideLogo {
	background-color: #f0f0f0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	border: 2px solid #d4d4d4;
	border-radius: 50%;
	display: inline-block;
	height: 110px;
	width: 110px;
	vertical-align: middle;
}
.guideTitle {
	color: #0071c0;
	display: inline-block;
	font-size: 1.6em;
	font-weight: 500;
	padding: 0 0 0 14px;
	text-align: left;
	vertical-align: middle;
	width: 70%;
}
@media only screen and (max-width:480px) {
	#guideLogo { display: block; margin: auto }
	.guideTitle { display: block; margin-top: 12px; padding: 0; text-align: center }
}

.guideTxt { margin: 24px 0 30px }
.guideTxt p { margin-top: 22px }

#boxAttaches {
	margin-top: 22px;
	text-align: left;
}
#boxAttaches a {
	border-radius: 6px;
	border:1px solid #dedede;
	color: #2a363d;
	display: inline-block;
	font-size: .9em;
	margin: 0 5px 8px 0;
	max-width: 168px;
	overflow: hidden;
	padding: 8px 11px;
	text-overflow: ellipsis;
	transition:all 0.3s ease;
	white-space: nowrap;
}
#boxAttaches a i {
	color: #9ea4a7;
	margin-right: 6px
}
#boxAttaches a:hover {
	background-color: #fff;
	border:1px solid #0071c0;
	color: #0071c0;
}

.guideSearch {
	height: 40px;
	margin: 24px 28px 0 28px;
	max-width: 323px;
	position: relative;
	top: 4px;
}
.col2 .guideSearch { margin-top: 24px !important }
.guideSearch input[type="search"] {
	border: 1px solid #0071c0;
	border-radius: 6px;
	font-weight: 500;
	height: 100%;
	padding: 0 14px;
	width: 100%;
}
.guideSearch input[type="submit"] {
	background-color: #0071c0;
	border-radius: 0 6px 6px 0;
	color: #fff;
	font-weight: 500;
	height: 100%;
	padding: 0 16px;
	position: absolute;
	right: 0;
	top: 0;
}
.guideSearch input[type="search"]::-webkit-input-placeholder { color:#0071c0 }
.guideSearch input[type="search"]::-moz-placeholder { color:#0071c0; opacity:1 }
@media only screen and (max-width:820px) {
	.guideSearch { margin: 6px 2px 0 2px; max-width: initial }
	.guideSearch.v2 { margin-top: 39px }
}
@media only screen and (max-width:500px) {
	#guideLogo img { float: initial }
}


/* ----------- dataBox -----------*/
.dataBox {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	grid-gap: 26px;
	margin-top: 288px;

	display: -ms-grid;
	-ms-grid-columns: 1fr 26px 1fr 26px 1fr 26px 1fr;
	-ms-grid-rows: 1fr 26px 1fr;
}
.dataBox a {
	border: 2px solid #007dd4;
	border-radius: 20px 0 20px 0;
	color: #007dd4;
	display: block;
	font-weight: 500;
	padding: 26px 20px 56px 20px;
	position: relative;
	text-align: center;
	transition:all 0.3s ease;
	top: 0;
}
.dataBox a:hover {
	border: 2px solid #414141;
	top: -8px;
}
.dataBox :nth-child(1) { -ms-grid-column: 1 }
.dataBox :nth-child(2) { -ms-grid-column: 3 }
.dataBox :nth-child(3) { -ms-grid-column: 5 }
.dataBox :nth-child(4) { -ms-grid-column: 7 }
.dataBox :nth-child(5) { -ms-grid-column: 1; -ms-grid-row: 3 }
.dataBox :nth-child(6) { -ms-grid-column: 3; -ms-grid-row: 3 }
.dataBox :nth-child(7) { -ms-grid-column: 5; -ms-grid-row: 3 }
.dataBox a svg {
	fill: #007dd4;
	transition:all 0.3s ease;
	width: 100px;
}
.dataBox a p {
	background-color: #007dd4;
	bottom: 0;
	border-radius: 0 0 16px 0;
	color: #fff;
	left: 0;
	padding: 8px 20px;
	position: absolute;
	transition:all 0.3s ease;
	width: 100%;
}
.dataBox a:hover p { background-color: #414141  }
.dataBox a:hover svg { fill: #414141 }

.openBanner {
	background-color: #e7e7e7;
	background-image: url(../img/opendataBanner.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 290px;
	position: relative;
	width: 100%;
}
.openBanner:after {
	background-color: rgba(41,41,41,0.4);
	content: "";
	display: none;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.openBanner p {
	font-size: 1.4em;
	font-weight: 500;
	left: 0;
	line-height: 1.3em;
	max-width: 410px;
	padding: 16px 0 16px 46px;
	position: absolute;
	text-align: left;
	top: 50%;
	transform: translateY(-50%);
	z-index: 100;
}
@media only screen and (max-width:1060px) {
	.dataBox { grid-template-columns: repeat(3,1fr) }
}
@media only screen and (max-width:1010px) {
	.openBanner:after { display: block }
	.openBanner p { color: #fff; max-width: initial; padding: 16px 26px; text-align: center; width: 100% }
}
@media only screen and (max-width:854px) {
	.dataBox { grid-template-columns: repeat(2,1fr) }
}
@media only screen and (max-width:488px) {
	.dataBox { grid-template-columns: repeat(1,1fr) }
}


/* ----------- charts -----------*/
.wrapCharts {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	grid-gap: 36px;
}
.mainChart {
	border-bottom: 1px solid #ddd;
	/*height: 600px;*/
	margin-bottom: 12px;
	padding-bottom: 38px;
}
.mainChart.last {
	border-bottom: 1px solid #ddd;
	padding-bottom: 32px;
}

.wrapTables { padding-top: 50px }
.tableTitle {
	color: #007dd4;
	font-size: 1.2em;
	font-weight: 500;
	line-height: 1.1em !important;
	margin-bottom: 12px;
	margin-top: 0 !important;
	position: relative;
	text-align: center;
}
.tableTitle.v2 {
	margin-top: 40px !important;
}
.tableTitle span {
	color: #666;
	display: block;
	font-size: .7em;
	font-weight: 400;
	padding-top: 5px;
}

.tableHeight {
	margin-bottom: 60px;
	overflow: auto;
}
.tableHeight:last-of-type { margin-bottom: 4px }
.tableHeight.mB { margin-bottom: 20px }
.tableHeight table {
	background-color: #303030;
	border-bottom: 1px solid #303030;
	margin: auto;
	table-layout:fixed;
	width: 100%;
}
.tableHeight.auto table { width: 340px }
.tableHeight.mid table { width: 760px }
.tableHeight.midX table { width: 1500px }
.tableHeight.big table { width: 2000px }
.tableHeight.xbig table { width: 2500px }
.tableHeight thead {
	background-color: #303030;
	display: table;
	width: calc(100% - 17px);
}
.tableHeight.mid thead,
.tableHeight.auto thead { width: 100% }
.tableHeight tr {
	display: table;
	width: 100%;
}
.tableHeight tbody {
	background-color: #fff;
	display: block;
	height: 324px;
	overflow-y: auto;
	overflow-x: hidden;
	width: 100%;
}
.tableHeight.auto tbody { height: auto }
.tableHeight th {
	background-color: #313232;
	color: #fff;
	font-weight: 500;
}
tr.footable-filtering th {
	background-color: #fff;
}
.tableHeight th,
.tableHeight td {
	font-size: .92em;
	padding: 10px 13px;
	text-align: left;
}
.tableHeight tr:nth-child(even) td { background-color: #f4f4f4 }
.tableHeight.xbig th {
	font-size: .88em;
	line-height: 15px;
	padding: 8px 13px;
}
.tableHeight.xbig td {
	font-size: .88em;
	line-height: 16px;
	padding: 9px 13px;
}
.tableHeight.xbig td .fa-check { color: #49b707 }
.tableHeight.xbig td .fa-times { color: #ea3401 }
.tableHeight.xbig .fixed { text-align: right }
.tableHeight.xbig .fixed a {
	border: 1px solid #49b707;
	border-radius: 4px;
	color: #49b707;
	display: inline-block;
	font-size: .9em;
	font-weight: 500;
	padding: 3px 6px;
	position: relative;
	transition:all 0.3s ease;
}
.tableHeight.xbig .fixed a:hover {
	border-color: #007dd4;
	color: #007dd4;
}
.tableHeight.xbig .fixed a i { margin-right: 3px }
.tableHeight.xbig .follow a {
	color: #49b707;
	font-size: .9em;
	font-weight: 500;
	transition:all 0.3s ease;
}
.tableHeight.xbig .follow a i { margin-right: 3px }
.tableHeight.xbig .follow a:hover { color: #007dd4 }

.tableExport,
.dt-buttons {
	margin-top: -58px;
	position: absolute;
	right: 32px;
}
.tableExport a {
	color: #a2afbb;
	display: inline-block;
	font-size: 1.3em;
	margin-left: 8px;
	transition:all 0.3s ease;
}
.dt-buttons button {
	background-color: transparent;
	border:none;
	color: #a2afbb;
	cursor: pointer;
	display: inline-block;
	font-size: 1.3em;
	margin-left: 8px;
	padding: 0;
	transition:all 0.3s ease;
}
.tableExport a:nth-child(1):hover,
.dt-buttons button:nth-child(1):hover { color: #12c253 }
.tableExport a:nth-child(2):hover,
.dt-buttons button:nth-child(2):hover { color: #d61c14 }
.tableExport a:nth-child(3):hover { color: #1aa7f4 }
.tableExport a:hover { color: #007dd4 }


.wrapFixed {
	max-height: 377px;
	overflow: scroll;
	position: relative;
	width: 100%;
}
.tableFixed {
	border-collapse: collapse;
	position: relative;
	width: 2200px;
}
.tableFixed thead th {
	background-color: #313232;
	color: #fff;
	font-size: .92em;
	font-weight: 500;
	padding: 10px 13px;
	position: -webkit-sticky;
	position: sticky;
	text-align: left;
	top: 0;
	z-index: 100;
}
.tableFixed thead th:first-child {
	left: 0;
	z-index: 200;
}
.tableFixed tbody th {
	background: #fff;
	font-size: .92em;
	font-weight: 500;
	left: 0;
	padding: 10px 13px;
	position: -webkit-sticky;
	position: sticky;
	text-align: left;
	z-index: 100;
}
.tableFixed tbody tr:nth-child(even) th { background-color: #f4f4f4 }
.tableFixed tbody td {
	font-size: .92em;
	padding: 10px 13px;
	text-align: left;
}
.tableFixed tbody tr:nth-child(even) td { background-color: #f4f4f4 }

.openTabs,
.openTabsEgr {
	border-bottom: 1px solid #cfcfcf;
	margin-bottom: 20px;
	text-align: center;
}
.openTabs a,
.openTabsEgr a {
	color: #666;
	display: inline-block;
	padding: 9px 18px;
	position: relative;
	transition:all 0.3s ease;
}
.openTabs a:hover,
.openTabsEgr a:hover { color: #49b707 }
.openTabs a.current,
.openTabsEgr a.current {
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
	border-top: 1px solid #cfcfcf;
	border-radius: 4px 4px 0 0;
	color: #49b707;
	font-weight: 500;
}
.openTabs a.current:after,
.openTabsEgr a.current:after {
	background-color: #fff;
	bottom: -1px;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	width: 100%;
}
.tabContent, .tabContentEgr {
	display: none;
	margin-bottom: 60px;
}
.tabContent.current,
.tabContentEgr.current { display: inherit }

@media only screen and (max-width:1030px) {
	.wrapCharts { grid-template-columns: repeat(1,1fr) }
	.wrapCharts :nth-child(5) { grid-column: span 1 }
}
@media only screen and (max-width:800px) {
	.mainChart { height: auto }
	.tableHeight table { width: 800px }
	.tableExport, .dt-buttons { display: table; margin-top: initial; margin: 0 auto 20px auto; position: relative; right: initial }
	.tableHeight th, .tableHeight td { font-size: .88em; padding: 8px 11px }
}
@media only screen and (max-width:580px) {
	.tableFixed thead th { position: relative }
	.tableFixed tbody th { position: relative }
}
@media only screen and (max-width:520px) {
	.tableTitle .more { display: block; margin-top: 4px; position: relative }
}


/* ----------- breadcrumb -----------*/
.breadcrumb {
	color: #fff;
	font-size: .93em;
	font-weight: 400;
	position: absolute;
	text-align: center;
	text-shadow: 1px 1px 9px rgba(38,38,38,0.5);
	top: -36px;
	width: 100%;
}
.breadcrumb a {
	color: #fff;
	transition:all 0.3s ease;
}
.breadcrumb a:hover { color: #febd04 }
.breadcrumb a span {
	border-bottom: 1px solid rgba(255,255,255,0.7);
	padding-bottom: 3px;
	transition:all 0.3s ease;
}
.breadcrumb a:hover span {
	border-bottom: 1px solid rgba(254,189,4,1)
}
.breadcrumb i {
	color: #ffa310;
	margin: 0 10px;
}
.breadcrumb a:last-child span { border-bottom: 1px solid rgba(255,163,16,1) }
@media only screen and (max-width:840px) {
	.breadcrumb { font-size: .86em; line-height: 1.8em; margin-bottom: 10px; padding: 0 10px; position: relative; top: 0 }
}


/* ----------- tagsBox -----------*/
#tagsBox {
	margin-top: 30px;
	text-align: left;
}
#tagsBox .title {
	font-size: 1.1em;
	font-weight: 500;
	margin-bottom: 6px;
}
#tagsBox a {
	font-weight: 400;
	line-height: 24px;
	transition:all 0.3s ease;
}
#tagsBox a:hover { color: #49b707 }
#tagsBox a span {
	border-bottom: 1px solid #fff;
	padding-bottom: 2px;
	transition:all 0.3s ease;
}
#tagsBox a:hover span { border-bottom: 1px solid #49b707 }
#tagsBox .divisor {
	color: #cecccc;
	font-style: normal;
	padding: 0 8px;
}


/* ----------- patentBox -----------*/
.loadPat {
	font-weight: 400;
	margin-top: 10px;
	text-align: center;
}
.loadPat i {
	color: #007dd4;
	display: block;
	font-size: 3em;
	margin-bottom: 12px;
}

.patentBox a {
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	border-radius: 14px 0 14px 0;
	color: #303030;
	display: block;
	font-weight: 500;
	margin-bottom: 15px;
	padding: 20px 24px 20px 96px;
	position: relative;
	transition:all 0.3s ease;
}
.patentBox a:hover {
	background-color: #dff0fc;
	border-color: #bfdbef;
}
.patentBox a strong { font-weight: 400 }
.patentBox a > i {
	color: #007dd4;
	font-size: 3em;
	left: 24px;
	position: absolute;
	top: 20px;
}
.patentBox a .title {
	color: #007dd4;
	display: block;
	font-size: 1.1em;
	line-height: 1.5em;
}
.patentBox a .title em { font-style: normal }
.patentBox a .activity {
	color: #5a5a5a;
	display: block;
	font-size: .9em;
	font-weight: 300;
	padding: 1px 0 8px 0;
	text-transform: uppercase;
}
.patentBox a .place {
	display: block;
	font-size: .9em;
	font-weight: 300;
	padding: 0 0 1px 0;
}
.patentBox a .place em { font-style: normal }
.patentBox a .money {
	display: block;
	font-size: .9em;
	font-weight: 300;
	padding: 2px 0;
}
.patentBox a .add {
	color: #49b707;
	display: block;
	font-size: 12px;
	font-weight: 500;
	padding: 18px 0 0 0;
	text-align: right;
	text-transform: uppercase;
	transition:all 0.3s ease;
}
.patentBox a .add i { margin-right: 5px }
.patentBox a .add:hover { color: #007dd4 }
@media only screen and (max-width:800px) {
	.patentBox a { text-align: left }
	.patentBox a .add { text-align: left }
}
@media only screen and (max-width:580px) {
	.patentBox a { padding: 20px 24px }
	.patentBox a > i { font-size: 2em; margin-bottom: 8px; left: 0; position: relative; top: 0; }
}


/* ----------- bootstrap basic -----------*/
#accordion {
	margin-top: 26px;
}
.ui-widget {
	font-family: 'Roboto', sans-serif;
}
.ui-widget-content {
	box-shadow: none;
}
.ui-accordion .ui-accordion-header {
	color: #303030;
	font-size: .94em;
	font-weight: 500;
	margin: 0 0 0 0;
	padding: .6em .9em;
	text-align: left;
}
.ui-accordion .ui-icon { display: none }
.ui-accordion .ui-accordion-header-active {
	color: #fff;
}
.ui-accordion .ui-accordion-content {
	background-color: #f6f6f6;
	padding: 1.8em;
	position: relative;
}
.ui-state-active {
	background-color: #49b707;
	border: none;
	color: #fff;
}
.btn-primary {
	background-color: #717171;
	border-color: #717171;
}
.btn-primary:hover {
	background-color: #696969;
	border-color: #696969;
}
.form-control {
	box-shadow: none;
}
.file-preview {
	border:none;
}
.file-preview-frame {
	background-color: #fff;
	box-shadow: none;
}
.file-preview-frame:not(.file-preview-error):hover { box-shadow: none }
.btn-default {
	background-color: #f6f6f6;
	border: none;
}
.col50 .btn-default {
	background-color: #fff;
	border: 1px solid #d0d0d0;
	font-size: 15px;
	font-weight: 300;
}
.file-preview-frame:not(.file-preview-error) .file-footer-caption:hover { color: #777 }

.btn-success {
	background-color: #717171;
	border:none;
}
.btn-success:hover {
	background-color: #7f7f7f;
}

.ui-widget-content .pHelp {
	color: #007dd4;
	font-size: 21px;
	position: absolute;
	right: 24px;
}
.ui-widget-content .pDelete {
	color: #ea3401;
	font-size: 21px;
	margin-left: 6px;
}
.dropdown-header {
	color: #007dd4;
	font-size: 14px;
	font-weight: 500;
}
.optList {
	font-size: 13px;
	font-weight: 300;
	text-transform: uppercase;
}
.dropdown-menu > li > a { padding: 2px 0 }

/* ----------- gridMenu -----------*/
#gridMenu { margin-top: 34px }
#gridMenu {
	display: -ms-grid;
	-ms-grid-columns: 1fr 26px 1fr 26px 1fr;

	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-gap: 26px;
}
#gridMenu :nth-child(1) { -ms-grid-column: 1 }
#gridMenu :nth-child(2) { -ms-grid-column: 3 }
#gridMenu :nth-child(3) { -ms-grid-column: 5 }
#gridMenu :nth-child(4) { -ms-grid-column: 1; -ms-grid-row: 2 }
#gridMenu :nth-child(5) { -ms-grid-column: 3; -ms-grid-row: 2 }
#gridMenu :nth-child(6) { -ms-grid-column: 5; -ms-grid-row: 2 }
#gridMenu :nth-child(7) { -ms-grid-column: 1; -ms-grid-row: 3 }
#gridMenu :nth-child(8) { -ms-grid-column: 3; -ms-grid-row: 3 }
#gridMenu :nth-child(9) { -ms-grid-column: 5; -ms-grid-row: 3 }
#gridMenu :nth-child(10) { -ms-grid-column: 1; -ms-grid-row: 4 }
#gridMenu :nth-child(11) { -ms-grid-column: 3; -ms-grid-row: 4 }
#gridMenu :nth-child(12) { -ms-grid-column: 5; -ms-grid-row: 4 }
#gridMenu :nth-child(13) { -ms-grid-column: 1; -ms-grid-row: 5 }
#gridMenu :nth-child(14) { -ms-grid-column: 3; -ms-grid-row: 5 }
#gridMenu :nth-child(15) { -ms-grid-column: 5; -ms-grid-row: 5 }

#gridMenu a {
	background-color: #f8f8f8;
	border: 1px solid #e1e1e1;
	border-radius: 16px 0 16px 0;
	display: block;
	font-weight: 400;
	padding: 14px;
	text-align: center;
	transition:all 0.3s ease;
}
*::-ms-backdrop, #gridMenu a { margin-bottom: 26px } /* ie11 hack */
#gridMenu a:hover { border: 1px solid #cdcdcd }
#gridMenu a i {
	border-bottom: 1px solid #49b707;
	font-size: 3em;
	margin-bottom: 12px;
	padding-bottom: 12px;
	transition:all 0.3s ease;
}
#gridMenu a:hover i {
	border-bottom: 1px solid #007dd4;
	color: #007dd4;
}
#gridMenu a span {
	color: #303030;
	display: block;
	padding: 8px 0 0 0;
}

@media only screen and (max-width:680px) {
	#gridMenu { grid-gap: 18px; grid-template-columns: repeat(2,1fr) }
	#gridMenu a i { font-size: 2.5em }
	#gridMenu a { font-size: .92em }
}
@media only screen and (max-width:460px) {
	#gridMenu a { font-size: .88em }
}


/* ----------- archetypeBox -----------*/
#archetypeBox {
	display: -ms-grid;
	-ms-grid-columns: 1fr 30px 1fr 30px 1fr;

	display: grid;
	grid-gap: 30px;
	grid-template-columns: repeat(3,1fr);
	margin: 10px 0 30px 0;
	position: relative;
	z-index: 400;
}
#archetypeBox a {
	background-color: #fff;
	border-radius: 26px 0 26px 0;
	box-shadow: 0 4px 20px rgba(8,8,8,0.09);
	color: #fff;
	display: block;
	overflow: hidden;
	position: relative;
	text-align: center;
}
#archetypeBox a:nth-child(1) { -ms-grid-column: 1 }
#archetypeBox a:nth-child(2) { -ms-grid-column: 3 }
#archetypeBox a:nth-child(3) { -ms-grid-column: 5 }
#archetypeBox a:before {
	bottom: 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	transition:all 0.3s ease;
	width: 100%;
}
#archetypeBox a figure {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 50%;
}
#archetypeBox a span {
	background-image: linear-gradient(to right, #fea317, #ff8113);
	color: #fff;
	display: block;
	font-size: 1.3em;
	font-weight: 500;
	padding: 12px 0;
	position: relative;
	transition:all 0.3s ease;
}
#archetypeBox a:hover:before { background-color: rgba(255,163,16,0.3) }
#archetypeBox a:hover span { border-color: #787878 }

@media only screen and (max-width:880px) {
	#archetypeBox { display: block; text-align: center; }
	#archetypeBox a { margin: 0 auto 30px auto; max-width: 400px }
}

#archetypeIn {
	display: -ms-grid;
	-ms-grid-columns: 1fr 40px 1fr 40px 1fr;

	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-gap: 40px;
	padding: 20px;
}
#archetypeIn a {
	border: 1px solid #ddd;
	border-radius: 22px 0 22px 0;
	color: #fff;
	display: block;
	overflow: hidden;
	position: relative;
	text-align: justify;
	top: 0;
	transition:all 0.3s ease;
	z-index: 200;
}
#archetypeIn :nth-child(1) { -ms-grid-column: 1 }
#archetypeIn :nth-child(2) { -ms-grid-column: 3 }
#archetypeIn :nth-child(3) { -ms-grid-column: 5 }
#archetypeIn :nth-child(4) { -ms-grid-column: 1; -ms-grid-row: 2 }
#archetypeIn :nth-child(5) { -ms-grid-column: 3; -ms-grid-row: 2 }
#archetypeIn :nth-child(6) { -ms-grid-column: 5; -ms-grid-row: 2 }
#archetypeIn :nth-child(7) { -ms-grid-column: 1; -ms-grid-row: 3 }
#archetypeIn :nth-child(8) { -ms-grid-column: 3; -ms-grid-row: 3 }
#archetypeIn :nth-child(9) { -ms-grid-column: 5; -ms-grid-row: 3 }
#archetypeIn :nth-child(10) { -ms-grid-column: 1; -ms-grid-row: 4 }
#archetypeIn :nth-child(11) { -ms-grid-column: 3; -ms-grid-row: 4 }
#archetypeIn :nth-child(12) { -ms-grid-column: 5; -ms-grid-row: 4 }
#archetypeIn :nth-child(13) { -ms-grid-column: 1; -ms-grid-row: 5 }
#archetypeIn :nth-child(14) { -ms-grid-column: 3; -ms-grid-row: 5 }
#archetypeIn :nth-child(15) { -ms-grid-column: 5; -ms-grid-row: 5 }
*::-ms-backdrop, #archetypeIn a { margin-bottom: 40px } /* ie11 hack */

#archetypeIn a:hover { top: -8px }
#archetypeIn figure {
	background-color: #d9d9d9;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-bottom: 5px solid rgba(41,41,41,0.8);
	padding-bottom: 46%;
	position: relative;
	transition:all 0.3s ease;
}
#archetypeIn figure:before {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
#archetypeIn a:hover figure:before { background-color: rgba(60,60,60,0.3) }
#archetypeIn .title {
	color: #ff8d14;
	font-size: 1.3em;
	font-weight: 500;
	padding: 20px 26px 6px 26px;
}
#archetypeIn .descrip {
	color: #303030;
	font-size: .92em;
	line-height: 1.4em;
	padding: 0 26px 20px 26px;
}

@media only screen and (max-width:1014px) {
	#archetypeIn { grid-template-columns: repeat(2,1fr) }
}
@media only screen and (max-width:750px) {
	#archetypeIn { grid-template-columns: repeat(1,1fr) }
}
@media only screen and (max-width:480px) {
	#archetypeIn { padding: 0 }
}


/* ----------- colDat -----------*/
#colDat {
	display: -ms-grid;
	-ms-grid-columns: 1fr 30px 1fr;

	display: grid;
	grid-gap: 9px 30px;
	grid-template-columns: repeat(2,1fr);
	margin: 16px 0 30px 0;
	position: relative;
	z-index: 400;
}
#colDat p {
	border-bottom: 3px solid #f4f4f4;
	display: grid;
	font-size: .88em;
	grid-template-columns: 128px auto;
	padding-bottom: 9px;
	text-align: left;
}
#colDat.v2 p { grid-template-columns: 147px auto }
#colDat p:nth-child(1) { -ms-grid-column: 1; -ms-grid-row: 1 }
#colDat p:nth-child(2) { -ms-grid-column: 3; -ms-grid-row: 1 }
#colDat p:nth-child(3) { -ms-grid-column: 1; -ms-grid-row: 2 }
#colDat p:nth-child(4) { -ms-grid-column: 3; -ms-grid-row: 2 }
#colDat p:nth-child(5) { -ms-grid-column: 1; -ms-grid-row: 3 }
#colDat p:nth-child(6) { -ms-grid-column: 3; -ms-grid-row: 3 }
#colDat p:nth-child(7) { -ms-grid-column: 1; -ms-grid-row: 4 }
#colDat p:nth-child(8) { -ms-grid-column: 3; -ms-grid-row: 4 }
#colDat p:nth-child(9) { -ms-grid-column: 1; -ms-grid-row: 5 }
#colDat p:nth-child(10) { -ms-grid-column: 3; -ms-grid-row: 5 }
#colDat p:nth-child(11) { -ms-grid-column: 1; -ms-grid-row: 6 }
#colDat p:nth-child(12) { -ms-grid-column: 3; -ms-grid-row: 6 }
#colDat p:nth-child(13) { -ms-grid-column: 1; -ms-grid-row: 7 }
#colDat p:nth-child(14) { -ms-grid-column: 3; -ms-grid-row: 7 }
#colDat p:nth-child(15) { -ms-grid-column: 1; -ms-grid-row: 8 }
#colDat p:nth-child(16) { -ms-grid-column: 3; -ms-grid-row: 8 }
#colDat p:nth-child(17) { -ms-grid-column: 1; -ms-grid-row: 9 }
#colDat p:nth-child(18) { -ms-grid-column: 3; -ms-grid-row: 9 }
#colDat p:nth-child(19) { -ms-grid-column: 1; -ms-grid-row: 10 }
#colDat p:nth-child(20) { -ms-grid-column: 3; -ms-grid-row: 10 }

#colDat p span:nth-child(1) {
	font-weight: 500;
}
#colDat p span a {
	color: #49b707;
	font-weight: 500;
}
#colDat p span a:hover { text-decoration: underline }
#colDat p span a i { margin-right: 7px }
#colDat .moreData {
	margin-left: 14px;
}
#colDat .moreData.v2 {
	margin-left: 0;
}

.lAlert { font-size: .88em }
.lAlert a { color: #007dd4 }
.lAlert a:hover { text-decoration: underline }

.lNew {
	background-color: #49b707;
	border-radius: 20px;
	color: #fff;
	display: table;
	font-size: .95em;
	margin-top: 20px;
	padding: 8px 36px;
	transition:all 0.3s ease;
}
.lNew:hover {
	background-color: #51c909;
	color: #fff;
}
.lNew i { margin-right: 6px }
.lNew span { font-weight: 500 }

@media only screen and (max-width:770px) {
	#colDat .moreData { display: block; margin: 7px 0 0 0; }
}
@media only screen and (max-width:700px) {
	#colDat { grid-template-columns: repeat(1,1fr) }
}


/*----------- voucher -----------*/
.voucher {
	border: 1px solid #e1e1e1;
	margin-top: 24px;
	padding: 24px 28px;
}
.voucher .title {
	color: #49b707;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 12px;
	margin-top: 0;
	text-align: center;
}
.voucher .highlight { margin-top: 0 }
.voucher p { margin-top: 12px }
.voucher a { color: #ff8d14 }
.voucher a:hover { text-decoration: underline }


/*----------- buyBanner -----------*/
.buyBanner {
	background-color: #e6e6e6;
	background-image: url(../img/buyBanner.jpg);
	background-position: center center;
	background-size: cover;
	height: 250px;
}
@media only screen and (max-width:680px) {
	.buyBanner { height: auto; padding-bottom: 42% }
}


/*-----------documents-----------*/
.documents { margin-top: 24px }
.documents a {
	color: #424242;
	display: inline-block;
	font-size: 1em;
	font-weight: 400;
	margin-right: 20px;
	transition:all 0.3s ease;
}
.documents a:hover { color: #007dd4 }
.documents a i {
	color: #ffad2b;
	margin-right: 8px;
}
@media only screen and (max-width:580px) {
	.documents { margin-top: 18px }
	.documents a { display: block; padding: 8px 0 }
}
/*----------error JFILER ---------*/
.error {
    background-color: rgb(237, 250, 228) !important; 
}

/*----------Pantalla principal pagos ---------*/

.mainScreenTitleStyle {
	width: auto !important;
	border: 1px solid #ff8d14;
	line-height: 22px;
	margin: 10px 0 50px 0;
	padding: 15px 17px;
}
.mainScreenTitleStyle img {
	width: auto !important;
}