@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
@font-face { font-family: enfoFontFamily; src: url('/common/oem/enfofont.otf'); font-weight: normal; font-style: normal; letter-spacing: 0px }

html { overflow-y: scroll }

html, body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	text-decoration: none;
	min-height: 100%
}

* {
	font-size: inherit;
	line-height: inherit;
	font-family: inherit;
	text-decoration: inherit;
	color: inherit;
	box-sizing: border-box
}

table { border: 0px solid transparent; border-spacing: 0px; border-collapse: separate }
td { padding: 0px }
img { border: 0px; display: block }
p { margin: 0px; padding: 0px; border: 0px }

.enfoFont { font-family: enfoFontFamily, sans-serif }

.xs { line-height: 150%; font-size: 8pt }
.s { line-height: 145%;	font-size: 10pt }
.m { line-height: 140%; font-size: 12pt }
.l { line-height: 135%; font-size: 14pt }
.xl { line-height: 130%; font-size: 18pt }
.xxl { line-height: 125%; font-size: 26pt }
.huge { line-height: 120%; font-size: 42pt }
.giant { line-height: 115%; font-size: 74pt }

.lineHeight100 { line-height: 100% }
.lineHeight150 { line-height: 150% }
.lineHeight200 { line-height: 200% }
.cursorPointer { cursor: pointer }
.underline { text-decoration: underline }
.noDecor, .noDecor:hover { text-decoration: none }
.noOverflow { overflow: hidden }
.autoOverflow { overflow: auto }
.hidden { display: none }
.iBlock { display: inline-block }
.noWrap { white-space: nowrap }
.full { width: 100%; height: 100% }
.fullW { width: 100% }
.fullH { height: 100% }
.left { text-align: left }
.center { text-align: center; margin: auto }
.right { text-align: right }
.middle { vertical-align: middle }
.vMiddle { position: relative; top: 50%; transform: translateY(-50%) }
.centerMiddle { text-align: center; vertical-align: middle; margin: auto }
.justify { text-align: justify }
.relative { position: relative }
.absolute { position: absolute }
.fixed { position: fixed }
.bottom { bottom: 0 }
.top { top: 0 }
.inline { display: inline; vertical-align: middle }
.floatL { float: left }
.floatR { float: right }
.allZero { margin: 0px; padding: 0px; border: 0px solid transparent; top: 0; left: 0; bottom: 0; right: 0 }
.monospace { font-family: monospace }
.table { display: table }
.tableRow { display: table-row }
.tableCell { display: table-cell }

.black { color: #111111 }
.blackBg { background: #111111 }
.white { color: #FFFFFF }
.whiteBg { background: #FFFFFF }
.grey { color: #999999 }
.greyBg { background: #999999 }
.darkGrey { color: #444444 }
.darkGreyBg { background: #444444 }
.lightGrey { color: #CCCCCC }
.lightGreyBg { background: #CCCCCC }
.red { color: #CC0000 }
.redBg { background: #FFCCCC }
.green { color: #009900 }
.greenBg { background: #CCFFCC }
.yellow { color: #323200 }
.yellowBg { background: #FEFECC }
.blue { color: #000099 }
.blueBg { background: #DCDCFF }

.pastelBlueBg { background: #6bafbd }
.pastelRedBg { background: #fc8675 }
.pastelGreenBg { background: #65cea7 }
.pastelYellowBg { background: #f3ce85 }

.facebookColorBg { background: #3B5998 }
.twitterColorBg { background: #00ACED }
.facebookColor { color: #3B5998 }
.twitterColor { color: #00ACED }
.linkedinColorBg { background: #007BB6 }
.googleplusColorBg { background: #DD4B39 }
.patreonColorBg { background: #e85b46 }

.circle { border-radius: 50% }
.circleSides { border-radius: 9999px }
.noBorder { border: 0px solid transparent }
.bgCoverCenter { background-position: center center; background-repeat: no-repeat; background-size: cover }
.gradientBg { background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%) }
.blackTrans { background: rgba(0,0,0,0.5) }
.whiteTrans { background: rgba(255,255,255,0.5) }
.blurred { filter: blur(8px) }
.semitrans { opacity: 0.50 }
.blackAndWhite { -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale"); }

.noFirstClildMarginL > :first-child { margin-left: 0 !important }
.noLastChildMarginR > :last-child { margin-right: 0 !important }

.sectionTitle { font-weight: bold; line-height: 100%; font-size: 14pt }
.fieldInnerTitle { font-weight: bold; line-height: 100%; white-space: no; padding-left: 12px }

.errorMsg {
	font-weight: normal;
	color: #CC0000;
	line-height: 100%;
	margin: 12px;
	padding: 0px;
	font-family: enfoFontFamily, sans-serif;
	font-size: 18pt
}

.successMsg {
	font-weight: normal;
	color: #009900;
	line-height: 100%;
	margin: 12px;
	padding: 0px;
	font-family: enfoFontFamily, sans-serif;
	font-size: 18pt
}

.validationPassed { position: relative; display: inline-block; width: 1px; height: 1px }
.validationPassed > i {
	position: absolute;
	color: #009900;
	font-size: 22px;
	line-height: 22px;
	margin: -16px 0px 0px 0px
}

textarea, select, input[type="text"], input[type="file"] {
	width: 100%;
	padding: 10px;
	border: 0px solid transparent;
	resize: vertical;
	outline: none;
	background: #FFFFFF
}

option:disabled { color: #CCCCCC }

.selectedOption {
	color: #FFFFFF;
	background: #333333;
	border-radius: 5px;
	display: inline-block;
	line-height: 100%;
	cursor: pointer;
	padding: 8px 10px;
	margin: 6px 6px 6px 0px
}

input[type="password"] {
	width: 100%;
	padding: 0px 10px;
	border: 0px solid transparent;
	resize: none;
	outline: none;
	background: #FFFFFF;
	line-height: 100%;
	font-size: 23pt;
}

button, input[type="button"], button[type="button"], input[type="reset"] {
	border-radius: 3px;
	line-height: 100%;
	padding: 14px 22px 16px 22px;
	text-align: center;
	white-space: nowrap;
	color: #FFFFFF;
	text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.5);
	outline: none
}

.mce-tinymce button { margin: 10px; text-shadow: 0px 1px 0px #FFFFFF }
.textEditorBody { padding: 10px; width: 90% }

input[type="radio"], input[type="checkbox"] {
	position: absolute;
	margin: 0px;
	width: 20px;
	height: 20px;
	opacity: 0;
	cursor: pointer;
}

input[type="checkbox"] + label:before {
	content: '';
	outline: 0px;
	background: #FFFFFF;
	border: 1px solid #AAAAAA;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 4px;
	vertical-align: middle;
	text-align: center;
	color: #333333
}

input[type="radio"] + label:before {
	content: '';
	outline: 0px;
	background: #FFFFFF;
	border: 1px solid #AAAAAA;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 4px;
	vertical-align: middle;
	text-align: center;
	color: #333333;
	border-radius: 50%
}

label {
	line-height: 18px;
	font-size: 14px
}

input[type="radio"]:checked + label:before { content: "\2B24" } /* 26AB */
input[type="checkbox"]:checked + label:before { content: "\2713"; font-weight: bold } /* 2B1B  2714 */

.darkoverlay {
	z-index: 1000;
	position: fixed;
	background: rgba(0,0,0,0.75);
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}

.overlaidtable { width: 100%; height: 100% }
.overlaidtd { width: 100%; height: 100%; text-align: center; vertical-align: middle }

#overlaiditem {
	display: inline-block;
	padding: 20px;
	background: #FFFFFF;
	border-radius: 3px;
	min-width: 300px;
	min-height: 200px;
	max-width: 85%;
	max-height: 85%
}

#overlaidloading {
	display: inline-block;
	width: 100px;
	height: 100px
}