@charset "UTF-8";
/***** Base *****/
* {
	box-sizing: border-box;
}

body {
	background-color: #e86d1f;
	color: #333333;
	/*font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;*/
	font-family: 'Gotham Rounded SSm A', 'Gotham Rounded SSm B', Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;  -webkit-font-smoothing: antialiased;
}

body > main {
	padding-bottom:40px;
}
@media (min-width: 1024px) {
	body > main {
		min-height: 65vh;
	}
}

h1, h2, h3, h4, h5, h6 {
	/*font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;*/
	font-family: 'Gotham Rounded SSm A', 'Gotham Rounded SSm B', Helvetica, Arial, sans-serif;
	font-weight: 400;
	margin-top: 0;
}

h1 {
	font-size: 32px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 16px;
}

a {
	color: #3392ce;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	text-decoration: underline;
}

input,
textarea {
	color: #000;
	font-size: 14px;
}

input {
	font-weight: 300;
	max-width: 100%;
	box-sizing: border-box;
	outline: none;
	transition: border .12s ease-in-out;
}

input:focus {
	border: 1px solid #023a81;
}

input[disabled] {
	background-color: #ddd;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: url("/hc/theming_assets/01HZH073GJMQ449F6A0NNPA69C") no-repeat #fff;
	background-position: right 10px center;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 8px 30px 8px 10px;
	outline: none;
	color: #555;
	width: 100%;
}

select:focus {
	border: 1px solid #023a81;
}

select::-ms-expand {
	display: none;
}

textarea {
	border: 1px solid #ddd;
	border-radius: 2px;
	resize: vertical;
	width: 100%;
	outline: none;
	padding: 10px;
}

textarea:focus {
	border: 1px solid #023a81;
}

.container {
	max-width: 1160px;
	margin: 0 auto;
	padding: 0 5%;
}

@media (min-width: 1160px) {
	.container {
		padding: 0;
		width: 90%;
	}
}

.container-divider {
	border-top: 1px solid #ddd;
	margin-bottom: 20px;
}

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

.error-page {
	max-width: 1160px;
	margin: 0 auto;
	padding: 0 5%;
}

@media (min-width: 1160px) {
	.error-page {
		padding: 0;
		width: 90%;
	}
}

.dropdown-toggle::after {
	color: inherit;
}

/***** Buttons *****/
.button, [role="button"] {
	border: 1px solid #023a81;
	border-radius: 4px;
	color: #023a81;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	line-height: 2.34;
	margin: 0;
	padding: 0 20px;
	text-align: center;
	transition: background-color .12s ease-in-out, border-color .12s ease-in-out, color .15s ease-in-out;
	user-select: none;
	white-space: nowrap;
	width: 100%;
	-webkit-touch-callout: none;
}

@media (min-width: 768px) {
	.button, [role="button"] {
		width: auto;
	}
}

.button::after, [role="button"]::after {
	color: #023a81;
}

.button:hover, .button:active, .button:focus, .button[aria-selected="true"], [role="button"]:hover, [role="button"]:active, [role="button"]:focus, [role="button"][aria-selected="true"] {
	background-color: #023a81;
	color: #ffffff;
	text-decoration: none;
}

.button[aria-selected="true"]:hover, .button[aria-selected="true"]:focus, .button[aria-selected="true"]:active, [role="button"][aria-selected="true"]:hover, [role="button"][aria-selected="true"]:focus, [role="button"][aria-selected="true"]:active {
	background-color: #000d1d;
	border-color: #000d1d;
}

.button[data-disabled], [role="button"][data-disabled] {
	cursor: default;
}

.button-large, input[type="submit"] {
	background-color: #023a81;
	border: 0;
	border-radius: 4px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 400;
	line-height: 2.72;
	min-width: 190px;
	padding: 0 1.9286em;
	width: 100%;
}

@media (min-width: 768px) {
	.button-large, input[type="submit"] {
		width: auto;
	}
}

.button-large:hover, .button-large:active, .button-large:focus, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus {
	background-color: #000d1d;
}

.button-large[disabled], input[type="submit"][disabled] {
	background-color: #ddd;
}

.button-secondary {
	color: #666;
	border: 1px solid #ddd;
	background-color: transparent;
}

.button-secondary:hover, .button-secondary:focus, .button-secondary:active {
	color: #333333;
	border: 1px solid #ddd;
	background-color: #e16517;
}

/***** Tables *****/
.table {
	width: 100%;
	table-layout: fixed;
}

@media (min-width: 768px) {
	.table {
		table-layout: auto;
	}
}

.table th,
.table th a {
	color: #666;
	font-size: 13px;
	font-weight: 300;
	text-align: left;
}

[dir="rtl"] .table th, [dir="rtl"]
.table th a {
	text-align: right;
}

.table tr {
	border-bottom: 1px solid #ddd;
	display: block;
	padding: 20px 0;
}

@media (min-width: 768px) {
	.table tr {
		display: table-row;
	}
}

.table td {
	display: block;
}

@media (min-width: 768px) {
	.table td {
		display: table-cell;
	}
}

@media (min-width: 1024px) {
	.table td, .table th {
		padding: 20px 30px;
	}
}

@media (min-width: 768px) {
	.table td, .table th {
		padding: 10px 20px;
		height: 60px;
	}
}

/***** Forms *****/
.form {
	max-width: 650px;
}

.form-field ~ .form-field {
	margin-top: 25px;
}

.form-field label {
	display: block;
	font-size: 13px;
	margin-bottom: 5px;
}

.form-field input {
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 10px;
	width: 100%;
}

.form-field input:focus {
	border: 1px solid #023a81;
}

.form-field input[type="text"] {
	border: 1px solid #ddd;
	border-radius: 4px;
}

.form-field input[type="text"]:focus {
	border: 1px solid #023a81;
}

.form-field input[type="checkbox"] {
	width: auto;
}

.form-field .nesty-input {
	border-radius: 4px;
	height: 40px;
	line-height: 40px;
	outline: none;
	vertical-align: middle;
}

.form-field .nesty-input:focus {
	border: 1px solid #023a81;
	text-decoration: none;
}

.form-field textarea {
	vertical-align: middle;
}

.form-field input[type="checkbox"] + label {
	margin: 0 0 0 10px;
}

.form-field.required > label::after {
	content: "*";
	color: #f00;
	margin-left: 2px;
}

.form-field p {
	color: #666;
	font-size: 12px;
	margin: 5px 0;
}

[data-loading="true"] input,
[data-loading="true"] textarea {
	background: transparent url("/hc/theming_assets/01HZH0747A99EF9RSV42PRD0HW") 99% 50% no-repeat;
	background-size: 16px 16px;
}

.form footer {
	margin-top: 40px;
	padding-top: 30px;
}

.form footer a {
	color: #666;
	cursor: pointer;
	margin-right: 15px;
}

.form .suggestion-list {
	font-size: 13px;
	margin-top: 30px;
}

.form .suggestion-list label {
	border-bottom: 1px solid #ddd;
	display: block;
	padding-bottom: 5px;
}

.form .suggestion-list li {
	padding: 10px 0;
}

.form .suggestion-list li a:visited {
	color: #1e587d;
}

/***** Header *****/
.header {
	max-width: 1160px;
	margin: 0 auto;
	padding: 0 5%;
	position: relative;
	align-items: center;
	display: flex;
	height: 71px;
	justify-content: space-between;
}

@media (min-width: 1160px) {
	.header {
		padding: 0;
		width: 90%;
	}
}

.logo img {
	max-height: 37px;
}

.user-nav {
	display: inline-block;
	position: absolute;
	white-space: nowrap;
}

@media (min-width: 768px) {
	.user-nav {
		position: relative;
	}
}

.user-nav[aria-expanded="true"] {
	background-color: #fff;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 4px 10px 0 rgba(0, 0, 0, 0.1);
	border: solid 1px #ddd;
	right: 0;
	left: 0;
	top: 71px;
	z-index: 1;
}

.user-nav[aria-expanded="true"] > a {
	display: block;
	margin: 20px;
}

.nav-wrapper a {
	border: 0;
	color: #3392ce;
	display: none;
	font-size: 14px;
	padding: 0 20px 0 0;
	width: auto;
}

@media (min-width: 768px) {
	.nav-wrapper a {
		display: inline-block;
	}
}

[dir="rtl"] .nav-wrapper a {
	padding: 0 0 0 20px;
}

.nav-wrapper a:hover, .nav-wrapper a:focus, .nav-wrapper a:active {
	background-color: transparent;
	color: #3392ce;
	text-decoration: underline;
}

.nav-wrapper a.login {
	display: inline-block;
}

.nav-wrapper .icon-menu {
	display: inline-block;
	margin-right: 10px;
	color: #3392ce;
}

@media (min-width: 768px) {
	.nav-wrapper .icon-menu {
		display: none;
	}
}

[dir="rtl"] .nav-wrapper .icon-menu {
	margin-left: 10px;
	margin-right: 0;
}

header#header{
	margin-bottom:20px;
}
	
	header#header .header-wrapper{}
		header#header .header-wrapper.full-nav{
			height:auto !important;
			background-color: #fff !important;
		}
		
		header#header .header-wrapper .top-menu{}
			
			header#header .header-wrapper .top-menu .navbar-inverse{
				height: auto;
			}
				header#header .header-wrapper .top-menu .navbar-inverse.navbar-fixed-top{
					position: relative !important;
					top: auto !important;
					margin-top: 72px !important;
				}
					@media(max-width:767px){header#header .header-wrapper .top-menu .navbar-inverse.navbar-fixed-top{
						margin-top: 52px !important;
					}}
				
				header#header .header-wrapper .top-menu .navbar-inverse .container{
					position: relative;
					height: auto;
					padding: 0px 12px !important;
				}
					@media(max-width:767px){header#header .header-wrapper .top-menu .navbar-inverse .container{
						padding:0px 6px !important;
					}}
					
					header#header .header-wrapper .top-menu .navbar-inverse .navbar-header{
						display: -webkit-box;
						display: -webkit-flex;
						display: ms-flexbox;
						display: flex;
						  -webkit-box-align: center;
						-webkit-align-items: center;
							 -ms-flex-align: center;
								align-items: center;
							   -webkit-box-pack: center;
						-webkit-justify-content: center;
								  -ms-flex-pack: center;
								justify-content: center;
						position: absolute !important;
						float: none;
						left: 0px;
						bottom: 100%;
						height:auto;
						margin:0px !important;
						padding:0px 12px;
					}
						@media(max-width:767px){header#header .header-wrapper .top-menu .navbar-inverse .navbar-header{
							padding:0px 6px;
						}}
					
						header#header .header-wrapper .top-menu .navbar-inverse .navbar-header .navbar-brand,
						header#header .header-wrapper .top-menu .navbar-inverse .navbar-header .navbar-zd{
							display: block;
							float: none;
						}
						
							header#header .header-wrapper .top-menu .navbar-inverse .navbar-header .navbar-brand{
								padding:12px 0px;
							}
						
								header#header .header-wrapper .top-menu .navbar-inverse .navbar-header .navbar-brand img{
									position: relative !important;
									top:auto !important;
								}
							
							header#header .header-wrapper .top-menu .navbar-inverse .navbar-header .navbar-zd{
								margin-left: 24px;
								padding: 6px 24px;
								border-left: 1px solid #38b8e7;
								color: #38b8e7;
								font-size: 24px;
							}
								@media(max-width:767px){header#header .header-wrapper .top-menu .navbar-inverse .navbar-header .navbar-zd{
									margin-left: 12px;
									padding: 6px 12px;
									font-size: 18px;
								}}
					
						body.ie header#header .header-wrapper .top-menu .navbar-inverse .navbar-header{
							display: block;
							white-space: nowrap;
						}
					
							body.ie header#header .header-wrapper .top-menu .navbar-inverse .navbar-header .navbar-brand,
							body.ie header#header .header-wrapper .top-menu .navbar-inverse .navbar-header .navbar-zd{
								display: inline-block;
								vertical-align: middle;
							}
					
					header#header .header-wrapper .top-menu .navbar-inverse .navbar-icons{
						display: block;
						position: absolute !important;
						top: -60px !important;
						right: 0px;
						padding:0px 12px;
					}
						@media(max-width:767px){header#header .header-wrapper .top-menu .navbar-inverse .navbar-icons{
							padding:0px 6px;
						}}
						
						header#header .header-wrapper .top-menu .navbar-inverse .navbar-icons .nav-wrapper{}
						
							header#header .header-wrapper .top-menu .navbar-inverse .navbar-icons .nav-wrapper a.login{}
						
								header#header .header-wrapper .top-menu .navbar-inverse .navbar-icons .nav-wrapper a.login::before{
									content: '\e801';
									speak: none;
									display: inline-block;
									width: 1em;
									line-height: 1em;
									margin-left: .2em;
									margin-right: 18px;
									font-family: "fontello";
									font-style: normal;
									font-weight: normal;
									font-variant: normal;
									text-align: center;
									text-decoration: inherit;
									text-transform: none;
								}
							
							@media(max-width:767px){
								header#header .header-wrapper .top-menu .navbar-inverse .navbar-icons .nav-wrapper a.login{
									padding: 0px;
									font-size: 0px;
									color:rgba(255,255,255,0);
								}
							
									header#header .header-wrapper .top-menu .navbar-inverse .navbar-icons .nav-wrapper a.login::before{
										width: 3em;
										line-height: 3em;
										margin: 0px;
										font-size: 18px;
										color: #3392ce;
									}
							}
						
							header#header .header-wrapper .top-menu .navbar-inverse .navbar-icons .nav-wrapper .user{padding:10px;}
					
					
					header#header .header-wrapper .top-menu .navbar-inverse .navbar-search{padding: 25px 0px;}
						
						@media(max-width:767px){header#header .header-wrapper .top-menu .navbar-inverse .navbar-search{padding:6px 0px;}}
					
						header#header .header-wrapper .top-menu .navbar-inverse .navbar-search .search{height: 40px;}
					
							header#header .header-wrapper .top-menu .navbar-inverse .navbar-search .search::before{
								top: 12px;
								color: #777;
								-webkit-transform: none;
								   -moz-transform: none;
									-ms-transform: none;
									 -o-transform: none;
										transform: none;
							}
					
							header#header .header-wrapper .top-menu .navbar-inverse .navbar-search .search input[type="search"]{
								position: absolute;
								opacity: 1;
							}

/***** User info in header *****/
.user-info {
	display: inline-block;
}

.user-info .dropdown-toggle::after {
	display: none;
}

@media (min-width: 768px) {
	.user-info .dropdown-toggle::after {
		display: inline-block;
	}
}

.user-info > [role="button"] {
	border: 0;
	color: #3392ce;
	min-width: 0;
	padding: 0;
	white-space: nowrap;
}

.user-info > [role="button"]:hover {
	color: #3392ce;
	background-color: transparent;
}

.user-info > [role="button"]::after {
	color: #ffffff;
	padding-right: 15px;
}

[dir="rtl"] .user-info > [role="button"]::after {
	padding-left: 15px;
	padding-right: 0;
}

#user #user-name {
	display: none;
	font-size: 14px;
	color: #e86d1f;
}

#user-menu a {
	color: #e86d1f;
}

@media (min-width: 1024px) {
	#user {
		display: inline-block;
		vertical-align: middle;
		background-color: #3392ce;
		border-color: #3392ce;
		border: none;
		height: 44px;
		font-size: 18px;
		padding: 8px 22px;
		width: 200px;
	}
	
	#user #user-name {
		display: inline-block;
		color: #fff;
	}
	
	#user:hover {
		background-color: #e86d1f;
	}
}

/***** User avatar *****/
.user-avatar {
	height: 25px;
	width: 25px;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
}

.avatar {
	display: inline-block;
	position: relative;
}

.avatar img {
	height: 40px;
	width: 40px;
}

.avatar .icon-agent::before {
	background-color: #023a81;
	border: 2px solid #fff;
	border-radius: 50%;
	bottom: -4px;
	color: #ffffff;
	content: "\1F464";
	font-size: 14px;
	height: 14px;
	line-height: 14px;
	position: absolute;
	right: -2px;
	text-align: center;
	width: 14px;
}

/***** Footer *****/
/*.footer {
	border-top: 1px solid #ddd;
	margin-top: 60px;
	padding: 30px 0;
}

.footer a {
	color: #666;
}

.footer-inner {
	max-width: 1160px;
	margin: 0 auto;
	padding: 0 5%;
	display: flex;
	justify-content: space-between;
}

@media (min-width: 1160px) {
	.footer-inner {
		padding: 0;
		width: 90%;
	}
}

.footer-language-selector {
	color: #666;
	display: inline-block;
	font-weight: 300;
}*/

/***** Breadcrumbs *****/
.breadcrumbs {
	margin: 0 0 15px 0;
	padding: 0;
}

@media (min-width: 768px) {
	.breadcrumbs {
		margin: 0;
	}
}

.breadcrumbs li {
	color: #666;
	display: inline;
	font-weight: 300;
	font-size: 13px;
	max-width: 450px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.breadcrumbs li + li::before {
	content: ">";
	margin: 0 4px;
}

.breadcrumbs li a:visited {
	color: #3392ce;
}

/***** Search field *****/
.search {
	position: relative;
}

.search input[type="search"] {
	border: 1px solid #ddd;
	border-radius: 0px;
	box-sizing: border-box;
	color: #999;
	height: 40px;
	padding-left: 40px;
	padding-right: 20px;
	-webkit-appearance: none;
	width: 100%;
	opacity: 0.9;
	-webkit-transition: opacity 0.4s ease;
	   -moz-transition: opacity 0.4s ease;
		-ms-transition: opacity 0.4s ease;
		 -o-transition: opacity 0.4s ease;
			transition: opacity 0.4s ease;
}
.search input[type="search"]:focus{
	opacity: 1;
}

[dir="rtl"] .search input[type="search"] {
	padding-right: 40px;
	padding-left: 20px;
}

.search input[type="search"]:focus {
	border: 1px solid #023a81;
	color: #555;
}

.search::before {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	background-color: transparent;
	color: #ddd;
	content: "\1F50D";
	font-size: 18px;
	position: absolute;
	left: 15px;
	z-index: 1;
}

.search:focus::before{
	color: #023a81;
}

[dir="rtl"] .search::before {
	right: 15px;
	left: auto;
}

.search-full input[type="search"] {
	border: 1px solid #fff;
}

/***** Hero component *****/
.hero {
	display: -webkit-box;
	display: -webkit-flex;
	display: ms-flexbox;
	display: flex;
	  -webkit-box-align: center;
	-webkit-align-items: center;
		 -ms-flex-align: center;
			align-items: center;
		   -webkit-box-pack: center;
	-webkit-justify-content: center;
			  -ms-flex-pack: center;
			justify-content: center;
	-webkit-flex-direction: column;
			flex-direction: column;
	margin-bottom: 20px !important;
	padding: 1em 20px;
	text-align: center;
	width: 100%;
}

.hero-inner {
	position: relative;
	width: 100%;
	max-width: 610px;
	margin: 0 auto;
}

.hero-inner h1{
	margin: 0px;
	color: #023a81;
	font-size: 4em;
	font-weight: 100;
	line-height: 1.1;
}
	@media(max-width:767px){.hero-inner h1{
		font-size:3em;
	}}
	@media only screen
	and (max-device-width: 767px)
	and (orientation: portrait){
		.hero{
			padding:0px;
		}
		.hero-inner h1{
			font-size:11vw;
			font-size:calc((100vw - 24px) * 0.12);
		}
	}

.hero-inner .search{
}

.hero-inner .search::before{
	color: #777;
}

.hero-inner .search input[type="search"]{
	outline: none;
	-webkit-box-shadow: 0px 0.2em 1em rgba(0,0,0,0.4),0px 0.5em 2em rgba(0,0,0,0.4);
	   -moz-box-shadow: 0px 0.2em 1em rgba(0,0,0,0.4),0px 0.5em 2em rgba(0,0,0,0.4);
			box-shadow: 0px 0.2em 1em rgba(0,0,0,0.4),0px 0.5em 2em rgba(0,0,0,0.4);
}

.page-header {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 10px 0;
}

@media (min-width: 768px) {
	.page-header {
		align-items: baseline;
		flex-direction: row;
		margin: 0;
	}
}

.page-header .section-subscribe {
	flex-shrink: 0;
	margin-bottom: 10px;
}

@media (min-width: 768px) {
	.page-header .section-subscribe {
		margin-bottom: 0;
	}
}

.page-header h1 {
	flex-grow: 1;
	margin-bottom: 10px;
}

.page-header-description {
	font-style: italic;
	font-weight: 300;
	margin: 0 0 30px 0;
	word-break: break-word;
}

@media (min-width: 1024px) {
	.page-header-description {
		flex-basis: 100%;
	}
}

.page-header .icon-lock::before {
	content: "\1F512";
	font-size: 20px;
	position: relative;
	left: -5px;
	vertical-align: baseline;
}

.sub-nav {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-bottom: 0px;
	min-height: 35px;
	padding-bottom: 15px;
}

@media (min-width: 768px) {
	.sub-nav {
		align-items: baseline;
		flex-direction: row;
	}
}

@media (min-width: 768px) {
	.sub-nav input[type="search"] {
		min-width: 300px;
	}
}

.sub-nav input[type="search"]::after {
	font-size: 15px;
}

/***** Blocks *****/
/* Used in Homepage#categories and Community#topics */
.blocks-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	list-style: none;
	padding: 0;
}

@media (min-width: 768px) {
	.blocks-list {
		margin: 0 -15px;
	}
}

.blocks-item {
	border: 0px solid #023a81;
	border-radius: 0px;
	box-sizing: border-box;
	color: white;
	display: flex;
	flex: 1 0 340px;
	flex-direction: column;
	justify-content: center;
	margin: 0 0 30px;
	max-width: 100%;
	text-align: center;
}

@media (min-width: 768px) {
	.blocks-item {
		margin: 0 15px 30px;
	}
}

.blocks-item:hover, .blocks-item:focus, .blocks-item:active {
	background-color: #023a81;
}

.blocks-item:hover *, .blocks-item:focus *, .blocks-item:active * {
	color: #ffffff;
	text-decoration: none;
}

.blocks-item-internal {
	background-color: transparent;
	border: 1px solid #ddd;
}

.blocks-item-internal .icon-lock::before {
	content: "\1F512";
	font-size: 15px;
	bottom: 5px;
	position: relative;
}

.blocks-item-internal a {
	color: #333333;
}

.blocks-item-link {
	color: white;
	font-weight: bold;
	padding: 20px 30px;
	background-color: #3392ce;
	text-transform: uppercase;
}

.blocks-item-link:hover, .blocks-item-link:focus, .blocks-item-link:active {
	text-decoration: none;
	background-color: #e86d1f;
}

.blocks-item-title {
	margin-bottom: 0;
	font-weight: 600;
}

.blocks-item-description {
	font-weight: 300;
	margin: 0;
}

.blocks-item-description:not(:empty) {
	margin-top: 10px;
}

/***** Homepage *****/
.section {
	margin-bottom: 40px;
}

@media (min-width: 768px) {
	.section {
		margin-bottom: 60px;
	}
}

.section h2,
.section h3,
.snippet h2,
.snippet h3 {
	margin-bottom: 10px;
	color: #023a81;
	font-weight: 400;
	text-align: center;
	text-transform: uppercase;
}

.section h2{
	text-align: center;
}

/***** Knowledge Base & Community sections in homepage *****/
.section.knowledge-base,
.section.community{
	margin-bottom: 12px;
}
	.section a.section-tile{
		position: relative;
		display: block;
		display: -webkit-box;
		display: -webkit-flex;
		display: ms-flexbox;
		display: flex;
		  -webkit-box-align: center;
		-webkit-align-items: center;
			 -ms-flex-align: center;
				align-items: center;
			   -webkit-box-pack: center;
		-webkit-justify-content: center;
				  -ms-flex-pack: center;
				justify-content: center;
		-webkit-flex-direction: column;
				flex-direction: column;
		min-height: 250px;
		padding: 45px 0px;
		text-align: center;
		text-decoration: none;
		overflow: hidden;
		cursor: pointer;
		z-index: 1;
	}
		
		.section a.section-tile::before,
		.section a.section-tile::after{
			content: ' ';
			display: block;
			position: absolute;
			z-index: 100;
			left: 0px;
			top: 0px;
			width: 100%;
			height: 100%;
			-webkit-transition: opacity 0.8s ease;
			   -moz-transition: opacity 0.8s ease;
				-ms-transition: opacity 0.8s ease;
				 -o-transition: opacity 0.8s ease;
					transition: opacity 0.8s ease;
		}
			.section a.section-tile::before{
				background-color: rgba(27, 78, 142, 0.7);
				opacity: 1;
			}
				.section a.section-tile:hover::before{opacity: 0;}
			.section a.section-tile::after{
				background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 100%);
				background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%);
				background: radial-gradient(ellipse at center, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50ffffff', endColorstr='#50ffffff',GradientType=1 );
				opacity: 0;
			}
				.section a.section-tile:hover::after{opacity: 1;}
		
		.section a.section-tile div{
			position: relative;
			padding-top: 100px;
			color: #fff;
			text-shadow: none;
			z-index: 200;
			-webkit-transition: color 0.8s ease, text-shadow 0.8s ease;
			   -moz-transition: color 0.8s ease, text-shadow 0.8s ease;
				-ms-transition: color 0.8s ease, text-shadow 0.8s ease;
				 -o-transition: color 0.8s ease, text-shadow 0.8s ease;
					transition: color 0.8s ease, text-shadow 0.8s ease;
		}
			.section a.section-tile:hover div{
				color: #023a81;
				text-shadow: 0px 0px 10px rgba(255,255,255,0.75),0px 0px 15px rgba(255,255,255,0.75),0px 0px 20px rgba(255,255,255,0.75);
			}
			
			.section a.section-tile div::before,
			.section a.section-tile div::after{
				content: ' ';
				display: block;
				position: absolute;
				left: 0px;
				top: 0px;
				width: 100%;
				height: 100px;
				background-position: center center;
				background-repeat: no-repeat;
				background-size: contain;
				-webkit-transition: opacity 0.8s ease;
				   -moz-transition: opacity 0.8s ease;
					-ms-transition: opacity 0.8s ease;
					 -o-transition: opacity 0.8s ease;
						transition: opacity 0.8s ease;
			}
				.section a.section-tile div::before{opacity: 1;}
				.section a.section-tile div::after{opacity: 0;}
					.section a.section-tile:hover div::before{opacity: 0;}
					.section a.section-tile:hover div::after{opacity: 1;}
					
					.section.knowledge-base a.section-tile div::before{background-image: url(/hc/theming_assets/01HZH07517GE4FERVFEZCGBZ8C);}
					.section.knowledge-base a.section-tile div::after{background-image: url(/hc/theming_assets/01HZH074XJDNHCYZHF0PPDW6HS);}
					
					.section.community a.section-tile div::before{background-image: url(/hc/theming_assets/01HZH074SSCAB0B43N4GEKF4F3);}
					.section.community a.section-tile div::after{background-image: url(/hc/theming_assets/01HZH074PE42C8MXRK202GH0YE);}
			
			.section a.section-tile div h2,
			.section a.section-tile div p{
				margin: 0px;
			}
				.section a.section-tile div h2{
					color: inherit;
					text-transform: uppercase;
				}
		
		.section a.section-tile img{
			position: absolute;
			left: 50%;
			top: 50%;
			width: 100%;
			min-height: 100%;
			-webkit-transform: translateX(-50%) translateY(-50%);
			   -moz-transform: translateX(-50%) translateY(-50%);
				-ms-transform: translateX(-50%) translateY(-50%);
				 -o-transform: translateX(-50%) translateY(-50%);
					transform: translateX(-50%) translateY(-50%);
			filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
			filter: grayscale(100%);
			filter: gray; /* IE6-9 */
			-webkit-filter: grayscale(100%); /* Ch 19+, Sa 6+, Sa 6+ iOS */
			-webkit-transition: filter 0.8s ease,-webkit-filter 0.8s ease,opacity 0.8s ease;
			   -moz-transition: filter 0.8s ease,-webkit-filter 0.8s ease,opacity 0.8s ease;
				-ms-transition: filter 0.8s ease,-webkit-filter 0.8s ease,opacity 0.8s ease;
				 -o-transition: filter 0.8s ease,-webkit-filter 0.8s ease,opacity 0.8s ease;
					transition: filter 0.8s ease,-webkit-filter 0.8s ease,opacity 0.8s ease;
		}
			.section a.section-tile:hover img{
				filter: none;
				-webkit-filter: none;
			}


/***** Knowledge Base section in homepage *****/
.section-tiles{}
	.section-tiles.row{margin-left:-3px;margin-right:-3px;}
		.section-tiles.row > *[class*="col-"]{padding-left:3px;padding-right:3px;}

.section.knowledge-base{}
.section.knowledge-base .categories.blocks{}
	.section.knowledge-base .categories.blocks::after{
		content: ' ';
		display: block;
		height: 0px;
		border-bottom: 1px solid #ddd;
	}

	.section.knowledge-base .categories.blocks .blocks-list{
		margin: 0px -6px;
		padding-bottom: 12px;
	}
		.section.knowledge-base .categories.blocks .blocks-list .blocks-item{
			max-width: calc(100% - 12px);
			margin: 12px 6px 0px;
		}

	.section.knowledge-base .categories.blocks .category-tree-with-article{padding-top: 12px;}
		.section.knowledge-base .categories.blocks .category-tree-with-article > ul{
			display: block;
			display: -webkit-box;
			display: -webkit-flex;
			display: ms-flexbox;
			display: flex;
			-webkit-flex-direction: row;
					flex-direction: row;
			-webkit-flex-wrap: wrap;
					flex-wrap: wrap;
			margin: 0px -12px;
		}
			.section.knowledge-base .categories.blocks .category-tree-with-article > ul > li{
				width: 50%;
				padding: 0px 12px 36px;
			}
				@media(max-width:767px){.section.knowledge-base .categories.blocks .category-tree-with-article > ul > li{
					width: 100%;
					padding-bottom: 24px;
				}}
				
				.section.knowledge-base .categories.blocks .category-tree-with-article > ul > li > h2{
					margin-bottom: 12px;
					padding: 10px 0px;
					border-bottom: 1px solid #d4d4d4;
					text-align: left;
				}
					@media(max-width:767px){.section.knowledge-base .categories.blocks .category-tree-with-article > ul > li > h2{
						margin-bottom: 0px;
						font-size: 20px;
					}}
				
				.section.knowledge-base .categories.blocks .category-tree-with-article > ul > li > ul{}
					.section.knowledge-base .categories.blocks .category-tree-with-article > ul > li > ul > li{margin-bottom: 0px;}
						.section.knowledge-base .categories.blocks .category-tree-with-article > ul > li > ul > li > h3{
							margin: 24px 0px 6px;
							padding: 6px 0px;
							border-top: 1px solid #d4d4d4;
							border-bottom: 1px solid #d4d4d4;
							color: #000;
							font-size: 17px;
							text-transform: none;
						}
							.section.knowledge-base .categories.blocks .category-tree-with-article > ul > li > ul > li:first-child > h3{
								border-top: none;
							}
								@media(min-width:768px){.section.knowledge-base .categories.blocks .category-tree-with-article > ul > li > ul > li:first-child > h3{margin-top: -12px;}}
							.section.knowledge-base .categories.blocks .category-tree-with-article > ul > li > ul > li:first-child:last-child > h3{display:none;}
						.section.knowledge-base .categories.blocks .category-tree-with-article > ul > li > ul > li > ul{}
							.section.knowledge-base .categories.blocks .category-tree-with-article > ul > li > ul > li > ul > li{padding-top:10px;}
								@media(max-width:767px){.section.knowledge-base .categories.blocks .category-tree-with-article > ul > li > ul > li > ul > li{padding-top:8px;}}
								
								.section.knowledge-base .categories.blocks .category-tree-with-article > ul > li > ul > li > ul > li > span{display:none;}
								
			body.ie .section.knowledge-base .categories.blocks .category-tree-with-article > ul{
				display: block;
			}
				.section.knowledge-base .categories.blocks .category-tree-with-article > ul > li{
					float:left;
				}


/***** Community section in homepage *****/
.community {
}


/***** Promoted articles *****/
.promoted-articles {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	margin:0px -12px;
}

@media (min-width: 1024px) {
	.promoted-articles {
		flex-direction: row;
	}
}

.promoted-articles-item {
	padding: 0px 12px;
	flex: 1 0 auto;
}

@media (min-width: 1024px) {
	.promoted-articles-item {
		align-self: flex-end;
		flex: 1;
		min-width: 33%;
		/* Three columns on desktop */
	}
}

.promoted-articles-item a {
	border-bottom: 1px solid #ddd;
	color: #333333;
	display: block;
	padding: 15px 0;
}



/***** Snippets: How To Videos, Get More Help *****/
.snippet.how-to-videos{
}
.snippet.how-to-videos h3{
}
.snippet.how-to-videos .row{
	margin-left: -3px;
	margin-right: -3px;
}
.snippet.how-to-videos .row div[class*="col-"]{
	padding-left: 3px;
	padding-right: 3px;
}

	@media only screen
	and (min-width: 768px)
	and (max-device-width: 800px)
	and (orientation: portrait){
		.snippet.how-to-videos .col-xs-6{width:50%;}
		.snippet.how-to-videos .col-xs-12{width:100%;}
		.snippet.how-to-videos .col-sm-3 .col-xs-6,
		.snippet.how-to-videos .col-sm-3 .col-xs-12{width:33.33333333%;}
	}


.snippet.how-to-videos h5{
	margin: 0px 0px 2px;
	color: #023a81;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}
.snippet.how-to-videos iframe{
	display: block;
	margin-bottom: 12px;
}

.snippet.how-to-videos .tiles{}
	.snippet.how-to-videos .tiles a{
		display: block;
		position: relative;
		margin-bottom: 6px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
		.snippet.how-to-videos .stage .video-holder::before,
		.snippet.how-to-videos .tiles a::before{
			content:' ';
			display: block;
			position: relative;
			padding-top: 56%;
		}
		.snippet.how-to-videos .tiles a h5{
			display: block;
			position: absolute;
			left: 0px;
			top: 50%;
			width: 100%;
			padding-top: 3em;
			background: url(/hc/theming_assets/01HZH0794E6Y5X9C3729H4BN9G) center top no-repeat;
			background-size: auto 2.5em;
			color: #fff;
			font-size: 15px;
			text-align: center;
			text-shadow: 0px 0.1em 0.25em #000;
			-webkit-transform: translateY(-50%);
			   -moz-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				 -o-transform: translateY(-50%);
					transform: translateY(-50%);
		}
		@media(min-width:768px){
			.snippet.how-to-videos .tiles .col-sm-9 > a::before{
				padding-top: calc(75.125% + 5px);
			}
			.snippet.how-to-videos .tiles .col-sm-9 > a h5{
				font-size: 24px;
			}
				.snippet.how-to-videos .tiles .col-sm-9 > a h5::before{
					content: 'How to attach ';
					display: block;
					font-size: 0.66666667em;
				}
		}

.snippet.how-to-videos .stage{}
	.snippet.how-to-videos .stage > div{}
		.snippet.how-to-videos .stage a.x{
			display: block;
			padding: 0.5em 0px;
			line-height: 1.25;
			font-size: 15px;
			text-align: right;
			text-transform: uppercase;
			cursor: pointer;
		}
		.snippet.how-to-videos .stage .video-holder{
			position: relative;
		}
			.snippet.how-to-videos .stage iframe{
				position: absolute;
				left: 0px;
				top: 0px;
				width: 100%;
				height: 100%;
			}

.snippet.get-more-help{
	padding-top: 30px;
}
.snippet.get-more-help .row{
	margin-left: -6px;
	margin-right: -6px;
}
.snippet.get-more-help .row div[class*="col-"]{
	padding-left: 6px;
	padding-right: 6px;
}
	@media only screen
	and (max-device-width: 767px)
	and (orientation: portrait){
		.snippet.get-more-help .row div[class*="col-"]{
			width:100%;
			margin-left:0px;
		}
	}

.snippet.get-more-help a{
	display: block;
	padding: 0px 10%;
	color: #333;
	text-align: center;
	text-decoration: none;
}

.snippet.get-more-help a > div{
	display: inline-block;
	text-align: left;
}
@media(max-width:767px){.snippet.get-more-help a{
	padding:0px;
}}

.snippet.get-more-help a i,
.snippet.get-more-help a h4{color: #e86d1f;}
.snippet.get-more-help a:hover i,
.snippet.get-more-help a:hover h4{color: #3392ce;}

.snippet.get-more-help a .icon-wrapper{
	display: block;
	width: 1.75em;
	height: 1.75em;
	line-height: 1.4;
	margin: 0px auto 0.5em;
	border: 1px solid #e86a1f;
	font-size: 2.5em;
	text-align: center;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
			border-radius: 50%;
}
.snippet.get-more-help a:hover .icon-wrapper{border-color: #3392ce;}

.snippet.get-more-help a .icon-wrapper i{
}

.snippet.get-more-help a .icon-wrapper i::before{
	vertical-align:baseline;
}

.snippet.get-more-help a h4{
	margin-bottom: 0.25em;
	font-size: 1.1em;
	line-height: 1;
	letter-spacing: -0.04em;
	text-transform: uppercase;
}
.snippet.get-more-help a p{
	margin-top: 0px;
	font-size: 0.85em;
}


@media (max-width: 799px) {
	.snippet.how-to-videos{
		padding-top: 30px;
	}
	.snippet.how-to-videos h3,
	.snippet.get-more-help h3{
		font-size: 24px;
		text-align: center;
	}
}
/***** Category pages *****/
.category-container {
	display: flex;
	justify-content: flex-end;
}

.category-content {
	flex: 1;
}

@media (min-width: 1024px) {
	.category-content {
		flex: 1;
	}
}

.section-tree {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
}

@media (min-width: 768px) {
	.section-tree {
		flex-direction: row;
	}
}

.section-tree .section {
	flex: initial;
}

@media (min-width: 768px) {
	.section-tree .section {
		flex: 0 0 45%;
		/* Two columns for tablet and desktop. Leaving 5% separation between columns */
	}
}

.section-tree .icon-lock::before {
	vertical-align: baseline;
}

.section-tree-title {
	margin-bottom: 0;
}

.section-tree > .section:first-child:last-child > .section-tree-title {
	display: none !important;
}

.section-tree-title a {
	color: #333333;
}

.section-tree .see-all-articles {
	display: block;
	padding: 15px 0;
}

ul.article-list{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.article-list-item {
	border-bottom: 1px solid #ddd;
	font-size: 16px;
	padding: 15px 0;
}

.article-list-item a {
	color: #333333;
}

.icon-star::before {
	color: #023a81;
	font-size: 18px;
}

/***** Section pages *****/
.section-container {
	display: flex;
	justify-content: flex-end;
}

.section-content {
	flex: 1;
}

@media (min-width: 1024px) {
	.section-content {
		flex: 0 0 80%;
	}
}

.section-subscribe .dropdown-toggle::after {
	display: none;
}

/***** Article *****/
.article {
	/*
	* The article grid is defined this way to optimize readability:
	* Sidebar | Content | Free space
	* 17%     | 66%     | 17%
	*/
	flex: 1 0 auto;
}

@media (min-width: 1024px) {
	.article {
		flex: 1 0 66%;
		max-width: 66%;
		min-width: 640px;
		padding: 0 30px;
	}
}

.article-container {
	display: block;
}

@media (min-width: 1024px) {
	.article-container {
	}
}

.article-header {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 40px;
	margin-top: 20px;
}

@media (min-width: 768px) {
	.article-header {
		flex-direction: row;
		margin-top: 0;
	}
}

.article-author {
	margin-bottom: 10px;
}

@media (min-width: 768px) {
	.article-title {
		flex-basis: 100%;
		/* Take entire row */
	}
}

.article-title .icon-lock::before {
	content: "\1F512";
	font-size: 20px;
	position: relative;
	left: -5px;
	vertical-align: baseline;
}

.article [role="button"] {
	flex-shrink: 0;
	/*Avoid collapsing elements in Safari (https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored)*/
	width: 100%;
}

@media (min-width: 768px) {
	.article [role="button"] {
		width: auto;
	}
}

.article-info {
	max-width: 100%;
}

.article-meta {
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
}

.article-body img {
	height: auto;
	max-width: 100%;
}

.article-body ul, .article-body ol {
	padding-left: 20px;
	list-style-position: outside;
	margin: 20px 0 20px 20px;
}

[dir="rtl"] .article-body ul, [dir="rtl"] .article-body ol {
	padding-right: 20px;
	padding-left: 0;
	margin-left: 0;
	margin-right: 20px;
}

.article-body ul > ul, .article-body ol > ol, .article-body ol > ul, .article-body ul > ol {
	margin: 0;
}

.article-body ul {
	list-style-type: disc;
}

.article-body a:visited {
	color: #1e587d;
}

.article-body code {
	background: #e16517;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 0 5px;
	margin: 0 2px;
}

.article-body pre {
	background: #e16517;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 10px 15px;
	overflow: auto;
	white-space: pre;
}

.article-body blockquote {
	border-left: 1px solid #ddd;
	color: #666;
	font-style: italic;
	padding: 0 15px;
}

.article-body > p:last-child {
	margin-bottom: 0;
}

.article-content {
	line-height: 1.6;
	margin: 40px 0;
	word-wrap: break-word;
}

.article-footer {
	align-items: center;
	display: flex;
	justify-content: space-between;
	padding-bottom: 20px;
}

.article-comment-count {
	color: #666;
	font-weight: 300;
}

.article-comment-count:hover {
	text-decoration: none;
}

.article-comment-count .icon-comments {
	color: #023a81;
	content: "\1F4AC";
	display: inline-block;
	font-size: 18px;
	padding: 5px;
}

.article-sidebar {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	flex: 1 0 auto;
	margin-bottom: 20px;
	padding: 0;
}

@media (min-width: 1024px) {
	.article-container > .article-sidebar,
	.article-container > .article {
		float: left;
		border: 0;
		height: auto;
	}
	.article-container > .article-sidebar{
		width: 17%;
	}
}

.article-relatives {
	border-top: 1px solid #ddd;
	display: flex;
	flex-direction: column;
	padding: 20px 0;
}

@media (min-width: 768px) {
	.article-relatives {
		flex-direction: row;
	}
}

.article-relatives > * {
	flex: 1 0 auto;
	margin-right: 0;
}

.article-relatives > *:last-child {
	margin: 0;
}

@media (min-width: 768px) {
	
	.article-relatives{
		display:block;
		margin:0px -12px;
	}
	.article-relatives > * {
		display:block;
		float:left;
		width:50%;
		padding:0px 12px;
	}
}

.article-votes {
	border-top: 1px solid #ddd;
	padding: 30px 0;
	text-align: center;
}

.article-vote {
	background: transparent;
	border: 1px solid #023a81;
	color: #023a81;
	margin: 10px 5px;
	min-width: 90px;
	width: auto;
}

.article-vote::before {
	font-size: 8px;
	margin-right: 10px;
}

[dir="rtl"] .article-vote::before {
	margin-right: 0;
	margin-left: 10px;
}

.article-vote::after {
	content: attr(title);
	/* Yes/No label*/
}

.article-vote:focus, .article-vote:active {
	background-color: transparent;
	color: #023a81;
}

.article-vote:hover {
	background-color: #023a81;
}

.article-vote:hover::before, .article-vote:hover::after, .article-vote[aria-selected="true"]::before, .article-vote[aria-selected="true"]::after {
	color: #ffffff;
}

.article-vote-up::before {
	content: "\2713";
}

.article-vote-down::before {
	content: "\2715";
}

.article-more-questions {
	margin: 10px 0 20px;
	text-align: center;
}

.article-return-to-top {
	border-top: 1px solid #ddd;
}

@media (min-width: 1024px) {
	.article-return-to-top {
		display: none;
	}
}

.article-return-to-top a {
	color: #333333;
	display: block;
	padding: 20px 0;
}

.article-return-to-top a:hover, .article-return-to-top a:focus {
	text-decoration: none;
}

.article-return-to-top .icon-arrow-up::before {
	font-size: 16px;
	margin-left: 5px;
}

[dir="rtl"] .article-return-to-top .icon-arrow-up::before {
	margin-right: 10px;
}

.article-unsubscribe {
	background-color: #023a81;
	color: #ffffff;
	text-decoration: none;
}

.article-unsubscribe:hover {
	background-color: #000d1d;
	border-color: #000d1d;
}

.sidenav-title {
	font-size: 15px;
	position: relative;
}

.sidenav-item {
	border-radius: 4px;
	color: #333333;
	display: block;
	font-weight: 300;
	margin-bottom: 10px;
	padding: 10px;
}

.sidenav-item.current-article, .sidenav-item:hover {
	background-color: #023a81;
	color: #ffffff;
	text-decoration: none;
}

/***** Attachments *****/
/* Styles attachments inside posts, articles and comments */
.attachments .attachment-item {
	padding-left: 20px;
	position: relative;
	margin-bottom: 10px;
}

.attachments .attachment-item:last-child {
	margin-bottom: 0;
}

.attachments .attachment-item::before {
	color: #333333;
	content: "\1F4CE";
	font-size: 15px;
	left: 0;
	position: absolute;
	top: 5px;
}

[dir="rtl"] .attachments .attachment-item {
	padding-left: 0;
	padding-right: 20px;
}

[dir="rtl"] .attachments .attachment-item::before {
	left: auto;
	right: 0;
}

.upload-dropzone span {
	color: #666;
}

/***** Social share links *****/
.share {
	padding: 0;
	white-space: nowrap;
}

.share li, .share a {
	display: inline-block;
}

.share a {
	border-radius: 50%;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	width: 25px;
}

.share a::before {
	color: #666;
	display: block;
	font-size: 23px;
	text-align: center;
	width: 100%;
}

.share a:hover {
	text-decoration: none;
}

.share a:hover::before {
	color: #023a81;
}

.share-twitter::before {
	content: "\e901";
}

.share-facebook::before {
	content: "\e903";
}

.share-linkedin::before {
	content: "\e900";
}

.share-googleplus::before {
	content: "\e902";
}

/***** Comments *****/
/* Styles comments inside articles, posts and requests */
.comment {
	border-bottom: 1px solid #ddd;
	padding: 20px 0;
}

.comment-heading {
	margin-bottom: 5px;
	margin-top: 0;
}

.comment-overview {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	padding: 20px 0;
}

.comment-overview p {
	margin-top: 0;
}

.comment-callout {
	color: #666;
	display: inline-block;
	font-weight: 300;
	font-size: 13px;
	margin-bottom: 0;
}

.comment-callout a {
	color: #023a81;
}

.comment-sorter {
	display: inline-block;
	float: right;
}

.comment-sorter a {
	color: #666;
	font-weight: 300;
	font-size: 13px;
	text-decoration: none;
}

[dir="rtl"] .comment-sorter {
	float: left;
}

.comment-wrapper {
	display: flex;
	position: relative;
}

.comment-wrapper.comment-official {
	border: 1px solid #023a81;
	padding: 40px 20px 20px;
}

@media (min-width: 768px) {
	.comment-wrapper.comment-official {
		padding-top: 20px;
	}
}

.comment-info {
	min-width: 0;
	padding-right: 20px;
	width: 100%;
}

[dir="rtl"] .comment-info {
	padding-right: 0;
	padding-left: 20px;
}

.comment-author {
	align-items: flex-end;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

@media (min-width: 768px) {
	.comment-author {
		justify-content: space-between;
	}
}

.comment-avatar {
	margin-right: 10px;
}

[dir="rtl"] .comment-avatar {
	margin-left: 10px;
	margin-right: 0;
}

.comment-meta {
	flex: 1 0 auto;
}

.comment-labels {
	flex-basis: 100%;
}

@media (min-width: 768px) {
	.comment-labels {
		flex-basis: auto;
	}
}

.comment .status-label:not(.status-label-official) {
	margin-top: 10px;
}

@media (min-width: 768px) {
	.comment .status-label:not(.status-label-official) {
		margin-top: 0;
	}
}

.comment-form {
	display: flex;
	padding-top: 30px;
	word-wrap: break-word;
}

.comment-container {
	width: 100%;
}

.comment-form-controls {
	display: none;
	margin-top: 10px;
	text-align: left;
}

@media (min-width: 768px) {
	[dir="ltr"] .comment-form-controls {
		text-align: right;
	}
}

.comment-form-controls input[type="submit"] {
	margin-top: 15px;
}

@media (min-width: 1024px) {
	.comment-form-controls input[type="submit"] {
		margin-left: 15px;
	}
	[dir="rtl"] .comment-form-controls input[type="submit"] {
		margin-left: 0;
		margin-right: 15px;
	}
}

.comment-form-controls input[type="checkbox"] {
	margin-right: 5px;
}

.comment-form-controls input[type="checkbox"] [dir="rtl"] {
	margin-left: 5px;
}

.comment-ccs {
	display: none;
}

.comment-ccs + textarea {
	margin-top: 10px;
}

.comment-attachments {
	margin-top: 10px;
}

.comment-attachments a {
	color: #023a81;
}

.comment-body {
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	word-break: break-word;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
	line-height: 1.6;
}

.comment-body img {
	height: auto;
	max-width: 100%;
}

.comment-body ul, .comment-body ol {
	padding-left: 20px;
	list-style-position: outside;
	margin: 20px 0 20px 20px;
}

[dir="rtl"] .comment-body ul, [dir="rtl"] .comment-body ol {
	padding-right: 20px;
	padding-left: 0;
	margin-left: 0;
	margin-right: 20px;
}

.comment-body ul > ul, .comment-body ol > ol, .comment-body ol > ul, .comment-body ul > ol {
	margin: 0;
}

.comment-body ul {
	list-style-type: disc;
}

.comment-body a:visited {
	color: #1e587d;
}

.comment-body code {
	background: #e16517;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 0 5px;
	margin: 0 2px;
}

.comment-body pre {
	background: #e16517;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 10px 15px;
	overflow: auto;
	white-space: pre;
}

.comment-body blockquote {
	border-left: 1px solid #ddd;
	color: #666;
	font-style: italic;
	padding: 0 15px;
}

.comment-mark-as-solved {
	display: inline-block;
}

/***** Vote *****/
/* Used in article comments, post comments and post */
.vote {
	display: inline-block;
	text-align: center;
	width: 35px;
}

.vote a {
	outline: none;
}

.vote a:active, .vote a:hover, .vote a:focus {
	text-decoration: none;
}

.vote-sum {
	color: #666;
	display: block;
	margin: 3px 0;
}

[dir="rtl"] .vote-sum {
	direction: ltr;
	unicode-bidi: bidi-override;
}

.vote-up:hover::before,
.vote-down:hover::before {
	color: #023a81;
}

.vote-up::before, .vote-down::before {
	color: #666;
	font-size: 24px;
}

.vote-up::before {
	content: "\2B06";
}

.vote-down::before {
	content: "\2B07";
}

.vote-voted::before {
	color: #023a81;
}

.vote-voted:hover::before {
	color: #000d1d;
}

/***** Actions *****/
/* Styles admin and en user actions(edit, delete, change status) in comments and posts */
.actions {
	text-align: center;
	flex-shrink: 0;
	/*Avoid collapsing elements in Safari*/
}

.actions .dropdown-toggle {
	font-size: 0;
	margin: 15px 0;
}

.actions .dropdown-toggle:hover::before, .actions .dropdown-toggle:focus::before, .actions .dropdown-toggle:active::before {
	background-color: #e16517;
}

.actions .dropdown-toggle::before {
	background-color: transparent;
	border-radius: 50%;
	color: #666;
	content: "\2699";
	display: block;
	font-size: 13px;
	margin: auto;
	padding: 5px;
}

/***** Community *****/
.community-hero {
	background-image: url(/hc/theming_assets/01HZH07DF40HESYMK433FZTGRE);
	margin-bottom: 10px;
}

.community-footer {
	padding-top: 50px;
	text-align: center;
}

.community-featured-posts,
.community-activity {
	padding-top: 60px;
	width: 100%;
}

	.community-featured-posts h3,
	.community-activity h2,
	.community-topics-header h4{
		color: #033a81;
		font-size: 24px;
		text-align: left;
		text-transform: uppercase;
	}
	
	@media(max-width:767px){
		.community-featured-posts h3,
		.community-activity h2,
		.community-topics-header h4{
			font-size: 22px;
		}
	}

.community-header {
	margin-bottom: 30px;
}

	.community-header h4 {
		margin-bottom: 0;
	}

.community-topics-header{
	margin-bottom: 10px;
}
	
	.community-topics-header .dropdown-toggle::after{
		font-size: 24px;
		line-height: 1.54;
		vertical-align: baseline;
	}

.community-topics{
}
	
	.community-topics .blocks-list{
		display: block;
		margin: 0px;
		-webkit-flex-direction: column;
				flex-direction: column;
	}
	
		.community-topics .blocks-list .blocks-item{
			display: block;
			width: 100%;
			margin: 0px;
			background-color: transparent !important;
			color: #333;
		}
			
			.community-topics .blocks-list .blocks-item *{
				color: inherit;
			}
			
			.community-topics .blocks-list .blocks-item .blocks-item-link{
				display: block;
				padding: 20px 0px;
				background-color: transparent !important;
				border-bottom: 1px solid #ddd;
				color: #333;
				text-align: left;
				text-transform: none;
			}
				
				.community-topics .blocks-list .blocks-item .blocks-item-link:hover{
					color: #23527c;
				}
				
				.community-topics .blocks-list .blocks-item .blocks-item-link h4{}
					
					.community-topics .blocks-list .blocks-item .blocks-item-link:hover h4{
						text-decoration: underline;
					}
			
				.community-topics .blocks-list .blocks-item .blocks-item-link .meta-group{
					margin-top: 10px;
				}
		
					.community-topics .blocks-list .blocks-item .blocks-item-link .meta-data{
						color: inherit;
					}

.post-to-community {
	margin-top: 10px;
}
	
	*[class*="col-"] > .post-to-community{
		display: block;
		width:100%;
	}
		
		*[class*="col-"] > .post-to-community > .button-large{
			width:100%;
		}

.community-footer{}
	
	.community-footer:last-child{padding-bottom:60px;}

@media (min-width: 768px) {
	.post-to-community {
		margin: 0;
	}
}

/* Community topics grid */
.topics {
	max-width: none;
	width: 100%;
}

.topics-item .meta-group {
	justify-content: center;
	margin-top: 20px;
}

/* Community topic page */
.topic-header {
	border-bottom: 1px solid #ddd;
	font-size: 13px;
}

@media (min-width: 768px) {
	.topic-header {
		padding-bottom: 10px;
	}
}

.topic-header .dropdown {
	display: block;
	border-top: 1px solid #ddd;
	padding: 10px 0;
}

@media (min-width: 768px) {
	.topic-header .dropdown {
		border-top: 0;
		display: inline-block;
		margin-right: 20px;
		padding: 0;
	}
}

.no-posts-with-filter {
	margin-top: 20px;
	margin-bottom: 20px;
}

/* Topic, post and user follow button */
.community-follow {
	margin-bottom: 10px;
	width: 100%;
}

@media (min-width: 768px) {
	.community-follow {
		margin-bottom: 0;
		width: auto;
	}
}

.community-follow .dropdown {
	width: 100%;
}

.community-follow [role="button"] {
	line-height: 30px;
	padding: 0 10px 0 15px;
	position: relative;
	width: 100%;
}

@media (min-width: 768px) {
	.community-follow [role="button"] {
		width: auto;
	}
}

.community-follow [role="button"]:hover {
	background-color: #023a81;
}

.community-follow [role="button"]:hover::after, .community-follow [role="button"]:focus::after {
	border-color: #ffffff;
	color: #ffffff;
}

.community-follow [role="button"][aria-selected="true"] {
	background-color: #023a81;
	color: #ffffff;
}

.community-follow [role="button"][aria-selected="true"]::after {
	border-left: 1px solid #ffffff;
	color: #ffffff;
}

.community-follow [role="button"][aria-selected="true"]:hover {
	background-color: #000d1d;
	border-color: #000d1d;
}

.community-follow [role="button"]::after {
	border-left: 1px solid #023a81;
	content: attr(data-follower-count);
	color: #023a81;
	display: inline-block;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
	margin-left: 15px;
	padding-left: 10px;
	position: absolute;
	right: 10px;
}

@media (min-width: 768px) {
	.community-follow [role="button"]::after {
		position: static;
	}
}

[dir="rtl"] .community-follow [role="button"]::after {
	border-left: 0;
	border-right: 1px solid #023a81;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
}

/***** Striped list *****/
/* Used in community posts list and requests list */
.striped-list {
	padding: 0;
}

.striped-list-item {
	align-items: flex-start;
	border-bottom: 1px solid #ddd;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 20px 0;
}

@media (min-width: 768px) {
	.striped-list-item {
		align-items: center;
		flex-direction: row;
	}
}

.striped-list-info {
	flex: 2;
}

.striped-list-title {
	color: #3392ce;
	margin-bottom: 10px;
	margin-right: 5px;
}

.striped-list-title:hover, .striped-list-title:focus, .striped-list-title:active {
	text-decoration: underline;
}

.striped-list-title:visited {
	color: #1e587d;
}

.striped-list .meta-group {
	margin: 5px 0;
}

.striped-list-count {
	color: #666;
	font-weight: 300;
	font-size: 13px;
	justify-content: flex-start;
	text-transform: capitalize;
}

@media (min-width: 768px) {
	.striped-list-count {
		display: flex;
		flex: 1;
		justify-content: space-around;
	}
}

.striped-list-count-item::after {
	content: "·";
	display: inline-block;
	padding: 0 5px;
}

@media (min-width: 768px) {
	.striped-list-count-item::after {
		display: none;
	}
}

.striped-list-count-item:last-child::after {
	display: none;
}

.striped-list-number {
	font-weight: 300;
	text-align: center;
}

@media (min-width: 768px) {
	.striped-list-number {
		color: #333333;
		display: block;
		font-weight: 400;
	}
}

/***** Status labels *****/
/* Styles labels used in posts, articles and requests */
.status-label {
	background-color: #1eb848;
	border-radius: 4px;
	color: #fff;
	font-size: 12px;
	margin-right: 2px;
	padding: 3px 10px;
	vertical-align: middle;
	white-space: nowrap;
	display: inline-block;
}

.status-label:hover, .status-label:active, .status-label:focus {
	text-decoration: none;
}

.status-label-pinned, .status-label-featured, .status-label-official {
	background-color: #023a81;
}

.status-label-official {
	border-radius: 0;
	margin-right: 0;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 100%;
}

@media (min-width: 768px) {
	.status-label-official {
		border-radius: 0 0 4px 4px;
		right: 30px;
		width: auto;
	}
}

[dir="rtl"] .status-label-official {
	left: 30px;
	right: auto;
}

.status-label-pending, .status-label-not-planned {
	background-color: #eee;
	color: #666;
}

.status-label-pending {
	text-align: center;
}

.status-label-open {
	background-color: #e03b30;
}

.status-label-closed {
	background-color: #ddd;
}

.status-label-solved {
	background-color: #999;
}

.status-label-new {
	background-color: #ffd12a;
}

.status-label-hold {
	background-color: #000;
}

.status-label-open, .status-label-closed, .status-label-solved, .status-label-new, .status-label-hold, .status-label-answered {
	text-transform: lowercase;
}

/***** Post *****/
/*
* The post grid is defined this way:
* Content | Sidebar
* 70%     | 30%
*/
.post {
	flex: 1;
	margin-bottom: 10px;
}

@media (min-width: 1024px) {
	.post {
		flex: 1 0 70%;
		max-width: 70%;
	}
}

.post-container {
	display: flex;
	flex-direction: column;
}

@media (min-width: 1024px) {
	.post-container {
		flex-direction: row;
	}
}

.post-header {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-bottom: 10px;
}

@media (min-width: 768px) {
	.post-header {
		align-items: baseline;
		flex-direction: row;
	}
}

.post-header .status-label {
	vertical-align: super;
}

.post-title {
	margin-bottom: 20px;
	width: 100%;
}

@media (min-width: 768px) {
	.post-title {
		margin-bottom: 0;
		padding-right: 10px;
	}
}

.post-title h1 {
	display: inline;
	vertical-align: middle;
}

@media (min-width: 768px) {
	.post-title h1 {
		margin-right: 5px;
	}
}

.post-author {
	align-items: flex-start;
	display: flex;
	justify-content: space-between;
}

.post-avatar {
	margin-bottom: 30px;
}

.post-content {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
	line-height: 1.6;
	word-break: break-word;
}

.post-info-container {
	display: flex;
	margin-bottom: 40px;
}

.post-info {
	min-width: 0;
	padding-right: 20px;
	width: 100%;
}

[dir="rtl"] .post-info {
	padding-right: 0;
	padding-left: 20px;
}

.post-meta {
	display: inline-block;
	flex: 1;
	margin-left: 10px;
	vertical-align: middle;
}

[dir="rtl"] .post-meta {
	margin-left: 0;
	margin-right: 10px;
}

.post-body img {
	height: auto;
	max-width: 100%;
}

.post-body ul, .post-body ol {
	padding-left: 20px;
	list-style-position: outside;
	margin: 20px 0 20px 20px;
}

[dir="rtl"] .post-body ul, [dir="rtl"] .post-body ol {
	padding-right: 20px;
	padding-left: 0;
	margin-left: 0;
	margin-right: 20px;
}

.post-body ul > ul, .post-body ol > ol, .post-body ol > ul, .post-body ul > ol {
	margin: 0;
}

.post-body ul {
	list-style-type: disc;
}

.post-body a:visited {
	color: #1e587d;
}

.post-body code {
	background: #e16517;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 0 5px;
	margin: 0 2px;
}

.post-body pre {
	background: #e16517;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 10px 15px;
	overflow: auto;
	white-space: pre;
}

.post-body blockquote {
	border-left: 1px solid #ddd;
	color: #666;
	font-style: italic;
	padding: 0 15px;
}

.post-footer {
	align-items: center;
	display: flex;
	justify-content: space-between;
	padding-bottom: 20px;
}

.post-comment-count {
	color: #666;
	font-weight: 300;
}

.post-comment-count:hover {
	text-decoration: none;
}

.post-comment-count .icon-comments {
	color: #023a81;
	content: "\1F4AC";
	display: inline-block;
	font-size: 18px;
	padding: 5px;
}

.post-sidebar {
	border-top: 1px solid #ddd;
	flex: 1;
	padding: 30px 0;
	text-align: center;
}

@media (min-width: 1024px) {
	.post-sidebar {
		border: 0;
		flex: 1 0 30%;
		padding: 0 0 0 50px;
		text-align: initial;
	}
	[dir="rtl"] .post-sidebar {
		padding: 0 50px 0 0;
	}
}

.post-sidebar h5 {
	font-weight: 600;
}

@media (min-width: 1024px) {
	.post-sidebar h5 {
		border-bottom: 1px solid #ddd;
		padding-bottom: 20px;
	}
}

.post-comments {
	margin-bottom: 20px;
}

@media (min-width: 1024px) {
	.post-comments {
		margin-bottom: 0;
	}
}

/* Navigation element that collapses on mobile */
.collapsible-nav {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	flex-direction: column;
	max-height: 45px;
	overflow: hidden;
	font-size: 14px;
}

@media (min-width: 768px) {
	.collapsible-nav {
		border: 0;
		height: auto;
		flex-direction: row;
		max-height: none;
	}
}

.collapsible-nav-list {
	display: flex;
	flex-direction: column;
}

@media (min-width: 768px) {
	.collapsible-nav-list {
		flex-direction: row;
	}
}

.collapsible-nav-list li {
	color: #333333;
	line-height: 45px;
	order: 1;
}

@media (min-width: 768px) {
	.collapsible-nav-list li {
		line-height: normal;
		margin-right: 30px;
	}
	[dir="rtl"] .collapsible-nav-list li {
		margin-left: 30px;
		margin-right: 0;
	}
	.collapsible-nav-list li a {
		text-decoration: none;
		padding: 15px 0;
	}
}

.collapsible-nav-list li a {
	color: #333333;
	display: block;
}

@media (min-width: 768px) {
	.collapsible-nav-list li:hover {
		border-bottom: 4px solid #ddd;
	}
	.collapsible-nav-list li:hover a {
		padding: 15px 0 11px 0;
		text-decoration: none;
	}
}

.collapsible-nav-list li[aria-selected="true"] {
	order: 0;
	position: relative;
}

@media (min-width: 768px) {
	.collapsible-nav-list li[aria-selected="true"] {
		border-bottom: 4px solid #023a81;
		order: 1;
		padding: 15px 0 11px 0;
	}
}

.collapsible-nav-list li[aria-selected="true"] a {
	color: #333333;
}

.collapsible-nav-list li[aria-selected="true"]::after {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	content: "\25BE";
	position: absolute;
	right: 0;
}

@media (min-width: 768px) {
	.collapsible-nav-list li[aria-selected="true"]::after {
		display: none;
	}
}

[dir="rtl"] .collapsible-nav-list li[aria-selected="true"]::after {
	left: 0;
	right: auto;
}

.collapsible-nav[aria-expanded="true"] {
	max-height: none;
}

.collapsible-nav[aria-expanded="true"] li[aria-selected="true"]::after {
	content: "\2715";
}


/* Sidebar navigation that collapses on mobile */
.collapsible-sidebar {
	flex: 1;
	max-height: 45px;
	overflow: hidden;
	padding: 10px 0;
	position: relative;
}

@media (min-width: 1024px) {
	.collapsible-sidebar {
		max-height: none;
		padding: 0;
	}
}

.collapsible-sidebar[aria-expanded="true"] {
	max-height: none;
}

.collapsible-sidebar[aria-expanded="true"] .collapsible-sidebar-title::after {
	content: "\2715";
}

@media (min-width: 1024px) {
	.collapsible-sidebar[aria-expanded="true"] .collapsible-sidebar-title::after {
		display: none;
	}
}

.collapsible-sidebar-title {
	margin-top: 0;
}

.collapsible-sidebar-title::after {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	content: "\25BE";
	position: absolute;
	right: 10px;
}

@media (min-width: 1024px) {
	.collapsible-sidebar-title::after {
		display: none;
	}
}

[dir="rtl"] .collapsible-sidebar-title::after {
	left: 10px;
	right: auto;
}

/***** My activities *****/
.my-activities-nav {
	/*background-color: #d76116;*/
	border: 0;
	margin-bottom: 20px;
}

.my-activities-sub-nav {
	background-color: transparent;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
}

@media (min-width: 768px) {
	.my-activities-sub-nav li:hover {
		border-bottom: 4px solid #ddd;
	}
}

.my-activities-sub-nav li[aria-selected="true"] {
	border-color: #023a81;
}

.my-activities-table .striped-list-title {
	/* My activities tables */
	display: block;
	margin-bottom: 10px;
	max-width: 350px;
	white-space: normal;
}

@media (min-width: 1024px) {
	.my-activities-table .striped-list-title {
		margin-bottom: 0;
		max-width: 500px;
		min-width: 350px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}

.my-activities-table thead {
	display: none;
}

@media (min-width: 768px) {
	.my-activities-table thead {
		display: table-header-group;
	}
}

.my-activities-table th:first-child,
.my-activities-table td:first-child {
	padding-left: 0;
}

@media (min-width: 1024px) {
	.my-activities-table th:first-child,
	.my-activities-table td:first-child {
		width: 500px;
	}
}

.my-activities-table th:last-child,
.my-activities-table td:last-child {
	padding-right: 0;
}

.my-activities-table td:not(:first-child) {
	display: none;
}

@media (min-width: 768px) {
	.my-activities-table td:not(:first-child) {
		display: table-cell;
	}
}

/* Requests table */
.requests-search {
	width: 100%;
}

.requests-table-toolbar {
	align-items: flex-end;
	display: flex;
	flex-direction: column;
}

@media (min-width: 768px) {
	.requests-table-toolbar {
		flex-direction: row;
	}
}

.requests-table-toolbar .search {
	flex: 1;
	width: 100%;
}

.requests-table-toolbar .request-table-filter {
	width: 100%;
}

@media (min-width: 768px) {
	.requests-table-toolbar .request-table-filter {
		width: auto;
	}
}

.requests-table-toolbar .request-filter {
	display: block;
}

@media (min-width: 768px) {
	.requests-table-toolbar .request-filter {
		margin: 0 0 0 30px;
	}
	[dir="rtl"] .requests-table-toolbar .request-filter {
		margin: 0 30px 0 0;
	}
}

.requests-table-toolbar .request-filter-label {
	font-size: 13px;
	margin-top: 30px;
}

@media (min-width: 768px) {
	.requests-table-toolbar .request-filter-label {
		margin-top: 0;
	}
}

.requests-table-toolbar select {
	max-height: 40px;
	margin-bottom: 30px;
	width: 100%;
}

@media (min-width: 768px) {
	.requests-table-toolbar select {
		margin-bottom: 0;
		max-width: 300px;
		width: auto;
	}
}

.requests-table-toolbar .organization-subscribe,
.requests-table-toolbar .organization-unsubscribe {
	line-height: 40px;
	max-height: 40px;
	padding: 0 20px;
}

@media (min-width: 768px) {
	.requests-table-toolbar .organization-subscribe,
	.requests-table-toolbar .organization-unsubscribe {
		margin-left: 10px;
	}

	[dir="rtl"] .requests-table-toolbar .organization-subscribe, [dir="rtl"]
	.requests-table-toolbar .organization-unsubscribe {
		margin: 0 10px 0 0;
	}
}

.requests-table-toolbar .organization-unsubscribe {
	background-color: #023a81;
	color: #ffffff;
}

.requests-table-toolbar + .requests-search-info {
	margin-top: 15px;
}

.requests-table-toolbar + .requests-search-info.meta-data::after {
	content: "";
	margin: 0;
}

.requests-table-toolbar + .requests-search-info + .requests {
	margin-top: 20px;
}

.requests-table-toolbar + .requests {
	margin-top: 40px;
}

.requests .requests-table-meta {
	display: block;
}

@media (min-width: 768px) {
	.requests .requests-table-meta {
		display: none;
	}
}

.requests .requests-table thead {
	display: none;
}

@media (min-width: 768px) {
	.requests .requests-table thead {
		display: table-header-group;
	}
}

.requests .requests-table-info {
	display: block;
}

@media (min-width: 768px) {
	.requests .requests-table-info {
		display: table-cell;
		vertical-align: middle;
		width: auto;
	}
}

.requests .requests-table .requests-link {
	position: relative;
}

.requests .requests-table .requests-sort-symbol {
	position: absolute;
	left: calc(100% + 3px);
	bottom: 0;
	font-size: 10px;
}

/* Following table */
.subscriptions-unsubscribe a {
	background: #023a81;
	border-radius: 4px;
	color: #ffffff;
	display: inline-block;
	font-size: 12px;
	line-height: 2.34;
	padding: 0 20px;
	text-align: center;
	width: 100%;
}

@media (min-width: 768px) {
	.subscriptions-unsubscribe a {
		width: auto;
	}
}

.subscriptions-unsubscribe a:hover {
	background-color: #000d1d;
	text-decoration: none;
}

.subscriptions-table td:last-child {
	display: block;
}

@media (min-width: 768px) {
	.subscriptions-table td:last-child {
		display: table-cell;
	}
}

.subscriptions-table td:first-child {
	display: flex;
	align-items: center;
}

.subscriptions-table .user-avatar {
	margin-right: 10px;
}

.subscriptions .striped-list-title {
	display: inline-block;
	vertical-align: middle;
}

/* Contributions table */
.contributions-table td:last-child {
	color: #666;
	font-size: 13px;
	font-weight: 300;
}

@media (min-width: 768px) {
	.contributions-table td:last-child {
		color: inherit;
		font-size: inherit;
		font-weight: inherit;
	}
}

.no-activities {
	color: #666;
}

/***** Request *****/
.request-container {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
}

@media (min-width: 1024px) {
	.request-container {
		align-items: flex-start;
		flex-direction: row;
	}
}

.request-container .comment-container {
	min-width: 0;
}

.request-breadcrumbs {
	margin-bottom: 40px;
}

@media (min-width: 1024px) {
	.request-breadcrumbs {
		margin-bottom: 60px;
	}
}

.request-main {
	flex: 1 0 auto;
	order: 1;
}

.request-main .comment-fields, .request-main .request-submit-comment {
	display: none;
}

.request-main .comment-fields.shown {
	display: block;
}

.request-main .request-submit-comment.shown {
	display: inline;
}

@media (min-width: 1024px) {
	.request-main {
		flex: 0 0 66%;
		order: 0;
		min-width: 0;
	}
}

.request-main .comment-form-controls {
	display: block;
}

.request-main .comment-ccs {
	display: block;
}

.request-main .comment-show-container {
	border-radius: 2px;
	border: 1px solid #ddd;
	cursor: pointer;
	display: flex;
	padding: 8px 15px;
	width: 100%;
}

.request-main .comment-show-container.hidden {
	display: none;
}

.request-main .comment-show-container-content {
	align-self: center;
	color: #666;
	margin-left: 10px;
}

.request-main .form-field.comment-ccs > ul {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom: 0;
}

.request-main .form-field.comment-ccs > ul[data-hc-focus="true"] {
	border: 1px solid #023a81;
}

.request-main .form-field.comment-ccs > input[type="text"] {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom: 0;
}

.request-main .comment-ccs + textarea {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	margin-top: 0;
}

.request-main .comment-ccs + textarea:focus {
	border-top: 1px solid #023a81;
}

.request-main input#mark_as_solved {
	display: none;
}

.request-title {
	width: 100%;
}

@media (min-width: 1024px) {
	.request-title {
		border-bottom: 1px solid #ddd;
		margin-bottom: 0;
		max-width: 66%;
		padding-bottom: 20px;
	}
}

.request-sidebar {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	flex: 1 0 auto;
	order: 0;
}

@media (min-width: 1024px) {
	.request-sidebar {
		background-color: #e16517;
		border: 0;
		font-size: 13px;
		flex: 0 0 auto;
		padding: 0 20px;
		width: 30%;
	}
}

.request-sidebar h5 {
	font-size: 15px;
	font-weight: 600;
	position: relative;
}

@media (min-width: 1024px) {
	.request-sidebar h5 {
		display: none;
	}
}

.request-details {
	border-bottom: 1px solid #ddd;
	font-size: 0;
	margin: 0;
	padding-bottom: 20px;
}

.request-details:last-child {
	border: 0;
}

.request-details dt, .request-details dd {
	display: inline-block;
	vertical-align: top;
	font-size: 13px;
	margin: 20px 0 0 0;
}

.request-details dd {
	padding: 0 10px;
	width: 60%;
}

.request-details dd::after {
	content: "\A";
	white-space: pre;
}

.request-details dt {
	color: #666;
	font-weight: 300;
	width: 40%;
}

.request-details .request-collaborators {
	display: inline-block;
}

.request-attachments dt, .request-attachments dd {
	width: 100%;
}

.request-attachments dd {
	margin: 10px 0 0 0;
}

.request-form textarea {
	min-height: 120px;
}

.request-follow-up {
	padding-top: 20px;
}

/***** Pagination *****/
.pagination {
	margin: 20px 0;
	text-align: center;
}

.pagination * {
	display: inline-block;
}

.pagination li {
	border-radius: 50%;
	height: 40px;
	float: left;
	margin-left: 5px;
	width: 40px;
}

@media (min-width: 768px) {
	.pagination li {
		height: 30px;
		width: 30px;
	}
}

[dir="rtl"] .pagination li {
	float: right;
}

.pagination li:hover:not(.pagination-current) {
	background-color: #f3f3f3;
}

.pagination li:hover:not(.pagination-current) span, .pagination li:hover:not(.pagination-current) a {
	color: #333333;
	text-decoration: none;
}

.pagination a, .pagination span {
	font-size: 15px;
	color: #666;
	padding: 10px 12px;
}

@media (min-width: 768px) {
	.pagination a, .pagination span {
		font-size: 13px;
		padding: 5px 12px;
	}
}

.pagination-current {
	background-color: #023a81;
}

.pagination-current a, .pagination-current span {
	color: #ffffff;
}

.pagination-first {
	border-radius: 3px 0 0 3px;
}

[dir="rtl"] .pagination-first {
	border-radius: 0 3px 3px 0;
}

.pagination-last {
	border-radius: 0 3px 3px 0;
}

[dir="rtl"] .pagination-last {
	border-radius: 3px 0 0 3px;
}

/***** Metadata *****/
.meta-group {
	display: block;
}

.meta-group * {
	display: inline;
}

.meta-data {
	/*color: #ffffff;*/
	color:#666;
	font-size: 13px;
	font-weight: 300;
}

.meta-data:not(:last-child)::after {
	content: "\00B7";
	margin: 0 5px;
}

/***** Icons *****/
[class^="icon-"]::before,
[class*=" icon-"]::before,
.icon,
.search::before,
.article-vote::before,
.attachments .attachment-item::before,
.share a::before,
.vote-up::before,
.vote-down::before,
.actions .dropdown-toggle::before,
.collapsible-nav-list li[aria-selected="true"]::after,
.collapsible-sidebar-title::after,
.search-result-votes::before,
.search-result-meta-count::before {
	font-family: "copenhagen-icons";
	font-style: normal;
	font-weight: normal;
	speak: none;
	line-height: 1em;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
}

.icon-lock::before {
	content: "\1F512";
}

.icon-star::before {
	content: "\2605";
}

.icon-linkedin::before {
	content: "\e900";
}

.icon-twitter::before {
	content: "\e901";
}

.icon-googleplus-::before {
	content: "\e902";
}

.icon-facebook::before {
	content: "\e903";
}

.icon-agent::before {
	content: "\1F464";
}

.icon-close::before {
	content: "\2715";
}

.icon-arrow-up::before {
	content: "\2B06";
}

.icon-arrow-down::before {
	content: "\2B07";
}

.icon-attachments::before {
	content: "\1F4CE";
}

.icon-comments::before {
	content: "\1F4AC";
}

.icon-search::before {
	content: "\1F50D";
}

.icon-vote::before {
	content: "\1F44D";
}

.icon-handle::before {
	content: "\25BE";
}

.icon-check::before {
	content: "\2713";
}

.icon-gear::before {
	content: "\2699";
}

.icon-menu::before {
	content: "\2630";
}

.icon-article::before {
	content: "\1F4C4";
}

.icon-post::before {
	content: "\1F4D4";
}

.icon-notification-alert::before {
	content: "\26A0";
}

.icon-notification-error::before {
	content: "\00D7";
}

.icon-notification-info::before {
	content: "\2139";
}

.icon-notification-success::before {
	content: "\2714";
}

/* User Profiles */
.profile-header {
	padding: 30px 0;
	/*background-color: #e16517;*/
	background-color:#f5f5f5;
	margin-top:-20px;
}

.profile-header .container {
	display: flex;
	flex-wrap: wrap;
}

@media (min-width: 768px) {
	.profile-header .container {
		flex-wrap: nowrap;
	}
}

.profile-header .profile-info {
	flex-basis: 100%;
	display: flex;
	flex-wrap: wrap;
	min-width: 0;
}

.profile-avatar {
	position: relative;
	line-height: 0;
	align-self: center;
	margin-right: 10px;
}

[dir="rtl"] .profile-avatar {
	margin-left: 10px;
	margin-right: 0;
}

.profile-avatar .user-avatar {
	width: 65px;
	height: 65px;
}

.profile-avatar .icon-agent::before {
	bottom: 0;
	right: 0;
}

.profile-header .basic-info {
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	word-break: break-word;
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex-grow: 1;
	flex-basis: 0;
	min-width: 0;
}

.profile-header .basic-info .name {
	margin: 0;
}

.profile-header .options {
	display: flex;
	flex-basis: 100%;
	margin-top: 12px;
	align-items: flex-start;
	flex-wrap: wrap;
}

@media (min-width: 768px) {
	.profile-header .options {
		flex-wrap: nowrap;
		flex-basis: auto;
		margin-top: 0;
		margin-left: 10px;
	}
	[dir="rtl"] .profile-header .options {
		margin-left: 0;
		margin-right: 10px;
	}
	.profile-header .options > :not(:last-child) {
		margin-bottom: 0;
		margin-right: 10px;
	}
	[dir="rtl"] .profile-header .options > :not(:last-child) {
		margin-left: 10px;
		margin-right: 0;
	}
}

.profile-header .options [data-action="edit-profile"] {
	background-color: #023a81;
	border: 0;
	color: #ffffff;
	line-height: normal;
	padding: 8px 20px;
}

.profile-header .description {
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	word-break: break-word;
	margin: 15px 0;
	flex-basis: 100%;
}

.profile-stats {
	font-size: 13px;
	display: flex;
	flex-direction: column;
	flex-basis: 100%;
}

.profile-stats .stat {
	display: flex;
	margin-bottom: 10px;
}

.profile-stats .stat-label {
	color: #666;
	font-weight: 300;
	flex: 0 0 100px;
	margin-right: 10px;
}

[dir="rtl"] .profile-stats .stat-label {
	margin-left: 10px;
	margin-right: 0;
}

.profile-stats-activity {
	border-top: solid 1px #ddd;
	margin-top: 15px;
}

@media (min-width: 768px) {
	.profile-stats-activity {
		border-top: 0;
		flex-direction: row;
	}
}

@media (min-width: 768px) {
	.profile-stats-activity .stat {
		flex-direction: column;
	}
}

.profile-stats-activity .stat:first-child {
	margin-top: 10px;
}

@media (min-width: 768px) {
	.profile-stats-activity .stat:first-child {
		margin-top: 0;
	}
}

@media (min-width: 768px) {
	.profile-stats-activity .stat:not(:last-child) {
		margin-right: 40px;
	}
	[dir="rtl"] .profile-stats-activity .stat:not(:last-child) {
		margin-left: 40px;
		margin-right: 0;
	}
}

@media (min-width: 768px) {
	.profile-stats-activity .stat-label {
		flex: 0 1 auto;
	}
}

.profile-stats-counters {
	border-bottom: solid 1px #ddd;
}

@media (min-width: 768px) {
	.profile-stats-counters {
		flex: 0 0 200px;
		border-bottom: 0;
		margin-left: 40px;
	}
	[dir="rtl"] .profile-stats-counters {
		margin-left: 0;
		margin-right: 40px;
	}
}

@media (min-width: 1024px) {
	.profile-stats-counters {
		flex: 0 0 270px;
		margin-left: 60px;
	}
	[dir="rtl"] .profile-stats-counters {
		margin-right: 60px;
		margin-left: 0;
	}
}

@media (min-width: 768px) {
	.profile-stats-counters .stat {
		flex-direction: column;
	}
}

@media (min-width: 1024px) {
	.profile-stats-counters .stat {
		flex-direction: row;
	}
}

@media (min-width: 768px) {
	.profile-stats-counters .stat:not(:last-child) {
		margin-bottom: 15px;
	}
}

@media (min-width: 768px) {
	.profile-stats-counters .stat-label {
		flex: 0 1 auto;
	}
}

@media (min-width: 1024px) {
	.profile-stats-counters .stat-label {
		flex: 0 0 100px;
	}
}

.profile-private-badge {
	flex-basis: 100%;
	border: solid 1px #023a81;
	border-radius: 4px;
	color: #023a81;
	padding: 5px 20px;
	font-size: 12px;
	text-align: center;
}

.profile-private-badge::after {
	content: "\1f512";
	margin-left: 5px;
	font-family: "copenhagen-icons";
	vertical-align: middle;
	line-height: 15px;
}

@media (min-width: 768px) {
	.profile-private-badge {
		flex-basis: auto;
	}
}

.profile-nav {
	/*background-color: #d76116;*/
	border: 0;
	margin-bottom: 37px;
}

.profile-section {
	width: 100%;
}

@media (min-width: 1024px) {
	.profile-section {
		width: calc(100% - 330px);
	}
}

.profile-section-header {
	display: flex;
	flex-wrap: wrap;
}

.profile-section-title {
	flex-basis: 100%;
	margin-bottom: 0;
}

.profile-section-description {
	flex-basis: 100%;
	padding: 10px 0;
	color: #666;
	font-weight: 300;
	font-size: 13px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media (min-width: 768px) {
	.profile-section-description {
		flex: 1 0 50%;
		padding-bottom: 0;
	}
}

.profile-section-sorter {
	flex-basis: 100%;
	border-top: solid 1px #eee;
	font-size: 13px;
}

.profile-section-sorter .dropdown-toggle {
	padding: 10px 0;
	width: 100%;
}

.profile-section-sorter .dropdown-toggle::after {
	position: absolute;
	right: 0;
}

[dir="rtl"] .profile-section-sorter .dropdown-toggle::after {
	left: 0;
	right: initial;
}

@media (min-width: 768px) {
	.profile-section-sorter .dropdown-toggle::after {
		position: relative;
	}
}

@media (min-width: 768px) {
	.profile-section-sorter {
		flex: 0 1 auto;
		padding-top: 0;
		border-top: 0;
		margin-left: 20px;
	}
	[dir="rtl"] .profile-section-sorter {
		margin-left: 0;
		margin-right: 20px;
	}
}

.profile-contribution {
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	word-break: break-word;
	padding: 20px 0;
	position: relative;
}

.profile-contribution-header {
	margin-bottom: 5px;
}

.profile-contribution-title {
	margin: 0 0 5px 0;
	display: inline;
	line-height: 21px;
	font-size: 15px;
	vertical-align: middle;
}

.profile-contribution-body {
	margin: 10px 0;
}

.profile-contribution-list > .profile-contribution {
	border-top: 1px solid #eee;
}

@media (min-width: 768px) {
	.profile-contribution-list > .profile-contribution {
		padding-left: 30px;
	}
	[dir="rtl"] .profile-contribution-list > .profile-contribution {
		padding-right: 30px;
		padding-left: 0;
	}
}

.profile-contribution-list > .profile-contribution:last-child {
	border-bottom: 1px solid #eee;
}

.profile-contribution-list > .profile-contribution::before {
	left: 0;
	position: absolute;
	font-size: 16px;
	color: #ccc;
	font-family: "copenhagen-icons";
	line-height: 25px;
}

[dir="rtl"] .profile-contribution-list > .profile-contribution::before {
	right: 0;
}

.profile-contribution-list .profile-contribution-header {
	margin-left: 30px;
}

[dir="rtl"] .profile-contribution-list .profile-contribution-header {
	padding-right: 30px;
	padding-left: 0;
}

@media (min-width: 768px) {
	.profile-contribution-list .profile-contribution-header {
		margin-left: 0;
	}
	[dir="rtl"] .profile-contribution-list .profile-contribution-header {
		padding-right: 0;
	}
}

.profile-comments .profile-contribution-breadcrumbs {
	margin-left: 30px;
}


[dir="rtl"] .profile-comments .profile-contribution-breadcrumbs {
	padding-right: 30px;
	padding-left: 0;
}

@media (min-width: 768px) {
	.profile-comments .profile-contribution-breadcrumbs {
		margin-left: 0;
	}
	[dir="rtl"] .profile-comments .profile-contribution-breadcrumbs {
		padding-right: 0;
	}
}

.profile-section .no-activity,
.profile-section .private-activity {
	display: block;
	margin-top: 40px;
	color: #999;
}

.profile-section .private-activity::before {
	content: "\1f512";
	font-family: "copenhagen-icons";
	font-style: normal;
	font-size: 12px;
	font-weight: normal;
	vertical-align: middle;
	margin-right: 10px;
}

[dir="rtl"] .profile-section .private-activity::before {
	margin-right: 0;
	margin-left: 10px;
}

.profile-activity-list {
	margin-top: 25px;
}

.profile-activity {
	position: relative;
	padding-bottom: 30px;
}

@media (min-width: 768px) {
	.profile-activity {
		padding-left: 30px;
	}
	[dir="rtl"] .profile-activity {
		padding-right: 30px;
		padding-left: 0;
	}
}

@media (min-width: 768px) {
	.profile-activity:not(:last-child) {
		border-left: 1px solid #ddd;
	}
	[dir="rtl"] .profile-activity:not(:last-child) {
		border-left: 0;
		border-right: 1px solid #ddd;
	}
}

.profile-activity-header {
	display: flex;
	align-items: center;
	margin-left: 35px;
}

[dir="rtl"] .profile-activity-header {
	margin-left: 0;
	margin-right: 35px;
}

@media (min-width: 768px) {
	.profile-activity-header {
		margin-left: 0;
	}
	[dir="rtl"] .profile-activity-header {
		margin-right: 0;
	}
}

.profile-activity-header .user-avatar {
	width: 40px;
	height: 40px;
	margin-right: 10px;
	min-width: 40px;
	align-self: flex-start;
}

[dir="rtl"] .profile-activity-header .user-avatar {
	margin-left: 10px;
	margin-right: 0;
}

.profile-activity-description {
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	word-break: break-word;
	margin: 0;
	min-width: 0;
	width: 100%;
}

.profile-activity-description span:first-child {
	font-weight: 600;
	display: inline;
}

.profile-activity-contribution {
	padding: 20px;
	margin-top: 10px;
	border-radius: 8px;
	/*background-color: #e16517;*/
	background-color:#ececec;
}

.profile-activity-contribution .meta-data{
	color:#666;
}

@media (min-width: 768px) {
	.profile-activity-contribution {
		margin-top: 0;
		margin-left: 50px;
	}
	[dir="rtl"] .profile-activity-contribution {
		margin-left: 0;
		margin-right: 50px;
	}
}

.profile-activity::before {
	position: absolute;
	left: 0;
	width: 40px;
	border-radius: 50%;
	content: "";
	background-size: 14px 14px;
	background-repeat: no-repeat;
	background-color: #e86d1f;
	background-position: 50% 50%;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	color: #ccc;
	font-family: "copenhagen-icons";
}

[dir="rtl"] .profile-activity::before {
	right: 0;
}

@media (min-width: 768px) {
	.profile-activity::before {
		left: -20px;
	}
	[dir="rtl"] .profile-activity::before {
		right: -20px;
	}
}

.profile-articles > .profile-contribution::before,
.profile-activity-list > li[class$="-article"]::before {
	content: "\1f4c4";
}

.profile-posts > .profile-contribution::before,
.profile-activity-list > li[class$="-post"]::before {
	content: "\1f4d4";
}

.profile-comments > .profile-contribution::before,
.profile-activity-list > li[class$="-comment"]::before {
	content: "\1f4ac";
	line-height: 40px;
}

/***** Search results *****/
.search-results {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
}

@media (min-width: 1024px) {
	.search-results {
		flex-direction: row;
	}
}

.search-results-column {
	flex: 1;
}

@media (min-width: 1024px) {
	.search-results-column {
		flex: 0 0 45%;
	}
}

.search-results-list {
	margin-bottom: 25px;
}

.search-results-list > li {
	border-bottom: 1px solid #ddd;
	padding: 20px 0;
}

.search-results-list > li:first-child {
	border-top: 1px solid #ddd;
}

.search-result-description {
	margin-top: 15px;
}

.search-result-votes, .search-result-meta-count {
	color: #666;
	display: inline-block;
	font-size: 13px;
	font-weight: 300;
	padding: 4px 5px;
	position: relative;
}

.search-result-votes::before, .search-result-meta-count::before {
	color: #023a81;
}

[dir="ltr"] .search-result-votes, [dir="ltr"] .search-result-meta-count {
	margin-left: 5px;
}

[dir="ltr"] .search-result-votes::before, [dir="ltr"] .search-result-meta-count::before {
	margin-right: 3px;
}

[dir="rtl"] .search-result-votes, [dir="rtl"] .search-result-meta-count {
	margin-right: 5px;
}

[dir="rtl"] .search-result-votes::before, [dir="rtl"] .search-result-meta-count::before {
	margin-left: 3px;
}

.search-result-votes::before {
	content: "\1F44D";
}

.search-result-meta-count::before {
	content: "\1F4AC";
}

.search-result .meta-group {
	align-items: center;
}

.search-result-breadcrumbs {
	margin: 0;
}

.search-result-breadcrumbs li:last-child::after {
	content: "·";
	display: inline-block;
	margin: 0 5px;
}

.btn-member.login {
	width: 80px !important;
}

@media (min-width: 768px) {

	.nav-wrapper a.login {
		float: right;
		display: inline-block;
		vertical-align: middle;
		/*width: 200px;*/
		height: 44px;
		line-height: 44px;
		padding: 0px 22px;
		background-color: #3392ce;
		border-color: #3392ce;
		border: none;
		color: #fff !important;
		font-size: 18px;
		font-weight: 100;
		text-transform: uppercase;
		-webkit-border-radius: 0px;
		   -moz-border-radius: 0px;
				border-radius: 0px;
	}
	
	.nav-wrapper a.login:hover {
		background-color: #e86d1f;
		text-decoration: none;
		color: #fff !important;
	}
	
}

#user-dropdown {
 left: auto; 
}

div.footer-wrapper div.links-wrapper {
	max-height: 20px !important;
}

.powered-by-zendesk {
	top: 0px !important;
}

@media(max-width: 800px){
	div.footer-wrapper div.follow-us-wrapper div.social-media, div.footer-wrapper div.follow-us-wrapper div.road-safety {
		width: 100% !important;
		text-align: center !important;
	}
}

header div.header-wrapper.full-nav .navbar-inverse .navbar-icons > div span.sub-title {
	margin-top: 0px !important;
}

header div.header-wrapper.full-nav .navbar-inverse .navbar-collapse {
	margin-left: 0px !important;
}

@media(max-width:767px){
	
	div.footer-wrapper div.follow-us-wrapper div.social-media .circle-border{
		padding-top:10px !important;
	}
	
		div.footer-wrapper div.follow-us-wrapper div.social-media .circle-border i{
			font-size:24px !important;
		}
	
}