/* Minification failed. Returning unminified contents.
(12204,21): run-time error CSS1030: Expected identifier, found '#users'
(12204,32): run-time error CSS1031: Expected selector, found ')'
(12204,32): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
	padding: 				0;
	margin: 				0;

	font: 					inherit;
	font-size: 				100%;

	vertical-align: 		baseline;

	border: 				0;
}

table, tbody, tfoot, thead, tr, th, td
{
	padding: 				0;
	margin: 				0;

	font: 					inherit;
	font-size: 				100%;

	vertical-align: 		baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary
{
	display: 				block;
}

caption, th, td
{
	font-weight: 			normal;

	text-align: 			left;
	vertical-align: 		middle;
}

em, strong, small
{
	line-height: 			inherit;
}

html, body, form
{
	width:					100%;
	height:					100%;
}

* html
{
	font-size: 				100%;
}

html *
{
	box-sizing: 			border-box;
}

body
{
	position:				relative;

	-webkit-font-smoothing: antialiased;
}

a
{
	line-height: 			inherit;
}

html:not(.webGuidelines) a, html:not(.webGuidelines) h1, html:not(.webGuidelines) h2,
html:not(.webGuidelines) h3, html:not(.webGuidelines) h4, html:not(.webGuidelines) h5,
html:not(.webGuidelines) h6
{
	outline:				0;
}

a img
{
	border: 				none;
}

img, object, embed
{
	max-width: 				100%;
	height: 				auto;
}

img
{
	-ms-interpolation-mode:	bicubic;
}

ul
{
	list-style: 			none outside;
}

ol
{
	list-style: 			decimal;
}

hr
{
	clear: 					both;

	height: 				1px;
}

table
{
	border-collapse: 		collapse;
	border-spacing: 		0;
}

fieldset
{
	border: 				none;
}

q, blockquote
{
	quotes: 				none;
}

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

blockquote, blockquote p
{
	line-height: 			20px;
}

blockquote cite
{
	display: 				block;
}

blockquote cite:before
{
	content: 				"\2014 \0020";
}

.betaFeature {
	display: inline-block;
	background-color: #007bff;
	color: white;
	padding: 0.01em 0.8em;
	font-size: 0.85em;
	font-weight: bold;
	border-radius: 999px;
}

/* Mobiles & tablets */

@media only screen and (max-width: 768px)
{
	body
	{
		width: 					100%;
		min-width: 				0;

		-webkit-text-size-adjust: 	none;
		-ms-text-size-adjust:		none;
	}

	ul, ol, dl, p
	{
		text-align: 			left;
	}
}

/* Print */

@media print
{
	@page
	{
		margin: 				0.5cm;
	}

	*
	{
		color: 					#000 !important;

		background-color:		transparent !important;

		text-shadow: 			none !important;

		filter: 				none !important;
		-ms-filter: 			none !important;
	}

	a, a:visited
	{
		text-decoration: 		underline;

		color: 					#555 !important;
	}

	p, h2, h3
	{
		orphans: 				3;
		widows: 				3;
	}

	h2, h3
	{
		page-break-after: 		avoid;
	}

	tr, img
	{
		page-break-inside: 		avoid;
	}

	pre, blockquote
	{
		border: 				solid 1px #999;

		page-break-inside: 		avoid;
	}

	thead
	{
		display: 				table-header-group;
	}

	a[href^="javascript:"]:after, a[href^="#"]:after
	{
		content: 				"";
	}

	p a[href]:after
	{
		content: 				" (" attr(href) ")";
	}

	abbr[title]:after
	{
		content: 				" (" attr(title) ")";
	}
}

/* Rows & columns */

.row
{
	*zoom: 					1;

	width: 					100%;
	max-width: 				1200px;
	min-width: 				320px;

	margin: 				0 auto;
}

.row.fullscreen, #total.fullscreenLayout .contentRow
{
	max-width:				100%;
}

.row .row
{
	min-width: 				0;
}

.row:after
{
	content: 				"";

	display: 				table;

	clear: 					both;
}

.row:before
{
	content: 				"";

	display: 				table;
}

.column, .columns
{
	position: 				relative;

	float: 					left;

	min-height: 			1px;

	margin-left: 			2.12766%;

	box-sizing: 			border-box;
}

.column:first-child, .columns:first-child
{
	margin-left: 			0;
}

.row .one.column, .row .one.columns
{
	width: 					6.38298%;
}
#content > .contentRow > .six.columns .row .one.column,
#content > .contentRow > .six.columns .row .one.columns
{
	margin-left:			2%;
	width:					10%;
}



.row .two.columns
{
	width: 					14.89362%;
}

.row .two-point-four.columns, .row .two-point-four.column
{
	width: 18.297872%;
}

.row .three.columns
{
	width: 					23.40426%;
}

.row .four.columns
{
	width: 					31.91489%;
}

.row .five.columns
{
	width: 					40.42553%;
}

.row .six.columns
{
	width: 					48.93617%;
}

.row .seven.columns
{
	width: 					57.44681%;
}

.row .eight.columns
{
	width: 					65.95745%;
}

.row .nine.columns
{
	width: 					74.46809%;
}

.row .ten.columns
{
	width: 					82.97872%;
}

.row .eleven.columns
{
	width: 					91.48936%;
}
#content > .contentRow > .six.columns .row .eleven.columns
{
	width:					88%;
}

.row .twelve.columns
{
	width: 					100%;
}

/* Small desktops & tablets */

@media only screen and (max-width: 1220px)
{
	.row
	{
		max-width: 				960px;
	}
}

/* Mobiles & tablets */

@media only screen and (max-width: 768px)
{
	.row
	{
		width: 					100%;
		min-width: 				0;

		margin-left: 			0;
		margin-right: 			0;
	}

	.row .row .column, .row .row .columns
	{
		padding: 				0;
	}

	.row .centered
	{
		margin: 				0 !important;
	}

	.column, .columns
	{
		float:					none;

		width: 					auto !important;

		margin-left: 			0;
		margin-right: 			0;
	}

	.column:last-child, .columns:last-child
	{
		float: 					none;

		margin-right: 			0;
	}

	[class*="column"] + [class*="column"]:last-child
	{
		float: 					none;
	}

	[class*="column"]:before
	{
		display: 				table;
	}

	[class*="column"]:after
	{
		display: 				table;

		clear: 					both;
	}

	.layout25-50-25 #content > .contentRow,
	.layout25-75 #content > .contentRow
	{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-flow: row wrap;
		flex-flow: row wrap;
	}

	.layout25-50-25 #content > .contentRow > .three.columns:nth-child(1),
	.layout25-75 #content > .contentRow > .three.columns
	{
		flex-grow: 1;
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		width: 100% !important;
	}

	.layout25-50-25 #content > .contentRow > .six.columns,
	.layout25-75 #content > .contentRow > .nine.columns
	{
		flex-grow: 1;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		width: 100% !important;
	}
	.layout25-50-25 #content > .contentRow > .columns:last-child
	{
		flex-grow: 1;
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
		width: 100% !important;
	}
}

/* Entypo */
@font-face {
    font-family: "entypo";
    font-weight: normal;
    font-style: normal;

    src: url("/communities/common/themes/mett%20responsive/includes/fonts/entypo.woff") format("opentype");
}

@font-face {
    font-family: "awesome";
    font-weight: normal;
    font-style: normal;

    src: url("/communities/common/themes/mett%20responsive/includes/fonts/awesome.woff") format("opentype");
}

/* Icons */
[class^="icon-"]:before,
[class*=" icon-"]:before,
[class^="icon-"]:after,
[class*=" icon-"]:after {
    display: inline-block;

    font-family: "entypo", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;

    text-align: center;
    text-decoration: inherit;
    text-transform: none;

    speak: none;
}

[class^="icon-awesome-"]:before,
[class*=" icon-awesome-"]:before,
[class^="icon-awesome-"]:after,
[class*=" icon-awesome-"]:after {
    font-family: "awesome", sans-serif;
}

[class^="icon-"].margin:before,
[class*=" icon-"].margin:before,
[class^="icon-awesome-"].margin:before,
[class*=" icon-awesome-"].margin:before {
    margin-right: 5px;
}

.button[class^="icon-"]:before,
.button[class*=" icon-"]:before {
    padding-left: 14px;
}

.button[class^="icon-"]:after,
.button[class*=" icon-"]:after {
    padding-right: 14px;
}

.button[class^="icon-"] a,
.button[class*=" icon-"] a,
.button[class^="icon-"] input,
.button[class*=" icon-"] input,
.button[class^="icon-"] button,
.button[class*=" icon-"] button {
    padding: 0 16px 0 36px;
    margin: 0 0 0 -30px;
}

.button[class^="icon-"].after a,
.button[class*=" icon-"].after a,
.button[class^="icon-"].after input,
.button[class*=" icon-"].after input,
.button[class^="icon-"].after button,
.button[class*=" icon-"].after button {
    position: relative;
    z-index: 2;
    padding: 0 36px 0 16px;
    margin: 0 -30px 0 -10px;
}

a[class^="icon-"] span:not(.activeTabText),
a[class*=" icon-"] span:not(.activeTabText),
.button[class^="icon-"] span,
.button[class*=" icon-"] span {
    display: inline-block;

    font-size: 0;

    color: transparent;

    line-height: 0;
}

.widget ul li[class^="icon-"],
.widget ul li[class*=" icon-"] {
    padding-left: 22px;
}

.widget ul li[class^="icon-"]:before,
.widget ul li[class*=" icon-"]:before {
    position: absolute;

    top: 5px;
    left: 0;

    width: 22px;

    text-align: left;
}

.widget.hasImage ul li[class^="icon-"]:before,
.widget.hasImage ul li[class*=" icon-"]:before {
    display: none;
}

/* Entypo (default icons) */

.icon-empty.before:before,
.icon-empty.after:after {
    content: "";
}
.icon-note.before:before,
.icon-note.after:after {
    content: "\e800";
}
.icon-logo-db.before:before,
.icon-logo-db.after:after {
    content: "\e91b";
}
.icon-music.before:before,
.icon-music.after:after {
    content: "\e802";
}
.icon-search.before:before,
.icon-search.after:after {
    content: "\e803";
}
.icon-flashlight.before:before,
.icon-flashlight.after:after {
    content: "\e804";
}
.icon-mail.before:before,
.icon-mail.after:after {
    content: "\e805";
}
.icon-heart.before:before,
.icon-heart.after:after {
    content: "\e806";
}
.icon-heart-empty.before:before,
.icon-heart-empty.after:after {
    content: "\e807";
}
.icon-star.before:before,
.icon-star.after:after {
    content: "\e808";
}
.icon-star-empty.before:before,
.icon-star-empty.after:after {
    content: "\e809";
}
.icon-user.before:before,
.icon-user.after:after {
    content: "\e80a";
}
.icon-users.before:before,
.icon-users.after:after,
.icon-pagetype-75.before:before,
.icon-pagetype-75.after:after {
    content: "\e80b";
}
.icon-user-add.before:before,
.icon-user-add.after:after {
    content: "\e80c";
}
.icon-video.before:before,
.icon-video.after:after {
    content: "\e80d";
}
.icon-picture.before:before,
.icon-picture.after:after,
.icon-pagetype-8.before:before,
.icon-pagetype-8.after:after {
    content: "\e80e";
}
.icon-camera.before:before,
.icon-camera.after:after {
    content: "\e80f";
}
.icon-layout.before:before,
.icon-layout.after:after {
    content: "\e810";
}
.icon-menu.before:before,
.icon-menu.after:after {
    content: "\e811";
}
.icon-check.before:before,
.icon-check.after:after,
.icon-pagetype-33.before:before,
.icon-pagetype-33.after:after {
    content: "\e812";
}
.icon-cancel.before:before,
.icon-cancel.after:after {
    content: "\e813";
}
.icon-cancel-circled.before:before,
.icon-cancel-circled.after:after {
    content: "\e814";
}
.icon-cancel-squared.before:before,
.icon-cancel-squared.after:after {
    content: "\e815";
}
.icon-plus.before:before,
.icon-plus.after:after {
    content: "\e816";
}
.icon-plus-circled.before:before,
.icon-plus-circled.after:after {
    content: "\e817";
}
.icon-plus-squared.before:before,
.icon-plus-squared.after:after {
    content: "\e818";
}
.icon-minus.before:before,
.icon-minus.after:after {
    content: "\e819";
}
.icon-minus-circled.before:before,
.icon-minus-circled.after:after {
    content: "\e81a";
}
.icon-minus-squared.before:before,
.icon-minus-squared.after:after {
    content: "\e81b";
}
.icon-help.before:before,
.icon-help.after:after,
.icon-pagetype-73.before:before,
.icon-pagetype-73.after:after {
    content: "\e81c";
}
.icon-help-circled.before:before,
.icon-help-circled.after:after {
    content: "\e81d";
}
.icon-info.before:before,
.icon-info.after:after,
.icon-pagetype-87.before:before,
.icon-pagetype-87.after:after {
    content: "\e81e";
}
.icon-info-circled.before:before,
.icon-info-circled.after:after {
    content: "\e81f";
}
.icon-back.before:before,
.icon-back.after:after {
    content: "\e820";
}
.icon-home.before:before,
.icon-home.after:after {
    content: "\e821";
}
.icon-link.before:before,
.icon-link.after:after,
.icon-pagetype-4.before:before,
.icon-pagetype-4.after:after {
    content: "\e822";
}
.icon-attach.before:before,
.icon-attach.after:after {
    content: "\e823";
}
.icon-lock.before:before,
.icon-lock.after:after {
    content: "\e824";
}
.icon-lock-open.before:before,
.icon-lock-open.after:after {
    content: "\e825";
}
.icon-eye.before:before,
.icon-eye.after:after {
    content: "\e826";
}
.icon-tag.before:before,
.icon-tag.after:after {
    content: "\e827";
}
.icon-bookmark.before:before,
.icon-bookmark.after:after {
    content: "\e828";
}
.icon-bookmarks.before:before,
.icon-bookmarks.after:after {
    content: "\e829";
}
.icon-flag.before:before,
.icon-flag.after:after {
    content: "\e82a";
}
.icon-thumbs-up.before:before,
.icon-thumbs-up.after:after {
    content: "\e82b";
}
.icon-thumbs-down.before:before,
.icon-thumbs-down.after:after {
    content: "\e82c";
}
.icon-download.before:before,
.icon-download.after:after {
    content: "\e82d";
}
.icon-upload.before:before,
.icon-upload.after:after {
    content: "\e82e";
}
.icon-upload-cloud.before:before,
.icon-upload-cloud.after:after {
    content: "\e82f";
}
.icon-reply.before:before,
.icon-reply.after:after {
    content: "\e830";
}
.icon-reply-all.before:before,
.icon-reply-all.after:after {
    content: "\e831";
}
.icon-forward.before:before,
.icon-forward.after:after {
    content: "\e832";
}
.icon-quote.before:before,
.icon-quote.after:after {
    content: "\e833";
}
.icon-code.before:before,
.icon-code.after:after {
    content: "\e834";
}
.icon-export.before:before,
.icon-export.after:after {
    content: "\e835";
}
.icon-pencil.before:before,
.icon-pencil.after:after {
    content: "\e836";
}
.icon-feather.before:before,
.icon-feather.after:after,
.icon-pagetype-57.before:before,
.icon-pagetype-57.after:after {
    content: "\e837";
}
.icon-print.before:before,
.icon-print.after:after {
    content: "\e838";
}
.icon-retweet.before:before,
.icon-retweet.after:after {
    content: "\e839";
}
.icon-keyboard.before:before,
.icon-keyboard.after:after {
    content: "\e83a";
}
.icon-comment.before:before,
.icon-comment.after:after {
    content: "\e83b";
}
.icon-chat.before:before,
.icon-chat.after:after,
.icon-pagetype-17.before:before,
.icon-pagetype-17.after:after {
    content: "\e83c";
}
.icon-bell.before:before,
.icon-bell.after:after {
    content: "\e83d";
}
.icon-attention.before:before,
.icon-attention.after:after {
    content: "\e83e";
}
.icon-alert.before:before,
.icon-alert.after:after {
    content: "\e83f";
}
.icon-vcard.before:before,
.icon-vcard.after:after,
.icon-pagetype-28.before:before,
.icon-pagetype-28.after:after {
    content: "\e840";
}
.icon-address.before:before,
.icon-address.after:after {
    content: "\e841";
}
.icon-location.before:before,
.icon-location.after:after {
    content: "\e842";
}
.icon-map.before:before,
.icon-map.after:after,
.icon-pagetype-49.before:before,
.icon-pagetype-49.after:after {
    content: "\e843";
}
.icon-direction.before:before,
.icon-direction.after:after {
    content: "\e844";
}
.icon-compass.before:before,
.icon-compass.after:after {
    content: "\e845";
}
.icon-cup.before:before,
.icon-cup.after:after {
    content: "\e846";
}
.icon-trash.before:before,
.icon-trash.after:after {
    content: "\e847";
}
.icon-doc.before:before,
.icon-doc.after:after {
    content: "\e848";
}
.icon-docs.before:before,
.icon-docs.after:after {
    content: "\e849";
}
.icon-doc-landscape.before:before,
.icon-doc-landscape.after:after {
    content: "\e84a";
}
.icon-doc-text.before:before,
.icon-doc-text.after:after {
    content: "\e84b";
}
.icon-doc-text-inv.before:before,
.icon-doc-text-inv.after:after {
    content: "\e84c";
}
.icon-newspaper.before:before,
.icon-newspaper.after:after,
.icon-pagetype-14.before:before,
.icon-pagetype-14.after:after {
    content: "\e84d";
}
.icon-book-open.before:before,
.icon-book-open.after:after {
    content: "\e84e";
}
.icon-book.before:before,
.icon-book.after:after {
    content: "\e84f";
}
.icon-folder.before:before,
.icon-folder.after:after,
.icon-pagetype-6.before:before,
.icon-pagetype-6.after:after,
.icon-pagetype-40.before:before,
.icon-pagetype-40.after:after {
    content: "\e850";
}
.icon-archive.before:before,
.icon-archive.after:after {
    content: "\e851";
}
.icon-box.before:before,
.icon-box.after:after {
    content: "\e852";
}
.icon-rss.before:before,
.icon-rss.after:after {
    content: "\e853";
}
.icon-phone.before:before,
.icon-phone.after:after {
    content: "\e854";
}
.icon-cog.before:before,
.icon-cog.after:after {
    content: "\e855";
}
.icon-tools.before:before,
.icon-tools.after:after {
    content: "\e856";
}
.icon-share.before:before,
.icon-share.after:after {
    content: "\e857";
}
.icon-shareable.before:before,
.icon-shareable.after:after {
    content: "\e858";
}
.icon-basket.before:before,
.icon-basket.after:after {
    content: "\e859";
}
.icon-bag.before:before,
.icon-bag.after:after {
    content: "\e85a";
}
.icon-calendar.before:before,
.icon-calendar.after:after,
.icon-pagetype-12.before:before,
.icon-pagetype-12.after:after {
    content: "\e85b";
}
.icon-login.before:before,
.icon-login.after:after {
    content: "\e85c";
}
.icon-logout.before:before,
.icon-logout.after:after {
    content: "\e85d";
}
.icon-mic.before:before,
.icon-mic.after:after {
    content: "\e85e";
}
.icon-mute.before:before,
.icon-mute.after:after {
    content: "\e85f";
}
.icon-sound.before:before,
.icon-sound.after:after {
    content: "\e860";
}
.icon-volume.before:before,
.icon-volume.after:after {
    content: "\e861";
}
.icon-clock.before:before,
.icon-clock.after:after {
    content: "\e862";
}
.icon-hourglass.before:before,
.icon-hourglass.after:after {
    content: "\e863";
}
.icon-lamp.before:before,
.icon-lamp.after:after,
.icon-pagetype-64.before:before,
.icon-pagetype-64.after:after {
    content: "\e864";
}
.icon-light-down.before:before,
.icon-light-down.after:after {
    content: "\e865";
}
.icon-light-up.before:before,
.icon-light-up.after:after {
    content: "\e866";
}
.icon-adjust.before:before,
.icon-adjust.after:after {
    content: "\e867";
}
.icon-block.before:before,
.icon-block.after:after {
    content: "\e868";
}
.icon-resize-full.before:before,
.icon-resize-full.after:after {
    content: "\e869";
}
.icon-resize-small.before:before,
.icon-resize-small.after:after {
    content: "\e86a";
}
.icon-popup.before:before,
.icon-popup.after:after {
    content: "\e86b";
}
.icon-publish.before:before,
.icon-publish.after:after {
    content: "\e86c";
}
.icon-window.before:before,
.icon-window.after:after {
    content: "\e86d";
}
.icon-arrow-combo.before:before,
.icon-arrow-combo.after:after {
    content: "\e86e";
}
.icon-down-circled.before:before,
.icon-down-circled.after:after {
    content: "\e86f";
}
.icon-left-circled.before:before,
.icon-left-circled.after:after {
    content: "\e870";
}
.icon-right-circled.before:before,
.icon-right-circled.after:after {
    content: "\e871";
}
.icon-up-circled.before:before,
.icon-up-circled.after:after {
    content: "\e872";
}
.icon-down-open.before:before,
.icon-down-open.after:after {
    content: "\e873";
}
.icon-left-open.before:before,
.icon-left-open.after:after {
    content: "\e874";
}
.icon-right-open.before:before,
.icon-right-open.after:after {
    content: "\e875";
}
.icon-up-open.before:before,
.icon-up-open.after:after {
    content: "\e876";
}
.icon-down-open-mini.before:before,
.icon-down-open-mini.after:after {
    content: "\e877";
}
.icon-left-open-mini.before:before,
.icon-left-open-mini.after:after {
    content: "\e878";
}
.icon-right-open-mini.before:before,
.icon-right-open-mini.after:after {
    content: "\e879";
}
.icon-up-open-mini.before:before,
.icon-up-open-mini.after:after {
    content: "\e87a";
}
.icon-down-open-big.before:before,
.icon-down-open-big.after:after {
    content: "\e87b";
}
.icon-left-open-big.before:before,
.icon-left-open-big.after:after {
    content: "\e87c";
}
.icon-left-all-open-big.before:before,
.icon-left-all-open-big.after:after {
    content: "\e87c\e87c";
}
.icon-right-open-big.before:before,
.icon-right-open-big.after:after {
    content: "\e87d";
}
.icon-right-all-open-big.before:before,
.icon-right-all-open-big.after:after {
    content: "\e87d\e87d";
}
.icon-up-open-big.before:before,
.icon-up-open-big.after:after {
    content: "\e87e";
}
.icon-down.before:before,
.icon-down.after:after {
    content: "\e87f";
}
.icon-left.before:before,
.icon-left.after:after {
    content: "\e880";
}
.icon-right.before:before,
.icon-right.after:after {
    content: "\e881";
}
.icon-up.before:before,
.icon-up.after:after {
    content: "\e882";
}
.icon-down-dir.before:before,
.icon-down-dir.after:after {
    content: "\e883";
}
.icon-left-dir.before:before,
.icon-left-dir.after:after {
    content: "\e884";
}
.icon-right-dir.before:before,
.icon-right-dir.after:after {
    content: "\e885";
}
.icon-up-dir.before:before,
.icon-up-dir.after:after {
    content: "\e886";
}
.icon-down-bold.before:before,
.icon-down-bold.after:after {
    content: "\e887";
}
.icon-left-bold.before:before,
.icon-left-bold.after:after {
    content: "\e888";
}
.icon-right-bold.before:before,
.icon-right-bold.after:after {
    content: "\e889";
}
.icon-up-bold.before:before,
.icon-up-bold.after:after {
    content: "\e88a";
}
.icon-down-thin.before:before,
.icon-down-thin.after:after {
    content: "\e88b";
}
.icon-left-thin.before:before,
.icon-left-thin.after:after {
    content: "\e88c";
}
.icon-right-thin.before:before,
.icon-right-thin.after:after {
    content: "\e88d";
}
.icon-note-beamed.before:before,
.icon-note-beamed.after:after {
    content: "\e801";
}
.icon-ccw.before:before,
.icon-ccw.after:after {
    content: "\e88f";
}
.icon-cw.before:before,
.icon-cw.after:after {
    content: "\e890";
}
.icon-arrows-ccw.before:before,
.icon-arrows-ccw.after:after {
    content: "\e891";
}
.icon-level-down.before:before,
.icon-level-down.after:after {
    content: "\e892";
}
.icon-level-up.before:before,
.icon-level-up.after:after {
    content: "\e893";
}
.icon-shuffle.before:before,
.icon-shuffle.after:after {
    content: "\e894";
}
.icon-loop.before:before,
.icon-loop.after:after {
    content: "\e895";
}
.icon-switch.before:before,
.icon-switch.after:after {
    content: "\e896";
}
.icon-play.before:before,
.icon-play.after:after {
    content: "\e897";
}
.icon-stop.before:before,
.icon-stop.after:after {
    content: "\e898";
}
.icon-pause.before:before,
.icon-pause.after:after {
    content: "\e899";
}
.icon-record.before:before,
.icon-record.after:after {
    content: "\e89a";
}
.icon-to-end.before:before,
.icon-to-end.after:after {
    content: "\e89b";
}
.icon-to-start.before:before,
.icon-to-start.after:after {
    content: "\e89c";
}
.icon-fast-forward.before:before,
.icon-fast-forward.after:after {
    content: "\e89d";
}
.icon-fast-backward.before:before,
.icon-fast-backward.after:after {
    content: "\e89e";
}
.icon-progress-0.before:before,
.icon-progress-0.after:after {
    content: "\e89f";
}
.icon-progress-1.before:before,
.icon-progress-1.after:after {
    content: "\e8a0";
}
.icon-progress-2.before:before,
.icon-progress-2.after:after {
    content: "\e8a1";
}
.icon-progress-3.before:before,
.icon-progress-3.after:after {
    content: "\e8a2";
}
.icon-target.before:before,
.icon-target.after:after {
    content: "\e8a3";
}
.icon-palette.before:before,
.icon-palette.after:after {
    content: "\e8a4";
}
.icon-list.before:before,
.icon-list.after:after {
    content: "\e8a5";
}
.icon-list-add.before:before,
.icon-list-add.after:after {
    content: "\e8a6";
}
.icon-signal.before:before,
.icon-signal.after:after {
    content: "\e8a7";
}
.icon-trophy.before:before,
.icon-trophy.after:after {
    content: "\e8a8";
}
.icon-battery.before:before,
.icon-battery.after:after {
    content: "\e8a9";
}
.icon-back-in-time.before:before,
.icon-back-in-time.after:after {
    content: "\e8aa";
}
.icon-monitor.before:before,
.icon-monitor.after:after {
    content: "\e8ab";
}
.icon-mobile.before:before,
.icon-mobile.after:after {
    content: "\e8ac";
}
.icon-network.before:before,
.icon-network.after:after {
    content: "\e8ad";
}
.icon-cd.before:before,
.icon-cd.after:after {
    content: "\e8ae";
}
.icon-inbox.before:before,
.icon-inbox.after:after {
    content: "\e8af";
}
.icon-install.before:before,
.icon-install.after:after {
    content: "\e8b0";
}
.icon-globe.before:before,
.icon-globe.after:after {
    content: "\e8b1";
}
.icon-cloud.before:before,
.icon-cloud.after:after {
    content: "\e8b2";
}
.icon-cloud-thunder.before:before,
.icon-cloud-thunder.after:after {
    content: "\e8b3";
}
.icon-flash.before:before,
.icon-flash.after:after {
    content: "\e8b4";
}
.icon-moon.before:before,
.icon-moon.after:after {
    content: "\e8b5";
}
.icon-flight.before:before,
.icon-flight.after:after {
    content: "\e8b6";
}
.icon-paper-plane.before:before,
.icon-paper-plane.after:after {
    content: "\e8b7";
}
.icon-leaf.before:before,
.icon-leaf.after:after {
    content: "\e8b8";
}
.icon-lifebuoy.before:before,
.icon-lifebuoy.after:after {
    content: "\e8b9";
}
.icon-mouse.before:before,
.icon-mouse.after:after {
    content: "\e8ba";
}
.icon-briefcase.before:before,
.icon-briefcase.after:after {
    content: "\e8bb";
}
.icon-suitcase.before:before,
.icon-suitcase.after:after {
    content: "\e8bc";
}
.icon-dot.before:before,
.icon-dot.after:after {
    content: "\e8bd";
}
.icon-dot-2.before:before,
.icon-dot-2.after:after {
    content: "\e8be";
}
.icon-dot-3.before:before,
.icon-dot-3.after:after {
    content: "\e8bf";
}
.icon-brush.before:before,
.icon-brush.after:after {
    content: "\e8c0";
}
.icon-magnet.before:before,
.icon-magnet.after:after {
    content: "\e8c1";
}
.icon-infinity.before:before,
.icon-infinity.after:after {
    content: "\e8c2";
}
.icon-erase.before:before,
.icon-erase.after:after {
    content: "\e8c3";
}
.icon-chart-pie.before:before,
.icon-chart-pie.after:after {
    content: "\e8c4";
}
.icon-chart-line.before:before,
.icon-chart-line.after:after {
    content: "\e8c5";
}
.icon-chart-bar.before:before,
.icon-chart-bar.after:after,
.icon-pagetype-86.before:before,
.icon-pagetype-86.after:after {
    content: "\e8c6";
}
.icon-chart-area.before:before,
.icon-chart-area.after:after {
    content: "\e8c7";
}
.icon-tape.before:before,
.icon-tape.after:after {
    content: "\e8c8";
}
.icon-graduation-cap.before:before,
.icon-graduation-cap.after:after {
    content: "\e8c9";
}
.icon-language.before:before,
.icon-language.after:after {
    content: "\e8ca";
}
.icon-ticket.before:before,
.icon-ticket.after:after {
    content: "\e8cb";
}
.icon-water.before:before,
.icon-water.after:after {
    content: "\e8cc";
}
.icon-droplet.before:before,
.icon-droplet.after:after {
    content: "\e8cd";
}
.icon-air.before:before,
.icon-air.after:after {
    content: "\e8ce";
}
.icon-credit-card.before:before,
.icon-credit-card.after:after {
    content: "\e8cf";
}
.icon-floppy.before:before,
.icon-floppy.after:after {
    content: "\e8d0";
}
.icon-clipboard.before:before,
.icon-clipboard.after:after {
    content: "\e8d1";
}
.icon-megaphone.before:before,
.icon-megaphone.after:after,
.icon-pagetype-2.before:before,
.icon-pagetype-2.after:after {
    content: "\e8d2";
}
.icon-database.before:before,
.icon-database.after:after {
    content: "\e8d3";
}
.icon-drive.before:before,
.icon-drive.after:after {
    content: "\e8d4";
}
.icon-bucket.before:before,
.icon-bucket.after:after {
    content: "\e8d5";
}
.icon-thermometer.before:before,
.icon-thermometer.after:after {
    content: "\e8d6";
}
.icon-key.before:before,
.icon-key.after:after {
    content: "\e8d7";
}
.icon-flow-cascade.before:before,
.icon-flow-cascade.after:after {
    content: "\e8d8";
}
.icon-flow-branch.before:before,
.icon-flow-branch.after:after {
    content: "\e8d9";
}
.icon-flow-tree.before:before,
.icon-flow-tree.after:after {
    content: "\e8da";
}
.icon-flow-line.before:before,
.icon-flow-line.after:after {
    content: "\e8db";
}
.icon-flow-parallel.before:before,
.icon-flow-parallel.after:after {
    content: "\e8dc";
}
.icon-rocket.before:before,
.icon-rocket.after:after {
    content: "\e8dd";
}
.icon-gauge.before:before,
.icon-gauge.after:after,
.icon-pagetype-39.before:before,
.icon-pagetype-39.after:after {
    content: "\e8de";
}
.icon-traffic-cone.before:before,
.icon-traffic-cone.after:after {
    content: "\e8df";
}
.icon-cc.before:before,
.icon-cc.after:after {
    content: "\e8e0";
}
.icon-cc-by.before:before,
.icon-cc-by.after:after {
    content: "\e8e1";
}
.icon-cc-nc.before:before,
.icon-cc-nc.after:after {
    content: "\e8e2";
}
.icon-cc-nc-eu.before:before,
.icon-cc-nc-eu.after:after {
    content: "\e8e3";
}
.icon-cc-nc-jp.before:before,
.icon-cc-nc-jp.after:after {
    content: "\e8e4";
}
.icon-cc-sa.before:before,
.icon-cc-sa.after:after {
    content: "\e8e5";
}
.icon-cc-nd.before:before,
.icon-cc-nd.after:after {
    content: "\e8e6";
}
.icon-cc-pd.before:before,
.icon-cc-pd.after:after {
    content: "\e8e7";
}
.icon-cc-zero.before:before,
.icon-cc-zero.after:after {
    content: "\e8e8";
}
.icon-cc-share.before:before,
.icon-cc-share.after:after {
    content: "\e8e9";
}
.icon-cc-remix.before:before,
.icon-cc-remix.after:after {
    content: "\e8ea";
}
.icon-github.before:before,
.icon-github.after:after {
    content: "\e8eb";
}
.icon-github-circled.before:before,
.icon-github-circled.after:after {
    content: "\e8ec";
}
.icon-flickr.before:before,
.icon-flickr.after:after {
    content: "\e8ed";
}
.icon-flickr-circled.before:before,
.icon-flickr-circled.after:after {
    content: "\e8ee";
}
.icon-vimeo.before:before,
.icon-vimeo.after:after {
    content: "\e8ef";
}
.icon-vimeo-circled.before:before,
.icon-vimeo-circled.after:after {
    content: "\e8f0";
}
.icon-twitter.before:before,
.icon-twitter.after:after {
    content: "\e8f1";
}
.icon-twitter-circled.before:before,
.icon-twitter-circled.after:after {
    content: "\e8f2";
}
.icon-facebook.before:before,
.icon-facebook.after:after {
    content: "\e8f3";
}
.icon-facebook-circled.before:before,
.icon-facebook-circled.after:after {
    content: "\e8f4";
}
.icon-facebook-squared.before:before,
.icon-facebook-squared.after:after {
    content: "\e8f5";
}
.icon-gplus.before:before,
.icon-gplus.after:after {
    content: "\e8f6";
}
.icon-gplus-circled.before:before,
.icon-gplus-circled.after:after {
    content: "\e8f7";
}
.icon-pinterest.before:before,
.icon-pinterest.after:after {
    content: "\e8f8";
}
.icon-pinterest-circled.before:before,
.icon-pinterest-circled.after:after {
    content: "\e8f9";
}
.icon-tumblr.before:before,
.icon-tumblr.after:after {
    content: "\e8fa";
}
.icon-tumblr-circled.before:before,
.icon-tumblr-circled.after:after {
    content: "\e8fb";
}
.icon-linkedin.before:before,
.icon-linkedin.after:after {
    content: "\e8fc";
}
.icon-linkedin-circled.before:before,
.icon-linkedin-circled.after:after {
    content: "\e8fd";
}
.icon-dribbble.before:before,
.icon-dribbble.after:after {
    content: "\e8fe";
}
.icon-dribbble-circled.before:before,
.icon-dribbble-circled.after:after {
    content: "\e8ff";
}
.icon-stumbleupon.before:before,
.icon-stumbleupon.after:after {
    content: "\e900";
}
.icon-stumbleupon-circled.before:before,
.icon-stumbleupon-circled.after:after {
    content: "\e901";
}
.icon-lastfm.before:before,
.icon-lastfm.after:after {
    content: "\e902";
}
.icon-lastfm-circled.before:before,
.icon-lastfm-circled.after:after {
    content: "\e903";
}
.icon-rdio.before:before,
.icon-rdio.after:after {
    content: "\e904";
}
.icon-rdio-circled.before:before,
.icon-rdio-circled.after:after {
    content: "\e905";
}
.icon-spotify.before:before,
.icon-spotify.after:after {
    content: "\e906";
}
.icon-spotify-circled.before:before,
.icon-spotify-circled.after:after {
    content: "\e907";
}
.icon-qq.before:before,
.icon-qq.after:after {
    content: "\e908";
}
.icon-instagram.before:before,
.icon-instagram.after:after {
    content: "\e909";
}
.icon-dropbox.before:before,
.icon-dropbox.after:after {
    content: "\e90a";
}
.icon-evernote.before:before,
.icon-evernote.after:after {
    content: "\e90b";
}
.icon-flattr.before:before,
.icon-flattr.after:after {
    content: "\e90c";
}
.icon-skype.before:before,
.icon-skype.after:after {
    content: "\e90d";
}
.icon-skype-circled.before:before,
.icon-skype-circled.after:after {
    content: "\e90e";
}
.icon-renren.before:before,
.icon-renren.after:after {
    content: "\e90f";
}
.icon-sina-weibo.before:before,
.icon-sina-weibo.after:after {
    content: "\e910";
}
.icon-paypal.before:before,
.icon-paypal.after:after {
    content: "\e911";
}
.icon-picasa.before:before,
.icon-picasa.after:after {
    content: "\e912";
}
.icon-soundcloud.before:before,
.icon-soundcloud.after:after {
    content: "\e913";
}
.icon-mixi.before:before,
.icon-mixi.after:after {
    content: "\e914";
}
.icon-behance.before:before,
.icon-behance.after:after {
    content: "\e915";
}
.icon-google-circles.before:before,
.icon-google-circles.after:after {
    content: "\e916";
}
.icon-vkontakte.before:before,
.icon-vkontakte.after:after {
    content: "\e917";
}
.icon-smashing.before:before,
.icon-smashing.after:after {
    content: "\e918";
}
.icon-sweden.before:before,
.icon-sweden.after:after {
    content: "\e919";
}
.icon-db-shape.before:before,
.icon-db-shape.after:after {
    content: "\e91a";
}
.icon-up-thin.before:before,
.icon-up-thin.after:after {
    content: "\e88e";
}

/* Font Awesome */

.icon-awesome-folder.before:before,
.icon-awesome-folder.after:after {
    content: "\e879";
}
.icon-awesome-folder-open.before:before,
.icon-awesome-folder-open.after:after {
    content: "\e87a";
}
.icon-awesome-file-doc.before:before,
.icon-awesome-file-doc.after:after {
    content: "\e86b";
}
.icon-awesome-file-doc-text.before:before,
.icon-awesome-file-doc-text.after:after {
    content: "\e86d";
}
.icon-awesome-file-pdf.before:before,
.icon-awesome-file-pdf.after:after {
    content: "\e870";
}
.icon-awesome-file-word.before:before,
.icon-awesome-file-word.after:after {
    content: "\e871";
}
.icon-awesome-file-excel.before:before,
.icon-awesome-file-excel.after:after {
    content: "\e872";
}
.icon-awesome-file-powerpoint.before:before,
.icon-awesome-file-powerpoint.after:after {
    content: "\e873";
}
.icon-awesome-file-image.before:before,
.icon-awesome-file-image.after:after {
    content: "\e874";
}
.icon-awesome-file-archive.before:before,
.icon-awesome-file-archive.after:after {
    content: "\e875";
}
.icon-awesome-file-audio.before:before,
.icon-awesome-file-audio.after:after {
    content: "\e876";
}
.icon-awesome-file-video.before:before,
.icon-awesome-file-video.after:after {
    content: "\e877";
}
.icon-awesome-sort-alt-up.before:before,
.icon-awesome-sort-alt-up.after:after {
    content: "\e952";
}
.icon-awesome-chat-empty.before:before,
.icon-awesome-chat-empty.after:after {
    content: "\e85e";
}
.icon-awesome-angle-down.before:before,
.icon-awesome-angle-down.after:after {
    content: "\e8af";
}
.icon-awesome-glass.before:before,
.icon-awesome-glass.after:after {
    content: "\e800";
}
.icon-awesome-music.before:before,
.icon-awesome-music.after:after {
    content: "\e801";
}
.icon-awesome-search.before:before,
.icon-awesome-search.after:after {
    content: "\e802";
}
.icon-awesome-mail.before:before,
.icon-awesome-mail.after:after {
    content: "\e803";
}
.icon-awesome-mail-alt.before:before,
.icon-awesome-mail-alt.after:after {
    content: "\e804";
}
.icon-awesome-mail-squared.before:before,
.icon-awesome-mail-squared.after:after {
    content: "\e805";
}
.icon-awesome-heart.before:before,
.icon-awesome-heart.after:after {
    content: "\e806";
}
.icon-awesome-heart-empty.before:before,
.icon-awesome-heart-empty.after:after {
    content: "\e807";
}
.icon-awesome-star.before:before,
.icon-awesome-star.after:after {
    content: "\e808";
}
.icon-awesome-star-empty.before:before,
.icon-awesome-star-empty.after:after {
    content: "\e809";
}
.icon-awesome-star-half.before:before,
.icon-awesome-star-half.after:after {
    content: "\e80a";
}
.icon-awesome-star-half-alt.before:before,
.icon-awesome-star-half-alt.after:after {
    content: "\e80b";
}
.icon-awesome-user.before:before,
.icon-awesome-user.after:after {
    content: "\e80c";
}
.icon-awesome-user-plus.before:before,
.icon-awesome-user-plus.after:after {
    content: "\e80d";
}
.icon-awesome-user-times.before:before,
.icon-awesome-user-times.after:after {
    content: "\e80e";
}
.icon-awesome-users.before:before,
.icon-awesome-users.after:after {
    content: "\e80f";
}
.icon-awesome-male.before:before,
.icon-awesome-male.after:after {
    content: "\e810";
}
.icon-awesome-female.before:before,
.icon-awesome-female.after:after {
    content: "\e811";
}
.icon-awesome-child.before:before,
.icon-awesome-child.after:after {
    content: "\e812";
}
.icon-awesome-user-secret.before:before,
.icon-awesome-user-secret.after:after {
    content: "\e813";
}
.icon-awesome-video.before:before,
.icon-awesome-video.after:after {
    content: "\e814";
}
.icon-awesome-videocam.before:before,
.icon-awesome-videocam.after:after {
    content: "\e815";
}
.icon-awesome-picture.before:before,
.icon-awesome-picture.after:after {
    content: "\e816";
}
.icon-awesome-camera.before:before,
.icon-awesome-camera.after:after {
    content: "\e817";
}
.icon-awesome-camera-alt.before:before,
.icon-awesome-camera-alt.after:after {
    content: "\e818";
}
.icon-awesome-filter.before:before,
.icon-awesome-filter.after:after {
    content: "\e819";
}
.icon-awesome-th.before:before,
.icon-awesome-th.after:after {
    content: "\e81a";
}
.icon-awesome-th-list.before:before,
.icon-awesome-th-list.after:after {
    content: "\e81b";
}
.icon-awesome-ok.before:before,
.icon-awesome-ok.after:after {
    content: "\e81c";
}
.icon-awesome-ok-circled.before:before,
.icon-awesome-ok-circled.after:after {
    content: "\e81d";
}
.icon-awesome-ok-circled2.before:before,
.icon-awesome-ok-circled2.after:after {
    content: "\e81e";
}
.icon-awesome-ok-squared.before:before,
.icon-awesome-ok-squared.after:after {
    content: "\e81f";
}
.icon-awesome-cancel.before:before,
.icon-awesome-cancel.after:after {
    content: "\e820";
}
.icon-awesome-cancel-circled.before:before,
.icon-awesome-cancel-circled.after:after {
    content: "\e821";
}
.icon-awesome-cancel-circled2.before:before,
.icon-awesome-cancel-circled2.after:after {
    content: "\e822";
}
.icon-awesome-plus.before:before,
.icon-awesome-plus.after:after {
    content: "\e823";
}
.icon-awesome-plus-circled.before:before,
.icon-awesome-plus-circled.after:after {
    content: "\e824";
}
.icon-awesome-plus-squared.before:before,
.icon-awesome-plus-squared.after:after {
    content: "\e825";
}
.icon-awesome-plus-squared-alt.before:before,
.icon-awesome-plus-squared-alt.after:after {
    content: "\e826";
}
.icon-awesome-minus.before:before,
.icon-awesome-minus.after:after {
    content: "\e827";
}
.icon-awesome-minus-circled.before:before,
.icon-awesome-minus-circled.after:after {
    content: "\e828";
}
.icon-awesome-minus-squared.before:before,
.icon-awesome-minus-squared.after:after {
    content: "\e829";
}
.icon-awesome-minus-squared-alt.before:before,
.icon-awesome-minus-squared-alt.after:after {
    content: "\e82a";
}
.icon-awesome-help.before:before,
.icon-awesome-help.after:after {
    content: "\e82b";
}
.icon-awesome-help-circled.before:before,
.icon-awesome-help-circled.after:after {
    content: "\e82c";
}
.icon-awesome-info-circled.before:before,
.icon-awesome-info-circled.after:after {
    content: "\e82d";
}
.icon-awesome-info.before:before,
.icon-awesome-info.after:after {
    content: "\e82e";
}
.icon-awesome-home.before:before,
.icon-awesome-home.after:after {
    content: "\e82f";
}
.icon-awesome-link.before:before,
.icon-awesome-link.after:after {
    content: "\e830";
}
.icon-awesome-unlink.before:before,
.icon-awesome-unlink.after:after {
    content: "\e831";
}
.icon-awesome-link-ext.before:before,
.icon-awesome-link-ext.after:after {
    content: "\e832";
}
.icon-awesome-link-ext-alt.before:before,
.icon-awesome-link-ext-alt.after:after {
    content: "\e833";
}
.icon-awesome-attach.before:before,
.icon-awesome-attach.after:after {
    content: "\e834";
}
.icon-awesome-lock.before:before,
.icon-awesome-lock.after:after {
    content: "\e835";
}
.icon-awesome-lock-open.before:before,
.icon-awesome-lock-open.after:after {
    content: "\e836";
}
.icon-awesome-lock-open-alt.before:before,
.icon-awesome-lock-open-alt.after:after {
    content: "\e837";
}
.icon-awesome-pin.before:before,
.icon-awesome-pin.after:after {
    content: "\e838";
}
.icon-awesome-eye.before:before,
.icon-awesome-eye.after:after {
    content: "\e839";
}
.icon-awesome-eye-off.before:before,
.icon-awesome-eye-off.after:after {
    content: "\e83a";
}
.icon-awesome-tag.before:before,
.icon-awesome-tag.after:after {
    content: "\e83b";
}
.icon-awesome-tags.before:before,
.icon-awesome-tags.after:after {
    content: "\e83c";
}
.icon-awesome-bookmark.before:before,
.icon-awesome-bookmark.after:after {
    content: "\e83d";
}
.icon-awesome-bookmark-empty.before:before,
.icon-awesome-bookmark-empty.after:after {
    content: "\e83e";
}
.icon-awesome-flag.before:before,
.icon-awesome-flag.after:after {
    content: "\e83f";
}
.icon-awesome-flag-empty.before:before,
.icon-awesome-flag-empty.after:after {
    content: "\e840";
}
.icon-awesome-flag-checkered.before:before,
.icon-awesome-flag-checkered.after:after {
    content: "\e841";
}
.icon-awesome-thumbs-up.before:before,
.icon-awesome-thumbs-up.after:after {
    content: "\e842";
}
.icon-awesome-thumbs-down.before:before,
.icon-awesome-thumbs-down.after:after {
    content: "\e843";
}
.icon-awesome-thumbs-up-alt.before:before,
.icon-awesome-thumbs-up-alt.after:after {
    content: "\e844";
}
.icon-awesome-thumbs-down-alt.before:before,
.icon-awesome-thumbs-down-alt.after:after {
    content: "\e845";
}
.icon-awesome-download.before:before,
.icon-awesome-download.after:after {
    content: "\e846";
}
.icon-awesome-upload.before:before,
.icon-awesome-upload.after:after {
    content: "\e847";
}
.icon-awesome-download-cloud.before:before,
.icon-awesome-download-cloud.after:after {
    content: "\e848";
}
.icon-awesome-upload-cloud.before:before,
.icon-awesome-upload-cloud.after:after {
    content: "\e849";
}
.icon-awesome-reply.before:before,
.icon-awesome-reply.after:after {
    content: "\e84a";
}
.icon-awesome-reply-all.before:before,
.icon-awesome-reply-all.after:after {
    content: "\e84b";
}
.icon-awesome-forward.before:before,
.icon-awesome-forward.after:after {
    content: "\e84c";
}
.icon-awesome-quote-left.before:before,
.icon-awesome-quote-left.after:after {
    content: "\e84d";
}
.icon-awesome-quote-right.before:before,
.icon-awesome-quote-right.after:after {
    content: "\e84e";
}
.icon-awesome-code.before:before,
.icon-awesome-code.after:after {
    content: "\e84f";
}
.icon-awesome-export.before:before,
.icon-awesome-export.after:after {
    content: "\e850";
}
.icon-awesome-export-alt.before:before,
.icon-awesome-export-alt.after:after {
    content: "\e851";
}
.icon-awesome-share.before:before,
.icon-awesome-share.after:after {
    content: "\e852";
}
.icon-awesome-share-squared.before:before,
.icon-awesome-share-squared.after:after {
    content: "\e853";
}
.icon-awesome-pencil.before:before,
.icon-awesome-pencil.after:after {
    content: "\e854";
}
.icon-awesome-pencil-squared.before:before,
.icon-awesome-pencil-squared.after:after {
    content: "\e855";
}
.icon-awesome-edit.before:before,
.icon-awesome-edit.after:after {
    content: "\e856";
}
.icon-awesome-print.before:before,
.icon-awesome-print.after:after {
    content: "\e857";
}
.icon-awesome-retweet.before:before,
.icon-awesome-retweet.after:after {
    content: "\e858";
}
.icon-awesome-keyboard.before:before,
.icon-awesome-keyboard.after:after {
    content: "\e859";
}
.icon-awesome-gamepad.before:before,
.icon-awesome-gamepad.after:after {
    content: "\e85a";
}
.icon-awesome-comment.before:before,
.icon-awesome-comment.after:after {
    content: "\e85b";
}
.icon-awesome-chat.before:before,
.icon-awesome-chat.after:after {
    content: "\e85c";
}
.icon-awesome-comment-empty.before:before,
.icon-awesome-comment-empty.after:after {
    content: "\e85d";
}
.icon-awesome-chat-empty.before:before,
.icon-awesome-chat-empty.after:after {
    content: "\e85e";
}
.icon-awesome-bell.before:before,
.icon-awesome-bell.after:after {
    content: "\e85f";
}
.icon-awesome-bell-alt.before:before,
.icon-awesome-bell-alt.after:after {
    content: "\e860";
}
.icon-awesome-bell-off.before:before,
.icon-awesome-bell-off.after:after {
    content: "\e861";
}
.icon-awesome-bell-off-empty.before:before,
.icon-awesome-bell-off-empty.after:after {
    content: "\e862";
}
.icon-awesome-attention-alt.before:before,
.icon-awesome-attention-alt.after:after {
    content: "\e863";
}
.icon-awesome-attention.before:before,
.icon-awesome-attention.after:after {
    content: "\e864";
}
.icon-awesome-attention-circled.before:before,
.icon-awesome-attention-circled.after:after {
    content: "\e865";
}
.icon-awesome-location.before:before,
.icon-awesome-location.after:after {
    content: "\e866";
}
.icon-awesome-direction.before:before,
.icon-awesome-direction.after:after {
    content: "\e867";
}
.icon-awesome-compass.before:before,
.icon-awesome-compass.after:after {
    content: "\e868";
}
.icon-awesome-trash.before:before,
.icon-awesome-trash.after:after {
    content: "\e869";
}
.icon-awesome-trash-empty.before:before,
.icon-awesome-trash-empty.after:after {
    content: "\e86a";
}
.icon-awesome-doc.before:before,
.icon-awesome-doc.after:after {
    content: "\e86b";
}
.icon-awesome-docs.before:before,
.icon-awesome-docs.after:after {
    content: "\e86c";
}
.icon-awesome-doc-text.before:before,
.icon-awesome-doc-text.after:after {
    content: "\e86d";
}
.icon-awesome-doc-inv.before:before,
.icon-awesome-doc-inv.after:after {
    content: "\e86e";
}
.icon-awesome-doc-text-inv.before:before,
.icon-awesome-doc-text-inv.after:after {
    content: "\e86f";
}
.icon-awesome-box.before:before,
.icon-awesome-box.after:after {
    content: "\e87d";
}
.icon-awesome-rss.before:before,
.icon-awesome-rss.after:after {
    content: "\e87e";
}
.icon-awesome-rss-squared.before:before,
.icon-awesome-rss-squared.after:after {
    content: "\e87f";
}
.icon-awesome-phone.before:before,
.icon-awesome-phone.after:after {
    content: "\e880";
}
.icon-awesome-phone-squared.before:before,
.icon-awesome-phone-squared.after:after {
    content: "\e881";
}
.icon-awesome-fax.before:before,
.icon-awesome-fax.after:after {
    content: "\e882";
}
.icon-awesome-menu.before:before,
.icon-awesome-menu.after:after {
    content: "\e883";
}
.icon-awesome-cog.before:before,
.icon-awesome-cog.after:after {
    content: "\e884";
}
.icon-awesome-cog-alt.before:before,
.icon-awesome-cog-alt.after:after {
    content: "\e885";
}
.icon-awesome-wrench.before:before,
.icon-awesome-wrench.after:after {
    content: "\e886";
}
.icon-awesome-sliders.before:before,
.icon-awesome-sliders.after:after {
    content: "\e887";
}
.icon-awesome-basket.before:before,
.icon-awesome-basket.after:after {
    content: "\e888";
}
.icon-awesome-cart-plus.before:before,
.icon-awesome-cart-plus.after:after {
    content: "\e889";
}
.icon-awesome-cart-arrow-down.before:before,
.icon-awesome-cart-arrow-down.after:after {
    content: "\e88a";
}
.icon-awesome-calendar.before:before,
.icon-awesome-calendar.after:after {
    content: "\e88b";
}
.icon-awesome-calendar-empty.before:before,
.icon-awesome-calendar-empty.after:after {
    content: "\e88c";
}
.icon-awesome-login.before:before,
.icon-awesome-login.after:after {
    content: "\e88d";
}
.icon-awesome-logout.before:before,
.icon-awesome-logout.after:after {
    content: "\e88e";
}
.icon-awesome-mic.before:before,
.icon-awesome-mic.after:after {
    content: "\e88f";
}
.icon-awesome-mute.before:before,
.icon-awesome-mute.after:after {
    content: "\e890";
}
.icon-awesome-volume-off.before:before,
.icon-awesome-volume-off.after:after {
    content: "\e891";
}
.icon-awesome-volume-down.before:before,
.icon-awesome-volume-down.after:after {
    content: "\e892";
}
.icon-awesome-volume-up.before:before,
.icon-awesome-volume-up.after:after {
    content: "\e893";
}
.icon-awesome-headphones.before:before,
.icon-awesome-headphones.after:after {
    content: "\e894";
}
.icon-awesome-clock.before:before,
.icon-awesome-clock.after:after {
    content: "\e895";
}
.icon-awesome-lightbulb.before:before,
.icon-awesome-lightbulb.after:after {
    content: "\e896";
}
.icon-awesome-block.before:before,
.icon-awesome-block.after:after {
    content: "\e897";
}
.icon-awesome-resize-full.before:before,
.icon-awesome-resize-full.after:after {
    content: "\e898";
}
.icon-awesome-resize-full-alt.before:before,
.icon-awesome-resize-full-alt.after:after {
    content: "\e899";
}
.icon-awesome-resize-small.before:before,
.icon-awesome-resize-small.after:after {
    content: "\e89a";
}
.icon-awesome-resize-vertical.before:before,
.icon-awesome-resize-vertical.after:after {
    content: "\e89b";
}
.icon-awesome-resize-horizontal.before:before,
.icon-awesome-resize-horizontal.after:after {
    content: "\e89c";
}
.icon-awesome-move.before:before,
.icon-awesome-move.after:after {
    content: "\e89d";
}
.icon-awesome-zoom-in.before:before,
.icon-awesome-zoom-in.after:after {
    content: "\e89e";
}
.icon-awesome-zoom-out.before:before,
.icon-awesome-zoom-out.after:after {
    content: "\e89f";
}
.icon-awesome-down-circled2.before:before,
.icon-awesome-down-circled2.after:after {
    content: "\e8a0";
}
.icon-awesome-up-circled2.before:before,
.icon-awesome-up-circled2.after:after {
    content: "\e8a1";
}
.icon-awesome-left-circled2.before:before,
.icon-awesome-left-circled2.after:after {
    content: "\e8a2";
}
.icon-awesome-right-circled2.before:before,
.icon-awesome-right-circled2.after:after {
    content: "\e8a3";
}
.icon-awesome-down-dir.before:before,
.icon-awesome-down-dir.after:after {
    content: "\e8a4";
}
.icon-awesome-up-dir.before:before,
.icon-awesome-up-dir.after:after {
    content: "\e8a5";
}
.icon-awesome-left-dir.before:before,
.icon-awesome-left-dir.after:after {
    content: "\e8a6";
}
.icon-awesome-right-dir.before:before,
.icon-awesome-right-dir.after:after {
    content: "\e8a7";
}
.icon-awesome-down-open.before:before,
.icon-awesome-down-open.after:after {
    content: "\e8a8";
}
.icon-awesome-left-open.before:before,
.icon-awesome-left-open.after:after {
    content: "\e8a9";
}
.icon-awesome-right-open.before:before,
.icon-awesome-right-open.after:after {
    content: "\e8aa";
}
.icon-awesome-up-open.before:before,
.icon-awesome-up-open.after:after {
    content: "\e8ab";
}
.icon-awesome-angle-left.before:before,
.icon-awesome-angle-left.after:after {
    content: "\e8ac";
}
.icon-awesome-angle-right.before:before,
.icon-awesome-angle-right.after:after {
    content: "\e8ad";
}
.icon-awesome-angle-up.before:before,
.icon-awesome-angle-up.after:after {
    content: "\e8ae";
}
.icon-awesome-angle-circled-left.before:before,
.icon-awesome-angle-circled-left.after:after {
    content: "\e8b0";
}
.icon-awesome-angle-circled-right.before:before,
.icon-awesome-angle-circled-right.after:after {
    content: "\e8b1";
}
.icon-awesome-angle-circled-up.before:before,
.icon-awesome-angle-circled-up.after:after {
    content: "\e8b2";
}
.icon-awesome-angle-circled-down.before:before,
.icon-awesome-angle-circled-down.after:after {
    content: "\e8b3";
}
.icon-awesome-angle-double-left.before:before,
.icon-awesome-angle-double-left.after:after {
    content: "\e8b4";
}
.icon-awesome-angle-double-right.before:before,
.icon-awesome-angle-double-right.after:after {
    content: "\e8b5";
}
.icon-awesome-angle-double-up.before:before,
.icon-awesome-angle-double-up.after:after {
    content: "\e8b6";
}
.icon-awesome-angle-double-down.before:before,
.icon-awesome-angle-double-down.after:after {
    content: "\e8b7";
}
.icon-awesome-down.before:before,
.icon-awesome-down.after:after {
    content: "\e8b8";
}
.icon-awesome-left.before:before,
.icon-awesome-left.after:after {
    content: "\e8b9";
}
.icon-awesome-right.before:before,
.icon-awesome-right.after:after {
    content: "\e8ba";
}
.icon-awesome-up.before:before,
.icon-awesome-up.after:after {
    content: "\e8bb";
}
.icon-awesome-down-big.before:before,
.icon-awesome-down-big.after:after {
    content: "\e8bc";
}
.icon-awesome-left-big.before:before,
.icon-awesome-left-big.after:after {
    content: "\e8bd";
}
.icon-awesome-right-big.before:before,
.icon-awesome-right-big.after:after {
    content: "\e8be";
}
.icon-awesome-up-big.before:before,
.icon-awesome-up-big.after:after {
    content: "\e8bf";
}
.icon-awesome-right-hand.before:before,
.icon-awesome-right-hand.after:after {
    content: "\e8c0";
}
.icon-awesome-left-hand.before:before,
.icon-awesome-left-hand.after:after {
    content: "\e8c1";
}
.icon-awesome-up-hand.before:before,
.icon-awesome-up-hand.after:after {
    content: "\e8c2";
}
.icon-awesome-down-hand.before:before,
.icon-awesome-down-hand.after:after {
    content: "\e8c3";
}
.icon-awesome-left-circled.before:before,
.icon-awesome-left-circled.after:after {
    content: "\e8c4";
}
.icon-awesome-right-circled.before:before,
.icon-awesome-right-circled.after:after {
    content: "\e8c5";
}
.icon-awesome-up-circled.before:before,
.icon-awesome-up-circled.after:after {
    content: "\e8c6";
}
.icon-awesome-down-circled.before:before,
.icon-awesome-down-circled.after:after {
    content: "\e8c7";
}
.icon-awesome-cw.before:before,
.icon-awesome-cw.after:after {
    content: "\e8c8";
}
.icon-awesome-ccw.before:before,
.icon-awesome-ccw.after:after {
    content: "\e8c9";
}
.icon-awesome-arrows-cw.before:before,
.icon-awesome-arrows-cw.after:after {
    content: "\e8ca";
}
.icon-awesome-level-up.before:before,
.icon-awesome-level-up.after:after {
    content: "\e8cb";
}
.icon-awesome-level-down.before:before,
.icon-awesome-level-down.after:after {
    content: "\e8cc";
}
.icon-awesome-shuffle.before:before,
.icon-awesome-shuffle.after:after {
    content: "\e8cd";
}
.icon-awesome-exchange.before:before,
.icon-awesome-exchange.after:after {
    content: "\e8ce";
}
.icon-awesome-history.before:before,
.icon-awesome-history.after:after {
    content: "\e8cf";
}
.icon-awesome-expand.before:before,
.icon-awesome-expand.after:after {
    content: "\e8d0";
}
.icon-awesome-collapse.before:before,
.icon-awesome-collapse.after:after {
    content: "\e8d1";
}
.icon-awesome-expand-right.before:before,
.icon-awesome-expand-right.after:after {
    content: "\e8d2";
}
.icon-awesome-collapse-left.before:before,
.icon-awesome-collapse-left.after:after {
    content: "\e8d3";
}
.icon-awesome-play.before:before,
.icon-awesome-play.after:after {
    content: "\e8d4";
}
.icon-awesome-play-circled.before:before,
.icon-awesome-play-circled.after:after {
    content: "\e8d5";
}
.icon-awesome-play-circled2.before:before,
.icon-awesome-play-circled2.after:after {
    content: "\e8d6";
}
.icon-awesome-stop.before:before,
.icon-awesome-stop.after:after {
    content: "\e8d7";
}
.icon-awesome-pause.before:before,
.icon-awesome-pause.after:after {
    content: "\e8d8";
}
.icon-awesome-to-end.before:before,
.icon-awesome-to-end.after:after {
    content: "\e8d9";
}
.icon-awesome-to-end-alt.before:before,
.icon-awesome-to-end-alt.after:after {
    content: "\e8da";
}
.icon-awesome-to-start.before:before,
.icon-awesome-to-start.after:after {
    content: "\e8db";
}
.icon-awesome-to-start-alt.before:before,
.icon-awesome-to-start-alt.after:after {
    content: "\e8dc";
}
.icon-awesome-fast-fw.before:before,
.icon-awesome-fast-fw.after:after {
    content: "\e8dd";
}
.icon-awesome-fast-bw.before:before,
.icon-awesome-fast-bw.after:after {
    content: "\e8de";
}
.icon-awesome-eject.before:before,
.icon-awesome-eject.after:after {
    content: "\e8df";
}
.icon-awesome-target.before:before,
.icon-awesome-target.after:after {
    content: "\e8e0";
}
.icon-awesome-signal.before:before,
.icon-awesome-signal.after:after {
    content: "\e8e1";
}
.icon-awesome-wifi.before:before,
.icon-awesome-wifi.after:after {
    content: "\e8e2";
}
.icon-awesome-award.before:before,
.icon-awesome-award.after:after {
    content: "\e8e3";
}
.icon-awesome-desktop.before:before,
.icon-awesome-desktop.after:after {
    content: "\e8e4";
}
.icon-awesome-laptop.before:before,
.icon-awesome-laptop.after:after {
    content: "\e8e5";
}
.icon-awesome-tablet.before:before,
.icon-awesome-tablet.after:after {
    content: "\e8e6";
}
.icon-awesome-mobile.before:before,
.icon-awesome-mobile.after:after {
    content: "\e8e7";
}
.icon-awesome-inbox.before:before,
.icon-awesome-inbox.after:after {
    content: "\e8e8";
}
.icon-awesome-globe.before:before,
.icon-awesome-globe.after:after {
    content: "\e8e9";
}
.icon-awesome-sun.before:before,
.icon-awesome-sun.after:after {
    content: "\e8ea";
}
.icon-awesome-cloud.before:before,
.icon-awesome-cloud.after:after {
    content: "\e8eb";
}
.icon-awesome-flash.before:before,
.icon-awesome-flash.after:after {
    content: "\e8ec";
}
.icon-awesome-moon.before:before,
.icon-awesome-moon.after:after {
    content: "\e8ed";
}
.icon-awesome-umbrella.before:before,
.icon-awesome-umbrella.after:after {
    content: "\e8ee";
}
.icon-awesome-flight.before:before,
.icon-awesome-flight.after:after {
    content: "\e8ef";
}
.icon-awesome-fighter-jet.before:before,
.icon-awesome-fighter-jet.after:after {
    content: "\e8f0";
}
.icon-awesome-paper-plane.before:before,
.icon-awesome-paper-plane.after:after {
    content: "\e8f1";
}
.icon-awesome-paper-plane-empty.before:before,
.icon-awesome-paper-plane-empty.after:after {
    content: "\e8f2";
}
.icon-awesome-space-shuttle.before:before,
.icon-awesome-space-shuttle.after:after {
    content: "\e8f3";
}
.icon-awesome-leaf.before:before,
.icon-awesome-leaf.after:after {
    content: "\e8f4";
}
.icon-awesome-font.before:before,
.icon-awesome-font.after:after {
    content: "\e8f5";
}
.icon-awesome-bold.before:before,
.icon-awesome-bold.after:after {
    content: "\e8f6";
}
.icon-awesome-medium.before:before,
.icon-awesome-medium.after:after {
    content: "\e8f7";
}
.icon-awesome-italic.before:before,
.icon-awesome-italic.after:after {
    content: "\e8f8";
}
.icon-awesome-header.before:before,
.icon-awesome-header.after:after {
    content: "\e8f9";
}
.icon-awesome-paragraph.before:before,
.icon-awesome-paragraph.after:after {
    content: "\e8fa";
}
.icon-awesome-text-height.before:before,
.icon-awesome-text-height.after:after {
    content: "\e8fb";
}
.icon-awesome-text-width.before:before,
.icon-awesome-text-width.after:after {
    content: "\e8fc";
}
.icon-awesome-align-left.before:before,
.icon-awesome-align-left.after:after {
    content: "\e8fd";
}
.icon-awesome-align-center.before:before,
.icon-awesome-align-center.after:after {
    content: "\e8fe";
}
.icon-awesome-align-right.before:before,
.icon-awesome-align-right.after:after {
    content: "\e8ff";
}
.icon-awesome-align-justify.before:before,
.icon-awesome-align-justify.after:after {
    content: "\e900";
}
.icon-awesome-list.before:before,
.icon-awesome-list.after:after {
    content: "\e901";
}
.icon-awesome-indent-left.before:before,
.icon-awesome-indent-left.after:after {
    content: "\e902";
}
.icon-awesome-indent-right.before:before,
.icon-awesome-indent-right.after:after {
    content: "\e903";
}
.icon-awesome-list-bullet.before:before,
.icon-awesome-list-bullet.after:after {
    content: "\e904";
}
.icon-awesome-list-numbered.before:before,
.icon-awesome-list-numbered.after:after {
    content: "\e905";
}
.icon-awesome-strike.before:before,
.icon-awesome-strike.after:after {
    content: "\e906";
}
.icon-awesome-underline.before:before,
.icon-awesome-underline.after:after {
    content: "\e907";
}
.icon-awesome-superscript.before:before,
.icon-awesome-superscript.after:after {
    content: "\e908";
}
.icon-awesome-subscript.before:before,
.icon-awesome-subscript.after:after {
    content: "\e909";
}
.icon-awesome-table.before:before,
.icon-awesome-table.after:after {
    content: "\e90a";
}
.icon-awesome-columns.before:before,
.icon-awesome-columns.after:after {
    content: "\e90b";
}
.icon-awesome-crop.before:before,
.icon-awesome-crop.after:after {
    content: "\e90c";
}
.icon-awesome-scissors.before:before,
.icon-awesome-scissors.after:after {
    content: "\e90d";
}
.icon-awesome-paste.before:before,
.icon-awesome-paste.after:after {
    content: "\e90e";
}
.icon-awesome-briefcase.before:before,
.icon-awesome-briefcase.after:after {
    content: "\e90f";
}
.icon-awesome-suitcase.before:before,
.icon-awesome-suitcase.after:after {
    content: "\e910";
}
.icon-awesome-ellipsis.before:before,
.icon-awesome-ellipsis.after:after {
    content: "\e911";
}
.icon-awesome-ellipsis-vert.before:before,
.icon-awesome-ellipsis-vert.after:after {
    content: "\e912";
}
.icon-awesome-off.before:before,
.icon-awesome-off.after:after {
    content: "\e913";
}
.icon-awesome-road.before:before,
.icon-awesome-road.after:after {
    content: "\e914";
}
.icon-awesome-list-alt.before:before,
.icon-awesome-list-alt.after:after {
    content: "\e915";
}
.icon-awesome-qrcode.before:before,
.icon-awesome-qrcode.after:after {
    content: "\e916";
}
.icon-awesome-barcode.before:before,
.icon-awesome-barcode.after:after {
    content: "\e917";
}
.icon-awesome-book.before:before,
.icon-awesome-book.after:after {
    content: "\e918";
}
.icon-awesome-ajust.before:before,
.icon-awesome-ajust.after:after {
    content: "\e919";
}
.icon-awesome-tint.before:before,
.icon-awesome-tint.after:after {
    content: "\e91a";
}
.icon-awesome-toggle-off.before:before,
.icon-awesome-toggle-off.after:after {
    content: "\e91b";
}
.icon-awesome-toggle-on.before:before,
.icon-awesome-toggle-on.after:after {
    content: "\e91c";
}
.icon-awesome-check.before:before,
.icon-awesome-check.after:after {
    content: "\e91d";
}
.icon-awesome-check-empty.before:before,
.icon-awesome-check-empty.after:after {
    content: "\e91e";
}
.icon-awesome-circle.before:before,
.icon-awesome-circle.after:after {
    content: "\e91f";
}
.icon-awesome-circle-empty.before:before,
.icon-awesome-circle-empty.after:after {
    content: "\e920";
}
.icon-awesome-circle-thin.before:before,
.icon-awesome-circle-thin.after:after {
    content: "\e921";
}
.icon-awesome-circle-notch.before:before,
.icon-awesome-circle-notch.after:after {
    content: "\e922";
}
.icon-awesome-dot-circled.before:before,
.icon-awesome-dot-circled.after:after {
    content: "\e923";
}
.icon-awesome-asterisk.before:before,
.icon-awesome-asterisk.after:after {
    content: "\e924";
}
.icon-awesome-gift.before:before,
.icon-awesome-gift.after:after {
    content: "\e925";
}
.icon-awesome-fire.before:before,
.icon-awesome-fire.after:after {
    content: "\e926";
}
.icon-awesome-magnet.before:before,
.icon-awesome-magnet.after:after {
    content: "\e927";
}
.icon-awesome-chart-bar.before:before,
.icon-awesome-chart-bar.after:after {
    content: "\e928";
}
.icon-awesome-chart-area.before:before,
.icon-awesome-chart-area.after:after {
    content: "\e929";
}
.icon-awesome-chart-pie.before:before,
.icon-awesome-chart-pie.after:after {
    content: "\e92a";
}
.icon-awesome-chart-line.before:before,
.icon-awesome-chart-line.after:after {
    content: "\e92b";
}
.icon-awesome-ticket.before:before,
.icon-awesome-ticket.after:after {
    content: "\e92c";
}
.icon-awesome-credit-card.before:before,
.icon-awesome-credit-card.after:after {
    content: "\e92d";
}
.icon-awesome-floppy.before:before,
.icon-awesome-floppy.after:after {
    content: "\e92e";
}
.icon-awesome-megaphone.before:before,
.icon-awesome-megaphone.after:after {
    content: "\e92f";
}
.icon-awesome-hdd.before:before,
.icon-awesome-hdd.after:after {
    content: "\e930";
}
.icon-awesome-key.before:before,
.icon-awesome-key.after:after {
    content: "\e931";
}
.icon-awesome-fork.before:before,
.icon-awesome-fork.after:after {
    content: "\e932";
}
.icon-awesome-rocket.before:before,
.icon-awesome-rocket.after:after {
    content: "\e933";
}
.icon-awesome-bug.before:before,
.icon-awesome-bug.after:after {
    content: "\e934";
}
.icon-awesome-certificate.before:before,
.icon-awesome-certificate.after:after {
    content: "\e935";
}
.icon-awesome-tasks.before:before,
.icon-awesome-tasks.after:after {
    content: "\e936";
}
.icon-awesome-filter.before:before,
.icon-awesome-filter.after:after {
    content: "\e937";
}
.icon-awesome-beaker.before:before,
.icon-awesome-beaker.after:after {
    content: "\e938";
}
.icon-awesome-magic.before:before,
.icon-awesome-magic.after:after {
    content: "\e939";
}
.icon-awesome-cab.before:before,
.icon-awesome-cab.after:after {
    content: "\e93a";
}
.icon-awesome-taxi.before:before,
.icon-awesome-taxi.after:after {
    content: "\e93b";
}
.icon-awesome-truck.before:before,
.icon-awesome-truck.after:after {
    content: "\e93c";
}
.icon-awesome-bus.before:before,
.icon-awesome-bus.after:after {
    content: "\e93d";
}
.icon-awesome-bicycle.before:before,
.icon-awesome-bicycle.after:after {
    content: "\e93e";
}
.icon-awesome-motorcycle.before:before,
.icon-awesome-motorcycle.after:after {
    content: "\e93f";
}
.icon-awesome-train.before:before,
.icon-awesome-train.after:after {
    content: "\e940";
}
.icon-awesome-subway.before:before,
.icon-awesome-subway.after:after {
    content: "\e941";
}
.icon-awesome-ship.before:before,
.icon-awesome-ship.after:after {
    content: "\e942";
}
.icon-awesome-money.before:before,
.icon-awesome-money.after:after {
    content: "\e943";
}
.icon-awesome-euro.before:before,
.icon-awesome-euro.after:after {
    content: "\e944";
}
.icon-awesome-pound.before:before,
.icon-awesome-pound.after:after {
    content: "\e945";
}
.icon-awesome-dollar.before:before,
.icon-awesome-dollar.after:after {
    content: "\e946";
}
.icon-awesome-rupee.before:before,
.icon-awesome-rupee.after:after {
    content: "\e947";
}
.icon-awesome-yen.before:before,
.icon-awesome-yen.after:after {
    content: "\e948";
}
.icon-awesome-rouble.before:before,
.icon-awesome-rouble.after:after {
    content: "\e949";
}
.icon-awesome-shekel.before:before,
.icon-awesome-shekel.after:after {
    content: "\e94a";
}
.icon-awesome-try.before:before,
.icon-awesome-try.after:after {
    content: "\e94b";
}
.icon-awesome-won.before:before,
.icon-awesome-won.after:after {
    content: "\e94c";
}
.icon-awesome-bitcoin.before:before,
.icon-awesome-bitcoin.after:after {
    content: "\e94d";
}
.icon-awesome-viacoin.before:before,
.icon-awesome-viacoin.after:after {
    content: "\e94e";
}
.icon-awesome-sort.before:before,
.icon-awesome-sort.after:after {
    content: "\e94f";
}
.icon-awesome-sort-down.before:before,
.icon-awesome-sort-down.after:after {
    content: "\e950";
}
.icon-awesome-sort-up.before:before,
.icon-awesome-sort-up.after:after {
    content: "\e951";
}
.icon-awesome-sort-alt-up.before:before,
.icon-awesome-sort-alt-up.after:after {
    content: "\e952";
}
.icon-awesome-sort-alt-down.before:before,
.icon-awesome-sort-alt-down.after:after {
    content: "\e953";
}
.icon-awesome-sort-name-up.before:before,
.icon-awesome-sort-name-up.after:after {
    content: "\e954";
}
.icon-awesome-sort-name-down.before:before,
.icon-awesome-sort-name-down.after:after {
    content: "\e955";
}
.icon-awesome-sort-number-up.before:before,
.icon-awesome-sort-number-up.after:after {
    content: "\e956";
}
.icon-awesome-sort-number-down.before:before,
.icon-awesome-sort-number-down.after:after {
    content: "\e957";
}
.icon-awesome-hammer.before:before,
.icon-awesome-hammer.after:after {
    content: "\e958";
}
.icon-awesome-gauge.before:before,
.icon-awesome-gauge.after:after {
    content: "\e959";
}
.icon-awesome-sitemap.before:before,
.icon-awesome-sitemap.after:after {
    content: "\e95a";
}
.icon-awesome-spinner.before:before,
.icon-awesome-spinner.after:after {
    content: "\e95b";
}
.icon-awesome-coffee.before:before,
.icon-awesome-coffee.after:after {
    content: "\e95c";
}
.icon-awesome-food.before:before,
.icon-awesome-food.after:after {
    content: "\e95d";
}
.icon-awesome-beer.before:before,
.icon-awesome-beer.after:after {
    content: "\e95e";
}
.icon-awesome-user-md.before:before,
.icon-awesome-user-md.after:after {
    content: "\e95f";
}
.icon-awesome-stethoscope.before:before,
.icon-awesome-stethoscope.after:after {
    content: "\e960";
}
.icon-awesome-heartbeat.before:before,
.icon-awesome-heartbeat.after:after {
    content: "\e961";
}
.icon-awesome-ambulance.before:before,
.icon-awesome-ambulance.after:after {
    content: "\e962";
}
.icon-awesome-medkit.before:before,
.icon-awesome-medkit.after:after {
    content: "\e963";
}
.icon-awesome-h-sigh.before:before,
.icon-awesome-h-sigh.after:after {
    content: "\e964";
}
.icon-awesome-bed.before:before,
.icon-awesome-bed.after:after {
    content: "\e965";
}
.icon-awesome-hospital.before:before,
.icon-awesome-hospital.after:after {
    content: "\e966";
}
.icon-awesome-building.before:before,
.icon-awesome-building.after:after {
    content: "\e967";
}
.icon-awesome-building-filled.before:before,
.icon-awesome-building-filled.after:after {
    content: "\e968";
}
.icon-awesome-bank.before:before,
.icon-awesome-bank.after:after {
    content: "\e969";
}
.icon-awesome-smile.before:before,
.icon-awesome-smile.after:after {
    content: "\e96a";
}
.icon-awesome-frown.before:before,
.icon-awesome-frown.after:after {
    content: "\e96b";
}
.icon-awesome-meh.before:before,
.icon-awesome-meh.after:after {
    content: "\e96c";
}
.icon-awesome-anchor.before:before,
.icon-awesome-anchor.after:after {
    content: "\e96d";
}
.icon-awesome-terminal.before:before,
.icon-awesome-terminal.after:after {
    content: "\e96e";
}
.icon-awesome-eraser.before:before,
.icon-awesome-eraser.after:after {
    content: "\e96f";
}
.icon-awesome-puzzle.before:before,
.icon-awesome-puzzle.after:after {
    content: "\e970";
}
.icon-awesome-shield.before:before,
.icon-awesome-shield.after:after {
    content: "\e971";
}
.icon-awesome-extinguisher.before:before,
.icon-awesome-extinguisher.after:after {
    content: "\e972";
}
.icon-awesome-bullseye.before:before,
.icon-awesome-bullseye.after:after {
    content: "\e973";
}
.icon-awesome-wheelchair.before:before,
.icon-awesome-wheelchair.after:after {
    content: "\e974";
}
.icon-awesome-language.before:before,
.icon-awesome-language.after:after {
    content: "\e975";
}
.icon-awesome-graduation-cap.before:before,
.icon-awesome-graduation-cap.after:after {
    content: "\e976";
}
.icon-awesome-paw.before:before,
.icon-awesome-paw.after:after {
    content: "\e977";
}
.icon-awesome-spoon.before:before,
.icon-awesome-spoon.after:after {
    content: "\e978";
}
.icon-awesome-cube.before:before,
.icon-awesome-cube.after:after {
    content: "\e979";
}
.icon-awesome-cubes.before:before,
.icon-awesome-cubes.after:after {
    content: "\e97a";
}
.icon-awesome-recycle.before:before,
.icon-awesome-recycle.after:after {
    content: "\e97b";
}
.icon-awesome-tree.before:before,
.icon-awesome-tree.after:after {
    content: "\e97c";
}
.icon-awesome-database.before:before,
.icon-awesome-database.after:after {
    content: "\e97d";
}
.icon-awesome-server.before:before,
.icon-awesome-server.after:after {
    content: "\e97e";
}
.icon-awesome-lifebuoy.before:before,
.icon-awesome-lifebuoy.after:after {
    content: "\e97f";
}
.icon-awesome-rebel.before:before,
.icon-awesome-rebel.after:after {
    content: "\e980";
}
.icon-awesome-empire.before:before,
.icon-awesome-empire.after:after {
    content: "\e981";
}
.icon-awesome-bomb.before:before,
.icon-awesome-bomb.after:after {
    content: "\e982";
}
.icon-awesome-soccer-ball.before:before,
.icon-awesome-soccer-ball.after:after {
    content: "\e983";
}
.icon-awesome-tty.before:before,
.icon-awesome-tty.after:after {
    content: "\e984";
}
.icon-awesome-binoculars.before:before,
.icon-awesome-binoculars.after:after {
    content: "\e985";
}
.icon-awesome-plug.before:before,
.icon-awesome-plug.after:after {
    content: "\e986";
}
.icon-awesome-newspaper.before:before,
.icon-awesome-newspaper.after:after {
    content: "\e987";
}
.icon-awesome-calc.before:before,
.icon-awesome-calc.after:after {
    content: "\e988";
}
.icon-awesome-copyright.before:before,
.icon-awesome-copyright.after:after {
    content: "\e989";
}
.icon-awesome-at.before:before,
.icon-awesome-at.after:after {
    content: "\e98a";
}
.icon-awesome-eyedropper.before:before,
.icon-awesome-eyedropper.after:after {
    content: "\e98b";
}
.icon-awesome-brush.before:before,
.icon-awesome-brush.after:after {
    content: "\e98c";
}
.icon-awesome-birthday.before:before,
.icon-awesome-birthday.after:after {
    content: "\e98d";
}
.icon-awesome-diamond.before:before,
.icon-awesome-diamond.after:after {
    content: "\e98e";
}
.icon-awesome-street-view.before:before,
.icon-awesome-street-view.after:after {
    content: "\e98f";
}
.icon-awesome-venus.before:before,
.icon-awesome-venus.after:after {
    content: "\e990";
}
.icon-awesome-mars.before:before,
.icon-awesome-mars.after:after {
    content: "\e991";
}
.icon-awesome-mercury.before:before,
.icon-awesome-mercury.after:after {
    content: "\e992";
}
.icon-awesome-transgender.before:before,
.icon-awesome-transgender.after:after {
    content: "\e993";
}
.icon-awesome-transgender-alt.before:before,
.icon-awesome-transgender-alt.after:after {
    content: "\e994";
}
.icon-awesome-venus-double.before:before,
.icon-awesome-venus-double.after:after {
    content: "\e995";
}
.icon-awesome-mars-double.before:before,
.icon-awesome-mars-double.after:after {
    content: "\e996";
}
.icon-awesome-venus-mars.before:before,
.icon-awesome-venus-mars.after:after {
    content: "\e997";
}
.icon-awesome-mars-stroke.before:before,
.icon-awesome-mars-stroke.after:after {
    content: "\e998";
}
.icon-awesome-mars-stroke-v.before:before,
.icon-awesome-mars-stroke-v.after:after {
    content: "\e999";
}
.icon-awesome-mars-stroke-h.before:before,
.icon-awesome-mars-stroke-h.after:after {
    content: "\e99a";
}
.icon-awesome-neuter.before:before,
.icon-awesome-neuter.after:after {
    content: "\e99b";
}
.icon-awesome-cc-visa.before:before,
.icon-awesome-cc-visa.after:after {
    content: "\e99c";
}
.icon-awesome-cc-mastercard.before:before,
.icon-awesome-cc-mastercard.after:after {
    content: "\e99d";
}
.icon-awesome-cc-discover.before:before,
.icon-awesome-cc-discover.after:after {
    content: "\e99e";
}
.icon-awesome-cc-amex.before:before,
.icon-awesome-cc-amex.after:after {
    content: "\e99f";
}
.icon-awesome-cc-paypal.before:before,
.icon-awesome-cc-paypal.after:after {
    content: "\e9a0";
}
.icon-awesome-cc-stripe.before:before,
.icon-awesome-cc-stripe.after:after {
    content: "\e9a1";
}
.icon-awesome-adn.before:before,
.icon-awesome-adn.after:after {
    content: "\e9a2";
}
.icon-awesome-android.before:before,
.icon-awesome-android.after:after {
    content: "\e9a3";
}
.icon-awesome-angellist.before:before,
.icon-awesome-angellist.after:after {
    content: "\e9a4";
}
.icon-awesome-apple.before:before,
.icon-awesome-apple.after:after {
    content: "\e9a5";
}
.icon-awesome-behance.before:before,
.icon-awesome-behance.after:after {
    content: "\e9a6";
}
.icon-awesome-behance-squared.before:before,
.icon-awesome-behance-squared.after:after {
    content: "\e9a7";
}
.icon-awesome-bitbucket.before:before,
.icon-awesome-bitbucket.after:after {
    content: "\e9a8";
}
.icon-awesome-bitbucket-squared.before:before,
.icon-awesome-bitbucket-squared.after:after {
    content: "\e9a9";
}
.icon-awesome-buysellads.before:before,
.icon-awesome-buysellads.after:after {
    content: "\e9aa";
}
.icon-awesome-cc.before:before,
.icon-awesome-cc.after:after {
    content: "\e9ab";
}
.icon-awesome-codeopen.before:before,
.icon-awesome-codeopen.after:after {
    content: "\e9ac";
}
.icon-awesome-connectdevelop.before:before,
.icon-awesome-connectdevelop.after:after {
    content: "\e9ad";
}
.icon-awesome-css3.before:before,
.icon-awesome-css3.after:after {
    content: "\e9ae";
}
.icon-awesome-dashcube.before:before,
.icon-awesome-dashcube.after:after {
    content: "\e9af";
}
.icon-awesome-delicious.before:before,
.icon-awesome-delicious.after:after {
    content: "\e9b0";
}
.icon-awesome-deviantart.before:before,
.icon-awesome-deviantart.after:after {
    content: "\e9b1";
}
.icon-awesome-digg.before:before,
.icon-awesome-digg.after:after {
    content: "\e9b2";
}
.icon-awesome-dribbble.before:before,
.icon-awesome-dribbble.after:after {
    content: "\e9b3";
}
.icon-awesome-dropbox.before:before,
.icon-awesome-dropbox.after:after {
    content: "\e9b4";
}
.icon-awesome-drupal.before:before,
.icon-awesome-drupal.after:after {
    content: "\e9b5";
}
.icon-awesome-facebook.before:before,
.icon-awesome-facebook.after:after {
    content: "\e9b6";
}
.icon-awesome-facebook-squared.before:before,
.icon-awesome-facebook-squared.after:after {
    content: "\e9b7";
}
.icon-awesome-facebook-official.before:before,
.icon-awesome-facebook-official.after:after {
    content: "\e9b8";
}
.icon-awesome-flickr.before:before,
.icon-awesome-flickr.after:after {
    content: "\e9b9";
}
.icon-awesome-forumbee.before:before,
.icon-awesome-forumbee.after:after {
    content: "\e9ba";
}
.icon-awesome-foursquare.before:before,
.icon-awesome-foursquare.after:after {
    content: "\e9bb";
}
.icon-awesome-git-squared.before:before,
.icon-awesome-git-squared.after:after {
    content: "\e9bc";
}
.icon-awesome-git.before:before,
.icon-awesome-git.after:after {
    content: "\e9bd";
}
.icon-awesome-github.before:before,
.icon-awesome-github.after:after {
    content: "\e9be";
}
.icon-awesome-github-squared.before:before,
.icon-awesome-github-squared.after:after {
    content: "\e9bf";
}
.icon-awesome-github-circled.before:before,
.icon-awesome-github-circled.after:after {
    content: "\e9c0";
}
.icon-awesome-gittip.before:before,
.icon-awesome-gittip.after:after {
    content: "\e9c1";
}
.icon-awesome-google.before:before,
.icon-awesome-google.after:after {
    content: "\e9c2";
}
.icon-awesome-gplus.before:before,
.icon-awesome-gplus.after:after {
    content: "\e9c3";
}
.icon-awesome-gplus-squared.before:before,
.icon-awesome-gplus-squared.after:after {
    content: "\e9c4";
}
.icon-awesome-gwallet.before:before,
.icon-awesome-gwallet.after:after {
    content: "\e9c5";
}
.icon-awesome-hacker-news.before:before,
.icon-awesome-hacker-news.after:after {
    content: "\e9c6";
}
.icon-awesome-html5.before:before,
.icon-awesome-html5.after:after {
    content: "\e9c7";
}
.icon-awesome-instagram.before:before,
.icon-awesome-instagram.after:after {
    content: "\e9c8";
}
.icon-awesome-ioxhost.before:before,
.icon-awesome-ioxhost.after:after {
    content: "\e9c9";
}
.icon-awesome-joomla.before:before,
.icon-awesome-joomla.after:after {
    content: "\e9ca";
}
.icon-awesome-jsfiddle.before:before,
.icon-awesome-jsfiddle.after:after {
    content: "\e9cb";
}
.icon-awesome-lastfm.before:before,
.icon-awesome-lastfm.after:after {
    content: "\e9cc";
}
.icon-awesome-lastfm-squared.before:before,
.icon-awesome-lastfm-squared.after:after {
    content: "\e9cd";
}
.icon-awesome-leanpub.before:before,
.icon-awesome-leanpub.after:after {
    content: "\e9ce";
}
.icon-awesome-linkedin-squared.before:before,
.icon-awesome-linkedin-squared.after:after {
    content: "\e9cf";
}
.icon-awesome-linux.before:before,
.icon-awesome-linux.after:after {
    content: "\e9d0";
}
.icon-awesome-linkedin.before:before,
.icon-awesome-linkedin.after:after {
    content: "\e9d1";
}
.icon-awesome-maxcdn.before:before,
.icon-awesome-maxcdn.after:after {
    content: "\e9d2";
}
.icon-awesome-meanpath.before:before,
.icon-awesome-meanpath.after:after {
    content: "\e9d3";
}
.icon-awesome-openid.before:before,
.icon-awesome-openid.after:after {
    content: "\e9d4";
}
.icon-awesome-pagelines.before:before,
.icon-awesome-pagelines.after:after {
    content: "\e9d5";
}
.icon-awesome-paypal.before:before,
.icon-awesome-paypal.after:after {
    content: "\e9d6";
}
.icon-awesome-pied-piper-squared.before:before,
.icon-awesome-pied-piper-squared.after:after {
    content: "\e9d7";
}
.icon-awesome-pied-piper-alt.before:before,
.icon-awesome-pied-piper-alt.after:after {
    content: "\e9d8";
}
.icon-awesome-pinterest.before:before,
.icon-awesome-pinterest.after:after {
    content: "\e9d9";
}
.icon-awesome-pinterest-circled.before:before,
.icon-awesome-pinterest-circled.after:after {
    content: "\e9da";
}
.icon-awesome-pinterest-squared.before:before,
.icon-awesome-pinterest-squared.after:after {
    content: "\e9db";
}
.icon-awesome-qq.before:before,
.icon-awesome-qq.after:after {
    content: "\e9dc";
}
.icon-awesome-reddit.before:before,
.icon-awesome-reddit.after:after {
    content: "\e9dd";
}
.icon-awesome-reddit-squared.before:before,
.icon-awesome-reddit-squared.after:after {
    content: "\e9de";
}
.icon-awesome-renren.before:before,
.icon-awesome-renren.after:after {
    content: "\e9df";
}
.icon-awesome-sellsy.before:before,
.icon-awesome-sellsy.after:after {
    content: "\e9e0";
}
.icon-awesome-shirtsinbulk.before:before,
.icon-awesome-shirtsinbulk.after:after {
    content: "\e9e1";
}
.icon-awesome-simplybuilt.before:before,
.icon-awesome-simplybuilt.after:after {
    content: "\e9e2";
}
.icon-awesome-skyatlas.before:before,
.icon-awesome-skyatlas.after:after {
    content: "\e9e3";
}
.icon-awesome-skype.before:before,
.icon-awesome-skype.after:after {
    content: "\e9e4";
}
.icon-awesome-slack.before:before,
.icon-awesome-slack.after:after {
    content: "\e9e5";
}
.icon-awesome-slideshare.before:before,
.icon-awesome-slideshare.after:after {
    content: "\e9e6";
}
.icon-awesome-soundcloud.before:before,
.icon-awesome-soundcloud.after:after {
    content: "\e9e7";
}
.icon-awesome-spotify.before:before,
.icon-awesome-spotify.after:after {
    content: "\e9e8";
}
.icon-awesome-stackexchange.before:before,
.icon-awesome-stackexchange.after:after {
    content: "\e9e9";
}
.icon-awesome-stackoverflow.before:before,
.icon-awesome-stackoverflow.after:after {
    content: "\e9ea";
}
.icon-awesome-steam.before:before,
.icon-awesome-steam.after:after {
    content: "\e9eb";
}
.icon-awesome-steam-squared.before:before,
.icon-awesome-steam-squared.after:after {
    content: "\e9ec";
}
.icon-awesome-stumbleupon.before:before,
.icon-awesome-stumbleupon.after:after {
    content: "\e9ed";
}
.icon-awesome-stumbleupon-circled.before:before,
.icon-awesome-stumbleupon-circled.after:after {
    content: "\e9ee";
}
.icon-awesome-tencent-weibo.before:before,
.icon-awesome-tencent-weibo.after:after {
    content: "\e9ef";
}
.icon-awesome-trello.before:before,
.icon-awesome-trello.after:after {
    content: "\e9f0";
}
.icon-awesome-tumblr.before:before,
.icon-awesome-tumblr.after:after {
    content: "\e9f1";
}
.icon-awesome-tumblr-squared.before:before,
.icon-awesome-tumblr-squared.after:after {
    content: "\e9f2";
}
.icon-awesome-twitch.before:before,
.icon-awesome-twitch.after:after {
    content: "\e9f3";
}
.icon-awesome-twitter-squared.before:before,
.icon-awesome-twitter-squared.after:after {
    content: "\e9f4";
}
.icon-awesome-twitter.before:before,
.icon-awesome-twitter.after:after {
    content: "\e9f5";
}
.icon-awesome-vimeo-squared.before:before,
.icon-awesome-vimeo-squared.after:after {
    content: "\e9f6";
}
.icon-awesome-vine.before:before,
.icon-awesome-vine.after:after {
    content: "\e9f7";
}
.icon-awesome-vkontakte.before:before,
.icon-awesome-vkontakte.after:after {
    content: "\e9f8";
}
.icon-awesome-whatsapp.before:before,
.icon-awesome-whatsapp.after:after {
    content: "\e9f9";
}
.icon-awesome-wechat.before:before,
.icon-awesome-wechat.after:after {
    content: "\e9fa";
}
.icon-awesome-weibo.before:before,
.icon-awesome-weibo.after:after {
    content: "\e9fb";
}
.icon-awesome-windows.before:before,
.icon-awesome-windows.after:after {
    content: "\e9fc";
}
.icon-awesome-wordpress.before:before,
.icon-awesome-wordpress.after:after {
    content: "\e9fd";
}
.icon-awesome-xing.before:before,
.icon-awesome-xing.after:after {
    content: "\e9fe";
}
.icon-awesome-xing-squared.before:before,
.icon-awesome-xing-squared.after:after {
    content: "\e9ff";
}
.icon-awesome-yelp.before:before,
.icon-awesome-yelp.after:after {
    content: "\ea00";
}
.icon-awesome-youtube.before:before,
.icon-awesome-youtube.after:after {
    content: "\ea01";
}
.icon-awesome-yahoo.before:before,
.icon-awesome-yahoo.after:after {
    content: "\ea02";
}
.icon-awesome-youtube-squared.before:before,
.icon-awesome-youtube-squared.after:after {
    content: "\ea03";
}
.icon-awesome-youtube-play.before:before,
.icon-awesome-youtube-play.after:after {
    content: "\ea04";
}
.icon-awesome-blank.before:before,
.icon-awesome-blank.after:after {
    content: "\ea05";
}
.icon-awesome-lemon.before:before,
.icon-awesome-lemon.after:after {
    content: "\ea06";
}
.icon-x-twitter.before:before,
.icon-x-twitter.after:after {
    content: "\e61b";
    font-family: "Font Awesome 6 Brands", sans-serif;
}

/*!
 * Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("/communities/common/themes/mett%20responsive/includes/fonts/fa-regular-400.woff2") format("woff2"),
        url("/communities/common/themes/mett%20responsive/includes/fonts/fa-regular-400.ttf") format("truetype");
}

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("/communities/common/themes/mett%20responsive/includes/fonts/fa-solid-900.woff2") format("woff2"),
        url("/communities/common/themes/mett%20responsive/includes/fonts/fa-solid-900.ttf") format("truetype");
}

@font-face {
    font-family: "Font Awesome 6 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("/communities/common/themes/mett%20responsive/includes/fonts/fa-brands-400.woff2") format("woff2"),
        url("/communities/common/themes/mett%20responsive/includes/fonts/fa-brands-400.ttf") format("truetype");
}

.fa-regular,
.far,
.fa-brands,
.fab {
    font-weight: 400;
}

.fa-solid,
.fas {
    font-weight: 900;
}

.fa-monero:before {
    content: "\f3d0";
}
.fa-hooli:before {
    content: "\f427";
}
.fa-yelp:before {
    content: "\f1e9";
}
.fa-cc-visa:before {
    content: "\f1f0";
}
.fa-lastfm:before {
    content: "\f202";
}
.fa-shopware:before {
    content: "\f5b5";
}
.fa-creative-commons-nc:before {
    content: "\f4e8";
}
.fa-aws:before {
    content: "\f375";
}
.fa-redhat:before {
    content: "\f7bc";
}
.fa-yoast:before {
    content: "\f2b1";
}
.fa-cloudflare:before {
    content: "\e07d";
}
.fa-ups:before {
    content: "\f7e0";
}
.fa-pixiv:before {
    content: "\e640";
}
.fa-wpexplorer:before {
    content: "\f2de";
}
.fa-dyalog:before {
    content: "\f399";
}
.fa-bity:before {
    content: "\f37a";
}
.fa-stackpath:before {
    content: "\f842";
}
.fa-buysellads:before {
    content: "\f20d";
}
.fa-first-order:before {
    content: "\f2b0";
}
.fa-modx:before {
    content: "\f285";
}
.fa-guilded:before {
    content: "\e07e";
}
.fa-vnv:before {
    content: "\f40b";
}
.fa-js-square:before,
.fa-square-js:before {
    content: "\f3b9";
}
.fa-microsoft:before {
    content: "\f3ca";
}
.fa-qq:before {
    content: "\f1d6";
}
.fa-orcid:before {
    content: "\f8d2";
}
.fa-java:before {
    content: "\f4e4";
}
.fa-invision:before {
    content: "\f7b0";
}
.fa-creative-commons-pd-alt:before {
    content: "\f4ed";
}
.fa-centercode:before {
    content: "\f380";
}
.fa-glide-g:before {
    content: "\f2a6";
}
.fa-drupal:before {
    content: "\f1a9";
}
.fa-jxl:before {
    content: "\e67b";
}
.fa-hire-a-helper:before {
    content: "\f3b0";
}
.fa-creative-commons-by:before {
    content: "\f4e7";
}
.fa-unity:before {
    content: "\e049";
}
.fa-whmcs:before {
    content: "\f40d";
}
.fa-rocketchat:before {
    content: "\f3e8";
}
.fa-vk:before {
    content: "\f189";
}
.fa-untappd:before {
    content: "\f405";
}
.fa-mailchimp:before {
    content: "\f59e";
}
.fa-css3-alt:before {
    content: "\f38b";
}
.fa-reddit-square:before,
.fa-square-reddit:before {
    content: "\f1a2";
}
.fa-vimeo-v:before {
    content: "\f27d";
}
.fa-contao:before {
    content: "\f26d";
}
.fa-square-font-awesome:before {
    content: "\e5ad";
}
.fa-deskpro:before {
    content: "\f38f";
}
.fa-brave:before {
    content: "\e63c";
}
.fa-sistrix:before {
    content: "\f3ee";
}
.fa-instagram-square:before,
.fa-square-instagram:before {
    content: "\e055";
}
.fa-battle-net:before {
    content: "\f835";
}
.fa-the-red-yeti:before {
    content: "\f69d";
}
.fa-hacker-news-square:before,
.fa-square-hacker-news:before {
    content: "\f3af";
}
.fa-edge:before {
    content: "\f282";
}
.fa-threads:before {
    content: "\e618";
}
.fa-napster:before {
    content: "\f3d2";
}
.fa-snapchat-square:before,
.fa-square-snapchat:before {
    content: "\f2ad";
}
.fa-google-plus-g:before {
    content: "\f0d5";
}
.fa-artstation:before {
    content: "\f77a";
}
.fa-markdown:before {
    content: "\f60f";
}
.fa-sourcetree:before {
    content: "\f7d3";
}
.fa-google-plus:before {
    content: "\f2b3";
}
.fa-diaspora:before {
    content: "\f791";
}
.fa-foursquare:before {
    content: "\f180";
}
.fa-stack-overflow:before {
    content: "\f16c";
}
.fa-github-alt:before {
    content: "\f113";
}
.fa-phoenix-squadron:before {
    content: "\f511";
}
.fa-pagelines:before {
    content: "\f18c";
}
.fa-algolia:before {
    content: "\f36c";
}
.fa-red-river:before {
    content: "\f3e3";
}
.fa-creative-commons-sa:before {
    content: "\f4ef";
}
.fa-safari:before {
    content: "\f267";
}
.fa-google:before {
    content: "\f1a0";
}
.fa-font-awesome-alt:before,
.fa-square-font-awesome-stroke:before {
    content: "\f35c";
}
.fa-atlassian:before {
    content: "\f77b";
}
.fa-linkedin-in:before {
    content: "\f0e1";
}
.fa-digital-ocean:before {
    content: "\f391";
}
.fa-nimblr:before {
    content: "\f5a8";
}
.fa-chromecast:before {
    content: "\f838";
}
.fa-evernote:before {
    content: "\f839";
}
.fa-hacker-news:before {
    content: "\f1d4";
}
.fa-creative-commons-sampling:before {
    content: "\f4f0";
}
.fa-adversal:before {
    content: "\f36a";
}
.fa-creative-commons:before {
    content: "\f25e";
}
.fa-watchman-monitoring:before {
    content: "\e087";
}
.fa-fonticons:before {
    content: "\f280";
}
.fa-weixin:before {
    content: "\f1d7";
}
.fa-shirtsinbulk:before {
    content: "\f214";
}
.fa-codepen:before {
    content: "\f1cb";
}
.fa-git-alt:before {
    content: "\f841";
}
.fa-lyft:before {
    content: "\f3c3";
}
.fa-rev:before {
    content: "\f5b2";
}
.fa-windows:before {
    content: "\f17a";
}
.fa-wizards-of-the-coast:before {
    content: "\f730";
}
.fa-square-viadeo:before,
.fa-viadeo-square:before {
    content: "\f2aa";
}
.fa-meetup:before {
    content: "\f2e0";
}
.fa-centos:before {
    content: "\f789";
}
.fa-adn:before {
    content: "\f170";
}
.fa-cloudsmith:before {
    content: "\f384";
}
.fa-opensuse:before {
    content: "\e62b";
}
.fa-pied-piper-alt:before {
    content: "\f1a8";
}
.fa-dribbble-square:before,
.fa-square-dribbble:before {
    content: "\f397";
}
.fa-codiepie:before {
    content: "\f284";
}
.fa-node:before {
    content: "\f419";
}
.fa-mix:before {
    content: "\f3cb";
}
.fa-steam:before {
    content: "\f1b6";
}
.fa-cc-apple-pay:before {
    content: "\f416";
}
.fa-scribd:before {
    content: "\f28a";
}
.fa-debian:before {
    content: "\e60b";
}
.fa-openid:before {
    content: "\f19b";
}
.fa-instalod:before {
    content: "\e081";
}
.fa-expeditedssl:before {
    content: "\f23e";
}
.fa-sellcast:before {
    content: "\f2da";
}
.fa-square-twitter:before,
.fa-twitter-square:before {
    content: "\f081";
}
.fa-r-project:before {
    content: "\f4f7";
}
.fa-delicious:before {
    content: "\f1a5";
}
.fa-freebsd:before {
    content: "\f3a4";
}
.fa-vuejs:before {
    content: "\f41f";
}
.fa-accusoft:before {
    content: "\f369";
}
.fa-ioxhost:before {
    content: "\f208";
}
.fa-fonticons-fi:before {
    content: "\f3a2";
}
.fa-app-store:before {
    content: "\f36f";
}
.fa-cc-mastercard:before {
    content: "\f1f1";
}
.fa-itunes-note:before {
    content: "\f3b5";
}
.fa-golang:before {
    content: "\e40f";
}
.fa-kickstarter:before,
.fa-square-kickstarter:before {
    content: "\f3bb";
}
.fa-grav:before {
    content: "\f2d6";
}
.fa-weibo:before {
    content: "\f18a";
}
.fa-uncharted:before {
    content: "\e084";
}
.fa-firstdraft:before {
    content: "\f3a1";
}
.fa-square-youtube:before,
.fa-youtube-square:before {
    content: "\f431";
}
.fa-wikipedia-w:before {
    content: "\f266";
}
.fa-rendact:before,
.fa-wpressr:before {
    content: "\f3e4";
}
.fa-angellist:before {
    content: "\f209";
}
.fa-galactic-republic:before {
    content: "\f50c";
}
.fa-nfc-directional:before {
    content: "\e530";
}
.fa-skype:before {
    content: "\f17e";
}
.fa-joget:before {
    content: "\f3b7";
}
.fa-fedora:before {
    content: "\f798";
}
.fa-stripe-s:before {
    content: "\f42a";
}
.fa-meta:before {
    content: "\e49b";
}
.fa-laravel:before {
    content: "\f3bd";
}
.fa-hotjar:before {
    content: "\f3b1";
}
.fa-bluetooth-b:before {
    content: "\f294";
}
.fa-square-letterboxd:before {
    content: "\e62e";
}
.fa-sticker-mule:before {
    content: "\f3f7";
}
.fa-creative-commons-zero:before {
    content: "\f4f3";
}
.fa-hips:before {
    content: "\f452";
}
.fa-behance:before {
    content: "\f1b4";
}
.fa-reddit:before {
    content: "\f1a1";
}
.fa-discord:before {
    content: "\f392";
}
.fa-chrome:before {
    content: "\f268";
}
.fa-app-store-ios:before {
    content: "\f370";
}
.fa-cc-discover:before {
    content: "\f1f2";
}
.fa-wpbeginner:before {
    content: "\f297";
}
.fa-confluence:before {
    content: "\f78d";
}
.fa-shoelace:before {
    content: "\e60c";
}
.fa-mdb:before {
    content: "\f8ca";
}
.fa-dochub:before {
    content: "\f394";
}
.fa-accessible-icon:before {
    content: "\f368";
}
.fa-ebay:before {
    content: "\f4f4";
}
.fa-amazon:before {
    content: "\f270";
}
.fa-unsplash:before {
    content: "\e07c";
}
.fa-yarn:before {
    content: "\f7e3";
}
.fa-square-steam:before,
.fa-steam-square:before {
    content: "\f1b7";
}
.fa-500px:before {
    content: "\f26e";
}
.fa-square-vimeo:before,
.fa-vimeo-square:before {
    content: "\f194";
}
.fa-asymmetrik:before {
    content: "\f372";
}
.fa-font-awesome-flag:before,
.fa-font-awesome-logo-full:before,
.fa-font-awesome:before {
    content: "\f2b4";
}
.fa-gratipay:before {
    content: "\f184";
}
.fa-apple:before {
    content: "\f179";
}
.fa-hive:before {
    content: "\e07f";
}
.fa-gitkraken:before {
    content: "\f3a6";
}
.fa-keybase:before {
    content: "\f4f5";
}
.fa-apple-pay:before {
    content: "\f415";
}
.fa-padlet:before {
    content: "\e4a0";
}
.fa-amazon-pay:before {
    content: "\f42c";
}
.fa-github-square:before,
.fa-square-github:before {
    content: "\f092";
}
.fa-stumbleupon:before {
    content: "\f1a4";
}
.fa-fedex:before {
    content: "\f797";
}
.fa-phoenix-framework:before {
    content: "\f3dc";
}
.fa-shopify:before {
    content: "\e057";
}
.fa-neos:before {
    content: "\f612";
}
.fa-square-threads:before {
    content: "\e619";
}
.fa-hackerrank:before {
    content: "\f5f7";
}
.fa-researchgate:before {
    content: "\f4f8";
}
.fa-swift:before {
    content: "\f8e1";
}
.fa-angular:before {
    content: "\f420";
}
.fa-speakap:before {
    content: "\f3f3";
}
.fa-angrycreative:before {
    content: "\f36e";
}
.fa-y-combinator:before {
    content: "\f23b";
}
.fa-empire:before {
    content: "\f1d1";
}
.fa-envira:before {
    content: "\f299";
}
.fa-google-scholar:before {
    content: "\e63b";
}
.fa-gitlab-square:before,
.fa-square-gitlab:before {
    content: "\e5ae";
}
.fa-studiovinari:before {
    content: "\f3f8";
}
.fa-pied-piper:before {
    content: "\f2ae";
}
.fa-wordpress:before {
    content: "\f19a";
}
.fa-product-hunt:before {
    content: "\f288";
}
.fa-firefox:before {
    content: "\f269";
}
.fa-linode:before {
    content: "\f2b8";
}
.fa-goodreads:before {
    content: "\f3a8";
}
.fa-odnoklassniki-square:before,
.fa-square-odnoklassniki:before {
    content: "\f264";
}
.fa-jsfiddle:before {
    content: "\f1cc";
}
.fa-sith:before {
    content: "\f512";
}
.fa-themeisle:before {
    content: "\f2b2";
}
.fa-page4:before {
    content: "\f3d7";
}
.fa-hashnode:before {
    content: "\e499";
}
.fa-react:before {
    content: "\f41b";
}
.fa-cc-paypal:before {
    content: "\f1f4";
}
.fa-squarespace:before {
    content: "\f5be";
}
.fa-cc-stripe:before {
    content: "\f1f5";
}
.fa-creative-commons-share:before {
    content: "\f4f2";
}
.fa-bitcoin:before {
    content: "\f379";
}
.fa-keycdn:before {
    content: "\f3ba";
}
.fa-opera:before {
    content: "\f26a";
}
.fa-itch-io:before {
    content: "\f83a";
}
.fa-umbraco:before {
    content: "\f8e8";
}
.fa-galactic-senate:before {
    content: "\f50d";
}
.fa-ubuntu:before {
    content: "\f7df";
}
.fa-draft2digital:before {
    content: "\f396";
}
.fa-stripe:before {
    content: "\f429";
}
.fa-houzz:before {
    content: "\f27c";
}
.fa-gg:before {
    content: "\f260";
}
.fa-dhl:before {
    content: "\f790";
}
.fa-pinterest-square:before,
.fa-square-pinterest:before {
    content: "\f0d3";
}
.fa-xing:before {
    content: "\f168";
}
.fa-blackberry:before {
    content: "\f37b";
}
.fa-creative-commons-pd:before {
    content: "\f4ec";
}
.fa-playstation:before {
    content: "\f3df";
}
.fa-quinscape:before {
    content: "\f459";
}
.fa-less:before {
    content: "\f41d";
}
.fa-blogger-b:before {
    content: "\f37d";
}
.fa-opencart:before {
    content: "\f23d";
}
.fa-vine:before {
    content: "\f1ca";
}
.fa-signal-messenger:before {
    content: "\e663";
}
.fa-paypal:before {
    content: "\f1ed";
}
.fa-gitlab:before {
    content: "\f296";
}
.fa-typo3:before {
    content: "\f42b";
}
.fa-reddit-alien:before {
    content: "\f281";
}
.fa-yahoo:before {
    content: "\f19e";
}
.fa-dailymotion:before {
    content: "\e052";
}
.fa-affiliatetheme:before {
    content: "\f36b";
}
.fa-pied-piper-pp:before {
    content: "\f1a7";
}
.fa-bootstrap:before {
    content: "\f836";
}
.fa-odnoklassniki:before {
    content: "\f263";
}
.fa-nfc-symbol:before {
    content: "\e531";
}
.fa-mintbit:before {
    content: "\e62f";
}
.fa-ethereum:before {
    content: "\f42e";
}
.fa-speaker-deck:before {
    content: "\f83c";
}
.fa-creative-commons-nc-eu:before {
    content: "\f4e9";
}
.fa-patreon:before {
    content: "\f3d9";
}
.fa-avianex:before {
    content: "\f374";
}
.fa-ello:before {
    content: "\f5f1";
}
.fa-gofore:before {
    content: "\f3a7";
}
.fa-bimobject:before {
    content: "\f378";
}
.fa-brave-reverse:before {
    content: "\e63d";
}
.fa-facebook-f:before {
    content: "\f39e";
}
.fa-google-plus-square:before,
.fa-square-google-plus:before {
    content: "\f0d4";
}
.fa-web-awesome:before {
    content: "\e682";
}
.fa-mandalorian:before {
    content: "\f50f";
}
.fa-first-order-alt:before {
    content: "\f50a";
}
.fa-osi:before {
    content: "\f41a";
}
.fa-google-wallet:before {
    content: "\f1ee";
}
.fa-d-and-d-beyond:before {
    content: "\f6ca";
}
.fa-periscope:before {
    content: "\f3da";
}
.fa-fulcrum:before {
    content: "\f50b";
}
.fa-cloudscale:before {
    content: "\f383";
}
.fa-forumbee:before {
    content: "\f211";
}
.fa-mizuni:before {
    content: "\f3cc";
}
.fa-schlix:before {
    content: "\f3ea";
}
.fa-square-xing:before,
.fa-xing-square:before {
    content: "\f169";
}
.fa-bandcamp:before {
    content: "\f2d5";
}
.fa-wpforms:before {
    content: "\f298";
}
.fa-cloudversify:before {
    content: "\f385";
}
.fa-usps:before {
    content: "\f7e1";
}
.fa-megaport:before {
    content: "\f5a3";
}
.fa-magento:before {
    content: "\f3c4";
}
.fa-spotify:before {
    content: "\f1bc";
}
.fa-optin-monster:before {
    content: "\f23c";
}
.fa-fly:before {
    content: "\f417";
}
.fa-aviato:before {
    content: "\f421";
}
.fa-itunes:before {
    content: "\f3b4";
}
.fa-cuttlefish:before {
    content: "\f38c";
}
.fa-blogger:before {
    content: "\f37c";
}
.fa-flickr:before {
    content: "\f16e";
}
.fa-viber:before {
    content: "\f409";
}
.fa-soundcloud:before {
    content: "\f1be";
}
.fa-digg:before {
    content: "\f1a6";
}
.fa-tencent-weibo:before {
    content: "\f1d5";
}
.fa-letterboxd:before {
    content: "\e62d";
}
.fa-symfony:before {
    content: "\f83d";
}
.fa-maxcdn:before {
    content: "\f136";
}
.fa-etsy:before {
    content: "\f2d7";
}
.fa-facebook-messenger:before {
    content: "\f39f";
}
.fa-audible:before {
    content: "\f373";
}
.fa-think-peaks:before {
    content: "\f731";
}
.fa-bilibili:before {
    content: "\e3d9";
}
.fa-erlang:before {
    content: "\f39d";
}
.fa-x-twitter:before {
    content: "\e61b";
}
.fa-cotton-bureau:before {
    content: "\f89e";
}
.fa-dashcube:before {
    content: "\f210";
}
.fa-42-group:before,
.fa-innosoft:before {
    content: "\e080";
}
.fa-stack-exchange:before {
    content: "\f18d";
}
.fa-elementor:before {
    content: "\f430";
}
.fa-pied-piper-square:before,
.fa-square-pied-piper:before {
    content: "\e01e";
}
.fa-creative-commons-nd:before {
    content: "\f4eb";
}
.fa-palfed:before {
    content: "\f3d8";
}
.fa-superpowers:before {
    content: "\f2dd";
}
.fa-resolving:before {
    content: "\f3e7";
}
.fa-xbox:before {
    content: "\f412";
}
.fa-square-web-awesome-stroke:before {
    content: "\e684";
}
.fa-searchengin:before {
    content: "\f3eb";
}
.fa-tiktok:before {
    content: "\e07b";
}
.fa-facebook-square:before,
.fa-square-facebook:before {
    content: "\f082";
}
.fa-renren:before {
    content: "\f18b";
}
.fa-linux:before {
    content: "\f17c";
}
.fa-glide:before {
    content: "\f2a5";
}
.fa-linkedin:before {
    content: "\f08c";
}
.fa-hubspot:before {
    content: "\f3b2";
}
.fa-deploydog:before {
    content: "\f38e";
}
.fa-twitch:before {
    content: "\f1e8";
}
.fa-ravelry:before {
    content: "\f2d9";
}
.fa-mixer:before {
    content: "\e056";
}
.fa-lastfm-square:before,
.fa-square-lastfm:before {
    content: "\f203";
}
.fa-vimeo:before {
    content: "\f40a";
}
.fa-mendeley:before {
    content: "\f7b3";
}
.fa-uniregistry:before {
    content: "\f404";
}
.fa-figma:before {
    content: "\f799";
}
.fa-creative-commons-remix:before {
    content: "\f4ee";
}
.fa-cc-amazon-pay:before {
    content: "\f42d";
}
.fa-dropbox:before {
    content: "\f16b";
}
.fa-instagram:before {
    content: "\f16d";
}
.fa-cmplid:before {
    content: "\e360";
}
.fa-upwork:before {
    content: "\e641";
}
.fa-facebook:before {
    content: "\f09a";
}
.fa-gripfire:before {
    content: "\f3ac";
}
.fa-jedi-order:before {
    content: "\f50e";
}
.fa-uikit:before {
    content: "\f403";
}
.fa-fort-awesome-alt:before {
    content: "\f3a3";
}
.fa-phabricator:before {
    content: "\f3db";
}
.fa-ussunnah:before {
    content: "\f407";
}
.fa-earlybirds:before {
    content: "\f39a";
}
.fa-trade-federation:before {
    content: "\f513";
}
.fa-autoprefixer:before {
    content: "\f41c";
}
.fa-whatsapp:before {
    content: "\f232";
}
.fa-square-upwork:before {
    content: "\e67c";
}
.fa-slideshare:before {
    content: "\f1e7";
}
.fa-google-play:before {
    content: "\f3ab";
}
.fa-viadeo:before {
    content: "\f2a9";
}
.fa-line:before {
    content: "\f3c0";
}
.fa-google-drive:before {
    content: "\f3aa";
}
.fa-servicestack:before {
    content: "\f3ec";
}
.fa-simplybuilt:before {
    content: "\f215";
}
.fa-bitbucket:before {
    content: "\f171";
}
.fa-imdb:before {
    content: "\f2d8";
}
.fa-deezer:before {
    content: "\e077";
}
.fa-raspberry-pi:before {
    content: "\f7bb";
}
.fa-jira:before {
    content: "\f7b1";
}
.fa-docker:before {
    content: "\f395";
}
.fa-screenpal:before {
    content: "\e570";
}
.fa-bluetooth:before {
    content: "\f293";
}
.fa-gitter:before {
    content: "\f426";
}
.fa-d-and-d:before {
    content: "\f38d";
}
.fa-microblog:before {
    content: "\e01a";
}
.fa-cc-diners-club:before {
    content: "\f24c";
}
.fa-gg-circle:before {
    content: "\f261";
}
.fa-pied-piper-hat:before {
    content: "\f4e5";
}
.fa-kickstarter-k:before {
    content: "\f3bc";
}
.fa-yandex:before {
    content: "\f413";
}
.fa-readme:before {
    content: "\f4d5";
}
.fa-html5:before {
    content: "\f13b";
}
.fa-sellsy:before {
    content: "\f213";
}
.fa-square-web-awesome:before {
    content: "\e683";
}
.fa-sass:before {
    content: "\f41e";
}
.fa-wirsindhandwerk:before,
.fa-wsh:before {
    content: "\e2d0";
}
.fa-buromobelexperte:before {
    content: "\f37f";
}
.fa-salesforce:before {
    content: "\f83b";
}
.fa-octopus-deploy:before {
    content: "\e082";
}
.fa-medapps:before {
    content: "\f3c6";
}
.fa-ns8:before {
    content: "\f3d5";
}
.fa-pinterest-p:before {
    content: "\f231";
}
.fa-apper:before {
    content: "\f371";
}
.fa-fort-awesome:before {
    content: "\f286";
}
.fa-waze:before {
    content: "\f83f";
}
.fa-bluesky:before {
    content: "\e671";
}
.fa-cc-jcb:before {
    content: "\f24b";
}
.fa-snapchat-ghost:before,
.fa-snapchat:before {
    content: "\f2ab";
}
.fa-fantasy-flight-games:before {
    content: "\f6dc";
}
.fa-rust:before {
    content: "\e07a";
}
.fa-wix:before {
    content: "\f5cf";
}
.fa-behance-square:before,
.fa-square-behance:before {
    content: "\f1b5";
}
.fa-supple:before {
    content: "\f3f9";
}
.fa-webflow:before {
    content: "\e65c";
}
.fa-rebel:before {
    content: "\f1d0";
}
.fa-css3:before {
    content: "\f13c";
}
.fa-staylinked:before {
    content: "\f3f5";
}
.fa-kaggle:before {
    content: "\f5fa";
}
.fa-space-awesome:before {
    content: "\e5ac";
}
.fa-deviantart:before {
    content: "\f1bd";
}
.fa-cpanel:before {
    content: "\f388";
}
.fa-goodreads-g:before {
    content: "\f3a9";
}
.fa-git-square:before,
.fa-square-git:before {
    content: "\f1d2";
}
.fa-square-tumblr:before,
.fa-tumblr-square:before {
    content: "\f174";
}
.fa-trello:before {
    content: "\f181";
}
.fa-creative-commons-nc-jp:before {
    content: "\f4ea";
}
.fa-get-pocket:before {
    content: "\f265";
}
.fa-perbyte:before {
    content: "\e083";
}
.fa-grunt:before {
    content: "\f3ad";
}
.fa-weebly:before {
    content: "\f5cc";
}
.fa-connectdevelop:before {
    content: "\f20e";
}
.fa-leanpub:before {
    content: "\f212";
}
.fa-black-tie:before {
    content: "\f27e";
}
.fa-themeco:before {
    content: "\f5c6";
}
.fa-python:before {
    content: "\f3e2";
}
.fa-android:before {
    content: "\f17b";
}
.fa-bots:before {
    content: "\e340";
}
.fa-free-code-camp:before {
    content: "\f2c5";
}
.fa-hornbill:before {
    content: "\f592";
}
.fa-js:before {
    content: "\f3b8";
}
.fa-ideal:before {
    content: "\e013";
}
.fa-git:before {
    content: "\f1d3";
}
.fa-dev:before {
    content: "\f6cc";
}
.fa-sketch:before {
    content: "\f7c6";
}
.fa-yandex-international:before {
    content: "\f414";
}
.fa-cc-amex:before {
    content: "\f1f3";
}
.fa-uber:before {
    content: "\f402";
}
.fa-github:before {
    content: "\f09b";
}
.fa-php:before {
    content: "\f457";
}
.fa-alipay:before {
    content: "\f642";
}
.fa-youtube:before {
    content: "\f167";
}
.fa-skyatlas:before {
    content: "\f216";
}
.fa-firefox-browser:before {
    content: "\e007";
}
.fa-replyd:before {
    content: "\f3e6";
}
.fa-suse:before {
    content: "\f7d6";
}
.fa-jenkins:before {
    content: "\f3b6";
}
.fa-twitter:before {
    content: "\f099";
}
.fa-rockrms:before {
    content: "\f3e9";
}
.fa-pinterest:before {
    content: "\f0d2";
}
.fa-buffer:before {
    content: "\f837";
}
.fa-npm:before {
    content: "\f3d4";
}
.fa-yammer:before {
    content: "\f840";
}
.fa-btc:before {
    content: "\f15a";
}
.fa-dribbble:before {
    content: "\f17d";
}
.fa-stumbleupon-circle:before {
    content: "\f1a3";
}
.fa-internet-explorer:before {
    content: "\f26b";
}
.fa-stubber:before {
    content: "\e5c7";
}
.fa-telegram-plane:before,
.fa-telegram:before {
    content: "\f2c6";
}
.fa-old-republic:before {
    content: "\f510";
}
.fa-odysee:before {
    content: "\e5c6";
}
.fa-square-whatsapp:before,
.fa-whatsapp-square:before {
    content: "\f40c";
}
.fa-node-js:before {
    content: "\f3d3";
}
.fa-edge-legacy:before {
    content: "\e078";
}
.fa-slack-hash:before,
.fa-slack:before {
    content: "\f198";
}
.fa-medrt:before {
    content: "\f3c8";
}
.fa-usb:before {
    content: "\f287";
}
.fa-tumblr:before {
    content: "\f173";
}
.fa-vaadin:before {
    content: "\f408";
}
.fa-quora:before {
    content: "\f2c4";
}
.fa-square-x-twitter:before {
    content: "\e61a";
}
.fa-reacteurope:before {
    content: "\f75d";
}
.fa-medium-m:before,
.fa-medium:before {
    content: "\f23a";
}
.fa-amilia:before {
    content: "\f36d";
}
.fa-mixcloud:before {
    content: "\f289";
}
.fa-flipboard:before {
    content: "\f44d";
}
.fa-viacoin:before {
    content: "\f237";
}
.fa-critical-role:before {
    content: "\f6c9";
}
.fa-sitrox:before {
    content: "\e44a";
}
.fa-discourse:before {
    content: "\f393";
}
.fa-joomla:before {
    content: "\f1aa";
}
.fa-mastodon:before {
    content: "\f4f6";
}
.fa-airbnb:before {
    content: "\f834";
}
.fa-wolf-pack-battalion:before {
    content: "\f514";
}
.fa-buy-n-large:before {
    content: "\f8a6";
}
.fa-gulp:before {
    content: "\f3ae";
}
.fa-creative-commons-sampling-plus:before {
    content: "\f4f1";
}
.fa-strava:before {
    content: "\f428";
}
.fa-ember:before {
    content: "\f423";
}
.fa-canadian-maple-leaf:before {
    content: "\f785";
}
.fa-teamspeak:before {
    content: "\f4f9";
}
.fa-pushed:before {
    content: "\f3e1";
}
.fa-wordpress-simple:before {
    content: "\f411";
}
.fa-nutritionix:before {
    content: "\f3d6";
}
.fa-wodu:before {
    content: "\e088";
}
.fa-google-pay:before {
    content: "\e079";
}
.fa-intercom:before {
    content: "\f7af";
}
.fa-zhihu:before {
    content: "\f63f";
}
.fa-korvue:before {
    content: "\f42f";
}
.fa-pix:before {
    content: "\e43a";
}
.fa-steam-symbol:before {
    content: "\f3f6";
}

/* General */

html {
    font-size: 16px;

    line-height: 1.625em;
}

body {
    overflow-x: hidden;

    font-family: "Open Sans", sans-serif;
    font-weight: 400;

    color: #555;

    background: fixed center top;

    -webkit-overflow-scrolling: touch;
}

a {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
legend {
    font-family: "Open Sans", sans-serif;
    font-weight: 300;

    text-rendering: optimizelegibility;

    line-height: 1.15538em;

    word-wrap: break-word;
}

h1 {
    padding-bottom: 25px;

    font-size: 42px;
}

h2,
legend {
    padding-bottom: 20px;

    font-size: 30px;
}

h3 {
    padding-bottom: 15px;

    font-size: 26px;
}

h4 {
    padding-bottom: 25px;

    font-size: 20px;
}

h5 {
    padding-bottom: 25px;

    font-size: 18px;
}

h6 {
    padding-bottom: 25px;

    font-size: 16px;
}

p {
    margin-bottom: 20px;

    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;

    line-height: 1.625em;
}

p.help {
    margin-bottom: 40px;
}

label ~ p.help {
    clear: both;
    color: #767676;
    margin-bottom: 15px;
}
label.headingLabel {
    display: inline-block;
}

.webGuidelines p.help a {
    text-decoration: underline;
}

p.italic {
    font-style: italic;
}

figure.quote {
    margin-bottom: 25px;
    width: 100%;
}
blockquote {
    border-top: 5px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    display: block;
    line-height: 50px;
    margin: 25px auto;
    padding: 20px 0 30px 0;
    quotes: "\201c""\201d";
    text-align: center;
}
figure.quote blockquote {
    margin-bottom: 0;
}
blockquote p {
    color: #999;
    display: block;
    font-size: 20px;
    line-height: 28px;
    margin: 0 auto;
    max-width: 75%;
}
blockquote p:first-of-type::before {
    content: open-quote;
    display: block;
    font-family: serif;
    font-size: 55px;
    font-weight: 700;
    height: 30px;
}
.webGuidelines blockquote {
    border-top: 5px solid #777766;
    border-bottom: 1px solid #777766;
}
.webGuidelines blockquote p {
    color: #555;
}
figure.quote figcaption {
    border-bottom: 0;
    text-align: center;
}

.editorContent.userConditions h2 {
    font-weight: 600;
}

hr {
    margin: 0 0 20px 0;

    color: #e9e9e9;

    background-color: #e9e9e9;

    border: 0;
}

em {
    font-style: italic;
}

strong,
.strong,
.intro {
    font-weight: 600;
}

ul {
    margin: 0 0 20px 0;
}

ol {
    margin: 0 0 20px 40px;
}

ul ul {
    margin: 4px 0 5px 35px;
}

ol {
    margin: 0;
    padding: 0;
}
ol:not([start]) {
    counter-reset: item;
    list-style-type: none;
}
ol > li {
    counter-increment: item;
    display: table;
    margin-bottom: 0.6em;
}

ol > li::before {
    content: counters(item, ".") ". ";
    display: table-cell;
    padding-right: 0.6em;
}
li ol > li {
    margin: 0;
}
li ol > li::before {
    content: counters(item, ".") " ";
}

.editorContent.userConditions ol > li::before {
    content: "";
}
.editorContent.userConditions ol > li .counter {
    margin-right: 10px;
}

sub {
    font-size: smaller;

    vertical-align: sub;
}

sup {
    font-size: smaller;

    vertical-align: super;
}

pre {
    display: block;
    overflow: auto;
    max-width: 100%;
    padding: 10px;
    font-family: monospace;
    background-color: #f6f6f6;
    border: 1px solid #e9e9e9;
    border-left: 3px solid;
    page-break-inside: avoid;
    word-wrap: break-word;
}

pre.css {
    border-left: 3px solid #f6b83f;
}

pre.js {
    border-left: 3px solid #9d2a2a;
}

details {
    padding: 0.5em 0.5em 0;
}
summary {
    cursor: pointer;
    display: list-item;
    margin: -0.5em -0.5em 0;
    padding: 0.5em;
}
details[open] {
    padding: 0.5em;
}
summary::-webkit-details-marker {
    display: inline-block;
}

ul.square,
ul.circle,
ul.disc {
    margin-left: 35px;
}

ul.square {
    list-style: square outside;
}

ul.circle {
    list-style: circle outside;
}

.folderDescription ul,
ul.disc {
    list-style: disc outside;
}

ul.noLayout {
    list-style: none;

    padding: 0;
    margin: 0;
}

li {
    padding-bottom: 5px;
}

/* Total */

#total {
    position: relative;

    width: 100%;
    min-height: 100%;
    height: auto !important;

    -webkit-overflow-scrolling: touch;
}

#total.fullscreen {
    height: 100% !important;
}

/* Top */

#top {
    z-index: 999;

    position: fixed;

    display: block;

    width: 100%;
    min-height: 60px;
}

#top.banner-active {
    margin-top: attr(data-topmargin px);
}

#top .title {
    display: inline-block;

    padding: 0;
    margin: 5px 0 0 15px;

    font-weight: 300;
    font-size: 26px;

    line-height: 1.15538em;
}

#top .title.small {
    margin: 10px 0 0 15px;

    font-size: 18px;
}

#top .title.extraSmall {
    margin: 10px 0 0 15px;

    font-size: 14px;
}

#top .title a {
    display: block;

    padding: 10px 0 10px 0;
}

#top .columns.four a:not(.hamburger) {
    display: block;
    margin-left: -15px;
}

#top .logo {
    max-height: 100px;

    margin: 10px 0 3px 0;
    padding-left: 15px;

    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
}

#top .logo.small {
    max-height: 40px;
}

#top .hamburger {
    z-index: 999;

    display: none;

    float: right;

    width: 50px;
    height: 44px;

    margin: 10px 15px 10px 0;

    text-align: center;

    font-size: 34px;

    line-height: 42px;
}

.webGuidelines #top .hamburger {
    width: auto;

    padding: 0 10px 0 10px;
}

.no-touch #top .hamburger:hover,
#top .hamburger.active {
    color: #fff;
}

#top .badge {
    z-index: 1;
    position: absolute;
    opacity: 0;
    left: 16px;
    cursor: pointer;
    padding: 0 6px 0 6px;
    white-space: nowrap;
}

#top .badge span {
    display: inline-block;

    position: relative;

    top: -1px;

    font-size: 13px;
}

#spacerTop {
    width: 100%;
    min-height: 60px;
}

#googleTranslatePlugin {
    clear: both;
    margin-bottom: 10px;
    text-align: center;
}
.shortcut.translate::before {
    content: "\e8ca";
    font-family: entypo, sans-serif;
    margin-right: 6px;
}
.goog-te-gadget-simple {
    border-color: #949494 !important;
    border-radius: 4px;
    padding: 3px 5px !important;
}
.goog-te-gadget {
    font-family: "Open Sans", sans-serif !important;
}
.desktop .translateOverlay .overlayContent {
    max-width: 58%;
    min-width: 58%;
}
.translateOverlay .toolbarBottom {
    margin-bottom: 0;
    margin-top: 40px;
}

/* Shortcuts */
#top .row .eight.columns {
    text-align: right;
}

#shortcuts {
    display: inline-block;
    padding: 0;
    margin: 0;
}

#shortcuts > li {
    display: inline-block;

    float: left;

    padding-bottom: 0;
    margin: 8px 0 8px 0;
}

#shortcuts > li > a {
    display: block;

    white-space: nowrap;
}

#shortcuts a {
    display: block;

    padding: 10px;

    font-size: 14px;
}

#shortcuts > li ul.dropDown {
    margin: 0 0 20px 0;
}
#shortcuts > li .dropDown li {
    padding-bottom: 0;
}

.no-touch #shortcuts a:hover,
.no-touch #shortcuts a.active,
.no-touch #shortcuts li:hover > a,
.no-touch #shortcuts li:hover > span,
#shortcuts li > a:focus {
    color: #fff;
}

#shortcuts li {
    position: relative;
}

#shortcuts .avatar {
    position: absolute;

    cursor: pointer;

    margin: 7px -40px 0 10px;

    left: 0;
}

#shortcuts .profile {
    padding-left: 50px;
}

#shortcuts .profile:after {
    margin-left: 10px;
}

#top .field.search {
    float: right;
    margin: 12px 0 0 10px;
    overflow: visible;
}

#top .field.search input[type="text"] {
    padding-right: 40px;
}

.no-touch #top .field.search:hover {
    background-color: transparent;
}

#top .field.search .button.icon-search,
#searchContainer .field .button {
    position: absolute;

    top: 0;
    right: 0;

    font-size: 22px;

    color: #555;

    background-color: transparent;

    border-color: transparent;
}

#top .field.search .button input[type="button"],
#searchContainer .field .button input[type="button"] {
    padding: 0 10px 8px 25px;
    margin: -10px 0 0 -25px;

    text-indent: -999px;
}

#top #mobileSlideOut .field.search {
    float: none;
    margin: 0 15px 15px 15px;
}

.searchInfoContainer {
    position: absolute;
    z-index: 100;
    top: calc(100%);
    right: 0;
    min-width: 200px;
    padding: 3px 10px;
    transition: opacity 0.2s;
    opacity: 0;
    background-color: #f2f2f2;
    border-radius: 3px;
    color: #000;
    font-size: 11px;
    text-align: left;
}

.searchInfoContainer .closeButton {
    margin-left: 5px;
}

.searchLoader {
    animation: flash 0.5s ease-out infinite alternate;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 8px 0 #fff, -8px 0 #fff;
    display: inline-block;
    height: 6px;
    position: absolute;
    width: 6px;
}
#top .searchLoader {
    right: 22px;
    top: 15px;
}

@keyframes flash {
    0% {
        background-color: #8f96a0;
        box-shadow: 8px 0 #8f96a0, -8px 0 #fff;
    }
    50% {
        background-color: #fff;
        box-shadow: 8px 0 #8f96a0, -8px 0 #8f96a0;
    }
    100% {
        background-color: #8f96a0;
        box-shadow: 8px 0 #fff, -8px 0 #8f96a0;
    }
}

#top .field .button:before {
    padding: 0;
}

.no-touch #shortcuts > li:first-child:hover {
    background-color: transparent;
}

#shortcuts .portalSettings:before {
    position: relative;
    top: -2px;
}

#shortcuts .iconOnly {
    font-size: 20px;
}

#shortcuts.dropDownMenu .dropDown {
    font-size: 14px;
}

#shortcuts.dropDownMenu .dropDown a {
    color: #555;
}

.no-touch #shortcuts.dropDownMenu li:hover .profile,
.no-touch #shortcuts.dropDownMenu .dropDown a:hover,
.no-touch #shortcuts.dropDownMenu .dropDown a:focus {
    color: #fff;
}

#shortcuts.dropDownMenu .dropDown.favoritesContent {
    width: 250px;
}

#shortcuts.dropDownMenu .dropDown.notificationsContent {
    width: 350px;
}

#shortcuts.dropDownMenu .dropDown.portalSettingsContent {
    width: 170px;
}

#shortcuts.dropDownMenu .dropDown.favoritesContent .widget,
#shortcuts.dropDownMenu .dropDown.favoritesContent ul,
#shortcuts.dropDownMenu .dropDown.notificationsContent .widget,
#shortcuts.dropDownMenu .dropDown.notificationsContent ul {
    margin: 0;
}

#shortcuts.dropDownMenu .dropDown.notificationsContent ul li {
    width: 100%;

    padding: 0 15px 10px 45px;
    margin: 0;

    text-align: left;

    border-bottom: solid 1px #ccc;
}

#shortcuts.dropDownMenu .dropDown.notificationsContent ul li a {
    display: inline-block;

    padding: 0;

    border: none;
}

.no-touch #shortcuts.dropDownMenu .dropDown.notificationsContent ul li:hover,
.no-touch #shortcuts.dropDownMenu .dropDown.notificationsContent ul li:hover .date {
    color: #fff;
}

.no-touch #shortcuts.dropDownMenu .dropDown.notificationsContent ul li:hover a {
    color: #fff;
    text-decoration: underline;
}

#shortcuts.dropDownMenu .dropDown.notificationsContent .update {
    padding: 10px 10px 5px 5px;

    line-height: 20px;
}

#shortcuts.dropDownMenu .dropDown.notificationsContent .date {
    padding: 0 0 5px 5px;

    line-height: 20px;
}

#shortcuts.dropDownMenu .dropDown.favoritesContent .editFavorites,
#shortcuts.dropDownMenu .dropDown.notificationsContent .moreUpdates,
#shortcuts.dropDownMenu .dropDown .moreSettings {
    text-align: center;
}

.shortcutsContainer {
    background-color: #f3f3f3;
}
.shortcutsContainer::after {
    clear: both;
    content: "";
    display: table;
}
.shortcutsContainer .languagePicker {
    float: right;
    margin-right: 25px;
}
.languagePicker {
    display: inline-block;
    vertical-align: top;
}
.languagePicker > li {
    list-style: none;
}
.shortcutsContainer .languagePicker > li {
    padding-top: 5px;
}
#shortcuts > li.flag a span {
    left: -9999em;
    position: absolute;
}
.languagePicker > li.active > a span {
    display: inline-block;
    text-indent: -9999em;
}
.shortcutsContainer .flagsWrapper > li > a.flag span {
    left: -9999em;
    position: absolute;
}
.shortcutsContainer .flagsWrapper {
    display: block;
    padding-right: 15px;
    text-align: right;
    width: 100%;
}
.shortcutsContainer .flagsWrapper > li.flag {
    display: inline-block;
    list-style: none;
    padding: 5px 0;
}
.shortcutsContainer .flagsWrapper > li.flag a {
    padding: 5px 8px;
}
.languagePicker > li.active > a::after {
    content: "\e8af";
    font-family: awesome, sans-serif;
    padding-left: 5px;
}
.languagePicker .dropDown {
    margin: 0;
}
.shortcutsContainer .languagePicker .dropDown {
    right: 25px;
    z-index: 1000;
}
#shortcuts .languagePicker .dropDown li,
.languagePicker .dropDown li {
    display: block;
    float: none;
    margin: 0;
}
.shortcutsContainer .languagePicker .dropDown li {
    border-bottom: 1px solid #dedede;
    padding: 0;
}
.shortcutsContainer .languagePicker .dropDown li a {
    border-bottom: 0;
    padding: 7px 10px;
}
.shortcutsContainer .languagePicker .dropDown li a span {
    font-size: 14px;
}
.languagePicker .dropDown li a img {
    padding-right: 10px;
}
.languagePicker .dropDown li a span {
    text-transform: capitalize;
}

/* Path & options */

.pathRow {
    background-color: #fff;
}

#pathOptions {
    z-index: 911;

    position: relative;

    width: 100%;
}

#path span {
    display: block;

    padding: 15px 15px 15px 0;

    font-weight: 300;
    font-size: 15px;
}

.pageType37 #path span {
    padding-left: 0;
}

#path a {
    color: #555;
}
.webGuidelines #path a {
    text-decoration: underline;
}

#path.buttons {
    padding: 15px 15px 5px 15px;
}

#path .button {
    margin: 0 4px 10px 0;
}

#path .button.transparent a {
    color: #555;
}

.no-touch #path .button.transparent:hover a {
    color: #fff;
}

nav.breadcrumbs ol {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

nav.breadcrumbs li {
    display: inline;
}
nav.breadcrumbs ol > li::before {
    display: none;
}
nav.breadcrumbs ol > li:not(:last-of-type)::after {
    content: ">";
    margin-left: 4px;
    margin-right: 4px;
}
.webGuidelines #path nav.breadcrumbs a.breadcrumb-current,
nav.breadcrumbs a.breadcrumb-current {
    font-weight: 700;
    text-decoration: none;
}

/* Content */

.contentRow {
    padding-bottom: 100px;

    background-color: #fff;
}

#content {
    padding-top: 20px;
}

#content.fullscreen {
    width: 100%;
    height: 100%;

    padding: 0;
}

#content.fullscreen .row {
    max-width: 100%;
}

.content img {
    max-width: 100%;
    vertical-align: top;
}

.mobile .editorContent div,
.touch .editorContent div,
.mobile .editorContent p,
.touch .editorContent p,
.mobile .sectionContent div,
.touch .sectionContent div {
    overflow-wrap: break-word;

    -webkit-hyphens: auto;
    -webkit-hyphenate-limit-before: 3;
    -webkit-hyphenate-limit-after: 3;
    -webkit-hyphenate-limit-chars: 6 3 3;
    -webkit-hyphenate-limit-lines: 2;
    -webkit-hyphenate-limit-last: always;
    -webkit-hyphenate-limit-zone: 8%;

    -moz-hyphens: auto;
    -moz-hyphenate-limit-chars: 6 3 3;
    -moz-hyphenate-limit-lines: 2;
    -moz-hyphenate-limit-last: always;
    -moz-hyphenate-limit-zone: 8%;

    -ms-hyphens: auto;
    -ms-hyphenate-limit-chars: 6 3 3;
    -ms-hyphenate-limit-lines: 2;
    -ms-hyphenate-limit-last: always;
    -ms-hyphenate-limit-zone: 8%;

    hyphens: auto;
    hyphenate-character: "-";
    hyphenate-limit-chars: 6 3 3;
    hyphenate-limit-lines: 2;
    hyphenate-limit-last: always;
    hyphenate-limit-zone: 8%;
}

#eParticipation.item .itemImage .photo,
.editorContent figure,
.item figure {
    display: inline-table !important;
}

html.firefox #eParticipation.item .itemImage .photo,
html.firefox .editorContent figure,
html.firefox .item figure {
    display: inline-block !important;
}

.editorContent figure[style*="float:left"],
.editorContent figure[style*="float: left"] .item figure[style*="float:left"],
.item figure[style*="float: left"] {
    margin-right: 20px;
}

.editorContent figure[style*="float:right"],
.editorContent figure[style*="float: right"] .item figure[style*="float:right"],
.item figure[style*="float: right"] {
    margin-left: 20px;
}

.editorContent figure img,
.item figure img {
    vertical-align: top;
}

.internetexplorer .editorContent figure img,
.internetexplorer .item figure img {
    width: 100%;
}

.editorContent figure,
.editorContent figure img,
.item .figure,
.item .figure img {
    max-width: 100%;
}

figcaption,
.caption {
    border-bottom: 1px solid #efefef;
    color: #555;
    display: block;
    font-size: 0.8em;
    font-style: italic;
    line-height: 20px;
    min-height: 20px;
    padding: 5px;
    text-align: left;
    width: 100%;
}
.fotoramaCaption .caption {
    color: #fff;
}

figcaption,
#eParticipation.item .itemImage .caption {
    caption-side: bottom;
    display: table-caption;
}

#left .content {
    padding-left: 15px;
}

#center,
#right {
    padding-left: 20px;
}

.twelve.columns #center {
    padding-left: 0;
}

#center .content.left,
#center .content.right {
    float: left;

    width: 50%;

    margin-bottom: 20px;
}

.editorContent {
    display: block;
}

.editorContent a {
    word-break: break-word;
}

.editorContent a .after.icon-awesome-link-ext:after,
#bottom a .after.icon-awesome-link-ext:after {
    display: inline-block;
    content: " \e832";
    font-size: 90%;
    margin: 0 5px;
    text-decoration: none;
}

.webGuidelines .editorContent a,
.webGuidelines .overlayItemContent a,
.webGuidelines p a {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    text-decoration: underline;
}
.webGuidelines .editorButton a {
    text-decoration: none;
}

.editorContent ul,
.commentContent ul {
    margin-left: 35px;

    list-style: disc outside;
}
.commentContent .toolbar ul {
    margin-left: 0;
    list-style: none;
}
.editorContent ul ul,
.commentContent ul ul {
    list-style: circle outside;
}
.editorContent ul ul ul,
.commentContent ul ul ul {
    list-style: square outside;
}

.editorContent ol .commentContent ol {
    margin-left: 35px;
}

.nestedComments .comment {
    transition: box-shadow 0.3s ease-in-out;
    opacity: 1;
    display: block;
    font-size: 1rem;
    height: auto;
    margin-left: 0;
    border: 1px solid #d7dfe8;
    overflow: hidden;
    background-color: #f7f8fb;
    padding: 24px;
}

.nestedComments .commentFile:before {
    margin-right: 8px;
}

.nestedComments .sorting {
    margin-bottom: 10px;
}

.nestedComments .toolbar .button.iconOnly:before {
    padding-left: 0;
}

.childComments {
    clear: both;
    padding-top: 30px;
}

.childComments .comment {
    border-width: 1px 0 0 0;
    border-radius: 0;
    box-shadow: none;
    padding: 32px 0;
    margin-bottom: 0;
}

.childComments .comment:last-child {
    padding-bottom: 0;
}

.nestedComments .comment .toolbarWrapper {
    margin-top: 0;
}

.nestedComments .comment .toolbarWrapper button.iconOnly:before {
    display: block;
    margin: auto;
}

.nestedComments .toolbar .dropDown {
    margin-top: 0;
}

.comment .toolbarWrapper ul {
    margin-left: 0;
}

.comment .like:before {
    font-size: 13px;
    margin-right: 5px;
}

.comment .textButton {
    color: #6d7783;
    margin-top: -4px;
    display: inline-block;
    margin-right: 24px;
}

.comment .textButton:before {
    margin-right: 7px;
}

.comment:not(.bestAnswer) .bestAnswerText,
.comment[data-best-answer="true"] .markBestAnswer,
.comment[data-best-answer="true"] .childComments .bestAnswerText {
    display: none;
}

.comment[data-best-answer="true"] .childComments .markBestAnswer,
.comment[data-best-answer="true"] .bestAnswerText {
    display: inline-block;
}

.comment.bestAnswer .commentFileList {
    margin-bottom: 20px;
}

.comment.bestAnswer .toolbar {
    text-align: right;
}

.comment .commentMention:before {
    content: "@";
    font-size: 14px;
    margin-right: 2px;
    vertical-align: bottom;
}

.comment .commentFile a,
.comment .commentMention a {
    color: inherit;
    font-weight: bold;
    text-decoration: underline;
}

.comment.editMode .commentFile a {
    padding-top: 10px;
    display: inline-block;
}

.comment .author .icon-check:before,
.comment .removeBestAnswer:before,
.comment .markBestAnswer:before {
    background-color: #6d7783;
    border-radius: 50%;
    width: 13px;
    height: 13px;
    color: #fff;
    font-size: 8px;
    line-height: 15px;
    padding: 0;
    margin: 7px 7px 7px 0;
    display: block;
    float: left;
}

.comment .removeBestAnswer.icon-cancel:before,
.comment .markBestAnswer.icon-cancel:before {
    font-size: 10px;
    line-height: 13px;
}
.comment > .commentContent > .commentFileList .deleteFile,
.comment.editMode > .commentContent > :not(.commentFileList):not(.commentEditorContainer):not(.childComments) {
    display: none !important;
}

.comment.editMode > .commentContent > .commentFileList .deleteFile {
    display: block !important;
    margin-top: 2px;
    float: right;
}

.comment.editMode > .commentContent > .commentFileList .commentFile {
    min-height: 36px;
}

.loadMoreCommentsContainer:first-child {
    border: none;
    padding-top: 0;
}

.nestedComments .toolbar.addCommentToolbar {
    padding-top: 12px;
    margin-bottom: 20px;
    text-align: right;
}
.nestedComments .itemOptions .toolbar.right ul {
    margin: 0;
}

.comment .author,
.comment .fullDate {
    color: inherit;
}

.comment .author .icon-check:before {
    margin-top: 5px;
    background-color: #62b865;
}

.comment .avatar:before {
    display: block;
    margin: 4px auto auto;
}

.comment .commentText p:last-child {
    margin-bottom: 0;
}

.commentFileList {
    margin-top: 20px;
}

.commentEditorContainer ~ .commentFileList {
    margin-top: 40px;
}

.addCommentToolbar .button:before {
    padding-left: 14px !important;
}

.addCommentToolbar .button {
    margin-left: 16px;
}

.addCommentToolbar .button button {
    padding: 0 16px 0 36px !important;
}

.nestedComments .sorting {
    text-align: right;
}
.nestedComments .sorting span {
    margin-right: 10px;
    position: relative;
    top: 10px;
    width: 160px;
}
.nestedComments .sorting label {
    display: flex;
    float: right;
}

.nestedComments .comment .toolbar.commentOptions {
    float: left;
    margin-top: 20px;
    padding-left: 2px;
}

.nestedComments .itemOptions {
    float: right;
    margin-top: 10px;
}

.nestedComments .dropDownMenu {
    float: left;
}

.editorContent ul li a {
    vertical-align: top;
}

.editorContent img[style*="float:left"],
.editorContent img[style*="float: left"] {
    margin: 5px 20px 20px 0;
}

.editorContent img[style*="float:right"],
.editorContent img[style*="float: right"] {
    margin: 5px 0 20px 20px;
}

.editorContent table thead td,
.editorContent table th {
    background-color: #efefef;
    color: #666;
    font-size: 15px;
    font-weight: 600;
}
.editorContent table th,
.editorContent table td {
    border: 1px solid #bcbcbc;
    padding: 4px 8px;
}
.webGuidelines .editorContent table thead td,
.webGuidelines .editorContent table th {
    color: #555;
}
.editorContent table tbody td::before {
    display: none;
}

.item-nav-container {
    margin-bottom: 50px;
    margin-top: 75px;
}
.item-nav-container::after {
    clear: both;
    content: "";
    display: table;
}
.item-nav {
    max-width: 50%;
}
.item-nav {
    display: inline-block;
    font-size: 18px;
    font-weight: 300;
    line-height: 20px;
    min-height: 50px;
    max-width: 50%;
    padding-top: 12px;
    position: relative;
    text-transform: uppercase;
}
.item-nav.previous {
    padding-left: 60px;
}
.item-nav.next {
    float: right;
    text-align: right;
    padding-right: 60px;
}
.item-nav.previous .icon-previous::before,
.item-nav.next .icon-next::after {
    color: #fff;
    display: inline-block;
    font-size: 30px;
    font-weight: 400;
    padding: 11px 0 19px;
    position: absolute;
    text-align: center;
    width: 50px;
}
.item-nav.previous .icon-previous::before {
    content: "\00AB";
    top: 0;
    left: 0;
}
.item-nav.next .icon-next::after {
    content: "\00BB";
    top: 0;
    right: 0;
}
.item-nav .title {
    font-size: 14px;
    font-style: italic;
    font-weight: 700;
    line-height: 16px;
    text-transform: none;
}

.related-content-container li {
    padding: 0 0 10px;
}

.related-content-container li a {
    color: #475162;
    font-weight: 600;
}

.related-content-container li a:before {
    margin-right: 10px;
    color: #c2d0de;
}

/* Bottom */
#spacerBottom {
    clear: both;

    width: 100%;
    min-height: 64px;
}

#bottom {
    position: absolute;
    bottom: 0;

    width: 100%;
    min-height: 64px;

    font-size: 14px;
}

#bottom a {
    display: inline-block;
}

#bottom p,
#bottom p a {
    font-size: 14px;

    line-height: 26px;
}

#bottom ul,
#bottom ul li {
    padding: 0;
    margin: 0;

    line-height: 26px;
}

#bottom ul li div {
    display: inline-block;
}

#bottom > .row,
#footer > .row {
    padding-left: 15px;
}

#bottom .editorContent {
    padding-top: 15px;
}

#footer {
    bottom: 0;

    width: 100%;

    padding: 15px 0 10px 0;

    font-size: 12px;
}

#bottom .app-store-links {
    margin-top: 20px;
    text-align: center;
    width: 100%;
}

#bottom .app-store-links .app-description {
    display: block;
    line-height: 18px;
}

#bottom .app-store-links .app-store-link {
    padding: 10px 8px;
    vertical-align: middle;
}

#bottom .app-store-link img {
    max-height: 40px;
}

#footer ul li {
    display: inline-block;
    padding-top: 7px;
}

#footer a.shortcut,
#footer .shortcut a {
    margin-right: 20px;
}
.webGuidelines #footer a {
    text-decoration: underline;
}

#footer .logo {
    float: right;
}

#footer .mett {
    display: none;
}

/* Skip links */

.skipLink {
    z-index: 9999999;

    position: absolute;

    top: 10px;
    left: -2000px;

    padding: 10px 15px 10px 15px;

    color: #000;

    text-decoration: underline;

    background-color: #fff;

    border: solid 1px #333;
}

.skipLink:focus {
    left: 20px;
}

#skipMainContent,
#skipFooter {
    float: left;

    width: 0;
    height: 0;

    margin-top: -170px;
}

/* Various */

.hide {
    display: none !important;
    pointer-events: none;
    user-focus: none;
    -moz-user-modify: read-only;
    -webkit-user-modify: read-only;
    user-modify: read-only;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.displayNone,
.printContent {
    display: none;
}

.displayBlock {
    display: block;
}

.displayInline {
    display: inline-block;
}

.hide.active,
.show {
    display: block !important;
}

.invisible {
    visibility: hidden !important;
}

.visible {
    visibility: visible !important;
}

.float.left {
    float: left;
}

.float.right {
    float: right;
}

.float.none {
    float: none;
}

.right:not(.button) {
    overflow: hidden;
}

.center {
    text-align: center;
}

.clear {
    clear: both;
}

.default {
    cursor: default;
}

.pointer {
    cursor: pointer;
}

.relative {
    position: relative;
}

.lowercase {
    text-transform: lowercase;
}

.uppercase {
    text-transform: uppercase;
}

.auto,
.auto:before,
.auto:after {
    width: auto !important;
    height: auto !important;
}

.noScroll,
.overlayOpen {
    overflow: hidden;
}

.divider {
    clear: both;

    width: 100%;
    height: 1px;

    font-size: 0;

    background-color: #e5e5e5;

    line-height: 0;
}

.noPadding {
    padding: 0 !important;
}

.noMargin {
    margin: 0 !important;
}

.attention {
	color: #ca3838;
}

.success {
	color: #1f9938;
}

.button.vote.loading .loader,
.button.voted.loading .loader,
.loader {
    animation: shadowRolling 2s linear infinite;
    border-radius: 50%;
    box-sizing: border-box;
    color: #545654;
    display: none;
    height: 6px;
    left: -100px;
    margin: 15px auto;
    position: relative;
    width: 6px;
}
.button.vote.loading .loader,
.button.voted.loading .loader {
    animation: shadowRollingButton 2s linear infinite;
    display: block;
    left: -50px;
    margin: 0 auto;
}
.button.vote.loading span,
.button.voted.loading span,
.loader span {
    display: block;
    font-size: 16px;
    left: 50px;
    position: absolute;
    top: 15px;
    width: 150px;
}
.button.vote.loading span,
.button.voted.loading span {
    left: 25px;
    width: 75px;
}

#toolbarOverlay .loader {
    top: -15px;
}

@keyframes shadowRolling {
    0% {
        box-shadow: 0 0 rgba(255, 255, 255, 0), 0 0 rgba(255, 255, 255, 0), 0 0 rgba(255, 255, 255, 0),
            0 0 rgba(255, 255, 255, 0);
    }
    12% {
        box-shadow: 100px 0 #545654, 0 0 rgba(255, 255, 255, 0), 0 0 rgba(255, 255, 255, 0),
            0 0 rgba(255, 255, 255, 0);
    }
    25% {
        box-shadow: 110px 0 #545654, 100px 0 #545654, 0 0 rgba(255, 255, 255, 0), 0 0 rgba(255, 255, 255, 0);
    }
    36% {
        box-shadow: 120px 0 #545654, 110px 0 #545654, 100px 0 #545654, 0 0 rgba(255, 255, 255, 0);
    }
    50% {
        box-shadow: 130px 0 #545654, 120px 0 #545654, 110px 0 #545654, 100px 0 #545654;
    }
    62% {
        box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 #545654, 120px 0 #545654, 110px 0 #545654;
    }
    75% {
        box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 #545654, 120px 0 #545654;
    }
    87% {
        box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0),
            130px 0 #545654;
    }
    100% {
        box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0),
            200px 0 rgba(255, 255, 255, 0);
    }
}

@keyframes shadowRollingButton {
    0% {
        box-shadow: 0 0 rgba(255, 255, 255, 0), 0 0 rgba(255, 255, 255, 0), 0 0 rgba(255, 255, 255, 0),
            0 0 rgba(255, 255, 255, 0);
    }
    12% {
        box-shadow: 50px 0 #545654, 0 0 rgba(255, 255, 255, 0), 0 0 rgba(255, 255, 255, 0),
            0 0 rgba(255, 255, 255, 0);
    }
    25% {
        box-shadow: 55px 0 #545654, 50px 0 #545654, 0 0 rgba(255, 255, 255, 0), 0 0 rgba(255, 255, 255, 0);
    }
    36% {
        box-shadow: 60px 0 #545654, 55px 0 #545654, 50px 0 #545654, 0 0 rgba(255, 255, 255, 0);
    }
    50% {
        box-shadow: 65px 0 #545654, 60px 0 #545654, 55px 0 #545654, 50px 0 #545654;
    }
    62% {
        box-shadow: 100px 0 rgba(255, 255, 255, 0), 65px 0 #545654, 60px 0 #545654, 55px 0 #545654;
    }
    75% {
        box-shadow: 100px 0 rgba(255, 255, 255, 0), 100px 0 rgba(255, 255, 255, 0), 65px 0 #545654, 60px 0 #545654;
    }
    87% {
        box-shadow: 100px 0 rgba(255, 255, 255, 0), 100px 0 rgba(255, 255, 255, 0), 100px 0 rgba(255, 255, 255, 0),
            65px 0 #545654;
    }
    100% {
        box-shadow: 100px 0 rgba(255, 255, 255, 0), 100px 0 rgba(255, 255, 255, 0), 100px 0 rgba(255, 255, 255, 0),
            100px 0 rgba(255, 255, 255, 0);
    }
}

.shortDate {
    display: block;

    float: left;

    min-width: 45px;
    height: 45px;

    padding-top: 2px;

    text-align: center;

    color: #fff;

    line-height: 20px;
}

.day {
    display: block;

    width: 100%;

    font-weight: 600;
}

.month,
.year {
    display: block;

    width: 100%;
}

.author,
.fullDate,
.tag,
.commentCount,
.viewCount,
.extraInfo,
.like.inline {
    float: left;

    margin-right: 15px;

    color: #767676;
}

.author a,
.fullData a,
.tag a,
.commentCount a,
.ItemCommentCount,
.extraInfo a,
.like.inline a {
    color: #767676;
}

.webGuidelines .author,
.webGuidelines .author a,
.webGuidelines .fullDate,
.webGuidelines .fullDate a,
.webGuidelines .tag,
.webGuidelines .tag a,
.webGuidelines .commentCount,
.webGuidelines .commentCount a,
.webGuidelines .viewCount,
.webGuidelines .viewCount a,
.webGuidelines .extraInfo,
.webGuidelines .extraInfo a,
.webGuidelines .like,
.webGuidelines .like a {
    color: #000;
}
.webGuidelines .readMore a {
    text-decoration: underline;
}

.author:before,
.fullDate:before,
.tag:before,
.commentCount:before,
.ItemCommentCount:before,
.viewCount:before,
.extraInfo:before,
.like.inline:before {
    padding-right: 5px;
}

.comment h3.author {
    padding-bottom: 0;
}
.comment h3.author,
.comment h3.author a {
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
}

.authorInfo {
    display: block;
    margin: 6px 0;
}
#timeline .authorInfo {
    display: inline-block;
}
.authorInfo .avatar {
    float: left;
    margin-right: 6px;
}
.authorInfo .author {
    position: relative;
    top: 2px;
}

.no-touch .like.inline:not(.liked):hover:before {
    content: "\e806";
}

.no-touch .liked.inline:hover:before {
    content: "\e807";
}

html[class*="itemPageType"] .tags {
    margin: 20px 0 20px 0;
}

html[class*="itemPageType"] .tags .tag {
    padding: 5px 15px 5px 15px;
    margin-bottom: 10px;
    font-size: 14px;
    background-color: #ebebeb;
    border-radius: 12px;
}

html[class*="itemPageType"] .tags .tag a {
    color: #555;
}

.like.inline.liked {
    color: #0e8a2d;
}

.like.inline.liked:hover {
    color: #ca3838;
}

.like.inline span:not(.screenReaderContent) {
    display: inline;
    font-size: inherit;
    color: inherit;
    line-height: inherit;
}

.extraInfo div {
    display: inline-block;
}

.addCommentCount {
    float: left;
}

.readMore {
    white-space: nowrap;
}

.readMore:after,
.showMore:after {
    position: relative;

    top: 1px;

    padding-left: 5px;
}

.charactersLeft {
    float: right;
}

.more {
    overflow: hidden;

    height: 0;
}

.screenReaderContent,
.error {
    left: -9999em !important;
    position: absolute;
}
.button input.screenReaderContent {
    left: inherit !important;
    text-indent: -9999em;
}

.indent {
    padding-left: 25px;
}

.noIndent {
    padding-left: 0 !important;
}

.touchLabel {
    display: none;

    float: left;

    font-weight: 600;
}

.highlight {
    background-color: yellow;
}

.highlighted-text {
    background-color: #3367d1;
    color: #fff;
}

.wordBreak {
    word-break: break-all;
}

.itemTitle.wordBreak {
    word-break: break-word;
}

.box {
    display: block;

    padding: 20px;

    background-color: #f2f2f2;
}

.deleted,
.delted a,
.deleted label,
.deleted span,
.done,
.done a,
.done label,
.done span {
    color: #767676;

    text-decoration: line-through;
}

.deletedFeedback {
    display: none;
}

.deleted .deletedFeedback {
    display: block;

    text-decoration: none;
}

.overflowVisible {
    overflow: visible !important;
}

.overflowHidden {
    overflow: hidden !important;
}

.overflowAuto {
    overflow: auto !important;
}

.tooltip {
    display: none;
    position: absolute;
    padding: 5px 10px 5px 10px;
    color: #fff;
    font-size: 14px;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 5px;
}

.conditions {
    float: left;
    margin: 2px 0 0 4px;
}

/* Images */

.image {
    display: block;

    margin-bottom: 20px;

    line-height: 0;
}

.image.circle {
    overflow: hidden;

    width: auto;

    border-radius: 50% !important;
}

.image.rounded {
    overflow: hidden;

    -webkit-border-radius: 4px 4px;
    -moz-border-radius: 4px 4px;
    border-radius: 4px 4px;
}

.image.photo {
    border: solid 5px #fff;

    box-shadow: 0 0 1px #555;
}

.image.photo.polaroid {
    padding-bottom: 50px;

    background-color: #fff;
}

.avatar {
    overflow: hidden;

    width: 30px;
    height: 30px;

    border-radius: 50%;
}

.noAvatar {
    overflow: hidden;

    width: 30px;
    height: 30px;

    text-align: center;

    font-size: 22px;

    color: #555;

    background-color: #e9e9e9;

    border-radius: 50%;
}

.primaryImageLabel {
    background-color: #58c026;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #255a32;
    font-size: 14px;
    padding: 5px 10px 5px 10px;
    right: 10px;
    position: absolute;
    text-align: center;
    top: 0;
}

.primaryImageLabel a {
    color: #000;
}

/* Tables */

.table {
    display: table;

    width: 100%;

    margin-bottom: 20px;

    border: solid 1px #e5e5e5;
    border-collapse: collapse;
    border-spacing: 0;
}

.table thead,
.table .header {
    color: #fff;
}

.table thead tr th {
    display: table-cell;

    padding: 5px 10px 5px 10px;

    text-align: left;

    border-top: solid 1px #e5e5e5;
}

.table tr {
    display: table-row;
}

.table tr.alternate {
    background-color: #eff7fc;
}

.no-touch .table tr:hover,
.no-touch .table tr.alternate:hover {
    background-color: #edf4fe;
}

.table tr td {
    display: table-cell;

    padding: 10px;

    vertical-align: top;
    text-align: left;

    border-top: solid 1px #e5e5e5;
}

.webGuidelines #users.edit .field.gender table tr th,
.webGuidelines #users.edit .field.gender table tr td {
    border: 0;
    padding: 0;
}

.webGuidelines #events.section .fc-view table tr th,
.webGuidelines #events.section .fc-view table tr td {
    border-color: #ddd;
}

/* Lists */

.list {
    margin-bottom: 40px;

    border: solid 1px #e5e5e5;
    border-collapse: collapse;
    border-spacing: 0;
}
.webGuidelines .list {
    border: 1px solid #cdcdcd;
}

.six.columns .list {
    font-size: 15px;
}

.list thead,
.list .header,
.list .header a,
.no-touch .list .header a:hover {
    color: #fff;
}

.list .row {
    padding: 10px;
}

.list .row.alternate,
.no-touch .list .row.alternate.noHover:hover {
    background-color: #eff7fc;
}
.webGuidelines .list .row.alternate,
.webGuidelines.no-touch .list .row.alternate.noHover:hover {
    background-color: #fff;
}
.webGuidelines .list > .row:not(.hiddenSection) {
    border-top: 1px solid #cdcdcd;
}
.webGuidelines .list > .row:not(.hiddenSection):first-child {
    border-top: 0;
}

.no-touch .list .row:hover,
.no-touch .list .row.alternate:hover {
    background-color: #edf4fe;
}
.webGuidelines.no-touch .list .row:not(.header):hover,
.webGuidelines.no-touch .list .row.alternate:hover {
    background-color: #fff;
}

.no-touch .list .row.noHover:hover {
    background-color: transparent;
}

.list .row span:before {
    width: 16px;

    padding-right: 5px;

    text-align: left;
}

.list .row .image {
    margin-bottom: 0;
}

.list .attention {
    color: #ca3838;
}

.list .success {
    color: #1f9938;
}

.list .row span.attention:before {
    display: block;

    float: left;

    padding-right: 10px;

    color: #ca3838;
}

table.list {
    width: 100%;
}
table.list thead tr {
    border-width: 1px;
    border-style: solid;
}

table.list .column,
table.list .columns {
    padding: 10px 0px 10px 0;
}
table.list.alternative .eventItem .three.columns.date .columns {
    padding: 0;
}

table.list .column:first-child,
table.list .columns:first-child {
    padding-left: 10px;
}

table.list .column:last-child,
table.list .columns:last-child {
    padding-right: 10px;
}
table.list.alternative .columns.date .columns.time {
    padding-right: 0;
}

/* Ugly Firefox fix */

.firefox .list .row .image {
    width: 100%;
}

.list .row .buttons {
    text-align: right;
}

.list .row .toolbar {
    padding: 0;
}

.list .row .toolbar .button.toggleDropDown {
    margin-bottom: 0;
}

.list .row .toolbar .dropDown {
    margin: 0 0 0 -110px;
}

.list .avatar {
    float: left;

    overflow: hidden;

    margin-right: 10px;

    border-radius: 50%;
}

.list .author,
.list .author a {
    color: #555;
}

/* Tabs */

.tabs {
    display: block;
}

.tabs ul:first-child {
    padding: 0;
    margin: 0;
}

.tab {
    position: relative;
    top: 1px;

    display: inline-block;

    cursor: default;

    width: auto;

    padding: 0;
    margin: 0;
}

.tab > a {
    display: block;

    cursor: pointer;

    width: auto;

    padding: 0 15px 0 15px;
    margin: 0;

    height: 42px;

    line-height: 40px;

    font-family: "Open Sans", sans-serif;
    font-weight: 600;

    color: #555;

    background-color: #f2f2f2;

    border: solid 1px #e5e5e5;
    border-width: 1px 1px 0 1px;

    text-shadow: 0 1px 1px #fff;

    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.no-touch .tab > a:hover {
    text-decoration: none;

    color: #555 !important;

    background-color: whitesmoke;
}

.tab > a:active {
    background-color: #ededed;
}

.tab.active > a {
    height: 43px;

    line-height: 41px;

    background-color: #fff;
}

.no-touch .tab.active > a:hover {
    background-color: #fff;
}

.tab > li:last-child {
    margin-right: 0;
}

.tabContent {
    display: none;

    min-height: 100px;

    padding: 20px 15px 20px 15px;

    background-color: #fff;

    border: solid 1px #e5e5e5;
}

.tabContent.active {
    display: block;
}

.tabContent h2,
.tabContent legend {
    padding: 20px 0 20px 0;
}

.tabContent .field legend {
    padding: 0;
}

.tabContent .field legend label {
    max-width: none;
}

.tabContent h2.lessMargin,
.tabContent legend.lessMargin {
    padding: 0 0 20px 0;
}

#customContactForm > legend,
#defaultContactForm > legend {
    font-size: 20px;
}

/* Overlays */

.overlay {
    z-index: 1000;
    cursor: pointer;

    position: fixed;

    top: 0;
    left: 0;

    height: 100%;
    width: 100%;

    text-align: center;

    background-color: rgba(0, 0, 0, 0.5);
}

.alertOverlay {
    z-index: 100000;
}

.alertOverlay .overlayContent {
    top: 25%;
    min-width: 60%;
    max-width: 60%;
}

.overlayContent {
    z-index: 1001;
    cursor: default;

    display: inline-block;

    position: relative;

    overflow: auto;

    min-width: 80%;
    max-width: 80%;
    max-height: 80%;

    margin: 5% auto 20px 0;
    padding: 20px;

    text-align: left;

    background-color: #fff;
}

.overlayAttendAllOrSingle .overlayContent {
    min-width: 65%;
    max-width: 65%;

    margin: 10% auto 20px 0;
}

.overlayOpen .daterangepicker.show-calendar {
    z-index: 2000;
}

.overlayContent::-webkit-scrollbar {
    -webkit-appearance: none;
}

.overlayContent::-webkit-scrollbar:vertical {
    width: 11px;
}

.overlayContent::-webkit-scrollbar:horizontal {
    height: 11px;
}

.overlayContent::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5);
    border: 2px solid white;
    border-radius: 8px;
}

.overlayContent.fullscreen {
    width: 100%;
    max-width: 1200px;
    height: 100%;
    max-height: 100%;

    margin: 0;
}

#previewContent img {
    image-orientation: from-image;
}

.overlayContent.compact {
    max-width: 50%;
    min-width: 50%;
}

.overlayContent.tiny {
    max-width: 40%;
    min-width: 40%;
}

.overlayContent .field {
    overflow: visible;

    min-height: 36px;
}

.overlayContent > h2 {
    margin-left: 48px;
    margin-right: 48px;
}

.overlayContent .list .row {
    max-width: 100%;
}

.overlayContent ul {
    list-style: disc;
    margin-left: 20px;
}
.overlayItemContent ul li {
    padding-left: 5px;
}
.passwordRequirementsSummary ul {
    list-style: none;
}
ul.plupload_filelist {
    list-style: none;
    margin-left: 0;
}

.overlay .privacyStatement a,
.overlay .userConditions a {
    font-weight: 700;
}
.overlay .privacyStatement a:hover,
.overlay .userConditions a:hover {
    text-decoration: underline;
}

.message {
    z-index: 10000;

    position: fixed;

    padding: 15px 0 15px 0;

    width: 100%;

    text-align: center;
}

.message.banner {
    z-index: 9000;
}

.ios .message {
    top: 60px;
}

.message a {
    font-weight: 600;

    color: #644405;
}

.messageButtons {
    padding-top: 15px;
}

.messageButtons .button:first-child {
    margin-right: 5px;
}

.messageButtons .button.ghost,
.no-touch .messageButtons .button.ghost:hover {
    color: #644405;
    border-color: #644405;
    background-color: transparent;
}

.messageButtons .button.ghost input {
    color: #644405;
}

/* Progress bars */

.progress {
    overflow: hidden;

    position: relative;

    width: 100%;
    height: 50px;
}

.progressBar {
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 50px;

    color: #fff;

    background-color: #ddd;
}

.progressPercentage {
    position: absolute;

    top: 12px;
    left: -60px;
}

/* Toolbars */

.toolbar {
    display: none;

    padding: 10px 0 0 0;

    clear: both;
}

.toolbar.right {
    text-align: right;
}

.toolbar ul {
    float: left;

    padding: 0;
    margin: 0 4px 0 0;
}

.toolbar.right ul {
    display: inline-block;

    vertical-align: bottom;

    float: none;

    margin: 0 0 0 4px;
}

.toolbar ul li {
    padding: 0;
    margin: 0;
}

.toolbar .button {
    margin-bottom: 10px;
}
.maps .toolbar .button,
.itemOptions .toolbar .button {
    margin-bottom: 0;
}

#toolbarTop {
    margin-bottom: 10px;
}
#toolbarTop .button {
    margin-bottom: 0;
    min-height: 37px;
    vertical-align: bottom;
    border-radius: 4px;
}
#toolbarTop .button.follow,
#toolbarTop .button.following {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

#toolbarTop .button.follow.visible ~ .button.followers.visible,
#toolbarTop .button.following.visible ~ .button.followers.visible {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
#toolbarTop .toolbarWrapper {
    display: inline-block;
    overflow: visible;
    vertical-align: bottom;
}
#toolbarTop .toolbarWrapper ul a {
    font-size: 15px;
}

#toolbarTop .toolbarWrapper:nth-child(2) .button.security.float.right {
    float: none;
}

.toolbar .dropDown {
    margin-top: -10px;
}
#toolbarTop .dropDown,
.itemOptions .toolbar .dropDown {
    margin-top: 0;
}

.toolbar.right .dropDown {
    margin-left: -110px;
}

.toolbar .dropDown a {
    padding: 10px;
}

#toolbarTop {
    font-size: 0;
    overflow: visible;
    padding: 15px 0 5px 0;
}

#toolbarTop .button.security.iconOnly a {
    height: 33px;
}

.toolbarBottom {
    margin-bottom: 40px;

    text-align: center;

    background-color: #e9e9e9;
}
#toolbarOverlay.toolbarBottom {
    margin-bottom: 0;
    min-height: 50px;
}
.shareToolbarBottom {
    margin-left: -48px;
    margin-right: -48px;
}

#toolbarShare {
    margin-bottom: 20px;
}

#toolbarShare h2 {
    margin-bottom: 10px;

    border-bottom: solid 1px #e5e5e5;
}

#toolbarShare .button {
    margin-right: 4px;
}

#toolbarShare .button.twitter a,
.toolbar.share .button.twitter a {
    margin-left: 0;
}

#toolbarShare .button.twitter svg,
.toolbar.share .button.twitter svg {
    width: 18px;
    height: 18px;
    margin-bottom: -4px;
    fill: #555;
}

.no-touch #toolbarShare .button.twitter:hover svg {
    fill: #fff;
}

/* Portal selector */

.portalSelector {
    display: inline-block;

    padding: 0;
    margin-left: 15px;
}

.portalSelector li {
    display: inline-block;

    padding-bottom: 0;
}

.portalSelector.toolbar a {
    padding: 10px 15px;
}

.portalSelector.toolbar a:before {
    padding-right: 7px;
}

.portalSelector.dropDownMenu .button {
    margin-bottom: 0;
}

.portalSelector.dropDownMenu:hover .button button {
    color: #fff;
}

.portalSelector.dropDownMenu .dropDown {
    width: auto;

    margin-top: 0;
}

/* Errors */

.errorMessage {
    visibility: hidden;

    padding: 20px;
    margin-bottom: 20px;

    color: #9d2a2a;

    background-color: #f0c5c5;

    border: solid 1px #9d2a2a;
}

.errorMessage p {
    color: #9d2a2a;
}

.errorMessage h2 {
    margin: 0;

    color: #9d2a2a;
}

.errorMessage ul {
    margin-left: 45px;

    list-style: disc outside;
}

.pageType.danger {
    overflow: auto;
}

/* Warnings */

.warningMessage,
.inlineWarningMessage {
    padding: 20px;
    margin-bottom: 20px;

    color: #644405;

    background-color: #fbdca0;

    border: solid 1px #f6b83f;
}

.warningMessage h2 {
    margin: 0;

    color: #f6b83f;
}

.warningMessage ul {
    margin-left: 45px;

    list-style: disc outside;
}

.inlineWarningMessage p {
    margin-bottom: 0;
}

/* Success Message */
.successMessage {
    visibility: hidden;
    padding: 20px;
    margin-bottom: 20px;
    color: #1f9938;
    background-color: #c5f0ce;
    border: solid 1px #1f9938;
}

.successMessage p {
    color: #1f9938;
}

.successMessage h2 {
    margin: 0;
    color: #1f9938;
}

.successMessage ul {
    margin-left: 45px;
    list-style: disc outside;
}

/* Paging */

.pageNext,
.pageBack {
    display: none;
}

.paging {
    min-height: 40px;

    margin-bottom: 40px;
}

.pageNumber,
.paging > li {
    float: left;

    width: 40px;
    height: 40px;

    line-height: 40px;

    margin: 0 10px 20px 0;

    text-align: center;

    color: #555;

    background-color: #e9e9e9;
}

.pageNumber a,
span.pageNumber,
a.pageNumber {
    display: block;

    width: 40px;
    height: 40px;

    color: #555;
}

.pageNumber strong a,
.pageNumber .strong a,
.no-touch .pageNumber a:hover,
.no-touch a.pageNumber:hover {
    color: #fff !important;
}

.currentPageNumber {
    font-weight: bold;

    color: #fff;
}

/* Comments */

#comments {
    padding: 20px 0 20px 0;
}

#addComment .avatar,
#addUpdate .avatar {
    float: left;

    overflow: hidden;

    width: auto;
    height: auto;

    border-radius: 50%;
}

#addComment .field,
#addUpdate .field,
.field.addItemComment {
    overflow: visible;
}

#addComment .field textarea,
#addUpdate .field textarea {
    min-height: 80px;
    height: 80px;

    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.webGuidelines #addComment label[for="txtBody"] {
    display: block !important;
}

.field.addItemComment textarea {
    min-height: 36px;
}

.commentField {
    padding-left: 100px;
}

.commentField:first-child {
    padding-left: 0;
}

.no-touch .commentField .toolbar .button.showMore:hover {
    background-color: transparent;

    border-color: transparent;
}

#commentsList {
    margin-top: 50px;
}

.comment {
    width: 100%;

    margin-bottom: 40px;
}

.comment .toolbar {
    padding: 20px 0 0 100px;
}

.comment .toolbar .button.like,
.comment .toolbar .button.liked {
    float: left;

    margin-right: 4px;
}

.commentImage {
    position: relative;

    overflow: hidden;

    float: left;

    width: 80px;
    height: 80px;

    margin-right: 20px;

    background-color: #e9e9e9;

    border-radius: 50%;
}

.commentImage.hasAvatar {
    background: none;
}

.commentImage .avatar {
    z-index: 1;
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.commentImage .noAvatar {
    z-index: 0;

    position: absolute;

    top: 30%;

    overflow: visible;

    width: 100%;
    height: auto;

    text-align: center;

    font-size: 40px;
}

.commentContent {
    overflow: hidden;

    min-height: 80px;
}

.commentContent .field {
    margin-bottom: 0;
}

.commentInformation {
    padding-bottom: 5px;

    font-weight: 300;
}

.commentFile {
    display: block;

    margin-bottom: 5px;
}

.comment.edit .toolbar {
    padding: 10px 0 0 0;
}

/* Polls */
.poll .question {
    margin-bottom: 25px;
}

.poll .choice {
    display: table-row;
}

.poll .choice input {
    display: table-cell;

    float: none;

    margin: 7px 10px 20px 0;

    vertical-align: top;
}

.poll .choice label {
    display: table-cell;

    float: none;

    vertical-align: top;
}

.poll .result {
    padding-bottom: 10px;
}

.poll .result .columns,
.poll .result .column {
    display: inline-block;

    float: none;

    vertical-align: middle;
}

.poll .barContainer {
    background-color: #e9e9e9;
}

.poll .bar {
    height: 20px;
}

.poll .button {
    margin-top: 7px;
}

/* Statistics */

.statisticsChart {
    margin-top: 12px;
}

.statisticsChart .bar {
    display: inline-block;

    color: #fff;

    text-align: center;
    vertical-align: bottom;

    margin: 0 0.5%;

    cursor: pointer;
}

.statisticsChart .barContainer {
    position: relative;

    height: 150px;

    border: 1px solid #e5e5e5;

    margin-left: 14px;
}

.statisticsChart .xScale {
    margin-left: 14px;
}

.statisticsChart .xScale div {
    display: inline-block;

    text-align: center;
}

.statisticsChart .yScale {
    position: absolute;

    top: -13px;
    left: 0;
}

.statisticsChart .yScale div {
    position: absolute;

    top: 0;
    right: 5px;
}

.barTooltip {
    position: absolute;

    padding: 5px 7px;

    color: #fff;

    font-size: 12px;
    text-align: center;

    border: 1px solid #fff;
    border-radius: 5px;

    z-index: 1000;
}

.range-slider {
    height: 40px;
    width: 100%;
}

.range-slider__range {
    -webkit-appearance: none;
    border: 1px solid white;
    border-radius: 5px;
    margin: -4px 0;
    outline: none;
    padding: 0;
    width: calc(100% - (60px));
}
.range-slider__range::-webkit-slider-runnable-track {
    background-color: #d7dcdf;
    border: 1px solid #d7dcdf;
    border-radius: 5px;
    height: 7px;
}
.range-slider__range::-webkit-slider-thumb {
    -webkit-appearance: none;
    background-color: #2c3e50;
    border: none;
    border-radius: 50%;
    height: 16px;
    margin-top: -5px;
    width: 16px;
}
.range-slider__range::-webkit-slider-thumb:hover,
.range-slider__range:active::-webkit-slider-thumb {
    background-color: #1abc9c;
}
.range-slider__range:focus {
    outline: none;
}
.range-slider__range:focus::-webkit-slider-runnable-track {
    background-color: #ccc;
}
.range-slider__range::-webkit-progress-value {
    background-color: #888;
    border-radius: 5px;
    height: 7px;
}

.range-slider__range::-moz-range-track {
    background-color: #d7dcdf;
    border: 1px solid #d7dcdf;
    border-radius: 5px;
    height: 7px;
}
.range-slider__range::-moz-range-thumb {
    background-color: #2c3e50;
    border: none;
    border-radius: 50%;
    height: 15px;
    width: 15px;
}
.range-slider__range:-moz-focusring {
    outline: 1px solid white;
    outline-offset: -1px;
}
.range-slider__range::-moz-focus-inner,
.range-slider__range::-moz-focus-outer {
    border: 0;
}
.range-slider__range::-moz-range-thumb:hover,
.range-slider__range:active::-moz-range-thumb {
    background-color: #1abc9c;
}
.range-slider__range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px #1abc9c;
}
.range-slider__range::-moz-range-track {
    background-color: #d7dcdf;
    border: 0;
}

.range-slider__range::-moz-focus-inner,
.range-slider__range::-moz-focus-outer {
    border: 0;
}
.range-slider__range::-moz-range-progress {
    background-color: #888;
    border-radius: 5px;
    height: 7px;
}

.range-slider__range::-ms-track {
    background-color: transparent;
    border-color: transparent;
    border-width: 6px 0;
    color: transparent;
    height: 7px;
}
.range-slider__range::-ms-fill-lower {
    background-color: #777;
    border-radius: 10px;
}
.range-slider__range::-ms-fill-upper {
    background-color: #d7dcdf;
    border-radius: 10px;
}
.range-slider__range::-ms-thumb {
    background-color: #2c3e50;
    border: none;
    border-radius: 50%;
    height: 16px;
    width: 16px;
}
.range-slider__range:focus::-ms-fill-lower {
    background-color: #888;
}
.range-slider__range:focus::-ms-fill-upper {
    background-color: #ccc;
}
.range-slider__range::-ms-tooltip {
    display: none;
}

.range-slider__value {
    background-color: #2c3e50;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    line-height: 15px;
    margin-left: 8px;
    padding: 5px 10px;
    position: relative;
    text-align: center;
    width: 45px;
}
.range-slider__value::after {
    border-bottom: 6px solid transparent;
    border-right: 6px solid #2c3e50;
    border-top: 6px solid transparent;
    content: "";
    height: 0;
    left: -6px;
    position: absolute;
    top: 7px;
    width: 0;
}

/* Updates */

.four.columns .updateDescription.seven.columns,
.four.columns .updateImage.seven.columns,
.three.columns .updateDescription.seven.columns,
.three.columns .updateImage.seven.columns,
.two.columns .updateDescription.seven.columns,
.two.columns .updateImage.seven.columns,
.one.columns .updateDescription.seven.columns,
.one.columns .updateImage.seven.columns {
    min-width: 100%;
}

.webGuidelines a.readMore {
    text-decoration: underline;
}
.webGuidelines a.readMore::before,
.webGuidelines a.readMore::after {
    text-decoration: none;
}
.webGuidelines .readMore a.icon-forward.after::after {
    margin-left: 5px;
    text-decoration: none;
}

/* Cookie settings */
#cookieSettingsOverlayToggle {
    z-index: 999;
    position: fixed;
    bottom: -1px;
    right: 50px;
    min-width: 260px;
    height: 50px;
    padding: 10px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    white-space: nowrap;
}

#cookieSettingsOverlayToggle svg {
    float: left;
    width: 30px;
    margin-right: 10px;
}

#cookieSettingsOverlay .toolbarBottom .button input {
    text-transform: none;
}

#cookieSettingsOverlay .overlayContent .button.iconOnly.close:before {
    padding-left: 0;
}

#cookieSettingsOverlay .overlayItemContent .indent {
    padding-left: 67px;
}

.webGuidelines #cookieSettingsOverlay .overlayItemContent .indent {
    padding-left: 28px;
}

.cookieWarningMessage {
    position: relative;
    z-index: 999;
    padding: 20px;
    margin: 0 auto 20px auto;
    text-align: center;
    color: #555;
    background-color: #f2f2f2;
}

.cookieWarningMessage h3 {
    color: #555;
    font-weight: 600;
}

.cookieWarningMessage a {
    color: #555;
    text-decoration: underline;
}

#cookieSettingsOverlay .toolbarBottom {
    background-color: #fff;
    text-align: left;
}

#cookieSettingsOverlay .field,
#cookieSettingsOverlay p {
    margin-bottom: 10px;
}

/* Followers / followerspopup */

#followersOverlay .noAvatar,
#followersOverlay .avatar {
    float: left;
    margin-right: 10px;
}
#followersOverlay .avatar {
    object-fit: cover;
}
#followersOverlay .overlayItemContent .disabledUser {
    color: #888;
    font-weight: 400;
    text-decoration-line: line-through;
}

/* CKEditor mention settings */
.cke_autocomplete_panel .mention-avatar {
    background-color: #efefef;
    border: 0;
    border-radius: 50%;
    height: 25px;
    margin-right: 5px;
    max-height: 25px;
    max-width: 25px;
    vertical-align: middle;
    width: 25px;
}
.cke_autocomplete_panel .mention-user {
    padding: 5px;
}

/* CKEditor Youtube plugin styles */
.advancedOptionsLink {
    display: block;
    font-weight: 700 !important;
    margin: 20px 0 !important;
    text-decoration: underline;
}
.advancedOptionsLink:hover {
    cursor: pointer;
}
.advancedOptionsLink::before {
    display: inline-block;
    font-size: 16px;
    height: 15px;
    padding-left: 5px;
    position: relative;
    width: 15px;
}
.advancedOptionsLink.closed::before {
    content: "+";
    top: 1px;
}
.advancedOptionsLink.open::before {
    content: "-";
    top: 0;
}

.cke_top,
.cke_bottom {
    background-color: #e9e9e9 !important;
}

* {
    outline: none;
}

.keyboard-user *:focus {
    box-shadow: 0 0 0 2px #000, 0 0 2px 2px #000 !important;
    outline: 2px solid #fff;
    outline-offset: 2px;
}

.disabled,
*:disabled {
    cursor: not-allowed;
}

.editorInfoTooltip {
    position: relative;
}
.editorInfoTooltip::before {
    border-radius: 50%;
    color: royalblue;
    content: "\f05a";
    cursor: pointer;
    display: inline-block;
    font-family: "Font Awesome 6 Free", sans-serif;
    font-size: 20px;
    font-weight: 700;
    height: 24px;
    left: 5px;
    line-height: 24px;
    position: relative;
    text-align: center;
    top: 1px;
    width: 24px;
}
legend .editorInfoTooltip::before {
    left: 0;
    top: -2px;
}
.editorInfoTooltip .tooltip {
    background-color: slategrey;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.26);
    color: #fff;
    display: none;
    font-size: 14px;
    line-height: 1.3;
    opacity: 0;
    padding: 16px 20px;
    position: absolute;
    right: 0;
    margin-right: -90px;
    top: -70px;
    text-align: left;
    transition: transform 200ms ease-in-out, opacity 200ms ease-in-out;
    width: 200px;
}
legend .editorInfoTooltip .tooltip {
    top: -65px;
}
.editorInfoTooltip:focus > .tooltip,
.editorInfoTooltip:hover > .tooltip {
    display: block;
    opacity: 1;
}

.three.columns .editorContent .sticky {
    position: absolute;
}
.three.columns .editorContent .sticky.fixed {
    position: fixed;
}

/* Mobiles */
@media only screen and (max-width: 1000px) {
    .desktop #top {
        position: relative;
    }
    #top .row .eight.columns {
        padding-right: 20px;
    }

    .desktop #spacerTop {
        display: none;
    }

    table.list tr .column {
        margin-left: 1%;
    }
}

@media only screen and (max-width: 768px) {
    body.noScroll {
        overflow: hidden;
    }

    h1 {
        font-size: 36px;
    }

    #top {
        min-height: 60px;
    }

    #top .title {
        float: left;

        width: auto;

        margin: 10px 0 0 10px;

        font-size: 22px;
    }

    #top .title a {
        padding: 8px 10px 12px 10px;
    }

    #top .title.small,
    #top .title.extraSmall,
    #top .logo {
        max-height: 50px;
        max-width: 200px;
        margin-left: 15px;
    }

    .touch #top #shortcuts,
    .touch #top .search:not(.mobileSearch) {
        display: none;
    }

    .touch #top .hamburger {
        display: inline-block;
    }

    .touch.webGuidelines #top .hamburger span {
        display: block;

        float: right;

        margin: 13px 0 0 10px;

        font-size: 18px;

        line-height: 18px;
    }
    .webGuidelines #top .hamburger.active span {
        color: #fff;
    }

    #toolbarTop {
        text-align: left;
    }

    #toolbarTop .button.back {
        display: none;
    }

    #toolbarTop .button.follow input,
    #toolbarTop .button.following input,
    #toolbarTop .button.followers input {
        font-size: 14px;
    }

    .pathRow {
        padding: 0 15px;
    }

    #content {
        overflow-x: hidden;
        padding: 20px 15px 0 15px;
    }

    .ios body.overlayOpen #content {
        overflow-x: unset;
    }

    #content.fullscreen {
        padding: 0;
    }

    #left .content,
    #left .widget,
    #center,
    .twelve.columns #center,
    #right {
        padding-left: 0;
    }

    #bottom h3 {
        font-size: 22px;
    }

    #footer .logo {
        margin: 15px 15px 0 0;
    }

    .touchLabel {
        display: block;

        min-width: 130px;
    }

    .list .header {
        display: none;
    }

    .list .row .toolbar .dropDown {
        margin-left: 0;
    }

    .list .row .column,
    .list .row .columns {
        padding: 5px 0 5px 0;
    }

    .widget {
        width: 100%;
    }

    .charactersLeft {
        display: block;

        float: none;

        clear: both;

        margin-bottom: 10px;
    }

    .overlayContent.compact {
        min-width: 80%;
        max-width: 80%;
    }

    .twelve.columns .poll {
        float: none;

        width: 100%;

        margin: 0;
    }

    table.list,
    .webGuidelines table.list {
        border: 0;
    }

    table.list,
    table.list thead,
    table.list tbody,
    table.list th,
    table.list tr,
    table.list td {
        display: block;
    }

    table.list thead tr {
        left: -9999px;
        position: absolute;
        top: -9999px;
    }

    table.list tr {
        border: 1px solid #cdcdcd;
        margin-bottom: 10px;
    }

    table.list td {
        /* Behave  like a "row" */
        border: none;
        padding-left: 50%;
        position: relative;
    }

    table.list td:before {
        /* Now like a table header */
        left: 6px;
        padding-right: 10px;
        position: absolute;
        top: 6px;
        white-space: nowrap;
        width: 45%;
    }

    table.list td .touchLabel {
        display: inline-block;
        float: none;
    }

    table.list.alternative .eventItem .three.columns.date .columns {
        padding: 5px 10px 5px 0;
    }

    table.list.alternative .eventItem td .touchLabel {
        width: 130px !important;
    }

    table.list .column:first-child,
    table.list .columns:first-child {
        padding-left: 0;
    }

    .editorContent table {
        max-width: 100%;
    }
    .editorContent table th {
        display: none;
    }
    .editorContent table td,
    .editorContent table tbody th {
        display: block;
        word-break: break-word;
        width: 100% !important;
    }
    .editorContent table tbody th {
        border-right: 0;
    }
    .editorContent table tbody tr td:first-child {
        background-color: #f1f4f7;
    }
    .editorContent table thead ~ tbody th::before,
    .editorContent table thead ~ tbody td::before {
        content: attr(data-th-label) ": ";
        display: inline-block;
        font-weight: 700;
        margin-right: 4px;
        min-width: 6.5em;
    }
    .editorContent table thead ~ tbody tr:last-child {
        border-bottom: 1px solid #bcbcbc;
    }

    .overlay:not(#cookieSettingsOverlay) .button.iconOnly.close {
        margin-left: calc(90% - 55px);
        margin-top: -15px;
        position: fixed;
        right: auto;
        top: auto;
        z-index: 999;
    }
    .overlay h1 {
        padding: 40px 15px 15px;
    }
    .desktop .overlay h1 {
        padding-top: 25px;
    }
    .overlay .overlayContent {
        max-height: 90%;
        max-width: 90%;
        position: absolute;
        padding: 15px;
        left: 20px;
        top: 20px;
    }
    .desktop .overlay .overlayContent {
        top: 10px;
    }
    #cookieSettingsOverlay .overlayContent {
        padding: 0;
    }
    #cookieSettingsOverlay .overlayItemContent {
        height: auto;
        max-height: calc(100vh - 200px);
        overflow: auto;
        padding: 15px;
    }
    .desktop #cookieSettingsOverlay .overlayItemContent {
        max-height: calc(100vh - 170px);
        padding-bottom: 100px;
    }
    #cookieSettingsOverlay .overlayContent h1.scrollable {
        box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
    }
    #cookieSettingsOverlay .overlayContent .toolbarBottom.scrollable {
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
    }
    #cookieSettingsOverlay .overlayContent .toolbarBottom {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin-bottom: 0;
        padding: 20px 15px 5px;
    }
    .desktop #cookieSettingsOverlay .overlayContent .toolbarBottom {
        padding: 20px 15px 10px;
    }
    .desktop .overlayContent > .button.close {
        height: 38px;
        padding-top: 0;
        width: 38px;
    }
    .desktop .overlayItemTitle {
        margin-bottom: 14px;
    }
}

@media only screen and (max-width: 600px) {
    .mobile #newsletter.item .editorContent table {
        white-space: normal;
    }
}

@media only screen and (max-width: 580px) {
    .item-nav-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .item-nav {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
    }
    .item-nav.previous {
        margin-bottom: 25px;
    }
    .item-nav.next {
        float: none;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .editorContent table,
    .webGuidelines .editorContent table {
        overflow-wrap: break-word;
        width: 100%;
    }

    table.list tr .column {
        margin-left: 1%;
    }

    .comment .like.inline,
    .comment:not(.bestAnswer) .textButton {
        display: block;
        float: none;
        margin-top: 7px;
    }

    .comment.bestAnswer .textButton {
        display: block;
        float: left;
        margin-top: 20px;
    }

    .nestedComments .itemOptions {
        display: block;
        margin-top: 26px;
        clear: both;
    }

    .nestedComments .editMode > .commentImage {
        display: none;
    }
    table.list tr .column {
        margin-left: 1%;
    }
}

@media only screen and (max-width: 480px) {
    .touchLabel {
        width: 100% !important;
    }

    .tabs ul > div,
    .tab {
        width: 100%;

        text-align: center;
    }

    .tab a {
        font-weight: normal;
    }

    .tab.active a {
        font-weight: 600;
    }

    .tab:last-child a {
        border-width: 1px;
    }

    .tab .tabContent {
        text-align: left;
    }

    .tabs.vertical .tab a:before,
    .tabs.vertical .tab a br {
        display: none;
    }

    .tabs.vertical .tab .badge {
        position: absolute;

        top: 10px;
        right: 20px;
    }

    .tabs.vertical .tabContent {
        text-align: left;
    }

    .tabs.vertical .tabContent h3,
    .tabs.vertical .tabContent fieldset legend {
        font-size: 22px;
    }
}

@media only screen and (max-width: 420px) and (max-height: 320px) {
    #cookieSettingsOverlay.overlay .overlayContent {
        bottom: 10px;
        left: 10px;
        margin-bottom: 0;
        margin-top: 0;
        max-height: 95%;
        max-width: 95%;
        right: 10px;
        top: 10px;
    }
    #cookieSettingsOverlay .overlayContent .toolbarBottom {
        position: initial;
    }
}

/* Tablets & desktops */

@media only screen and (min-width: 481px) {
    .tabs.vertical {
        border: solid 1px #e5e5e5;
    }

    .tabs.vertical > ul {
        float: left;

        width: 120px;

        margin-right: 15px;
    }

    .tabs.vertical .tab {
        top: 0;

        width: 120px;

        text-align: center;
    }

    .tabs.vertical .tab a {
        height: auto;

        padding: 15px 0 15px 0;

        line-height: 20px;

        font-weight: 400;
        font-size: 14px;

        border: none;
        border-radius: 0;
    }

    .tabs.vertical .tab a:before {
        font-size: 16px;
    }

    .tabs.vertical .tab .badge {
        position: absolute;

        top: 5px;
    }

    .tabs.vertical .tabContent {
        min-height: 500px;

        border: none;
        border-left: solid 120px #f2f2f2;
    }

    .tabs.vertical .tabContent h3,
    .tabs.vertical .tabContent label.headingLabel.heading3,
    .tabs.vertical .tabContent fieldset legend {
        font-size: 24px;
    }
}

@media only screen and (max-width: 440px) {
    html.desktop #top .field.search {
        margin: 12px;
    }
}

@media only screen and (max-width: 320px) {
    #shortcuts.dropDownMenu .dropDown.notificationsContent {
        width: 200px;
    }

    .editorContent * {
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }

    #cookieSettingsOverlayToggle {
        min-width: 230px;
        right: 10px;
    }
}

/* Print */
@media print {
    html,
    body,
    form,
    #total {
        height: auto;
    }

    #top,
    #royalSlider,
    #pathOptions,
    .toolbar,
    .button,
    #bottom,
    #cookieSettingsOverlayToggle {
        display: none !important;
    }

    .printContent {
        display: block;
    }

    sup,
    sub {
        line-height: 1.625em;
    }
    #spacerTop {
        display: none;
    }
    .three.columns {
        display: none;
        width: 0;
    }
    .nine.columns {
        float: none;
        width: 95%;
    }
    h1 {
        font-size: 34px;
    }
    h4 {
        font-size: 16px;
    }
    p,
    ul {
        font-size: 14px;
    }
    .editorContent .row .columns.twelve {
        float: none;
        position: relative;
    }
    .readMoreContent.displayNone {
        display: block !important;
    }
    .collapsible-item .readMore {
        display: none;
    }
}

/* Placeholders */
*::-webkit-input-placeholder {
	color: #555;
	opacity: 1;
}
*:focus::-webkit-input-placeholder {
	color: #000;
	opacity: 1;
}

/* Firefox < 19 */
*:-moz-placeholder {
	color: #555;
	opacity: 1;
}
*:focus:-moz-placeholder {
	color: #000;
	opacity: 1;
}

/* Firefox > 19 */
*::-moz-placeholder {
	color: #555;
	opacity: 1;
}
*:focus::-moz-placeholder {
	color: #000;
	opacity: 1;
}

/* Microsoft Edge */
*::-ms-input-placeholder {
	color: #555;
	opacity: 1;
}
*:focus::-ms-input-placeholder {
	color: #000;
	opacity: 1;
}

/* Most modern browsers */
::placeholder {
	color: #555;
	opacity: 1;
}
:focus::placeholder {
	color: #000;
	opacity: 1;
}

/* Fields */
.field {
	position: relative;

	overflow: hidden;

	max-width: 100%;

	margin-bottom: 40px;

	vertical-align: middle;
}

.field:after {
	content: " ";
	display: block;
	clear: both;
}

.field.lessMargin {
	margin-bottom: 25px;
}

.field.noMargin {
	margin-bottom: 0;
}

.field.captcha {
	min-height: 120px;
}

.field.captcha.danger {
	padding: 20px 20px 10px;
}

.field.captcha label {
	float: none;
}
.field.captcha .captcha-help {
	display: none;
	font-size: 14px;
	font-style: italic;
	margin-bottom: 15px;
}
.webGuidelines .field.captcha .captcha-help {
	display: block;
}

.field.prepend,
.field.append {
	padding-bottom: 4px;

	font-size: 0;
}

.field label,
.fieldLabel {
	display: block;

	cursor: pointer;

	float: left;

	max-width: 85%;

	margin-bottom: 0;

	line-height: 1.625em;

	font-size: 16px;

	color: #666;
}
.field.radioGroup.horizontal label {
	max-width: 100%;
}

.field label:first-child,
form label:first-child,
.fieldLabel {
	margin-bottom: 10px;

	font-weight: 600;
}

.userConditions .field a,
.privacyStatement .field a {
	display: initial;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 0;
}

.userConditions .field,
.userConditions .field *,
.privacyStatement .field.switch,
.privacyStatement .field.switch *,
.privacyStatement .field * {
	font-weight: 700;
	line-height: 20px;
	margin: 0;
}
.userConditions .field label a,
.privacyStatement .field.switch label a {
	margin-right: 5px;
}
#registrations.item .userConditions .field label a,
#registrations.item .privacyStatement .field.switch label a {
	margin-right: 0;
}
.userConditions .field,
.privacyStatement .field.switch {
	margin-bottom: 40px;
}

.userConditions .field input[type="checkbox"],
.privacyStatement .field input[type="checkbox"] {
	margin: 3px 10px 0 0;
}

.commentField .field label {
	float: none;
}

.field .adjoined {
	z-index: 1;

	position: relative;

	display: inline-block;

	height: 36px;

	padding: 0 10px 0 10px;
	margin-bottom: 0;

	line-height: 34px;

	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	font-size: 16px;

	color: #555;

	background-color: #f2f2f2;
}

/* Form fields */

.field input[type="text"],
.field input[type="password"],
.field input[type="email"],
.field input[type="url"],
.field input[type="tel"],
.field input[type="file"],
.field textarea,
.field .tagsinput {
	position: relative;

	width: 100%;
	max-width: 100%;

	padding: 0 10px 0 10px;
	margin: 0;

	line-height: 34px;

	resize: none;

	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	font-size: 16px;

	color: #767676;

	background-color: #fff;

	border: solid 1px #949494;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;

	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.webGuidelines .field input[type="text"],
.webGuidelines .field input[type="password"],
.webGuidelines .field input[type="email"],
.webGuidelines .field input[type="url"],
.webGuidelines .field input[type="tel"],
.webGuidelines .field input[type="file"],
.webGuidelines .field textarea,
.webGuidelines .field .tagsinput,
.webGuidelines .cke_contents {
	border: solid 1px #757575;
}

html:not(.webGuidelines) .field input[type="text"],
html:not(.webGuidelines) .field input[type="password"],
html:not(.webGuidelines) .field input[type="email"],
html:not(.webGuidelines) .field input[type="url"],
html:not(.webGuidelines) .field input[type="tel"],
html:not(.webGuidelines) .field input[type="file"],
html:not(.webGuidelines) .field textarea,
html:not(.webGuidelines) .field .tagsinput {
	outline: none;
}

.field input[type="text"],
.field input[type="password"] {
	height: 36px;
}

.field input[type="file"] {
	padding: 5px 10px 5px 10px;
	line-height: 20px;
	border: dotted 2px #d8d8d8;
}

.webGuidelines .field input[type="file"] {
	border: dotted 2px #d8d8d8;
}

.field textarea {
	min-height: 170px;
	height: auto;
}

.field input[type="text"].warning:focus,
.field input[type="text"].warning,
.field textarea.warning:focus,
.field textarea.warning {
	border: 2px solid orange;
}

.field .tagsinput {
	overflow-y: auto;

	width: 100% !important;
	min-height: 170px;
	height: auto;

	padding: 10px;
}

.field .tagsinput input {
	width: 80px;
	height: 36px;

	font-weight: 300;
	font-size: 16px;

	border: none;
}

html:not(.webGuidelines) .field .tagsinput input {
	outline: none;
}

.field .tagsinput span.tag {
	display: block;

	float: left;

	height: 36px;

	padding: 0 5px 0 5px;
	margin: 0 5px 5px 0;

	text-decoration: none;

	color: #638421;

	background-color: #cde69c;

	border: 1px solid #a5d24a;
	border-radius: 2px;
}

.field .tagsinput span.tag a {
	font-weight: 600;

	text-decoration: none;

	color: #82ad2b;
}

.field .tagsinput .not_valid {
	color: #90111a !important;

	background-color: #fbd8db;

	border: solid 1px #fcb1b7;
	border-radius: 2px;
}

.field .color {
	position: absolute;

	right: 1px;

	width: 100px;
	height: 34px;

	margin-top: 1px;

	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.emailReset,
.passwordReset {
	padding: 0 20px;
	margin-bottom: 20px;
	border: solid 1px #e9e9e9;
}

.emailReset legend,
.passwordReset legend {
	font-size: 20px;
}

.emailReset label {
	width: 100%;
}

.emailReset input[type="text"],
.emailReset input[type="password"] {
	width: 78%;
}

.field.passwordRequirementsSummary li {
	color: #6e6e6e;
}

.field.passwordRequirementsSummary li:before {
	width: 15px;
	margin-right: 10px;
	position: relative;
	top: -1px;
}

.field.passwordRequirementsSummary .danger,
.field.passwordRequirementsSummary .danger:before {
	color: #9d2a2a;
}

.field.passwordRequirementsSummary .success {
	color: #2e8540;
	font-weight: 700;
}

.field.passwordRequirementsSummary .success:before {
	color: #0c7d29;
	content: "\e812";
}

.field.password.passwordCheck input {
	padding-right: 38px;
}
.field.passwordCheck .passwordToggle {
	background-color: transparent;
	border: none;
	bottom: 5px;
	color: inherit;
	cursor: pointer;
	font: inherit;
	outline: inherit;
	padding: 0;
	position: absolute;
	right: 16px;
	z-index: 1;
}

.field select,
.customDropDown > button {
	position: relative;

	display: block;

	width: 100%;
	height: 36px;

	padding-left: 10px;
	margin: 0;

	font-family: "Open Sans", sans-serif;
	font-size: 16px;

	color: #767676;

	border: solid 1px #e5e5e5;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.webGuidelines .field select,
.webGuidelines .customDropDown > button {
	border: solid 1px #757575;
}

html:not(.webGuidelines) .field select {
	outline: none;
}

.field input[type="text"]:focus,
.field input[type="password"]:focus,
.field input[type="email"]:focus,
.field input[type="url"]:focus,
.field input[type="tel"]:focus,
.field input[type="file"]:focus,
.field textarea:focus,
.field .tagsinput input:focus,
.field select:focus {
	color: #333;

	border: solid 1px #1873c9;
}

html:not(.webGuidelines) .field.dateTimeSelect select:not(.yearselect):not(.monthselect):not(.hourselect):not(.minuteselect) {
	display: none;
}

.field.dateSelect label,
.field.dateTimeSelect label,
.field.sorter label {
	display: inline-block;

	float: none;

	clear: both;
}

.field.dateSelect select {
	float: left;

	width: 30%;
}

.field.dateSelect select:nth-child(2) {
	width: 40%;
}

.field.dateTimeSelect select {
	float: left;

	width: 20%;
}

.field.dateTimePicker {
	overflow: visible;
}

.field.dateTimePicker:before {
	margin-left: 10px;
	position: absolute;
	top: 41px;
	z-index: 1;
}
.recurrenceDuration .field.dateTimePicker:before {
	top: 5px;
}

.field.dateTimePicker .dateTimeOutput {
	padding-left: 35px;
}

.field.sorter select {
	float: left;

	width: 50%;
}

.field input[type="radio"],
.field input[type="checkbox"] {
	position: relative;

	float: left;

	width: auto;

	margin: 7px 5px 0 1px;
}

.field .radio label {
	margin: 0 15px 0 5px;

	font-weight: normal;
}

.field table.radio {
	width: 100%;
}

.field.prepend input {
	display: inline-block;

	max-width: 100%;

	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}

.field.prepend.append input {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.field.prepend.append input:last-child,
.field.append *:last-child {
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}

.field.append input {
	display: inline-block;

	max-width: 100%;

	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}

.field.prepend.append input:first-child,
.field.prepend *:first-child {
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}

.field.gender span {
	display: block;

	clear: both;
}

.field .noRoundBorder {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}

/* Form field sizes */

.field .ten,
.field.ten {
	width: 10% !important;
}

.field .twenty,
.field.twenty {
	width: 20% !important;
}

.field .twentyFive,
.field.twentyFive {
	width: 25% !important;
}

.field .thirty,
.field.thirty {
	width: 30% !important;
}

.field .forty,
.field.forty {
	width: 40% !important;
}

.field .fifty,
.field.fifty {
	width: 50% !important;
}

.field .sixty,
.field.sixty {
	width: 60% !important;
}

.field .seventy,
.field.seventy {
	width: 70% !important;
}

.field .eighty,
.field.eighty {
	width: 80% !important;
}

.field .ninety,
.field.ninety {
	width: 90% !important;
}

.field .hundred,
.field.hundred {
	width: 100% !important;
}

/* Form field validation */
.field.danger:after,
.field.warning:after,
.field.success:after {
	z-index: 1;

	position: absolute;

	bottom: 5px;
	right: 0;

	margin-right: 15px;

	font-family: "entypo", sans-serif;
	font-size: 16px;
}

.field.danger.append:after,
.field.danger.prepend:after,
.field.warning.append:after,
.field.warning.prepend:after,
.field.success.append:after,
.field.success.prepend:after {
	content: "";
}

.field.danger.checkboxGroup,
.field.danger.radioGroup,
.field.warning.checkboxGroup,
.field.warning.radioGroup,
.field.success.checkboxGroup,
.field.success.radioGroup {
	padding: 10px;
}

.field.danger:after {
	color: #ca3838;

	content: "\e814";
}

.field.danger input[type="text"],
.field.danger input[type="password"],
.field.danger input[type="email"],
.field.danger input[type="url"],
.field.danger input[type="tel"],
.field.danger input[type="file"],
.field.danger textarea,
.field.danger select,
.field.danger.captcha,
.field.danger.checkboxGroup,
.field.danger.radioGroup,
.field.danger #customCssEditor {
	color: #9d2a2a;

	background-color: #f0c5c5 !important;

	border-color: #9d2a2a !important;
}

.field.danger label,
.field.danger .charactersLeft {
	color: #9d2a2a;
}

.field.danger input::-webkit-input-placeholder,
.field.danger textarea::-webkit-input-placeholder {
	color: #ca3838;
}

.field.danger #addressError {
	color: #ca3838;
}

.field.danger #addressError:before {
	margin-right: 5px;
}

.field.danger input:-moz-placeholder,
.field.danger textarea:-moz-placeholder,
.field.danger input:-ms-input-placeholder,
.field.danger textarea:-ms-input-placeholder {
	color: #ca3838;
}

.field.danger .passwordToggle {
	display: none;
}

.field.danger h3,
.field.danger h3:hover,
.field.danger a,
.field.danger a:hover {
	color: #9d2a2a;
}

.field.warning:after {
	color: #f6b83f;

	content: "\e83e";
}

.field.warning input[type="text"],
.field.warning input[type="password"],
.field.warning input[type="email"],
.field.warning input[type="url"],
.field.warning input[type="tel"],
.field.warning input[type="file"],
.field.warning textarea,
.field.warning select,
.field.warning.checkboxGroup,
.field.warning.radioGroup {
	color: #976707;

	background-color: #fef7ea !important;

	border-color: #f6b83f !important;
}

.field.warning label,
.field.warning .charactersLeft {
	color: #f6b83f;
}

.field.warning input::-webkit-input-placeholder,
.field.warning textarea::-webkit-input-placeholder {
	color: #f6b83f;
}

.field.warning input:-moz-placeholder,
.field.warning textarea:-moz-placeholder,
.field.warning input:-ms-input-placeholder,
.field.warning textarea:-ms-input-placeholder {
	color: #f6b83f;
}

.field.success:after {
	color: #58c026;

	content: "\e812";
}

.field.success input[type="text"],
.field.success input[type="password"],
.field.success input[type="email"],
.field.success input[type="url"],
.field.success input[type="tel"],
.field.success input[type="file"],
.field.success textarea,
.field.success select,
.field.success.checkboxGroup,
.field.success.radioGroup {
	color: #58c026;

	background-color: #c0eeaa !important;

	border-color: #58c026 !important;
}

.field.success label,
.field.warning .charactersLeft {
	color: #58c026;
}

.field.success input::-webkit-input-placeholder,
.field.success textarea::-webkit-input-placeholder {
	color: #58c026;
}

.field.success input:-moz-placeholder,
.field.success textarea:-moz-placeholder,
.field.success input:-ms-input-placeholder,
.field.success textarea:-ms-input-placeholder {
	color: #58c026;
}

/* Buttons */

.button,
.editorButton {
	display: inline-block;

	width: auto;
	min-height: 36px;

	padding: 0;

	text-align: center;

	line-height: 30px;

	font-family: "Open Sans", sans-serif;
	font-weight: 600;

	font-size: 16px;

	color: #555;

	background-color: #e9e9e9;

	border: solid 1px #e9e9e9;

	-webkit-appearance: none;
}

.toolbar .button,
.toolbar .button input {
	line-height: 34px;
}

.webGuidelines .button.iconOnly,
.webGuidelines .button.transparent,
.webGuidelines.no-touch .button.transparent.noHover:hover {
	border: solid 1px #757575;
}

.no-touch .button:hover {
	background-color: #f2f2f2;

	border-color: #f2f2f2;
}

.touch:not(.desktop) .button.export,
.touch:not(.desktop) #toolbarTop a.export {
	display: none;
}

.button div {
	display: none;
}

.button a,
.button input,
.button button,
.editorButton a,
.editorButton input,
.editorButton button,
a .editorButton,
.button.followers p {
	display: inline-block;

	cursor: pointer;

	height: 100%;

	padding: 0 16px 0 16px;
	margin: 0;

	text-transform: uppercase;

	font-family: "Open Sans", sans-serif;
	font-weight: 600;

	font-size: 16px;

	color: #555;

	background: none;

	border: none;
}

.button.followers:hover p {
	color: #fff;
}

.button.toggleDropDown:hover {
	cursor: pointer;
}

.hideDropDown .dropDown {
	display: none !important;
}

a .editorButton {
	color: #fff;
	background-color: #e9e9e9;
}

.editorButton a,
.editorButton input,
.editorButton button,
.editorContent .button:not(.transparent) a,
.editorContent .button:not(.transparent) input,
.editorContent .button:not(.transparent) button {
	color: #fff;
}

.button a {
	position: relative;
}

.button a,
.button input {
	line-height: 33px;
}

.no-touch .button:hover a {
	color: #555;
}

html:not(.webGuidelines) .button input:focus,
html:not(.webGuidelines) .button button:focus {
	outline: 0;
}

.button.after {
	padding-left: 10px;
}

.button.followUser,
.button.followingUser,
.button.vote,
.button.voted,
.button.voteYes,
.button.voteNo {
	min-width: 136px;
	width: auto;
}
.button.follow,
.button.following {
	min-width: 116px;
	width: auto;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.button.followUser input,
.button.followingUser input,
.button.vote input,
.button.voted input,
.button.voteYes input,
.button.voteNo input {
	min-width: 132px;
}
.button.follow input,
.button.following input {
	min-width: 112px;
}

.button.signUp,
.button.signedUp {
	width: 164px;
}

.button.signUp input,
.button.signedUp input {
	width: 156px;
}

.button.info,
.button.confirm,
.button.delete,
.button.success,
.button.general {
	color: #fff;
}

.button.info a,
.no-touch .button.info a:hover,
.button.info input,
.button.info button,
.button.confirm a,
.no-touch .button.confirm a:hover,
.button.confirm input,
.button.confirm button,
.button.delete a,
.no-touch .button.delete:hover a,
.no-touch .button.delete a:hover,
.button.delete input,
.button.delete button,
.button.success a,
.no-touch .button.success a:hover,
.button.success input,
.button.success button,
.button.general a,
.no-touch .button.general a:hover,
.button.general input,
.button.general button,
.no-touch .editorButton:hover a,
.no-touch .editorButton:hover input,
.no-touch .editorButton:hover button,
.no-touch .editorContent .button:hover a,
.no-touch .editorContent .button:hover input,
.no-touch .editorContent .button:hover button {
	color: #fff;
}

.button.transparent {
	background-color: transparent;
}

.button.delete.transparent {
	color: #555;

	border-color: #e9e9e9;
}
.webGuidelines .button.delete.transparent {
	border-color: #757575;
}

.button.delete.transparent a {
	color: #555 !important;
}

.no-touch .button.transparent:hover,
.no-touch .button.transparent:hover a,
.no-touch .button.transparent:hover input,
.no-touch .button.vote.transparent:focus-within input,
.no-touch .button.voted.transparent:focus-within input,
.no-touch .button.following.transparent:focus-within input,
.no-touch .button.transparent a:hover,
.webGuidelines .no-touch .button.transparent:hover,
.webGuidelines.no-touch .button.transparent:hover a,
.webGuidelines.no-touch .button.transparent:hover input,
.webGuidelines.no-touch .button.transparent a:hover,
.button.accepted.transparent input,
.button.denied.transparent input,
.button.maybied.transparent input,
.button.transparent.voteYes.active input,
.button.transparent.voteNo.active input {
	color: #fff;
}

.no-touch .button.follow.transparent:hover,
.no-touch .button.followUser.transparent:hover,
.no-touch .button.like.transparent:hover,
.no-touch .button.vote.transparent:hover,
.no-touch .button.vote.transparent:focus-within,
.no-touch .button.signUp.transparent:hover,
.no-touch .button.accept.transparent:hover,
.button.accepted.transparent,
.no-touch .button.accepted.transparent:hover,
.button.transparent.voteYes.active,
.no-touch .button.transparent.voteYes.active,
.no-touch .button.transparent.voteYes:hover,
.webGuidelines .itemImage.hasImage .toolbar .button.transparent.voteYes.active,
.webGuidelines .itemImage.hasImage .toolbar .button.transparent.voteYes.active,
.webGuidelines .itemImage.hasImage .toolbar .button.transparent.voteYes:hover,
.webGuidelines .itemImage.hasImage .toolbar .button.transparent.vote:hover {
	color: #fff;

	background-color: #0e8a2d;

	border-color: #0e8a2d;
}

.webGuidelines .itemImage.hasImage .toolbar .button.transparent.voteYes.active input,
.webGuidelines .itemImage.hasImage .toolbar .no-touch .button.transparent.voteYes.active input,
.webGuidelines .itemImage.hasImage .toolbar .button.transparent.voteYes:hover input,
.webGuidelines .itemImage.hasImage .toolbar .button.transparent.vote:hover input {
	color: #fff;
}

.button.following.transparent,
.button.followingUser.transparent,
.infoDialog .userLinks .button.followingUser.transparent,
.button.liked.transparent {
	color: #0e8a2d;

	border-color: #0e8a2d;
}

.button.following.transparent input,
.button.followingUser.transparent input,
.button.liked.transparent input {
	color: #0e8a2d;
}

.button.favorited.transparent {
	color: #f6b83f;

	border-color: #f6b83f;
}
.webGuidelines .button.favorited.transparent {
	color: #0e27a6;

	border-color: #0e27a6;
}

.button.favorited.transparent input {
	color: #f6b83f;
}
.webGuidelines .button.favorited.transparent input {
	color: #0e27a6;
}

.no-touch .button.following.transparent:hover,
.no-touch .button.following.transparent:focus-within,
.no-touch .button.followingUser.transparent:hover,
.no-touch #users.section .button.followingUser.transparent:focus-within,
.no-touch .button.liked.transparent:hover,
.no-touch .button.voted.transparent:hover,
.no-touch .button.voted.transparent:focus-within,
.no-touch .button.signedUp.transparent:hover,
.no-touch .button.deny.transparent:hover,
.button.denied.transparent,
.no-touch .button.denied.transparent:hover,
.no-touch .button.favorited.transparent:hover,
.button.transparent.voteNo.active,
.no-touch .button.transparent.voteNo.active,
.no-touch .button.transparent.voteNo:hover,
.webGuidelines .itemImage.hasImage .toolbar .button.transparent.voteNo.active,
.no-touch.webGuidelines .itemImage.hasImage .toolbar .button.transparent.voteNo.active,
.webGuidelines .itemImage.hasImage .toolbar .button.transparent.voteNo:hover,
.webGuidelines .itemImage.hasImage .toolbar .button.transparent.voted:hover {
	color: #fff;

	background-color: #ca3838;

	border-color: #ca3838;
}

.webGuidelines .itemImage.hasImage .toolbar .button.transparent.voteNo.active input,
.no-touch.webGuidelines .itemImage.hasImage .toolbar .button.transparent.voteNo.active input,
.webGuidelines .itemImage.hasImage .toolbar .button.transparent.voteNo:hover input,
.webGuidelines .itemImage.hasImage .toolbar .button.transparent.voted:hover input {
	color: #fff;
}

.no-touch .button.favorite.transparent:hover {
	color: #fff;

	background-color: #f6b83f;

	border-color: #f6b83f;
}
.webGuidelines.no-touch #toolbarTop .button.favorite.transparent:hover,
.webGuidelines.no-touch .button.favorite.transparent:hover {
	background-color: #0e27a6;

	border-color: #0e27a6;
}
.no-touch .button.maybe.transparent:hover,
.button.maybied.transparent,
.no-touch .button.maybied.transparent:hover {
	color: #fff;

	background-color: #f6b83f;

	border-color: #f6b83f;
}
.webGuidelines.no-touch .button.maybe.transparent:hover,
.webGuidelines .button.maybied.transparent,
.webGuidelines.no-touch .button.maybied.transparent:hover {
	background-color: #0e27a6;

	border-color: #0e27a6;
}

#toolbarTop .button.like,
#toolbarTop .button.liked,
.button.security,
.button.favorite,
.button.favorited,
.button.continue,
.button.rotate {
	margin-left: 4px;
}

#toolbarTop .button.follow.visible ~ .button.followers.visible,
#toolbarTop .button.following.visible ~ .button.followers.visible {
	border-left: none;
}

.button.iconOnly {
	width: 40px;

	font-size: 20px;
}

.no-touch .button.iconOnly:hover {
	color: #fff;
}

.button.iconOnly:before {
	width: 26px;

	padding-left: 5px;
}

.button.iconOnly.exportItem:before,
.button.iconOnly.noPadding:before {
	padding-left: 0;
}

.button.iconOnly a,
.button.iconOnly span {
	width: 40px;

	padding: 0;
	margin-left: -40px;
}

.button.iconOnly input,
.button.iconOnly button {
	position: absolute;
	width: 40px;
	height: 36px;
	padding: 0;
	margin-left: -34px;
}

#favoritesTabContent .button.iconOnly input {
	height: 34px;
	margin-left: -30px;
	padding: 0;
	width: 36px;
}
#favoritesTabContent .buttons.right {
	padding: 2px;
}

.button.iconOnly.close {
	position: absolute;

	top: 0;
	right: 0;
}

.button.iconOnly.close:before {
	padding-left: 0;
}

.overlayContent .button.iconOnly.close:before {
	padding-left: 5px;
}

.button.iconOnly.close input {
	width: 36px;
}

#toolbarTop > .button,
#toolbarTop .button.iconOnly {
	vertical-align: bottom;
}

#toolbarTop ul .button.iconOnly:before {
	margin-bottom: 1px;
}

.button.rounded,
.no-touch .button.rounded:hover,
.no-touch .button.rounded:active {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.button.oval {
	-webkit-border-radius: 1000px;
	-moz-border-radius: 1000px;
	border-radius: 1000px;
}

.button.oval-left {
	-webkit-border-radius: 500px 0 0 500px;
	-moz-border-radius: 500px 0 0 500px;
	border-radius: 500px 0 0 500px;
}

.button.oval-right {
	-webkit-border-radius: 0 500px 500px 0;
	-moz-border-radius: 0 500px 500px 0;
	border-radius: 0 500px 500px 0;
}

.field.prepend .button,
.field.append .button {
	z-index: 1;

	position: relative;

	display: inline-block;

	margin: 0 -1px 0 0;
}

.field.append .button {
	margin-left: -1px;
}

.field.prepend .button a,
.field.append .button a {
	padding: 0 12px 0 12px;
}

.button.noHover,
.button.noHover * {
	pointer-events: none;
}

.button.disabled {
	cursor: not-allowed;
	opacity: 0.6;
	pointer-events: none;
}
.toolbar:not(.toolbarSaveSend) .button:not(.iconOnly):not(.register):not(.busy).disabled:not(:first-child) {
	margin-left: 0;
}

.button.busy.before::before {
	animation: rotation infinite 1.5s linear;
	content: "\f110" !important;
	font-size: 18px;
	padding-left: 0;
}
.button.attend.busy.before::before {
	margin-left: 14px;
}

@keyframes rotation {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

/* Alerts */

.alert {
	margin-bottom: 10px;

	color: #555;

	list-style-type: none;
	word-wrap: break-word;

	background-color: #fff;

	border: solid 1px #f2f2f2;
}

.alert.info {
	background-color: #e8f4fd;
	color: #2176ae;
}

.alert.confirm {
	background-color: #e6f7ec;
	color: #1e824c;
}

.alert.danger {
	background-color: #fdeaea;
	color: #c0392b;
}

.alert.warning {
	background-color: #fff8e1;
	color: #b26a00;
}

.alert.success {
	background-color: #e6f7ec;
	color: #1e824c;
}

.alert.general {
	background-color: #f0f4f8;
	color: #3a3a3a;
}

/* Badges & labels */

.badge,
.newFeatureBadge,
.label {
	display: inline-block;

	height: 20px;

	padding: 0 7px 0 7px;

	text-align: center;

	line-height: 20px;

	color: #555;

	background-color: #f2f2f2;
}
.badge {
	font-size: 14px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.newFeatureBadge {
	font-weight: 600;
	font-size: 10px;
	margin-left: 5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.label {
	font-size: 12px;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.badge a,
.no-touch .badge a:hover,
.label a,
.no-touch .label a:hover {
	color: #555;
}

label a {
	text-decoration: underline;
}

.badge.info,
.label.info {
	color: #fff;
	background-color: #4a4d50;
}

.badge.info a,
.no-touch .badge.info a:hover,
.label.info a,
.no-touch .label.info a:hover {
	color: #fff;
}

.badge.confirm,
.label.confirm {
	color: #fff;
	background-color: #0e8a2d;
}

.badge.confirm a,
.no-touch .badge.confirm a:hover,
.label.confirm a,
.no-touch .label.confirm a:hover {
	color: #fff;
}

.badge.danger,
.label.danger {
	color: #fff !important;
	background-color: #ca3838;
}

.badge.danger a,
.no-touch .badge.danger a:hover,
.label.danger a,
.no-touch .label.danger a:hover {
	color: #fff !important;
}

.badge.warning,
.label.warning {
	color: #644405;
	background-color: #f6b83f;
}

.badge.warning a,
.no-touch .badge.warning a:hover,
.label.warning a,
.no-touch .label.warning a:hover {
	color: #644405;
}

.badge.success,
.label.success {
	color: #fff;
	background-color: #58c026;
}

.badge.success a,
.no-touch .badge.success a:hover,
.label.success a,
.no-touch .label.success a:hover {
	color: #fff;
}

.badge.general,
.newFeatureBadge,
.label.general {
	color: #fff;
	background-color: #1873c9;
}

.badge.general a,
.no-touch .badge.general a:hover,
.label.general a,
.no-touch .label.general a:hover {
	color: #fff;
}

.field.recurrenceWeekday span,
.field.recurrenceWeekdayDeviated span,
.field.recurrenceDay span {
	float: left;
	padding-right: 10px;
	padding-top: 5px;
}

.alignRight {
	text-align: right;
}

.alignRight select,
.alignRight input,
.alignRight textarea {
	display: inline-block;

	float: none;
}

.alignRight:last-child {
	margin-right: 0;
}

/* Editor forms */

#forms.item .formSpacer:first-child {
	display: none;
}

#forms.item:not(.add) .field {
	display: block;

	margin: 0;
}

#forms.item .formSpacer {
	height: 20px;

	margin: 0;
}

#forms.item select {
	height: auto;
	min-height: 36px;
}

#forms.item .question {
	display: block;

	font-weight: 600;

	color: #555;

	margin-bottom: 10px;
}
#forms.item fieldset legend.question {
	font-size: 16px;

	padding: 0;
}

#forms.item .answer {
	display: block;

	clear: both;
}

#forms.item .field.horizontal .answer {
	display: inline-block;

	clear: none;

	margin-right: 20px;
}

#forms.item .overlayContent .field {
	overflow: hidden;
}

fieldset.block {
	display: block;
	padding: 20px;
	margin-bottom: 40px;
	background-color: #e9e9e9;
	border-bottom: 3px solid #bcbcbc;
}

.field.newsletterSender label {
	margin-bottom: 0;
}

.field.newsletterSender div::before {
	content: "";
	clear: both;
	display: table;
}

fieldset.block legend {
	padding: 0 10px 5px 10px;
	background-color: #fff;
}

#forms.item.results .row .two.columns {
	word-wrap: anywhere;
}

.accessibilityLink {
	display: block;
	text-decoration: underline;
	padding-bottom: 20px;
}

.extraFieldsEditor .cke_contents {
	height: 400px !important;
}

input[type="text"]:read-only,
.field input[type="text"]:read-only {
	background-color: #eee;
	border: 1px solid #bababa !important;
	color: #000;
	cursor: inherit;
}
input[type="text"]:read-only:focus,
.field input[type="text"]:read-only:focus {
	box-shadow: none;
}

#mobileSlideOut .field.search span {
	position: relative;
}
#mobileSlideOut .field.search a.icon-search {
	color: #8f96a0;
	position: absolute;
	right: 20px;
	top: -2px;
}

/* Mobiles & tablets */
@media only screen and (max-width: 768px) {
	.field .ten,
	.field .twenty,
	.field .twentyFive,
	.field .thirty,
	.field .forty,
	.field .fifty,
	.field .sixty,
	.field .seventy,
	.field .eighty,
	.field .ninety {
		width: 100% !important;

		margin: 0 0 10px 0 !important;
	}

	.field.dateSelect select,
	.field.dateTimeSelect select,
	.field.sorter select {
		width: 100% !important;
	}

	#reCaptcha {
		min-height: 130px;
	}
}

/* Mobiles */

@media only screen and (max-width: 480px) {
	#forms.item .field.horizontal .answer {
		display: block;
		clear: both;
	}

	#rc-imageselect {
		transform: scale(0.77);
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
	}
}

/* Drop down */

.dropDownMenu .dropDown {
    z-index: 999;

    position: absolute;

    overflow: hidden;

    width: 150px;
    height: 0;

    text-align: left;

    background-color: #fff;

    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3);
}

.safari .dropDownMenu .dropDown {
    box-shadow: none;
}

.dropDownMenu .dropDown a {
    color: #555;

    border-bottom: solid 1px #ccc;
}

.safari .dropDownMenu .dropDown a {
    border: solid 1px #ccc;
    border-width: 1px 1px 0 1px;
}

.safari .dropDownMenu .dropDown > a:last-child {
    border-width: 1px;
}

.no-touch .dropDownMenu .dropDown a:hover,
.no-touch .dropDownMenu .dropDown a:focus,
.no-touch .dropDownMenu .dropDown a.active {
    color: #fff;
}

.dropDownMenu .dropDown ul li {
    display: block;

    position: relative;

    float: left;

    width: 150px;
    height: auto;
}

.dropDownMenu .dropDown ul li.new {
    background-color: #eff7fc;
}

.dropDownMenu .toggleDropDown {
    cursor: default;
}

.no-touch .dropDownMenu li:not(.noHover):not(.delayed):hover .toggleDropDown,
.toggleDropDown.active {
    color: #fff;
}

.no-touch .dropDownMenu.delayed.expanded .dropDown.show,
.no-touch .dropDownMenu:not(.delayed).visible .dropDown.show,
.no-touch #mainMenu.dropDownMenu:not(.delayed) li:not(.noHover):hover .dropDown,
.dropDown.show,
.no-touch:not(.threedotfive) .dropDownMenu li.focus:not(.noHover) .dropDown.show,
.no-touch:not(.threedotfive) .dropDownMenu li:not(.noHover) a:focus ~ .dropDown.show,
.no-touch:not(.threedotfive) #mainMenu.dropDownMenu li.focus:not(.noHover) .dropDown,
.no-touch:not(.threedotfive) #mainMenu.dropDownMenu li:not(.noHover) a:focus ~ .dropDown,
.no-touch:not(.threedotfive) #mainMenu.dropDownMenu li:not(.noHover):focus-within .dropDown {
    overflow: visible;

    height: auto;
    min-height: 40px;

    padding: 0;
}

.no-touch #mainMenu.dropDownMenu:not(.delayed) li:not(.noHover):hover .dropDown a,
.no-touch #mainMenu.dropDownMenu li.focus:not(.noHover) .dropDown a,
.no-touch #mainMenu.dropDownMenu li:not(.noHover) a:focus ~ .dropDown a,
.no-touch .dropDownMenu:not(.delayed) .dropDown.show a,
.no-touch .dropDownMenu.delayed.expanded .dropDown.show a,
.no-touch .dropDownMenu li.focus:not(.noHover) .dropDown.show a,
.no-touch .dropDownMenu li:not(.noHover) a:focus ~ .dropDown.show a,
.dropDown.show a {
    display: block;
}

.no-touch .dropDownMenu:not(.delayed) li:not(.noHover):hover .dropDown a:before,
.no-touch .dropDownMenu.delayed.expanded li:not(.noHover):hover .dropDown a:before,
.no-touch .dropDownMenu li.focus:not(.noHover) .dropDown a:before,
.no-touch .dropDownMenu li:not(.noHover) a:focus ~ .dropDown a:before,
.dropDown.show a:before {
    width: 20px;

    text-align: left;
}

/* Main menu */

#mainMenu {
    height: 50px;

    padding: 0;
}

.touch:not(.desktop) #mainMenu {
    display: none;
}

#mainMenu.doubleHeight {
    min-height: 100px;
    height: auto;
}

#mainMenu a {
    white-space: nowrap;
}

#mainMenu a.active {
    color: #fff;
}
.webGuidelines #mainMenu a.active {
    font-weight: 700;
}

#mainMenu a.arrow {
    display: none;

    float: right;

    width: auto;

    padding: 12px 10px 8px 10px;
    margin: -50px 0 0 0;
}

#mobileMenu .arrowContainer > a:first-child {
    padding-right: 50px;
}

#mainMenu ul {
    display: table;

    float: none;

    padding: 0;
    margin: 0;

    vertical-align: middle;
}

#mainMenu ul li {
    display: table-cell;

    height: 50px;

    padding: 0;
    margin: 0;
}

#mainMenu ul li a {
    display: block;
    overflow: hidden;

    height: 50px;

    padding: 12px 15px 8px 15px;

    font-size: 16px;
}

.no-touch #mainMenu ul li:hover > a,
.no-touch #mainMenu ul li > a:focus {
    z-index: 98;
    position: relative;
    color: #fff;
}

#mainMenu .secondRow {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
}

/* Main menu drop down */

#mainMenu.dropDownMenu ul li .dropDown {
    z-index: 98;

    width: 250px;
}

.no-touch #mainMenu.dropDownMenu ul li.hideChildren .dropDown {
    display: none;
}

#mainMenu.dropDownMenu ul li .dropDown ul li {
    width: 250px;
    height: auto;
    min-height: 50px;
}

#mainMenu.dropDownMenu ul li .dropDown a {
    height: auto;
    min-height: 50px;

    color: #555;

    white-space: normal;
}

#mainMenu.dropDownMenu ul li .dropDown a.active:not(:focus) {
    color: #555;

    background-color: transparent;
}

.no-touch #mainMenu.dropDownMenu ul li .dropDown a:hover,
.no-touch #mainMenu.dropDownMenu ul li .dropDown a:focus,
.no-touch #mainMenu.dropDownMenu ul li .dropDown a.active:hover {
    color: #fff;
}

#mainMenu.dropDownMenu ul li .dropDown ul li .dropDown {
    display: none;
}

/* Sub menu */

#subMenu a {
    display: block;

    width: 100%;

    padding: 10px 15px 10px 15px;

    color: #555;
}

.webGuidelines #subMenu a.active {
    font-weight: 700;
}

#subMenu ul {
    margin: 0;
}

#subMenu ul li {
    padding: 0;
}

#subMenu ul li ul li a {
    padding-left: 30px;
}

#subMenu ul li ul li ul li a {
    padding-left: 45px;
}

#subMenu ul li ul li ul li ul li a {
    padding-left: 60px;
}

#subMenu .arrow {
    display: none;
}

/* Horizontal Sub Menu */
#subMenu.horizontal {
    background-color: transparent;
    margin: 0 0 0 -2px;
}

#subMenu.horizontal ul {
    flex-wrap: wrap;
    margin-bottom: 20px;
    display: none;
}

#top #subMenu.horizontal ul {
    margin: 2px 0;
}

#subMenu.horizontal li {
    margin: 2px;
}

#subMenu.horizontal a:not(.arrow),
.no-touch #subMenu.horizontal ul li a:not(.arrow):hover {
    padding-top: 6px;
    padding-bottom: 6px;
}

#anchorMenu li {
    background-color: #ebebeb;
}
#anchorMenu li a::before {
    padding-right: 8px;
}
#anchorMenu li:last-child {
    margin-bottom: 50px;
}

/* Expandable sub menu */

#expandableSubMenu a.arrow {
    display: block;

    float: right;

    width: auto;

    padding: 10px;
    margin: -46px 0 0 0;
}

#expandableSubMenu .dropDown {
    display: none;
}

#expandableSubMenu .back:before {
    margin-right: 10px;
}

/* Mobile slide out */

#mobileSlideOut {
    display: none;

    z-index: 999;

    position: fixed;
    touch-action: auto !important;

    top: 60px;

    overflow: hidden;

    width: 100%;
    height: 100%;

    padding: 0 15px 0 15px;

    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#mobileSlideOut:focus {
    outline: none !important;
}

#mobileSlideOut #scroller {
    position: relative;
}

#mobileShortcuts {
    margin: 15px 0 0 0;
}

#mobileShortcuts li {
    padding: 0;
    margin: 0;

    text-align: center;
}

#mobileShortcuts .field {
    padding-bottom: 15px;
}

#mobileShortcuts .field input {
    height: 40px;
    padding-right: 40px;
}

#mobileShortcuts .field a {
    position: absolute;

    top: 2px;
    right: 5px;

    overflow: hidden;

    width: 30px;
    height: 36px;
    padding: 4px 0 0 0;

    font-size: 22px;

    color: #555;
}

#mobileShortcuts .shortcut {
    position: relative;
    display: inline-block;

    margin-top: 10px;
    padding: 10px;

    text-align: center;

    font-size: 12px;
}

#mobileShortcuts .shortcut:before {
    position: absolute;
    font-size: 24px;
    top: -15px;
    left: 50%;
    transform: translate(-50%);
}

#mobileShortcuts .shortcut.flag.dutch::before {
    content: "\A";
}
#mobileShortcuts .shortcut.flag.dutch {
    display: inline;
    white-space: pre;
}

#mobileShortcuts .avatar {
    position: absolute;

    cursor: pointer;

    margin: 2px -40px 0 10px;
}

#mobileShortcuts .badge {
    left: auto;
    margin: -10px 0 0 36px;
}

#mobileShortcuts .dropDown {
    width: 100%;

    font-size: 14px;
}
#mobileShortcuts .dropDown.show {
    z-index: 1200;
}

#mobileShortcuts .dropDown .widget,
#mobileShortcuts .dropDown ul {
    margin: 0;
}

#mobileShortcuts .dropDown.favoritesContent a {
    padding: 10px;
}

#mobileShortcuts .dropDown.notificationsContent ul li {
    width: 100%;

    padding: 0 15px 10px 45px;
    margin: 0;

    text-align: left;

    border-bottom: solid 1px #ccc;
}

#mobileShortcuts .dropDown.notificationsContent ul li a {
    display: inline-block;

    padding: 0;

    border: none;
}

#mobileShortcuts .dropDown.notificationsContent .update {
    padding: 10px 10px 5px 5px;

    line-height: 20px;
}

#mobileShortcuts .dropDown.notificationsContent .date {
    padding: 0 0 5px 5px;

    line-height: 20px;
}

#mobileShortcuts .dropDown.favoritesContent .editFavorites,
#mobileShortcuts .dropDown.notificationsContent .moreUpdates {
    display: block;

    padding: 10px 0 10px 0;

    text-align: center;
}

/* Mobile menu */

#mobileMenu {
    padding: 10px 0 110px 0;
}

#mobileMenu a {
    border-top: solid 1px #ccc;
}

#mobileMenu a.active {
    font-weight: 600;

    background-image: url("/communities/common/themes/mett%20responsive/images/backgrounds/mobile_menu.png");
}

#mobileMenu a.arrow {
    float: right;

    width: auto;

    padding: 10px;
    margin: -46px 0 0 0;

    font-size: 24px;

    border-top: none;
}

#mobileMenu ul {
    margin: 0;
}

#mobileMenu ul li {
    padding: 0;
}

#mobileMenu ul li a {
    display: block;

    width: 100%;

    padding: 10px;
}

#mobileMenu ul li ul li a {
    padding-left: 25px;
}

#mobileMenu ul li ul li ul li a {
    padding-left: 40px;
}

#mobileMenu ul li ul li ul li ul li a {
    padding-left: 55px;
}

#mobileMenu ul li ul li ul li ul li ul li a {
    padding-left: 70px;
}

#mobileMenu ul li ul li ul li ul li ul li ul li a {
    padding-left: 85px;
}

#mobileMenu .dropDown {
    display: none;
}

/* Desktop */

@media only screen and (min-width: 769px) {
    #mobileSlideOut {
        display: none !important;
    }
}

/* Mobiles & tablets */

@media only screen and (max-width: 768px) {
    #subMenu {
        margin-bottom: 20px;
    }

    .mobile #subMenu {
        display: none;
    }
}

/* Print */

@media print {
    #subMenu {
        display: none;
    }
}

/* Users section */

#users .sectionOptions.namePicker a {
	display: inline-block;

	padding: 0 5px 0 5px;
	margin-bottom: 10px;
}

#users.section .itemContent {
	position: relative;
}

#users .sortOptions {
	padding-left: 10px;
	margin-bottom: 20px;

	font-size: 15px;

	background-color: #fff3a2;

	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

#users .sortOptions .sortTitle {
	font-weight: 600;
}

#users .sectionContent .items {
	padding-left: 20px;
}

#users .sectionContent .item {
	padding: 5px;
	margin-bottom: 60px;
}

.no-touch #users .sectionContent .item.pointer:not(.inactive):hover {
	background-color: #edf4fe;
}

#users .sectionContent .itemTitle {
	padding-bottom: 10px;
}

/* User list view */
#users.section.list-view .items {
	margin-bottom: 60px;
}

#users.section.list-view .item {
	margin-bottom: 10px;
	max-width: 100%;
	padding: 10px;
	position: relative;
	width: 100%;
}

#users.section.list-view .item.alternate:not(.inactive) {
	background-color: #eff7fc;
}

#users.section.list-view .itemImage.mini,
#users.section.list-view .itemImage.small {
	width: 55px;
	height: 55px;
}

#users.section.list-view .itemImage.mini .noImage,
#users.section.list-view .itemImage.small .noImage {
	font-size: 40px;
}

#users.section.list-view .itemTitle {
	padding-bottom: 5px;
	font-size: 20px;
}

#users.section.list-view .profileIcon {
	display: inline-block;
	margin-right: 10px;
}

#users.section.list-view .profileIcon:before {
	width: auto;
	margin-right: 5px;
}

#users.section.list-view .itemInformation {
	display: block;
}

#users.section.list-view .item .itemInformation {
	margin-top: 0;
	padding-bottom: 0;
}

#users.section.list-view .profileIcon.vCard {
	display: none;
}

#users.section.list-view .followUserToolbar {
	position: absolute;
	top: 10px;
	right: 10px;
	margin: 0;
}

#users.section.list-view .followUserToolbar .button,
#users.section.list-view .followUserToolbar .button input {
	font-size: 14px;
}

/* User */

html.pageType28:has(#users.item) #toolbarTop {
	display: none !important;
}

#users.item .itemTitle {
	padding-bottom: 15px;
}

.mobile #users.item .itemTitle {
	text-align: center;
}

#users.item .itemContent {
	margin-top: 60px;
}

#users.item.add .itemContent,
#users.item.edit .itemContent {
	margin-top: 0;
}

#users.item.add #extraTabContent legend:first-child,
#users.item.edit #extraTabContent legend:first-child {
	padding: 0 0 20px 0;
}

#users.item:not(.add.edit) .itemHeader {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
#users.item .itemHeaderLeft {
	-webkit-box-flex: 1;
	flex-grow: 1;
	margin-right: 0;
}
#users.item .itemHeaderRight {
	margin-right: 20px;
	min-width: 150px;
}

.profileIcon {
	font-size: 14px;

	margin-bottom: 0;

	word-break: unset;
}

.profileIcon:before {
	width: 20px;

	margin-right: 10px;

	text-align: center;
}

.profileIcon a {
	color: #000;
}

.profileIcon.icon-mail {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.itemImage.small {
	height: 140px;
	width: 140px;
}

#users.section .item .itemInformation {
	color: #6e6e6e;
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
	margin-top: -5px;
	padding-bottom: 20px;
}

.touch:not(.desktop) .vCard {
	display: none;
}

.sortContainer {
	margin-bottom: 20px;

	padding-left: 10px;

	font-size: 15px;

	background-color: #fff3a2;
}

.sortTitle {
	font-weight: 600;
}

.profileItem {
	margin-bottom: 20px;
}

.profileItemContent span {
	white-space: pre-line;
}

.profileItem h2 {
	padding-bottom: 5px;

	font-size: 18px;
	font-weight: 600;
}

/* Inactive user */

#users.section .item.inactive {
	position: relative;
	background-color: #fbdca0;
}

#users.item.inactive {
	position: relative;
	padding: 10px 10px 0 10px;
	background-color: #fbdca0;
}

#users.section .item.inactive .followUserToolbar,
#users.item.inactive .followUserToolbar {
	display: none !important;
}

#users.item.inactive .button.transparent:not(:hover) {
	border-color: #555;
}

#users.item .avatarList .itemImage {
	float: left;
	margin: 0 10px 10px 0;
}

#users.item .avatarList .itemImage.small.selected img {
	top: 5px !important;
	left: 5px !important;
	width: 140px !important;
	height: 140px !important;
}

#users.item .avatarList .itemImage.small.selected .noImage:before {
	color: #fff;
}

.inactiveUserLabel {
	position: absolute;
	top: 0;
	right: 10px;
	padding: 5px 10px 5px 10px;
	font-size: 14px;
	color: #644405;
	text-align: center;
	background-color: #f6b83f;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.inactiveUserLabel a {
	color: #000;
}

#users.section.grid-view .item.inactive .itemContent {
	padding-top: 40px;
}

/* Info dialog */

.infoDialog {
	min-width: 400px;

	padding: 15px 20px 15px 20px;

	border: solid 1px #e9e9e9;

	background-color: #fff;

	white-space: nowrap;
}

.userInfo {
	min-height: 50px;
}

.infoDialog .userName {
	padding-bottom: 5px;
}

.infoDialog .userPhoto {
	float: left;

	overflow: hidden;

	width: 80px;
	height: 80px;

	margin-right: 20px;

	border-radius: 50%;
}

.infoDialog .userPhoto + .infoContainer {
	margin-left: 100px;
}

.infoDialog .userLinks {
	padding: 10px 15px 10px 15px;
	margin: 0 -20px -15px -20px;

	text-align: right;

	background-color: #e9e9e9;
}

.infoDialog .userLinks .button.transparent {
	margin-left: 10px;

	border-color: #999;
}

.infoDialog.itemInformation {
	max-width: 300px;

	white-space: normal;
}

.infoDialog .dialogArrow {
	position: absolute;

	left: 8px;

	width: 17px;
	height: 9px;
}

.infoDialog .dialogArrow.top {
	top: -9px;

	background: url("/communities/common/themes/mett%20responsive/images/backgrounds/arrow_top.png") no-repeat left top;
}

.infoDialog .dialogArrow.bottom {
	bottom: -9px;

	background: url("/communities/common/themes/mett%20responsive/images/backgrounds/arrow_bottom.png") no-repeat left top;
}

/* Roles */

#roles #users .sectionTitle,
#roles #users .sectionOptions,
#roles #users #toolbarBottom {
	display: none !important;
}

#roles .defaultRoles .toggleAllTFA {
	margin-left: 5px;
}

/* Favorites */

#welcome #favoritesTabContent .widget a {
	display: inline-block;

	padding-bottom: 15px;
}

#welcome #favoritesTabContent .widget a:before {
	padding-right: 5px;
}

/* Followed users tab in profile */
.filterFollowers .switchery {
	margin-left: 10px;
	margin-top: 2px;
}
label[for="ctl01_ctl00_ctl00_chkFilterUserFollowing"] {
	margin-top: 5px;
}

.followUserToolbar {
	margin-top: 10px;
	text-align: center;
}

.followUserToolbar .button.followUser {
	border-color: #555;
}

.infoDialog .userLinks .followUserToolbar,
#users.item.profile .tabs ul > div {
	display: inline-block;
}

.widget-users .gridItem.followedUser:nth-child(even),
.widget-users .gridItem.followingUser:nth-child(even) {
	background-color: #eff7fc;
}
.widget.widget-users .gridItem.followedUser,
.widget.widget-users .gridItem.followingUser {
	display: block;
	min-height: 94px;
	padding: 20px 0;
}
.widget.widget-users .gridItem.followedUser .noImage,
.widget.widget-users .gridItem.followedUser .image,
.widget.widget-users .gridItem.followingUser .noImage,
.widget.widget-users .gridItem.followingUser .image {
	border-radius: 50%;
	left: 15px;
	top: 15px;
}
.widget-users .gridItem.followedUser .left,
.widget-users .gridItem.followingUser .left {
	display: inline-block;
	max-width: 70%;
	width: 100%;
}
.widget-users .gridItem.followedUser .right,
.widget-users .gridItem.followingUser .right {
	float: right;
	max-width: 30%;
	width: 100%;
}

.widget-users .gridItem.followedUser .left .userName,
.widget-users .gridItem.followingUser .left .userName {
	display: block;
	line-height: 18px;
	padding-left: 94px;
}
.widget-users .gridItem.followedUser .left .userDetails,
.widget-users .gridItem.followingUser .left .userDetails {
	display: block;
	padding-left: 94px;
}
.widget-users .gridItem.followedUser .left .userDetails span,
.widget-users .gridItem.followingUser .left .userDetails span {
	color: #555;
	display: inline-block;
}
.widget.widget-users .gridItem.followedUser .followUserToolbar,
.widget.widget-users .gridItem.followingUser .followUserToolbar {
	margin-top: 0;
	padding-right: 20px;
}

.widget-users .gridItem.followedUser .button.followuser,
.widget-users .gridItem.followedUser .button.followinguser,
.widget-users .gridItem.followingUser .button.followuser,
.widget-users .gridItem.followingUser .button.followinguser {
	position: absolute;
	right: 15px;
	top: 28px;
}

.three .widget-users .gridItem.followedUser .left,
.three .widget-users .gridItem.followingUser .left,
.three .widget-users .gridItem.followedUser .right,
.three .widget-users .gridItem.followingUser .right {
	max-width: 100%;
	width: 100% !important;
}
.three .widget-users .gridItem.followedUser,
.three .widget-users .gridItem.followingUser {
	height: auto !important;
}
.three .widget-users .gridItem.followedUser .button.followuser,
.three .widget-users .gridItem.followedUser .button.followinguser,
.three .widget-users .gridItem.followingUser .button.followuser,
.three .widget-users .gridItem.followingUser .button.followinguser {
	position: inherit;
}

.exposureLevel,
.exposureLevel * {
	transition: all 0.2s ease;
}
.exposureLevel h2 {
	border-bottom: 1px solid #ececec;
	color: #6a717c;
	font-size: 18px;
	font-weight: 600;
	padding-bottom: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.profileExposureLevel {
	color: #6a717c;
	float: right;
	font-size: 14px;
	min-width: 140px;
	position: relative;
	text-align: left;
}
.profileExposureLevel.avatarPrivacyLevelIcon {
	margin-top: 10px;
	min-width: unset;
	position: absolute;
	text-align: center;
	width: 100%;
}
.profileExposureLevel.avatarPrivacyLevelIcon span {
	margin-left: 35px;
}
.profileExposureLevel.phonePrivacyLevelIcon,
.profileExposureLevel.emailPrivacyLevelIcon,
.profileExposureLevel.miscPrivacyLevelIcon {
	top: -52px;
}
.profilePrivacyLevelIcon.profileExposureLevel {
	top: -40px;
}
.profileExposureLevel::before {
	background-color: #ecf0f9;
	border: 1px solid #ecf0f9;
	border-radius: 50%;
	color: #6a717c;
	display: inline-block;
	height: 24px;
	margin-right: 10px;
	text-align: center;
	width: 24px;
	z-index: 200;
}
.profileExposureLevel.Everyone::before {
	content: "\e8b1";
	font-family: entypo, sans-serif;
}
.profileExposureLevel.LoggedInUsers::before {
	content: "\e80b";
	font-family: entypo, sans-serif;
}
.profileExposureLevel.Nobody::before {
	content: "\e835";
	font-family: awesome, sans-serif;
}
.avatarPrivacyLevelIcon::before {
	position: absolute;
}

#toolbarTop .edit-privacy-settings,
#toolbarTop .show-privacy-levels {
	position: relative;
}
#toolbarTop .edit-privacy-settings::before,
#toolbarTop .show-privacy-levels::before {
	padding-left: 0;
}
#toolbarTop .edit-privacy-settings a,
#toolbarTop .show-privacy-levels a {
	font-size: 0;
	left: 0;
	margin-left: 0;
	position: absolute;
	top: 0;
}

/* Mobiles */
@media only screen and (max-width: 768px) {
	.sectionOptions #searchCriteriaDropdown {
		float: none;
		width: 100%;
		margin-left: 0;
	}
}

@media only screen and (max-width: 580px) {
	.widget.widget-users .gridItem.followedUser,
	.widget.widget-users .gridItem.followingUser {
		min-height: 134px;
	}
	.widget-users .gridItem.followedUser .left,
	.widget-users .gridItem.followingUser .left,
	.widget-users .gridItem.followedUser .right,
	.widget-users .gridItem.followingUser .right {
		max-width: 100%;
		width: 100% !important;
	}
	.widget-users .gridItem.followedUser .right,
	.widget-users .gridItem.followingUser .right {
		padding-left: 94px;
		text-align: left;
	}
	.widget-users .gridItem.followedUser,
	.widget-users .gridItem.followingUser {
		height: auto !important;
	}
	.widget-users .gridItem.followedUser .button.followuser,
	.widget-users .gridItem.followedUser .button.followinguser,
	.widget-users .gridItem.followingUser .button.followuser,
	.widget-users .gridItem.followingUser .button.followinguser {
		position: inherit;
	}
}

@media only screen and (max-width: 480px) {
	#users .itemHeader,
	#users .itemHeader .toolbar,
	#users .itemContentLeft,
	#users .itemContentRight,
	#users .itemContentRight .toolbar,
	#welcome .sectionHeader,
	#welcome .sectionHeader .toolbar,
	#welcome .itemDescription p {
		text-align: center;
	}

	#users .itemHeader .itemImage,
	#users .itemContentLeft .itemImage {
		margin: 0 auto;
	}

	#users.section.list-view .followUserToolbar {
		position: relative;
		top: auto;
		right: auto;
	}

	#users.section.list-view .itemContent {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	#users.item:not(.add.edit) .itemHeader {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
	#users.item .itemHeaderRight {
		margin-bottom: 20px;
	}

	.profileExposureLevel {
		float: none;
		text-align: center;
	}

	.exposureLevel h2 {
		padding-bottom: 45px;
	}

	.profilePrivacyLevelIcon.profileExposureLevel {
		top: -10px;
	}
}

/* Section options */
.sectionOptions .field {
    overflow: visible;
}

.sectionOptions .sectionButtons {
    text-align: right;
}

.sectionOptions input {
    font-family: "Open Sans", sans-serif;
}

/* Section search */
.sectionOptions .search .button.icon-search {
    z-index: 100;
    position: absolute;
    top: 0;
    width: 38px;
    height: 36px;
    margin: 0 0 0 -38px;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
}

.sectionOptions .search .button.icon-search:before {
    padding: 2px 0 0 0;
}

.sectionOptions .search .button.icon-search a,
.sectionOptions .search .button.icon-search input {
    position: absolute;
    width: 40px;
    height: 40px;
    padding: 0 10px;
    font-size: 0;
}

.sectionOptions .search .clear-search-button {
    position: absolute;
    top: 8px;
    width: 20px;
    height: 20px;
    appearance: none;
    border: none;
    border-radius: 50%;
    bottom: 0;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    justify-content: center;
    padding: 0;
    margin-left: -60px;
}
.clear-search-button.icon-cancel-circled::before {
    color: #949494;
    font-size: 20px;
}

.sectionOptions .search input[type="text"] {
    width: auto;
    min-width: 150px;
    padding-bottom: 2px;
    padding-right: 30px;
    padding-top: 14px;
}

.sectionOptions .search .searchLoader {
    z-index: 100;
    top: 15px;
    margin-left: -22px;
}

.sectionOptions .search .searchterm {
    position: absolute;
    width: 350px;
    padding-top: 20px;
    text-align: left;
}
.sectionOptions .search .searchterm span {
    font-weight: 700;
}

.sectionOptions .search .searchterm span:last-child:not(:empty) {
    quotes: "“" "”" "‘" "’";
}

.sectionOptions .search .searchterm span:last-child:empty::before,
.sectionOptions .search .searchterm span:last-child:empty::after {
    content: "";
}

.sectionOptions .search .searchterm span:last-child::before {
    content: open-quote;
    font-weight: normal;
}

.sectionOptions .search .searchterm span:last-child::after {
    content: close-quote;
    font-weight: normal;
}

.sectionSearch .search {
    position: relative;
}
.sectionSearch .search label {
    position: absolute;
    top: 4px;
    left: 12px;
    border: 0;
    pointer-events: none;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
    transform-origin: 0 0;
}
.sectionSearch .search input:focus ~ label,
.sectionSearch .search input:not(:placeholder-shown) ~ label {
    font-size: 12px;
    transform: translateY(-0.4rem);
}

/* Custom dropdown */
.sectionOptions .customDropDown {
    min-width: 200px;
    margin-left: 10px;
}

.sectionOptions .customDropDown label {
    font-weight: 400;
}

/* Section view options */
.sectionOptions .sectionViewOptions {
    text-align: right;
}

.sectionOptions .sectionViewOptions select {
    display: inline-block;
}

.sectionOptions .viewSwitchDropdown {
    width: auto !important;
    margin-right: 0 !important;
    background-color: #fff;
}

.six.columns .sectionOptions .viewSwitchDropdown {
    margin-bottom: 10px;
}

/* Section filters */
.sectionOptions .sectionFilters {
    margin-left: 12px;
    min-width: 175px;
    position: relative;
    overflow: visible;
}

.sectionOptions .sectionFilters > .button {
    cursor: pointer;
    float: right;
    border-radius: 4px;
}

.webGuidelines .sectionOptions .sectionFilters > .button {
    border: solid 1px #757575;
}

.sectionOptions .sectionFilters > .button::after {
    padding-left: 10px;
    padding-right: 0;
    position: relative;
    right: 12px;
    content: "\e8a4";
}

.sectionOptions .sectionFilters > .button.filtersActive::after {
    transform: rotateX(180deg);
}

.sectionOptions .sectionFilters > .button a {
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
}

.sectionOptions .sectionFilters > .button .badge {
    background-color: #e32844;
    color: #fff;
    font-size: 12px;
    margin-left: 3px;
    margin-top: 7px;
    padding-top: 10px;
    vertical-align: top;
    min-width: 20px;
    min-height: 20px;
    width: auto;
    height: auto;
}

.sectionFilterOptions {
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
    margin-bottom: 4px;
    margin-top: 4px;
    opacity: 0;
    overflow: auto;
    padding: 12px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 52px;
    transition: visibility 0s 0.2s, opacity 0.2s;
    visibility: hidden;
    width: 350px;
    z-index: 99;
}

.sectionFilterOptions.visible {
    background-color: #fff;
    border: 1px solid #d7dfe8;
    opacity: 1;
    overflow: visible;
    transition: visibility 0s, opacity 0.2s;
    visibility: visible;
    z-index: 200;
}

.sectionFilterOptions label {
    float: none;
    clear: both;
    margin-bottom: 0;
}

.sectionFilterOptions .resetSectionFilters {
    text-align: right;
}

.sectionFilterOptions .resetFilters {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
}
.sectionFilterOptions .resetFilters:before {
    margin-right: 5px;
}

.sectionFilterOptions .sectionFilterWrapper select {
    float: left;
    width: 60%;
    margin: 0 10px 10px 0;
    font-size: 14px;
}

.sectionFilterOptions .sectionFilterWrapper .button[class^="icon-"]:before,
.sectionFilterOptions .sectionFilterWrapper .button[class*=" icon-"]:before {
    padding-left: 0;
}

.sectionFilterOptions .sectionFilterWrapper .button[class^="icon-"] input,
.sectionFilterOptions .sectionFilterWrapper .button[class*=" icon-"] input {
    padding: 0 0 0 36px;
}

.sectionFilterOptions .sectionFilterWrapper .button {
    min-width: 110px;
    height: 36px;
    border-radius: 4px;
}

.sectionFilterOptions .sectionFilterWrapper .button input {
    line-height: 32px;
    font-size: 14px;
}

.sectionFilterOptions .customDropDown {
    min-width: 100%;
    margin-left: 0;
}

/* View options */
.viewOptions {
    height: 36px;
    margin-bottom: 10px;
    margin-left: 10px;
    text-align: right;
}
.viewOptions.right {
    overflow: visible;
}

.viewOptions .button {
    margin: 0;
}

.viewOptions .button.viewToggle {
    width: 36px;
    height: 36px;
    line-height: 30px;
    border-radius: 4px;
    position: relative;
}

.viewOptions .button.viewToggle::before {
    width: 36px;
    line-height: 36px;
    padding-left: 0;
}

.viewOptions .button.viewToggle a {
    border-radius: 4px;
    margin-left: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 36px;
}

.viewOptions .button.viewToggle:hover {
    cursor: pointer;
}

.viewOptions .button.selected {
    background-color: #e9e9e9;
}

/* Section items */
.sectionInformation {
    padding-bottom: 20px;

    color: #767676;
}

.sectionContent .totalRecords {
    padding-bottom: 5px;
    font-weight: 700;
}

.sectionContent.searchResults {
    padding-top: 25px;
}

.sectionContent .item {
    width: 100%;

    margin-bottom: 40px;
}
.sectionContent .widget .item {
    margin-bottom: 0;
}

.sectionContent .itemPath,
.sectionContent .itemPath a {
    color: #767676;
}

.sectionContent .itemPath:before {
    padding-right: 5px;
}

.no-touch .sectionContent .itemDescription:hover {
    color: #222;
}

.selectionOptions {
    z-index: 1;

    position: fixed;

    left: 0;
    bottom: 0;

    width: 100%;

    padding: 15px 0 15px 0;

    background-color: #fff;

    box-shadow: 0 2px 5px 2px rgba(85, 85, 85, 0.1);
}
.selectionOptions.double {
    padding: 15px 0 55px 0;
}
.selectionOptions .right .button.icon-download::before {
    padding-left: 11px;
}

.selectionOptions .button {
    margin-bottom: 6px;
}
.selectionOptions .button.share {
    margin: 0 6px;
}

/* Multiple section layouts */
.multiple .sectionContent {
    margin-left: -20px;
}

.multiple .sectionContent .item {
    padding-left: 20px;
}

.nine.columns .multiple .sectionContent .items,
.ten.columns .multiple .sectionContent .items,
.twelve.columns .multiple .sectionContent .items {
    /* Remove white-space for inline-block */
    font-size: 0;
}

.nine.columns .multiple .sectionContent .item,
.ten.columns .multiple .sectionContent .item,
.twelve.columns .multiple .sectionContent .item {
    display: inline-block;

    vertical-align: top;

    font-size: 16px;
}

.nine.columns .multiple .sectionContent .item,
.ten.columns .multiple .sectionContent .item {
    width: 50%;
}

.twelve.columns .multiple .sectionContent .item {
    max-width: calc(100% / 3);
    width: calc(100% / 3);
}

.nine.columns .multiple .sectionContent .item.noSearchResults,
.nine.columns .multiple .sectionContent .item.noFilterResults,
.ten.columns .multiple .sectionContent .item.noSearchResults,
.ten.columns .multiple .sectionContent .item.noFilterResults,
.twelve.columns .multiple .sectionContent .item.noSearchResults,
.twelve.columns .multiple .sectionContent .item.noFilterResults {
    max-width: 100%;
    width: 100%;
}

.nine.columns .multiple .sectionContent .itemTitle,
.ten.columns .multiple .sectionContent .itemTitle {
    font-size: 24px;
}

.twelve.columns .multiple .sectionContent .itemTitle {
    font-size: 22px;
}

.nine.columns #users.multiple.grid-view .sectionContent .itemContent,
.ten.columns #users.multiple.grid-view .sectionContent .itemContent,
.twelve.columns #users.multiple.grid-view .sectionContent .itemContent {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.nine.columns #users.multiple.grid-view .sectionContent .itemContentRight,
.ten.columns #users.multiple.grid-view .sectionContent .itemContentRight,
.twelve.columns #users.multiple.grid-view .sectionContent .itemContentRight {
    order: 1;
}
.nine.columns #groups #users.multiple .sectionContent .itemContent,
.ten.columns #groups #users.multiple .sectionContent .itemContent,
.twelve.columns #groups #users.multiple .sectionContent .itemContent {
    display: block;
}

.six.columns .multiple:not(#users) .sectionContent .itemContentLeft,
.nine.columns .multiple:not(#users) .sectionContent .itemContentLeft,
.ten.columns .multiple:not(#users) .sectionContent .itemContentLeft,
.twelve.columns .multiple:not(#users) .sectionContent .itemContentLeft,
.nine.columns #groups #users.multiple .sectionContent .itemContentLeft,
.ten.columns #groups #users.multiple .sectionContent .itemContentLeft,
.twelve.columns #groups #users.multiple .sectionContent .itemContentLeft {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-bottom: 0;
    position: relative;
}

.six.columns .multiple:not(#users) .sectionContent .itemContentLeft {
    float: none;
    margin-right: 0;
}
.six.columns .multiple:not(#users) .sectionContent .itemImage {
    margin-bottom: 20px;
}

.nine.columns .multiple .sectionContent .itemContentLeft .itemImage,
.ten.columns .multiple .sectionContent .itemContentLeft .itemImage,
.twelve.columns .multiple .sectionContent .itemContentLeft .itemImage {
    margin-bottom: 20px;
}

.multiple .paging {
    padding-left: 20px;
}

/* Item */

.itemHeaderLeft,
.itemContentLeft {
    float: left;

    margin-right: 20px;
}

#search.section .itemContent,
#users.section.list-view .itemContent {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
#search.section .itemContent .itemContentRight,
#users.section.list-view .itemContent .itemContentRight {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.webGuidelines #search.section .item .itemPath a {
    text-decoration: underline;
}

.itemHeaderRight,
.itemContentRight {
    overflow: hidden;
}

.itemImage {
    position: relative;

    -webkit-backface-visibility: hidden;
    -webkit-transform: translateX(0);
}

.itemImage iframe {
    max-height: 100%;
    min-height: 200px;
}

.updateVideo,
.youtube-embed-wrapper {
    height: 200px;
    padding-bottom: 51%;
    position: relative;
    width: 100%;
}
.updateVideo iframe,
.youtube-embed-wrapper iframe {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 200px;
    height: 100% !important;
}
.widget.carousel .updateVideo iframe {
    min-height: auto;
}
.itemVideo iframe {
    height: 100% !important;
    width: 100%;
}
.updateVideo.twelve.columns {
    margin-bottom: 20px;
}

.sectionContent .itemImage .toolbar {
    z-index: 2;

    position: absolute;

    top: 50%;
    left: 50%;

    padding: 0;
}

.six.columns .multiple .itemImage .toolbar {
    top: 50%;
    left: 50%;
}

.six.columns .multiple .itemImage .toolbar .button {
    width: 152px;

    font-size: 13px;
}

.six.columns .multiple .itemImage .toolbar .button input {
    width: 148px;

    font-size: 13px;
}

.itemImage.large img {
    margin-bottom: 20px;
}

.itemImage.medium,
.itemImage.small {
    position: relative;

    background-color: #f2f2f2;
}
.itemImage.medium .nailthumb-container,
.itemImage.small .nailthumb-container {
    overflow: hidden;
}
#users .itemImage.medium .nailthumb-container,
#users .itemImage.small .nailthumb-container {
    border-radius: 50%;
}

.itemImage.medium a,
.itemImage.small a {
    display: block;
}
.itemImage .cookieWarningMessage a {
    display: inline-block;
}

.itemImage.medium {
    width: 100%;
    min-height: 200px;
}

.itemImage.small {
    width: 150px;
    height: 150px;
}

.itemImage.mini {
    position: relative;

    overflow: hidden;

    width: 75px;
    height: 75px;
}

.itemImage.micro {
    position: relative;

    overflow: hidden;

    width: 35px;
    height: 35px;
}

.itemImage.itemVideo {
    max-height: 200px;
    overflow-y: hidden;
}

.itemImage.hasBlockedContent .cookieWarningMessage {
    background-color: transparent;
    border: none;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

.itemImage.hasBlockedContent .cookieWarningMessage h3 {
    font-size: 20px;
}

.itemImage.hasBlockedContent .toolbar {
    top: 70%;
}

.no-touch .itemImage.medium:not(.hasImage):hover,
.no-touch .itemImage.small:not(.hasImage):hover {
    background-color: #f2f2f2;
}

.itemImage.medium img,
.itemImage.small img,
.itemImage.mini img,
.itemImage.micro img {
    display: none;
}

.itemImage.medium img {
    max-width: none;
}

.itemImage.medium .image,
.itemImage.small .image,
.itemImage.mini .image,
.itemImage.micro .image {
    z-index: 1;

    position: relative;

    padding: 0;
    margin: 0;
}

.itemImage.small .image,
.itemImage.mini .image,
.itemImage.micro .image {
    /* Replace image with resized nailthumb */
    display: none;

    max-width: none;
}

.itemImage.medium .toolbar .button {
    margin: 0;

    border-color: #555;
}

.itemImage.circle .image {
    border-radius: 50%;
}

.itemImage.hasImage {
    color: #fff;

    background-color: #fff;
}

.itemImage.hasImage .toolbar .button {
    color: #fff;

    border-color: #fff;
}

.itemImage.hasImage .toolbar .button a,
.itemImage.hasImage .toolbar .button input {
    color: #fff;
}

.webGuidelines .itemImage.hasImage .toolbar .button a,
.webGuidelines .itemImage.hasImage .toolbar .button input {
    color: #555;
}

.webGuidelines .itemImage.hasImage .toolbar .button {
    color: #555;

    border-color: #555;

    background-color: #fff;
}

.itemImage.circle {
    border-radius: 50%;
}

.itemImage .noImage,
.widget.carousel .carouselSlide .noImage {
    z-index: 0;

    position: absolute;

    top: 40%;

    width: 100%;

    text-align: center;

    font-size: 60px;

    line-height: 1 !important;

    margin-top: -10px;
}

.list-view .itemImage .noImage,
.widget.carousel .carouselSlide .noImage {
    line-height: 2 !important;
}

.itemImage.mini .noImage {
    top: 20%;

    font-size: 55px;
}
.widget.carousel .carouselSlide .noImage {
    top: 30%;
}
.widget.carousel .carouselSlide .noImage::before {
    font-size: 55px;
}

.itemImage.micro .noImage {
    top: 0;

    font-size: 25px;
}

.section .item .item-image-label,
.section .gridItem .item-image-label,
#forum.section .item-image-label {
    position: absolute;
    z-index: 2;
}

.item .item-image-label,
.gridItem .item-image-label,
#forum.section .item-image-label {
    padding: 3px 12px;
}

.noImage.itemVideo {
    display: none;
}

.itemInformation {
    padding-bottom: 10px;

    font-weight: 300;

    color: #6e6e6e;
}

.section .itemInformation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.section .authorInformation {
    -webkit-box-flex: 1;
    flex-grow: 1;
}
.section .itemInformation > *:last-child {
    margin-right: 0;
}

.itemInformation .avatar {
    float: left;
    object-fit: cover;
    margin-right: 10px;
}

.itemComments {
    padding-left: 20px;
}

.itemCommentsContent .comment:first-child {
    margin-top: 40px;
}

.itemScheduled,
.itemSelectedFilter {
    position: relative;
    padding: 5px 10px;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    line-height: 20px;
}

.itemScheduled::before,
.itemSelectedFilter::before {
    display: inline-block;
    margin-right: 5px;
    font-family: "awesome", sans-serif;
    font-weight: 400;
    font-size: 16px;
}

.itemScheduled::before {
    content: "\e8cf";
    transform: rotateY(180deg);
}

.row .two.columns .itemScheduled,
.row .two.columns .itemSelectedFilter {
    background-color: transparent;
    padding: 0;
}
.row .two.columns .itemScheduled::before,
.row .two.columns .itemSelectedFilter::before {
    font-size: 20px;
}

.itemImage .itemScheduled,
.itemImage .itemSelectedFilter {
    z-index: 10;
    position: absolute;
    top: 0;
}

.itemImage .itemScheduled {
    left: 0;
}

.itemImage .itemSelectedFilter {
    right: 0;
}

h1.itemTitle .itemScheduled:not(.mini),
h1.itemTitle .itemSelectedFilter:not(.mini) {
    top: -10px;
}

h2.itemTitle .itemScheduled:not(.mini),
h2.itemTitle .itemSelectedFilter:not(.mini) {
    top: -3px;
}

.itemTitle .itemScheduled ~ a,
.itemTitle .itemSelectedFilter ~ a {
    display: block;
}

.webGuidelines a.itemTitleLink,
.webGuidelines .itemLinkTitle a {
    text-decoration: underline;
}

.powerBiReportContent {
    height: 70vh;
    margin-bottom: 40px;
}

.powerBiReportContent .loader {
    margin-top: 30%;
}

.button.switch-view.icon-map::before {
    background-image: url("/communities/common/themes/mett%20responsive/images/various/map.png");
    background-repeat: no-repeat;
    background-size: 22px 100%;
    content: "";
    height: 22px;
    left: 14px;
    position: relative;
    top: 4px;
    width: 22px;
}
.threedotfive .button.switch-view.icon-map::before {
    left: 0;
}

.button.vote.loading,
.button.voted.loading {
    cursor: not-allowed;
}
.button.vote.loading input,
.button.voted.loading input,
.button.vote.loading::before,
.button.voted.loading::before {
    display: none;
}

/* Mobiles & tablets */
@media only screen and (max-width: 900px) {
    .sectionOptions .search input[type="text"] {
        max-width: 180px;
    }

    .sectionOptions .viewSwitchDropdown {
        margin-left: 8px !important;
        margin-right: 0 !important;
    }
}

@media only screen and (max-width: 768px) {
    .sectionContent .item {
        max-width: 100% !important;
        width: 100% !important;
    }

    .sectionContent .itemPath {
        display: block;
        clear: both;
    }

    .nine.columns .multiple .sectionContent .itemTitle,
    .ten.columns .multiple .sectionContent .itemTitle,
    .twelve.columns .multiple .sectionContent .itemTitle {
        font-size: 30px;
    }

    .selectionOptions:not(.double) {
        padding: 15px;
    }

    .selectionOptions,
    .selectionOptions.double {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* Mobiles */
@media only screen and (max-width: 480px) {
    .itemHeaderLeft,
    .itemContentLeft {
        width: 100%;

        margin: 0 0 20px 0;
    }

    .itemHeaderRight,
    .itemContentRight {
        width: 100%;
    }

    .itemComments {
        padding-left: 0;
    }

    #search.section .itemContentLeft {
        width: 70px;
    }
    #search.section .itemImage .noImage {
        font-size: 32px;
    }
    #search.section .item .itemImage.small,
    #search.section .item .itemImage.small .nailthumb-container {
        height: 50px !important;
        width: 50px !important;
    }
    #search.section .item .itemImage.small.portrait .nailthumb-container img,
    #search.section .item .itemImage.small:not(.landscape):not(.portrait) .nailthumb-container img {
        height: auto !important;
        left: 0 !important;
        top: -50% !important;
        width: 50px !important;
    }
    #search.section .item .itemImage.small.landscape .nailthumb-container img {
        height: 50px !important;
        left: -50% !important;
        top: 0 !important;
        width: auto !important;
    }
    #search.section .itemTitle,
    #search.section .itemTitle a {
        font-size: 24px;
    }

    .sectionFilters > .button a {
        padding: 0 10px 0 36px;
    }

    .sectionOptions .sectionSearch {
        float: none;
    }

    .sectionOptions .sectionSearch .search {
        display: block;
        margin-bottom: 10px;
    }

    .sectionOptions .sectionSearch .search input[type="text"] {
        width: 100%;
    }

    .sectionOptions .search .searchterm {
        display: none;
    }

    .sectionOptions .viewSwitchDropdown,
    .sectionOptions .sectionFilters,
    #users.section .sectionViewOptions > * {
        max-width: 100% !important;
        width: 100% !important;
        margin-top: 10px;
    }

    .sectionOptions .viewSwitchDropdown {
        margin-left: 0 !important;
    }

    .sectionOptions #sectionFiltersButton {
        width: 100% !important;
    }

    .sectionOptions .search input[type="text"] {
        max-width: 100%;
    }
}

/* Print */
@media print {
    .sectionOptions {
        display: none !important;
    }

    .multiple .sectionContent .item {
        width: 100% !important;
    }
}

/* Page type & layout selection */

.module {
    cursor: pointer;

    float: left;

    width: 100px;
    height: 80px;

    padding-top: 20px;
    margin: 0 10px 20px 0;

    text-align: center;

    line-height: 20px;

    font-size: 14px;

    background-color: #e9e9e9;
}

.module.selected,
.no-touch .module:hover {
    color: #fff;
}

.module:before {
    font-size: 20px;
}

.layout {
    float: left;

    width: 100px;
    height: 40px;

    margin: 0 10px 20px 0;
}

.layoutColumn {
    cursor: pointer;

    float: left;

    height: 40px;

    padding-top: 8px;
    margin-left: 2px;

    text-align: center;

    font-size: 12px;

    background-color: #e9e9e9;
}

.layout.selected .layoutColumn,
.no-touch .layout:hover .layoutColumn {
    color: #fff;
}

.layoutColumn:first-child {
    margin-left: 0;
}

.layoutColumn25 {
    width: 23.40426%;
}

.layoutColumn33 {
    width: 31.91489%;
}

.layoutColumn33:nth-child(2) {
    background-color: #c9c9c9;
}

.layoutColumn50 {
    width: 48.93617%;

    background-color: #c9c9c9;
}

.layoutColumn50:last-child {
    background-color: #e9e9e9;
}

.layoutColumn75 {
    width: 74.46809%;

    background-color: #c9c9c9;
}

.layoutColumn100 {
    width: 100%;

    background-color: #c9c9c9;
}

/* CKEditor dialogs */

div[role="dialog"][class*="cke_"] .row {
    box-sizing: border-box;

    max-width: none;
    min-width: initial;

    height: 30px;

    background-color: #eee;
}

div[role="dialog"][class*="cke_"] .columns {
    box-sizing: border-box;

    position: relative;

    display: inline-block;

    margin-left: 2.12766%;

    height: 100%;

    border: 1px solid #555;

    background-color: #aaa;
}

div[role="dialog"][class*="cke_"] .columns:hover {
    border-color: #ca3838;

    background-color: #eababa;

    cursor: pointer;
}

div[role="dialog"][class*="cke_"] .columns:hover:after {
    content: "X";

    position: absolute;

    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    padding-top: 6px;

    color: #ca3838;

    font-size: 14px;
    font-weight: bold;

    text-align: center;
}

div[role="dialog"][class*="cke_"] .columns:first-child {
    margin-left: 0;
}

/* Div table Responsive */
.divTableResponsive .columns p:last-child {
    margin-bottom: 0;
}

.customIconInputDisplay {
    display: inline-block !important;
    position: relative !important;
    border: 1px solid #bcbcbc !important;
    padding: 6px 30px 5px 10px !important;
}
.customIconInputDisplay:after {
    font-family: "Font Awesome 6 Free", sans-serif;
    font-weight: 900;
    content: "\f0d7";
    position: absolute;
    display: block;
    right: 10px;
    top: 6px;
    width: 5px;
    height: 5px;
    font-size: 14px;
    line-height: 13px;
}

/* Admin mode */
.adminMode #top {
    border-bottom: solid 4px;
}

.adminMode #subMenu ul li a:before {
    width: 30px;
}

.adminMode .adminModeLabel {
    position: absolute;
    right: 100px;
    padding: 5px 10px 5px 10px;
    color: #fff;
    text-transform: uppercase;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.adminMode .adminModeLabel:before {
    margin-right: 5px;
}

fieldset#colorSettings .field {
    margin-bottom: 0;
}
fieldset#colorSettings > .toolbar {
    margin-top: 40px;
}

.buttonLabelSettings {
    margin-top: 12px;
}

#settings .settingsGroupWrapper {
    background-color: #f9f9f9;
    border: 1px solid #dae1da;
    border-radius: 4px;
    margin-top: 12px;
    overflow: visible;
    padding: 12px;
}
.settingsFieldSeparator {
    margin-bottom: 18px;
    padding: 18px 0 0;
}

.field.settingsField {
    overflow: initial;
}

#settings .settingsField.buttonSettings,
#settings .settingsField.fontSettings {
    margin-bottom: 0;
}
#settings .activeTabText {
    display: none;
}

.settingsHeader {
    display: block;
    font-weight: 600;
    text-transform: uppercase;
}
.fieldHeader {
    flex: 1 0 100%;
    font-weight: 700;
}
.settingsWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    float: left;
    margin: 10px 0;
    padding-right: 10px;
    width: 100%;
}
.widgetSettings .settingsWrapper,
.boxSettings .settingsWrapper {
    float: none;
}
.settingsField.linkSettings > .column,
.settingsField.widgetSettings > .column,
.settingsField.boxSettings > .column {
    margin-top: 10px;
}
.settingsPreview {
    border-left: 1px solid #dbe4eb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: right;
    padding-left: 30px;
    width: 30%;
}
.topSettings .settingsPreview,
.footerSettings .settingsPreview {
    flex-direction: column;
    margin-top: 15px;
}
.bannerSettings .settingsPreview,
.topSettings .settingsPreview,
.mainMenuSettings .settingsPreview,
.horizontalSubMenuSettings .settingsPreview,
.footerSettings .settingsPreview {
    border-left: 0;
    padding: 0;
    min-height: 50px;
    width: 100%;
}
.fontSettings,
.linkSettings,
.buttonSettings,
.subMenuSettings {
    align-items: center;
    display: flex;
}
.fontSettings .settingsPreview,
.linkSettings .settingsPreview,
.buttonSettings .settingsPreview,
.subMenuSettings .settingsPreview {
    align-content: center;
    align-self: stretch;
    flex-wrap: wrap;
}

.buttonSettings .settingsPreview {
    display: block;
}

.settingsPreview .subMenu.horizontal ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.settingsPreview .subMenu.horizontal li {
    margin: 2px;
}
.settingsPreview .subMenu.horizontal ul li a {
    color: #555;
    display: block;
    padding: 9px 15px 10px;
}
.threedotfive .settingsPreview .subMenu.horizontal ul li a {
    border-radius: 4px;
}

.buttonSettings .settingsPreview .button,
.buttonSettings .settingsPreview .editorButton {
    line-height: 28px;
    padding-top: 0;
    padding-bottom: 0;
}
.buttonSettings .settingsPreview .button a,
.buttonSettings .settingsPreview .button input,
.buttonSettings .settingsPreview .editorButton a,
.buttonSettings .settingsPreview .editorButton input {
    line-height: 33px;
}
.settingsPreview > * {
    transition: all 0.1s ease;
}
.settingsPreview > p {
    margin-top: 12px;
}

.subMenuSettings .settingsPreview ul {
    border: 1px solid #d7dfe8;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
.subMenuSettings .settingsPreview ul li {
    border-bottom: 1px solid #e0e6ed;
}
.subMenuSettings .settingsPreview ul li a {
    color: #555;
    display: block;
    font-size: 0.938rem;
    line-height: 1em;
    padding: 14px 15px 13px 15px;
    width: 100%;
}
.threedotfive .subMenuSettings .settingsPreview ul li a {
    color: #333f52;
}

.previewWidgets,
.previewBox {
    padding-top: 0;
    width: 70%;
}
.settingsPreview h1,
.settingsPreview h2,
.settingsPreview h3,
.settingsPreview h4,
.settingsPreview h5,
.settingsPreview h6 {
    line-height: 38px;
    padding: 0;
}
.settingsPreview .button a::before {
    padding-right: 10px;
}
.settingsPreview .top {
    padding: 10px 10px 25px;
    width: 100%;
}

.settingsPreview .shortcuts {
    float: right;
    margin: 0;
    padding: 0;
}
.settingsPreview .shortcuts li {
    float: left;
    margin: 8px 0 8px 0;
    padding-bottom: 0;
}
.settingsPreview .shortcuts .field {
    float: right;
    margin: 12px 0 0 10px;
}
.settingsPreview .shortcuts li > a {
    color: #333f52;
    display: block;
    padding: 10px;
    font-size: 14px;
    white-space: nowrap;
}
.settingsPreview .shortcuts .iconOnly {
    font-size: 20px;
}
.settingsPreview .shortcuts .profile::after {
    margin-left: 10px;
}
.settingsPreview .slider {
    position: relative;
}
.settingsPreview .rsABlock.rsContent {
    left: 25px;
    margin-left: auto;
    max-width: 100%;
    position: absolute;
    top: 25px;
    transform: none !important;
}
.settingsField .slider .rsSlideTitle,
.settingsField .slider .rsSlideDescription {
    color: #fff;
    display: block;
}
.threedotfive .settingsField .slider .rsSlideTitle {
    max-width: 100%;
    padding: 24px 24px 0;
}
.threedotfive .settingsField .slider .rsSlideDescription {
    padding: 0 24px 24px;
}

.settingsPreview .editorButton {
    padding: 0;
    margin-bottom: 10px;
}

.settingsPreview .bottom ul,
.settingsPreview .bottom ul li {
    line-height: 26px;
    margin: 0;
    padding: 0;
}
.settingsPreview .footer {
    font-size: 12px;
    padding: 25px;
    width: 100%;
}
.settingsPreview .footer ul li {
    display: inline-block;
    padding-top: 7px;
}
.settingsPreview .footer a.shortcut,
.settingsPreview .footer .shortcut a {
    margin-right: 20px;
}
.settingPreview .bottom a {
    display: inline-block;
}

.settingsPreview .banner.general {
    padding: 12px;
    text-align: center;
    width: 100%;
}

.settingsWrapper select,
.field.txtColorPicker {
    margin-right: 15px;
}
.settingsField .fieldWrapper select,
.settingsField .fieldWrapper .txtColorPicker {
    margin-right: 0;
}
.settingsWrapper select {
    background-color: #fff;
    color: #000;
    display: inline-block;
    padding: 8px;
    width: auto;
}
.field.txtColorPicker,
.field.txtColorPicker .pickr {
    display: inline-block;
    width: auto;
}
.field.txtColorPicker {
    margin-bottom: 0;
    min-width: 130px;
}
.content .field.txtColorPicker {
    padding: 0;
}
.settingsField .font-select > span {
    padding: 0 8px;
}
.field.settingsField .font-select > span,
.field.settingsField:not(.powerange) select,
.settingsWrapper select,
.field.txtColorPicker input,
.field.txtColorPicker input[type="text"] {
    border-color: #949494;
    color: #555;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    height: 44px;
    line-height: 42px;
}
.threedotfive .field.settingsField:not(.powerange) select {
    line-height: 26px;
}
.settingsField select,
.settingsWrapper select,
.field.txtColorPicker input {
    font-weight: 600;
}
.settingsWrapper select {
    border-radius: 4px;
}
.itemContent .field.txtColorPicker input[type="text"],
.field.txtColorPicker input[type="text"] {
    padding-left: 44px;
    padding-right: 8px;
    width: 130px !important;
}
.field.txtColorPicker .pickr {
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    height: 33px;
    left: 6px;
    padding: 2px;
    position: absolute;
    top: 6px;
    width: 33px;
}
.threedotfive .field.txtColorPicker .pickr {
    top: 5px;
}
.field.txtColorPicker .pickr .pcr-button {
    height: 27px;
    left: 2px;
    padding: 0;
    position: absolute;
    top: 2px;
    width: 27px;
}
.settingsField:not(.widgetSettings):not(.boxSettings) .column {
    margin-left: 0;
    width: 70%;
}
.settingsField.widgetSettings .column,
.settingsField.boxSettings .column {
    width: 30%;
}
.settingsField .fieldWrapper {
    margin-right: 10px;
    margin-top: 5px;
}
.settingsField .fieldLabel {
    float: none;
    font-weight: 400;
    margin-bottom: 0;
    max-width: 100%;
}
.settingsField .settingsWrapper:first-of-type .fieldLabel {
    margin-top: 0;
}
.previewWidgets > div,
.previewBox > div {
    border: 1px solid #d9dbdd;
    border-radius: 4px;
    margin-right: 2%;
    width: 48%;
}
.previewWidgets > div:nth-child(2) {
    margin-left: 2%;
    margin-right: 0;
}
.previewWidgets .widgetCard .widgetImage {
    background-color: #eee;
    height: 150px;
    position: relative;
    width: 100%;
}
.previewWidgets .widgetCard .widgetImage::after {
    color: #d4d6d8;
    content: "\e80e";
    display: block;
    font-family: entypo, sans-serif;
    font-size: 64px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}
.previewWidgets .widgetLongTextLine,
.previewWidgets .widgetShortTextLine {
    background-color: #d4d6d8;
}
.previewWidgets .widgetCard .widgetLongTextLine,
.previewWidgets .widgetCard .widgetShortTextLine {
    height: 12px;
    margin: 0 15px 5px 15px;
}
.previewWidgets .widgetCard .widgetShortTextLine {
    margin-bottom: 125px;
}
.previewWidgets .widgetList .widgetLongTextLine,
.previewWidgets .widgetList .widgetShortTextLine {
    height: 4px;
    margin-bottom: 2px;
    margin-left: 30px;
}
.previewWidgets .widgetList .widgetLongTextLine {
    position: relative;
}
.previewWidgets .widgetList .widgetLongTextLine::before {
    color: #d4d6d8;
    content: ">";
    font-size: 22px;
    left: -25px;
    position: absolute;
    top: -8px;
}
.previewWidgets .widgetLongTextLine {
    width: calc(100% - 30px);
}
.previewWidgets .widgetShortTextLine {
    width: calc(55% - 30px);
}
.previewWidgets .widgetList {
    padding: 0 15px;
}
.previewWidgets .widgetListItem {
    border-bottom: 1px solid #e4e5e7;
    height: 20%;
    padding-top: 28px;
}
.previewWidgets .widgetListItem:last-child {
    border-bottom: 0;
}
.previewBox > div {
    background-color: #f0f6fb;
    height: 325px;
}
.menuSettings .mainMenu {
    background-color: #333f52;
    width: 100%;
}
.menuSettings .mainMenu ul {
    display: table;
}
.menuSettings .mainMenu ul li {
    display: table-cell;
    height: 50px;
    padding-bottom: 0;
}
.menuSettings .mainMenu ul li:hover {
    background-color: #0073d1;
}
.menuSettings .mainMenu ul li a {
    color: #fff;
    display: block;
    font-size: 16px;
    height: 50px;
    overflow: hidden;
    padding: 12px 15px 8px 15px;
}

.settingsPreview .logo .mett-logo {
    max-height: 35px;
    max-width: 100px;
}

.item.add.edit .settingsWrapper .fieldHeader {
    color: #666;
    font-weight: 600;
}
.item.add.edit .settingsWrapper .fieldLabel {
    margin-bottom: 10px;
    margin-right: 12px;
    position: relative;
    top: 8px;
}

.notificationPreview {
    font-size: 16px;
    color: #555555;
}
.notificationPreview tr td {
    padding: 20px !important;
}
.notificationPreview tr td p {
    margin-bottom: 10px;
}
.notificationPreview #title {
    text-align: center;
    font-size: 24px;
}
.notificationPreview #content {
    width: 100%;
}
.notificationPreview #footer,
.notificationPreview #footer a {
    font-size: 14px;
}

/* Mobiles & tablets */
@media only screen and (max-width: 768px) {
    .adminMode .adminModeLabel {
        right: 30px;
    }

    .footerSettings .settingsPreview .footer .row .columns.three {
        margin-top: 25px;
    }

    .settingsField:not(.widgetSettings):not(.boxSettings) .column {
        float: left;
        width: 65% !important;
    }
    .settingsPreview {
        width: 35%;
    }
    .widgetSettings > .column,
    .boxSettings > .column {
        float: left;
        width: 35% !important;
    }
    .widgetSettings .settingsPreview,
    .boxSettings .settingsPreview {
        width: 65%;
    }

    .settingsField .font-select,
    .settingsField select,
    .field.txtColorPicker {
        margin-right: 0;
    }
    .settingsField .fieldWrapper {
        margin-right: 15px;
    }
}

@media only screen and (max-width: 620px) {
    .settingsField:not(.widgetSettings):not(.boxSettings) .column,
    .settingsField .column {
        float: none;
        width: 100% !important;
    }
    .settingsPreview,
    .widgetSettings .settingsPreview,
    .boxSettings .settingsPreview {
        border-left: 0;
        text-align: center;
        width: 100%;
    }
    .widgetSettings .settingsPreview,
    .boxSettings .settingsPreview {
        margin-top: 25px;
    }

    .linkSettings .settingsPreview {
        margin-top: 0;
    }
    .previewLinks {
        min-height: auto;
    }
    .buttonSettings .settingsPreview {
        margin-top: 0;
        min-height: 120px;
        padding-top: 55px;
    }
}

@media only screen and (max-width: 480px) {
    .settingsWrapper {
        flex-direction: column;
    }

    .settingsField .fieldLabel {
        width: auto;
    }

    .settingsField:not(.topSettings):not(.menuSettings):not(.footerSettings) .fieldWrapper {
        margin-bottom: 15px;
    }

    .fontSettings .settingsPreview {
        padding-top: 30px;
    }
}

/* Widgets */

.widget
{
	margin-bottom:			25px;
}

.widget ul, #bottom .widget ul
{
	margin:					0 0 25px 0;

	list-style:				none;
}

/*.widget:not(.widget-users) ul li, #bottom .widget ul li*/
.widget ul li, #bottom .widget ul li
{
	position:				relative;

	padding:				5px 0 10px 0;
}

.widget .description ul
{
	margin-left:			35px;

	list-style: 			disc outside;
}

.widget.widget-updates ul li, #bottom .widget-updates ul li
{
	padding-bottom:			20px;
}

.widget.hasImage ul li, #bottom .widget.hasImage ul li
{
	padding-left:			45px;
}

.widget.hasImage ul li.indent, #bottom .widget ul li.indent
{
	margin-left:			45px;
}

.widget.carousel:not(.widget-users) .updateImage
{
	margin-bottom:			0;
	margin-left:			0;
}
.widget:not(.widget-users).carousel .carouselSlide .itemContentLeft > .row
{
	background-color:		#f2f2f2;
}
.widget.carousel .carouselSlide .itemContentLeft > .row
{
	margin-bottom:			20px;
	min-height:				200px;
	position:				relative;
	width:					100%;
}

.widget:not(.carousel) .avatar:first-child, .widget-items .itemImage:first-child
{
	display:				block;

	position:				absolute;

	top:					12px;
	left:					0;
}

.widget.carousel .avatar
{
	width:					25px;
	height:					25px;
}

.widget-items.carousel .itemContentLeft,
.widget-users.carousel .itemContentLeft {
	display:				-webkit-box;
    display:				-webkit-flex;
    display:				-ms-flexbox;
    display:				flex;
	-webkit-box-orient:		vertical;
	-webkit-box-direction:	reverse;
	-webkit-flex-direction:	column-reverse;
	-ms-flex-direction:		column-reverse;
	flex-direction:			column-reverse;
	float:					none;
	margin-right:			0;
	position:				relative;
	width:					100%;
}
.widget-items.carousel .itemContentRight,
.widget-users.carousel .itemContentRight {
	overflow:				visible;
}

.widget-items .itemImage img
{
	width:					35px;
	height:					auto;
}

.widget-items .description a
{
	word-break:				break-all;
}

.widget-items:not(.carousel) li > .row
{
	display:				block;
	position:				relative;
}
.widget-items:not(.carousel).hasImage ul li
{
	padding-left:			0;
}
.widget-items:not(.carousel) li > .row > .itemImage
{
	float:					left;
	margin-right:			10px;
	margin-top:				5px;
}
.widget-items:not(.carousel) li > .row > .description
{
	clear:					both;
}

.widget-items.hasImage:not(.carousel) .itemImage img
{
	height:					auto;
	width:					35px;
}
.widget-items.hasImage:not(.carousel) .itemImage
{
	left:					0;
	position:				absolute;
	top:					0;
}
.widget-items:not(.carousel) .itemTitle {
	padding-bottom:			0;
}

.widget-items:not(.carousel) .itemTitle,
.section .widget-items:not(.carousel) .itemTitle,
.widget-items:not(.carousel) .itemTitle a,
.section .widget-items:not(.carousel) .itemTitle a {
	display:				inline;
	line-height:			26px;
}
.widget-items.hasImage:not(.carousel) .itemTitle,
.widget-items.hasImage:not(.carousel) .itemInformation
{
	display:				block;
	padding-left:			45px;
}
.widget-items.widget-type-65:not(.carousel) .itemTitle,
.widget-items.widget-type-65.hasImage:not(.carousel) .itemInformation {
	padding-left:			0;
}
.widget-items.widget-type-7:not(.carousel) .itemTitle,
.widget-items.widget-type-7:not(.carousel) .itemInformation {
	display: block;
}

.widget.widget-type-65.hasImage ul li {
	padding-left: 48px;
}
.widget-items.widget-type-65:not(.carousel) li > .row > .itemImage {
    left: -48px;
    top: 2px;
}

.widget img.avatar, .widget span.avatar img
{
	float:					left;

	margin-right:			10px;
}

.widget .noAvatar
{
	width:					35px;
	height:					35px;

	padding-top:			8px;

	vertical-align:			middle;

	font-size:				33px;
}

.widget .itemInformation
{
	display: block;
	padding-bottom:			0;
}

.widget .shortDate
{
	float:					left;

	margin:					1px 10px 0 0;

	padding-top:			3px;

	width:					48px;
	height:					48px;

	vertical-align:			middle;
}

.widget .eventTitle
{
	display:				table-cell;

	height:					48px;

	vertical-align:			middle;
}

.widget-events li.hasDescription .eventTitle
{
	height:					auto;
}

.widget-events .eventDescription
{
	font-size:				14px;
	line-height:			20px;
	margin-left:			60px;
}

.widget-events .eventImageWrapper
{
	float:					left;
	margin-right:			10px;
}
.widget-events .eventImage
{
	max-width:				50px !important;
}

.widget .previousMonth
{
	margin-right:			20px;
}

.widget .previousMonth:before
{
	content:				"\2039  ";

	font-size:				15px;
}

.widget .nextMonth:after
{
	content:				" \203A";

	font-size:				15px;
}

.widget .badge
{
	position:				absolute;

	top:					3px;
	left:					-7px;

	padding:				0 5px 0 5px;

	width:					20px;
	height:					21px;

	font-size:				11px;
}

.widget-updates .contentBlock
{
	padding-top:			5px;
}

.widget-updates .itemImage,
.widget-updates .updateImage
{
	max-height:				200px;

	overflow:				hidden;
}

.widget .updateImage .nailthumb-container
{
	width:					100% !important;
}
.widget .itemImage.landscape .nailthumb-container img
{
	left:					50% !important;
	transform:				translateX(-50%);
}
.widget .itemImage.portrait .nailthumb-container img
{
	top:					50% !important;
	transform:				translateY(-50%);
}

.widget .item-image-label
{
	padding:				3px 12px;
	position:				absolute;
	z-index:				2;
}

.widget-updates .updateDescription
{
	padding:				10px 15px 10px 15px !important;

	border:					1px solid #e9e9e9;
	border-bottom-left-radius:	5px;
	border-bottom-right-radius:	5px;

	word-wrap:				break-word;
}

.widget-updates .updateDescription .description
{
	font-weight:			200;
}

.widget-updates .button.delete input {
	color: #6d7783;
}

.widget-users .itemImage,
.widget-users .nailthumb-container
{
	border-radius:			50%;
	display:				inline-block;
	max-height:				150px;
	max-width:				150px;
	overflow:				hidden !important;
	position:				relative;
	width:					100% !important;
}
.widget-users .itemContentLeft .row
{
	max-height:				150px;
}
.widget-users .itemContentLeft .row .twelve.columns,
.widget-users .nailthumb-container,
.widget-users .no-image
{
	height:					0 !important;
	max-height:				150px;
	padding-bottom:			min(100%, 150px);
	vertical-align:			top;
}
.widget-users .itemContentLeft .row .twelve.columns
{
	font-size:				0;
	line-height:			0;
	text-align:				center;
}
.widget-users .itemImage.small,
.widget-users .itemImage.circle a
{
	height:					auto;
	max-height:				150px;
	max-width:				150px;
	width:					auto;
}
.widget-users .itemImage.small
{
	top:					25px;
}
.widget-users .itemImage.circle .image,
.widget-users .itemImage.circle .noImage
{
	border-radius:			0;
	left:					50% !important;
	position:				absolute;
	top:					50% !important;
	transform:				translate(-50%, -50%) !important;
}
.widget-users .itemImage.circle .noImage
{
	margin-top:				0;
}
.widget-users .itemImage:not(.landscape):not(.portrait) .nailthumb-image
{
	height:					100%;
	width:					100%;
}
.widget-users .itemImage.landscape .nailthumb-image
{
	height:					100%;
	width:					auto;
}
.widget-users .itemImage.portrait .nailthumb-image
{
	height:					auto;
	width:					100%;
}

.widget.widget-users .itemTitle
{
	padding:				15px 0 10px;

	font-size:				24px;
}

.widget.widget-users .gridItem
{
	display:				table;
	margin-bottom:			1px;
	min-height:				64px;
	position:				relative;
}

.widget.widget-users .gridItem.showInfo
{
	display:				block;
}
.widget-users .profileIcon a
{
	word-break:				break-word;
}

.widget.widget-users .gridItem .noImage,
.widget.widget-users .gridItem .image
{
	left:					0;
	position:				absolute;
	top:					0;
	width: 64px;
	height: 64px;
	object-fit: cover;
}

.widget.widget-users .gridItem .noImage
{
	background-color:		#f1f1f1;
	display:				block;
	height:					64px;
	padding-top:			17px;
	text-align:				center;
	width:					64px;
}

.widget.widget-users .gridItem .userName
{
	display:				table-cell;
	height:					100%;
	line-height:			20px;
	padding-left:			74px;
	vertical-align:			middle;
}

.widget.widget-users .gridItem.showInfo .userDetails
{
	color:					#555;
	display:				block;
	font-size:				14px;
	line-height:			16px;
	margin-top:				-5px;
	padding-left:			74px;
	padding-top:			5px;
}

.widget.widget-users .itemInformation
{
	display:				block;
}

.widget.widget-users .itemMemo
{
	padding-bottom:			10px;
}

.widget .row > a
{
	word-wrap:				break-word;
}

.cke_dialog_ui_vbox_child
{
	padding:				0 !important;
}

.cke_dialog_ui_vbox_child span
{
	padding:				5px 0;
}

.widget-twitter .twitter-timeline.hasBlockedContent,
.widget-twitter .noCookieTemplate {
	min-height: 170px;
	padding-bottom: 190px;
}

.tweet_text
{
	display:				inline-block;
}
.widget-updates li .update a:not(.cke_button):not(.cke_path_item),
.tweet_text,
.tweet_text a
{
	word-break:			    break-word;
	-webkit-hyphens:		auto;
	   -moz-hyphens:		auto;
		-ms-hyphens:		auto;
			hyphens:		auto;
	-webkit-hyphenate-character: '-';
	overflow-wrap:			break-word;
	width:					100%;
	word-wrap:				break-word;
}

.widget:not(.widget-roles) h3 {
	padding: 3px 0 5px;
	margin: 0;
	font-size: 16px;
	font-weight: 700;
}

.widget-webservice h3.strong {
	color: #000;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
.widget-webservice .gridLayout ol {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 25px 1fr 25px 1fr 25px 1fr 25px 1fr;
	grid-template-columns: repeat(5, 1fr);
	-webkit-column-gap: 25px;
	   -moz-column-gap: 25px;
	        column-gap: 25px;
	list-style: none;
	margin-left: 0;
}
.widget-webservice .gridLayout li {
	border: 1px solid #cdcdcd;
	margin-bottom: 25px;
	padding-bottom: 0;
	text-align: center;
}
.widget-webservice .gridLayout li a {
	background-color: transparent;
	display: block;
	height: 100%;
	padding: 10px;
}
.widget-webservice .gridLayout li a:hover {
	background-color: #efefef;
}
.widget-webservice .gridLayout li span {
	display: block;
	margin-top: 10px;
}

@media screen and (-ms-high-contrast: none) {
	.widget-webservice .gridLayout ol {
		display: block;
	}
	.widget-webservice .gridLayout li {
		display: inline-block;
		margin-right: 1%;
		vertical-align: top;
		width: 18%;
	}
}

/* Carousel */

.widget .mettCarousel
{
	margin:					0 -10px;
}

.carouselSlide
{
	padding:				10px;
}

.carouselControls
{
	position: 				relative;

	z-index: 				99;

	height: 				40px;

	padding-top:			10px;
	margin-top: 			-40px;

	text-align:				center;

	font-size:				20px;
}

.carouselControls .control
{
	padding: 				5px;
}

.carouselControls .control.previous
{
	margin-right:			30px;
}

.carouselControls .control.next
{
	margin-left:			30px;
}

.carousel:not(.widget-users) .updateImage
{
	margin-bottom:			20px;
}
.carousel:not(.widget-users) .updateImage .nailthumb-container
{
	overflow:				hidden;
}
.carousel:not(.widget-users) .updateImage a {
	display: 				block;
}

.carousel:not(.widget-users) .updateImage img
{
	display:				none;
	position:				relative;
	max-width:				none;
}

.carousel:not(.widget-users) .updateImage img.nailthumb-image
{
	display:				block;
}

.widget.carousel .itemInformation
{
	padding-bottom:			10px;
}

#content .row .carousel h2.itemTitle,
#content .row .carousel h2.itemTitle a,
#content .row .carousel h3.itemTitle,
#content .row .carousel h3.itemTitle a
{
	display:				block;

	font-size:				22px;
}
#content .row .carousel h3.itemTitle,
#content .row .carousel h3.itemTitle a
{
	font-weight:			300;
}