/*
 * Copyright 2018 by Matej Cupka <matej.cupka@icloud.com>
 */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=latin-ext');
@import url('/css/neuropolitical/neuropolitical.css');
@import url("/css/font-awesome-5-pro/css/all.css");

/********** LAYOUT/FOOTER **********/
body > footer {
	display:block;
	text-align:center;
	padding:16px 8px;
	border-top:2px solid #6C87CC;
	background-color:#F6F6F6;
	font-size:0.8em;
}
body > footer  a {
	text-decoration:underline;
}

@media(max-width:480px){
	body > footer > span {
		display:block;
	}
	body > footer > span:nth-child(2) {
		display:none;
	}
}
/********** LAYOUT/HEADER **********/
body > header {
	position:relative;
	height:240px;
	transition:0.25s;
	overflow:hidden;
}
body > header > h1 {
    display:table;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-image:url(/images/Najomne2018/header.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	transition:1.0s;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
body > header > h1:not(.active) {
	opacity:0;
}
body > header > h1 > span {
	position:relative;
	display:table-cell;
	top:0;
	left:0;
	right:0;
	bottom:0;
	text-align:center;
	vertical-align:middle;
	padding:0.5em 12em;
	color:#FFFFFF;
	text-transform:uppercase;
	text-shadow:2px 2px 0 rgba(0,0,0,0.75);
}
body > header > h1.text-right > span {
	padding:0.5em 0.5em 0.5em 40%;
}
body > header > button {
	position:absolute;
	top:0;
	width:50%;
	height:240px;
	line-height:240px;
	padding:0 16px !important;
	font-size:3em;
	color:#FFFFFF;
	opacity:0.25;
	transition:0.25s;
}
body > header > button:hover {
	opacity:1;
}
body > header > button#header_prev {left:0;text-align:left;}
body > header > button#header_next {right:0;text-align:right;}

@media(max-width:1024px){
	body > header > h1 > span {
		padding:0.5em 8em;
	}
}
@media(max-width:768px){
	body > header {
		height:128px;
	}
	body > header > button {
		height:128px;
		line-height:128px;
	}
	body > header > h1 > span {
		font-size:0.75em;
		padding:0.5em 4em;
	}
	body > header > h1.text-right > span {
		padding:0.5em 0.5em 0.5em 45%;
	}
}
@media(max-width:480px){
	body > header {
		height:64px;
	}
	body > header > button {
		height:64px;
		line-height:64px;
	}
	body > header > h1 > span {
		font-size:0.5em;
		padding:0.5em 2em;
	}
	body > header > h1.text-right > span {
		padding:0.5em 0.5em 0.5em 50%;
	}
}
/********** LAYOUT/NAV-BREADCRUMB **********/
body > nav.breadcrumb {
	overflow:hidden;
	padding:12px 16px;
	background-color:#FFFFFF;
}
body > nav.breadcrumb ul, body > nav.breadcrumb ul li {
	list-style:none;
	margin:0;
	padding:0;
}
body > nav.breadcrumb ul li {
	float:left;
	margin:0 2px;
}
body > nav.breadcrumb ul li:not(:first-child):before {
	display:inline-block;
	padding:4px 8px;
	line-height:1em;

	content:"\f105";
	font-family:'Font Awesome 5 Pro';
	font-weight:900;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
	display:inline-block;
	font-style:normal;
	font-variant:normal;
	text-rendering:auto;
}
body > nav.breadcrumb ul li a {
	display:inline-block;
	padding:0 4px;
	line-height:2em;
}
body > nav.breadcrumb ul li:last-child a {
	font-weight:bold;
}

@media(max-width:480px){
	body > nav.breadcrumb {
		display:none;
	}
	body > nav.breadcrumb + div.container.grid {
		padding-top:16px;
	}
}
/********** LAYOUT/NAV-MENU **********/
body > nav.menu {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	border-top:4px solid #6C87CC;
	background-color:#FFFFFF;
	z-index:5000;
	-webkit-box-shadow:0px 0px 4px 0px rgba(17,17,17,1);
	-moz-box-shadow:0px 0px 4px 0px rgba(17,17,17,1);
	box-shadow:0px 0px 4px 0px rgba(17,17,17,1);
}
body > nav.menu ul, body > nav.menu ul li {
	list-style:none;
	margin:0;
	padding:0;
}
body > nav.menu > a.logo {
	display:inline-block;
	color:#6C87CC;
	padding:16px 8px 16px 56px;
	line-height:32px;
	text-decoration:none;
	font-family:'neuropolitical';
	font-size:1.5em;
	text-shadow:1px 1px 0 #000000;
	background-image:url(/images/Najomne2018/logo.png);
	background-position:16px center;
	background-repeat:no-repeat;
	-webkit-background-size:32px;
	-moz-background-size:32px;
	-o-background-size:32px;
	background-size:32px;
	transition:0.25s;
}
body > nav.menu > a.logo > span {
	color:#EDED12;
	font-family:inherit;
}
body > nav.menu > ul {
	float:right;
	margin:0 16px 0 0;
	transition:max-height 0.5s, margin 0.25s;
}
body > nav.menu > ul > li {
	position:relative;
	float:left;
}
body > nav.menu > ul > li > a {
	display:inline-block;
	font-weight:600;
	color:#111111;
	text-decoration:none;
	line-height:64px;
	padding:0 16px;
	transition:background-color 0.25s, color 0.25s;
}

body > nav.menu > ul > li > ul {
	display:none;
	position:absolute;
	top:100%;
	right:0;
	min-width:100%;
	max-height:288px;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
	-webkit-box-shadow:-2px 2px 2px 0px rgba(17,17,17,0.25), 2px 2px 2px 0px rgba(17,17,17,0.25);
	-moz-box-shadow:-2px 2px 2px 0px rgba(17,17,17,0.25), 2px 2px 2px 0px rgba(17,17,17,0.25);
	box-shadow:-2px 2px 2px 0px rgba(17,17,17,0.25), 2px 2px 2px 0px rgba(17,17,17,0.25);

}
body > nav.menu > ul > li > ul > li > a {
	display:block;
	max-width:240px;
	font-weight:600;
	color:#111111;
	background-color:#FFFFFF;
	text-decoration:none;
	line-height:48px;
	padding:0 16px;
	transition:background-color 0.25s, color 0.25s;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
body > nav.menu > ul > li:hover > a,
body > nav.menu > ul > li > ul > li:hover > a {
	background-color:#6C87CC;
	color:#FFFFFF;
}

body > nav.menu > button#toggleMenu {
	display:none;
	position:relative;
	float:right;
	width:48px;
	height:48px;
}
body > nav.menu > button#toggleMenu > span {
	display:block;
	position:absolute;
	left:12px;
	width:24px;
	height:2px;
	background-color:#6C87CC;
	transition:0.5s;
}
body > nav.menu > button#toggleMenu > span:nth-child(1) {top:calc(50% - 7px);}
body > nav.menu > button#toggleMenu > span:nth-child(2) {top:calc(50% - 1px);}
body > nav.menu > button#toggleMenu > span:nth-child(3) {top:calc(50% + 5px);}

body > nav.menu:not(.hidden) > button#toggleMenu > span:nth-child(1),
body > nav.menu:not(.hidden) > button#toggleMenu > span:nth-child(3) {
	left:12px;
	top:23px;
}
body > nav.menu:not(.hidden) > button#toggleMenu > span:nth-child(1) {
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}
body > nav.menu:not(.hidden) > button#toggleMenu > span:nth-child(3) {
	-webkit-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	-o-transform:rotate(135deg);
	transform:rotate(135deg);
}
body > nav.menu:not(.hidden) > button#toggleMenu > span:nth-child(2) {width:0;height:0;left:50%;top:50%;}

/***** MINI *****/
body > nav.menu.mini > a.logo {
	padding:8px 8px 8px 48px;
	line-height:32px;
	font-size:1.25em;
	background-position:8px center;
	background-repeat:no-repeat;
}
body > nav.menu.mini > ul {
	margin:0 8px 0 0;
}
body > nav.menu.mini > ul > li > a {
	line-height:48px;
	font-size:0.9em;
}

@media(min-width:769px){
	body > nav.menu > ul > li:hover > ul {
		display:block;
	}
	body > nav.menu > ul > li > a.active,
	body > nav.menu > ul > li > ul > li > a.active {
		background-color:#6C87CC;
		color:#FFFFFF;
	}
}
@media(max-width:960px){
	body > nav.menu > a.logo {
		padding:8px 8px 8px 48px;
		line-height:32px;
		font-size:1.25em;
		background-position:8px center;
		background-repeat:no-repeat;
	}
	body > nav.menu > ul {
		margin:0 8px 0 0;
	}
	body > nav.menu > ul > li > a,
	body > nav.menu > ul > li > ul > li > a {
		line-height:48px;
		font-size:0.9em;
		padding:0 8px;
	}
}
@media(max-width:768px){
	body > nav.menu > button#toggleMenu {
		display:block;
	}
	body > nav.menu > ul {
		float:none;
		margin:0;
		overflow:hidden;
	}
	body > nav.menu > ul > li {
		float:none;
	}
	body > nav.menu > ul > li > a,
	body > nav.menu > ul > li > ul > li > a {
		display:block;
		line-height:3em;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}

	body > nav.menu.hidden > ul {
		display:none;
	}

	body > nav.menu > ul > li > ul {
		position:relative;
		top:auto;
		right:auto;
		padding-left:8px;
		max-height:13em;
		background-color:#6C87CC;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;

	}
	body > nav.menu > ul > li > ul > li > a {
		max-width:100%;
	}
	body > nav.menu > ul > li ul.visible {
		display:block;
	}
}
/********** ARTICLES **********/
div.articles {
	overflow:hidden;
}
div.articles > div.article {
	overflow:hidden;
}
div.articles > div.article:not(:first-child) {
	border-top:1px solid #6C87CC;
	margin-top:8px;
	padding-top:8px;
}
div.articles > div.article:not(:last-child) {
	padding-bottom:8px;
}
div.articles > div.article > div.image {
	float:left;
	width:192px;
	height:96px;
	margin-right:1em;
	background-position:center top;
	background-repeat:no-repeat;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
}
div.articles > div.article > div.information {
	float:left;
	width:calc(100% - 192px - 1em);
}
div.articles > div.article > div.information:only-child {
	width:100%;
}
div.articles > div.article > div.information > h4 > a {
	display:block;
	font-weight:bold;
	line-height:1.25em;
}
div.articles > div.article > div.information > p {
	margin:8px 0 16px 0;
}
div.articles > div.article > div.information > div.details {
	overflow:hidden;
}
div.articles > div.article > div.information > div.details > time,
div.articles > div.article > div.information > div.details > a {
	float:left;
	display:block;
	width:50%;
	font-size:0.9em;
	line-height:1.25em;
}
div.articles > div.article > div.information > div.details > a {
	text-align:right;
	font-weight:bold;
}

div.articles > div.paging {
	border-top:2px solid #6C87CC;
	padding:1em 0 0 0;
	margin:1em 0 2em 0;
}
div.articles > div.paging > section {
	line-height:2.5em;
	margin:0;
}
div.articles > div.paging a {
	display:inline-block;
	padding:0 2em;
	color:#FFFFFF;
	font-weight:600;
	background-color:#6C87CC;
	-webkit-border-radius:0.5em;
	-moz-border-radius:0.5em;
	border-radius:0.5em;
}

div.article[data-id] > img.article-img {
	max-width:256px;
	margin:0 1em 1em 0;
	float:left;
}
div.article[data-id] > div.article-content {
	font-size:0.8em;
}
div.article[data-id] > div.article-content p {
	text-align:left !important;
}
div.article[data-id] > div.article-content > p {
	font-size:1.25em;
}
div.article[data-id] > div.article-content img {
	display:block !important;
	margin:0 auto !important;
	width:480px !important;
	max-width:calc(100% - 32px) !important;
	height:auto !important;
	cursor:pointer;
}
div.article[data-id] > div.article-content p:empty {
	display:none;
}

@media(max-width:960px){
	div.container.grid section.grid div.articles > div.paging > section {
		text-align:center !important;
	}
}
@media(max-width:768px){
	div.articles > div.article > div.image {
		width:128px;
		height:64px;
	}
	div.articles > div.article > div.information {
		width:calc(100% - 128px - 1em);
	}

	div.articles > div.paging > section {
		text-align:center !important;
	}

	div.article[data-id] > img.article-img {
		max-width:192px;
	}
	div.article[data-id] > div.article-content img {
		width:360px !important;
	}
}
@media(max-width:480px){
	div.articles > div.article > div.image {
		width:96px;
		height:48px;
	}
	div.articles > div.article > div.information {
		width:calc(100% - 96px - 1em);
	}
	div.article[data-id] > img.article-img {
		max-width:128px;
	}
	div.article[data-id] > div.article-content img {
		width:320px !important;
	}
}
@media(max-width:360px){
	div.article[data-id] > img.article-img {
		display:block;
		float:none;
		margin:0 auto;
	}
}
/********** BOX **********/
div.box {
	border:1px solid #6C87CC;
	background-color:#FFFFFF;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
*:not(script):not(style) + div.box,
*:not(script):not(style) + div.box-content[id] {
	margin-top:8px;
}
div.box > h2 {
	position:relative;
	background-color:#6C87CC;
	padding:8px 8px 2px 8px;
	margin:0;
	color:#FFFFFF;
	font-size:1.25em;
	text-transform:uppercase;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
div.box > h2 > a {
	display:block;
	width:calc(100% - 1em);
	color:#FFFFFF;
	font-size:1em;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
div.box > h2 i {
	font-size:1.4em;
	margin-right:0.1em;
	text-align:center;
}
div.box > h2 > i.handle {
	position:absolute;
	display:none;
	top:0;
	right:0;
	width:calc(100% - 1em);
	height:46px;
	line-height:46px;
	padding:0 0.5em;
	margin-right:0;
	color:#FFFFFF;
	text-align:right;
	font-size:1.2em;
	cursor:move !important;
}
div.box > h2 > a > i.arrow {
	top:10px;
	right:8px;
	bottom:10px;
	margin:0;
	position:absolute;
	font-size:1em;
	width:1em;
	text-align:center;
}
section#boxes > div.box > h2 > a > i.arrow,
div.sortable:not(.disabled) div.box > h2 > a > i.arrow {
	display:none;
}
div.box > div.content {
	padding:8px;
	overflow:hidden;
}

div.box-content {
	padding:8px 0;
}
div.box-content[id] {
	padding:0;
}
div.box-content:empty {
	display:none;
}

@media(max-width:480px){
	div.box > h2 {
		font-size:1em;
	}
	div.box > h2 > a {
		font-size:1em;
	}
	div.box > h2 i {
		font-size:1.75em;
	}
	div.box > h2 > i.handle {
		font-size:1.5em;
	}
	div.box > h2 > a > i.arrow {
		font-size:1.25em;
	}
}
/********** DATEPICKER **********/
div.datepicker {
	position:absolute;
	overflow:hidden;
	background-color:#FFFFFF;
	border:1px solid #6C87CC;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	z-index:100;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
div.datepicker > div.top {
	height:32px;
	overflow:hidden;
	background-color:#6C87CC;
	color:#FFFFFF;
}
div.datepicker > div.top > span {
	display:block;
	float:left;
	width:32px;
	height:32px;
	line-height:32px;
	text-align:center;
	cursor:pointer;
}
div.datepicker > div.top > span#datepicker_title {
	width:calc(100% - 96px);
	margin:0 16px;
}

div.datepicker > div.picker {
	position:relative;
	margin:8px;
}
div.datepicker > div.picker > span {
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	text-align:center;
	cursor:pointer;
}
div.datepicker > div.picker > span:not(.disabled):hover {
	background-color:#6C87CC;
	color:#FFFFFF;
}
div.datepicker > div.picker > span.disabled {
	color:#999999;
	cursor:default;
}

div.datepicker > span.help {
	display:block;
	position:absolute;
	bottom:0;
	right:0;
	width:16px;
	height:16px;
	line-height:16px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	color:#333333;
	cursor:help;
}

/***** SHOW DAYS OF MONTH *****/
div.datepicker[data-show="0"] > div.picker > span {
	position:absolute;
	width:calc(100% / 7);
	height:32px;
	line-height:32px;
	font-size:14px;
}
div.datepicker[data-show="0"] > div.picker > span[data-week="0"] {top:0;}
div.datepicker[data-show="0"] > div.picker > span[data-week="1"] {top:32px;}
div.datepicker[data-show="0"] > div.picker > span[data-week="2"] {top:64px;}
div.datepicker[data-show="0"] > div.picker > span[data-week="3"] {top:96px;}
div.datepicker[data-show="0"] > div.picker > span[data-week="4"] {top:128px;}
div.datepicker[data-show="0"] > div.picker > span[data-week="5"] {top:160px;}

div.datepicker[data-show="0"] > div.picker > span[data-day="0"] {left:0;}
div.datepicker[data-show="0"] > div.picker > span[data-day="1"] {left:calc((100% / 7) * 1);}
div.datepicker[data-show="0"] > div.picker > span[data-day="2"] {left:calc((100% / 7) * 2);}
div.datepicker[data-show="0"] > div.picker > span[data-day="3"] {left:calc((100% / 7) * 3);}
div.datepicker[data-show="0"] > div.picker > span[data-day="4"] {left:calc((100% / 7) * 4);}
div.datepicker[data-show="0"] > div.picker > span[data-day="5"] {left:calc((100% / 7) * 5);}
div.datepicker[data-show="0"] > div.picker > span[data-day="6"] {left:calc((100% / 7) * 6);}

/***** SHOW MONTHS OF YEAR, SHOW LAST 12 YEARS *****/
div.datepicker[data-show="1"] > div.picker > span, div.datepicker[data-show="2"] > div.picker > span {
	position:absolute;
	width:calc(100% / 4);
	height:48px;
	line-height:48px;
	font-size:14px;
}
div.datepicker[data-show="1"] > div.picker > span[data-y="0"],
div.datepicker[data-show="2"] > div.picker > span[data-y="0"] {
	top:0;
}
div.datepicker[data-show="1"] > div.picker > span[data-y="1"],
div.datepicker[data-show="2"] > div.picker > span[data-y="1"] {
	top:48px;
}
div.datepicker[data-show="1"] > div.picker > span[data-y="2"],
div.datepicker[data-show="2"] > div.picker > span[data-y="2"] {
	top:96px;
}

div.datepicker[data-show="1"] > div.picker > span[data-x="0"],
div.datepicker[data-show="2"] > div.picker > span[data-x="0"] {
	left:0;
}
div.datepicker[data-show="1"] > div.picker > span[data-x="1"],
div.datepicker[data-show="2"] > div.picker > span[data-x="1"] {
	left:calc((100% / 4) * 1);
}
div.datepicker[data-show="1"] > div.picker > span[data-x="2"],
div.datepicker[data-show="2"] > div.picker > span[data-x="2"] {
	left:calc((100% / 4) * 2);
}
div.datepicker[data-show="1"] > div.picker > span[data-x="3"],
div.datepicker[data-show="2"] > div.picker > span[data-x="3"] {
	left:calc((100% / 4) * 3);
}

@media(max-height:320px){
	div.datepicker[data-show="0"] > div.picker > span {
		height:24px;
		line-height:24px;
	}
	div.datepicker[data-show="1"] > div.picker > span,
	div.datepicker[data-show="2"] > div.picker > span {
		height:32px;
		line-height:32px;
	}

	div.datepicker[data-show="0"] > div.picker > span[data-week="0"] {top:0;}
	div.datepicker[data-show="0"] > div.picker > span[data-week="1"] {top:24px;}
	div.datepicker[data-show="0"] > div.picker > span[data-week="2"] {top:48px;}
	div.datepicker[data-show="0"] > div.picker > span[data-week="3"] {top:72px;}
	div.datepicker[data-show="0"] > div.picker > span[data-week="4"] {top:96px;}
	div.datepicker[data-show="0"] > div.picker > span[data-week="5"] {top:120px;}

	div.datepicker[data-show="1"] > div.picker > span[data-y="0"],
	div.datepicker[data-show="2"] > div.picker > span[data-y="0"] {
		top:0;
	}
	div.datepicker[data-show="1"] > div.picker > span[data-y="1"],
	div.datepicker[data-show="2"] > div.picker > span[data-y="1"] {
		top:32px;
	}
	div.datepicker[data-show="1"] > div.picker > span[data-y="2"],
	div.datepicker[data-show="2"] > div.picker > span[data-y="2"] {
		top:64px;
	}
}
/********** DIALOG **********/
body > dialog {
	display:block;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	border:none;
	background-color:rgba(0, 0, 0, 0.5);
	z-index:10000;
}
body > dialog > div.dialog-container {
	position:absolute;
	width:480px;
	height:240px;
	max-width:calc(100% - 64px);
	max-height:calc(100% - 64px);
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	background-color:#FFFFFF;
	-webkit-box-shadow:0px 0px 8px 0px rgba(0,0,0,0.75);
	-moz-box-shadow:0px 0px 8px 0px rgba(0,0,0,0.75);
	box-shadow:0px 0px 8px 0px rgba(0,0,0,0.75);
	overflow:hidden;
}
body > dialog > div.dialog-container > div.dialog-title {
	width:100%;
	height:2em;
	line-height:2em;
	font-size:1.5em;
	font-weight:bold;
	letter-spacing:-1px;
	padding:0 0.5em;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
body > dialog > div.dialog-container > div.dialog-title > i {
	margin-right:0.25em;
}
body > dialog > div.dialog-container > div.dialog-content {
	height:calc(100% - 7em);
	padding:0.5em 1em;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
body > dialog > div.dialog-container > div.dialog-content p {
	margin:4px 0;
}
body > dialog > div.dialog-container > div.dialog-buttons {
	height:4em;
	line-height:4em;
	text-align:right;
}
body > dialog > div.dialog-container > div.dialog-buttons > button {
	margin:0 1em 0 0;
	padding:0.5em 2em !important;
	line-height:1.5em;
	font-size:1em;
	text-align:center;
	text-decoration:none !important;
	text-transform:uppercase;
	font-weight:bold;
	word-break:keep-all;
	border:2px solid #F6F6F6;
	background-color:#F6F6F6 !important;
	transition:0.1s;
	-webkit-appearance:none;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
}
body > dialog > div.dialog-container > div.dialog-buttons > button > i {
	margin-right:0.25em;
}

/* COLORS */
body > dialog[data-type="info"] > div.dialog-container > div.dialog-title {
	background-color:#6C87CC;
	color:#FFFFFF;
}
body > dialog[data-type="warning"] > div.dialog-container > div.dialog-title {
	background-color:#C00000;
	color:#FFFFFF;
}
body > dialog[data-type="success"] > div.dialog-container > div.dialog-title {
	background-color:#00C000;
	color:#FFFFFF;
}

body > dialog[data-type="info"] > div.dialog-container > div.dialog-buttons > button {
	border-color:#6C87CC;
	color:#6C87CC;
}
body > dialog[data-type="info"] > div.dialog-container > div.dialog-buttons > button:hover {
	background-color:#6C87CC !important;
	color:#F6F6F6 !important;
}
body > dialog[data-type="warning"] > div.dialog-container > div.dialog-buttons > button {
	border-color:#C00000;
	color:#C00000;
}
body > dialog[data-type="warning"] > div.dialog-container > div.dialog-buttons > button:hover {
	background-color:#C00000 !important;
	color:#F6F6F6 !important;
}
body > dialog[data-type="success"] > div.dialog-container > div.dialog-buttons > button {
	border-color:#00C000;
	color:#00C000;
}
body > dialog[data-type="success"] > div.dialog-container > div.dialog-buttons > button:hover {
	background-color:#00C000 !important;
	color:#F6F6F6 !important;
}

@media(max-width:480px){
	body > dialog > div.dialog-container {
		height:calc(100% - 64px);
		max-height:320px;
	}
}
/********** FAB **********/
body > a.fab {
	display:block;
	position:fixed;
	bottom:1em;
	right:1em;
	width:2.5em;
	height:2.5em;
	line-height:2.5em;
	font-size:1.25em;
	text-align:center;
	background-color:#6C87CC;
	color:#FFFFFF;
	transition:0.25s;
	-webkit-border-radius:128px;
	-moz-border-radius:128px;
	border-radius:128px;
	-webkit-box-shadow:0px 0px 2px 0px rgba(0,0,0,0.5);
	-moz-box-shadow:0px 0px 2px 0px rgba(0,0,0,0.5);
	box-shadow:0px 0px 2px 0px rgba(0,0,0,0.5);
}
body > a.fab#scroll-to-top {
}

@media(max-width:480px){
	body > a.fab {
		font-size:1em;
		-webkit-box-shadow:0px 0px 2px 0px rgba(0,0,0,0.25);
		-moz-box-shadow:0px 0px 2px 0px rgba(0,0,0,0.25);
		box-shadow:0px 0px 2px 0px rgba(0,0,0,0.25);
	}
}
/********** FORM-MINI **********/
form.mini {
	max-width:480px;
}
form.mini > div.error {
	padding:8px;
}
form.mini > div.error:not(.hidden) {
	display:block;
}
form.mini > div.error > i, form.mini > div.error > ul {
	float:none;
}
form.mini > div.error > i {
	margin:8px 0;
	font-size:2em;
}

form.mini > section > h3 {
	font-size:1.25em;
}

form.mini > section > div {
	margin-top:4px;
}
form.mini > section > div > label,
form.mini > section > div > div {
	float:none;
	width:100%;
	padding:2px 8px;
}
form.mini > section > div > label {
	text-align:left;
}

form.mini > section > div > div > input[type="text"],
form.mini > section > div > div > input[type="search"],
form.mini > section > div > div > input[type="password"],
form.mini > section > div > div > input[type="email"],
form.mini > section > div > div > input[type="url"],
form.mini > section > div > div > input[type="tel"],
form.mini > section > div > div > textarea,
form.mini > section > div > div > select,
form.mini > section > div > div > input[type="file"] + div,
select.form.mini,
input.form.mini {
	font-size:0.8em;
}

form.mini select,
select.fomr.mini {
	height:26px;
	-webkit-background-size:24px;
	-moz-background-size:24px;
	-o-background-size:24px;
	background-size:24px;
}

form.mini > input[type="submit"],
form.mini > input[type="button"] {
	padding:8px 32px;
	font-size:0.9em;
	line-height:1.25em;
}
/********** FORM **********/
form {
	width:100%;
	max-width:640px;
	margin:0 auto;
	padding:0;
}
form.fullWidth {
	max-width:100%;
}
*:not(script):not(style) + form:not(.mini) {
	margin-top:1em;
}

form > div.error {
    display:flex;
	overflow:hidden;
	max-width:640px;
	margin:0 auto 8px auto;
	padding:16px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	background-color:rgba(192, 0, 0, 0.05);
	border:2px solid #C00000;
}
form > div.error > i, form > div.error > ul {
	float:left;
}
form > div.error > i {
	display:block;
	font-size:3em;
	text-align:center;
	color:#C00000;
}
form > div.error > ul {
	margin:auto 0;
}

form > section {
	margin-bottom:8px;
}
form > section > h3 {
	font-weight:bold;
	text-align:center;
	line-height:1.5em;
	margin:0 0 8px 0;
	color:#6C87CC;
	text-transform:uppercase;
	border-bottom:1px solid #6C87CC;
}
form > section > div {
	display:block;
	overflow:hidden;
}
form > section > div > label,
form > section > div > div {
	float:left;
	padding:8px;
	line-height:2em;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
form > section > div > label {
	width:30%;
	text-align:right;
	font-weight:bold;
}
form > section > div > label.above,
form > section > div > label.above + div {
	width:100%;
	float:none;
	padding:2px 8px;
	text-align:left;
}
form > section > div > label.above.search {
	display:block;
}
form > section > div > label.above.search > input[type="search"] {
	margin-bottom:1em;
}
label.form {
	display:block;
	width:100%;
	text-align:left;
	font-weight:bold;
	margin-top:0.5em;
	margin-bottom:0.25em;
}
form > section > div > div {
	width:70%;
}
form > section > div > div > ul {
	max-height:320px;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
	border-bottom:1px solid #6C87CC;
}
form > section > div > div > ul li:not(:first-child) {
	border-top:1px solid #6C87CC;
}

form > section > div > div > input[type="text"],
form > section > div > div > input[type="search"],
form > section > div > div > input[type="password"],
form > section > div > div > input[type="email"],
form > section > div > div > input[type="url"],
form > section > div > div > input[type="tel"],
form > section > div > div > textarea,
form > section > div > div > select,
form > section > div > div > input[type="file"] + div,
select.form,
input.form {
	display:inline-block;
    box-sizing:border-box;
	width:100%;
	padding:0 8px;
	line-height:32px;
	height:32px;
	font-size:0.9em;
	border:none;
	border-bottom:2px solid #6C87CC;
	background-color:#F6F6F6;
	transition:background-color 0.25s, border-color 0.25s;
	-webkit-appearance:none;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
}
form > section > div > div > textarea {
	padding:8px;
	height:auto;
	line-height:1.25em;
	resize:vertical;
	min-height:calc(3em + 16px);
}
form select,
select.form {
	height:34px;
	background-image:url("/images/cForm/selectArrow.png");
	background-position:right center;
	background-repeat:no-repeat;
	-webkit-background-size:32px;
	-moz-background-size:32px;
	-o-background-size:32px;
	background-size:32px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
}
form select::-ms-expand,
select.form::-ms-expand {
	display:none;
}
form > section > div > div > input[type="text"]:focus,
form > section > div > div > input[type="search"]:focus,
form > section > div > div > input[type="password"]:focus,
form > section > div > div > input[type="email"]:focus,
form > section > div > div > input[type="url"]:focus,
form > section > div > div > input[type="tel"]:focus,
form > section > div > div > textarea:focus,
form > section > div > div > select:focus,
form > section > div > div > input[type="file"] + div:hover,
select.form:focus,
input.form:focus {
	background-color:#EFEFEF;
}
form > section > div > div > input[type="file"] {
	display:none;
	width:0;
	height:0;
	opacity:0;
	visibility:hidden;
}
form > section > div > div > input[type="file"] + div {
	box-sizing:content-box;
	width:calc(100% - 8px);
	padding:2px 4px;
	height:auto !important;
	overflow:hidden;
}
form > section > div > div > input[type="file"] + div > label {
	padding:4px 8px;
	line-height:18px;
	font-size:12px;
	font-weight:bold;
	border:2px solid #6C87CC;
	background-color:#F6F6F6;
	color:#6C87CC;
	transition:0.1s;
}
form > section > div > div > input[type="file"] + div > label:hover {
	background-color:#6C87CC;
	color:#F6F6F6;
}
form > section > div > div > input[type="file"] + div > div {
	max-height:256px;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
}
form > section > div > div > input[type="file"] + div > div > div {
	display:block;
	position:relative;
	line-height:24px;
	margin:2px 0;
	padding:2px 8px;
	font-size:12px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	overflow:hidden;
}
form > section > div > div > input[type="file"] + div > div > div:hover {
	background-color:#6C87CC;
	color:#F6F6F6;
}
form > section > div > div > input[type="file"] + div > div > div::after {
	float:right;
	content:attr(data-right);
	margin-left:4px;
}

form > section > div > div > input:invalid,
form > section > div > div > select:invalid,
select.form:invalid,
form > section > div > div > textarea:invalid,
form > section > div > div > input[type="file"]:invalid + div {
	border-color:#E00000 !important;
	background-color:rgba(224, 0, 0, 0.05) !important;
	appearance:none;
	box-shadow:none;
	-webkit-border-radius:none;
	-moz-border-radius:none;
	border-radius:none;
}

input[type="checkbox"]:not(.checkbox),
input[type="radio"]:not(.radio) {
	display:none;
	height:0;
	width:0;
	opacity:0;
	visibility:hidden;
}
label.checkbox,
label.radio {
	display:block;
	position:relative;
	line-height:32px;
	overflow:hidden;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
input[type="checkbox"] + i,
input[type="radio"] + i {
	float:left;
	width:12px;
	height:12px;
	line-height:12px;
	margin:8px 4px 0 0;
	color:#6C87CC;
	text-align:center;
	font-size:0 !important;
	background-color:#FFFFFF;
	border:2px solid #6C87CC;
	transition:0.1s;
}
input[type="checkbox"] + i {
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
input[type="radio"] + i {
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	border-radius:12px;
}
input[type="checkbox"]:checked + i {
	font-size:10px !important;
}
input[type="radio"] + i > i {
	display:block;
	width:0;
	height:0;
	margin-top:6px;
	margin-left:6px;
	background-color:#6C87CC;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	border-radius:12px;
	transition:0.1s;
}
input[type="radio"]:checked + i > i {
	width:8px;
	height:8px;
	margin-top:2px;
	margin-left:2px;
}
label.checkbox span,
label.radio span {
	float:left;
	width:calc(100% - 20px);
}
label.checkbox a.right + span.small,
label.radio a.right + span.small {
	width:calc(100% - 20px - 32px);
}

label.checkbox a.right,
label.radio a.right {
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	width:32px;
	text-align:center;
	color:#6C87CC;
	transition:0.2s;
}
label.checkbox a.right:hover,
label.radio a.right:hover {
	background-color:#6C87CC;
	color:#FFFFFF;
}

form > section > div > div > div.errors {
	color:#C00000;
	font-size:0.8em;
	line-height:1.5em;
	margin:8px 0 4px 0;
}
form > section > div > div > div.errors:empty {
	display:none;
}
form > section > div > div > div.errors > ul {
	padding-left:16px;
}
form > section > div > div > div.description {
	margin:8px 0 0 0;
	font-size:0.75em;
	line-height:1.5em;
}
form > section > div > div > div.description a {
	font-weight:bold;
}

form > input[type="submit"],
form > input[type="button"],
a.form.button {
	display:block;
	margin:16px auto 0 auto;
	padding:8px 64px;
	line-height:1.5em;
	border:2px solid #6C87CC;
	background-color:#F6F6F6;
	color:#6C87CC;
	text-align:center;
	text-decoration:none !important;
	text-transform:uppercase;
	font-weight:bold;
	word-break:keep-all;
	transition:0.1s;
	-webkit-appearance:none;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
}
a.form.button {
	display:inline-block;
	margin:0 auto 8px auto;
	padding:4px 32px;
}
form > input[type="submit"]:hover,
form > input[type="button"]:hover,
a.form.button:hover {
	background-color:#6C87CC;
	color:#F6F6F6 !important;
}

form > input[type="submit"]:disabled,
form > input[type="button"]:disabled,
a.form.button.disabled {
	border-color:#666666 !important;
	background-color:#F6F6F6 !important;
	color:#666666 !important;
}

form > ul.links > li > a {
	font-size:0.8em;
}
form > ul.notes > li {
	font-size:0.8em;
}

@media(max-width:960px){
	div.container.grid section.grid form > section > div {
		margin-top:4px;
	}
	div.container.grid section.grid form > section > div > label,
	div.container.grid section.grid form > section > div > div {
		float:none;
		width:100%;
		padding:2px 8px;
	}
	div.container.grid section.grid form > section > div > label {
		text-align:left;
	}

	div.container.grid section.grid form > section > div > div > input[type="text"],
	div.container.grid section.grid form > section > div > div > input[type="search"],
	div.container.grid section.grid form > section > div > div > input[type="password"],
	div.container.grid section.grid form > section > div > div > input[type="email"],
	div.container.grid section.grid form > section > div > div > input[type="url"],
	div.container.grid section.grid form > section > div > div > input[type="tel"],
	div.container.grid section.grid form > section > div > div > textarea,
	div.container.grid section.grid form > section > div > div > select,
	div.container.grid section.grid form > section > div > div > input[type="file"] + div {
		font-size:0.8em;
	}

	div.container.grid section.grid form > input[type="submit"],
	div.container.grid section.grid form > input[type="button"] {
		padding:8px 32px;
		font-size:0.9em;
		line-height:1.25em;
	}
}
@media(max-width:768px){
	form > section > h3 {
		font-size:1.25em;
	}

	form > section > div {
		margin-top:4px;
	}
	form > section > div > label,
	form > section > div > div {
		float:none;
		width:100%;
		padding:2px 8px;
	}
	form > section > div > label {
		text-align:left;
	}

	form > section > div > div > input[type="text"],
	form > section > div > div > input[type="search"],
	form > section > div > div > input[type="password"],
	form > section > div > div > input[type="email"],
	form > section > div > div > input[type="url"],
	form > section > div > div > input[type="tel"],
	form > section > div > div > textarea,
	form > section > div > div > select,
	form > section > div > div > input[type="file"] + div,
	select.form,
	input.form {
		font-size:0.8em;
	}

	form > input[type="submit"],
	form > input[type="button"] {
		padding:8px 32px;
		font-size:0.9em;
		line-height:1.25em;
	}
}
@media(max-width:480px){
	form > div.error {
		padding:8px;
	}
	form > div.error:not(.hidden) {
		display:block;
	}
	form > div.error > i, form > div.error > ul {
		float:none;
	}
	form > div.error > i {
		margin:8px 0;
	}

	form div.g-recaptcha {
		transform:scale(0.75);
		-webkit-transform:scale(0.75);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
	}
}
@media(max-width:320px){
	form > input[type="submit"],
	form > input[type="button"] {
		padding:8px 16px;
	}
}
/********** GALLERY **********/
body > div.gallery {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	overflow:hidden;
	z-index:10000;
	background-color:rgba(0, 0, 0, 0.8);
}
body > div.gallery > div.images {
	position:relative;
	height:calc(100% - 96px);
	z-index:10001;
	transition:height 0.5s;
}
body > div.gallery.list-hidden > div.images {
	height:calc(100% - 2px) !important;
}
body > div.gallery > div.images > div {
	position:absolute;
	top:16px;
	left:16px;
	right:16px;
	bottom:16px;
	background-position:center;
	background-repeat:no-repeat;
	overflow:hidden;
	transition:opacity 0.5s;
}

body > div.gallery > div.controls {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:10002;
}
body > div.gallery > div.controls > a {
	opacity:0.5;
	transition:opacity 0.5s;
	text-shadow:0 0 2px #000000;
}
body > div.gallery > div.controls > a:hover {
	opacity:1;
}
body > div.gallery > div.controls > a.control-previous,
body > div.gallery > div.controls > a.control-next {
	position:absolute;
	top:0;
	bottom:0;
	width:50%;
	cursor:pointer;
}
body > div.gallery > div.controls > a.control-previous {
	left:0;
}
body > div.gallery > div.controls > a.control-next {
	right:0;
}
body > div.gallery > div.controls > a.control-close {
	position:absolute;
	top:0;
	right:0;
	font-size:2em;
	width:2em;
	height:2em;
	line-height:2em;
	text-align:center;
	color:#FFFFFF;
}

body > div.gallery > div.list {
	position:relative;
	height:96px;
	z-index:10003;
	background-color:rgba(0, 0, 0, 0.75);
	border-top:2px solid #6C87CC;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
body > div.gallery > div.list > a.control-toggle {
	position:absolute;
	right:16px;
	top:-20px;
	width:32px;
	height:20px;
	background-color:rgba(0, 0, 0, 0.75);
	border-top:2px solid #6C87CC;
	border-left:2px solid #6C87CC;
	border-right:2px solid #6C87CC;
	border-bottom:2px solid rgba(0, 0, 0, 0.75);
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;

	text-align:center;
	line-height:18px;
	color:#6C87CC;
	display:block;
	font-family:"Font Awesome 5 Pro";
	font-weight:900;
	font-style:normal;
	font-variant:normal;
	text-rendering:auto;
}
body > div.gallery > div.list > a.control-toggle::before {
	content:"\f107";
}
body > div.gallery.list-hidden > div.list > a.control-toggle::before {
	content:"\f106";
}

body > div.gallery > div.list > div.images {
	position:relative;
	height:calc(100% - 16px);
	margin:8px 8px 0 8px;
	overflow:hidden;
	-webkit-overflow-scrolling:touch;
}
body > div.gallery > div.list > div.images > div {
	position:relative;
	float:left;
	height:calc(100% - 4px);
	width:96px;
	border:2px solid #000000;
	background-color:#000000;
	cursor:pointer;
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
body > div.gallery > div.list > div.images > div:not(:first-child) {
	margin-left:8px;
}
body > div.gallery > div.list > div.images > div.active {
	border-color:#FFFFFF;
}

body > div.gallery > div.list > div.scrollbar {
	position:relative;
	width:calc(100% - 16px);
	height:4px;
	margin:0 8px;
	overflow:hidden;
	background-color:rgba(255, 255, 255, 0.25);
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

body > div.gallery > div.list > div.scrollbar > div.scrollbar-draggable {
	height:4px;
	cursor:grab;
	background-color:#FFFFFF;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
/********** GRID **********/
.grid {
	overflow:hidden;
}
*:not(script):not(style):not(nav) + .grid {
	margin-top:16px;
}
.grid > section {
	min-height:1em;
}
.grid > section[data-w] {
	display:block;
	float:left;
	margin:0 0 4px 0;
	padding:0 4px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.grid > section[data-w="1"] {width:calc((100% / 12) - 0.05px);}
.grid > section[data-w="2"] {width:calc((100% / 12 * 2) - 0.05px);}
.grid > section[data-w="3"] {width:calc((100% / 12 * 3) - 0.05px);}
.grid > section[data-w="4"] {width:calc((100% / 12 * 4) - 0.05px);}
.grid > section[data-w="5"] {width:calc((100% / 12 * 5) - 0.05px);}
.grid > section[data-w="6"] {width:calc((100% / 12 * 6) - 0.05px);}
.grid > section[data-w="7"] {width:calc((100% / 12 * 7) - 0.05px);}
.grid > section[data-w="8"] {width:calc((100% / 12 * 8) - 0.05px);}
.grid > section[data-w="9"] {width:calc((100% / 12 * 9) - 0.05px);}
.grid > section[data-w="10"] {width:calc((100% / 12 * 10) - 0.05px);}
.grid > section[data-w="11"] {width:calc((100% / 12 * 11) - 0.05px);}
.grid > section[data-w="12"] {width:calc(100% - 0.05px);}

div.grid section[data-w]:first-child {
	padding-left:0;
}
div.grid section[data-w]:last-child {
	padding-right:0;
}

.grid > section:only-child {
	width:100%;
}

section.left {text-align:left;}
section.right {text-align:right;}

@media(max-width:960px){
	body > div.container.grid > section:not(:only-child),
	body > div.container.grid > section.grid:only-child > section[data-w] {
		width:50%;
	}
	body > div.container.grid > section.grid:not(:only-child) section[data-w] {
		width:100%;
		margin-bottom:8px;
		padding:0;
	}

	section.left-960 {text-align:left;}
	section.center-960 {text-align:center;}
	section.right-960 {text-align:right;}
}
@media(max-width:768px){
	.grid > section[data-w] {
		width:100% !important;
		margin-bottom:8px;
		padding:0;
	}

	section.left-768 {text-align:left;}
	section.center-768 {text-align:center;}
	section.right-768 {text-align:right;}
}
@media(max-width:640px){
	section.left-640 {text-align:left;}
	section.center-640 {text-align:center;}
	section.right-640 {text-align:right;}
}
/********** HIGHLIGHT **********/
@-webkit-keyframes highlight {
	0% {
		-webkit-box-shadow:0px 0px 8px 0px rgba(109,136,204,0.0);
		-moz-box-shadow:0px 0px 8px 0px rgba(109,136,204,0.0);
		box-shadow:0px 0px 8px 0px rgba(109,136,204,0.0);
	}
	50% {
		-webkit-box-shadow:0px 0px 8px 0px rgba(109,136,204,1);
		-moz-box-shadow:0px 0px 8px 0px rgba(109,136,204,1);
		box-shadow:0px 0px 8px 0px rgba(109,136,204,1);
	}
	100% {
		-webkit-box-shadow:0px 0px 8px 0px rgba(109,136,204,0.0);
		-moz-box-shadow:0px 0px 8px 0px rgba(109,136,204,0.0);
		box-shadow:0px 0px 8px 0px rgba(109,136,204,0.0);
	}
}
@-moz-keyframes highlight {
	0% {
		-webkit-box-shadow:0px 0px 8px 0px rgba(109,136,204,0.0);
		-moz-box-shadow:0px 0px 8px 0px rgba(109,136,204,0.0);
		box-shadow:0px 0px 8px 0px rgba(109,136,204,0.0);
	}
	50% {
		-webkit-box-shadow:0px 0px 8px 0px rgba(109,136,204,1);
		-moz-box-shadow:0px 0px 8px 0px rgba(109,136,204,1);
		box-shadow:0px 0px 8px 0px rgba(109,136,204,1);
	}
	100% {
		-webkit-box-shadow:0px 0px 8px 0px rgba(109,136,204,0.0);
		-moz-box-shadow:0px 0px 8px 0px rgba(109,136,204,0.0);
		box-shadow:0px 0px 8px 0px rgba(109,136,204,0.0);
	}
}
@-o-keyframes highlight {
	0% {
		-webkit-box-shadow:0px 0px 8px 0px rgba(109,136,204,0.0);
		-moz-box-shadow:0px 0px 8px 0px rgba(109,136,204,0.0);
		box-shadow:0px 0px 8px 0px rgba(109,136,204,0.0);
	}
	50% {
		-webkit-box-shadow:0px 0px 8px 0px rgba(109,136,204,1);
		-moz-box-shadow:0px 0px 8px 0px rgba(109,136,204,1);
		box-shadow:0px 0px 8px 0px rgba(109,136,204,1);
	}
	100% {
		-webkit-box-shadow:0px 0px 8px 0px rgba(109,136,204,0.0);
		-moz-box-shadow:0px 0px 8px 0px rgba(109,136,204,0.0);
		box-shadow:0px 0px 8px 0px rgba(109,136,204,0.0);
	}
}
@keyframes highlight {
	0% {
		-webkit-box-shadow:0px 0px 8px 0px rgba(109,136,204,0.0);
		-moz-box-shadow:0px 0px 8px 0px rgba(109,136,204,0.0);
		box-shadow:0px 0px 8px 0px rgba(109,136,204,0.0);
	}
	50% {
		-webkit-box-shadow:0px 0px 8px 0px rgba(109,136,204,1);
		-moz-box-shadow:0px 0px 8px 0px rgba(109,136,204,1);
		box-shadow:0px 0px 8px 0px rgba(109,136,204,1);
	}
	100% {
		-webkit-box-shadow:0px 0px 8px 0px rgba(109,136,204,0.0);
		-moz-box-shadow:0px 0px 8px 0px rgba(109,136,204,0.0);
		box-shadow:0px 0px 8px 0px rgba(109,136,204,0.0);
	}
}

.box.animation-highlight {
	-webkit-animation:highlight 1s 1 linear;
	-moz-animation:highlight 1s 1 linear;
	-o-animation:highlight 1s 1 linear;
	animation:highlight 1s 1 linear;
}
/********** LINKS **********/
ul.links > li > a {
	display:block;
	font-weight:bold;
	line-height:1.5em;
	color:#6C87CC;
}
ul.links > li > a:before {
	margin-right:4px;
	content:"\f101";
	font-family:'Font Awesome 5 Pro';
	font-weight:900;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
	display:inline-block;
	font-style:normal;
	font-variant:normal;
	text-rendering:auto;
}
/********** NOTICES-MINI **********/
div.notices {
	overflow:hidden;
}
div.notices > div.notice {
	overflow:hidden;
}
div.notices > div.notice:not(:first-child) {
	border-top:1px solid #6C87CC;
	margin-top:8px;
	padding-top:8px;
}
div.notices > div.notice:not(:last-child) {
	padding-bottom:8px;
}
div.notices > div.notice > div.image {
	float:left;
	width:64px;
	height:64px;
	margin-right:8px;
	background-position:center top;
	background-repeat:no-repeat;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
}
div.notices > div.notice > div.information {
	float:left;
	width:calc(100% - 72px);
}
div.notices > div.notice > div.information:only-child {
	width:100%;
}
div.notices > div.notice > div.information > h5 > a {
	display:block;
	font-weight:bold;
	height:1.5em;
	line-height:1.5em;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
div.notices > div.notice > div.information > p {
	margin:8px 0 16px 0;
}
div.notices > div.notice > div.information > div.details {
	overflow:hidden;
}
div.notices > div.notice > div.information > div.details > time,
div.notices > div.notice > div.information > div.details > a {
	float:left;
	display:block;
	font-size:0.9em;
	line-height:1em;
}
div.notices > div.notice > div.information > div.details > time {
	width:calc(100% - 96px);
}
div.notices > div.notice > div.information > div.details > a {
	width:96px;
	text-align:right;
	font-weight:bold;
}
/********** SORTABLE **********/
div.sortable:not(.disabled) .handle {
	display:block;
}
div.sortable.disabled.sortable-hidden,
div.sortable.disabled .sortable-hidden {
	display:none;
}
div.sortable:not(.disabled) .sortable-non-hidden {display:none;}

div.sortable {
	margin-bottom:1em;
	position:relative;
}

div.sortable .sortable-list {
	min-height:4px;
}

div.sortable .ui-sortable-helper {}
div.sortable .ui-state-highlight {
	border:2px dashed #666666;
	margin:8px 0;
}
div.sortable .sortable-list .sortable-placeholder {
	border:2px dashed #666666;
	margin:8px 0;
	padding:8px;
	text-align:center;
}
div.sortable .sortable-list .sortable-placeholder:not(:only-child) {
	display:none;
}

div.sortable:not(.disabled) div.box > div.content {
	display:none;
}
div.sortable:not(.disabled) .ui-sortable-handle {
	cursor:move;
}
/********** SQUARE **********/
div.square {
	position:relative;
	height:0;
	padding-top:100%;
	max-height:160px;
}
*:not(script):not(style):visible + div.square {
	margin-top:8px;
}
div.square > div.square-content {
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

div.square[data-color="blue"] {
	border:1px solid #6C87CC;
}
div.square[data-color] > div.square-content {
	padding:8px;
}

div.square > div.square-content.center {
	display:table;
	height:100%;
	width:100%;
}
div.square > div.square-content.center > .center-content {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	height:100%;
	width:100%;
}
/********** STEPS **********/
div.steps {
	counter-reset:steps;
}
div.steps > section {
	margin-left:16px;
	padding-left:16px;
	padding-bottom:16px;
	border-left:4px solid #6C87CC;
}
div.steps > section > div.content {
	margin:0 0 -1em 0;
}
div.steps > section > h3 {
	margin-left:-36px;
	padding:0.25em 1em;
	line-height:2em;
	color:#FFFFFF;
	background-color:#6C87CC;
	border:4px solid #6C87CC;
}
div.steps > section > h3:before {
	counter-increment:steps;
	content:counter(steps) ". ";
}

@media(max-width:960px){
}
@media(max-width:768px){
	div.steps > section > h3 {
		font-size:1.25em;
	}
}
@media(max-width:480px){
	div.steps > section > h3 {
		font-size:1.1em;
	}
}
/********** STYLE **********/
* {
	font-family:'Open Sans', sans-serif;
	outline:none !important;
}
*::-moz-focus-inner {
   border:0;
}

html {
	-webkit-text-size-adjust:100%;
}
body {
	margin:68px 0 0 0;
	padding:0;
	font-size:14px;
	transition:0.25s;
	background-color:#F6F6F6;
}
header, section, footer, aside, nav, main, article, figure {
    display:block;
}

.cc-revoke, .cc-window {
	font-size:0.9em !important;
}
.cc-floating.cc-theme-classic,
.cc-theme-classic .cc-btn {
	border-radius:0 !important;
}
a.anchor[id] {
	position:absolute;
	margin-top:-80px;
}

figure {
	margin:4em 0;
}
figure > img {
	display:block;
	width:512px;
	max-width:100%;
	margin:0 auto;
}
figure > div.caption {
	margin:1em auto 0 auto;
	font-size:0.75em;
	text-align:center;
	font-weight:600;
}

button {
	background:none !important;
	color:inherit;
	border:none;
	padding:0 !important;
	cursor:pointer;
	outline:none !important;
}

a {
	text-decoration:none;
	color:#111111;
}
a.block {
	display:block;
}
a.file > span > span {
	font-size:0.6em;
	font-weight:normal;
}
a.file > img {
	display:block;
	max-width:80px;
	max-height:40px;
}
p.big {font-size:1.5em;}
p.bold {font-weight:600;}
p.center {text-align:center;}

sup a,
sub a {
	color:#6C87CC;
}

div.google-ad {
	display:block;
	margin:1em auto;
	overflow:hidden;
	clear:both;
}
div.google-ad:not(:first-child) {margin-top:2em;}
div.google-ad:not(:last-child) {margin-bottom:2em;}

div.google-ad > ins {
	text-align:center;
}

a.icon {
	display:block;
	padding:1em 0.5em;
}
a.icon > i {
	width:1.5em;
	height:1.5em;
	line-height:1.5em;
	font-size:4em;
	color:#6D88CC;
}
a.icon.icon-left > i {
	float:left;
	margin-right:0.25em;
	text-align:left;
}
a.icon.icon-right > i {
	float:right;
	margin-left:0.25em;
	text-align:right;
}
a.icon > h4 {
	margin-top:0;
}
a.icon > span {
	display:block;
}

b, strong, span.bold, div.bold {
	font-weight:600;
}
b.block {
	display:block;
}
span.red, i.red {
	color:#C00000;
}
span.blue, i.blue {
	color:#6C87CC;
}

h1, h2, h3, h4, h5, h6 {
	display:block;
	position:relative;
	margin:0 0 0.5em 0;
	padding:0;
	color:#6C87CC;
}
h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
	color:#6C87CC;
}
*:not(script):not(style):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) + h1,
*:not(script):not(style):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) + h2,
*:not(script):not(style):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) + h3,
*:not(script):not(style):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) + h4,
*:not(script):not(style):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) + h5,
*:not(script):not(style):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) + h6,
h1.margin,
h2.margin,
h3.margin,
h4.margin,
h5.margin,
h6.margin {
	margin-top:1.5em;
}
h1 {font-size:2em;}
h2 {font-size:1.75em;}
h3 {font-size:1.5em;}
h4 {font-size:1.25em;}
h5 {font-size:1.1em;}
h6 {font-size:0.9em;}

h1.invert,
h2.invert,
h3.invert,
h4.invert,
h5.invert,
h6.invert {
	color:#FFFFFF;
	background-color:#6C87CC;
	padding:16px 8px 4px 8px;
	font-weight:600;
}

a.small {
	display:inline-block;
	font-size:0.7em;
	text-transform:uppercase;
}
a.small:before {
	content:'[';
}
a.small:after {
	content:']';
}
h1 > a.small,
h2 > a.small,
h3 > a.small,
h4 > a.small,
h5 > a.small,
h6 > a.small {
	font-size:0.4em;
	margin-left:1em;
}

img {
	max-width:100%;
}
img.center {
	display:block;
	margin:0 auto;
}
img.margin {
	margin-top:1em;
}
img.width-240 {
	width:240px;
}

hr {
	border:0;
	height:1px;
	background:#6C87CC;
	margin:32px 16px;
}

div.button-parent {
	text-align:center;
	margin:2em 0;
}
a.button {
	display:inline-block;
	max-width:90%;
	padding:1em 3em;
	line-height:1.25em;
	font-size:1.25em;
	color:#6C87CC;
	background-color:#FFFFFF;
	border:2px solid #6C87CC;
	transition:0.1s;
}
a.button.mini {
	padding:1em;
	font-size:1em;
}
a.button:hover,
a.button:active {
	color:#FFFFFF;
	background-color:#6C87CC;
}
a.button-action {
	display:block;
}
a.button-action.button-blue {color:#6C87CC;}
a.button-action.button-delete {color:#C00000;}
a.button-action i {
	width:1em;
	font-size:1.2em;
}

.rounded {
	-webkit-border-radius:1024px;
	-moz-border-radius:1024px;
	border-radius:1024px;
}

i.fa.circle,
i.fas.circle,
i.far.circle,
i.fal.circle,
i.fab.circle {
	color:#FFFFFF;
	padding:0.5em;
	margin:0.25em;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
}

ul, ol {
	margin:0;
	padding-left:36px;
}
ul.fa-ul {
	margin-left:2em !important;
}
ul.noIcon {
	margin:16px 0 0 0;
	padding:0;
	list-style:none;
}
ul.noMargin {
	margin:0;
}
ul li,
ol li {
	line-height:1.5em;
	margin:0.25em 0 0 0;
}
ul.noMargin > li, ol.noMargin > li {
	margin:0;
}

.hidden:not(.menu) {
	display:none;
	opacity:0;
	visibility:hidden;
	height:0;
	width:0;
}
.invisible {
	visibility:hidden;
}
.uppercase {
	text-transform:uppercase;
}

ul.structure-menu {
	font-size:0.85em;
	margin:0.5em 0 2em 0;
	column-count:3;
    column-gap:1em;
}
ul.structure-menu a {
	font-weight:600 !important;
	padding:0.25em 0;
	margin:0 0 0.25em 0;
}
ul.structure-menu a:before {
	content:'• ';
}
@media(max-width:768px){
	ul.structure-menu {
		column-count:2;
	}
}
@media(max-width:480px){
	ul.structure-menu {
		column-count:1;
	}
}

div.structure h1,
div.structure h2,
div.structure h3,
div.structure h4,
div.structure h5,
div.structure h6 {
	margin-top:0 !important;
	margin-bottom:0.5em !important;
}
div.structure h1 > a.get-link,
div.structure h2 > a.get-link,
div.structure h3 > a.get-link,
div.structure h4 > a.get-link,
div.structure h5 > a.get-link,
div.structure h6 > a.get-link {
	color:#6C87CC;
	opacity:0.1;
}
div.structure h1:hover > a.get-link,
div.structure h2:hover > a.get-link,
div.structure h3:hover > a.get-link,
div.structure h4:hover > a.get-link,
div.structure h5:hover > a.get-link,
div.structure h6:hover > a.get-link {
	opacity:0.75;
}
div.structure p {
	margin:0.5em 0 !important;
	line-height:1.5em;
}
div.structure li {
	margin:0.25em 0 !important;
	line-height:1.25em;
}

table.center {
	width:100%;
	margin:0;
	padding:0;
	border:0;
}
table.center tr td {
	vertical-align:middle;
	text-align:center;
}

div.rating-container {
	text-align:center;
}
div.rating-container > div:not(.rating) {
	font-size:0.95em;
}
div.rating {
	color:#6C87CC;
}

/***** OVERLAY *****/
div.overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0.5)
}
div.overlay.o-05 {background-color:rgba(0, 0, 0, 0.05);}
div.overlay.o-10 {background-color:rgba(0, 0, 0, 0.10);}
div.overlay.o-15 {background-color:rgba(0, 0, 0, 0.15);}
div.overlay.o-20 {background-color:rgba(0, 0, 0, 0.20);}
div.overlay.o-25 {background-color:rgba(0, 0, 0, 0.25);}
div.overlay.o-30 {background-color:rgba(0, 0, 0, 0.30);}
div.overlay.o-35 {background-color:rgba(0, 0, 0, 0.35);}
div.overlay.o-40 {background-color:rgba(0, 0, 0, 0.40);}
div.overlay.o-45 {background-color:rgba(0, 0, 0, 0.45);}
div.overlay.o-50 {background-color:rgba(0, 0, 0, 0.50);}
div.overlay.o-55 {background-color:rgba(0, 0, 0, 0.55);}
div.overlay.o-60 {background-color:rgba(0, 0, 0, 0.60);}
div.overlay.o-65 {background-color:rgba(0, 0, 0, 0.65);}
div.overlay.o-70 {background-color:rgba(0, 0, 0, 0.70);}
div.overlay.o-75 {background-color:rgba(0, 0, 0, 0.75);}
div.overlay.o-80 {background-color:rgba(0, 0, 0, 0.80);}
div.overlay.o-85 {background-color:rgba(0, 0, 0, 0.85);}
div.overlay.o-90 {background-color:rgba(0, 0, 0, 0.90);}
div.overlay.o-95 {background-color:rgba(0, 0, 0, 0.95);}
div.overlay.o-100 {background-color:rgba(0, 0, 0, 1);}

/***** CONTENT *****/
body > div.container {
	overflow:hidden;
	position:relative;
	background-color:#FFFFFF;
	padding:0 16px 16px 16px;
}
body > div.container a {
	font-weight:bold;
}
body > div.container p {
	margin:1em 0;
}
body > div.container li p {
	margin:0.5em 0;
}

[data-align="l"] {text-align:left;}
[data-align="c"] {text-align:center;}
[data-align="r"] {text-align:right;}

@media(max-width:960px){
	body {
		margin-top:52px;
	}
	div.container.grid section.grid table.center {
		height:auto !important;
	}
}
@media(max-width:768px){
	table.center {
		height:auto !important;
	}
}

@media(min-width:769px){
	[data-show-on]:not([data-show-on*="desktop"]) {
		display:none;
	}

	a.button-action.button-icon {
		display:inline-block;
		margin-left:0.25em;
	}
	a.button-action.button-icon span {
		display:none;
	}
}
@media(min-width:481px) and (max-width:768px){
	[data-show-on]:not([data-show-on*="tablet"]) {
		display:none;
	}
}
@media(max-width:480px){
	[data-show-on]:not([data-show-on*="mobile"]) {
		display:none;
	}
}
/********** SUBMENU **********/
ul.submenu {
	margin:-8px 0;
}
ul.submenu > li {
	line-height:3em;
}
ul.submenu > li:not(:first-child) {
	border-top:1px solid #CCCCCC;
}
ul.submenu > li > a {
	display:block;
	font-weight:600;
}
ul.submenu > li > a > i {
	font-size:0.75em;
	margin-right:0.5em;
}
/********** TABLE-MINI **********/
table.mini {
	width:100%;
	max-width:640px;
	margin:0 auto;
}
table.mini.margin {
	margin-top:2em;
}
table.mini.full-width {
	max-width:100%;
}
table.mini tr:not(:first-child) td {
	border-top:1px solid #DDDDDD;
}
table.mini td {
	padding:4px;
	vertical-align:top;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
table.mini td:nth-child(1) {
	font-weight:bold;
	text-align:right;
	padding-right:16px;
}
table.mini td:nth-child(2) {
	padding-left:16px;
}

table.mini[data-split="1/1"] td:nth-child(1) {width:50%;}
table.mini[data-split="1/3"] td:nth-child(1) {width:25%;}

table.mini[data-split="2/3"] td:nth-child(1) {width:40%;}

table.mini[data-split="3/1"] td:nth-child(1) {width:75%;}
table.mini[data-split="3/2"] td:nth-child(1) {width:60%;}

table.mini[data-align1="l"] td:nth-child(1) {text-align:left;}
table.mini[data-align1="c"] td:nth-child(1) {text-align:center;}
table.mini[data-align1="r"] td:nth-child(1) {text-align:right;}

table.mini[data-align2="l"] td:nth-child(2) {text-align:left;}
table.mini[data-align2="c"] td:nth-child(2) {text-align:center;}
table.mini[data-align2="r"] td:nth-child(2) {text-align:right;}

@media(max-width:768px){
	table.mini {
		max-width:100%;
	}
	table.mini td {
		padding:4px 0;
	}
	table.mini td:nth-child(1) {
		padding-right:4px;
	}
	table.mini td:nth-child(2) {
		padding-left:4px;
	}
}
/********** TABLE **********/
*:not(script):not(style):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) + div.table {
	margin-top:1em;
}
div.table {
	background-color:#FFFFFF;
	overflow:hidden;
}
div.table.no-margin {
	margin-top:0;
}
div.table.font-0-8 > div.table-header,
div.table.font-0-8 > div.table-body {
	font-size:0.8em;
}

div.table > div.table-description {
	font-size:0.8em;
	text-align:right;
	margin-bottom:0.5em;
}
div.table > div.table-description > p {
	margin:0.5em 0 0 0;
}
div.table > div.table-description select.form {
	max-width:180px;
	display:inline-block;
	font-size:1.2em;
}
div.table > div.table-description label {
	font-weight:bold;
	margin:0 0.5em 0.5em 0;
	font-size:1.1em;
}
div.table > h3 {
	margin:0;
	padding:16px 8px 4px 8px;
	overflow:hidden;
	font-weight:600;
	text-transform:uppercase;
}
div.table > h3 button {
	float:right;
	width:2em;
	height:2em;
	margin-top:-0.25em;
	margin-left:0.25em;
	line-height:1em;
	font-size:0.75em;
	text-align:center;
	color:#FFFFFF;
}
div.table > h3 button.width-1 {
	width:1em;
	margin-right:1px;
}
div.table:not(.printable) > h3 > button.print {
	display:none;
}

div.table > div.table-header {
	font-weight:600;
	border:2px solid #FFFFFF;
}
div.table > div.table-body,
div.table > div.table-footer {
	padding:0 2px;
}
div.table div.table-row {
	overflow:hidden;
}
div.table div.table-row > div.table-cell {
	float:left;
	padding:6px 8px;
	line-height:1.5em;
	overflow:hidden;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
div.table > div.table-body > div.table-row:not(:first-child) {
	border-top:1px solid #DDDDDD;
}
div.table > div.table-footer {
	border-top:2px solid #FFFFFF;
}

div.table > div.table-footer a:not(.button-action) > i {
	font-size:1em;
	width:1em;
	height:1em;
	line-height:1em;
}

div.table.selectable div.table-row > div.table-cell.select {
	width:32px;
}

div.table div.table-row > div.table-cell[data-width="1"] {width:calc((100% / 24) - 0.05px);}
div.table div.table-row > div.table-cell[data-width="2"] {width:calc((100% / 24 * 2) - 0.05px);}
div.table div.table-row > div.table-cell[data-width="3"] {width:calc((100% / 24 * 3) - 0.05px);}
div.table div.table-row > div.table-cell[data-width="4"] {width:calc((100% / 24 * 4) - 0.05px);}
div.table div.table-row > div.table-cell[data-width="5"] {width:calc((100% / 24 * 5) - 0.05px);}
div.table div.table-row > div.table-cell[data-width="6"] {width:calc((100% / 24 * 6) - 0.05px);}
div.table div.table-row > div.table-cell[data-width="7"] {width:calc((100% / 24 * 7) - 0.05px);}
div.table div.table-row > div.table-cell[data-width="8"] {width:calc((100% / 24 * 8) - 0.05px);}
div.table div.table-row > div.table-cell[data-width="9"] {width:calc((100% / 24 * 9) - 0.05px);}
div.table div.table-row > div.table-cell[data-width="10"] {width:calc((100% / 24 * 10) - 0.05px);}
div.table div.table-row > div.table-cell[data-width="11"] {width:calc((100% / 24 * 11) - 0.05px);}
div.table div.table-row > div.table-cell[data-width="12"] {width:calc((100% / 24 * 12) - 0.05px);}
div.table div.table-row > div.table-cell[data-width="13"] {width:calc((100% / 24 * 13) - 0.05px);}
div.table div.table-row > div.table-cell[data-width="14"] {width:calc((100% / 24 * 14) - 0.05px);}
div.table div.table-row > div.table-cell[data-width="15"] {width:calc((100% / 24 * 15) - 0.05px);}
div.table div.table-row > div.table-cell[data-width="16"] {width:calc((100% / 24 * 16) - 0.05px);}
div.table div.table-row > div.table-cell[data-width="17"] {width:calc((100% / 24 * 17) - 0.05px);}
div.table div.table-row > div.table-cell[data-width="18"] {width:calc((100% / 24 * 18) - 0.05px);}
div.table div.table-row > div.table-cell[data-width="19"] {width:calc((100% / 24 * 19) - 0.05px);}
div.table div.table-row > div.table-cell[data-width="20"] {width:calc((100% / 24 * 20) - 0.05px);}
div.table div.table-row > div.table-cell[data-width="21"] {width:calc((100% / 24 * 21) - 0.05px);}
div.table div.table-row > div.table-cell[data-width="22"] {width:calc((100% / 24 * 22) - 0.05px);}
div.table div.table-row > div.table-cell[data-width="23"] {width:calc((100% / 24 * 23) - 0.05px);}
div.table div.table-row > div.table-cell[data-width="24"],
div.table div.table-row > div.table-cell:not([data-width]) {width:calc(100% - 0.05px);}

div.table.selectable div.table-header div.table-row > div.table-cell[data-width="1"]:last-child,
div.table.selectable div.table-body div.table-row > div.table-cell[data-width="1"]:last-child {width:calc((100% / 24) - 32px - 0.05px);}
div.table.selectable div.table-header div.table-row > div.table-cell[data-width="2"]:last-child,
div.table.selectable div.table-body div.table-row > div.table-cell[data-width="2"]:last-child {width:calc((100% / 24 * 2) - 32px - 0.05px);}
div.table.selectable div.table-header div.table-row > div.table-cell[data-width="3"]:last-child,
div.table.selectable div.table-body div.table-row > div.table-cell[data-width="3"]:last-child {width:calc((100% / 24 * 3) - 32px - 0.05px);}
div.table.selectable div.table-header div.table-row > div.table-cell[data-width="4"]:last-child,
div.table.selectable div.table-body div.table-row > div.table-cell[data-width="4"]:last-child {width:calc((100% / 24 * 4) - 32px - 0.05px);}
div.table.selectable div.table-header div.table-row > div.table-cell[data-width="5"]:last-child,
div.table.selectable div.table-body div.table-row > div.table-cell[data-width="5"]:last-child {width:calc((100% / 24 * 5) - 32px - 0.05px);}
div.table.selectable div.table-header div.table-row > div.table-cell[data-width="6"]:last-child,
div.table.selectable div.table-body div.table-row > div.table-cell[data-width="6"]:last-child {width:calc((100% / 24 * 6) - 32px - 0.05px);}
div.table.selectable div.table-header div.table-row > div.table-cell[data-width="7"]:last-child,
div.table.selectable div.table-body div.table-row > div.table-cell[data-width="7"]:last-child {width:calc((100% / 24 * 7) - 32px - 0.05px);}
div.table.selectable div.table-header div.table-row > div.table-cell[data-width="8"]:last-child,
div.table.selectable div.table-body div.table-row > div.table-cell[data-width="8"]:last-child {width:calc((100% / 24 * 8) - 32px - 0.05px);}
div.table.selectable div.table-header div.table-row > div.table-cell[data-width="9"]:last-child,
div.table.selectable div.table-body div.table-row > div.table-cell[data-width="9"]:last-child {width:calc((100% / 24 * 9) - 32px - 0.05px);}
div.table.selectable div.table-header div.table-row > div.table-cell[data-width="10"]:last-child,
div.table.selectable div.table-body div.table-row > div.table-cell[data-width="10"]:last-child {width:calc((100% / 24 * 10) - 32px - 0.05px);}
div.table.selectable div.table-header div.table-row > div.table-cell[data-width="11"]:last-child,
div.table.selectable div.table-body div.table-row > div.table-cell[data-width="11"]:last-child {width:calc((100% / 24 * 11) - 32px - 0.05px);}
div.table.selectable div.table-header div.table-row > div.table-cell[data-width="12"]:last-child,
div.table.selectable div.table-body div.table-row > div.table-cell[data-width="12"]:last-child {width:calc((100% / 24 * 12) - 32px - 0.05px);}
div.table.selectable div.table-header div.table-row > div.table-cell[data-width="13"]:last-child,
div.table.selectable div.table-body div.table-row > div.table-cell[data-width="13"]:last-child {width:calc((100% / 24 * 13) - 32px - 0.05px);}
div.table.selectable div.table-header div.table-row > div.table-cell[data-width="14"]:last-child,
div.table.selectable div.table-body div.table-row > div.table-cell[data-width="14"]:last-child {width:calc((100% / 24 * 14) - 32px - 0.05px);}
div.table.selectable div.table-header div.table-row > div.table-cell[data-width="15"]:last-child,
div.table.selectable div.table-body div.table-row > div.table-cell[data-width="15"]:last-child {width:calc((100% / 24 * 15) - 32px - 0.05px);}
div.table.selectable div.table-header div.table-row > div.table-cell[data-width="16"]:last-child,
div.table.selectable div.table-body div.table-row > div.table-cell[data-width="16"]:last-child {width:calc((100% / 24 * 16) - 32px - 0.05px);}
div.table.selectable div.table-header div.table-row > div.table-cell[data-width="17"]:last-child,
div.table.selectable div.table-body div.table-row > div.table-cell[data-width="17"]:last-child {width:calc((100% / 24 * 17) - 32px - 0.05px);}
div.table.selectable div.table-header div.table-row > div.table-cell[data-width="18"]:last-child,
div.table.selectable div.table-body div.table-row > div.table-cell[data-width="18"]:last-child {width:calc((100% / 24 * 18) - 32px - 0.05px);}
div.table.selectable div.table-header div.table-row > div.table-cell[data-width="19"]:last-child,
div.table.selectable div.table-body div.table-row > div.table-cell[data-width="19"]:last-child {width:calc((100% / 24 * 19) - 32px - 0.05px);}
div.table.selectable div.table-header div.table-row > div.table-cell[data-width="20"]:last-child,
div.table.selectable div.table-body div.table-row > div.table-cell[data-width="20"]:last-child {width:calc((100% / 24 * 20) - 32px - 0.05px);}
div.table.selectable div.table-header div.table-row > div.table-cell[data-width="21"]:last-child,
div.table.selectable div.table-body div.table-row > div.table-cell[data-width="21"]:last-child {width:calc((100% / 24 * 21) - 32px - 0.05px);}
div.table.selectable div.table-header div.table-row > div.table-cell[data-width="22"]:last-child,
div.table.selectable div.table-body div.table-row > div.table-cell[data-width="22"]:last-child {width:calc((100% / 24 * 22) - 32px - 0.05px);}
div.table.selectable div.table-header div.table-row > div.table-cell[data-width="23"]:last-child,
div.table.selectable div.table-body div.table-row > div.table-cell[data-width="23"]:last-child {width:calc((100% / 24 * 23) - 32px - 0.05px);}
div.table.selectable div.table-header div.table-row > div.table-cell[data-width="24"]:last-child,
div.table.selectable div.table-body div.table-row > div.table-cell[data-width="24"]:last-child,
div.table.selectable div.table-header div.table-row > div.table-cell:not([data-width]):last-child,
div.table.selectable div.table-body div.table-row > div.table-cell:not([data-width]):last-child {width:calc(100% - 32px - 0.05px);}

div.table div.table-row > div.table-cell[data-hidden="true"] {display:none;}

div.table > div.table-footer select {
	max-width:320px;
	font-size:0.9em;
}
div.table > div.table-footer label:not(.checkbox):not(.radio) {
	font-weight:bold;
	margin:0 0.5em 0.5em 0;
	font-size:0.8em;
}

div.table > div.table-footer.paging > div.table-row > div.table-cell {
	line-height:2.5em;
}
div.table > div.table-footer.paging > div.table-row > div.table-cell a {
	display:inline-block;
	padding:0 1em;
	color:#FFFFFF;
	font-weight:600;
	background-color:#6C87CC;
	-webkit-border-radius:0.5em;
	-moz-border-radius:0.5em;
	border-radius:0.5em;
}

/***** BLUE *****/
div.table[data-color="blue"] > i {
	color:#6D88CC;
}
div.table[data-color="blue"] > h3 {
	background-color:#6D88CC;
	color:#FFFFFF;
}
div.table[data-color="blue"] > div.table-header {
	color:#6D88CC;
	border-color:#6D88CC;
}
div.table[data-color="blue"] > div.table-footer {
	border-color:#6D88CC;
}
div.table[data-color="blue"] div.table-row > div.table-cell:before {
	color:#6D88CC;
}

@media(min-width:961px){
	div.container.grid section.grid div.table.selectable div.table-row > div.table-cell.select {
		padding-top:0;
		height:32px;
	}
}
@media(max-width:960px){
	div.container.grid section.grid div.table:not(.no-wrap) > div.table-header {
		display:none;
	}
	div.container.grid section.grid div.table:not(.no-wrap) > div.table-body div.table-row > div.table-cell,
	div.container.grid section.grid div.table:not(.no-wrap) > div.table-footer:not(.no-wrap) div.table-row > div.table-cell {
		float:none;
		width:100% !important;
		text-align:left !important;
	}
	div.container.grid section.grid div.table:not(.no-wrap) > div.table-footer.paging:not(.no-wrap) div.table-row > div.table-cell {
		text-align:center !important;
	}
	div.container.grid section.grid div.table:not(.no-wrap) > div.table-body div.table-row > div.table-cell:before,
	div.container.grid section.grid div.table:not(.no-wrap) > div.table-footer:not(.no-wrap) div.table-row > div.table-cell[data-label]:before {
		display:block;
		font-weight:bold;
		content:attr(data-label);
	}
	div.container.grid section.grid div.table.no-wrap-label:not(.no-wrap) > div.table-body div.table-row > div.table-cell,
	div.container.grid section.grid div.table.no-wrap-label:not(.no-wrap) > div.table-footer:not(.no-wrap) div.table-row > div.table-cell[data-label]:not([data-width="24"]) {text-align:right !important;}
	div.container.grid section.grid div.table.no-wrap-label:not(.no-wrap) > div.table-body div.table-row > div.table-cell:before,
	div.container.grid section.grid div.table.no-wrap-label:not(.no-wrap) > div.table-footer:not(.no-wrap) div.table-row > div.table-cell[data-label]:before {
		float:left;
		margin-right:0.25em;
	}
	div.container.grid section.grid div.table:not(.no-wrap) > div.table-footer:not(.no-wrap) {
		padding:4px 0;
	}
	div.container.grid section.grid div.table:not(.no-wrap) > div.table-footer:not(.no-wrap) div.table-row > div.table-cell {
		float:none;
		width:100% !important;
		padding:2px 4px;
	}
	div.container.grid section.grid div.table > div.table-description div.grid {
		text-align:left;
	}
}

@media(min-width:769px){
	div.table.selectable div.table-row > div.table-cell.select {
		padding-top:0;
		height:32px;
	}
}
@media(max-width:768px){
	div.table:not(.no-wrap) > div.table-header {
		display:none;
	}
	div.table:not(.no-wrap) > div.table-body div.table-row > div.table-cell {
		float:none;
		width:100% !important;
		text-align:left !important;
	}
	div.table:not(.no-wrap) > div.table-footer.paging:not(.no-wrap) div.table-row > div.table-cell {
		text-align:center !important;
	}
	div.table:not(.no-wrap) > div.table-body div.table-row > div.table-cell:before {
		display:block;
		font-weight:bold;
		content:attr(data-label);
	}
	div.table.no-wrap-label:not(.no-wrap) > div.table-body div.table-row > div.table-cell {text-align:right !important;}
	div.table.no-wrap-label:not(.no-wrap) > div.table-body div.table-row > div.table-cell:before {
		float:left;
		margin-right:0.25em;
	}
	div.table > div.table-description div.grid {
		text-align:left;
	}
}
@media(max-width:640px){
	div.table:not(.no-wrap) > div.table-footer:not(.no-wrap) {
		padding:4px 0;
	}
	div.table:not(.no-wrap) > div.table-footer:not(.no-wrap) div.table-row > div.table-cell {
		float:none;
		width:100% !important;
		padding:2px 4px;
	}
}
@media(max-width:480px){
	div.table > div.table-description {
		text-align:left;
	}
}
/********** TABS **********/
div.tabs > div.buttons {
	height:4em;
}
div.tabs > div.buttons > button {
	display:inline-block;
	height:4em;
	line-height:4em;
	font-size:1em;
	padding:0 1em !important;
	margin:0;
	background-color:#FFFFFF !important;
	color:#6C87CC;
	font-weight:bold;
	border-top:2px solid transparent;
	border-left:1px solid transparent;
	border-right:1px solid transparent;
}
div.tabs > div.buttons > button.active {
	height:calc(4em + 1px);
	border-top-color:#6C87CC;
	border-left-color:#CCCCCC;
	border-right-color:#CCCCCC;
}
div.tabs > div.buttons > button > i {
	margin-right:0.5em;
}
div.tabs > div.content {
	padding:1.5em;
	border:1px solid #CCCCCC;
}
div.tabs > div.content > section:not(.active) {
	display:none;
}

@media(max-width:768px){
	div.tabs > div.buttons {
		height:auto;
	}
	div.tabs > div.buttons > button {
		display:block;
		width:100%;
		height:auto !important;
		line-height:1.5em;
		padding:1em 0.5em !important;
		border-top-color:#CCCCCC;
		border-left-color:#CCCCCC;
		border-right-color:#CCCCCC;
	}
}
/********** TILES **********/
ul.tiles, ul.tiles li {
	list-style:none;
	padding:0;
	overflow:hidden;
}
ul.tiles {
	margin:0 -1px;
}
ul.tiles > li {
	display:block;
	float:left;
	position:relative;
	margin:0 1px 2px 1px;
	color:#FFFFFF;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
ul.tiles > li[data-color="green"] {
	background-color:#36C25D;
}
ul.tiles > li[data-color="blue"] {
	background-color:#6D88CC;
}
ul.tiles > li[data-width="1"] {width:calc((100% / 24) - 2px - 0.05px);}
ul.tiles > li[data-width="2"] {width:calc((100% / 24 * 2) - 2px - 0.05px);}
ul.tiles > li[data-width="3"] {width:calc((100% / 24 * 3) - 2px - 0.05px);}
ul.tiles > li[data-width="4"] {width:calc((100% / 24 * 4) - 2px - 0.05px);}
ul.tiles > li[data-width="5"] {width:calc((100% / 24 * 5) - 2px - 0.05px);}
ul.tiles > li[data-width="6"] {width:calc((100% / 24 * 6) - 2px - 0.05px);}
ul.tiles > li[data-width="7"] {width:calc((100% / 24 * 7) - 2px - 0.05px);}
ul.tiles > li[data-width="8"] {width:calc((100% / 24 * 8) - 2px - 0.05px);}
ul.tiles > li[data-width="9"] {width:calc((100% / 24 * 9) - 2px - 0.05px);}
ul.tiles > li[data-width="10"] {width:calc((100% / 24 * 10) - 2px - 0.05px);}
ul.tiles > li[data-width="11"] {width:calc((100% / 24 * 11) - 2px - 0.05px);}
ul.tiles > li[data-width="12"] {width:calc((100% / 24 * 12) - 2px - 0.05px);}
ul.tiles > li[data-width="13"] {width:calc((100% / 24 * 13) - 2px - 0.05px);}
ul.tiles > li[data-width="14"] {width:calc((100% / 24 * 14) - 2px - 0.05px);}
ul.tiles > li[data-width="15"] {width:calc((100% / 24 * 15) - 2px - 0.05px);}
ul.tiles > li[data-width="16"] {width:calc((100% / 24 * 16) - 2px - 0.05px);}
ul.tiles > li[data-width="17"] {width:calc((100% / 24 * 17) - 2px - 0.05px);}
ul.tiles > li[data-width="18"] {width:calc((100% / 24 * 18) - 2px - 0.05px);}
ul.tiles > li[data-width="19"] {width:calc((100% / 24 * 19) - 2px - 0.05px);}
ul.tiles > li[data-width="20"] {width:calc((100% / 24 * 20) - 2px - 0.05px);}
ul.tiles > li[data-width="21"] {width:calc((100% / 24 * 21) - 2px - 0.05px);}
ul.tiles > li[data-width="22"] {width:calc((100% / 24 * 22) - 2px - 0.05px);}
ul.tiles > li[data-width="23"] {width:calc((100% / 24 * 23) - 2px - 0.05px);}
ul.tiles > li[data-width="24"] {width:calc(100% - 2px - 0.05px);}

ul.tiles > li > a {
	display:block;
	color:inherit;
	font-weight:normal;
	padding:8px 16px;
	transition:background-color 0.25s;
}
ul.tiles > li:hover > a {
	background-color:rgba(0, 0, 0, 0.1);
}

ul.tiles > li > a > i {
	display:block;
	font-size:3em;
	line-height:2em;
	text-align:center;
}
ul.tiles > li > a > span.image {
	display:block;
	height:4em;
	margin:0.5em 0;
	background-position:center;
	background-repeat:no-repeat;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
}
ul.tiles > li > a > span.label {
    display:block;
	width:100%;
	height:3em;
	line-height:3em;
}
ul.tiles > li > a > span.label > span {
	display:inline-block;
	width:100%;
	min-height:1.4em;
	max-height:2.6em;
	line-height:1.25em;
	font-weight:600;
	overflow:hidden;
	vertical-align:middle;
	text-align:center;
	text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75);
}

ul.tiles[data-lines="3"] > li > a > span.label {
	height:4.5em;
	line-height:4.5em;
}
ul.tiles[data-lines="3"] > li > a > span.label > span {
	max-height:4em;
}

ul.tiles[data-lines="4"] > li > a > span.label {
	height:6em;
	line-height:6em;
}
ul.tiles[data-lines="4"] > li > a > span.label > span {
	max-height:5em;
}

@media(max-width:960px){
	div.container.grid section.grid ul.tiles > li {width:calc(50% - 2px);}
	div.container.grid section.grid ul.tiles > li:last-child:nth-child(2n+1) {width:calc(100% - 2px);}

	div.container.grid section.grid ul.tiles > li > a > i {
		font-size:2em;
	}
	div.container.grid section.grid ul.tiles > li > a > span.label > span {
		font-size:0.9em;
	}
}
@media(max-width:768px){
	ul.tiles > li {width:calc(50% - 2px) !important;}
	ul.tiles > li:last-child:nth-child(2n+1) {width:calc(100% - 2px) !important;}

	ul.tiles > li > a > i {
		font-size:2em;
	}
	ul.tiles > li > a > span.label > span {
		font-size:0.9em;
	}
}
@media(max-width:480px){
	ul.tiles:not([data-side-by-side="1"]) > li {width:calc(100% - 2px) !important;}

	ul.tiles[data-side-by-side="1"] > li {width:calc(50% - 2px);}
	ul.tiles[data-side-by-side="1"] > li:last-child:nth-child(2n+1) {width:calc(100% - 2px);}
}
/********** TOOLTIP **********/
div.tooltip {
	position:absolute;
	max-width:120px;
	padding:0.5em;
	background-color:#333333;
	color:#EEEEEE;
	font-size:0.75em;
	z-index:1000000;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
div.tooltip:not([data-s="c"])::before {
	content:' ';
	display:block;
	position:absolute;
	width:8px;
	height:8px;
	background-color:#333333;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
}
div.tooltip[data-s="t"]::before {
	bottom:-4px;
	left:calc(50% - 4px);
}
div.tooltip[data-s="r"]::before {
	left:-4px;
	top:calc(50% - 4px);
}
div.tooltip[data-s="b"]::before {
	top:-4px;
	left:calc(50% - 4px);
}
div.tooltip[data-s="l"]::before {
	right:-4px;
	top:calc(50% - 4px);
}
div.tooltip > div {
	background-color:#333333;
}
/********** WINDOW **********/
div.window {
    text-align:center;
}
div.window.noAccess {
	margin:4em 0;
}
div.window + *,
section.grid > div.window:first-child ~ section {
	margin-top:32px;
}
div.window > i {
	color:#FFFFFF;
	padding:0.5em;
	width:1em;
	margin:0.25em;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
}
div.window > h3 {
	margin-top:0.5em;
}
div.window > p {
	margin:0 !important;
}
/* 2x */
div.window > i.fa-2x + h3 {font-size:1.25em;}
div.window > i.fa-2x + h3 + p {font-size:0.8em;}
/* 1x */
div.window > i.fa-1x + h3 {font-size:1.1em;}
div.window > i.fa-1x + h3 + p {font-size:0.8em;}
/* COLORS */
div.window.warning > i {background-color:#C00000;}
div.window.warning > h3 {color:#C00000;}

div.window.success > i {background-color:#00C000;}
div.window.success > h3 {color:#00C000;}

div.window.info > i {background-color:#6060FF;}
div.window.info > h3 {color:#6060FF;}