/*
Theme Name: Befund2020
Theme URI: https://befundpost.at
Author: ZWEIECK Software / ESTREIA New Media
Author URI: http://www.zweieck.at
Description: Custom theme for Zweieck Software, Aug.2019
Version: 1.0
License: Proprietary
License URI: https://befundpost.at/
Text Domain: befund2020
Tags: 
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS <<<
----------------------------------------------------------------
- Normalize
- LINKS
- MISCELANEA
- TYPOGRAPHY
- ALIGNMENTS
- BUTTONS
- HEADER
- NAVIGATION
- MAIN ARTICLE
- SIDEBAR
- HOMEPAGE
- LOGIN
- NEWS
- FEEDBACK
- PRIVACY CONSENT
- ICONS
- FORMS
- CONTACT FORM
- BOXES
- MY DATA
- DROPZONE
- FRIENDS
- MESSAGES
- NOTIFICATION
- DIALOGS
- DIALOGS - Edit
- DIALOGS - Share
- DIALOGS - Delete
- VALUES
- REGISTRY
- MY DATA
- ACCORDION - forms
- ACCORDION - UI
- MEDIA / IMAGES / GALLERIES
- FOOTER
- COLORBOX
- SCROLLBARS

--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

#wpadminbar { display:none !important;}

html {
	height: 100%;
	font-family: sans-serif;
	font-size: 62.5%; /* helps to translate rem units to pixels */
	line-height: 1.4;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	height: 100%;
	background-color: #46474c;
	font-family: 'Open Sans', Verdana, sans-serif;
	font-size: 1.7rem; /* 17px */
	color: #ffffff;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-animation: fadein 0.4s;
	animation: fadein 0.4s;
}

body.light {
	background-color: #ffffff;
	color: #3d3e43;
}

/* -- body fade transition -- */
@-webkit-keyframes fadein { from {opacity:0} to {opacity:1} }
@keyframes fadein { from {opacity:0} to {opacity:1} }

article,
aside,
footer,
header,
nav,
section {
	display: block;
}

figcaption,
figure,
main {
	display: block;
}

figure {
	margin: 1em 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline-width: 0;
}

abbr[title] {
	border-bottom: 1px #767676 dotted;
	text-decoration: none;
}

b,
strong {
	font-weight: inherit;
}

b,
strong {
	font-weight: 700;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

dfn {
	font-style: italic;
}

mark {
	background-color: #eee;
	color: #3d3e43;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

audio,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

img {
	border-style: none;
}

svg:not(:root) {
	overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
	font-family: 'Open Sans', Verdana, sans-serif;
	font-size: 100%;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	/*-webkit-appearance: button;*/
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	opacity: 1;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	border: 1px solid #bbb;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details,
menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}




/*--------------------------------------------------------------
LINKS
--------------------------------------------------------------*/

a {
	color: #ff8e92;
	text-decoration: none;
	background-color: transparent;
}

.light a {
	color: #f15056;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	color: #ffffff;
	outline: 0;
}

.light a:hover,
a:active {
	color: #3d3e43;
}





/*--------------------------------------------------------------
MISCELANEA
--------------------------------------------------------------*/

/* Accessibility style for text readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

/* Force pointer cursor on hover */
.handCursor:hover {
	cursor: pointer !important;
}

/* Rulers */
hr {
	height: 1px;
	background-color: #46474c;
	border: 0;
	margin: 15px 0;
}

.light hr {
	background-color: #ffffff;
}

article hr {
	margin: 15px -40px;
}

.light article hr {
	background-color: #ffffff;
}

article .divNarrow hr {
	margin: 15px 0 15px -40px;
}

@media screen and ( max-width: 799px ) {
	article .divNarrow hr {
		margin: 15px -15px;
	}
}




/*--------------------------------------------------------------
TYPOGRAPHY
--------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.4;
	margin: 0 0 1.5rem;
	padding: 1.5rem 0 0 0;
	clear: both;
}

hr + h1,
hr + h2,
hr + h3,
hr + h4,
hr + h5,
hr + h6 {
	padding: 0;
}

h1:first-child {
	padding: 0;
}

h1 {
	font-family: 'Work Sans', Verdana, sans-serif;
	font-size: 4rem;
	font-weight: 200;
}

.light h1 {
	font-weight: 300;
}

@media screen and ( max-width: 499px ) {
	h1 {
		font-size: 3rem;
	}
}

h2 {
	font-family: 'Work Sans', Verdana, sans-serif;
	font-size: 3rem;
	font-weight: 200;
}

.light h2 {
	font-weight: 300;
}

article h2 {
	color: #ffffff;
}

.light article h2 {
	color: #868795;
}

aside section h2 {
	padding-top: 1rem;
	margin-bottom: 1rem;
}

@media screen and ( max-width: 1023px ) {
	aside section h2 {
		font-size: 2.6rem;
	}
}

h3 {
	font-family: 'Work Sans', Verdana, sans-serif;
	font-size: 2.4rem;
	font-weight: 400;
	letter-spacing: -1px;
}

h4 {
	font-size: 2rem;
	font-weight: 600;
}

h5 {
	font-size: 1.7rem;
	font-weight: 400;
}

h6 {
	font-size: 1.5rem;
	font-weight: 400;
}

p {
	margin: 0 0 2rem;
	padding: 0;
}

.small {
	font-size: 1.5rem;
}

.strongRed {
	font-weight: bold;
	color: #f15056;
}

.strongBlue {
	font-weight: bold;
	color: #00bbe8;
}

.grey {
	font-size: 1.5rem;
	color: #a8adb9;
}

.light .grey {
	color: #868795;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	font-size: 2rem;
	font-style: italic;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

blockquote cite {
	font-style: normal;
	font-weight: 600;
	margin-top: 2rem;
	display: block;
}

address {
	margin: 0 0 2rem;
}

pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 1.7rem;
	line-height: 140%;
	margin-bottom: 2rem;
	padding: 2rem;
	max-width: 100%;
	overflow: auto;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 1.7rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #767d8f;
	cursor: help;
}

mark,
ins {
	background: #767d8f;
	text-decoration: none;
}

big {
	font-size: 125%;
}

blockquote {
	quotes: "" "";
}

q {
	quotes: "“" "”" "‘" "’";
}

blockquote:before,
blockquote:after {
	content: "";
}

:focus {
	outline: none;
}






/*--------------------------------------------------------------
ALIGNMENTS
--------------------------------------------------------------*/

.clear {
	clear: both;
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 2rem;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 2rem;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}





/*--------------------------------------------------------------
BUTTONS
--------------------------------------------------------------*/
a.button {
	height: 50px;
	font-size: 1.9rem;
	font-weight: 300;
	color: #ffffff;
	line-height: 50px;
	text-align: center;
	letter-spacing: 1px;
	padding: 0 20px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	display: inline-block;
}

@media (max-width: 1279px) {
	a.button {
		padding: 0 15px;
	}
}

@media (max-width: 1023px) {
	a.button {
		font-size: 1.7rem;
		letter-spacing: 0px;
	}
}

/* Help button */
a.button.help {
	position: absolute;
	top: 40px;
	right: 40px;
	width: 36px;
	height: 36px;
	background-color: #edf3ff;
	background-image: url('media/icon_help.png');
	background-position: center top;
	background-repeat: no-repeat;
	line-height: 36px;
	letter-spacing: 0px;
	padding: 0;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	display: block;
}

.light a.button.help {
	background-color: #ffffff;
}

a.button.help:hover {
	background-color: #46474c !important;
	background-position: center bottom;
}

@media screen and ( max-width: 1365px ) {
	a.button.help {
		right: 20px;
	}
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	a.button.help {
		top: 25px;
	}
}

@media screen and ( max-width: 499px ) {
	a.button.help {
		top: 18px;
		right: 15px;
	}
}

/* Close button */
a.button.close {
	position: absolute;
	top: -8px;
	right: -8px;
	height: 20px;
	background-color: #46474c;
	background-image: url("media/bt_close.png");
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	line-height: 20px;
	letter-spacing: 0px;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
	padding: 0 10px;
	margin: 0 !important;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	display: block;
}

a.button.close:hover {
	background-position: center bottom;
}

/* Colour buttons */
a.button.blue {
	background-color: #00bbe8;
	color: #ffffff !important;
	font-weight: 300;
}

a.button.red {
	background-color: #f15056;
	color: #ffffff !important;
	font-weight: 300;
}

a.button.white {
	background-color: #edf3ff;
	color: #3d3e43 !important;
	font-weight: 400;
}

.light a.button.white {
	background-color: #ffffff;
	font-weight: 300;
}

a.button.green {
	background-color: #2dcb24;
	color: #ffffff !important;
	font-weight: 400;
}

a.button.grey {
	background-color: #9c9dad;
	color: #ffffff !important;
	font-weight: 300;
}

/* Button States */
a.button:hover {
	background-color: #46474c !important;
	color: #ffffff !important;
	font-weight: 300;
}

a.button:focus {
	outline: 0;
}





/*--------------------------------------------------------------
HEADER
--------------------------------------------------------------*/

header {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 120px;
	background-color: #46474c;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	z-index: 1000;
}

.light header {
	background-color: #ffffff;
	border-bottom: 1px solid #ffffff;
}

.light header.withBorder {
	border-bottom: 1px solid #edf3ff;
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	header {
		height: 100px;
	}
}

@media screen and ( max-width: 399px ) {
	header {
		height: 80px;
	}
}

.darkLogo,
.lightLogo {
	position: absolute;
	top: 32px;
	left: 40px;
	width: 230px;
	height: 55px;
	-webkit-transition: width 0.25s, height 0.25s;
	-moz-transition: width 0.25s, height 0.25s;
	-ms-transition: width 0.25s, height 0.25s;
	transition: width 0.25s, height 0.25s;
	z-index: 1100;
}

.server {
	position: relative;
	float: left;
	margin-left: 210px;
	margin-top: 32px;
	width: 230px;
	height: 55px;
	font-size: 36px;
	-webkit-transition: width 0.25s, height 0.25s;
	-moz-transition: width 0.25s, height 0.25s;
	-ms-transition: width 0.25s, height 0.25s;
	transition: width 0.25s, height 0.25s;
	z-index: 1100;
}

@media (max-width: 1635px ) {
	.server {
		margin-left: 180px;
		margin-top: 22px;
	}
}

@media screen and ( max-width: 1365px ) {
	.darkLogo,
	.lightLogo {
		left: 30px;
	}
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	.darkLogo,
	.lightLogo {
		top: 21px;
		left: 28px;
	}
}

@media screen and ( max-width: 799px ) {
	.darkLogo,
	.lightLogo {
		left: 14px;
	}
}

@media screen and ( max-width: 399px ) {
	.darkLogo,
	.lightLogo {
		top: 19px;
		left: 14px;
		width: 173px;
		height: 41px;
	}
}

.darkLogo {
	display: block;
}

.light .darkLogo {
	display: none;
}

.lightLogo {
	display: none;
}

.light .lightLogo {
	display: block;
}





/*--------------------------------------------------------------
NAVIGATION
--------------------------------------------------------------*/

nav {
	height: 120px;
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	nav {
		height: 100px;
	}
}

@media screen and ( max-width: 399px ) {
	nav {
		height: 80px;
	}
}

#menuNotification {
	position: absolute;
	top: 40px;
	right: 40px;
	width: 10px;
	height: 10px;
	background-color: #f15056;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: block;
	z-index: 1500;
}

@media screen and ( max-width: 1365px ) {
	#menuNotification {
		right: 30px;
	}
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	#menuNotification {
		top: 35px;
		right: 70px;
	}
}

@media screen and ( max-width: 799px ) {
	#menuNotification {
		right: 60px;
	}
}

@media screen and ( max-width: 399px ) {
	#menuNotification {
		top: 25px;
	}
}

nav > ul {
	position: relative;
	top: 28px;
	right: 20px;
	text-align: right;
}

@media screen and ( max-width: 1365px ) {
	nav > ul {
		right: 10px;
	}
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	nav > ul {
		position: relative;
		top: 100px;
		right: 0px;
		background-color: #46474c;
		text-align: left;
		border-top: 1px solid #767d8f;
	}
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	.light nav > ul {
		background-color: #ffffff;
	}
}

@media screen and ( max-width: 399px ) {
	nav > ul {
		top: 80px;
	}
}

nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.js nav ul,
.js nav ul ul,
.js nav > div > ul {
	display: block;
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	.js nav ul,
	.js nav ul ul,
	.js nav > div > ul {
		display: none;
	}
}

nav > ul > li {
	position: relative;
	background-color: transparent;
	vertical-align: middle;
	-webkit-transition: background-color 0.2s;
	transition: background-color 0.2s;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	nav > ul > li {
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		border-bottom: 1px solid #767d8f;
		display: block;
	}
}

nav > ul > li:hover,
nav > ul > li.focus {
	background-color: #edf3ff;
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	nav > ul > li:hover,
	nav > ul > li.focus {
		background-color: transparent;
	}
}

nav > ul > li.menu-item-has-children:hover,
nav > ul > li.menu-item-has-children.focus {
	background-image: url("media/menu_line.gif");
	background-position: 20px 63px;
	background-size: calc(100% - 40px) 1px;
	background-repeat: no-repeat;
	-webkit-border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	nav > ul > li.menu-item-has-children:hover,
	nav > ul > li.menu-item-has-children.focus {
		background-image: none;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
}

/* ACCOUNT menu */
nav > ul > li:last-child {
	position: relative;
	height: 64px;
	text-align: center;
	padding: 0 20px;
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	nav > ul > li:last-child {
		width: initial;
		height: initial;
		text-align: left;
		padding: 0;
	}
}

nav > ul > li:last-child > a {
	width: 46px;
	height: 46px;
	background-color: #edf3ff;
	color: #edf3ff;
	font-weight: 500;
	line-height: 46px;
	letter-spacing: 0px;
	margin: 9px auto;
	padding: 0;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	border-radius: 23px;
	overflow: hidden;
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	nav > ul > li:last-child > a {
		width: auto;
		height: 45px;
		background-color: transparent;
		color: #edf3ff !important;
		font-weight: 400;
		line-height: 25px;
		letter-spacing: 1px;
		margin: 0;
		padding: 10px 20px;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.light nav > ul > li:last-child > a {
		color: #3d3e43 !important;
	}
}

nav > ul > li:last-child > a span.accountMobile {
	display: none;
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	nav > ul > li:last-child > a span.accountMobile {
		display: inline;
	}
}

nav > ul > li:last-child > a span.accountDesktop {
	display: inline;
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	nav > ul > li:last-child > a span.accountDesktop {
		display: none;
	}
}

nav > ul > li:last-child > a span.accountAnonymous {
	font-weight: 700;
	letter-spacing: 2px;
}

nav > ul > li:last-child:hover > a {
	background-color: #46474c;
	color: #edf3ff !important;
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	nav > ul > li:last-child:hover > a {
		background-color: transparent;
	}
}

.light nav > ul > li:last-child:hover > a {
	color: #edf3ff !important;
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	.light nav > ul > li:last-child:hover > a,
	.light nav > ul > li:last-child:focus > a {
		color: #3d3e43 !important;
	}
}

nav > ul > li:last-child > a .menuArrow {
	display: none !important;
}
/* END Account menu */

nav > ul > li > a {
	height: 64px;
	color: #edf3ff;
	font-family: 'Quicksand';
	font-size: 1.7rem;
	font-weight: 400;
	line-height: 66px;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 0 20px;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
	display: block;
}

.light nav > ul > li > a {
	color: #3d3e43;
	font-weight: 500;
}

@media screen and ( max-width: 1279px ) {
	nav > ul > li > a {
		letter-spacing: 1px;
		padding: 0px 12px;
	}
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	nav > ul > li > a {
		height: 45px;
		line-height: 25px;
		letter-spacing: 1px;
		padding: 10px 20px;
	}
}

nav > ul > li:hover > a,
nav > ul > li.focus > a {
	color: #3d3e43;
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	nav > ul > li:hover > a,
	nav > ul > li.focus > a {
		color: #edf3ff;
	}
	.light nav > ul > li:hover > a,
	.light nav > ul > li.focus > a {
		color: #3d3e43;
	}
}

nav > ul > li.menu-item-has-children > a {
	padding-right: 0;
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	nav > ul > li.menu-item-has-children > a {
		padding-right: initial;
	}
}

/* Hide the menu on small screens when JavaScript is available.
 * It only works with JavaScript. */
@media screen and ( max-width: 1023px ) {
	.js nav ul,
	nav .menu-item-has-children > a > .menuArrow,
	nav .page_item_has_children > a > .menuArrow,
	nav ul a > .subMenuArrow {
		display: none;
	}
}

.js nav.toggled-on > ul {
	display: block;
}

@media screen and ( max-width: 1023px ) {
	.js nav.toggled-on > ul {
		/* make sure smartphone users can scroll through long menus */
		max-height: calc(100 - 100px);; /* Menu can occupy 100% of the screen height, minus the menu (for browsers that do not support Custom Properties bellow) */
		/* Mobile browsers as Chrome and Safari dont count with the address bar, so 100vh is not accurate and will cut the menu */
		max-height: calc(var(--vh, 1vh) * 100 - 100px); /* --vh is a Custom Propery, a js variable defined on header.php */
		overflow: auto; /* allow scroll on the menu */
	}
}

@media screen and ( max-width: 399px ) {
	.js nav.toggled-on > ul {
		max-height: calc(var(--vh, 1vh) * 100 - 80px); /* --vh is a Custom Propery, a js variable defined on header.php */
	}
}

/* Sub Menus */
nav ul ul {
	position: absolute;
	top: 100%;
	left: -999em;
	min-width: 100%;
	width: auto;
	background-color: #edf3ff;
	padding: 10px 0;
	margin: 0;
	-webkit-border-radius: 0px 3px 3px 3px;
	-moz-border-radius: 0px 3px 3px 3px;
	border-radius: 0px 3px 3px 3px;
	z-index: 99999;
	-moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	nav ul ul {
		position: relative;
		top: 0;
		left: initial;
		background-color: transparent;
		padding: 0 0 10px 0;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		z-index: 99999;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
}

nav ul li:hover > ul,
nav ul li.focus > ul {
	left: 0px;
	right: initial;
}

nav ul ul.toggled-on {
	display: block;
}

nav ul ul li > a {
	position: relative;
	color: #3d3e43 !important;
	font-family: 'Quicksand';
	font-size: 1.7rem;
	font-weight: 500;
	line-height: 2rem;
	text-align: left;
	white-space: nowrap;
	padding: 8px 30px 8px 20px;
	display: block;
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	nav ul ul li > a {
		color: #edf3ff !important;
		font-weight: 400;
		padding: 8px 20px 8px 40px;
	}
	.light nav ul ul li > a {
		color: #3d3e43 !important;
	}
}

nav ul ul li > a:hover {
	font-weight: 600;
}

nav ul ul li.current-menu-item > a {
	font-weight: 700;
}

/* Account Sub Menu */
nav ul li:last-child:hover > ul,
nav ul li:last-child.focus > ul {
	right: 0px;
	left: initial;
	-webkit-border-radius: 3px 0px 3px 3px;
	-moz-border-radius: 3px 0px 3px 3px;
	border-radius: 3px 0px 3px 3px;
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	nav ul li:last-child:hover > ul,
	nav ul li:last-child.focus > ul {
		right: initial;
		left: 0;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
}

nav ul li:last-child ul li a {
	text-align: right;
	padding: 8px 20px 8px 30px;
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	nav ul li:last-child ul li a {
		text-align: left;
		padding: 8px 20px 8px 40px;
	}
}

/* Menu toggle */

.menu-toggle {
	position: absolute;
	top: 40px;
	right: 40px;
	height: 60px;
	background-color: transparent;
	border: 0;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
	display: none;
}

/* Show hamburger menu on mobile */
@media screen and ( max-width: 1023px ) {
	.menu-toggle {
		top: 20px;
		right: 60px;
	}
}

@media screen and ( max-width: 799px ) {
	.menu-toggle {
		right: 50px;
	}
}

@media screen and ( max-width: 399px ) {
	.menu-toggle {
		top: 0px;
	}
}

/* Hide hamburger menu on desktop */
.js .menu-toggle,
.js .dropdown-toggle {
	display: none;
}

/* Show hamburger menu on mobile */
@media screen and ( max-width: 1023px ) {
	.js .menu-toggle,
	.js .dropdown-toggle {
		display: block;
	}
}

.topMenu.toggled-on ul.nav-menu {
	display: block;
}

.menu-toggle:hover,
.menu-toggle:focus {
	background-color: transparent !important;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.menu-toggle a {
	width: 60px;
	height: 60px;
}

.menu-toggle .icon-bars {
	width: 60px;
	height: 60px;
	display: block;
}

.menu-toggle .icon-close {
	width: 60px;
	height: 60px;
	display: none;
}

.toggled-on .menu-toggle .icon-bars,
.menu-toggle .icon-close {
	display: none;
}

.toggled-on .menu-toggle .icon-close {
	display: block;
}

/* Dropdown Toggle */

.dropdown-toggle {
	position: absolute;
	top: 0;
	right: 0;
	background-color: transparent;
	padding: 0;
	margin: 0;
	border: 0;
	display: block;
}

@media screen and ( max-width: 1023px ) {
	.dropdown-toggle {
		width: 60px !important;
		height: 45px !important;
		overflow: hidden;
	}
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
	background: transparent !important;
}

.dropdown-toggle:focus {
}

/* Menu Arrows */

.menuArrow {
	position: relative;
	width: 50px;
	height: 64px;
	background-image: url("media/menu_arrow_bg.png");
	background-position: center top;
	background-repeat: no-repeat;
	display: inline-block !important;
	vertical-align: middle !important;
	padding: 0 !important;
}

.light .menuArrow {
	background-position: center bottom;
}

nav > ul > li:hover > a .menuArrow,
nav > ul > li.focus > a .menuArrow {
	background-position: center bottom;
}

@media screen and ( max-width: 1023px ) {
	.menuArrow {
		display: none !important;
	}
}

.dropdown-toggle.toggled-on .subMenuArrow {
	-ms-transform: rotate(-180deg); /* IE 9 */
	-webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
	transform: rotate(-180deg);
}

.subMenuArrow {
	display: block !important;
	width: 60px;
	height: 46px;
}

/* Dark/light theme switch */

#formMenuSwitch {
	width: auto;
	display: inline-block;
}

.showLabel {
	display: inline;
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	.showLabel {
		color: #edf3ff !important;
	}
	.light .showLabel {
		color: #3d3e43 !important;
	}
}

.hideLabel {
	display: none;
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	.hideLabel {
		color: #edf3ff !important;
	}
}

.switch {
	position: relative;
	width: 40px;
	height: 20px;
	margin: 0 0 0 10px;
	display: inline-block;
}

.switch input {
	width: 0;
	height: 0;
	opacity: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 2px solid #3d3e43;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	.slider {
		border: 2px solid #edf3ff;
	}
	.light .slider {
		border: 2px solid #3d3e43;
	}
}

.slider:before {
	position: absolute;
	left: 4px;
	top: 3px;
	content: "";
	height: 10px;
	width: 10px;
	background-color: #f15056;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider:before {
	-webkit-transform: translateX(18px);
	-ms-transform: translateX(18px);
	transform: translateX(18px);
}



/*--------------------------------------------------------------
MAIN ARTICLE - main/left content
--------------------------------------------------------------*/
main {
	z-index: 100;
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	padding-top: 120px;
	display: -webkit-flex; /* Old Safari */
	display: -ms-flexbox; /* IE <=10 */
	display: flex;
	flex-direction: row;
	-webkit-flex-wrap: nowrap; /* Safari 6.1+ */
	-ms-flex-wrap: nowrap; /* IE <=10 */
	flex-wrap: nowrap;
	-ms-flex-line-pack: stretch; /* IE <=10 */
	align-content: stretch;
	-webkit-box-align: stretch; /* Old Safari */
	-ms-flex-align: stretch; /* IE <=10 */
	-ms-grid-row-align: stretch; /* IE <=10 */
	align-items: stretch;
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	main {
		padding-top: 100px;
		display: block;
	}
}

@media screen and ( max-width: 399px ) {
	main {
		padding-top: 80px;
	}
}

@media (max-width: 1023px) {
	main {
		overflow: hidden;
	}
}

main article {
	position: relative;
	min-height: 50vh;
	-ms-flex-basis: 70%; /* old IE */
	-webkit-flex-basis: 70%; /* old Safari */
	flex-basis: 70%;
	-ms-flex-shrink: 0; /* old IE */
	-webkit-flex-shrink: 0; /* old Safari */
	flex-shrink: 0;
	background-color: #676773;
	background-image: none;
	font-size: 1.7rem;
	font-weight: 300;
	text-align: left;
	vertical-align: top;
	padding: 20px 40px 40px 40px;
	margin-right: 3px;
	-webkit-border-radius: 0px 60px 60px 0px;
	-moz-border-radius: 0px 60px 60px 0px;
	border-radius: 0px 60px 60px 0px;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	overflow: hidden;
}

.home main article {
	min-height: 70vh;
}

@media screen and ( max-width: 599px ) {
	.home main article {
		padding-right: 40%;
	}
}

.light main article {
	background-color: #edf3ff;
	background-image: linear-gradient(#edf3ff, #d5dae5);
	font-weight: 400;
}

@media screen and ( max-width: 1599px ) {
	main article {
		-ms-flex-basis: 80%; /* old IE */
		-webkit-flex-basis: 80%; /* old Safari */
		flex-basis: 80%;
	}
}

@media screen and ( max-width: 1365px ) {
	main article {
		padding: 20px 30px 40px 30px;
	}
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	main article {
		-ms-flex-basis: 100%; /* old IE */
		-webkit-flex-basis: 100%; /* old Safari */
		flex-basis: 100%;
		padding: 20px 30px;
		margin-right: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		z-index: 700;
	}
}

@media screen and ( max-width: 799px ) {
	main article {
		padding: 15px 15px 30px 15px;
	}
}

@media screen and ( max-width: 399px ) {
	main article {
		min-height: calc(100vh - 80px);
	}
}

/* Full width - when sidebar is closed  */
main article.full {
	-ms-flex-basis: calc(100% - 63px); /* old IE */
	-webkit-flex-basis: calc(100% - 63px); /* old Safari */
	flex-basis: calc(100% - 63px);
}

/* Normal width - when sidebar is shown */
main article.normal {
	-ms-flex-basis: 70%; /* old IE */
	-webkit-flex-basis: 70%; /* old Safari */
	flex-basis: 70%;
}

/* Wider article - bellow 1600px the sidebar is narrow */
@media screen and ( max-width: 1599px ) {
	main article.normal {
		-ms-flex-basis: 80%; /* old IE */
		-webkit-flex-basis: 80%; /* old Safari */
		flex-basis: 80%;
	}
}

/* Narrow content - content with form or featured image on the right */
.divNarrow {
	width: 50%;
	vertical-align: top;
	padding-right: 15px;
	float: left;
}

@media (max-width: 799px) {
	.divNarrow {
		width: auto;
		padding-right: 0;
		float: none;
		clear: both;
	}
}







/*--------------------------------------------------------------
SIDEBAR
--------------------------------------------------------------*/

main aside {
	position: relative;
	-ms-flex-basis: 30%; /* old IE */
	-webkit-flex-basis: 30%; /* old Safari */
	flex-basis: 30%;
	-ms-flex-shrink: 1; /* old IE */
	-webkit-flex-shrink: 1; /* old Safari */
	flex-shrink: 1;
	background-color: #676773;
	background-image: none;
	text-align: center;
	vertical-align: top;
	padding: 20px;
	-webkit-border-radius: 60px 0px 0px 60px;
	-moz-border-radius: 60px 0px 0px 60px;
	border-radius: 60px 0px 0px 60px;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	overflow: hidden;
}

.home main aside {
	min-height: 70vh;
}

.light main aside {
	background-color: #edf3ff;
	background-image: linear-gradient(#edf3ff, #d5dae5);
}

/* Narrow sidebar - bellow 1600px */
@media screen and ( max-width: 1599px ) {
	main aside {
		-ms-flex-basis: 20%; /* old IE */
		-webkit-flex-basis: 20%; /* old Safari */
		flex-basis: 20%;
	}
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	main aside {
		position: absolute;
		top: 100px;
		left: 100%;
		width: 100%;
		min-height: auto;
		-ms-flex-basis: initial; /* old IE */
		-webkit-flex-basis: initial; /* old Safari */
		flex-basis: initial;
		-ms-flex-shrink: initial; /* old IE */
		-webkit-flex-shrink: initial; /* old Safari */
		flex-shrink: initial;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		z-index: 800;
	}
}

@media screen and ( max-width: 399px ) {
	main aside {
		top: 80px;
	}
}

/* Hide sidebar - when sidebar is closed */
main aside.hide {
	-ms-flex-basis: 63px; /* old IE */
	-webkit-flex-basis: 63px; /* old Safari */
	flex-basis: 63px;
}

/* Mobile - Hide: slide sidebar to the right */
@media screen and ( max-width: 1023px ) {
	main aside.hide {
		left: 100%;
		height: 100vh;
	}
}

/* Hide sidebar content - when sidebar is closed */
main aside.hide #mask {
	display: none;
}

/* Show sidebar */
main aside.show {
	-ms-flex-basis: 30%; /* old IE */
	-webkit-flex-basis: 30%; /* old Safari */
	flex-basis: 30%;
}

/* Narrow sidebar - bellow 1600px */
@media screen and ( max-width: 1599px ) {
	main aside.show {
		-ms-flex-basis: 20%; /* old IE */
		-webkit-flex-basis: 20%; /* old Safari */
		flex-basis: 20%;
	}
}

/* Mobile - Show: slide sidebar to the left */
@media screen and ( max-width: 1023px ) {
	main aside.show {
		left: 0%;
		height: 100vh;
	}
}

/* Sidebar buttons */

a.button.sidebar {
	position: fixed;
	top: 50vh;
	width: 36px;
	height: 36px;
	background-color: #676773;
	background-repeat: no-repeat;
	border: 3px solid #46474c;
	padding: 0;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	opacity: 1;
	z-index: 999;
}

/* Mobile - sidebar buttons go to the top right corner  */
@media screen and ( max-width: 1023px ) {
	a.button.sidebar {
		z-index: 1500;
		top: 25px;
		right: 0px;
		width: 35px;
		height: 48px;
		background-color: #676773;
		border: none;
		-webkit-border-radius: 10px 0 0 10px;
		-moz-border-radius: 10px 0 0 10px;
		border-radius: 10px 0 0 10px;
	}
}

@media screen and ( max-width: 399px ) {
	a.button.sidebar {
		top: 15px;
	}
}

.light a.button.sidebar {
	background-color: #e0e6f1;
	border: 3px solid #ffffff;
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	.light a.button.sidebar {
		background-color: #edf3ff;
		border: none;
	}
}

.light a.button.sidebar:hover {
	background-color: #ffffff !important;
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	.light a.button.sidebar:hover {
		background-color: #edf3ff !important;
	}
}

/* CLOSE Sidebar button */
#closeSidebar {
	right: calc(30% - 20px);
	background-image: url('media/icon_sidebar_close.png');
	background-position: calc(100% + 3px) center;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

/* Adjust to narrow sidebar bellow 1600 */
@media screen and ( max-width: 1599px ) {
	#closeSidebar {
		right: calc(20% - 20px);
		background-position: calc(100% + 1px) center;
	}
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	#closeSidebar {
		right: 0px;
		background-color: #edf3ff !important;
	}
}

.light #closeSidebar {
	background-image: url('media/light/icon_sidebar_close.png');
}

#closeSidebar:hover {
	background-position: -3px center;
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	#closeSidebar:hover {
		background-position: 0px center;
	}
}

/* Hide button when the sidebar is narrow */
@media screen and ( max-width: 1023px ) {
	#closeSidebar.move,
	#closeSidebar.hide {
		opacity: 0;
		display: none;
	}
}

/* Show button - move */
#closeSidebar.showStep1 {
	display: block;
}
#closeSidebar.showStep2 {
	opacity: 1;
}

/* Hide button - colapse */
#closeSidebar.hideStep1 {
	right: calc(63px - 20px);
	opacity: 0;
}

/* Mobile - dont move the button */
@media screen and ( max-width: 1023px ) {
	#closeSidebar.hideStep1 {
		right: 0px;
	}
}

#closeSidebar.hideStep2 {
	display: none;
}

/* OPEN Sidebar button */
#openSidebar,
#openSidebar.showStep1,
#openSidebar.showStep2 {
	right: calc(63px - 20px);
	background-image: url('media/icon_sidebar_open.png');
	background-position: -3px center;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	opacity: 0;
	display: none;
}

/* Mobile - Visible in mobile */
@media screen and ( max-width: 1023px ) {
	#openSidebar,
	#openSidebar.showStep1,
	#openSidebar.showStep2 {
		right: 0px;
		background-color: #edf3ff !important;
		background-position: 1px center;
		opacity: 1;
		display: block;
	}
}

.light #openSidebar {
	background-image: url('media/light/icon_sidebar_open.png');
}

#openSidebar:hover {
	background-position: calc(100% + 3px) center;
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	#openSidebar:hover {
		background-position: calc(100% + 2px) center;
	}
}

/* Show button - move */
#openSidebar.showStep1 {
	display: block;
}
#openSidebar.showStep2 {
	opacity: 1;
}

/* Hide button - colapse */
#openSidebar.hideStep1 {
	right: calc(30% - 20px);
	opacity: 0;
}

/* Adjust to narrow sidebar bellow 1600 */
@media screen and ( max-width: 1599px ) {
	#openSidebar.hideStep1 {
		right: calc(20% - 20px);
	}
}

/* Mobile - dont move the button */
@media screen and ( max-width: 1023px ) {
	#openSidebar.hideStep1 {
		right: 0px;
	}
}

#openSidebar.hideStep2 {
	display: none;
}






/*--------------------------------------------------------------
HOMEPAGE - Welcome
--------------------------------------------------------------*/
.home main article {
	background-image: url("../../uploads/welcome_image.jpg");
	background-position: calc(100% + 1px) center;
	background-size: cover;
	background-repeat: no-repeat;
	font-size: 1.9rem;
}

.light.home main article {
	background-image: url("../../uploads/welcome_image_light.jpg");
}

@media (max-width: 1599px) {
	.home main article {
		font-size: 1.7rem;
	}
}

@media (max-width: 1023px) {
	.home main article {
		background-position: 75% center;
	}
}

@media (max-width: 599px) {
	.home main article {
		background-position: 80% center;
	}
}

.home main article a {
	color: #3edaff;
	font-weight: 600;
}

.light.home main article a {
	color: #00afd9;
}

.home main article a:hover {
	color: #ffffff;
}

.light.home main article a:hover {
	color: #3d3e43;
}

@media (max-width: 599px) {
	.home main article h1 {
		padding-top: 120px;
	}
}

@media (max-width: 399px) {
	.home main article h1 {
		font-size: 2.8rem;
	}
}

@media (max-width: 350px) {
	.home main article h1 {
		font-size: 2.5rem;
		padding-top: 30px;
	}
}

.home main article ul {
	max-width: 50%;
	list-style: none;
	padding: 0;
}

@media (max-width: 599px) {
	.home main article ul {
		display: none;
	}
}

.home main article ul li {
	background-image: url("media/icon_list_home.png");
	background-position: left center;
	background-repeat: no-repeat;
	padding: 15px 0px 15px 50px;
}

/* Mobile - dont move the button */
.home main article a.button.red {
	display: none;
}

@media (max-width: 1023px) {
	.home main article a.button.red {
		display: inline-block;
	}
}

@media (max-width: 1023px) {
	.home main article a.button {
		margin: 0 10px 15px 0;
	}
}




/*--------------------------------------------------------------
LOGIN - form
--------------------------------------------------------------*/

#login input:focus:invalid {
	background-image: none;
}

#login input:required:valid {
	background-image: none;
}

#login {
	padding-bottom: 10px;
}

#login p {
	margin: 2rem 0;
}

#loginForm {
	width: 100%;
}

p.login-username label,
p.login-password label {
	display: none !important;
}

#user_login,
#user_pass,
#user_2FACode {
	width: 100%;
	max-width: 75%;
	background-color: #EDF3FF;
	font-size: 1.9rem;
	color: #ffffff;
	text-align: center;
	letter-spacing: 1px;
	border-bottom: 1px solid #ffffff;
	margin: 0 auto;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	display: inline;
}

.light #user_login,
.light #user_pass,
#user_2FACode {
	border-bottom: 1px solid #494a50;
}

#loginForm input:not([type="submit"], [type="reset"]) {
	padding: 0;
}

#loginForm input[submit] {
	background-color: #f15056;
	color: #ffffff;
}

#loginForm a.button.white {
	display: none;
}

@media screen and ( max-width: 1023px ) {
	#loginForm a.button.white {
		display: inline-block;
	}
}

/*.home aside section:first-child a {
	color: #edf3ff;
	font-weight: 300;
}*/

.light.home aside section:first-child a {
	color: #999aaa;
	font-weight: 400;
}

.covidButton {
	width: 350px;
	height: 55px;
	line-height: 20px;
	background: #23AA3B;
	font-family: "Open Sans", Verdana, Arial, Geneva;
	font-size: 13px;
	font-weight: normal;
	text-align: center;
	color: #ffffff;
	margin: 0px 5px 0px 5px;
	border: 0;
	-moz-border-radius: 20px;
	border-radius: 20px;
	clear: both;
}

/*-- Logged --*/

#logged {
	padding-bottom: 30px;
}

#logged form {
	width: auto;
}

#logged a.button,
#logged button,
#logged input[type="button"],
#logged input[type="submit"] {
	margin-top: 10px;
}





/*--------------------------------------------------------------
NEWS
--------------------------------------------------------------*/
#news {
	margin-top: -10px;
}

@media screen and ( max-width: 1023px ) {
	#news {
		padding-bottom: 20px;
	}
}

#news a {
	font-weight: 600;
}

#news:before {
	height: 35px;
	font-weight: bold;
	color: #ffffff;
	content: " \2022";
	display: block;
}

.light #news:before {
	color: #3d3e43;
}





/*--------------------------------------------------------------
FEEDBACK - messages
--------------------------------------------------------------*/

#feedback {
	position: relative;
	width: auto;
	height: 0px;
	margin: 0px auto;
	overflow: hidden;
	visibility: hidden;
}

#feedback div:first-child {
	position: relative;
	width: 100%;
	background-color: #edf3ff;
	color: #3d3e43;
	font-size: 1.7rem;
	padding: 15px 15px 15px 70px;
	border: 1px solid #edf3ff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.light #feedback div:first-child {
	background-color: #ffffff;
}

#feedback.ok div:first-child {
	background-image: url('media/icon_ok.png');
	background-position: 15px center;
	background-repeat: no-repeat;
}

#feedback.error div:first-child {
	background-image: url('media/icon_error.png');
	background-position: 15px center;
	background-repeat: no-repeat;
}

#feedback.cloud div:first-child {
	background-image: url('../../uploads/light_logo_befundpost_cloud.png');
	background-position: 15px center;
	background-repeat: no-repeat;
	width: 800px;
	padding: 0px;
}

#feedback.cloud div:first-child p {
	margin: 10px 20px 10px 270px;
}

@media (max-width: 1100px) {
	#feedback.cloud div:first-child {
		background-image: none;
		width: 170%;
	}
	#feedback.cloud div:first-child p {
		margin: 10px 10px 10px 10px;
	}
}

#feedback div:first-child p {
	margin: initial;
}

#feedback a.close {
	opacity: 0;
}

#feedback1 {
	position: relative;
	width: auto;
	height: 0px;
	margin: 0px auto;
	overflow: hidden;
	visibility: hidden;
}

#feedback1 div:first-child {
	position: relative;
	width: 100%;
	background-color: #edf3ff;
	color: #3d3e43;
	font-size: 1.7rem;
	padding: 15px 15px 15px 70px;
	border: 1px solid #edf3ff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.light #feedback1 div:first-child {
	background-color: #ffffff;
}

#feedback1.ok div:first-child {
	background-image: url('media/icon_ok.png');
	background-position: 15px center;
	background-repeat: no-repeat;
}

#feedback1.error div:first-child {
	background-image: url('media/icon_error.png');
	background-position: 15px center;
	background-repeat: no-repeat;
}

#feedback1 div:first-child p {
	margin: initial;
}

#feedback1 a.close {
	opacity: 0;
}




/*--------------------------------------------------------------
PRIVACY CONSENT - message
--------------------------------------------------------------*/


#privacyConsent {
	color: #494a50;
	padding: 20px;
}

@media (max-width: 799px) {
	#privacyConsent {
		font-size: 1.5rem;
		padding: 10px;
		line-height: 130%;
	}
}

#privacyConsent a {
	color: #f15056;
}

#privacyConsent h2 {
	font-weight: 500;
	padding: 0;
}

@media (max-width: 799px) {
	#privacyConsent h2 {
		font-size: 2rem;
	}
}

#privacyConsent h3 {
	color: #868795;
	padding: 0;
}

@media (max-width: 799px) {
	#privacyConsent h3 {
		font-size: 1.9rem;
		font-weight: 500;
	}
}







/*--------------------------------------------------------------
ICONS - tables
--------------------------------------------------------------*/

/* RECIPIENTS Button */

.tabulator a.flatButton.recipientsDialog10 {
	background-image: url('media/icon_recipients10.png');
}

/* German */
:lang(de-DE) .tabulator a.flatButton.recipientsDialog10 {
	background-image: url('media/icon_recipients10de.png');
}

.tabulator a.flatButton.recipientsDialog11 {
	background-image: url('media/icon_recipients11.png');
}

/* German */
:lang(de-DE) .tabulator a.flatButton.recipientsDialog11 {
	background-image: url('media/icon_recipients11de.png');
}

.tabulator a.flatButton.recipientsDialog01 {
	background-image: url('media/icon_recipients01.png');
}

/* German */
:lang(de-DE) .tabulator a.flatButton.recipientsDialog01 {
	background-image: url('media/icon_recipients01de.png');
}

.tabulator a.flatButton.recipientsDialog00 {
	background-image: url('media/icon_recipients00.png');
}

/* German */
:lang(de-DE) .tabulator a.flatButton.recipientsDialog00 {
	background-image: url('media/icon_recipients00de.png');
}

a.flatButton {
	position: relative;
	left: -10px;
	width: 40px;
	height: 40px;
	background-position: center 0px;
	background-repeat: no-repeat;
	vertical-align: middle;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
}

a.flatButton:hover {
	background-position: center -40px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
a.flatButton:focus {
	outline: 0;
}

img.flatButton {
	position: relative;
	left: -10px;
	width: 40px;
	height: 40px;
	vertical-align: middle;
	display: inline-block;
}

/* VIEW Button */

.tabulator a.flatButton.viewDialog {
	background-image: url('media/icon_view.png');
}

/* LOGIN HISTORY Button */

.tabulator a.flatButton.historyDialog {
	background-image: url('media/icon_login_history.png');
}

/* DOWNLOAD Button */

.tabulator a.flatButton.downloadDialog {
	background-image: url('media/icon_download.png');
}

/* SHARE Button */

.tabulator a.flatButton.shareDialog {
	background-image: url('media/icon_share.png');
}

.tabulator a.flatButton.simpleShareDialog {
    background-image: url('media/icon_share.png');
}

.tabulator a.flatButton.shareSelectionDialog {
    background-image: url('media/icon_share.png');
}

.tabulator a.flatButton.shareDialog.shared {
    background-image: url('media/icon_shared.png');
}

/* CHART Button */

.tabulator a.flatButton.chartDialog {
	background-image: url('media/icon_chart.png');
}

/* INFO Button */

.tabulator a.flatButton.infoDialog {
	background-image: url('media/icon_info.png');
}

/* WARNING Button */

.tabulator a.flatButton.warningDialog {
	background-image: url('media/icon_warning.png');
}

/* DELETE Button */

.tabulator a.flatButton.deleteDialog {
	background-image: url('media/icon_delete.png');
}

/* EDIT Button */

.tabulator a.flatButton.edit {
	background-image: url('media/icon_edit.png');
}

/* LAB Button */

.tabulator a.flatButton.lab {
	background-image: url('media/icon_lab.png');
}

/* PATIENT Button */

a.flatButton.patient {
	background-image: url('media/icon_user.png');
}

/* ACCOUNT Button */

a.flatButton.acountOk {
	background-image: url('media/icon_account_ok.png');
}

a.flatButton.acountBlocked {
	background-image: url('media/icon_account_blocked.png');
}

/* COMPARE Button */

a.flatButton.compare {
	background-image: url('media/icon_compare.png');
}

/* ARCHIVE Button */

a.flatButton.archive {
	background-image: url('media/icon_archive.png');
}

/* DEARCHIVE Button */

a.flatButton.dearchive {
	background-image: url('media/icon_archive_ok.png');
}

/* ACTIVE Button */

a.flatButton.active,
.statusIcon.active {
	background-image: url('media/icon_active.png');
}

/* INACTIVE Button */

a.flatButton.inactive,
.statusIcon.inactive {
	background-image: url('media/icon_inactive.png');
}

/* EMAIL Button */

a.flatButton.emailSent,
.statusIcon.emailSent {
	background-image: url('media/icon_email_sent.png');
}

a.flatButton.emailNotRead,
.statusIcon.emailNotRead {
	background-image: url('media/icon_email_not_read.png');
}

a.flatButton.emailRead,
.statusIcon.emailRead {
	background-image: url('media/icon_email_read.png');
}

a.flatButton.emailRegistration,
.statusIcon.emailRegistration {
	background-image: url('media/icon_email_registration.png');
}

a.flatButton.emailValidate,
.statusIcon.emailValidate {
	background-image: url('media/icon_email_warning.png');
}

a.flatButton.emailSentNotValid,
.statusIcon.emailSentNotValid {
	background-image: url('media/icon_email_error.png');
}

a.flatButton.emailReadNotValid,
.statusIcon.emailReadNotValid {
	background-image: url('media/icon_email_green_error.png');
}

/* DISABLED Button */

.tabulator a.flatButton.disabled {
	background-position: center -40px;
	filter: hue-rotate(340deg) saturate(200%);
	cursor: default;
}

.light .tabulator a.flatButton.disabled {
	filter: hue-rotate(340deg) saturate(200%);
}

.tabulator-row.tabulator-selectable:hover a.flatButton {
	filter: initial;
}

.tabulator a.flatButton.disabled::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('media/icon_disabled.png');
	background-position: calc(100% - 8px) calc(100% - 8px);
	background-repeat: no-repeat;
	background-color: rgba(246,247,255,0.7);
	filter: saturate(50%);
	content: "";
}

.light .tabulator a.flatButton.disabled::after {
	background-color: rgba(255,255,255,0.7);
}

.tabulator-row.tabulator-selectable:hover a.flatButton.disabled::after {
	background-color: rgba(215,220,231,0.7);
}

.light .tabulator-row.tabulator-selectable:hover a.flatButton.disabled::after {
	background-color: rgba(225,231,242,0.7);
}

/* Patient/Physician Status */

.statusIcon {
	width: 40px;
	height: 40px;
	vertical-align: bottom;
	margin: -10px 0 -10px 0;
	background-color: #ffffff;
	background-position: left top;
	background-repeat: no-repeat;
	vertical-align: middle;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
}

.page-template-editpatient a.flatButton {
	background-color: #ffffff !important;
}








/*--------------------------------------------------------------
FORMS
--------------------------------------------------------------*/

form {
	width: 100%;
	display: inline-block;
	margin: 0;
}

label {
	width: 170px;
	height: 50px;
	color: #edf3ff;
	line-height: 50px;
	vertical-align: top;
	margin: 1px 0 0 0;
	display: inline-block;
}

.light label {
	color: #3d3e43;
}

/* Right aligned labels*/
label.right {
	text-align: right;
	padding-right: 20px;
}

@media ( max-width: 1023px ) {
	label.right {
		text-align: initial;
		padding-right: initial;
	}
}

@media (max-width: 1365px) {
	#accordion label {
		width: 150px;
	}
}

fieldset {
	margin-bottom: 1em;
}

input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
	display: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	width: calc(100% - 175px);
	height: 50px;
	background-color: #edf3ff;
	font-family: inherit; /* reset style from jQuery UI */
	font-size: 1.7rem;
	font-weight: 400;
	color: #3d3e43 !important;
	line-height: 50px;
	letter-spacing: 0px;
	text-align: left;
	vertical-align: top;
	padding: 0 40px 0 20px;
	margin: 1px 0 0 0;
	border: 0;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important; /* reset browser default styles */
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	display: inline-block;
}

textarea {
	height: 150px;
}

.light input[type="text"],
.light input[type="email"],
.light input[type="url"],
.light input[type="password"],
.light input[type="search"],
.light input[type="number"],
.light input[type="tel"],
.light input[type="range"],
.light input[type="date"],
.light input[type="month"],
.light input[type="week"],
.light input[type="time"],
.light input[type="datetime"],
.light input[type="datetime-local"],
.light input[type="color"],
.light textarea {
	background-color: #ffffff;
	color: #3d3e43;
}

@media (max-width: 1365px) {
	input[type="text"],
	input[type="email"],
	input[type="url"],
	input[type="password"],
	input[type="search"],
	input[type="number"],
	input[type="tel"],
	input[type="range"],
	input[type="date"],
	input[type="month"],
	input[type="week"],
	input[type="time"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="color"],
	textarea {
		width: calc(100% - 170px);
	}
}

input[readonly] {
	font-weight: 600;
}

textarea {
	line-height: 120%;
	padding-top: 15px;
	padding-bottom: 15px;
}

select {
	width: calc(100% - 175px);
	height: 50px;
	background-color: #edf3ff;
	font-family: inherit; /* reset style from jQuery UI */
	font-size: 1.7rem;
	font-weight: 400;
	color: #3d3e43 !important;
	line-height: 50px;
	letter-spacing: 0px;
	text-align: left;
	vertical-align: top;
	padding: 0 40px 0 20px;
	margin: 1px 0 0 0;
	border: 0;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	display: inline-block;
}

.light select {
	background-color: #ffffff;
	color: #3d3e43;
}

@media (max-width: 1365px) {
	select {
		width: calc(100% - 170px);
	}
}

button,
input[type="button"],
input[type="submit"] {
	height: 50px;
	background-color: #f15056;
	font-size: 1.9rem;
	font-weight: 300;
	color: #ffffff;
	line-height: 50px;
	text-align: center;
	letter-spacing: 1px;
	padding: 0 25px;
	margin: 15px 0 0 0;
	border: 0;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	display: inline-block;
	cursor: pointer;
}
input[type="reset"] {
	height: 25px;
	background-color: #EDF3FF;
	font-size: 14px;
	font-weight: 500;
	color: #3d3e43;
	line-height: 19px;
	text-align: center;
	padding: 0 10px;
	margin: 1px 0 0 0;
	border: outset;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	display: inline-block;
	cursor: pointer;
	position:relative;
	bottom:10px;
	left: 32%;
		

		
}

@media (max-width: 1365px) {
	button,
	input[type="button"],
	input[type="submit"] {
		padding: 0 15px;
	}
}


/* DISABLED buttons - normal */
button:disabled,
input[type="button"]:disabled,
input[type="submit"]:disabled {
	opacity: 0.5;
}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
	background-color: #46474c !important;
	color: #ffffff !important;
}

/* DISABLED buttons - normal hover */
button:disabled:hover,
input[type="button"]:disabled:hover,
input[type="submit"]:disabled:hover {
	background-color: #f15056 !important;
	cursor: default;
}

button.grey,
input[type="button"].grey,
input[type="submit"].grey {
	background-color: #9c9dad !important;
	color: #ffffff !important;
}

button.dark,
input[type="button"].dark,
input[type="submit"].dark {
	background-color: #46474c !important;
	color: #ffffff !important;
}

button.dark_blue,
input[type="button"].dark_blue,
input[type="submit"].dark_blue {
	background-color: #46474c !important;
	color: #ffffff !important;
}

button.dark_blue:hover,
input[type="button"].dark_blue:hover,
input[type="submit"].dark_blue:hover {
	background-color: #00bbe8 !important;
	color: #ffffff !important;
}

/* DISABLED buttons - dark_blue hover */
button.dark_blue:disabled:hover,
input[type="button"].dark_blue:disabled:hover,
input[type="submit"].dark_blue:disabled:hover {
	background-color: #46474c !important;
}

button.blue,
input[type="button"].blue,
input[type="submit"].blue {
	background-color: #00bbe8 !important;
	color: #ffffff !important;
}

button.blue:hover,
input[type="button"].blue:hover,
input[type="submit"].blue:hover {
	background-color: #46474c !important;
	color: #ffffff !important;
}

/* DISABLED buttons - dark_blue hover */
button.blue:disabled:hover,
input[type="button"].blue:disabled:hover,
input[type="submit"].blue:disabled:hover {
	background-color: #00bbe8 !important;
}

/* CHECKBOX custom styles */

input[type="checkbox"] {
	vertical-align: middle;
	margin-right: 0.5em;
}

.checkboxLabel {
	position: relative;
	width: auto !important;
	height: auto;
	font-size: 1.7rem;
	font-weight: 300;
	line-height: initial;
	padding-left: 35px;
	margin: 0 0 10px 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: inline-block;
	cursor: pointer;
}

.checkboxLabelDisabled {
	position: relative;
	width: auto !important;
	height: auto;
	font-size: 1.7rem;
	font-weight: 300;
	color: #cccccc;
	line-height: initial;
	padding-left: 35px;
	margin: 0 0 10px 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: inline-block;
	cursor: not-allowed;
}

.light .checkboxLabel {
	font-weight: 400;
}

/* Registry form */
.page-template-registryform article .checkboxLabel {
	padding-left: 200px;
	margin-top: 10px;
}

/* Hide the browser's default checkbox */
.checkboxLabel input[type="checkbox"] {
	position: absolute;
	width: 0;
	height: 0;
	cursor: pointer;
	opacity: 0;
}
/* Hide the browser's default checkbox */
.checkboxLabelDisabled input[type="checkbox"] {
	position: absolute;
	width: 0;
	height: 0;
	cursor: pointer;
	opacity: 0;
}

/* Create a custom checkbox */
.customCheckbox {
	position: absolute;
	top: 14px;
	left: 0;
	width: 20px;
	height: 20px;
	/* background-color: transparent; */
	background-color: #ffffff;
	border: 1px solid #edf3ff;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.customCheckboxDisabled {
	position: absolute;
	top: 14px;
	left: 0;
	width: 20px;
	height: 20px;
	background-color: #cccccc;
	border: 1px solid #edf3ff;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	opacity: 0.5;
	cursor: not-allowed;
}

.light .customCheckbox {
	border: 1px solid #3d3e43;
}


.light .customCheckbox {
	border: 1px solid #3d3e43;
}

/* Registry form */
.page-template-registryform article .customCheckbox {
	left: 170px;
}

/* When the checkbox is checked, add a background */
label input:checked ~ .customCheckbox {
	/* background-color: #edf3ff; */
	background-color: #ffffff;
}

.light label input:checked ~ .customCheckbox {
	background-color: #46474c;
}

/* Create the checkmark/indicator (hidden when not checked) */
.customCheckbox:after {
	position: absolute;
	content: "";
	display: none;
}

/* Show the checkmark when checked */
label input:checked ~ .customCheckbox:after {
	display: block;
}

/* Style the checkmark/indicator */
label .customCheckbox:after {
	top: 3px;
	left: 6px;
	width: 6px;
	height: 10px;
	border: solid #3d3e43;
	border-width: 0 3px 3px 0 !important;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.light label .customCheckbox:after {
	border: solid white;
}

/* RADIO BUTTON custom styles */

input[type="radio"] {
	vertical-align: middle;
	margin-right: 0.5em;
}

.radioLabel {
	position: relative;
	width: auto !important;
	height: auto;
	font-size: 1.5rem;
	font-weight: 100;
	line-height: 150%;
	padding: 0 15px 0 30px !important;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: inline-block;
	cursor: pointer;
}

@media (max-width: 799px) {
	.radioLabel {
		position: relative;
		width: auto !important;
		height: auto;
		font-size: 1.2rem;
		font-weight: 100;
		line-height: 5rem;
		padding: 0 15px 0 30px !important;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		display: inline-block;
		cursor: pointer;
	}
}

.light .radioLabel {
	font-weight: 400;
}

/* Hide the browser's default Radio button */
.radioLabel input[type="radio"] {
	position: absolute;
	width: 0;
	height: 0;
	cursor: pointer;
	opacity: 0;
}

/* Create a custom Radio button */
.customRadio {
	position: absolute;
	top: 15px;
	left: 0;
	width: 20px;
	height: 20px;
	border: 1px solid #3d3e43;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

/* On mouse-over, add a dark background color */
.radioLabel:hover input ~ .customRadio {
	background-color: #46474c;
}

/* When the Radio button is checked, add a background */
label input:checked ~ .customRadio {
	background-color: #46474c;
}

/* Create the checkmark/indicator (hidden when not checked) */
.customRadio:after {
	position: absolute;
	content: "";
	display: none;
}

/* Show the Radio button when checked */
label input:checked ~ .customRadio:after {
	display: block;
}

/* Style the checkmark/indicator */
label .customRadio:after {
	top: 3px;
	left: 6px;
	width: 6px;
	height: 10px;
	border: solid #edf3ff;
	border-width: 0 3px 3px 0 !important;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.light label .customRadio:after {
	border: solid #ffffff;
}

/* Autofill - force transparent bg on input fields */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	transition: background-color 0s 5000s;
}

/* Placeholder text styles -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	font-size: 1.7rem;
	font-weight: 400;
	color: #999aaa;
}

:-moz-placeholder {
	font-size: 1.7rem;
	font-weight: 400;
	color: #999aaa;
}

::-moz-placeholder {
	font-size: 1.7rem;
	font-weight: 400;
	color: #999aaa;
	opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	font-size: 1.7rem;
	font-weight: 400;
	color: #999aaa;
}

input:focus:invalid {
	background-image: url('media/icon_forms.png');
	background-position: right bottom;
	background-repeat: no-repeat;
}

input:required:valid {
	background-image: url('media/icon_forms.png');
	background-position: right top;
	background-repeat: no-repeat;
}








/*--------------------------------------------------------------
CONTACT FORM
--------------------------------------------------------------*/

#divContactForm {
	position: relative;
	width: 100%;
	text-align: center;
	vertical-align: top;
	border-left: 1px solid #46474c;
	float: left;
	opacity: 0;
}

#tel-error {
	width: 300px;
}

@media (max-width: 799px) {
	#divContactForm {
		top: 15px;
		width: auto;
		padding-top: 5px;
		border-left: none;
		border-top: 1px solid #46474c;
		float: none;
		clear: both;
	}
}

.light #divContactForm {
	border-left: 1px solid #ffffff;
}

@media (max-width: 799px) {
	.light #divContactForm {
		border-left: none;
		border-top: 1px solid #ffffff;
	}
}

#divContactForm .titleDiv {
	font-family: 'Work Sans', Verdana, sans-serif;
	font-size: 2.4rem;
	padding-bottom: 10px;
	display: block;
}

@media (max-width: 799px) {
	#divContactForm .titleDiv {
		padding-top: 15px;
	}
}

#divContactForm .formBody {
	width: 85%;
	margin: 10px 5% 0 10%;
}

@media (max-width: 1023px) {
	#divContactForm .formBody {
		width: 90%;
		margin: 10px 4% 0 6%;
	}
}

@media (max-width: 799px) {
	#divContactForm .formBody {
		width: 100%;
		margin: 0;
	}
}

#divContactForm input:not([type="submit"]),
#divContactForm textarea,
#divContactForm select {
	width: 100%;
	text-align: center;
}

#divContactForm .smallTxt {
	font-size: 1.7rem;
}

#divContactForm span.wpcf7-not-valid-tip {
	color: #f7e700;
}

.light #divContactForm span.wpcf7-not-valid-tip {
	color: #f15056;
}

.light div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
	border: 2px solid #f15056;
}

#divContactForm .divSubmit {
	width: 85%;
	margin: 0 5% 0 10%;
	clear: both;
}

@media (max-width: 1023px) {
	#divContactForm .divSubmit {
		width: 90%;
		margin: 0 4% 0 6%;
	}
}

@media (max-width: 799px) {
	#divContactForm .divSubmit {
		width: 100%;
		margin: 0;
	}
}

#divContactForm input[type=submit] {
	background-color: #00bbe8;
	color: #ffffff !important;
	font-weight: 300;
	padding: 0 30px;
}

/* -- Captcha -- */

.grecaptcha-badge {
	z-index: 900 !important;
}

.wpcf7-recaptcha div {
	margin: 0px auto;
	text-align: center;
}

/* -- Dialog -- */

#divDialog {
	position: relative;
	width: 50%;
	background-color: #edf3ff;
	color: #3d3e43;
	text-align: center;
	vertical-align: top;
	padding: 5px 5px 20px 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float: left;
}

@media (max-width: 799px) {
	#divDialog {
		width: auto;
		margin-top: 10px;
		padding: 5px 0px 20px 0px;
		float: none;
		clear: both;
	}
}

.light #divDialog {
	background-color: #ffffff;
}

#divDialog strong {
	font-family: 'Work Sans', Verdana, sans-serif;
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 140%;
}

#divDialog2 {
	position: relative;
	width: 50%;
	background-color: #edf3ff;
	color: #3d3e43;
	text-align: center;
	vertical-align: top;
	padding: 5px 5px 20px 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float: left;
}

@media (max-width: 799px) {
	#divDialog2 {
		width: auto;
		margin-top: 10px;
		padding: 5px 0px 20px 0px;
		float: none;
		clear: both;
	}
}

.light #divDialog2 {
	background-color: #ffffff;
}

#divDialog2 strong {
	font-family: 'Work Sans', Verdana, sans-serif;
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 140%;
}



/*--------------------------------------------------------------
SUPPORT template
--------------------------------------------------------------*/

#divSupport {
	position: relative;
	width: 50%;
	text-align: center;
	vertical-align: top;
	border-left: 1px solid #46474c;
	float: left;
}

@media (max-width: 799px) {
	#divSupport {
		top: 15px;
		width: auto;
		padding-top: 5px;
		border-left: none;
		border-top: 1px solid #46474c;
		float: none;
		clear: both;
	}
}

.light #divSupport {
	border-left: 1px solid #ffffff;
}

@media (max-width: 799px) {
	.light #divSupport {
		border-left: none;
		border-top: 1px solid #ffffff;
	}
}

#divSupport .formBody {
	width: 85%;
	margin: 10px 5% 20px 10%;
}

@media (max-width: 1023px) {
	#divSupport .formBody {
		width: 90%;
		margin: 10px 4% 20px 6%;
	}
}

@media (max-width: 799px) {
	#divSupport .formBody {
		width: 100%;
		margin: 0 0 20px 0;
	}
}

#formSupport select {
	width: 100%;
}

/* Answers */
#divSupport .divAnswer {
	width: 85%;
	background-color: #edf3ff;
	color: #3d3e43;
	font-weight: 400;
	text-align: left;
	margin: 10px 5% 20px 10%;
	padding: 15px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: none;
}

@media (max-width: 1023px) {
	#divSupport .divAnswer {
		width: 90%;
		margin: 10px 4% 20px 6%;
	}
}

@media (max-width: 799px) {
	#divSupport .divAnswer {
		width: 100%;
		margin: 0 0 20px 0;
	}
}

.light #divSupport .divAnswer {
	background-color: #ffffff;
}

#divSupport .divAnswer a {
	font-weight: 600;
	color: #f15056;
}

#divSupport .divAnswer a:hover {
	color: #3d3e43;
}

/* Support Form */
#divSupport #divContactForm {
	display: none;
}

#divSupport #divContactForm .titleDiv {
	display: none;
}

/* Form Dialog */
#divSupport #divDialog {
}

/* Show elements */
#divSupport .divAnswer.show,
#divSupport #divContactForm.show {
	display: block;
}



/*--------------------------------------------------------------
BOXES - subpages
--------------------------------------------------------------*/

#divBoxes {
	width: 100%;
	text-align: left;
	padding: 10px 0px 0px 0px;
	clear: both;
}

#divBoxes > a,
#divBoxes > div.box {
	position: relative;
	width: calc(25% - 1px);
	background-color: #edf3ff;
	text-align: center;
	vertical-align: top;
	margin: 0 1px 1px 0;
	padding-bottom: 25%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	display: inline-block;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
	opacity: 0;
}

/* BIG SCREEN WITH SIDEBAR CLOSED - fit more boxes */
@media (min-width: 1600px) {
	article.full #divBoxes > a,
	article.full #divBoxes > div.box {
		width: calc(20% - 1px);
		padding-bottom: 20%;
	}
}

@media (max-width: 1599px) {
	#divBoxes > a,
	#divBoxes > div.box {
		width: calc(33.33% - 1px);
		padding-bottom: 33.33%;
	}
}

@media (max-width: 699px) {
	#divBoxes > a,
	#divBoxes > div.box {
		width: calc(50% - 1px);
		padding-bottom: 50%;
	}
}

@media (max-width: 399px) {
	#divBoxes > a,
	#divBoxes > div.box {
		width: 100%;
		margin: 0 0 1px 0;
		padding-bottom: 100%;
	}
}

.light #divBoxes > a,
.light #divBoxes > div.box {
	background-color: #ffffff;
}

#divBoxes > a:hover,
#divBoxes > div.box:hover {
	background-color: #f15056;
}

#divBoxes > a:focus {
	outline: 0;
}

#divBoxes > a .pageTitle,
#divBoxes > div.box .pageTitle {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 85%;
	background-image: url('media/icon_page.png');
	background-position: center top;
	background-repeat: no-repeat;
	font-family: 'Work Sans', Verdana, sans-serif;
	font-size: 2rem;
	font-weight: 400;
	color: #3d3e43;
	padding-top: 95px;
	display: block;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}

@media (max-width: 699px) {
	#divBoxes > a .pageTitle,
	#divBoxes > div.box .pageTitle {
		background-size: auto 60px;
		padding-top: 65px;
	}
}

#divBoxes > a:hover .pageTitle,
#divBoxes > div.box:hover .pageTitle {
	background-image: url('media/icon_page_hover.png');
	color: #ffffff !important;
}

/* My Data - chage icon */
#divBoxes > a .pageTitle.mydata {
	background-image: url('media/icon_file.png');
}

#divBoxes > a:hover .pageTitle.mydata {
	background-image: url('media/icon_file_hover.png');
}

/* Friends - chage icon */
#divBoxes > a .pageTitle.friends {
	background-image: url('media/icon_friend.png');
}

#divBoxes > a:hover .pageTitle.friends {
	background-image: url('media/icon_friend_hover.png');
}

#divBoxes > a .pageExcerpt,
#divBoxes > div.box .pageExcerpt {
	font-size: 1.5rem;
	font-weight: 400;
	color: #a8adb9;
	display: block;
}

#divBoxes > a:hover .pageExcerpt,
#divBoxes > div.box:hover .pageExcerpt {
	color: #ffaaad !important;
}

/* BOXES - Buttons  */

#divBoxes > a .roundButton,
#divBoxes > div.box .roundButton {
	position: relative;
	width: 45px;
	height: 45px;
	background-color: #ffffff;
	background-position: center 0px;
	background-size: 45px 45px;
	background-repeat: no-repeat;
	margin: 10px 10px 0px 10px;
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-ms-transition: background-color 0.2s;
	transition: background-color 0.2s;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
}

@media (max-width: 1279px) {
	#divBoxes > a .roundButton,
	#divBoxes > div.box .roundButton {
		margin: 10px 7px 0px 7px;
	}
}

@media (max-width: 699px) {
	#divBoxes > a .roundButton,
	#divBoxes > div.box .roundButton {
		width: 40px;
		height: 40px;
		background-position: center -3px;
		margin: 10px 5px 0px 5px;
	}
}

.light #divBoxes > a .roundButton,
.light #divBoxes > div.box .roundButton {
	background-color: #edf3ff;
}

#divBoxes > a:hover .roundButton,
#divBoxes > div.box:hover .roundButton {
	background-color: #ffffff;
	background-size: 45px 90px;
}

#divBoxes > a .roundButton:hover,
#divBoxes > div.box .roundButton:hover {
	background-color: #ffffff;
	background-position: center -45px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
	cursor: pointer;
}

@media (max-width: 699px) {
	#divBoxes > a .roundButton:hover,
	#divBoxes > div.box .roundButton:hover {
		background-position: center -48px;
	}
}

/* EDIT Button */

#divBoxes > a .roundButton.editDialog,
#divBoxes > div.box .roundButton.editDialog {
	background-image: url('media/icon_file_edit.png');
}

#divBoxes > a:hover .roundButton.editDialog,
#divBoxes > div.box:hover .roundButton.editDialog {
	background-image: url('media/icon_file_edit_hover.png');
}

#divBoxes > a .roundButton.editDialog:hover,
#divBoxes > div.box .roundButton.editDialog:hover {
	background-image: url('media/icon_file_edit_hover.png');
}

/* SHARE Button */

#divBoxes > a .roundButton.shareDialog,
#divBoxes > div.box .roundButton.shareDialog {
	background-image: url('media/icon_file_share.png');
}

#divBoxes > a:hover .roundButton.shareDialog,
#divBoxes > div.box:hover .roundButton.shareDialog {
	background-image: url('media/icon_file_share_hover.png');
}

#divBoxes > a .roundButton.shareDialog:hover,
#divBoxes > div.box .roundButton.shareDialog:hover {
	background-image: url('media/icon_file_share_hover.png');
}

#divBoxes > a .roundButton.simpleShareDialog,
#divBoxes > div.box .roundButton.simpleShareDialog {
    background-image: url('media/icon_file_share.png');
}

#divBoxes > a .roundButton.shareSelectionDialog,
#divBoxes > div.box .roundButton.shareSelectionDialog {
    background-image: url('media/icon_file_share.png');
}

/* Shared */
#divBoxes > a .roundButton.shareDialog.shared,
#divBoxes > div.box .roundButton.shareDialog.shared {
    background-image: url('media/icon_file_shared.png');
}

#divBoxes > a:hover .roundButton.shareDialog,
#divBoxes > div.box:hover .roundButton.shareDialog {
    background-image: url('media/icon_file_share_hover.png');
}

#divBoxes > a:hover .roundButton.simpleShareDialog,
#divBoxes > div.box:hover .roundButton.simpleShareDialog {
    background-image: url('media/icon_file_share_hover.png');
}

#divBoxes > a:hover .roundButton.shareSelectionDialog,
#divBoxes > div.box:hover .roundButton.shareSelectionDialog {
    background-image: url('media/icon_file_share_hover.png');
}

/* DELETE Button */

#divBoxes > a .roundButton.deleteDialog,
#divBoxes > div.box .roundButton.deleteDialog {
	background-image: url('media/icon_file_delete.png');
}

#divBoxes > a:hover .roundButton.deleteDialog,
#divBoxes > div.box:hover .roundButton.deleteDialog {
	background-image: url('media/icon_file_delete_hover.png');
}

#divBoxes > a .roundButton.deleteDialog:hover,
#divBoxes > div.box .roundButton.deleteDialog:hover {
	background-image: url('media/icon_file_delete_hover.png');
}

/*--------------------------------------------------------------
SEND ANALYSIS
--------------------------------------------------------------*/

.page-template-sendanalysis h4 {
	padding: 0;
	margin: 0;
}

.page-template-sendanalysis #sendAnalysisForm input {
	margin-top: 1rem;
}

.page-template-sendanalysis #sendAnalysisForm ul {
	list-style: none;
	padding: 0 0 30px 0;
	margin: 0;
}

.page-template-sendanalysis #sendAnalysisForm ul > li {
	background-color: transparent;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	padding: 3px 0;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	cursor: pointer;
}

.light .page-template-sendanalysis #sendAnalysisForm ul > li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.page-template-sendanalysis #sendAnalysisForm ul > li:hover {
	background-color: #46474c;
	border-bottom: 1px solid #46474c;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.light.page-template-sendanalysis #sendAnalysisForm ul > li:hover {
	background-color: #ffffff;
	border-bottom: 1px solid rgba(255, 255, 255, 1);
}

.page-template-sendanalysis #sendAnalysisForm ul > li:before {
	content: "select";
	height: 32px;
	background-color: #46474c;
	color: #ffffff !important;
	font-weight: 400;
	font-size: 1.7rem;
	line-height: 32px;
	text-align: center;
	padding: 0 13px;
	margin-right: 6px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	display: inline-block;
}

/* German */
:lang(de-DE) .page-template-sendanalysis #sendAnalysisForm ul > li:before {
	content: "wählen";
}

.light.page-template-sendanalysis #sendAnalysisForm ul > li:before {
	background-color: #9c9dad;
}

.page-template-sendanalysis #sendAnalysisForm ul > li:hover:before {
	background-color: #ffffff;
	color: #46474c !important;
}

.light.page-template-sendanalysis #sendAnalysisForm ul > li:hover:before {
	background-color: #46474c;
	color: #ffffff !important;
}

/* Creat Patient button */
.page-template-sendanalysis #sendAnalysisForm ul > li#createPatient:before {
	content: none;
	display: none;
}

.page-template-sendanalysis #sendAnalysisForm ul > li#createPatient > a {
	height: 32px;
	background-color: #f15056;
	color: #ffffff !important;
	font-weight: 400;
	font-size: 1.7rem;
	line-height: 32px;
	text-align: center;
	padding: 0 13px;
	margin-right: 6px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	display: inline-block;
}

.page-template-sendanalysis #sendAnalysisForm ul > li#createPatient > a:hover {
	background-color: #46474c;
}

/* German */
:lang(de-DE) .page-template-sendanalysis #sendAnalysisForm ul > li#createPatient:before {
	content: "neuer patient";
}

.page-template-sendanalysis .dropzone {
	width: 80% !important;
	padding-bottom: 80% !important;
}

/*--------------------------------------------------------------
EDIT PHYSICIAN
--------------------------------------------------------------*/

page-template-editphysician #physicianForm6 ul {
	list-style: none;
	padding: 0 0 30px 0;
	margin: 0;
}

.page-template-editphysician #physicianForm6 ul > li {
	list-style: none;
	background-color: transparent;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	padding: 3px 0;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	cursor: pointer;
}

.light .page-template-editphysician #physicianForm6 ul > li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.page-template-editphysician #physicianForm6 ul > li:hover {
	background-color: #ffffff;
	border-bottom: 1px solid rgba(255, 255, 255, 1);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.light.page-template-editphysician #physicianForm6 ul > li:hover {
	background-color: #46474c;
	border-bottom: 1px solid #46474c;
	color: #ffffff !important;
}

.page-template-editphysician #physicianForm6 ul > li:before {
	content: "select";
	height: 32px;
	background-color: #9c9dad;
	font-weight: 400;
	font-size: 1.7rem;
	line-height: 32px;
	text-align: center;
	padding: 0 13px;
	margin-right: 6px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	display: inline-block;
}

/* German */
:lang(de-DE) .page-template-editphysician #physicianForm6 ul > li:before {
	content: "wählen";
}

.light.page-template-editphysician #physicianForm6 ul > li:before {
	background-color: #46474c;
	color: #ffffff !important;
}

.page-template-editphysician #physicianForm6 ul > li:hover:before {
	background-color: #46474c;
	color: #ffffff !important;
}

.light.page-template-editphysician #physicianForm6 ul > li:hover:before {
	background-color: #ffffff;
	color: #46474c !important;
}

/* Creat Patient button */
.page-template-editphysician #physicianForm6 ul > li#createPatient:before {
	content: none;
	display: none;
}

.page-template-editphysician #physicianForm6 ul > li#createPatient > a {
	height: 32px;
	background-color: #f15056;
	color: #ffffff !important;
	font-weight: 400;
	font-size: 1.7rem;
	line-height: 32px;
	text-align: center;
	padding: 0 13px;
	margin-right: 6px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	display: inline-block;
}

.page-template-editphysician #physicianForm6 ul > li#createPatient > a:hover {
	background-color: #46474c;
}


/* German */
:lang(de-DE) .page-template-editphysicians #physicianForm6 ul > li#createPatient:before {
	content: "neuer patient";
}


/*--------------------------------------------------------------
PHYSICIANS
--------------------------------------------------------------*/

.page-template-physicians li#createPhysician {
	list-style: none;
}

.page-template-physicians li#createPhysician > a {
	height: 32px;
	background-color: #f15056;
	color: #ffffff !important;
	font-weight: 400;
	font-size: 1.7rem;
	line-height: 32px;
	text-align: center;
	padding: 0 13px;
	margin-right: 6px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	display: inline-block;
}

.page-template-physicians li#createPhysician > a:hover {
	background-color: #46474c;
}

/*--------------------------------------------------------------
MY DATA - boxes
--------------------------------------------------------------*/

.page-template-mydata #divBoxes > a .pageTitle {
	background-image: url('media/icon_file.png');
}

@media (max-width: 699px) {
	.page-template-mydata #divBoxes > a .pageTitle {
		background-size: auto 60px;
		padding-top: 65px;
	}
}

.page-template-mydata #divBoxes > a:hover .pageTitle {
	background-image: url('media/icon_file_hover.png');
}

.page-template-mydata #divBoxes > a .hasFilePreview {
	background-image: none !important;
	padding-top: 0px !important;
}

.page-template-mydata #divBoxes > a:hover .hasFilePreview {
	background-image: none !important;
	padding-top: 0px !important;
}

.page-template-mydata #divBoxes > a .hasFilePreview img {
	width: auto;
	height: 88px;
	margin: 0 auto 6px auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: block;
}

@media (max-width: 699px) {
	.page-template-mydata #divBoxes > a .hasFilePreview img {
		height: 60px;
	}
}

/*--------------------------------------------------------------
DROPZONE
--------------------------------------------------------------*/

.dropzone {
	position: relative;
	width: calc(25% - 1px);
	min-height: initial !important;
	background-color: #edf3ff !important;
	text-align: center;
	vertical-align: top;
	margin: 0 1px 1px 0;
	padding: 0 !important;
	padding-bottom: 25% !important;
	border: 0 !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	display: inline-block;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}

/* BIG SCREEN WITH SIDEBAR CLOSED - fit more boxes */
@media (min-width: 1600px) {
	article.full .dropzone {
		width: calc(20% - 1px);
		padding-bottom: 20% !important;
	}
}

@media (max-width: 1599px) {
	.dropzone {
		width: calc(33.33% - 1px);
		padding-bottom: 33.33% !important;
	}
}

@media (max-width: 699px) {
	.dropzone {
		width: calc(50% - 1px);
		padding-bottom: 50% !important;
	}
}

@media (max-width: 399px) {
	.dropzone {
		width: 100%;
		margin: 0 0 1px 0;
		padding-bottom: 100% !important;
	}
}

.light .dropzone {
	background-color: #ffffff !important;
}

#accordion .dropzone {
	background-color: #ffffff !important;
}

.light #accordion .dropzone {
	background-color: #edf3ff !important;
}

.dropzone:hover,
#accordion .dropzone:hover ,
.light #accordion .dropzone:hover {
	background-color: #f15056 !important;
}

.dropzone a.button.red {
	margin-bottom: 20px;
}

.dropzone:hover a.button.red {
	background-color: #ffffff !important;
	color: #f15056 !important;
	font-weight: 400 !important;
}

.dz-started,
.light .dz-started {
	background-color: #f15056 !important;
}

.dropzone .dz-message {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 85%;
	color: #3d3e43;
	margin: 0 !important;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	display: block;
}

.dropzone:hover .dz-message {
	color: #ffffff !important;
}

.dropzone .dz-preview {
	position: absolute !important;
	top: 50%;
	left: 50%;
	width: 85%;
	min-height: initial !important;
	margin: 0 !important;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.dropzone .dz-preview.dz-file-preview .dz-image,
.dropzone .dz-preview .dz-image {
	position: absolute !important;
	top: 50%;
	left: 50%;
	width: 80px !important;
	height: 80px !important;
	background: none !important;
	background-color: transparent !important;
	-webkit-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	border-radius: 50% !important;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.dropzone .dz-preview:hover .dz-image img {
	-webkit-transform: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	transform: none !important;
	-webkit-filter: none !important;
	filter: none !important;
}

.dropzone .dz-preview .dz-progress {
	background: rgba(255, 255, 255, 0.3) !important;
}

.dropzone .dz-preview .dz-progress .dz-upload {
	background: #ffffff !important;
}

.dropzone .dz-preview .dz-error-message {
	top: 110px !important;
	left: 50% !important;
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.dropzone .dz-preview .dz-details {
	min-width: 90% !important;
	font-family: 'Work Sans' !important;
	font-size: 1.7rem !important;
	font-weight: 400 !important;
	color: #ffffff !important;
	padding: 2em 1em 0em 1em !important;
	margin: 0 5% !important;
}

.dropzone .dz-image-preview .dz-details {
	opacity: 1 !important;
}

.dropzone .dz-preview .dz-details .dz-filename {
	position: absolute !important;
	top: 45px !important;
	left: 50%;
	width: 100% !important;
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	text-overflow: ellipsis !important;
	overflow: hidden !important;
}

.dropzone .dz-preview .dz-details .dz-filename span,
.dropzone .dz-preview .dz-details .dz-size span {
	background-color: transparent !important;
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
	border: none !important;
	background-color: none !important;
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
	border: none !important;
}

.dropzone .dz-preview .dz-details .dz-size {
	position: absolute !important;
	top: 70px !important;
	left: 50%;
	color: #ffaaad !important;
	font-size: 1.5rem !important;
	margin-bottom: 0em !important;
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.dropzone .dz-preview .dz-details .dz-size strong {
	font-weight: normal !important;
}









/*--------------------------------------------------------------
FRIENDS - boxes
--------------------------------------------------------------*/

.page-template-friends #divBoxes > a .pageTitle,
.page-template-friends #divBoxes > div.box .pageTitle {
	background-image: url('media/icon_friend.png');
}

@media (max-width: 699px) {
	.page-template-friends #divBoxes > a .pageTitle,
	.page-template-friends #divBoxes > div.box .pageTitle {
		background-size: auto 60px;
		padding-top: 65px;
	}
}

.page-template-friends #divBoxes > a:hover .pageTitle,
.page-template-friends #divBoxes > div.box:hover .pageTitle {
	background-image: url('media/icon_friend_hover.png');
}

#inviteBox {
	position: relative;
	width: calc(25% - 1px);
	background-color: #edf3ff;
	text-align: center;
	vertical-align: top;
	margin: 0 1px 1px 0;
	padding-bottom: 25%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	display: inline-block;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}

/* BIG SCEEN WITH SIDEBAR CLOSED - fit more boxes */
@media (min-width: 1600px) {
	article.full #inviteBox {
		width: calc(20% - 1px);
		padding-bottom: 20%;
	}
}

@media (max-width: 1599px) {
	#inviteBox {
		width: calc(33.33% - 1px);
		padding-bottom: 33.33%;
	}
}

@media (max-width: 699px) {
	#inviteBox {
		width: calc(50% - 1px);
		padding-bottom: 50%;
	}
}

@media (max-width: 399px) {
	#inviteBox {
		width: 100%;
		margin: 0 0 1px 0;
		padding-bottom: 100%;
	}
}

.light #inviteBox {
	background-color: #ffffff !important;
}

#inviteBox:hover {
	background-color: #f15056 !important;
}

#inviteBox > div {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 85%;
	color: #3d3e43;
	margin: 0 !important;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	display: block;
}

#inviteBox:hover > div {
	color: #ffffff !important;
}

#inviteBox a.button.red {
	margin-bottom: 20px;
}

#inviteBox:hover a.button.red {
	background-color: #ffffff !important;
	color: #f15056 !important;
	font-weight: 400 !important;
}








/*--------------------------------------------------------------
MESSAGES - new message button
--------------------------------------------------------------*/

#newMessage {
	position: absolute;
	top: 40px;
	right: 90px;
	height: 36px;
	background-color: #edf3ff;
	background-image: url('media/icon_new_message.png');
	background-position: 5px -2px;
	background-repeat: no-repeat;
	font-size: 1.7rem;
	color: #494a50;
	font-weight: 400;
	line-height: 36px;
	text-align: center;
	padding: 0 20px 0 45px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	display: inline-block;
}

@media screen and ( max-width: 1365px ) {
	#newMessage {
		right: 80px;
	}
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	#newMessage {
		top: 25px;
		right: 70px;
	}
}

@media screen and ( max-width: 499px ) {
	#newMessage {
		top: 18px;
		right: 65px;
	}
}

@media screen and ( max-width: 399px ) {
	#newMessage {
		background-position: -2px -2px;
		padding: 0 18px;
	}
}

@media screen and ( max-width: 399px ) {
	#newMessage span {
		display: none;
	}
}

#newMessage:hover {
	background-position: 5px -42px;
}

@media screen and ( max-width: 399px ) {
	#newMessage:hover {
		background-position: -2px -42px;
	}
}

.light #newMessage {
	background-color: #ffffff;
}

#divNotifications {
	width: calc(100% + 10px);
	text-align: left;
	padding: 10px 0px 0px 0px;
	margin-left: -10px;
	clear: both;
}

@media screen and ( max-width: 399px ) {
	#divNotifications {
		font-size: 1.5rem;
	}
}

#divNotifications > a {
	position: relative;
	width: 100%;
	color: #3d3e43;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 1px;
	display: block;
	overflow: hidden;
	opacity: 0;
}

#divNotifications > a:focus {
	outline: 0 !important;
}

#divNotifications > a.system {
	background-color: #f15056;
	padding-left: 10px;
}

#divNotifications > a.user {
	background-color: #00bbe8;
	padding-right: 10px;
	margin-left: 10px;
}

#divNotifications > a .content {
	position: relative;
	width: 100%;
	height: auto;
	max-height: 158px;
	background-color: #edf3ff;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 15px;
	display: block;
}

@media screen and ( max-width: 399px ) {
	#divNotifications > a .content {
		padding: 15px 10px;
	}
}

.light #divNotifications > a .content {
	background-color: #ffffff;
}

#divNotifications > a.system .content {
	border-left: 1px solid #ffffff;
	padding-right: 120px;
}

@media screen and ( max-width: 399px ) {
	#divNotifications > a.system .content {
		padding-right: 100px;
	}
}

#divNotifications > a.system:hover .content {
	background-color: #f15056;
	color: #000000;
}

#divNotifications > a.user .content {
	text-align: right;
	border-right: 1px solid #ffffff;
	padding-left: 90px;
}

#divNotifications > a.user:hover .content {
	background-color: #00bbe8;
	color: #000000;
}

#divNotifications > a span {
	display: block;
}

#divNotifications > a .content > span:first-child {
	color: #a8adb9;
}

#divNotifications > a.system:hover .content > span:first-child {
	color: #ffaaad;
}

#divNotifications > a.user:hover .content > span:first-child {
	color: #73e4ff;
}

#divNotifications > a.system .content > span:first-child strong {
	font-weight: 700;
	color: #f15056;
	padding-right: 10px;
}

#divNotifications > a.system:hover .content > span:first-child strong {
	color: #ffffff;
}

#divNotifications > a.user .content > span:first-child strong {
	font-weight: 700;
	color: #00bbe8;
	padding-left: 10px;
}

#divNotifications > a.user:hover .content > span:first-child strong {
	color: #ffffff;
}

/* Expand/Hide notification */
#divNotifications > a .content.expanded {
	max-height: 2000px; /* needs to be a number for animation to work */
}

#divNotifications > a .more,
#divNotifications > a .less {
	position: absolute;
	top: calc(100% - 50px);
	left: 15px;
	width: calc(100% - 30px);
	height: 40px;
	font-weight: 500;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
	z-index: 500;
}

#divNotifications > a .more {
	display: block;
}

#divNotifications > a .less {
	display: none;
}

#divNotifications > a.system .more,
#divNotifications > a.system .less {
	text-align: right;
}

#divNotifications > a.user .more,
#divNotifications > a.user .less {
	text-align: left;
}

#divNotifications > a .more span,
#divNotifications > a .less span {
	height: 30px;
	background-color: #ffffff;
	line-height: 30px;
	padding: 0 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	display: inline-block;
}

.light #divNotifications > a .more span,
.light #divNotifications > a .less span {
	background-color: #edf3ff;
}

#divNotifications > a.system .more span,
#divNotifications > a.system .less span {
	margin: 10px 0px 0px 15px;
}

#divNotifications > a.user .more span,
#divNotifications > a.user .less span {
	margin: 10px 15px 0px 0px;
}

#divNotifications > a:hover .more span,
#divNotifications > a:hover .less span {
	background-color: #ffffff;
}

/* Unread notifications */
#divNotifications > a.system .dot {
	position: absolute;
	top: 50%;
	right: 80px;
	width: 10px !important;
	height: 10px !important;
	background-color: transparent;
	border: 1px solid #f15056;
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	z-index: 500;
}

#divNotifications > a.system:hover .dot {
	border: 1px solid #ffffff;
}

#divNotifications > a.new .dot {
	background-color: #f15056;
}

#divNotifications > a.new:hover .dot {
	background-color: #ffffff;
}

/* Delete notification */
#divNotifications > a .roundButton {
	position: absolute;
	top: 50%;
	width: 45px;
	height: 45px;
	background-color: #ffffff;
	background-position: center 0px;
	background-size: 45px 45px;
	background-repeat: no-repeat;
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-ms-transition: background-color 0.2s;
	transition: background-color 0.2s;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: block;
	z-index: 500;
}

#divNotifications > a.system .roundButton {
	right: 15px;
}

#divNotifications > a.user .roundButton {
	left: 15px;
}

.light #divNotifications > a .roundButton {
	background-color: #edf3ff;
}

#divNotifications > a:hover .roundButton {
	background-color: #ffffff;
	background-size: 45px 90px;
}

#divNotifications > a .roundButton:hover {
	background-color: #ffffff;
	background-position: center -45px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
	cursor: pointer;
}

#divNotifications > a .roundButton.deleteDialog {
	background-image: url('media/icon_file_delete.png?324');
}

#divNotifications > a:hover .roundButton.deleteDialog {
	background-image: url('media/icon_file_delete_hover.png?1123');
}

#divNotifications > a.user:hover .roundButton.deleteDialog {
	background-image: url('media/icon_delete_blue_hover.png?76');
}

#divNotifications > a .roundButton.deleteDialog:hover {
	background-image: url('media/icon_file_delete_hover.png?34');
}









/*--------------------------------------------------------------
NOTIFICATION - on the sidebar
--------------------------------------------------------------*/

#notification {
	position: relative;
	width: auto;
	height: auto;
	margin: 40px auto 0px auto;
	opacity: 1;
}

@media (max-width: 699px) {
	#notification {
		margin-top: 30px;
	}
}

#notification:hover {
	cursor: pointer;
}

#notification a:first-child {
	width: 100%;
	background-color: #edf3ff;
	color: #3d3e43;
	border: 1px solid #edf3ff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	padding: 15px;
	display: block;
}

.light #notification a:first-child {
	background-color: #ffffff;
}

#notification a:first-child:hover {
	color: #f15056;
}







/*--------------------------------------------------------------
DIALOGS - Forms
--------------------------------------------------------------*/

.dialog form {
	width: 100%;
	text-align: center;
	white-space: nowrap;
	margin: 0;
}

.dialog label {
	width: 190px;
	height: 50px;
	font-size: 1.7rem;
	color: #3d3e43 !important;
	line-height: 50px;
	vertical-align: top;
	margin: 1px 0 0 0;
	text-align: left;
	display: inline-block;
}

@media (max-width: 699px) {
	.dialog label {
		width: 100px;
	}
}

.dialog label a:focus {
	outline: 0 !important;
}

.dialog input[type="text"],
.dialog input[type="email"],
.dialog input[type="url"],
.dialog input[type="password"],
.dialog input[type="search"],
.dialog input[type="number"],
.dialog input[type="tel"],
.dialog input[type="range"],
.dialog input[type="date"],
.dialog input[type="month"],
.dialog input[type="week"],
.dialog input[type="time"],
.dialog input[type="datetime"],
.dialog input[type="datetime-local"],
.dialog input[type="color"],
.dialog textarea {
	width: calc(100% - 250px);
	background-color: #ffffff;
	font-family: inherit; /* reset style from jQuery UI */
	font-size: 1.7rem;
	color: #3d3e43 !important;
	letter-spacing: 0px;
	text-align: left;
	vertical-align: top;
	display: inline-block;
}

.light .dialog input[type="text"],
.light .dialog input[type="email"],
.light .dialog input[type="url"],
.light .dialog input[type="password"],
.light .dialog input[type="search"],
.light .dialog input[type="number"],
.light .dialog input[type="tel"],
.light .dialog input[type="range"],
.light .dialog input[type="date"],
.light .dialog input[type="month"],
.light .dialog input[type="week"],
.light .dialog input[type="time"],
.light .dialog input[type="datetime"],
.light .dialog input[type="datetime-local"],
.light .dialog input[type="color"],
.light .dialog textarea {
	background-color: #edf3ff;
}

.light .dialog button,
.light .dialog input[type="button"],
.light .dialog input[type="submit"] {
	font-family: inherit; /* reset style from jQuery UI */
	font-size: 1.7rem;
}

.dialog input[readonly] {
	background-color: #ffffff !important;
	font-weight: 600 !important;
}

.dialog input[type=checkbox] {
	vertical-align: middle;
}

.dialog select {
	width: calc(100% - 180px);
	background-color: #ffffff;
}

.light .dialog select {
	background-color: #edf3ff;
}

.dialog input:focus:invalid {
	background-image: url('media/icon_forms.png');
	background-position: right bottom;
	background-repeat: no-repeat;
}

.dialog input:required:valid {
	background-image: url('media/icon_forms.png');
	background-position: right top;
	background-repeat: no-repeat;
}





/*--------------------------------------------------------------
DIALOGS - Edit Form
--------------------------------------------------------------*/

#editDialog form {
	width: auto;
	min-width: 600px;
	text-align: left;
}

@media (max-width: 699px) {
	#editDialog form {
		min-width: auto;
	}
}

#editForm input[type="submit"] {
	background-color: #00bbe8 !important;
	color: #ffffff !important;
}

#editForm input[type="submit"]:hover {
	background-color: #46474c !important;
}

/* FILE TAGS */
#fileTagsContainer {
	width: calc(100% - 120px);
	min-height: 50px;
	background-color: #ffffff;
	font-family: inherit;
	font-size: 1.7rem;
	color: #3d3e43 !important;
	line-height: 50px;
	letter-spacing: 0px;
	text-align: left;
	vertical-align: top;
	padding: 0;
	margin: 1px 0 0 0;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	white-space: normal !important;
	display: inline-block;
}

.light #fileTagsContainer {
	background-color: #edf3ff;
}

#fileTagsContainer input[type="text"] {
	width: auto !important;
	background-color: transparent !important;;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	white-space: normal !important;
	padding: 0 5px !important;
	margin-left: 10px;
}

#fileTagsContainer input[type="text"]:focus {
	outline-width: 2px !important;
}

.tagFile {
	background-color: #46474c;
	background-image: url('media/icon_close_tag.png');
	background-position: right center;
	background-repeat: no-repeat;
	font-family: inherit;
	font-size: 1.5rem;
	line-height: 42px;
	color: #ffffff !important;
	vertical-align: top;
	padding: 0 40px 0 15px;
	margin: 4px 0px 0px 4px;
	-webkit-border-radius: 21px;
	-moz-border-radius: 21px;
	border-radius: 21px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
	display: inline-block;
}

.light .tagFile {
	background-image: url('media/light/icon_close_tag.png');
}

.tagFile:hover {
	background-color: #f15056;
	cursor: pointer;
}





/*--------------------------------------------------------------
DIALOGS - Share Form & Tabulator
--------------------------------------------------------------*/

#shareTable {
	top: 0 !important;
	margin-bottom: 10px;
}

#shareForm input[type="submit"] {
	background-color: #00bbe8 !important;
	color: #ffffff !important;
}

#shareForm input[type="submit"]:hover {
	background-color: #46474c !important;
}
#shareTable {
	top: 0 !important;
	margin-bottom: 10px;
}





/*--------------------------------------------------------------
DIALOGS - Delete Form
--------------------------------------------------------------*/

#deleteForm input[type="submit"] {
	background-color: #00bbe8 !important;
	color: #ffffff !important;
}

#deleteForm input[type="submit"]:hover {
	background-color: #46474c !important;
}






/*--------------------------------------------------------------
VALUES - download button
--------------------------------------------------------------*/

#valuesDownload {
	position: absolute;
	top: 40px;
	right: 90px;
	height: 36px;
	background-color: #edf3ff;
	background-image: url('media/icon_download.png');
	background-position: 5px -2px;
	background-repeat: no-repeat;
	font-size: 1.7rem;
	color: #494a50;
	font-weight: 400;
	line-height: 36px;
	text-align: center;
	padding: 0 20px 0 45px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	display: inline-block;
}

.light #valuesDownload {
	background-color: #ffffff;
}

@media screen and ( max-width: 1365px ) {
	#valuesDownload {
		right: 80px;
	}
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	#valuesDownload {
		top: 25px;
		right: 70px;
	}
}

@media screen and ( max-width: 499px ) {
	#valuesDownload {
		top: 18px;
		right: 65px;
	}
}

@media screen and ( max-width: 399px ) {
	#valuesDownload {
		background-position: -2px -2px;
		padding: 0 18px;
	}
}

@media screen and ( max-width: 399px ) {
	#valuesDownload span {
		display: none;
	}
}

#valuesDownload:hover {
	background-position: 5px -42px;
}

@media screen and ( max-width: 399px ) {
	#valuesDownload:hover {
		background-position: -2px -42px;
	}
}








/*--------------------------------------------------------------
REGISTRY template
--------------------------------------------------------------*/

.page-template-registryform main article {
	background-image: url('media/registry_background.png');
	background-position: right bottom;
	background-size: cover;
	background-repeat: no-repeat;
	padding-right: 35%;
	padding-bottom: 120px;
}

@media screen and ( max-width: 1599px ) {
	.page-template-registryform main article,
	.light.page-template-registryform main article {
		padding-right: 40%;
	}
}

@media screen and ( max-width: 1365px ) {
	.page-template-registryform main article,
	.light.page-template-registryform main article {
		padding-right: 45%;
	}
}

@media screen and ( max-width: 1279px ) {
	.page-template-registryform main article,
	.light.page-template-registryform main article {
		background-position: 60% bottom;
	}
}

@media screen and ( max-width: 1023px ) {
	.page-template-registryform main article {
		background-image: url('media/default_background.png');
		background-position: left bottom;
		padding-right: 20px;
	}
}

.light.page-template-registryform main article {
	background-image: url('media/light/registry_background.png'), linear-gradient(#edf3ff, #d5dae5);
}

@media screen and ( max-width: 1023px ) {
	.light.page-template-registryform main article {
		background-image: url('media/light/default_background.png'), linear-gradient(#edf3ff, #d5dae5);
		background-position: left bottom;
		padding-right: 20px;
	}
}








/*--------------------------------------------------------------
MY DATA - Sorter
--------------------------------------------------------------*/

#myDataSorter {
	position: absolute;
	top: 40px;
	right: 90px;
	height: 36px;
	background-color: #edf3ff;
	font-size: 1.7rem;
	color: #494a50;
	font-weight: 400;
	line-height: 36px;
	text-align: center;
	padding: 0 18px 0 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	display: block;
	cursor: pointer;
}

.light #myDataSorter {
	background-color: #ffffff;
}

@media screen and ( max-width: 1365px ) {
	#myDataSorter {
		right: 80px;
	}
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	#myDataSorter {
		top: 25px;
		right: 70px;
	}
}

@media screen and ( max-width: 699px ) {
	#myDataSorter {
		padding: 0 14px;
	}
}

@media screen and ( max-width: 499px ) {
	#myDataSorter {
		top: 20px;
		right: 65px;
	}
}

@media screen and ( max-width: 399px ) {
	#myDataSorter span {
		display: none;
	}
}

#myDataSorter form {
	display: inline;
}

#myDataSorter form select {
	background-color: #edf3ff;
	height: 36px;
	font-size: 1.7rem;
	color: #494a50;
	font-weight: 400;
	line-height: 36px;
	text-align: center;
	padding: 0;
	border: 0;
}

.light #myDataSorter select {
	background-color: #ffffff;
}

@media screen and ( max-width: 499px ) {
	#myDataSorter form select {
		width: 60px;
	}
}


/*--------------------------------------------------------------
TABLES
--------------------------------------------------------------*/

table {
	width: auto;
	min-width: 60%;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 20px;
	border-spacing: 0;
	border-collapse: collapse;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top: 1em;
	overflow: hidden;
	padding: 0;
}

table thead th,
table thead td {
	background-color: #46474c;
	white-space: nowrap;
	color: #edf3ff;
	padding: 10px;
	overflow: hidden;
}

/* light */
table tbody tr {
	background-color: #f3f7ff;
}

/* light */
.light table tbody tr {
	background-color: #ffffff;
}

table tbody td {
	background-color: #f3f7ff;
	color: #3d3e43;
	border-bottom: 1px solid #d7dce7;
	padding: 5px 10px;
	overflow: hidden;
}

/* light */
.light table tbody td {
	background-color: #ffffff;
	color: #3d3e43;
	border-bottom: 1px solid #e1e7f2;
}

table tbody td a {
	color: #00bbe8;
	font-weight: 600;
}

table tbody td .statusIcon {
	background-color: transparent;
}





/*--------------------------------------------------------------
CONSOLIDATE PATIENT
--------------------------------------------------------------*/
#divConsolidate {
	width: 99%;
	line-height: 150%;
	display: flex;
}

#divConsolidate > div {
	flex: 1 1 auto;
	max-width: 45%;
	padding-right: 2rem;
}

#divConsolidate > div:nth-of-type(2) {
	font-size: 4rem;
}

#divConsolidate > div:last-of-type {
	flex: 0 1 auto;
	padding-right: 1rem;
}

#divConsolidate > div input {
	margin-top: 1rem;
}

#divConsolidate > div button {
	margin-top: 1rem;
}

#divConsolidate > div > ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#divConsolidate > div > ul > li {
	background-color: transparent;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	padding: 3px 0;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	cursor: pointer;
}

.light #divConsolidate > div > ul > li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

#divConsolidate > div > ul > li:hover {
	background-color: #46474c;
	border-bottom: 1px solid #46474c;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.light #divConsolidate > div > ul > li:hover {
	background-color: #ffffff;
	border-bottom: 1px solid rgba(255, 255, 255, 1);
}

#divConsolidate > div > ul > li:before {
	content: "select";
	height: 32px;
	background-color: #46474c;
	color: #ffffff !important;
	font-weight: 400;
	font-size: 1.7rem;
	line-height: 32px;
	text-align: center;
	padding: 0 13px;
	margin-right: 6px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	display: inline-block;
}

/* German */
:lang(de-DE) #divConsolidate > div > ul > li:before {
	content: "wählen";
}

.light #divConsolidate > div > ul > li:before {
	background-color: #9c9dad;
}

#divConsolidate > div > ul > li:hover:before {
	background-color: #ffffff;
	color: #46474c !important;
}

.light #divConsolidate > div > ul > li:hover:before {
	background-color: #46474c;
	color: #ffffff !important;
}





/*--------------------------------------------------------------
LOGIN ANALYZER
--------------------------------------------------------------*/
.page-template-loginanalyzer #formSearch input[type="text"] {
	width: auto;
	min-width: 30%;
}


/*--------------------------------------------------------------
DIRECT REPORT
--------------------------------------------------------------*/
.page-template-directreport #emailForm input[type="text"] {
	width: auto;
	min-width: 30%;
}

.page-template-directreport #closeSidebar,
.page-template-directreport #openSidebar {
	display: none;
}

/*--------------------------------------------------------------
DIRECT ACCESS
--------------------------------------------------------------*/
.page-template-directaccess #emailForm input[type="text"] {
	width: auto;
	min-width: 30%;
}

.page-template-directaccess #closeSidebar,
.page-template-directaccess #openSidebar {
	display: none;
}

/*--------------------------------------------------------------
OVERVIEW
--------------------------------------------------------------*/

.page-template-overview #overviewForm input[type="text"] {
	width: auto;
	min-width: 150px;
}

/* Form in 1 line on Desktop */
.page-template-overview #overviewForm .firstDiv br {
	content: ' ';
	display: inline;
}

/* Break form on mobile */
@media ( max-width: 1023px ) {
	.page-template-overview #overviewForm .firstDiv br {
		content: initial;
		display: block;
	}
}

.page-template-overview #overviewForm .secondDiv ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.page-template-overview #overviewForm .secondDiv ul > li {
	background-color: transparent;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	padding: 3px 0;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	cursor: pointer;
}

.light.page-template-overview #overviewForm .secondDiv ul > li {
	border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.page-template-overview #overviewForm .secondDiv ul > li:hover {
	background-color: #46474c;
	border-top: 1px solid #46474c;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.light.page-template-overview #overviewForm .secondDiv ul > li:hover {
	background-color: #ffffff;
	border-top: 1px solid rgba(255, 255, 255, 1);
}

.page-template-overview #overviewForm .secondDiv ul > li:before {
	content: "select";
	height: 32px;
	background-color: #46474c;
	color: #ffffff !important;
	font-weight: 400;
	font-size: 1.7rem;
	line-height: 32px;
	text-align: center;
	padding: 0 13px;
	margin-right: 6px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	display: inline-block;
}

/* German */
:lang(de-DE) .page-template-overview #overviewForm .secondDiv ul > li:before {
	content: "wählen";
}

.light.page-template-overview #overviewForm .secondDiv ul > li:before {
	background-color: #9c9dad;
}

.page-template-overview #overviewForm .secondDiv ul > li:hover:before {
	background-color: #ffffff;
	color: #46474c !important;
}

.light.page-template-overview #overviewForm .secondDiv ul > li:hover:before {
	background-color: #46474c;
	color: #ffffff !important;
}

/* Download button */
#overviewDownload {
	position: absolute;
	top: 40px;
	right: 90px;
	height: 36px;
	background-color: #edf3ff;
	background-image: url('media/icon_download.png');
	background-position: 5px -2px;
	background-repeat: no-repeat;
	font-size: 1.7rem;
	color: #494a50;
	font-weight: 400;
	line-height: 36px;
	text-align: center;
	padding: 0 20px 0 45px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	display: inline-block;
}

@media screen and ( max-width: 1365px ) {
	#overviewDownload {
		right: 80px;
	}
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	#overviewDownload {
		top: 25px;
		right: 70px;
	}
}

@media screen and ( max-width: 499px ) {
	#overviewDownload {
		top: 18px;
		right: 65px;
	}
}

@media screen and ( max-width: 399px ) {
	#overviewDownload {
		background-position: -2px -2px;
		padding: 0 18px;
	}
}

@media screen and ( max-width: 399px ) {
	#overviewDownload span {
		display: none;
	}
}

#overviewDownload:hover {
	background-position: 5px -42px;
}

@media screen and ( max-width: 399px ) {
	#overviewDownload:hover {
		background-position: -2px -42px;
	}
}

.light #overviewDownload {
	background-color: #ffffff;
}

/* Overview Search Form */
#befundeab_date,
#befundetill_date {
	max-width: 25%;
	background-image: url('media/icon_calendar_big.png');
	background-position: calc(100% - 10px) top;
	background-repeat: no-repeat;
	vertical-align: middle;
	transition: all 0.2s;
	display: inline-block;
}

#befundeab_date:hover,
#befundetill_date:hover {
	background-position: calc(100% - 10px) bottom;
}

/*--------------------------------------------------------------
PRODUCT TOUR
--------------------------------------------------------------*/
/* Start Baloon */
#productTourStart {
	position: absolute;
	top: 40px;
	right: 80px;
	height: 36px;
	line-height: 36px;
	display: inline-block;
}

.light #productTourStart {
}

@media ( min-width: 1024px ) and ( max-width: 1365px ) {
	#productTourStart {
		right: 60px;
	}
}

/* Mobile */
@media ( max-width: 1023px ) {
	#productTourStart {
		display: none;
	}
}

/* Tour styles */
.tourDialog {
	position: absolute;
	max-width: 400px;
	background-color: #00bbe8;
	color: #ffffff;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 130%;
	text-align: center;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	border-radius: 10px;
	box-shadow: 0px 0px 10px 5px rgba(61, 62, 67, 0.4);
	padding: 10px;
	opacity: 0;
	z-index: 0;
}

.light .tourDialog {
	box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 1);
}

#tourMask {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.01);
	z-index: 1999;
}

.tourDialog.top {
	/*top: 250px;
    left: 500px;*/
	animation: showTop 0.5s 1s;
	animation-fill-mode: both;
	z-index: 2000;
}

@keyframes showTop {
	from { opacity: 0; margin-top: 0px; }
	to { opacity: 1; margin-top: 20px; }
}

.tourDialog.right {
	/*top: 250px;
    left: 500px;*/
	animation: showRight 0.5s 1s;
	animation-fill-mode: both;
	z-index: 2000;
}

@keyframes showRight {
	from { opacity: 0; margin-left: 20px; }
	to { opacity: 1; margin-left: 0px; }
}

.tourDialog.bottom {
	/*top: 250px;
    left: 500px;*/
	animation: showBottom 0.5s 1s;
	animation-fill-mode: both;
	z-index: 2000;
}

@keyframes showBottom {
	from { opacity: 0; margin-top: 20px; }
	to { opacity: 1; margin-top: 0px; }
}

.tourDialog.left {
	/*top: 250px;
    left: 500px;*/
	animation: showLeft 0.5s 1s;
	animation-fill-mode: both;
	z-index: 2000;
}

@keyframes showLeft {
	from { opacity: 0; margin-left: 0px; }
	to { opacity: 1; margin-left: 20px; }
}

.tourDialog div p {
	margin: 0;
}

.tourDialog div p > strong,
.tourDialog div p > b {
	font-size: 1.7rem;
	font-weight: 600;
}

.tourDialog > div p:last-of-type {
	padding-bottom: 10px;
}

/* Arrow */
.tourDialog .outerArrow {
	position: absolute;
	overflow: hidden;
	z-index: 2000;
}

.tourDialog.top .outerArrow {
	top: -20px;
	left: calc(50% - 20px);
	width: 40px;
	height: 20px;
}

.tourDialog.right .outerArrow {
	top: calc(50% - 20px);
	right: -20px;
	width: 20px;
	height: 40px;
}

.tourDialog.bottom .outerArrow {
	bottom: -20px;
	left: calc(50% - 20px);
	width: 40px;
	height: 20px;
}

.tourDialog.left .outerArrow {
	top: calc(50% - 20px);
	left: -20px;
	width: 20px;
	height: 40px;
}

.tourDialog .innerArrow {
	position: relative;
	width: 30px;
	height: 30px;
	background-color: #00bbe8;
	transform: rotate(45deg);
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 0px 0px 10px 0px rgba(61, 62, 67, 0.4);
}

.light .tourDialog .innerArrow {
	box-shadow: 0px 0px 10px 5px rgb(255 255 255);
}

.tourDialog.top .innerArrow {
	top: 15px;
	left: 5px;
}

.tourDialog.right .innerArrow {
	top: 5px;
	right: 25px;
}

.tourDialog.bottom .innerArrow {
	bottom: 22.5px;
	left: 5px;
	transform: rotate(225deg);
}

.tourDialog.left .innerArrow {
	top: 5px;
	left: 15px;
}

/* BUTTONS */

.tourDialog a.button {
	height: 36px;
	font-size: 1.6rem;
	line-height: 34px;
	padding: 0 15px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}

.tourDialog a.button.white {
	background-color: #ffffff !important;
	color: #3d3e43 !important;
	font-weight: 400;
	margin: 0 20px;
	border: 1px solid #ffffff;
}

.tourDialog a.button.white:hover {
	background-color: transparent !important;
	color: #ffffff !important;
}

.tourDialog a.button.blue {
	background-color: transparent !important;
	color: #ffffff !important;
	font-weight: 400;
	margin: 0 20px;
	border: 1px solid #ffffff;
}

.tourDialog a.button.blue:hover {
	background-color: #ffffff !important;
	color: #3d3e43 !important;
}

#helpWindow a.button {
	height: 36px;
	font-size: 1.6rem;
	line-height: 34px;
	padding: 0 15px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}

#helpWindow a.button.blue {
	background-color: #00bbe8 !important;
	color: #ffffff !important;
	font-weight: 400;
	margin: -10px auto 15px auto;
	border: 1px solid #00bbe8;
}

#helpWindow a.button.blue:hover {
	background-color: #edf3ff !important;
	color: #00bbe8 !important;
	border: 1px solid #00bbe8;
}

.light #helpWindow a.button.blue:hover {
	background-color: #ffffff !important;
}

/* BUTTONS */

#helpWindow img[src$=".png"] {
	vertical-align: text-top;
}

/* MENU - open menus during Tour */
nav > ul > li.tour {
	background-color: #edf3ff;
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	nav > ul > li.tour {
		background-color: transparent;
	}
}

nav > ul > li.menu-item-has-children.tour {
	background-image: url("media/menu_line.gif");
	background-position: 20px 63px;
	background-size: calc(100% - 40px) 1px;
	background-repeat: no-repeat;
	-webkit-border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	nav > ul > li.menu-item-has-children.tour {
		background-image: none;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
}

nav > ul > li.tour > a {
	color: #3d3e43;
}

nav > ul > li:last-child.tour > a {
	background-color: #46474c;
	color: #edf3ff !important;
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	nav > ul > li:last-child.tour > a {
		background-color: transparent;
	}
}

.light nav > ul > li:last-child.tour > a {
	color: #edf3ff !important;
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	.light nav > ul > li:last-child.tour > a {
		color: #3d3e43 !important;
	}
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	nav > ul > li.tour > a {
		color: #edf3ff;
	}
	.light nav > ul > li.tour > a {
		color: #3d3e43;
	}
}

/* Sub Menus */

nav ul li.tour > ul {
	left: 0px;
	right: initial;
}

/* Account Sub Menu */
nav ul li:last-child.tour > ul {
	right: 0px;
	left: initial;
	-webkit-border-radius: 3px 0px 3px 3px;
	-moz-border-radius: 3px 0px 3px 3px;
	border-radius: 3px 0px 3px 3px;
}

/* Mobile */
@media screen and ( max-width: 1023px ) {
	nav ul li:last-childtour > ul {
		right: initial;
		left: 0;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
}

/* Menu Arrows */

nav > ul > li.tour > a .menuArrow {
	background-position: center bottom;
}


/*--------------------------------------------------------------
ACCORDION - Forms MyAccount, Edit Patient, etc
--------------------------------------------------------------*/

#accordion form {
	width: 100%;
	margin: 0;
}

#accordion label {
	width: 200px;
	height: 50px;
	color: #3d3e43 !important;
	line-height: 50px;
	vertical-align: top;
	margin: 1px 0 0 0;
	display: inline-block;
}

#accordion label a:focus {
	outline: 0 !important;
}

#accordion input[type="text"],
#accordion input[type="email"],
#accordion input[type="url"],
#accordion input[type="password"],
#accordion input[type="search"],
#accordion input[type="number"],
#accordion input[type="tel"],
#accordion input[type="range"],
#accordion input[type="date"],
#accordion input[type="month"],
#accordion input[type="week"],
#accordion input[type="time"],
#accordion input[type="datetime"],
#accordion input[type="datetime-local"],
#accordion input[type="color"],
#accordion textarea {
	width: calc(70% - 210px);
	background-color: #ffffff;
	font-family: inherit; /* reset style from jQuery UI */
	font-size: 1.7rem;
	color: #3d3e43 !important;
	letter-spacing: 0px;
	text-align: left;
	vertical-align: top;
	display: inline-block;
}

.light #accordion input[type="text"],
.light #accordion input[type="email"],
.light #accordion input[type="url"],
.light #accordion input[type="password"],
.light #accordion input[type="search"],
.light #accordion input[type="number"],
.light #accordion input[type="tel"],
.light #accordion input[type="range"],
.light #accordion input[type="date"],
.light #accordion input[type="month"],
.light #accordion input[type="week"],
.light #accordion input[type="time"],
.light #accordion input[type="datetime"],
.light #accordion input[type="datetime-local"],
.light #accordion input[type="color"],
.light #accordion textarea {
	background-color: #edf3ff;
}

@media (max-width: 1365px) {
	#accordion input[type="text"],
	#accordion input[type="email"],
	#accordion input[type="url"],
	#accordion input[type="password"],
	#accordion input[type="search"],
	#accordion input[type="number"],
	#accordion input[type="tel"],
	#accordion input[type="range"],
	#accordion input[type="date"],
	#accordion input[type="month"],
	#accordion input[type="week"],
	#accordion input[type="time"],
	#accordion input[type="datetime"],
	#accordion input[type="datetime-local"],
	#accordion input[type="color"],
	#accordion textarea {
		width: calc(100% - 200px);
		position: relative;
		float: right;
	}
}

@media (max-width: 399px) {
	#accordion input[type="text"],
	#accordion input[type="email"],
	#accordion input[type="url"],
	#accordion input[type="password"],
	#accordion input[type="search"],
	#accordion input[type="number"],
	#accordion input[type="tel"],
	#accordion input[type="range"],
	#accordion input[type="date"],
	#accordion input[type="month"],
	#accordion input[type="week"],
	#accordion input[type="time"],
	#accordion input[type="datetime"],
	#accordion input[type="datetime-local"],
	#accordion input[type="color"],
	#accordion textarea {
		width: calc(100% - 150px);
	}
}

#accordion select {
	width: calc(70% - 210px);
	background-color: #ffffff;
	font-family: inherit; /* reset style from jQuery UI */
	font-size: 1.7rem;
	color: #3d3e43 !important;
	letter-spacing: 0px;
	text-align: left;
	vertical-align: top;
	display: inline-block;
}

.light #accordion select {
	background-color: #edf3ff;
}

@media (max-width: 1365px) {
	#accordion #accordion select {
		width: calc(100% - 160px);
	}
}

@media (max-width: 399px) {
	#accordion #accordion select {
		width: calc(100% - 150px);
	}
}

.light #accordion button,
.light #accordion input[type="button"],
.light #accordion input[type="submit"] {
	font-family: inherit; /* reset style from jQuery UI */
	font-size: 1.7rem;
}

#accordion input[readonly] {
	background-color: #ffffff !important;
	font-weight: 600 !important;
}

#accordion input[type=checkbox] {
	vertical-align: middle;
}








/*--------------------------------------------------------------
ACCORDION - jQuery UI (FAQs/Help)
--------------------------------------------------------------*/

#accordion {
	opacity: 0;
}

#accordion h2:first-of-type {
	position: relative;
	top: 10px;
}

#accordion h2 {
	position: relative;
	top: 10px;
	background-color: #edf3ff;
	font-size: 1.5rem;
	font-weight: 400;
	color: #3d3e43;
	line-height: 2rem;
	text-align: left;
	border: 0;
	padding: 15px 30px 15px 15px;
	margin: 1px 0 0 0;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	z-index: 100;
	opacity: 0;
}

.light #accordion h2 {
	background-color: #ffffff;
	color: #3d3e43;
}

@media (max-width: 799px) {
	#accordion h2 {
		font-size: 1.5rem;
	}
}

#accordion h2:hover {
	background-color: #f15056;
	font-weight: 400;
	color: #ffffff;
	z-index: 200;
}

#accordion h2.ui-accordion-header-active {
	background-color: #f15056;
	font-weight: 400;
	color: #ffffff;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

/* Icone */
#accordion h2 span {
	position: absolute;
	top: 50%;
	right: 5px;
	width: 40px !important;
	height: 40px !important;
	background-image: url('media/icon_accordion.png');
	background-position: center top;
	background-repeat: no-repeat;
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	margin: 0;
	overflow: hidden;
	display: block;
}

.light #accordion h2 span {
	background-image: url('media/light/icon_accordion.png');
}

#accordion h2:hover span {
	background-position: center center;
}

#accordion h2.ui-state-active span {
	background-position: center bottom;
}

.ui-accordion-content {
	width: 100% !important;
	background-color: #edf3ff !important;
	color: #3d3e43 !important;
	font-size: 1.5rem;
	font-weight: 400;
	text-align: left;
	margin-bottom: -10px !important;
	padding: 25px 15px 15px 15px !important;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
}

.light .ui-accordion-content {
	background-color: #ffffff !important;
}

#accordion ul {
	max-width: 100%;
}

#accordion > div a {
	font-weight: 600;
	color: #f15056;
}

#accordion > div a:hover {
	color: #3d3e43;
}







/*--------------------------------------------------------------
MEDIA / IMAGES / GALLERIES
--------------------------------------------------------------*/

img,
video {
	height: auto; /* Make sure images are scaled correctly. */
}

img.alignleft,
img.alignright {
	float: none;
	margin: 0;
}

img.aligncenter {
	margin: 0 auto;
}

/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
	margin-bottom: 1.5em;
	max-width: 100%;
}

/* Remove bottom on embeds that wrapped in paragraphs via wpautop. */

p > embed:only-child,
p > iframe:only-child,
p > object:only-child {
	margin-bottom: 0;
}

/* FEATURED IMAGE */

#divFeaturedImage {
	position: relative;
	width: 50%;
	vertical-align: top;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	float: left;
}

@media (max-width: 799px) {
	#divFeaturedImage {
		top: 15px;
		right: initial;
		width: auto;
		float: none;
		clear: both;
	}
}

#divFeaturedImage > a {
	display: block;
}

#divFeaturedImage img {
	width: 100%;
	height: auto;
	display: block;
}

/* CAPTIONS */

.wp-caption,
.gallery-caption {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/* GALLERY */

article .gallery {
	display: none;
}

#divGallery {
	width: 100%;
	min-height: 300px;
	display: -webkit-flex; /* Old Safari */
	display: -ms-flexbox; /* IE <=10 */
	display: flex;
	-webkit-flex-direction: row; /* Old Safari */
	flex-direction: row;
	-webkit-flex-wrap: wrap; /* Safari 6.1+ */
	-ms-flex-wrap: wrap; /* IE <=10 */
	flex-wrap: wrap;
	-ms-flex-line-pack: stretch; /* IE <=10 */
	align-content: stretch;
	-webkit-box-align: stretch; /* Old Safari */
	-ms-flex-align: stretch; /* IE <=10 */
	-ms-grid-row-align: stretch; /* IE <=10 */
	align-items: stretch;
	clear: both;
}

@media (max-width: 799px) {
	#divGallery {
		height: auto;
		display: block;
	}
}

#divGallery div {
	display: -webkit-flex; /* Old Safari */
	display: -ms-flexbox; /* IE */
	display: flex;
	-webkit-box-flex: 1; /* Old Safari */
	-ms-flex-positive: 1; /* IE */
	flex-grow: 1;
	-ms-flex-negative: 0; /* IE <=10 */
	-ms-flex-shrink: 0; /* IE */
	-webkit-flex-shrink: 0; /* old Safari */
	flex-shrink: 0;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
	height: 300px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 1px 1px 0 0;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	overflow: hidden;
}

@media (max-width: 799px) {
	#divGallery div {
		display: block;
	}
}

@media (max-width: 599px) {
	#divGallery div {
		height: 350px;
		margin-top: 1px;
	}
}

#divGallery div:hover {
	opacity: 0.5;
}

#divGallery div a {
	width: 100%;
	height: 300px;
	background-color: transparent;
	padding: 0;
	display: block;
}

@media (max-width: 599px) {
	#divGallery div a {
		height: 350px;
	}
}

#divGallery div a:hover {
	background-color: transparent;
}

/* Media Elements */

.mejs-container {
	margin-bottom: 1.5em;
}







/*--------------------------------------------------------------
FOOTER
--------------------------------------------------------------*/

footer {
	position: relative;
	width: calc(100% - 80px);
	color: #868795;
	letter-spacing: 1px;
	line-height: 30px;
	padding: 15px 40px;
	margin: 0 auto;
	clear: both;
}

@media (max-width: 1023px) {
	footer {
		width: 100%;
		background-color: #676773;
		color: #d5dae5 !important;
		font-size: 1.5rem;
		letter-spacing: 0px;
		padding: 15px 10px;
	}
	.light footer {
		background-color: #d5dae5;
		color: #868795 !important;
		border-top: 1px solid #ffffff;
	}
}

@media (max-width: 799px) {
	footer {
		padding: 15px 5px;
	}
}

footer a {
	background-color: transparent;
	color: #868795 !important;
	letter-spacing: 1px;
	line-height: 30px;
	padding: 0 15px;
	margin: 0 15px;
	display: inline-block;
	border: 1px solid #868795;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

footer a:first-child {
	margin-right: 0px;
}

@media (max-width: 1365px) {
	footer a {
		letter-spacing: 0px;
		padding: 0 10px;
		margin: 0 10px;
	}
}

@media (max-width: 1023px) {
	footer a {
		color: #d5dae5 !important;
		border: 1px solid #d5dae5;
		padding: 0 8px;
		margin: 1px 5px;
	}
}

.light footer a {
	border: 1px solid #d5dae5;
}

@media (max-width: 1023px) {
	.light footer a {
		color: #868795 !important;
		border: 1px solid #868795;
	}
}

footer a:hover {
	background-color: #868795;
	color: #46474c !important;
}

@media (max-width: 1023px) {
	footer a:hover {
		background-color: #d5dae5;
		color: #46474c !important;
	}
}

.light footer a:hover {
	background-color: #dfe4ef;
	color: #868795 !important;
	border: 1px solid #dfe4ef;
}

@media (max-width: 1023px) {
	.light footer a:hover {
		background-color: #868795;
		color: #d5dae5 !important;
		border: 1px solid #868795;
	}
}


footer .textwidget,
footer p {
	display: inline;
}







/*--------------------------------------------------------------
COLORBOX
--------------------------------------------------------------
ColorBox Core Style: The following CSS is consistent between example themes and should not be altered */
#colorbox, #cboxOverlay, #cboxWrapper{ position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0); }
#cboxWrapper { max-width:none; }
#cboxOverlay{ position:fixed; width:100%; height:100%; }
#cboxMiddleLeft, #cboxBottomLeft{ clear:left; }
#cboxContent{ position:relative; }
#cboxLoadedContent{ overflow:auto; -webkit-overflow-scrolling: touch; }
#cboxTitle{ margin:0; }
#cboxLoadingOverlay, #cboxLoadingGraphic{ position:absolute; top:0; left:0; width:100%; height:100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{ cursor:pointer; }
.cboxPhoto{ float:left; margin:auto; border:0; display:block; max-width: none; max-height: 900px; -ms-interpolation-mode: bicubic; }
.cboxIframe{ width:100%; height:100%; display:block; border:0; padding:0; margin:0; }
#colorbox, #cboxContent, #cboxLoadedContent{ box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; }

/* User Style:
Change the following styles to modify the appearance of ColorBox.  They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
	background-color: #46474c;
	opacity: 0.8 !important;
}

.light #cboxOverlay {
	/* background-color: #46474c; */
	background-color: #edf3ff;
	opacity: 0.8 !important;
}

/* Message for Ad Blockers */
#cboxOverlay {
	display: flex;
	align-items: center;
	justify-content: center;
}

#cboxOverlay > div {
	max-width: 80%;
	text-align: center;
}

#colorbox {
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
	overflow: visible;
	outline: 0;
}

#cboxWrapper {
	overflow: visible;
}

#cboxContent {
	overflow: visible;
	background-color: #edf3ff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.light #cboxContent {
	/* background-color: #edf3ff; */
	background-color: #ffffff;
}

.cboxIframe {
	background-color: transparent;
}

#cboxError {
	padding: 50px;
	border: 1px solid #ccc;
}

/* Show colorbox smoothly */
@keyframes showColorBox {
	from {opacity: 0;}
	to {opacity: 1;}
}
#cboxLoadedContent {
	background-color: #edf3ff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 0px;
	margin-bottom: 0px;
	animation-name: showColorBox;
	animation-duration: 1s;
}

.light #cboxLoadedContent {
	/* background-color: #edf3ff; */
	background-color: #ffffff;
}

#cboxLoadingGraphic{}
#cboxLoadingOverlay{
	background-color: #edf3ff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.light #cboxLoadingOverlay {
	/* background-color: #edf3ff; */
	background-color: #ffffff;
}
#cboxTitle{position:absolute; bottom:10px; left:0; text-align:center; width:100%; color:#ffffff;}
#cboxCurrent{position:absolute; bottom:10px; left:10px; color:#ffffff;}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
	border:0;
	padding:0;
	margin:0;
	overflow:visible;
	background: none;
}
#cboxSlideshow{ display: none !important;}
#cboxPrevious{ position: absolute; top: calc(50% - 40px); left: 10px; background: url("media/colorbox_previous.png") top no-repeat; width:48px; height:80px; text-indent:-9999px;}
#cboxPrevious:hover{ background: url("media/colorbox_previous.png") bottom no-repeat;}
#cboxPrevious:focus{ outline: none;}
#cboxNext{position: absolute; top: calc(50% - 40px); right:10px; background: url("media/colorbox_next.png") top no-repeat; width:48px; height:80px; text-indent:-9999px;}
#cboxNext:hover{background: url("media/colorbox_next.png") bottom no-repeat;}
#cboxNext:focus{ outline: none; }
/* Delay the close button, to prevent it from moving */
@keyframes showCloseBt {
	from {opacity: 0;}
	to {opacity: 1;}
}
#cboxClose {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	background-image: url("media/colorbox_close.png");
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #46474c;
	border: 1px solid #edf3ff;
	text-indent:-9999px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
	opacity: 0;
	animation-name: showCloseBt;
	animation-delay: 0.5s;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

@media (max-width: 699px) {
	#cboxClose {
		right: -8px;
	}
}

.light #cboxClose {
	border: none;
}
#cboxClose:hover {
	background-position: center bottom;
}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0; }

@media (max-width: 1023px) {
	#cboxLoadedContent{ margin: 0; }
	#cboxTitle { display: none !important; }
	#cboxCurrent { display: none !important; }
}

/* Help window */

#helpWindow {
	background-color: #edf3ff;
	color: #3d3e43;
	font-size: 1.5rem;
	text-align: justify;
	padding: 0 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: none;
}

.light #helpWindow {
	/* background-color: #edf3ff; */
	background-color: #ffffff;
}

#colorbox #helpWindow {
	display: block;
}

/* ColorBox Dialogs */

.cboxDialogs #cboxTitle {
	display: none !important;
}

.dialog {
	background-color: #edf3ff;
	color: #3d3e43;
	font-size: 1.5rem;
	text-align: center;
	padding: 0 20px 20px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: none;
}

.light .dialog {
	/* background-color: #edf3ff; */
	background-color: #ffffff;
}

#colorbox .dialog {
	display: block;
}

/* hide contact button on the Legal Terms dialog */
#termsDialog.dialog a.button {
	display: none;
}







/*--------------------------------------------------------------
SCROLLBARS - OverlayScrollbars
--------------------------------------------------------------
* https://github.com/KingSora/OverlayScrollbars
* Version: 1.7.0
* Copyright KingSora.
* https://github.com/KingSora
* Released under the MIT license.
* Date: 18.04.2019
*
* Edited by ESTREIA

OVERLAY SCROLLBARS CORE: */

html.os-html,
html.os-html > .os-host {
	display: block;
	overflow: hidden;
	box-sizing: border-box;
	height: 100% !important;
	width: 100% !important;
	min-width: 100% !important;
	min-height: 100% !important;
	margin: 0 !important;
	position: absolute !important; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}
html.os-html > .os-host > .os-padding {
	position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}
body.os-dragging,
body.os-dragging * {
	cursor: default;
}
.os-host,
.os-host-textarea {
	position: relative;
	overflow: visible !important;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	-ms-grid-row-align: flex-start;
	align-items: flex-start;
}
.os-host-flexbox {
	overflow: hidden !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.os-host-flexbox > .os-size-auto-observer {
	height: inherit !important;
}
.os-host-flexbox > .os-content-glue {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}
.os-host-flexbox > .os-size-auto-observer,
.os-host-flexbox > .os-content-glue {
	min-height: 0;
	min-width: 0;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
}
#os-dummy-scrollbar-size {
	position: fixed;
	opacity: 0;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
	visibility: hidden;
	overflow: scroll;
	height: 500px;
	width: 500px;
}
#os-dummy-scrollbar-size > div {
	width: 200%;
	height: 200%;
	margin: 10px 0;
}
#os-dummy-scrollbar-size,
.os-viewport {
	-ms-overflow-style: scrollbar !important;
}
.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
	display: none !important;
	width: 0px !important;
	height: 0px !important;
	visibility: hidden !important;
	background: transparent !important;
}
.os-content-glue {
	box-sizing: inherit;
	max-height: 100%;
	max-width: 100%;
	width: 100%;
	pointer-events: none;
}
.os-padding {
	box-sizing: inherit;
	direction: inherit;
	position: absolute;
	overflow: visible;
	padding: 0;
	margin: 0;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: auto !important;
	height: auto !important;
	z-index: 1;
}
.os-host-overflow > .os-padding {
	overflow: hidden;
}
.os-viewport {
	direction: inherit !important;
	box-sizing: inherit !important;
	resize: none !important;
	outline: none !important;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 0;
	margin: 0;
	-webkit-overflow-scrolling: touch;
}
.os-content-arrange {
	position: absolute;
	z-index: -1;
	min-height: 1px;
	min-width: 1px;
	pointer-events: none;
}
.os-content {
	direction: inherit;
	box-sizing: border-box !important;
	position: relative;
	display: block;
	height: 100%;
	width: 100%;
	height: 100%;
	width: 100%;
	visibility: visible;
}
.os-content:before,
.os-content:after {
	content: '';
	display: table;
	width: 0;
	height: 0;
	line-height: 0;
	font-size: 0;
}
.os-content > .os-textarea {
	box-sizing: border-box !important;
	direction: inherit !important;
	background: transparent !important;
	outline: 0px none transparent !important;
	overflow: hidden !important;
	position: absolute !important;
	display: block !important;
	top: 0 !important;
	left: 0 !important;
	margin: 0 !important;
	border-radius: 0px !important;
	float: none !important;
	-webkit-filter: none !important;
	filter: none !important;
	border: none !important;
	resize: none !important;
	-webkit-transform: none !important;
	transform: none !important;
	max-width: none !important;
	max-height: none !important;
	box-shadow: none !important;
	-webkit-perspective: none !important;
	perspective: none !important;
	opacity: 1 !important;
	z-index: 1 !important;
	clip: auto !important;
	vertical-align: baseline !important;
	padding: 0px;
}
.os-host-rtl > .os-padding > .os-viewport > .os-content > .os-textarea {
	right: 0 !important;
}
.os-content > .os-textarea-cover {
	z-index: -1;
	pointer-events: none;
}
.os-content > .os-textarea[wrap='off'] {
	white-space: pre !important;
	margin: 0px !important;
}
.os-text-inherit {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-variant: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	text-indent: inherit;
	text-align: inherit;
	text-shadow: inherit;
	text-overflow: inherit;
	letter-spacing: inherit;
	word-spacing: inherit;
	line-height: inherit;
	unicode-bidi: inherit;
	direction: inherit;
	color: inherit;
	cursor: text;
}
.os-resize-observer,
.os-resize-observer-host {
	box-sizing: inherit;
	display: block;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	pointer-events: none;
	z-index: -1;
}
.os-resize-observer-host {
	padding: inherit;
	border: inherit;
	border-color: transparent;
	border-style: solid;
	box-sizing: border-box;
}
.os-resize-observer-host:after {
	content: '';
}
.os-resize-observer-host > .os-resize-observer,
.os-resize-observer-host:after {
	height: 200%;
	width: 200%;
	padding: inherit;
	border: inherit;
	margin: 0px;
	display: block;
	box-sizing: content-box;
}
.os-resize-observer.observed,
object.os-resize-observer {
	box-sizing: border-box !important;
}
.os-size-auto-observer {
	box-sizing: inherit !important;
	height: 100%;
	width: inherit;
	max-width: 1px;
	position: relative;
	float: left;
	max-height: 1px;
	overflow: hidden;
	z-index: -1;
	padding: 0;
	margin: 0;
	pointer-events: none;
	-webkit-box-flex: inherit;
	-ms-flex-positive: inherit;
	flex-grow: inherit;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
}
.os-size-auto-observer > .os-resize-observer {
	width: 1000%;
	height: 1000%;
	min-height: 1px;
	min-width: 1px;
}
.os-resize-observer-item {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	z-index: -1;
	opacity: 0;
	direction: ltr !important;
	-webkit-box-flex: 0 !important;
	-ms-flex: none !important;
	flex: none !important;
}
.os-resize-observer-item-final {
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: none !important;
	transition: none !important;
	-webkit-box-flex: 0 !important;
	-ms-flex: none !important;
	flex: none !important;
}
.os-resize-observer {
	-webkit-animation-duration: 0.001s;
	animation-duration: 0.001s;
	-webkit-animation-name: hs-resize-observer-dummy-animation;
	animation-name: hs-resize-observer-dummy-animation;
}

/*
CUSTOM SCROLLBARS AND CORNER CORE:
*/

.os-host-transition > .os-scrollbar,
.os-host-transition > .os-scrollbar-corner {
	-webkit-transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
	transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}
html.os-html > .os-host > .os-scrollbar {
	position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
	z-index: 999999; /* highest z-index of the page */
}
.os-scrollbar,
.os-scrollbar-corner {
	position: absolute;
	opacity: 1;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
	z-index: 1;
}
.os-scrollbar-corner {
	bottom: 0;
	right: 0;
}
.os-scrollbar {
	pointer-events: none;
}
.os-scrollbar-track {
	pointer-events: auto;
	position: relative;
	height: 100%;
	width: 100%;
	padding: 0 !important;
	border: none !important;
}
.os-scrollbar-handle {
	pointer-events: auto;
	position: absolute;
	width: 100%;
	height: 100%;
}
.os-scrollbar-handle-off,
.os-scrollbar-track-off {
	pointer-events: none;
}
.os-scrollbar.os-scrollbar-unusable,
.os-scrollbar.os-scrollbar-unusable * {
	pointer-events: none !important;
}
.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
	opacity: 0 !important;
}
.os-scrollbar-horizontal {
	bottom: 0;
	left: 0;
}
.os-scrollbar-vertical {
	top: 0;
	right: 0;
}
.os-host-rtl > .os-scrollbar-horizontal {
	right: 0;
}
.os-host-rtl > .os-scrollbar-vertical {
	right: auto;
	left: 0;
}
.os-host-rtl > .os-scrollbar-corner {
	right: auto;
	left: 0;
}
.os-scrollbar-auto-hidden,
.os-padding + .os-scrollbar-corner,
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner,
.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal,
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner,
.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner,
.os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}
.os-scrollbar-corner-resize-both {
	cursor: nwse-resize;
}
.os-host-rtl > .os-scrollbar-corner-resize-both {
	cursor: nesw-resize;
}
.os-scrollbar-corner-resize-horizontal {
	cursor: ew-resize;
}
.os-scrollbar-corner-resize-vertical {
	cursor: ns-resize;
}
.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
	cursor: default;
}
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {
	top: 0;
	bottom: 0;
}
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal,
.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal {
	right: 0;
	left: 0;
}
.os-scrollbar:hover,
.os-scrollbar-corner.os-scrollbar-corner-resize {
	opacity: 1 !important;
	visibility: visible !important;
}
.os-scrollbar-corner.os-scrollbar-corner-resize {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	pointer-events: auto !important;
}
.os-host-rtl > .os-scrollbar-corner.os-scrollbar-corner-resize {
	-webkit-transform: scale(-1, 1);
	transform: scale(-1, 1);
}
.os-host-overflow {
	overflow: hidden !important;
}
.os-host-overflow-x {
}
.os-host-overflow-y {
}
@-webkit-keyframes hs-resize-observer-dummy-animation {
	from {
		z-index: 0;
	}
	to {
		z-index: -1;
	}
}
@keyframes hs-resize-observer-dummy-animation {
	from {
		z-index: 0;
	}
	to {
		z-index: -1;
	}
}

/*
THEMES:
*/

/* NONE THEME: */
.os-theme-none > .os-scrollbar-horizontal,
.os-theme-none > .os-scrollbar-vertical,
.os-theme-none > .os-scrollbar-corner {
	display: none !important;
}
.os-theme-none > .os-scrollbar-corner-resize {
	display: block !important;
	min-width: 10px;
	min-height: 10px;
}

/*
os-theme-thin-dark
*/

.os-theme-thin-dark > .os-scrollbar-horizontal {
	right: 14px;
	height: 14px;
	padding: 0px 6px;
}
.os-theme-thin-dark > .os-scrollbar-vertical {
	bottom: 14px;
	width: 14px;
	padding: 6px 0px;
}
.os-theme-thin-dark.os-host-rtl > .os-scrollbar-horizontal {
	left: 14px;
	right: 0;
}
.os-theme-thin-dark > .os-scrollbar-corner {
	height: 14px;
	width: 14px;
	background-color: transparent;
}
.os-theme-thin-dark > .os-scrollbar > .os-scrollbar-track {
	background: transparent;
}
.os-theme-thin-dark > .os-scrollbar-horizontal > .os-scrollbar-track:before,
.os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track:before {
	content: '';
	display: block;
	position: absolute;
	background: rgba(0, 0, 0, 0.15);
}
.os-theme-thin-dark > .os-scrollbar-horizontal > .os-scrollbar-track:before,
.os-theme-thin-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:before {
	left: 0;
	right: 0;
	height: 2px;
	top: 50%;
	margin-top: -1px;
}
.os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track:before,
.os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:before {
	top: 0;
	bottom: 0;
	width: 2px;
	left: 50%;
	margin-left: -1px;
}
.os-theme-thin-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:before {
	content: '';
	display: block;
	position: absolute;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
}
.os-theme-thin-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:hover:before,
.os-theme-thin-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle.active:before {
	height: 4px;
	margin-top: -2px;
}
.os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:hover:before,
.os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle.active:before {
	width: 4px;
	margin-left: -2px;
}
.os-theme-thin-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:hover:before,
.os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:hover:before {
	background: rgba(0, 0, 0, 0.7);
}
.os-theme-thin-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle.active:before,
.os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle.active:before {
	background: #000;
}
.os-theme-thin-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
	height: 100%;
	min-width: 30px;
}
.os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
	width: 100%;
	min-height: 30px;
}
.os-theme-thin-dark.os-host-transition > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:before {
	transition: height 0.3s, margin-top 0.3s, background 0.2s;
}
.os-theme-thin-dark.os-host-transition > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:before {
	transition: width 0.3s, margin-left 0.3s, background 0.2s;
}

/*
os-theme-thin-light
*/

.os-theme-thin-light > .os-scrollbar-horizontal {
	right: 14px;
	height: 14px;
	padding: 0px 6px;
}
.os-theme-thin-light > .os-scrollbar-vertical {
	bottom: 14px;
	width: 14px;
	padding: 6px 0px;
}
.os-theme-thin-light.os-host-rtl > .os-scrollbar-horizontal {
	left: 14px;
	right: 0;
}
.os-theme-thin-light > .os-scrollbar-corner {
	height: 14px;
	width: 14px;
	background-color: transparent;
}
.os-theme-thin-light > .os-scrollbar > .os-scrollbar-track {
	background: transparent;
}
.os-theme-thin-light > .os-scrollbar-horizontal > .os-scrollbar-track:before,
.os-theme-thin-light > .os-scrollbar-vertical > .os-scrollbar-track:before {
	content: '';
	display: block;
	position: absolute;
	background: rgba(255, 255, 255, 0.15);
}
.os-theme-thin-light > .os-scrollbar-horizontal > .os-scrollbar-track:before,
.os-theme-thin-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:before {
	left: 0;
	right: 0;
	height: 2px;
	top: 50%;
	margin-top: -1px;
}
.os-theme-thin-light > .os-scrollbar-vertical > .os-scrollbar-track:before,
.os-theme-thin-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:before {
	top: 0;
	bottom: 0;
	width: 2px;
	left: 50%;
	margin-left: -1px;
}
.os-theme-thin-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:before {
	content: '';
	display: block;
	position: absolute;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 10px;
}
.os-theme-thin-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:hover:before,
.os-theme-thin-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle.active:before {
	height: 4px;
	margin-top: -2px;
}
.os-theme-thin-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:hover:before,
.os-theme-thin-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle.active:before {
	width: 4px;
	margin-left: -2px;
}
.os-theme-thin-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:hover:before,
.os-theme-thin-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:hover:before {
	background: rgba(255, 255, 255, 0.7);
}
.os-theme-thin-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle.active:before,
.os-theme-thin-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle.active:before {
	background: #fff;
}
.os-theme-thin-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
	height: 100%;
	min-width: 30px;
}
.os-theme-thin-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
	width: 100%;
	min-height: 30px;
}
.os-theme-thin-light.os-host-transition > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:before {
	transition: height 0.3s, margin-top 0.3s, background 0.2s;
}
.os-theme-thin-light.os-host-transition > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:before {
	transition: width 0.3s, margin-left 0.3s, background 0.2s;
}