/***** Fonts *****/

@font-face {
	font-family: SHSN;
	-moz-font-feature-settings: "liga=0";
	-moz-font-feature-settings: "liga" 0;
	src: url("https://d1eipm3vz40hy0.cloudfront.net/fonts/SHSN.eot");
	src: url("https://d1eipm3vz40hy0.cloudfront.net/fonts/SHSN.eot?#iefix") format("embedded-opentype"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/SHSN.woff") format("woff"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/SHSN.ttf") format("truetype"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/SHSN.svg#SHSN") format("svg")
}
@font-face {
	font-family: SHSNMedium;
	-moz-font-feature-settings: "liga=0";
	-moz-font-feature-settings: "liga" 0;
	src: url("https://d1eipm3vz40hy0.cloudfront.net/fonts/SHSNMedium.eot");
	src: url("https://d1eipm3vz40hy0.cloudfront.net/fonts/SHSNMedium.eot?#iefix") format("embedded-opentype"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/SHSNMedium.woff") format("woff"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/SHSNMedium.ttf") format("truetype"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/SHSNMedium.svg#SHSNMedium") format("svg")
}
@font-face {
	font-family: PNR;
	-moz-font-feature-settings: "liga=0";
	-moz-font-feature-settings: "liga" 0;
	src: url("https://d1eipm3vz40hy0.cloudfront.net/fonts/PNR.eot");
	src: url("https://d1eipm3vz40hy0.cloudfront.net/fonts/PNR.eot?#iefix") format("embedded-opentype"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/PNR.woff") format("woff"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/PNR.ttf") format("truetype"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/PNR.svg#PNR") format("svg")
}


@charset "UTF-8";

/***** Base *****/

* {
	box-sizing: border-box;
}
body {
	background-color: white;
	color: #464646;
	font-family: 'PNR' !important;
	font-size: 15px;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
}
@media (min-width: 1024px) {
	body>main {
		min-height: 65vh;
	}
}
h1, h2, h3, h4, h5, h6 {
	color: #03363d;
	font-family: 'SHSN' !important;
	font-weight: 400;
	margin-top: 0;
}
h1 {
	font-size: 32px;
}
h2 {
	font-size: 24px;
}
h3 {
	font-size: 18px;
	font-weight: 600;
}
h4 {
	font-size: 16px;
}
a {
	color: #30aabc;
	font-family: 'PNR' !important;
	font-weight: normal;
	font-size: 15px;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	text-decoration: underline;
}
input, textarea {
	color: #000;
}
input {
	font-weight: 300;
	max-width: 100%;
	box-sizing: border-box;
	outline: none;
	transition: border .12s ease-in-out;
}
input:focus {
	border: 1px solid #cccccc;
}
input[disabled] {
	background-color: #ddd;
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: url("//theme.zdassets.com/theme_assets/1/27f536d448438fdd88b4004a3223bcc153fb621d.svg") 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 #cccccc;
}
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 #30aabc;
}

/*.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%;
	margin-top: 60px;
}
@media (min-width: 1160px) {
	.error-page {
		padding: 0;
		width: 90%;
	}
}
.dropdown-toggle:after {
	color: inherit;
}

/***** Buttons *****/

.button, [role=button] {
	border: 1px solid #ddd;
	color: #30aabc;
	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: #30aabc;
}
.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: #f3f0ee;
	color: #30aabc;
	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: #f3f0ee;
	border-color: #1b616b;
}
.button[data-disabled], [role=button][data-disabled] {
	cursor: default;
}
.button-large, input[type=submit] {
	background-color: #30aabc;
	border: 0;
	border-radius: 4px;
	color: #FFF;
	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: #1b616b;
	color: #fff;
}
.button-large[disabled], input[type=submit][disabled] {
	background-color: #ddd;
}
.button-secondary {
	color: #088c9e;
	border: 1px solid #ddd;
	background-color: transparent;
}
.button-secondary:hover, .button-secondary:focus, .button-secondary:active {
	color: #03363d;
	border: 1px solid #ddd;
	background-color: #f8f8f8;
}

/***** Tables *****/

.table {
	width: 100%;
	table-layout: fixed;
}
@media (min-width: 768px) {
	.table {}
}
.table th, .table th a {
	color: #088c9e;
	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;
	}
}
.article-body table {
	margin-top: 15px;
	margin-bottom: 20px;
}
.article-body table, .articlepage th, .articlepage td {
	border: solid 3px #FFF;
}
.article-body thead th {
	background: #f7f7f7;
	text-align: left;
	font-size: 14px;
	color: #000;
	border-top: 1px solid #dddddd;
}
.article-body th, .articlepage td {
	padding: 4px 8px;
	padding-bottom: 20px;
}
.article-body td {
	vertical-align: top;
  padding: 5px;
}
.article-body tbody tr {
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
.article-body tfoot th {
	background: #4f81bd;
	text-align: left;
	font-weight: normal;
	font-size: 10px;
	color: #fff;
}

/***** 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 #30aabc;
}
.form-field input[type="text"] {
	border: 1px solid #ddd;
	border-radius: 4px;
}
.form-field input[type="text"]:focus {
	border: 1px solid #30aabc;
}
.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 #30aabc;
	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: #088c9e;
	font-size: 12px;
	margin: 5px 0;
}
[data-loading="true"] input, [data-loading="true"] textarea {
	background: transparent url("//theme.zdassets.com/theme_assets/1/6aae8ce36967837f706ac36deff4b753e43977a4.gif") 99% 50% no-repeat;
	background-size: 16px 16px;
}
.form footer {
	margin-top: 40px;
	padding-top: 30px;
}
.form footer a {
	color: #088c9e;
	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: #1b616b;
}

/***** Header *****/

#main-header {
	border-bottom: solid 1.7px #78A300;
}
.header {
	margin: 0 auto;
	position: relative;
	align-items: center;
	display: flex;
	height: 55px;
	justify-content: space-between;
}
@media (min-width: 1160px) {
	.header {
		padding: 0;
	}
}
.logo img {
	max-height: 18px;
}
.user-nav {
	display: inline-block;
	position: absolute;
	white-space: nowrap;
	margin-top: 18px;
}
@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: 38px;
	z-index: 3;
}
.user-nav[aria-expanded=true]>a {
	display: block;
	margin: 20px;
}
.nav-wrapper a {
	border: 0;
	color: #03363d;
	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: #30aabc;
	text-decoration: underline;
}
.nav-wrapper a.login {
	display: inline-block;
}
.nav-wrapper .icon-menu {
	display: inline-block;
	margin-right: 10px;
	color: #03363d;
}
@media (min-width: 768px) {
	.nav-wrapper .icon-menu {
		display: none;
	}
}
[dir=rtl] .nav-wrapper .icon-menu {
	margin-left: 10px;
	margin-right: 0;
}

/***** User info in header *****/

.user-info {
	display: inline-block;
}

.language-selector a {
  display: inline-block;
}

.user-info .dropdown-toggle:after {
	
}
@media (min-width: 768px) {
	.user-info .dropdown-toggle:after {
		display: inline-block;
	}
}
.user-info>[role="button"] {
	border: 0;
	color: #03363d;
	min-width: 0;
	padding: 0;
	white-space: nowrap;
}
.user-info>[role="button"]:hover {
	color: #088c9e;
	background-color: transparent;
}
.user-info>[role="button"]:after {
	color: #03363d;
	padding-right: 15px;
}
[dir=rtl] .user-info>[role="button"]:after {
	padding-left: 15px;
	padding-right: 0;
}
#user #user-name {
	display: none;
	font-size: 14px;
}
@media (min-width: 768px) {
	#user #user-name {
		display: inline-block;
	}
}
#user #user-name:hover {
	text-decoration: underline;
}

/***** 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: #30aabc;
	border: 1px solid #fff;
	border-radius: 50%;
	bottom: -4px;
	color: #FFF;
	content: "\1F464";
	font-size: 18px;
	height: 18px;
	line-height: 18px;
	position: absolute;
	right: -6px;
	text-align: -webkit-right;
	width: 18px;
}

/***** Footer *****/

.footer {
	border-top: 1px solid #ddd;
	margin-top: 60px;
	padding: 30px 0;
}
.footer-inner {
	max-width: 1160px;
	margin: 0 auto;
	padding: 0 5%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	font-size: 13px;
	color: #999;
	align-items: baseline;
	letter-spacing: 0.04em;
	word-spacing: 2px
}
@media (min-width: 768px) {
	.footer-inner {
		padding: 0;
		width: 90%;
		justify-content: flex-start;
		flex-direction: row;
	}
	.footer-inner span {
		margin-right: 10px;
	}
}
.footer-inner strong {
	font-size: 14px;
	color: #555;
	padding-right: 7px;
}
.footer-inner a {
	text-decoration: underline;
	letter-spacing: 0;
	word-spacing: 0;
	font-size: 13px;
}
.footer-language-selector {
	color: #088c9e;
	display: inline-block;
	font-weight: 300;
}

/***** Breadcrumbs *****/

.breadcrumbs {
	margin: 30px 0;
	padding: 0;
}
@media (min-width: 768px) {
	.breadcrumbs {}
}
.breadcrumbs li {
	color: #30aabc;
	display: inline;
	max-width: 450px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.breadcrumbs li+li:before {
	content: ">";
	margin: 0 4px;
}
.breadcrumbs li a:visited {
	color: #30aabc;
}

/***** Search field *****/

.search {
	position: relative;
}
.search input[type="search"] {
	border: 1px solid #ddd;
	box-sizing: border-box;
	color: #999;
	height: 50px;
	padding-left: 40px;
	padding-right: 20px;
	-webkit-appearance: none;
	width: 100%;
}
::-webkit-input-placeholder {
	text-align: center;
}
:-moz-placeholder {
	text-align: center;
}
[dir=rtl] .search input[type="search"] {
	padding-right: 40px;
	padding-left: 20px;
}
.search input[type="search"]:focus {
	border: 1px solid #30aabc;
	color: #555;
}
.search:before {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	background-color: #fff;
	color: #ddd;
	content: "\1F50D";
	font-size: 18px;
	position: absolute;
	right: 15px;
}
[dir=rtl] .search:before {
	right: 15px;
	left: auto;
}
.search-full input[type="search"] {
	border: 1px solid #fff;
}

/***** Hero component *****/

.hero {
	background-color: rgb(243, 240, 238);
	background-position: center;
	background-size: cover;
	text-align: center;
	width: 100%;
	padding: 50px 0 20px 0;
}
@media (max-width: 768px) {
	.hero {}
}
.hero-inner {
	position: relative;
	top: 25%;
	transform: translateY(-50%);
	max-width: 610px;
	margin: 0 auto;
}
.hero-inner-text {
	position: relative;
	top: 30%;
}
.hero-inner-text h2 {
	font-size: 24px;
	font-family: 'SHSN' !important;
}
.logo-svg {
	display: block;
	margin: 0 auto 20px;
	width: 89px;
	height: 79px;
}
.logo-svg.colored .st0 {
	fill: #30AABC;
}
.logo-svg.colored .st1 {
	fill: #00363D;
}
.product-icons {
	height: 80px;
}
.page-header {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 20px 0 20px 0;
}
@media (min-width: 768px) {
	.page-header {
		align-items: baseline;
		flex-direction: row;
		margin: 30px 0 20px 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;
  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;
	min-height: 50px;
}
@media (min-width: 768px) {
	.sub-nav {
		align-items: center;
		flex-direction: row;
	}
}
@media (min-width: 768px) {
	.sub-nav input[type="search"] {
		min-width: 410px;
		height: 45px;
	}
}
.sub-nav input[type="search"]:after {
	font-size: 15px;
}

/***** Blocks *****/
.mtlinksvg {
  margin-top: -80px !important;
  margin-bottom: 80px;
}

#homehero {
  padding: 25px 0 85px 0;
  background: #dfe9c2;
  background-image: url("//theme.zdassets.com/theme_assets/1/c404d97e903af102c0f3ecb6558497c85343ddf7.png");
  background-position-x: 63%;
  background-position-y: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  transition: ease all .5s;
}

@media (min-width: 2000px) {
  #homehero {
    background-size: contain;
  }
}

@media (max-width: 991px) { 
  #homehero {
    background-position: 68%;
  }
}

@media (max-width: 768px) { 
  .option-title {
    font-size: 18px !important;
  }
  #homehero {
  background-image: none !important;
  }
}

.product img {
  position: relative;
  top: -50px;
}

#homehero a {
	text-align: center;
	color: #03363d !important;
	font-size: 20px;
	padding-top: 5px;
	-webkit-font-smoothing: antialiased;
	text-decoration: none !important;
}

.option-title {
	color: #03363d;
  font-family: 'SHSN' !important;
	font-weight: 400;
  font-size: 20px;
	padding-top: 15px;
	-webkit-font-smoothing: antialiased;
}


.option-title a:hover, .mtlinksvg a:hover {
   text-decoration: none !important;
}
.cls-1{
  fill:#dfe9c2 !important;
  stroke:#03363d !important;
  stroke-miterlimit:10;
  stroke-width:3px;
}

.cls-1:hover{
  stroke:#dfe9c2 !important;
  fill:#03363d !important;
  stroke-miterlimit:10;
  stroke-width:3px;
}
.mtlinksvg:hover svg path  {
  stroke:#dfe9c2 !important;
  fill:#03363d !important;
  stroke-miterlimit:10;
  stroke-width:3px;
}
.st0{
  fill:#dfe9c2 !important;
  stroke:#03363d !important;
  stroke-miterlimit:10;
  stroke-width:3px;
}

.st0:hover{
  stroke:#dfe9c2 !important;
  fill:#03363d !important;
  stroke-miterlimit:10;
  stroke-width:3px;
}
i[class^="icon-"]:before {
	display: inline-block;
	text-decoration: none;
}

/* 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 {
	color: #30aabc;
	display: flex;
	flex: 1 0 340px;
	flex-direction: column;
	justify-content: center;
	margin: 0 0 30px;
	max-width: 100%;
	text-align: center;
	border-bottom: solid 1px #cccccc;
}
@media (min-width: 768px) {
	.blocks-item {
		margin: 0 15px 30px;
		border-bottom: none;
	}
}
.blocks-item:hover, .blocks-item:focus, .blocks-item:active {}
.blocks-item:hover *, .blocks-item:focus *, .blocks-item:active * {
	text-decoration: none;
}
.blocks-item-link {
	color: #30aabc;
	padding: 20px 30px;
}
.blocks-item-link li {
	color: #cccccc;
}
.blocks-item-link:hover, .blocks-item-link:focus, .blocks-item-link:active {
	text-decoration: none;
}
.blocks-item-title {
	margin-bottom: 0;
	color: #30aabc;
}
.blocks-item-description {
	color: #464646;
	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 {
	margin-bottom: 10px;
}
.mw {
	max-width: 860px !important;
}

/***** Promoted articles *****/

.promoted-articles {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
@media (min-width: 1024px) {
	.promoted-articles {
		flex-direction: row;
	}
}
.promoted-articles-item {
	flex: 1;
}
@media (min-width: 1024px) {
	.promoted-articles-item {
		align-self: flex-end;
		flex: 0 0 95%;
		/* One columns on desktop featured */
		padding-right: 30px;
	}
	[dir=rtl] .promoted-articles-item {
		padding: 0 0 0 30px;
	}
}

/*.promoted-articles-item:nth-child(3n) {
  padding-right: 0;
}*/

.promoted-articles-item a {
	color: #30aabc;
	display: block;
	border-bottom: 1px solid #ddd;
	font-size: 15px;
	padding: 12px 0;
}
.promoted-articles-item:last-child a {
	border: 0;
}
@media (min-width: 1024px) {
	.promoted-articles-item:last-child a {}
}

/***** Community section in homepage *****/

.community {
	text-align: center;
}
.community-image {
	min-height: 300px;
	background-image: url(//theme.zdassets.com/theme_assets/1/e58c5e8c3ebf94cbbc4d3669def0adbd7d0ff479.svg);
	background-position: center;
	background-repeat: no-repeat;
	max-width: 100%;
}
.community, .activity {
	border-top: 1px solid #ddd;
	padding: 30px 0;
}

/***** Recent activity *****/

.recent-activity-header {
	margin-bottom: 10px;
	text-align: center;
	display: none;
}
.recent-activity-list {
	padding: 0;
}
.recent-activity-item {
	overflow: auto;
	padding: 10px 0;
}
.recent-activity-item-parent {
	margin: 0;
	color: #30aabc;
	font-size: 15px;
	display: inline-block;
	width: 100%;
}
.recent-activity-item-link {
	margin: 0;
	color: #03363d;
	display: inline-block;
	width: 100%;
}
@media (min-width: 768px) {
	.recent-activity-item-parent, .recent-activity-item-link {
		width: 70%;
		margin: 0;
	}
}
.recent-activity-item-link {
	font-size: 14px;
	font-weight: 300;
}
.recent-activity-item-meta {
	margin: 0;
	float: none;
}
@media (min-width: 768px) {
	.recent-activity-item-meta {
		margin: 0;
	}
}
.recent-activity-item-time, .recent-activity-item-comment {
	color: #c6c6c6;
	display: inline-block;
	font-size: 13px;
	font-weight: 300;
}
.recent-activity-item-comment {
	padding-left: 5px;
}
[dir=rtl] .recent-activity-item-comment {
	padding: 0 5px 0 0;
}
.recent-activity-item-comment:before {
	display: inline-block;
}
.recent-activity-item-comment span:before {
	color: #939393;
	font-family: "entypo" !important;
	content: "\00a0\00a0\e718";
	display: inline-block;
	font-size: 15px;
	padding-right: 3px;
	vertical-align: middle;
}
[dir=rtl] .recent-activity-item-comment span:before {
	padding-left: 3px;
}
.recent-activity-controls {
	padding-top: 15px;
}

/***** Category pages *****/

.category-container {
	display: flex;
	justify-content: flex-start;
}
.category-content {
	flex: 1;
}
@media (min-width: 1024px) {
	.category-content {
		flex: 0 0 100%;
	}
}
.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-title a {
	color: #03363d;
}
.section-tree .see-all-articles {
	display: block;
	padding: 15px 0;
}
.see-all-articles {
	display: block;
	padding: 15px 0;
}
.article-list-item {
	border-bottom: 1px solid #ddd;
	font-size: 15px;
	padding: 12px 0;
}
.article-list-item-hp {
	border-bottom: 1px solid #ddd;
	font-size: 15px;
	padding: 12px 0;
}
.article-list-item .card-block li {
	font-size: 15px;
	padding: 12px 0;
}
.article-list-item-hp {
	font-size: 15px;
	padding: 12px 0;
}
.article-list-item a {
	color: #30aabc;
}
.article-list-item-hp a {
	color: #464646;
}

/***** Section pages *****/

.section-container {
	display: flex;
	justify-content: flex-start;
}
.section-content {
	flex: 1;
}
@media (min-width: 1024px) {
	.section-content {
		flex: 0 0 100%;
	}
}
.section-subscribe .dropdown-toggle:after {
	display: none;
}

/***** Article *****/

.article {
	/*
  * The article grid is defined this way to optimize readability:
  * Sidebar | Content | Free space
  * 20%     | 70%     | 10%
  */
	flex: 1 0 auto;
}
@media (min-width: 1024px) {
	.article {
		flex: 1 0 70%;
		max-width: 66%;
		min-width: 640px;
		margin-right: 70px;
	}
}
.article-container {
	display: flex;
	flex-direction: column;
}
@media (min-width: 1024px) {
	.article-container {
		flex-direction: row;
	}
}
.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: column;
		margin-top: 0;
	}
}
.article-author {
	margin-bottom: 10px;
}
@media (min-width: 768px) {
	.article-title {
		flex-basis: 100%;
    -ms-flex: auto;
		/* 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%;
	vertical-align: middle;
}
@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;
}
.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: #30aabc;
}
.article-body pre {
	background: #f8f8f8;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 10px 15px;
	overflow: auto;
	white-space: pre;
}
.article-body blockquote {
	border-left: 1px solid #ddd;
	color: #088c9e;
	font-style: italic;
	padding: 0 15px;
}
.article-body>p:last-child {
	margin-bottom: 0;
}
.comment-actions-container {
	order: -1;
}

/*Div Note Styles*/

.article-body div.note.warning {
	background-color: #FFDED9;
	padding: 10px;
	margin-left: 0px;
	margin-right: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.article-body span.warningtitle, span.fastpathtitle, span.tiptitle, span.importanttitle, span.notetitle {
	font-weight: bold;
}
.article-body div.note.fastpath {
	background-color: #F3F0EE;
	padding: 10px;
	margin-left: 0px;
	margin-right: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
}
span.fastpathtitle:before {
  content: url(/hc/theme_assets/1/200000527/eye4.png);
  margin-left: 10px;
  margin-right: 15px;
  vertical-align: -10%;
}
.note.fastpath ol {
  margin-top: 5px;
}
.article-body div.note.tip {
	background-color: #def1f4;
	padding: 10px;
	margin-left: 0px;
	margin-right: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.article-body div.note.important {
	background-color: #FFE6CC;
	padding: 10px;
	margin-left: 0px;
	margin-right: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.article-body div.note {
	background-color:  #fbf2d0;
	padding: 10px;
	margin-left: 0px;
	margin-right: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
  color: #03363d;
}
.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: #088c9e;
	font-weight: 300;
}
.article-comment-count:hover {
	text-decoration: none;
}
.article-comment-count .icon-comments {
	color: #30aabc;
	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;
	order: 1;
  margin-top: 275px;
}
@media (min-width: 1024px) {
	.article-sidebar {
		border: 0;
		flex: 0 0 30%;
		height: auto;
		/*border-left-style: solid;
    border-color: #30aabc;
    border-width: 1px;*/
	}
}
@media (max-width: 1023px) {
	.article-sidebar {
		margin-top: 20px;
	}
}
.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;
	margin-right: 0;
}
.article-relatives>*:last-child {
	margin: 0;
}
@media (min-width: 768px) {
	.article-relatives>* {
		margin-right: 20px;
	}
}
.article-votes {
	border-top: 1px solid #ddd;
	padding: 30px 0;
	text-align: center;
}
.article-vote {
	background: transparent;
	border: 1px solid #ddd;
	color: #30aabc;
	margin: 10px 5px;
	min-width: 90px;
	width: auto;
}
.article-vote:before {
	font-size: 8px;
	margin-right: 10px;
}
.article-vote:after {
	content: attr(title);
	/* Yes/No label*/
}
.article-vote:focus, .article-vote:active {
	background-color: transparent;
	color: #fff;
}
.article-vote:hover {
	background-color: #f3f0ee;
}
.article-vote:hover::before, .article-vote:hover::after, .article-vote[aria-selected=true]::before, .article-vote[aria-selected=true]::after {
	color: #30aabc;
}
.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: #03363d;
	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: 15px;
	margin-left: 5px;
}
[dir=rtl] .article-return-to-top .icon-arrow-up::before {
	margin-right: 10px;
}
.article-unsubscribe {
	background-color: #FFF;
	color: #30aabc;
	text-decoration: none;
}
.article-unsubscribe:hover {
	background-color: #cccccc;
	border-color: #ddd;
}
.sidenav-title {
	font-size: 22px;
	position: relative;
}
.sidenav-item {
	border-radius: 4px;
	color: #03363d;
	display: block;
	font-weight: 300;
	margin-bottom: 10px;
	padding: 10px;
}
.sidenav-item.current-article, {
	background-color: #30aabc;
	color: #30aabc;
	text-decoration: none;
}
.recent-articles h3, .related-articles h3 {
	margin: 20px 0;
}
.related-articles h3 {
	display: none;
}
.recent-articles li, .related-articles li {
	margin-bottom: 15px;
}

/***** 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: #03363d;
	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: #088c9e;
}

/***** 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: #088c9e;
	display: block;
	font-size: 23px;
	text-align: center;
	width: 100%;
}
.share a:hover {
	text-decoration: none;
}
.share a:hover:before {
	color: #30aabc;
}
.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: #088c9e;
	display: inline-block;
	font-weight: 300;
	font-size: 13px;
	margin-bottom: 0;
}
.comment-callout a {
	color: #30aabc;
}
.comment-sorter {
	display: inline-block;
	float: right;
}
.comment-sorter a {
	color: #088c9e;
	font-weight: 300;
	font-size: 13px;
	text-decoration: none;
}
[dir=rtl] .comment-sorter {
	float: left;
}
.comment-wrapper {
	display: flex;
	justify-content: space-between;
	position: relative;
}
.comment-wrapper.comment-official {
	border: 1px solid #30aabc;
	padding: 40px 20px 20px;
}
@media (min-width: 768px) {
	.comment-wrapper.comment-official {
		padding-top: 20px;
	}
}
.comment-info {
	min-width: 0;
	padding-left: 20px;
	width: 100%;
}
[dir=rtl] .comment-info {
	padding-right: 0;
	padding-left: 20px;
}
.comment-author {
	align-items: flex-start;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 5px;
}
@media (min-width: 768px) {
	.comment-author {
		justify-content: space-between;
	}
}
.comment-avatar {
	margin-right: 10px;
	margin-top: 15px;
}
[dir=rtl] .comment-avatar {
	margin-left: 10px;
	margin-right: 0;
}
.comment-meta {
	flex: 1 0 auto;
	margin-top: 15px;
}
.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-published {
	display: block;
	font-weight: 300;
	font-size: 13px;
}
.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: #30aabc;
}
.comment-body {
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	word-break: break-word;
	font-family: 'PNR';
	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;
}
.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: #30aabc;
}
.comment-body pre {
	background: #f8f8f8;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 10px 15px;
	overflow: auto;
	white-space: pre;
}
.comment-body blockquote {
	border-left: 1px solid #ddd;
	color: #088c9e;
	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: #03363d;
}
.vote-up:before, .vote-down:before {
	color: #666;
	font-size: 18px;
}
.vote-up:before {
	content: "\2B06";
}
.vote-down:before {
	content: "\2B07";
}

/***** 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: #f8f8f8;
}
.actions .dropdown-toggle:before {
	background-color: transparent;
	border-radius: 50%;
	color: #088c9e;
	content: "\2699";
	display: block;
	font-size: 13px;
	margin: auto;
	padding: 5px;
}

/***** Community *****/

.community-hero {
	background-image: url(//theme.zdassets.com/theme_assets/1/ea0fc49e94c74884940bd530924916ea87035a5f.svg);
	margin-bottom: 10px;
}
.community-footer {
	padding-top: 50px;
	text-align: center;
}
.community-featured-posts, .community-activity {
	padding-top: 40px;
	width: 100%;
}
.community-header {
	margin-bottom: 30px;
}
.community-header h4 {
	margin-bottom: 0;
}
.post-to-community {
	margin-top: 10px;
}
@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;
}
.topics-item-internal {
	background-color: transparent;
	border: 1px solid #ddd;
}
.topics-item-internal .icon-lock:before {
	content: "\1F512";
	font-size: 15px;
	bottom: 5px;
	position: relative;
}
.topics-item-internal a {
	color: #03363d;
}

/* 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;
	}
}

/* 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: #f3f0ee;
	color: #30aabc;
}
.community-follow [role="button"]:hover::after, .community-follow [role="button"]:focus::after {
	border-color: #30aabc;
	color: #30aabc;
}
.community-follow [role="button"][aria-selected="true"] {
	background-color: transparent;
	color: #30aabc;
}
.community-follow [role="button"][aria-selected="true"]::after {
	border-left: 1px solid #cccccc;
	color: #30aabc;
}
.community-follow [role="button"][aria-selected="true"]:hover {
	background-color: #f3f0ee;
	border-color: #cccccc;
}
.community-follow [role="button"]::after {
	border-left: 1px solid #cccccc;
	content: attr(data-follower-count);
	color: #30aabc;
	display: inline-block;
	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 #cccccc;
	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: #30aabc;
	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: #76cfdc;
}
.striped-list .meta-group {
	margin: 5px 0;
}
.striped-list-count {
	color: #088c9e;
	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: #03363d;
		display: block;
		font-weight: 400;
	}
}

[data-title="Pinned"]{
    margin-right: 5px;
}
/***** 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: #30aabc;
}
.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: #088c9e;
}
.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 {
	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: sub;
}
.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: 10px 0 10px 0;
}
.post-content {
	font-family: 'PNR';
	line-height: 1.6;
	word-break: break-word;
}
.post-info-container {
	align-items: flex-start;
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}
.post-actions-wrapper {
	order: -1;
}
.post-info {
	flex: 1;
}
@media (min-width: 1024px) {
	.post-info {
		padding-right: 20px;
	}
}
[dir=rtl] .post-info {
	padding-left: 45px;
	padding-right: 0;
}
.post-meta {
	display: inline-block;
	flex: 1;
	margin-left: 10px;
	vertical-align: middle;
	margin-top: 10px;
}
[dir=rtl] .post-meta {
	margin-left: 0;
	margin-right: 10px;
}
.post-published {
	color: #088c9e;
	font-weight: 300;
	font-size: 13px;
}
.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;
}
.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: #76cfdc;
}
.post-body pre {
	background: #f8f8f8;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 10px 15px;
	overflow: auto;
	white-space: normal;
  max-width: 690px;
}
.post-body blockquote {
	border-left: 1px solid #ddd;
	color: #088c9e;
	font-style: italic;
	padding: 0 15px;
}
.post-footer {
	align-items: center;
	display: flex;
	justify-content: space-between;
	padding-bottom: 20px;
}
.post-comment-count {
	color: #088c9e;
	font-weight: 300;
}
.post-comment-count:hover {
	text-decoration: none;
}
.post-comment-count .icon-comments {
	color: #30aabc;
	content: "\1F4AC";
	display: inline-block;
	font-size: 18px;
	padding: 5px;
}
.post-sidebar {
	border-top: 1px solid #ddd;
	flex: 1;
	padding: 30px 0 0 20px;
	text-align: center;
  margin-top: 140px;
}
@media (min-width: 1024px) {
	.post-sidebar {
		border: 0;
		flex: 1 0 30%;
		text-align: initial;
	}
	[dir=rtl] .post-sidebar {
		
	}
}
.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: #03363d;
	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: #03363d;
	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 #30aabc;
		order: 1;
		padding: 15px 0 11px 0;
	}
}
.collapsible-nav-list li[aria-selected=true] a {
	color: #03363d;
}
.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;
		margin-left: 20px;
		margin-top: 40px;
	}
}
.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: #f2f2f2;
	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: #30aabc;
}
.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: #30aabc;
	color: #30aabc;
}
.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: #30aabc;
	border-radius: 4px;
	color: #FFF;
	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: #1b616b;
	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: #088c9e;
	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: #088c9e;
}

/***** 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;
	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 67%;
		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: #088c9e;
	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 #30aabc;
}
.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 #30aabc;
}
.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: 67%;
		padding-bottom: 20px;
	}
}
.request-sidebar {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	flex: 1;
	order: 0;
  margin-top: -40px;
}

@media (min-width: 1024px) {
	.request-sidebar {
		background-color: #f8f8f8;
		border: 0;
		font-size: 13px;
		flex: 0 0 30%;
		padding: 0 20px;
	}
}
.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;
  padding: 0 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: #088c9e;
	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;
}

/***** 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%; - removing while there is no community*/
	}
}
.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: color_5;
	display: inline-block;
	font-size: 13px;
	font-weight: 300;
	padding: 4px 5px;
	position: relative;
}
.search-result-votes {
	background: #f3f0ee;
	border-radius: 2px;
	color: #464646;
	display: inline-block;
	line-height: 1;
	margin-left: 5px;
	padding: 4px 5px;
	position: relative;
	top: -2px;
}
.search-result-votes::before, .search-result-meta-count::before {
	color: #464646;
}
[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;
}

/***** 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: #03363d;
	text-decoration: none;
}
.pagination a, .pagination span {
	font-size: 15px;
	color: #088c9e;
	padding: 10px 12px;
}
@media (min-width: 768px) {
	.pagination a, .pagination span {
		font-size: 13px;
		padding: 5px 12px;
	}
}
.pagination-current {
	background-color: #30aabc;
}
.pagination-current a, .pagination-current span {
	color: #FFF;
}
.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 {
	font-size: 13px;
	font-weight: 300;
}
.meta-data a {
	font-size: 13px;
}
.meta-data:not(:last-child)::after {
	content: "\00B7";
	margin: 0 5px;
}

/***** Icons *****/

[class^="icon-"]:before, [class*=" icon-"]:before, .icon, .search:before, .recent-activity-item-comment span: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: #f8f8f8;
}
.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: #30aabc;
	border: 0;
	color: #fff;
	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: #088c9e;
	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 #30aabc;
	border-radius: 4px;
	color: #30aabc;
	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: #f2f2f2;
	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: #088c9e;
	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: 15px;
	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: 20px;
	}
	[dir=rtl] .profile-activity {
		padding-right: 20px;
		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: #f8f8f8;
}
@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: 28px;
	border-radius: 50%;
	content: "";
	background-size: 14px 14px;
	background-repeat: no-repeat;
	background-color: #fff;
	background-position: 50% 50%;
	text-align: center;
	line-height: 40px;
	font-size: 15px;
	color: #ccc;
	font-family: "copenhagen-icons";
}
[dir=rtl] .profile-activity:before {
	right: 0;
}
@media (min-width: 768px) {
	.profile-activity:before {
		left: -14px;
	}
	[dir=rtl] .profile-activity:before {
		right: -14px;
	}
}
.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: 35px;
}

/***** Logo *****/

.logo {
	margin-top: 10px;
}
.logo span {
	color: #03363d;
	position: relative;
	font-family: 'SHSN';
	font-size: 15px;
	padding-left: 16px;
	bottom: 3px;
}
.logo a:hover {
	text-decoration: none;
}
zdius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;

}
.borderRadiusBtm .border {
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
img.fnone {
	float: none !important
}

/* Getting Started in sidebar */
.reg-ad img {
	max-width: 350px;
	border: 1px solid #f2f2f2;
}
@media (min-width: 768px) {
	.reg-ad img {
		max-width: 350px;
	}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	.reg-ad img {
		display: none;
	}
}
.related-articles a {
	font-size: 14px;
}
.breadcrumbs a {
	font-size: 14px;
}

/***** Section Page *****/
.section-seclist {
	display: flex;
	display: table;
	/* IE < 10, Opera *Presto* Desktop (Now dead) */
	
	display: -webkit-box;
	/* Safari 3.1 - 6, Chrome < 21 (2009 Spec), UCBrowser Android */
	
	display: -moz-box;
	/* Firefox 2 - 27 (2009 Spec), UCMini Android */
	
	display: -ms-flexbox;
	/* IE10 (2012 Syntax) */
	
	display: -webkit-flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: left;
}
@media (min-width: 768px) {
	.section-seclist {
		flex-direction: row;
		text-align: left;
	}
}
.section-seclist .section, .section-seclist li {
	flex: initial;
}
@media (min-width: 768px) {
	.section-seclist .section, .section-seclist li {
		flex: 0 0 45%;
		/* Two columns for tablet and desktop. Leaving 5% separation between columns */
	}
}
.section-seclist .see-all-articles {
	display: block;
	padding: 15px 0;
}

/***** Section Blocks *****/
.cp-container {
	display: flex;
	display: table;
	/* IE < 10, Opera *Presto* Desktop (Now dead) */
	
	display: -webkit-box;
	/* Safari 3.1 - 6, Chrome < 21 (2009 Spec), UCBrowser Android */
	
	display: -moz-box;
	/* Firefox 2 - 27 (2009 Spec), UCMini Android */
	
	display: -ms-flexbox;
	/* IE10 (2012 Syntax) */
	
	display: -webkit-flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-around;
}
.cp-container a {
	display: inherit;
	text-align: left;
}
.cp-items {
	margin: 0 10px;
}
@media (min-width: 768px) {
	.cp-items {}
}
.section-icons {
	height: 100px;
}
.section-text {
	position: relative;
	top: -40px;
	margin-left: 20px;
}

/***** Section Toggles *****/
.section-toggles {
	padding-bottom: 12px;
	margin-bottom: 8px;
}
.section-toggles a {
	text-decoration: none;
	color: #30aabc;
}
.section-toggles a::after {
	content: " | ";
	color: #30aabc;
	padding: 0 20px;
}
a.last::after {
	display: none;
}
.section-toggles a:last-child {
	border-right: none;
	content: none;
}
.section-toggles a.active {
	color: #464646;
	font-weight: bolder;
}
.section-toggles-temp {
	padding-bottom: 12px;
	margin-bottom: 8px;
}
.section-toggles-temp a {
	text-decoration: none;
	color: #30aabc;
}
.section-toggles-temp a::after {
	color: #30aabc;
	padding: 0 20px;
}
a.last::after {
	display: none;
}
.section-toggles-temp a:last-child {
	border-right: none;
	content: none;
}
.section-toggles-temp a.active {
	color: #464646;
	font-weight: bolder;
}
.section-tab {
	text-align: left;
}
.header-inner {
	background: #f3f0ee;

}
@media (max-width: 768px) {
	.header-inner {

	}
}
.view-links {
	font-size: 14px;
	margin-left: 10px;
}
.split :nth-child(2) li:nth-child(-1n+15) {
	display: none;
}
.split :nth-child(1) li:nth-child(1n+16) {
	display: none;
}
.section-homecats {
	display: flex;
	display: table;
	/* IE < 10, Opera *Presto* Desktop (Now dead) */
	
	display: -webkit-box;
	/* Safari 3.1 - 6, Chrome < 21 (2009 Spec), UCBrowser Android */
	
	display: -moz-box;
	/* Firefox 2 - 27 (2009 Spec), UCMini Android */
	
	display: -ms-flexbox;
	/* IE10 (2012 Syntax) */
	
	display: -webkit-flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-around;
	text-align: left;
}
@media (min-width: 768px) {
	.section-homecats {
		flex-direction: row;
		text-align: left;
	}
}
.section-homecats .section, .section-homecats ul {
	flex: initial;
}
@media (min-width: 768px) {
	.section-homecats .section, .section-homecats ul {
		flex: 0 0 45%;
		/* Two columns for tablet and desktop. Leaving 5% separation between columns */
	}
}
.section-homecats .see-all-articles {
	display: block;
	padding: 15px 0;
}
.section-tree-title a {
	font-size: 24px;
	font-family: 'SHSN';
	font-weight: 400;
	text-align: left !important;
}
.article-list-item-link {
	color: #30aabc;
}

.hero-text {
	font-size: 24px;
	font-family: 'SHSN';
	padding: 2px 0 20px 0;
}
@media (min-width: 768px) {
	.hero-text {}
}
.family {
	font-size: 18px !important;
}
.moderator:after, .product-manager:after, .dev-relations:after, .dev-support:after, .community-team:after {
	content: "Community Moderator";
	background-color: #333;
	border-radius: 3px;
	color: white;
	margin-left: 8px;
	padding: 2px 5px;
	font-size: 10px;
}
.product-manager:after {
	content: "Product Manager";
}
.dev-relations:after {
	content: "Developer Relations";
}
.dev-support:after {
	content: "Developer Support";
}
.community-team:after {
	content: "Community Team";
}
.breadcrumbs-inner {
	margin-top: 30px;
}
.article-body tbody tr {
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
.article-body table {
	margin-top: 15px;
	margin-bottom: 20px;
}
.bm30 {
	margin-bottom: 30px;
}
.article-title-container {
	display: flex;
	display: table;
	/* IE < 10, Opera *Presto* Desktop (Now dead) */
	
	display: -webkit-box;
	/* Safari 3.1 - 6, Chrome < 21 (2009 Spec), UCBrowser Android */
	
	display: -moz-box;
	/* Firefox 2 - 27 (2009 Spec), UCMini Android */
	
	display: -ms-flexbox;
	/* IE10 (2012 Syntax) */
	
	display: -webkit-flex;
	justify-content: space-between;
}
.powered-by-zendesk {
	max-width: 1160px;
	clear: both;
	text-align: right;
	padding: 10px 15px;
	height: 38px;
}

/***** Zendesk Families Dropdown *****/
.sub-nav select {
	max-width: 160px;
}
.family-dropdown {
	background-color: #f3f0ee;
	border: 0px;
	outline: 0px;
}
.family-dropdown:active, .family-dropdown:focus {
	border: 0px;
	outline: 0px;
}
.family-container {
	color: #03363d;
	flex-grow: 1;
}
.family-container img, .family-container2 img {
	height: 60px;
	position: relative;
}
.family-container2 {
	padding: 30px 0;
}

.search-results-other-hc {
	display: flex;
	display: table;
	/* IE < 10, Opera *Presto* Desktop (Now dead) */
	
	display: -webkit-box;
	/* Safari 3.1 - 6, Chrome < 21 (2009 Spec), UCBrowser Android */
	
	display: -moz-box;
	/* Firefox 2 - 27 (2009 Spec), UCMini Android */
	
	display: -ms-flexbox;
	/* IE10 (2012 Syntax) */
	
	display: -webkit-flex;
	align-items: center;
	flex-flow: row wrap;
	justify-content: flex-start;
}
.search-results-other-hc.homepage {
	display: block;
	margin: 10px auto;
}
.search-results-other-hc-header {
	display: inline-block;
	margin: .67em 0;
}
.support.search-hc-link img {
	height: 55px;
	margin-left: 10px;
}
.chat.search-hc-link img {
	height: 55px;
}
.delay-fade {
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}
.delay-fade.ready {
	opacity: 1;
}
.page-header-search-results-description {
	font-style: italic;
	font-weight: 300;
	word-break: break-word;
	flex-basis: 75%;
	margin: 0;
}
@media (min-width: 1024px) {
	.page-header-search-results-description {
		flex-basis: 75%;
	}
}
html.no-flexbox .flex-item {
	display: table-cell;
}
[data-toggle='collapse'] .card-header::before {
	color: #03363d;
	font-weight: bolder;
	font-family: "entypo";
	content: "\E767";
	float: right;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
[data-toggle='collapse'].collapsed .card-header::before {
	transform: rotate(-180deg);
}
.card>a:hover, .card>a:active, .card>a {
	text-decoration: none;
}
.card-header {
	background-color: transparent !important;
	padding: 0.85rem 1.25rem !important;
}
.card-header h4 {
	font-family: 'PNR' !important;
}
.card {
	margin-bottom: 10px;
}
.card-block h4 {
	padding: 0 0 12px;
	border-bottom: 1px solid #eee;
	font-family: 'PNR' !important;
}
.kb {
	margin-bottom: 20px;
}
.kb li {
	margin-bottom: 8px;
}

/* IE SVG fix */

/* 1 */
.ie9 img[src$=".svg"] {
	width: 100%;
}

/* 2 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	img[src$=".svg"] {
		width: 100%;
	}
}

/* Collapsible sidebar */

/* Sidebar navigation that collapses on mobile */
.collapsible-sidebar {
	border-bottom: 1px solid #ddd;
	flex: 1;
	max-height: 45px;
	overflow: hidden;
	padding: 10px 0;
	position: relative;
}
@media (min-width: 1024px) {
	.collapsible-sidebar {
		border: 0;
		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 h1 {
	position: relative;
}
.collapsible-sidebar h1:after {
	font-family: "entypo";
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	content: "\A0\A0\E75C";
	position: absolute;
	right: 10px;
}
@media (min-width: 1024px) {
	.collapsible-sidebar-title:after {
		display: none;
	}
}
[dir=rtl] .collapsible-sidebar-title:after {
	left: 10px;
	right: auto;
}
.results {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
}
@media (min-width: 1024px) {
	.results {
		flex-direction: row;
	}
}
.results-column {
	flex: 1 0 auto;
}
@media (min-width: 1024px) {
	.results-column {
		flex: 0 0 75%;
	}
}
.results-subheading {
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
	margin-bottom: 0;
}
.results-list {
	margin-bottom: 25px;
}
.results-list-item {
	padding: 14px 0;
	position: relative;
}
.results-list-item-link {
	font-size: 16px;
}
.results-sidebar {
	border-top: 1px solid #ddd;
	flex: 1 0 auto;
	margin-bottom: 20px;
	padding: 0;
}
@media (min-width: 1024px) {
	.results-sidebar {
		border: 0;
		flex: 0 0 20%;
		height: auto;
	}
}
.filter-link {
	display: block;
}
.filters-in-section {
	border-bottom: 1px solid #ddd;
}
@media (min-width: 1024px) {
	.filters-in-section {
		border-bottom: 0;
	}
}
.filters-in-section li[aria-selected="true"], .filters-in-section li:hover {
	background-color: #f8f8f8;
}
.sidenav-item[aria-selected="true"] {
	background-color: transparent;
	color: #30aabc;
	text-decoration: none;
}
.sidenav-item a {
	color: #30aabc;
	text-decoration: none;
}
.sidenav-item a:hover, .sidenav-item a:active, .sidenave-item a:focus {
	color: #30aabc;
	text-decoration: none !important;
	background-color: #f3f0ee;
}
.results-description, .results-meta {
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.results-description em {
  font-weight: bold ;
  font-style: normal ;
}
.results-meta-count, .results-votes {
	color: #088c9e;
	font-size: 13px;
	font-weight: 300;
}
.results-icons {
	position: absolute;
	right: 0;
	top: 10px;
}

@media (max-width: 768px) { 
  .results-icons {
  position: initial;
  }
}
.results-votes, .results-meta-count {
	display: inline-block;
	padding: 4px 5px;
	margin-left: 5px;
}
.results-votes::before, .results-meta-count::before {
	margin-right: 3px;
}
[dir="rtl"] .results-votes, [dir="rtl"] .results-meta-count {
	margin-right: 5px;
}
[dir="rtl"] .results-votes::before, [dir="rtl"] .results-meta-count::before {
	margin-left: 3px;
}
.results-votes::before {
	color: #cccccc;
	content: "\1F44D";
}
.results-meta-count::before {
	color: #cccccc;
	content: "\1F4AC";
}
.results-breadcrumbs li:last-child::after {
	content: "·";
	display: inline-block;
	margin: 0 5px;
}
.results-breadcrumbs a {
	color: #088c9e;
}

/* Search Results Icons */
.results-votes::before, .results-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;
}

/* Banner */

#homepage-banner {
  padding: 20px 20px 20px 20px;
  background: url("//theme.zdassets.com/theme_assets/1/32770b43fdbebff0380e87b1cd7c5653cd84df89.png");
  background-repeat: no-repeat;
  background-position: 50% 0px;
  background-color: #03363d;
}

.banner-bottom {
  margin: 50px 0 0 0;
  height: 140px;
  background: #f3f0ee;
  padding: 18px 40px 0 40px;
  clear: both;
}

.banner-bottom .banner-info {
  float: left;
  width: 598px;
}

#homepage-banner h1 {
  color: #f3f0ee;
  -webkit-font-smoothing: antialiased;
}

#homepage-banner h4 {
  color: #f3f0ee;
  -webkit-font-smoothing: antialiased;
}

#homepage-banner a {
  font-weight: 400;
  text-decoration: none;
}

.trial-cta {
  display: block;
  float: left;
  margin-top: 10px;
  width: 222px;
  height: 58px;
  padding: 14px 0 0 0;
  color: #fff;
  font-family: 'SHSN' !important;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  background: #30aabc;
  border: 0 #464646 solid;
  text-align: center;
  text-transform: uppercase;
  margin-top: 15px;
}

#dropdownMenuLink:after {
  margin-bottom: 45px;
  color: #464646;
}
  
#dropdownMenuLink:after {
  margin-bottom: 45px;
  color: #464646;
}

.dropdown-item {
  margin-bottom: -15px;
}
.dropdown-item img {
  height: 60px;
}
.dropdown-toggle .glyphicon { 
  margin-left: 20px; 
  margin-right: -40px; 
}

.dropdown-header { 
  background: transparent; 
  padding-top: 5px;  
  padding-bottom: 5px; 
  margin-top: 2px; 
  margin-bottom: 5px; 
}

.dropdown.show {
  height: 60px !important;
}

.dropdown.headdrop {
  position: initial !important;
}

.headdrop .dropdown-menu {
  width: 85%;
}

.dropdown-menu.show {
  display: block!important;
}

/* Button Wobble Effect */
  /* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.hvr-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: hvr-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}




.reg-ad-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 12px;
  border: solid 1px #eee;
  border-radius: 5px;
  background-color: #fff;
  padding: 25px 10px;
  
}

.reg-ad-flex img {
  vertical-align: center;
  max-height: 200px;
  flex-direction: column;
  width: 200px;
}

.reg-ad-flex a, .reg-ad-flex a:hover {
  text-decoration: none !important;
}

.reg-ad-flex:hover {
  text-decoration: none !important;
}
.reg-ad-flex .try-cta {
  vertical-align: center;
  height: 42px; 
  font-size: 14px;
  border-radius: 5px;
  text-align: center;
  background-color: #30aabc;
  padding: 10px 16px;
  color: white;
  text-transform: uppercase;
  width: auto;
}
.reg-ad-flex h1 {
  margin-top: 10px !important;
}
.reg-ad-flex h4 {
  margin-top: -10px !important;
}
.reg-ad-flex .tag-line {
	display: inline-block;
  width: 100%;
}
.reg-ad-flex .sub-tag-line {
  display: inline-block;
  margin: 0 0 10px;
  font-size: 16px;
  max-width: 100%;
  color: #464646;
}
.reg-ad .tag-line {
  margin: 20px 0 0px;
  padding-bottom: 15px;
  font-size: 21px;
  color: #fff;
  width: 70%;
  margin-left: 20px;
}
.reg-ad .sub-tag-line {
  margin: 0 0 15px;
  font-size: 10px;
  color: #fff;
  width: 50%;
  margin-left: 20px;
}


.gsg .article {
  margin-right: 0;
  min-width: initial;
  max-width: initial;
  flex: 1 0 100%;
}



@media only screen and (min-width: 4000px) {
  
 .article-body div.gsg-nav {
    display: flex;
   flex-direction: column;
   display: -ms-flex;
	display: -webkit-flex;
    width: 100%;
    border: 1px solid #555;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px 10px;
  }
  .article-body div.gsg-nav.open > ol li {
    display: block;
    padding: 10px;
    max-height: 50px;
    opacity: 1;
  }
  .article-body div.gsg-nav.open > ol li.current ::after {
    content: "\2713";
  }
  .article-body div.gsg-nav > ol {
    width: 100%;
  }
  .article-body div.gsg-nav > ol li, .article-body div.gsg-nav > ol li:last-child {
    opacity: 0;
    overflow: hidden;
    max-height: 0;
    border: none;
    text-align: left;
    padding: 0 10px;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    transition: 0.3s all;
  }
  .article-body div.gsg-nav > ol li a, .article-body div.gsg-nav > ol li a:hover, .article-body div.gsg-nav > ol li:last-child a, .article-body div.gsg-nav > ol li:last-child a:hover {
    color: #555 !important;
  }
  .article-body div.gsg-nav > ol li.current {
    display: block;
    background-color: white;
    padding: 10px;
    max-height: 50px;
    opacity: 1;
  }
  .article-body div.gsg-nav > ol li.current a, .article-body div.gsg-nav > ol li.current a:hover {
    color: #777 !important;
  }
  .article-body div.gsg-nav > ol li.current ::after {
    content: "\E764";
    font-family: "entypo";
  }
  .article-body div.gsg-content, .article-body div.main-lesson, .article-body div.side-lesson {
    width: 100%;
  }

}


.article-body div.gsg-nav > ol {
  list-style-type: none;
  margin: 0;
  padding: 0;

}
.article-body div.gsg-nav > ol li {
  border-top: 1px solid #C8C8C8;
  color: #565656;
  margin: 0;
  padding: 10px 5px;
  text-align: center;
  text-transform: uppercase;
}
.article-body div.gsg-nav > ol li a {
  color: #565656;
  text-decoration: none;
}
.article-body div.gsg-nav > ol li a:hover {
  color: #03363d;
}
.article-body div.gsg-nav > ol li:last-child {
  border-bottom: 1px solid #C8C8C8;
}
.article-body div.gsg-nav > ol li.current {
  background-color: #03363d;
  border: none;
}
.article-body div.gsg-nav > ol li.current a {
  color: #fff;
  text-decoration: none;
}
.article-body div.gsg-nav > ol li.current a:hover {
  color: #fff;
}
.article-body div.gsg-content {
  width: 100%;
}
.article-body div.gsg-nav {
  width: 100%;
}
.article-body div.lesson {
  clear: both;
}
.article-body div.lesson h1 {
  font-size: 24px;
  line-height: 28px;
  margin: 0 0 5px 0;
}
.article-body div.lesson-nav {
  color: #898989;
  font-size: 14px;
  margin: 0 0 10px 0;
  padding: 10px 0;
  text-transform: uppercase;
  vertical-align: middle;
}
.article-body div.lesson-nav .buttons {
  float: right;
}
.article-body div.lesson-nav a {
  background-color: #f0f0f0;
  border-radius: 4px;
  color: #555;
  display: inline-block;
  margin-left: 15px;
  text-decoration: none;
  padding: 6px 20px 4px 20px;
}
.article-body div.lesson-nav a.disabled {
  background-color: #F9F9F9;
  color: #C8C8C8;
  cursor: default;
  pointer-events: none;
}
.article-body div.main-lesson {
  /*width: 470px;*/

}
.article-body div.side-lesson {
  /*width: 230px;*/

  padding: 5px;
}
.article-body div.side-video {
  width: 200px;

}
.article-body div.lesson h2 {
  color: #565656;
  font-size: 15px;
  line-height: 18px;
  margin: 0 0 5px 0;
  text-transform: uppercase;
}
.article-body div.side-lesson p {
  font-size: 13px;
  line-height: 18px;
  margin-top: 0;
}
.article-body div.lesson-footer {
  clear: both;
  border-top: 1px solid #E7E5E5;
  display: inline-block;
  margin: 20px 0 40px 0;
  padding-top: 40px;
  text-align: center;
  width: 100%;
}
.article-body div.lesson-footer a.button {
  background-color: #f0f0f0;
  border-radius: 4px;
  color: #434343;
  display: inline-block;
  text-decoration: none;
  padding: 6px 20px 4px 20px;
}
.article-body div.lesson-footer a.button.prev {
  margin-right: 20px;
}
.article-body div.lesson-footer a.button.next {
  margin-left: 20px;
}
.article-body div.lesson-footer a.disabled {
  background-color: #F9F9F9;
  color: #C8C8C8;
  cursor: default;
  pointer-events: none;
}
.article-body div.lesson-footer a.current {
  cursor: default;
  pointer-events: none;
}
.article-body div.lesson-footer a.page {
  border-radius: 20px;
  color: #898989;
  display: inline-block;
  line-height: 20px;
  margin: 0 4px;
  padding: 2px 0 2px;
  text-decoration: none;
  width: 24px;
}

/* Copenhagen Margin Fix for Nested List */
ul > ul, ol > ol, ol > ul, ul > ol, li > ul, li > ol {
      margin: 0 !important;
    }

/* Federated Search Selector */

.search-container {
  display: flex;
}

.search-container form {
  width: 70%;
}

.search-selector {
  flex: 0 0 30%;
  height: 50px;
  width: 30%;
}

.search-selector img {
  position: absolute;
  right: 25px;
  top: 22px;
  z-index: 10;
  opacity: 0.15;
  pointer-events: none;
}

.search-selector ul li {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  height: 50px;
  padding: 0 10px;
  border: 1px solid #ddd;
  border-left: 0;
  background-color: #ffffff;
  text-align: left;
  z-index: 3;
  cursor: pointer;
}

.search-selector ul a li {
  color: #aaa;
}

.search-selector ul li ul {
  display: none;
  border: 1px solid #ddd;
  border-top: 0;
  padding: 5px 0;
}

.search-selector ul li > ul {
  display: none;
}

.search-selector ul.show li ul {
  display: block;
}

.search-selector ul li ul {
  background-color: #fff;
  position: absolute;
  z-index: 4;
  width: 100%;
  top: 49px;
  left: 0;
}

.search-selector ul li > ul li {
  height: 40px;
  border: 0;
}

.search-selector ul li > ul a li.active,
.search-selector ul a li.selection {
  color: #03363d;
}

.search-selector ul li > ul li:hover {
  background-color: #f8f8f8;
}

.search-selector ul li > ul li.active:hover {
  background-color: transparent;
}

.search-selector ul li > ul a:hover {
  text-decoration: none;
}

.search-selector ul li > ul a:hover li.active {
  cursor: default;
}

.hide-search {
  display: none;
}

#queryTerm {
  margin-left: -4px;
}

.results-column {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-self: flex-start;
}