@charset "UTF-8";

/*----- Sky template -----*/

/* Colors */
/*  
	Algae (dark blue): #03363D;
	Karl (light grey): #F3F0EE;
	Explore (blue): #30AABC;
	Message (light blue): #37B8AF;
	Support (green): #78A300;
	Help Center (pink): #EB4962;
	Connect (red): #EB6651;
	Chat (orange): #F79A3E;
	Talk (yellow): #EFC93D;
*/

/* All */

/*body, h1, h2, h3, h4, h5, h6,.comment-body,.community-follow [role="button"]::after,.post-content, {
    font-family: 'Proxima Nova Rg',Arial, Helvetica, sans-serif !important;
}*/

.article-body, .post-body {
	color: #333;
}

a.arrow-link::after {
	content: "\f10b";
	font-family: "Ionicons";
	font-size: 20px;
	font-weight: normal;
	position: relative;
	top: 2px;
	left: 5px;
	display: inline-block;
	transition-property: all !important;
	transition-duration: 220ms !important;
	text-decoration: none !important;
}

a.arrow-link:hover::after {
	left: 15px;
	text-decoration: none !important;
}

.hero h1, .community h1, .community h2 {
	color: #ffffff !important;
}

@media (max-width: 768px) {
	.hero h1 {
	  font-size: 28px !important;
	}
  } 

.knowledge-base h2, .articles h2, .activity h2 {
	color: #03363d !important;
	position: relative !important;
	margin-left: 30px !important;
	text-align: left !important;
	font-size: 26px !important;
}

.knowledge-base h2::before, .articles h2::before, .activity h2::before {
	position: absolute;
    display: block;
    top: 0px;
    left: -30px;
    width: 30px;
	height: 30px;
	font-family:"Ionicons";
}

.knowledge-base h2::before {
	content: "\f27c";
	color: #EB6651;
}

.articles h2::before {
	content:"\f2fc" !important;
	color: #EFC93D !important;
}

.activity h2::before {
	content: "\f3b3";
	color: #37B8AF;
}

.icon-star::before {
	content: "\f2fc" !important;
	color: #EFC93D !important;
	font-family:"Ionicons" !important;
	vertical-align: text-bottom;
}

.icon-lock::before {
	content: "\f392" !important;
	font-family: "Ionicons" !important;
	vertical-align: text-bottom !important;
	line-height: 1.2em !important;
}

.better-btn {
	border-radius: 4px !important;
	background: #56777a !important;
	box-shadow: 0 4px #2c3d3e !important;
	position: relative !important;
}

.better-btn:hover {
	box-shadow: 0 2px #2c3d3e !important;
	top: 2px !important;
}

.better-btn:active {
	box-shadow: 0 0px #2c3d3e !important;
	top: 4px !important;
}

.stripe {
	padding: 60px 0px;
}

.stripe:last-child {
	padding-bottom: 0px;
}

.stripe-white {
	background-color: #FFFFFF;
}

.stripe-grey {
	background-color: #fafafa;
}

.stripe-maincolor {
	background-color: rgba(32, 171, 234, 1);
	color: #FFFFFF !important;
}

.stripe-highlightcolor {
	background-color: #56777a;
	color: #FFFFFF !important;
}

/* Navigation bar */

.logo img {
    height: 55px;
		max-height: 55px !important;
		vertical-align: middle;
}

.nav-wrapper a, .user-info > [role="button"], .user-info > [role="button"]::after {
    color: #ffffff !important;
}

.nav-wrapper .icon-menu, .user-nav[aria-expanded="true"] a, .dropdown-menu[aria-expanded="true"] a{
	color: #56777a !important;
}

/* HOME Hero */

.stripe-home {
	padding-top: 20px !important;
}

.hero {
	margin-top: -71px !important;
	height: 450px !important;
  background-color: rgba(32, 171, 234, 1);
	background-position: bottom !important;
	background-repeat: repeat-x !important;
	background-size: auto 450px !important;
} 

.hero .search {
	height: 45px !important;
}

.hero .container-search {
	top: 45% !important;
    position: relative !important;
	transform: translateY(-50%) !important;
	max-width: 720px !important;
}

.hero .search input[type="search"]{
	border-radius: 4px !important;
	box-shadow: 0 4px rgba(255,255,255,.6);
	height: 45px !important;
	width: 85% !important;
	float: left !important;
	border: none !important;
}

.hero .search input[type="search"]:focus, .hero .search input[type="search"]:active {
	border: none !important;
	color: #333333 !important;
}

.search-btn {
	float: right !important;
	width: 14% !important;
	padding: 0px !important;
	min-width: 50px !important;
	height: 45px !important;
}

@media (max-width: 768px) {
	.search-btn {
		display: none !important
	}
	.hero .search input[type="search"] {
		width: 100% !important;
	}
}

/* HOME Knowledge base section */

.categories.blocks {
	margin: 0px 30px !important;
}

.blocks-item {
	flex: 1 0 220px !important;
	transition-property: all !important;
	transition-duration: 220ms !important;
	-webkit-transform: translate3d(0, 0, 0) !important;
	-moz-transform: translate3d(0, 0, 0) !important;
	-ms-transform: translate3d(0, 0, 0) !important;
	-o-transform: translate3d(0, 0, 0) !important;
	transform: translate3d(0, 0, 0) !important;
	border: 1px solid #ddd !important;
	background-color: #FFFFFF !important;
	border-radius: 4px !important;
}

.blocks-item:hover, .blocks-item:focus, .blocks-item:active {
	background-color: #FFFFFF !important;
	border: 1px solid #56777a !important;
	-webkit-transform: scale(1.045) rotate(0.0001deg) !important;
	-moz-transform: scale(1.045) rotate(0.0001deg) !important;
	-ms-transform: scale(1.045) rotate(0.0001deg) !important;
	-o-transform: scale(1.045) rotate(0.0001deg) !important;
	transform: scale(1.045) rotate(0.0001deg) !important;
	box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15) !important;
}

.blocks-item:hover *, .blocks-item:focus *, .blocks-item:active * {
	color: #56777a !important;
}

.blocks-item .blocks-item-link {
	padding: 50px !important;
}

.blocks-item .blocks-item-link:before {
    content: "";
    position: relative;
    display: block;
    top: 0;
    margin: 0 auto;
    width: 70px;
    height: 70px;
}

.blocks-item-title {
	font-size: 1.3em !important;
	margin-top: 10px;
	color: #333333 !important;
	transition-property: all !important;
	transition-duration: 220ms !important;
}

/* HOME Knowledge base category icons */
/* Instructions: Choose one set of icons below and delete the other sets. Change background url to add your personal icons */

/* Skycab BtoC/BtoB icons */
/* Category 1 */.blocks-item:first-child .blocks-item-link:before {background: url("/hc/theming_assets/01HZPBYKX7T0CBPSKCX6ZT2RFQ");}
/* Category 2 */.blocks-item:nth-child(2) .blocks-item-link:before {background: url("/hc/theming_assets/01HZPBYK47Q2JPTSMN3PP3GGQA");}
/* Category 3 */.blocks-item:nth-child(3) .blocks-item-link:before {background: url("/hc/theming_assets/01HZPBYKH05MPN66F7MXDM7ES7");}
/* Category 4 */.blocks-item:nth-child(4) .blocks-item-link:before {background: url("/hc/theming_assets/01HZPBYN2K47460GAH1XYFDAPT");}
/* Category 5 */.blocks-item:nth-child(5) .blocks-item-link:before {background: url("/hc/theming_assets/01HZPBYNGR4CY476005AMHQEBW");}

/* HOME Promoted articles */

@media (min-width: 1024px) {
.promoted-articles-item {
	flex: 1 0 auto !important;
	width: 100% !important;
	}
}

.article-list, .recent-activity-list, .recent-activity-no-activities, .recent-activity-controls, .recent-activity-loader {
	padding-left: 30px !important;
	padding-right: 30px !important;
}

/* HOME Community */

.stripe-community {
	background-image: url("/hc/theming_assets/01HZPBYJGNPX72X3GJY5NYC896");
	background-position: bottom left;
	background-size: auto 400px;
}

.community {
	border-top: none !important;
}

a.community-link {
	color: #ffffff !important;
	font-weight: bold;
}

a.community-link.arrow-link::after {
	left: 0px;
}

a.community-link.arrow-link:hover::after {
	left: 10px;
}

/* HOME Activity */

.activity {
	border-top: none !important;
}

.recent-activity-item-meta {
	margin: 0px !important;
}

.recent-activity-item-comment span::before {
	color: #56777a !important;
}

/* Community */

.community-hero {
	background-color: #56777a;
}

.community-hero  .better-btn {
	background: rgba(32, 171, 234, 1) !important;
	box-shadow: 0 4px #0e6c96 !important;
}

.community-hero .better-btn:hover {
	box-shadow: 0 2px #0e6c96 !important;
}

.community-hero .better-btn:active {
	box-shadow: 0 0px #0e6c96 !important;
}

/* Category */

.stripe-content {
	margin-top: -71px;
	padding-top: 81px;
	background-image: url("/hc/theming_assets/01HZPBYMF825BWBFKTJMX24M0Z");
	background-size: auto 400px;
}

.stripe-content h1 {
	color: #ffffff;
	margin-bottom: 0px;
	display: inline-block;
}

.stripe-content .search {
	float: right;

}

.stripe-content .search input[type="search"] {
	border-radius: 4px !important;
	box-shadow: 0 4px rgba(255,255,255,.6);
	height: 45px !important;
	border: none !important;
	width: 300px;
}

@media (max-width: 768px) {
	.stripe-content .search {
		display: none;
	}
}

.stripe-content .sub-nav ol li a {
	color: #ffffff;
}

.category-content .article-list, .section-content .article-list  {
	padding-right: 0px !important;
	padding-left: 0px !important;
}

/* Section */
.section-subscribe {
	vertical-align: text-bottom;
}

.sidenav-item.current-article, .sidenav-item:hover {
	background-color: #f3f3f3 !important;
	color: #56777a !important;
}

.sidenav-item {
	font-weight: normal !important;
}

/* Article */

.article-subscribe, .article-unsubscribe {
	vertical-align: middle;
}

.article-title .icon-lock::before {
	font-size: 22px !important;
	left: 0px !important;
	vertical-align: middle !important;
}

/* Following */

.subscriptions-unsubscribe a {
	border-radius: 4px !important;
	background: #56777a !important;
	box-shadow: 0 4px #2c3d3e !important;
	position: relative !important;
}

.subscriptions-unsubscribe a:hover {
	box-shadow: 0 2px #2c3d3e !important;
	top: 2px !important;
}

.subscriptions-unsubscribe a:active {
	box-shadow: 0 0px #2c3d3e !important;
	top: 4px !important;
}

/* request form */

#new_request input[type="submit"] {
	border-radius: 4px !important;
	background: #56777a !important;
	box-shadow: 0 4px #2c3d3e !important;
	position: relative !important;
}

#new_request input[type="submit"]:hover {
	box-shadow: 0 2px #2c3d3e !important;
	top: 2px !important;
}

#new_request input[type="submit"]:active {
	box-shadow: 0 0px #2c3d3e !important;
	top: 4px !important;
}

/* user profile */

.profile-header .profile-info .options a {
	border-radius: 4px !important;
	background: #56777a !important;
	box-shadow: 0 4px #2c3d3e !important;
	position: relative !important;
}

.profile-header .profile-info .options a:hover {
	box-shadow: 0 2px #2c3d3e !important;
	top: 2px !important;
}

.profile-header .profile-info .options a:active {
	box-shadow: 0 0px #2c3d3e !important;
	top: 4px !important;
}

/* footer */

.footer-cta {
	margin-top: 60px;
	text-align: center;
	padding: 15px 0px;
	font-size: 20px;
}

.footer-cta a {
	color: #ffffff !important;
	font-weight: bold !important;
}

.footer-cta a:hover {
	color: #ffffff !important;
	text-decoration: underline !important;
}

.footer {
	border-top: none !important;
	margin-top: 0px !important;
}

.footer-inner {
	justify-content: center !important;
}

.footer-credits {
    max-width: 1160px;
    margin: 0 auto;
    text-align: center;
    color: #333333;
    margin-top: 20px;
    line-height: 1;
    padding: 0 5%;
}

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

.footer-credits p {
	display: inline-block;
	color: #03363D;
}

.footer-credits svg {
	margin: -6px 0px;
	width: 20px;
	fill: #03363D;
}

.footer-credits .ion-heart {
	font-size: 20px;
    vertical-align: 0px;
    color: #EB6651;
}

/* Notification notice */

.notification {
	border: none !important;
	color: #ffffff;
}

.notification-notice {
	background: #56777a !important;
}

.notification-dismiss::before {
	color: #ffffff !important;
}

.notification + .notification {
	border-top: 1px solid !important;

}

.notification-notice .notification-icon::before {
	border-color:#ffffff !important;
}

.notification-notice.notification-alert-label .notification-icon::before {
	content: "\f101" !important;
	font-family: "Ionicons" !important;
}

.notification-alert-label a {
	color: #ffffff !important;
}

.notification-alert-label p {
	display: inline !important;
}

/*----------------------------*/
/*----- End Sky template -----*/
/*----------------------------*/

/***** Base *****/
* {
	box-sizing: border-box;
  }
  
  body {
	background-color: #FFFFFF;
	color: rgba(32, 171, 234, 1);
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
  }
  
  @media (min-width: 1024px) {
	body > main {
	  min-height: 65vh;
	}
  }
  
  h1, h2, h3, h4, h5, h6 {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
	color: #03363d;
	font-weight: 400;
	margin-top: 0;
  }
  
  h1 {
	font-size: 32px;
  }
  
  h2 {
	font-size: 22px;
  }
  
  h3 {
	font-size: 18px;
	font-weight: 600;
  }
  
  h4 {
	font-size: 16px;
  }
  
  a {
	color: #333333;
	text-decoration: none;
  }
  
  a:hover, a:active, a:focus {
	color: #56777a;
	text-decoration: underline;
  }
  
  input,
  textarea {
	color: #000;
	font-size: 14px;
  }
  
  input {
	font-weight: 300;
	max-width: 100%;
	box-sizing: border-box;
	outline: none;
	transition: border .12s ease-in-out;
  }
  
  input:focus {
	border: 1px solid #56777a;
  }
  
  input[disabled] {
	background-color: #ddd;
  }
  
  select {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: url("/hc/theming_assets/01HZPBYMKPXBKENF7YTF7H3MCE") 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 #56777a;
  }
  
  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 #56777a;
  }
  
  .container {
	max-width: 1160px;
	margin: 0 auto;
	padding: 0 5%;
  }
  
  @media (min-width: 1160px) {
	.container {
	  padding: 0;
	  width: 90%;
	}
  }
  
  .container-divider {
	border-top: 1px solid #ddd;
	margin-bottom: 20px;
  }
  
  ul {
	list-style: none;
	margin: 0;
	padding: 0;
  }
  
  .error-page {
	max-width: 1160px;
	margin: 0 auto;
	padding: 0 5%;
  }
  
  @media (min-width: 1160px) {
	.error-page {
	  padding: 0;
	  width: 90%;
	}
  }
  
  .dropdown-toggle::after {
	color: inherit;
  }
  
  /***** Buttons *****/
  .button, [role="button"] {
	border: 1px solid #56777a;
	border-radius: 4px;
	color: #56777a;
	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: #56777a;
  }
  
  .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: #56777a;
	color: #ffffff;
	text-decoration: none;
  }
  
  .button[aria-selected="true"]:hover, .button[aria-selected="true"]:focus, .button[aria-selected="true"]:active, [role="button"][aria-selected="true"]:hover, [role="button"][aria-selected="true"]:focus, [role="button"][aria-selected="true"]:active {
	background-color: #2c3d3e;
	border-color: #2c3d3e;
  }
  
  .button[data-disabled], [role="button"][data-disabled] {
	cursor: default;
  }
  
  .button-large, input[type="submit"] {
	background-color: #56777a;
	border: 0;
	border-radius: 4px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 400;
	line-height: 2.72;
	min-width: 190px;
	padding: 0 1.9286em;
	width: 100%;
  }
  
  @media (min-width: 768px) {
	.button-large, input[type="submit"] {
	  width: auto;
	}
  }
  
  .button-large:hover, .button-large:active, .button-large:focus, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus {
	background-color: #2c3d3e;
  }
  
  .button-large[disabled], input[type="submit"][disabled] {
	background-color: #ddd;
  }
  
  .button-secondary {
	color: #666;
	border: 1px solid #ddd;
	background-color: transparent;
  }
  
  .button-secondary:hover, .button-secondary:focus, .button-secondary:active {
	color: #333333;
	border: 1px solid #ddd;
	background-color: #f7f7f7;
  }
  
  /***** Tables *****/
  .table {
	width: 100%;
	table-layout: fixed;
  }
  
  @media (min-width: 768px) {
	.table {
	  table-layout: auto;
	}
  }
  
  .table th,
  .table th a {
	color: #666;
	font-size: 13px;
	font-weight: 300;
	text-align: left;
  }
  
  [dir="rtl"] .table th, [dir="rtl"]
  .table th a {
	text-align: right;
  }
  
  .table tr {
	border-bottom: 1px solid #ddd;
	display: block;
	padding: 20px 0;
  }
  
  @media (min-width: 768px) {
	.table tr {
	  display: table-row;
	}
  }
  
  .table td {
	display: block;
  }
  
  @media (min-width: 768px) {
	.table td {
	  display: table-cell;
	}
  }
  
  @media (min-width: 1024px) {
	.table td, .table th {
	  padding: 20px 30px;
	}
  }
  
  @media (min-width: 768px) {
	.table td, .table th {
	  padding: 10px 20px;
	  height: 60px;
	}
  }
  
  /***** Forms *****/
  .form {
	max-width: 650px;
  }
  
  .form-field ~ .form-field {
	margin-top: 25px;
  }
  
  .form-field label {
	display: block;
	font-size: 13px;
	margin-bottom: 5px;
  }
  
  .form-field input {
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 10px;
	width: 100%;
  }
  
  .form-field input:focus {
	border: 1px solid #56777a;
  }
  
  .form-field input[type="text"] {
	border: 1px solid #ddd;
	border-radius: 4px;
  }
  
  .form-field input[type="text"]:focus {
	border: 1px solid #56777a;
  }
  
  .form-field input[type="checkbox"] {
	width: auto;
  }
  
  .form-field .nesty-input {
	border-radius: 4px;
	height: 40px;
	line-height: 40px;
	outline: none;
	vertical-align: middle;
  }
  
  .form-field .nesty-input:focus {
	border: 1px solid #56777a;
	text-decoration: none;
  }
  
  .form-field textarea {
	vertical-align: middle;
  }
  
  .form-field input[type="checkbox"] + label {
	margin: 0 0 0 10px;
  }
  
  .form-field.required > label::after {
	content: "*";
	color: #f00;
	margin-left: 2px;
  }
  
  .form-field p {
	color: #666;
	font-size: 12px;
	margin: 5px 0;
  }
  
  [data-loading="true"] input,
  [data-loading="true"] textarea {
	background: transparent url("/hc/theming_assets/01HZPBYJQPFCBPJH18PE3BDB45") 99% 50% no-repeat;
	background-size: 16px 16px;
  }
  
  .form footer {
	margin-top: 40px;
	padding-top: 30px;
  }
  
  .form footer a {
	color: #666;
	cursor: pointer;
	margin-right: 15px;
  }
  
  .form .suggestion-list {
	font-size: 13px;
	margin-top: 30px;
  }
  
  .form .suggestion-list label {
	border-bottom: 1px solid #ddd;
	display: block;
	padding-bottom: 5px;
  }
  
  .form .suggestion-list li {
	padding: 10px 0;
  }
  
  .form .suggestion-list li a:visited {
	color: #000;
  }
  
  /***** Header *****/
  .header {
	max-width: 1160px;
	margin: 0 auto;
	padding: 0 5%;
	position: relative;
	align-items: center;
	display: flex;
	height: 71px;
	justify-content: space-between;
  }
  
  @media (min-width: 1160px) {
	.header {
	  padding: 0;
	  width: 90%;
	}
  }
  
  .logo img {
	max-height: 37px;
  }
  
  .user-nav {
	display: inline-block;
	position: absolute;
	white-space: nowrap;
  }
  
  @media (min-width: 768px) {
	.user-nav {
	  position: relative;
	}
  }
  
  .user-nav[aria-expanded="true"] {
	background-color: #fff;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 4px 10px 0 rgba(0, 0, 0, 0.1);
	border: solid 1px #ddd;
	right: 0;
	left: 0;
	top: 71px;
	z-index: 1;
  }
  
  .user-nav[aria-expanded="true"] > a {
	display: block;
	margin: 20px;
  }
  
  .nav-wrapper a {
	border: 0;
	color: #333333;
	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: #333333;
	text-decoration: underline;
  }
  
  .nav-wrapper a.login {
	display: inline-block;
  }
  
  .nav-wrapper .icon-menu {
	display: inline-block;
	margin-right: 10px;
	color: #333333;
  }
  
  @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;
  }
  
  .user-info .dropdown-toggle::after {
	display: none;
  }
  
  @media (min-width: 768px) {
	.user-info .dropdown-toggle::after {
	  display: inline-block;
	}
  }
  
  .user-info > [role="button"] {
	border: 0;
	color: #333333;
	min-width: 0;
	padding: 0;
	white-space: nowrap;
  }
  
  .user-info > [role="button"]:hover {
	color: #333333;
	background-color: transparent;
  }
  
  .user-info > [role="button"]::after {
	color: #333333;
	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: #56777a;
	border: 2px solid #fff;
	border-radius: 50%;
	bottom: -4px;
	color: #ffffff;
	content: "\1F464";
	font-size: 14px;
	height: 14px;
	line-height: 14px;
	position: absolute;
	right: -2px;
	text-align: center;
	width: 14px;
  }
  
  /***** Footer *****/
  .footer {
	border-top: 1px solid #ddd;
	margin-top: 60px;
	padding: 30px 0;
  }
  
  .footer a {
	color: #333333;
  }
  
  .footer-inner {
	max-width: 1160px;
	margin: 0 auto;
	padding: 0 5%;
	display: flex;
	justify-content: space-between;
  }
  
  @media (min-width: 1160px) {
	.footer-inner {
	  padding: 0;
	  width: 90%;
	}
  }
  
  .footer-language-selector {
	color: #666;
	display: inline-block;
	font-weight: 300;
  }
  
  /***** Breadcrumbs *****/
  .breadcrumbs {
	margin: 0 0 15px 0;
	padding: 0;
  }
  
  @media (min-width: 768px) {
	.breadcrumbs {
	  margin: 0;
	}
  }
  
  .breadcrumbs li {
	color: #56777a;
	display: inline;
	font-size: 13px;
	max-width: 450px;
	overflow: hidden;
	text-overflow: ellipsis;
  }
  
  .breadcrumbs li + li::before {
	content: ">";
	margin: 0 4px;
  }
  
  /***** Search field *****/
  .search {
	position: relative;
  }
  
  .search input[type="search"] {
	border: 1px solid #ddd;
	border-radius: 30px;
	box-sizing: border-box;
	color: #999;
	height: 40px;
	padding-left: 40px;
	padding-right: 20px;
	-webkit-appearance: none;
	width: 100%;
  }
  
  [dir="rtl"] .search input[type="search"] {
	padding-right: 40px;
	padding-left: 20px;
  }
  
  .search input[type="search"]:focus {
	border: 1px solid #56777a;
	color: #555;
  }
  
  .search::before {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	background-color: #fff;
	color: #ddd;
	content: "\1F50D";
	font-size: 18px;
	position: absolute;
	left: 15px;
  }
  
  [dir="rtl"] .search::before {
	right: 15px;
	left: auto;
  }
  
  .search-full input[type="search"] {
	border: 1px solid #fff;
  }
  
  /***** Hero component *****/
  .hero {
	background-image: url(/hc/theming_assets/01HZPBYPPE28VMB6DHAR5TMZJS);
	background-position: center;
	background-size: cover;
	height: 300px;
	padding: 0 20px;
	text-align: center;
	width: 100%;
  }
  
  .hero-inner {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	max-width: 610px;
	margin: 0 auto;
  }
  
  .page-header {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 10px 0;
  }
  
  @media (min-width: 768px) {
	.page-header {
	  align-items: baseline;
	  flex-direction: row;
	  margin: 0;
	}
  }
  
  .page-header .section-subscribe {
	flex-shrink: 0;
	margin-bottom: 10px;
  }
  
  @media (min-width: 768px) {
	.page-header .section-subscribe {
	  margin-bottom: 0;
	}
  }
  
  .page-header h1 {
	flex-grow: 1;
	margin-bottom: 10px;
  }
  
  .page-header-description {
	font-style: italic;
	font-weight: 300;
	margin: 0 0 30px 0;
	word-break: break-word;
  }
  
  @media (min-width: 1024px) {
	.page-header-description {
	  flex-basis: 100%;
	}
  }
  
  .page-header .icon-lock::before {
	content: "\1F512";
	font-size: 20px;
	position: relative;
	left: -5px;
	vertical-align: baseline;
  }
  
  .sub-nav {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-bottom: 30px;
	min-height: 50px;
	padding-bottom: 15px;
  }
  
  @media (min-width: 768px) {
	.sub-nav {
	  align-items: baseline;
	  flex-direction: row;
	}
  }
  
  @media (min-width: 768px) {
	.sub-nav input[type="search"] {
	  min-width: 300px;
	}
  }
  
  .sub-nav input[type="search"]::after {
	font-size: 15px;
  }
  
  /***** Blocks *****/
  /* Used in Homepage#categories and Community#topics */
  .blocks-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	list-style: none;
	padding: 0;
  }
  
  @media (min-width: 768px) {
	.blocks-list {
	  margin: 0 -15px;
	}
  }
  
  .blocks-item {
	border: 1px solid #56777a;
	border-radius: 4px;
	box-sizing: border-box;
	color: #56777a;
	display: flex;
	flex: 1 0 340px;
	flex-direction: column;
	justify-content: center;
	margin: 0 0 30px;
	max-width: 100%;
	text-align: center;
  }
  
  @media (min-width: 768px) {
	.blocks-item {
	  margin: 0 15px 30px;
	}
  }
  
  .blocks-item:hover, .blocks-item:focus, .blocks-item:active {
	background-color: #56777a;
  }
  
  .blocks-item:hover *, .blocks-item:focus *, .blocks-item:active * {
	color: #ffffff;
	text-decoration: none;
  }
  
  .blocks-item-internal {
	background-color: transparent;
	border: 1px solid #ddd;
  }
  
  .blocks-item-internal .icon-lock::before {
	content: "\1F512";
	font-size: 15px;
	bottom: 5px;
	position: relative;
  }
  
  .blocks-item-internal a {
	color: #333333;
  }
  
  .blocks-item-link {
	color: #333333;
	padding: 20px 30px;
  }
  
  .blocks-item-link:hover, .blocks-item-link:focus, .blocks-item-link:active {
	text-decoration: none;
  }
  
  .blocks-item-title {
	margin-bottom: 0;
  }
  
  .blocks-item-description {
	font-weight: 300;
	margin: 0;
  }
  
  .blocks-item-description:not(:empty) {
	margin-top: 10px;
  }
  
  /***** Homepage *****/
  .section {
	margin-bottom: 40px;
  }
  
  @media (min-width: 768px) {
	.section {
	  margin-bottom: 60px;
	}
  }
  
  .section h2 {
	margin-bottom: 10px;
	text-align: center;
  }
  
  /***** 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 0 auto;
  }
  
  @media (min-width: 1024px) {
	.promoted-articles-item {
	  align-self: flex-end;
	  flex: 0 0 auto;
	  padding-right: 30px;
	  width: 33%;
	  /* Three columns on desktop */
	}
	[dir="rtl"] .promoted-articles-item {
	  padding: 0 0 0 30px;
	}
  }
  
  .promoted-articles-item:nth-child(3n) {
	padding-right: 0;
  }
  
  .promoted-articles-item a {
	border-bottom: 1px solid #ddd;
	display: block;
	padding: 15px 0;
  }
  
  .promoted-articles-item:last-child a {
	border: 0;
  }
  
  @media (min-width: 1024px) {
	.promoted-articles-item:last-child a {
	  border-bottom: 1px solid #ddd;
	}
  }
  
  /***** Community section in homepage *****/
  .community {
	text-align: center;
  }
  
  .community-image {
	min-height: 300px;
	background-image: url(/hc/theming_assets/01HZPBYQE6BP5RP809QS5K6H4B);
	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;
  }
  
  .recent-activity-list {
	padding: 0;
  }
  
  .recent-activity-item {
	border-bottom: 1px solid #ddd;
	overflow: auto;
	padding: 20px 0;
  }
  
  .recent-activity-item-parent {
	font-size: 16px;
  }
  
  .recent-activity-item-parent, .recent-activity-item-link {
	margin: 6px 0;
	color: #333333;
	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: 15px 0 0 0;
	float: none;
  }
  
  @media (min-width: 768px) {
	.recent-activity-item-meta {
	  margin: 0;
	  float: right;
	}
	[dir="rtl"] .recent-activity-item-meta {
	  float: left;
	}
  }
  
  .recent-activity-item-time, .recent-activity-item-comment {
	color: #333333;
	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: #56777a;
	content: "\1F4AC";
	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-end;
  }
  
  .category-content {
	flex: 1;
  }
  
  @media (min-width: 1024px) {
	.category-content {
	  flex: 0 0 80%;
	}
  }
  
  .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: #333333;
	}
	
	.section-tree-title a:hover {
		color: rgba(32, 171, 234, 1);
	}
  
  .section-tree .see-all-articles {
	display: block;
	padding: 15px 0;
  }
  
  .article-list-item {
	border-bottom: 1px solid #ddd;
	font-size: 16px;
	padding: 15px 0;
  }
  
  .article-list-item a {
	color: #333333;
	}
	
	.article-list-item a:hover {
	color: #56777a;
	}
  
  .icon-star::before {
	color: #56777a;
	font-size: 18px;
  }
  
  /***** Section pages *****/
  .section-container {
	display: flex;
	justify-content: flex-end;
  }
  
  .section-content {
	flex: 1;
  }
  
  @media (min-width: 1024px) {
	.section-content {
	  flex: 0 0 80%;
	}
  }
  
  .section-subscribe .dropdown-toggle::after {
	display: none;
  }
  
  /***** Article *****/
  .article {
	/*
	* The article grid is defined this way to optimize readability:
	* Sidebar | Content | Free space
	* 17%     | 66%     | 17%
	*/
	flex: 1 0 auto;
  }
  
  @media (min-width: 1024px) {
	.article {
	  flex: 1 0 66%;
	  max-width: 66%;
	  min-width: 640px;
	  padding: 0 30px;
	}
  }
  
  .article-container {
	display: 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: row;
	  margin-top: 0;
	}
  }
  
  .article-author {
	margin-bottom: 10px;
  }
  
  @media (min-width: 768px) {
	.article-title {
	  flex-basis: 100%;
	  /* Take entire row */
	}
  }
  
  .article-title .icon-lock::before {
	content: "\1F512";
	font-size: 20px;
	position: relative;
	left: -5px;
	vertical-align: baseline;
  }
  
  .article [role="button"] {
	flex-shrink: 0;
	/*Avoid collapsing elements in Safari (https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored)*/
	width: 100%;
  }
  
  @media (min-width: 768px) {
	.article [role="button"] {
	  width: auto;
	}
  }
  
  .article-info {
	max-width: 100%;
  }
  
  .article-meta {
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
  }
  
  .article-body img {
	height: auto;
	max-width: 100%;
  }
  
  .article-body ul, .article-body ol {
	padding-left: 20px;
	list-style-position: outside;
	margin: 20px 0 20px 20px;
  }
  
  [dir="rtl"] .article-body ul, [dir="rtl"] .article-body ol {
	padding-right: 20px;
	padding-left: 0;
	margin-left: 0;
	margin-right: 20px;
  }
  
  .article-body ul > ul, .article-body ol > ol, .article-body ol > ul, .article-body ul > ol {
	margin: 0;
  }
  
  .article-body ul {
	list-style-type: disc;
  }
  
  .article-body a:visited {
	color: #000;
  }
  
  .article-body code {
	background: #f7f7f7;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 0 5px;
	margin: 0 2px;
  }
  
  .article-body pre {
	background: #f7f7f7;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 10px 15px;
	overflow: auto;
	white-space: pre;
  }
  
  .article-body blockquote {
	border-left: 1px solid #ddd;
	color: #666;
	font-style: italic;
	padding: 0 15px;
  }
  
  .article-body > p:last-child {
	margin-bottom: 0;
  }
  
  .article-content {
	line-height: 1.6;
	margin: 40px 0;
	word-wrap: break-word;
  }
  
  .article-footer {
	align-items: center;
	display: flex;
	justify-content: space-between;
	padding-bottom: 20px;
  }
  
  .article-comment-count {
	color: #666;
	font-weight: 300;
  }
  
  .article-comment-count:hover {
	text-decoration: none;
  }
  
  .article-comment-count .icon-comments {
	color: #56777a;
	content: "\1F4AC";
	display: inline-block;
	font-size: 18px;
	padding: 5px;
  }
  
  .article-sidebar {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	flex: 1 0 auto;
	margin-bottom: 20px;
	padding: 0;
  }
  
  @media (min-width: 1024px) {
	.article-sidebar {
	  border: 0;
	  flex: 0 0 17%;
	  height: auto;
	}
  }
  
  .article-relatives {
	border-top: 1px solid #ddd;
	display: flex;
	flex-direction: column;
	padding: 20px 0;
  }
  
  @media (min-width: 768px) {
	.article-relatives {
	  flex-direction: row;
	}
  }
  
  .article-relatives > * {
	flex: 1 0 auto;
	margin-right: 0;
  }
  
  .article-relatives > *:last-child {
	margin: 0;
  }
  
  @media (min-width: 768px) {
	.article-relatives > * {
	  margin-right: 20px;
	}
  }
  
  .article-votes {
	border-top: 1px solid #ddd;
	padding: 30px 0;
	text-align: center;
  }
  
  .article-vote {
	background: transparent;
	border: 1px solid #56777a;
	color: #56777a;
	margin: 10px 5px;
	min-width: 90px;
	width: auto;
  }
  
  .article-vote::before {
	font-size: 8px;
	margin-right: 10px;
  }
  
  [dir="rtl"] .article-vote::before {
	margin-right: 0;
	margin-left: 10px;
  }
  
  .article-vote::after {
	content: attr(title);
	/* Yes/No label*/
  }
  
  .article-vote:focus, .article-vote:active {
	background-color: transparent;
	color: #56777a;
  }
  
  .article-vote:hover {
	background-color: #56777a;
  }
  
  .article-vote:hover::before, .article-vote:hover::after, .article-vote[aria-selected="true"]::before, .article-vote[aria-selected="true"]::after {
	color: #ffffff;
  }
  
  .article-vote-up::before {
	content: "\2713";
  }
  
  .article-vote-down::before {
	content: "\2715";
  }
  
  .article-more-questions {
	margin: 10px 0 20px;
	text-align: center;
  }
  
  .article-return-to-top {
	border-top: 1px solid #ddd;
  }
  
  @media (min-width: 1024px) {
	.article-return-to-top {
	  display: none;
	}
  }
  
  .article-return-to-top a {
	color: #333333;
	display: block;
	padding: 20px 0;
  }
  
  .article-return-to-top a:hover, .article-return-to-top a:focus {
	text-decoration: none;
  }
  
  .article-return-to-top .icon-arrow-up::before {
	font-size: 16px;
	margin-left: 5px;
  }
  
  [dir="rtl"] .article-return-to-top .icon-arrow-up::before {
	margin-right: 10px;
  }
  
  .article-unsubscribe {
	background-color: #56777a;
	color: #ffffff;
	text-decoration: none;
  }
  
  .article-unsubscribe:hover {
	background-color: #2c3d3e;
	border-color: #2c3d3e;
  }
  
  .sidenav-title {
	font-size: 15px;
	position: relative;
  }
  
  .sidenav-item {
	border-radius: 4px;
	color: #333333;
	display: block;
	font-weight: 300;
	margin-bottom: 10px;
	padding: 10px;
  }
  
  .sidenav-item.current-article, .sidenav-item:hover {
	background-color: #56777a;
	color: #ffffff;
	text-decoration: none;
  }
  
  .recent-articles h3,
  .related-articles h3 {
	font-size: 15px;
	margin: 20px 0;
  }
  
  .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: #333333;
	content: "\1F4CE";
	font-size: 15px;
	left: 0;
	position: absolute;
	top: 5px;
  }
  
  [dir="rtl"] .attachments .attachment-item {
	padding-left: 0;
	padding-right: 20px;
  }
  
  [dir="rtl"] .attachments .attachment-item::before {
	left: auto;
	right: 0;
  }
  
  .upload-dropzone span {
	color: #666;
  }
  
  /***** Social share links *****/
  .share {
	padding: 0;
	white-space: nowrap;
  }
  
  .share li, .share a {
	display: inline-block;
  }
  
  .share a {
	border-radius: 50%;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	width: 25px;
  }
  
  .share a::before {
	color: #666;
	display: block;
	font-size: 23px;
	text-align: center;
	width: 100%;
  }
  
  .share a:hover {
	text-decoration: none;
  }
  
  .share a:hover::before {
	color: #56777a;
  }
  
  .share-twitter::before {
	content: "\e901";
  }
  
  .share-facebook::before {
	content: "\e903";
  }
  
  .share-linkedin::before {
	content: "\e900";
  }
  
  .share-googleplus::before {
	content: "\e902";
  }
  
  /***** Comments *****/
  /* Styles comments inside articles, posts and requests */
  .comment {
	border-bottom: 1px solid #ddd;
	padding: 20px 0;
  }
  
  .comment-heading {
	margin-bottom: 5px;
	margin-top: 0;
  }
  
  .comment-overview {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	padding: 20px 0;
  }
  
  .comment-overview p {
	margin-top: 0;
  }
  
  .comment-callout {
	color: #666;
	display: inline-block;
	font-weight: 300;
	font-size: 13px;
	margin-bottom: 0;
  }
  
  .comment-callout a {
	color: #56777a;
  }
  
  .comment-sorter {
	display: inline-block;
	float: right;
  }
  
  .comment-sorter a {
	color: #666;
	font-weight: 300;
	font-size: 13px;
	text-decoration: none;
  }
  
  [dir="rtl"] .comment-sorter {
	float: left;
  }
  
  .comment-wrapper {
	display: flex;
	position: relative;
  }
  
  .comment-wrapper.comment-official {
	border: 1px solid #56777a;
	padding: 40px 20px 20px;
  }
  
  @media (min-width: 768px) {
	.comment-wrapper.comment-official {
	  padding-top: 20px;
	}
  }
  
  .comment-info {
	min-width: 0;
	padding-right: 20px;
	width: 100%;
  }
  
  [dir="rtl"] .comment-info {
	padding-right: 0;
	padding-left: 20px;
  }
  
  .comment-author {
	align-items: flex-end;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
  }
  
  @media (min-width: 768px) {
	.comment-author {
	  justify-content: space-between;
	}
  }
  
  .comment-avatar {
	margin-right: 10px;
  }
  
  [dir="rtl"] .comment-avatar {
	margin-left: 10px;
	margin-right: 0;
  }
  
  .comment-meta {
	flex: 1 0 auto;
  }
  
  .comment-labels {
	flex-basis: 100%;
  }
  
  @media (min-width: 768px) {
	.comment-labels {
	  flex-basis: auto;
	}
  }
  
  .comment .status-label:not(.status-label-official) {
	margin-top: 10px;
  }
  
  @media (min-width: 768px) {
	.comment .status-label:not(.status-label-official) {
	  margin-top: 0;
	}
  }
  
  .comment-form {
	display: flex;
	padding-top: 30px;
	word-wrap: break-word;
  }
  
  .comment-container {
	width: 100%;
  }
  
  .comment-form-controls {
	display: none;
	margin-top: 10px;
	text-align: left;
  }
  
  @media (min-width: 768px) {
	[dir="ltr"] .comment-form-controls {
	  text-align: right;
	}
  }
  
  .comment-form-controls input[type="submit"] {
	margin-top: 15px;
  }
  
  @media (min-width: 1024px) {
	.comment-form-controls input[type="submit"] {
	  margin-left: 15px;
	}
	[dir="rtl"] .comment-form-controls input[type="submit"] {
	  margin-left: 0;
	  margin-right: 15px;
	}
  }
  
  .comment-form-controls input[type="checkbox"] {
	margin-right: 5px;
  }
  
  .comment-form-controls input[type="checkbox"] [dir="rtl"] {
	margin-left: 5px;
  }
  
  .comment-ccs {
	display: none;
  }
  
  .comment-ccs + textarea {
	margin-top: 10px;
  }
  
  .comment-attachments {
	margin-top: 10px;
  }
  
  .comment-attachments a {
	color: #56777a;
  }
  
  .comment-body {
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	word-break: break-word;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
	line-height: 1.6;
  }
  
  .comment-body img {
	height: auto;
	max-width: 100%;
  }
  
  .comment-body ul, .comment-body ol {
	padding-left: 20px;
	list-style-position: outside;
	margin: 20px 0 20px 20px;
  }
  
  [dir="rtl"] .comment-body ul, [dir="rtl"] .comment-body ol {
	padding-right: 20px;
	padding-left: 0;
	margin-left: 0;
	margin-right: 20px;
  }
  
  .comment-body ul > ul, .comment-body ol > ol, .comment-body ol > ul, .comment-body ul > ol {
	margin: 0;
  }
  
  .comment-body ul {
	list-style-type: disc;
  }
  
  .comment-body a:visited {
	color: #000;
  }
  
  .comment-body code {
	background: #f7f7f7;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 0 5px;
	margin: 0 2px;
  }
  
  .comment-body pre {
	background: #f7f7f7;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 10px 15px;
	overflow: auto;
	white-space: pre;
  }
  
  .comment-body blockquote {
	border-left: 1px solid #ddd;
	color: #666;
	font-style: italic;
	padding: 0 15px;
  }
  
  .comment-mark-as-solved {
	display: inline-block;
  }
  
  /***** Vote *****/
  /* Used in article comments, post comments and post */
  .vote {
	display: inline-block;
	text-align: center;
	width: 35px;
  }
  
  .vote a {
	outline: none;
  }
  
  .vote a:active, .vote a:hover, .vote a:focus {
	text-decoration: none;
  }
  
  .vote-sum {
	color: #666;
	display: block;
	margin: 3px 0;
  }
  
  [dir="rtl"] .vote-sum {
	direction: ltr;
	unicode-bidi: bidi-override;
  }
  
  .vote-up:hover::before,
  .vote-down:hover::before {
	color: #56777a;
  }
  
  .vote-up::before, .vote-down::before {
	color: #666;
	font-size: 24px;
  }
  
  .vote-up::before {
	content: "\2B06";
  }
  
  .vote-down::before {
	content: "\2B07";
  }
  
  .vote-voted::before {
	color: #56777a;
  }
  
  .vote-voted:hover::before {
	color: #2c3d3e;
  }
  
  /***** 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: #f7f7f7;
  }
  
  .actions .dropdown-toggle::before {
	background-color: transparent;
	border-radius: 50%;
	color: #666;
	content: "\2699";
	display: block;
	font-size: 13px;
	margin: auto;
	padding: 5px;
  }
  
  /***** Community *****/
  .community-hero {
	background-image: url(/hc/theming_assets/01HZPBYQ8CSTR83YVMWT7X2C1X);
	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;
  }
  
  /* Community topic page */
  .topic-header {
	border-bottom: 1px solid #ddd;
	font-size: 13px;
  }
  
  @media (min-width: 768px) {
	.topic-header {
	  padding-bottom: 10px;
	}
  }
  
  .topic-header .dropdown {
	display: block;
	border-top: 1px solid #ddd;
	padding: 10px 0;
  }
  
  @media (min-width: 768px) {
	.topic-header .dropdown {
	  border-top: 0;
	  display: inline-block;
	  margin-right: 20px;
	  padding: 0;
	}
  }
  
  .no-posts-with-filter {
	margin-top: 20px;
	margin-bottom: 20px;
  }
  
  /* Topic, post and user follow button */
  .community-follow {
	margin-bottom: 10px;
	width: 100%;
  }
  
  @media (min-width: 768px) {
	.community-follow {
	  margin-bottom: 0;
	  width: auto;
	}
  }
  
  .community-follow .dropdown {
	width: 100%;
  }
  
  .community-follow [role="button"] {
	line-height: 30px;
	padding: 0 10px 0 15px;
	position: relative;
	width: 100%;
  }
  
  @media (min-width: 768px) {
	.community-follow [role="button"] {
	  width: auto;
	}
  }
  
  .community-follow [role="button"]:hover {
	background-color: #56777a;
  }
  
  .community-follow [role="button"]:hover::after, .community-follow [role="button"]:focus::after {
	border-color: #ffffff;
	color: #ffffff;
  }
  
  .community-follow [role="button"][aria-selected="true"] {
	background-color: #56777a;
	color: #ffffff;
  }
  
  .community-follow [role="button"][aria-selected="true"]::after {
	border-left: 1px solid #ffffff;
	color: #ffffff;
  }
  
  .community-follow [role="button"][aria-selected="true"]:hover {
	background-color: #2c3d3e;
	border-color: #2c3d3e;
  }
  
  .community-follow [role="button"]::after {
	border-left: 1px solid #56777a;
	content: attr(data-follower-count);
	color: #56777a;
	display: inline-block;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
	margin-left: 15px;
	padding-left: 10px;
	position: absolute;
	right: 10px;
  }
  
  @media (min-width: 768px) {
	.community-follow [role="button"]::after {
	  position: static;
	}
  }
  
  [dir="rtl"] .community-follow [role="button"]::after {
	border-left: 0;
	border-right: 1px solid #56777a;
	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: #333333;
	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: #000;
  }
  
  .striped-list .meta-group {
	margin: 5px 0;
  }
  
  .striped-list-count {
	color: #666;
	font-weight: 300;
	font-size: 13px;
	justify-content: flex-start;
	text-transform: capitalize;
  }
  
  @media (min-width: 768px) {
	.striped-list-count {
	  display: flex;
	  flex: 1;
	  justify-content: space-around;
	}
  }
  
  .striped-list-count-item::after {
	content: "·";
	display: inline-block;
	padding: 0 5px;
  }
  
  @media (min-width: 768px) {
	.striped-list-count-item::after {
	  display: none;
	}
  }
  
  .striped-list-count-item:last-child::after {
	display: none;
  }
  
  .striped-list-number {
	font-weight: 300;
	text-align: center;
  }
  
  @media (min-width: 768px) {
	.striped-list-number {
	  color: #333333;
	  display: block;
	  font-weight: 400;
	}
  }
  
  /***** Status labels *****/
  /* Styles labels used in posts, articles and requests */
  .status-label {
	background-color: #1eb848;
	border-radius: 4px;
	color: #fff;
	font-size: 12px;
	margin-right: 2px;
	padding: 3px 10px;
	vertical-align: middle;
	white-space: nowrap;
	display: inline-block;
  }
  
  .status-label:hover, .status-label:active, .status-label:focus {
	text-decoration: none;
  }
  
  .status-label-pinned, .status-label-featured, .status-label-official {
	background-color: #56777a;
  }
  
  .status-label-official {
	border-radius: 0;
	margin-right: 0;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 100%;
  }
  
  @media (min-width: 768px) {
	.status-label-official {
	  border-radius: 0 0 4px 4px;
	  right: 30px;
	  width: auto;
	}
  }
  
  [dir="rtl"] .status-label-official {
	left: 30px;
	right: auto;
  }
  
  .status-label-pending, .status-label-not-planned {
	background-color: #eee;
	color: #666;
  }
  
  .status-label-pending {
	text-align: center;
  }
  
  .status-label-open {
	background-color: #e03b30;
  }
  
  .status-label-closed {
	background-color: #ddd;
  }
  
  .status-label-solved {
	background-color: #999;
  }
  
  .status-label-new {
	background-color: #ffd12a;
  }
  
  .status-label-hold {
	background-color: #000;
  }
  
  .status-label-open, .status-label-closed, .status-label-solved, .status-label-new, .status-label-hold, .status-label-answered {
	text-transform: lowercase;
  }
  
  /***** Post *****/
  /*
  * The post grid is defined this way:
  * Content | Sidebar
  * 70%     | 30%
  */
  .post {
	flex: 1;
	margin-bottom: 10px;
  }
  
  @media (min-width: 1024px) {
	.post {
	  flex: 1 0 70%;
	  max-width: 70%;
	}
  }
  
  .post-container {
	display: flex;
	flex-direction: column;
  }
  
  @media (min-width: 1024px) {
	.post-container {
	  flex-direction: row;
	}
  }
  
  .post-header {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-bottom: 10px;
  }
  
  @media (min-width: 768px) {
	.post-header {
	  align-items: baseline;
	  flex-direction: row;
	}
  }
  
  .post-header .status-label {
	vertical-align: super;
  }
  
  .post-title {
	margin-bottom: 20px;
	width: 100%;
  }
  
  @media (min-width: 768px) {
	.post-title {
	  margin-bottom: 0;
	  padding-right: 10px;
	}
  }
  
  .post-title h1 {
	display: inline;
	vertical-align: middle;
  }
  
  @media (min-width: 768px) {
	.post-title h1 {
	  margin-right: 5px;
	}
  }
  
  .post-author {
	align-items: flex-start;
	display: flex;
	justify-content: space-between;
  }
  
  .post-avatar {
	margin-bottom: 30px;
  }
  
  .post-content {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
	line-height: 1.6;
	word-break: break-word;
  }
  
  .post-info-container {
	display: flex;
	margin-bottom: 40px;
  }
  
  .post-info {
	min-width: 0;
	padding-right: 20px;
	width: 100%;
  }
  
  [dir="rtl"] .post-info {
	padding-right: 0;
	padding-left: 20px;
  }
  
  .post-meta {
	display: inline-block;
	flex: 1;
	margin-left: 10px;
	vertical-align: middle;
  }
  
  [dir="rtl"] .post-meta {
	margin-left: 0;
	margin-right: 10px;
  }
  
  .post-body img {
	height: auto;
	max-width: 100%;
  }
  
  .post-body ul, .post-body ol {
	padding-left: 20px;
	list-style-position: outside;
	margin: 20px 0 20px 20px;
  }
  
  [dir="rtl"] .post-body ul, [dir="rtl"] .post-body ol {
	padding-right: 20px;
	padding-left: 0;
	margin-left: 0;
	margin-right: 20px;
  }
  
  .post-body ul > ul, .post-body ol > ol, .post-body ol > ul, .post-body ul > ol {
	margin: 0;
  }
  
  .post-body ul {
	list-style-type: disc;
  }
  
  .post-body a:visited {
	color: #000;
  }
  
  .post-body code {
	background: #f7f7f7;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 0 5px;
	margin: 0 2px;
  }
  
  .post-body pre {
	background: #f7f7f7;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 10px 15px;
	overflow: auto;
	white-space: pre;
  }
  
  .post-body blockquote {
	border-left: 1px solid #ddd;
	color: #666;
	font-style: italic;
	padding: 0 15px;
  }
  
  .post-footer {
	align-items: center;
	display: flex;
	justify-content: space-between;
	padding-bottom: 20px;
  }
  
  .post-comment-count {
	color: #666;
	font-weight: 300;
  }
  
  .post-comment-count:hover {
	text-decoration: none;
  }
  
  .post-comment-count .icon-comments {
	color: #56777a;
	content: "\1F4AC";
	display: inline-block;
	font-size: 18px;
	padding: 5px;
  }
  
  .post-sidebar {
	border-top: 1px solid #ddd;
	flex: 1;
	padding: 30px 0;
	text-align: center;
  }
  
  @media (min-width: 1024px) {
	.post-sidebar {
	  border: 0;
	  flex: 1 0 30%;
	  padding: 0 0 0 50px;
	  text-align: initial;
	}
	[dir="rtl"] .post-sidebar {
	  padding: 0 50px 0 0;
	}
  }
  
  .post-sidebar h5 {
	font-weight: 600;
  }
  
  @media (min-width: 1024px) {
	.post-sidebar h5 {
	  border-bottom: 1px solid #ddd;
	  padding-bottom: 20px;
	}
  }
  
  .post-comments {
	margin-bottom: 20px;
  }
  
  @media (min-width: 1024px) {
	.post-comments {
	  margin-bottom: 0;
	}
  }
  
  /* Navigation element that collapses on mobile */
  .collapsible-nav {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	flex-direction: column;
	max-height: 45px;
	overflow: hidden;
	font-size: 14px;
  }
  
  @media (min-width: 768px) {
	.collapsible-nav {
	  border: 0;
	  height: auto;
	  flex-direction: row;
	  max-height: none;
	}
  }
  
  .collapsible-nav-list {
	display: flex;
	flex-direction: column;
  }
  
  @media (min-width: 768px) {
	.collapsible-nav-list {
	  flex-direction: row;
	}
  }
  
  .collapsible-nav-list li {
	color: #333333;
	line-height: 45px;
	order: 1;
  }
  
  @media (min-width: 768px) {
	.collapsible-nav-list li {
	  line-height: normal;
	  margin-right: 30px;
	}
	[dir="rtl"] .collapsible-nav-list li {
	  margin-left: 30px;
	  margin-right: 0;
	}
	.collapsible-nav-list li a {
	  text-decoration: none;
	  padding: 15px 0;
	}
  }
  
  .collapsible-nav-list li a {
	color: #333333;
	display: block;
  }
  
  @media (min-width: 768px) {
	.collapsible-nav-list li:hover {
	  border-bottom: 4px solid #ddd;
	}
	.collapsible-nav-list li:hover a {
	  padding: 15px 0 11px 0;
	  text-decoration: none;
	}
  }
  
  .collapsible-nav-list li[aria-selected="true"] {
	order: 0;
	position: relative;
  }
  
  @media (min-width: 768px) {
	.collapsible-nav-list li[aria-selected="true"] {
	  border-bottom: 4px solid #56777a;
	  order: 1;
	  padding: 15px 0 11px 0;
	}
  }
  
  .collapsible-nav-list li[aria-selected="true"] a {
	color: #333333;
  }
  
  .collapsible-nav-list li[aria-selected="true"]::after {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	content: "\25BE";
	position: absolute;
	right: 0;
  }
  
  @media (min-width: 768px) {
	.collapsible-nav-list li[aria-selected="true"]::after {
	  display: none;
	}
  }
  
  [dir="rtl"] .collapsible-nav-list li[aria-selected="true"]::after {
	left: 0;
	right: auto;
  }
  
  .collapsible-nav[aria-expanded="true"] {
	max-height: none;
  }
  
  .collapsible-nav[aria-expanded="true"] li[aria-selected="true"]::after {
	content: "\2715";
  }
  
  /* Sidebar navigation that collapses on mobile */
  .collapsible-sidebar {
	flex: 1;
	max-height: 45px;
	overflow: hidden;
	padding: 10px 0;
	position: relative;
  }
  
  @media (min-width: 1024px) {
	.collapsible-sidebar {
	  max-height: none;
	  padding: 0;
	}
  }
  
  .collapsible-sidebar[aria-expanded="true"] {
	max-height: none;
  }
  
  .collapsible-sidebar[aria-expanded="true"] .collapsible-sidebar-title::after {
	content: "\2715";
  }
  
  @media (min-width: 1024px) {
	.collapsible-sidebar[aria-expanded="true"] .collapsible-sidebar-title::after {
	  display: none;
	}
  }
  
  .collapsible-sidebar-title {
	margin-top: 0;
  }
  
  .collapsible-sidebar-title::after {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	content: "\25BE";
	position: absolute;
	right: 10px;
  }
  
  @media (min-width: 1024px) {
	.collapsible-sidebar-title::after {
	  display: none;
	}
  }
  
  [dir="rtl"] .collapsible-sidebar-title::after {
	left: 10px;
	right: auto;
  }
  
  /***** My activities *****/
  .my-activities-nav {
	background-color: #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: #56777a;
  }
  
  .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: #56777a;
	color: #ffffff;
  }
  
  .requests-table-toolbar + .requests-search-info {
	margin-top: 15px;
  }
  
  .requests-table-toolbar + .requests-search-info.meta-data::after {
	content: "";
	margin: 0;
  }
  
  .requests-table-toolbar + .requests-search-info + .requests {
	margin-top: 20px;
  }
  
  .requests-table-toolbar + .requests {
	margin-top: 40px;
  }
  
  .requests .requests-table-meta {
	display: block;
  }
  
  @media (min-width: 768px) {
	.requests .requests-table-meta {
	  display: none;
	}
  }
  
  .requests .requests-table thead {
	display: none;
  }
  
  @media (min-width: 768px) {
	.requests .requests-table thead {
	  display: table-header-group;
	}
  }
  
  .requests .requests-table-info {
	display: block;
  }
  
  @media (min-width: 768px) {
	.requests .requests-table-info {
	  display: table-cell;
	  vertical-align: middle;
	  width: auto;
	}
  }
  
  .requests .requests-table .requests-link {
	position: relative;
  }
  
  .requests .requests-table .requests-sort-symbol {
	position: absolute;
	left: calc(100% + 3px);
	bottom: 0;
	font-size: 10px;
  }
  
  /* Following table */
  .subscriptions-unsubscribe a {
	background: #56777a;
	border-radius: 4px;
	color: #ffffff;
	display: inline-block;
	font-size: 12px;
	line-height: 2.34;
	padding: 0 20px;
	text-align: center;
	width: 100%;
  }
  
  @media (min-width: 768px) {
	.subscriptions-unsubscribe a {
	  width: auto;
	}
  }
  
  .subscriptions-unsubscribe a:hover {
	background-color: #2c3d3e;
	text-decoration: none;
  }
  
  .subscriptions-table td:last-child {
	display: block;
  }
  
  @media (min-width: 768px) {
	.subscriptions-table td:last-child {
	  display: table-cell;
	}
  }
  
  .subscriptions-table td:first-child {
	display: flex;
	align-items: center;
  }
  
  .subscriptions-table .user-avatar {
	margin-right: 10px;
  }
  
  .subscriptions .striped-list-title {
	display: inline-block;
	vertical-align: middle;
  }
  
  /* Contributions table */
  .contributions-table td:last-child {
	color: #666;
	font-size: 13px;
	font-weight: 300;
  }
  
  @media (min-width: 768px) {
	.contributions-table td:last-child {
	  color: inherit;
	  font-size: inherit;
	  font-weight: inherit;
	}
  }
  
  .no-activities {
	color: #666;
  }
  
  /***** Request *****/
  .request-container {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
  }
  
  @media (min-width: 1024px) {
	.request-container {
	  align-items: flex-start;
	  flex-direction: row;
	}
  }
  
  .request-container .comment-container {
	min-width: 0;
  }
  
  .request-breadcrumbs {
	margin-bottom: 40px;
  }
  
  @media (min-width: 1024px) {
	.request-breadcrumbs {
	  margin-bottom: 60px;
	}
  }
  
  .request-main {
	flex: 1 0 auto;
	order: 1;
  }
  
  .request-main .comment-fields, .request-main .request-submit-comment {
	display: none;
  }
  
  .request-main .comment-fields.shown {
	display: block;
  }
  
  .request-main .request-submit-comment.shown {
	display: inline;
  }
  
  @media (min-width: 1024px) {
	.request-main {
	  flex: 0 0 66%;
	  order: 0;
	  min-width: 0;
	}
  }
  
  .request-main .comment-form-controls {
	display: block;
  }
  
  .request-main .comment-ccs {
	display: block;
  }
  
  .request-main .comment-show-container {
	border-radius: 2px;
	border: 1px solid #ddd;
	cursor: pointer;
	display: flex;
	padding: 8px 15px;
	width: 100%;
  }
  
  .request-main .comment-show-container.hidden {
	display: none;
  }
  
  .request-main .comment-show-container-content {
	align-self: center;
	color: #666;
	margin-left: 10px;
  }
  
  .request-main .form-field.comment-ccs > ul {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom: 0;
  }
  
  .request-main .form-field.comment-ccs > ul[data-hc-focus="true"] {
	border: 1px solid #56777a;
  }
  
  .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 #56777a;
  }
  
  .request-main input#mark_as_solved {
	display: none;
  }
  
  .request-title {
	width: 100%;
  }
  
  @media (min-width: 1024px) {
	.request-title {
	  border-bottom: 1px solid #ddd;
	  margin-bottom: 0;
	  max-width: 66%;
	  padding-bottom: 20px;
	}
  }
  
  .request-sidebar {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	flex: 1 0 auto;
	order: 0;
  }
  
  @media (min-width: 1024px) {
	.request-sidebar {
	  background-color: #f7f7f7;
	  border: 0;
	  font-size: 13px;
	  flex: 0 0 auto;
	  padding: 0 20px;
	  width: 30%;
	}
  }
  
  .request-sidebar h5 {
	font-size: 15px;
	font-weight: 600;
	position: relative;
  }
  
  @media (min-width: 1024px) {
	.request-sidebar h5 {
	  display: none;
	}
  }
  
  .request-details {
	border-bottom: 1px solid #ddd;
	font-size: 0;
	margin: 0;
	padding-bottom: 20px;
  }
  
  .request-details:last-child {
	border: 0;
  }
  
  .request-details dt, .request-details dd {
	display: inline-block;
	vertical-align: top;
	font-size: 13px;
	margin: 20px 0 0 0;
  }
  
  .request-details dd {
	padding: 0 10px;
	width: 60%;
  }
  
  .request-details dd::after {
	content: "\A";
	white-space: pre;
  }
  
  .request-details dt {
	color: #666;
	font-weight: 300;
	width: 40%;
  }
  
  .request-details .request-collaborators {
	display: inline-block;
  }
  
  .request-attachments dt, .request-attachments dd {
	width: 100%;
  }
  
  .request-attachments dd {
	margin: 10px 0 0 0;
  }
  
  .request-form textarea {
	min-height: 120px;
  }
  
  .request-follow-up {
	padding-top: 20px;
  }
  
  /***** Pagination *****/
  .pagination {
	margin: 20px 0;
	text-align: center;
  }
  
  .pagination * {
	display: inline-block;
  }
  
  .pagination li {
	border-radius: 50%;
	height: 40px;
	float: left;
	margin-left: 5px;
	width: 40px;
  }
  
  @media (min-width: 768px) {
	.pagination li {
	  height: 30px;
	  width: 30px;
	}
  }
  
  [dir="rtl"] .pagination li {
	float: right;
  }
  
  .pagination li:hover:not(.pagination-current) {
	background-color: #f3f3f3;
  }
  
  .pagination li:hover:not(.pagination-current) span, .pagination li:hover:not(.pagination-current) a {
	color: #333333;
	text-decoration: none;
  }
  
  .pagination a, .pagination span {
	font-size: 15px;
	color: #666;
	padding: 10px 12px;
  }
  
  @media (min-width: 768px) {
	.pagination a, .pagination span {
	  font-size: 13px;
	  padding: 5px 12px;
	}
  }
  
  .pagination-current {
	background-color: #56777a;
  }
  
  .pagination-current a, .pagination-current span {
	color: #ffffff;
  }
  
  .pagination-first {
	border-radius: 3px 0 0 3px;
  }
  
  [dir="rtl"] .pagination-first {
	border-radius: 0 3px 3px 0;
  }
  
  .pagination-last {
	border-radius: 0 3px 3px 0;
  }
  
  [dir="rtl"] .pagination-last {
	border-radius: 3px 0 0 3px;
  }
  
  /***** Metadata *****/
  .meta-group {
	display: block;
  }
  
  .meta-group * {
	display: inline;
  }
  
  .meta-data {
	color: #666;
	font-size: 13px;
	font-weight: 300;
  }
  
  .meta-data:not(:last-child)::after {
	content: "\00B7";
	margin: 0 5px;
  }
  
  /***** Icons *****/
  [class^="icon-"]::before,
  [class*=" icon-"]::before,
  .icon,
  .search::before,
  .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: #f7f7f7;
  }
  
  .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: #56777a;
	border: 0;
	color: #ffffff;
	line-height: normal;
	padding: 8px 20px;
  }
  
  .profile-header .description {
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	word-break: break-word;
	margin: 15px 0;
	flex-basis: 100%;
  }
  
  .profile-stats {
	font-size: 13px;
	display: flex;
	flex-direction: column;
	flex-basis: 100%;
  }
  
  .profile-stats .stat {
	display: flex;
	margin-bottom: 10px;
  }
  
  .profile-stats .stat-label {
	color: #666;
	font-weight: 300;
	flex: 0 0 100px;
	margin-right: 10px;
  }
  
  [dir="rtl"] .profile-stats .stat-label {
	margin-left: 10px;
	margin-right: 0;
  }
  
  .profile-stats-activity {
	border-top: solid 1px #ddd;
	margin-top: 15px;
  }
  
  @media (min-width: 768px) {
	.profile-stats-activity {
	  border-top: 0;
	  flex-direction: row;
	}
  }
  
  @media (min-width: 768px) {
	.profile-stats-activity .stat {
	  flex-direction: column;
	}
  }
  
  .profile-stats-activity .stat:first-child {
	margin-top: 10px;
  }
  
  @media (min-width: 768px) {
	.profile-stats-activity .stat:first-child {
	  margin-top: 0;
	}
  }
  
  @media (min-width: 768px) {
	.profile-stats-activity .stat:not(:last-child) {
	  margin-right: 40px;
	}
	[dir="rtl"] .profile-stats-activity .stat:not(:last-child) {
	  margin-left: 40px;
	  margin-right: 0;
	}
  }
  
  @media (min-width: 768px) {
	.profile-stats-activity .stat-label {
	  flex: 0 1 auto;
	}
  }
  
  .profile-stats-counters {
	border-bottom: solid 1px #ddd;
  }
  
  @media (min-width: 768px) {
	.profile-stats-counters {
	  flex: 0 0 200px;
	  border-bottom: 0;
	  margin-left: 40px;
	}
	[dir="rtl"] .profile-stats-counters {
	  margin-left: 0;
	  margin-right: 40px;
	}
  }
  
  @media (min-width: 1024px) {
	.profile-stats-counters {
	  flex: 0 0 270px;
	  margin-left: 60px;
	}
	[dir="rtl"] .profile-stats-counters {
	  margin-right: 60px;
	  margin-left: 0;
	}
  }
  
  @media (min-width: 768px) {
	.profile-stats-counters .stat {
	  flex-direction: column;
	}
  }
  
  @media (min-width: 1024px) {
	.profile-stats-counters .stat {
	  flex-direction: row;
	}
  }
  
  @media (min-width: 768px) {
	.profile-stats-counters .stat:not(:last-child) {
	  margin-bottom: 15px;
	}
  }
  
  @media (min-width: 768px) {
	.profile-stats-counters .stat-label {
	  flex: 0 1 auto;
	}
  }
  
  @media (min-width: 1024px) {
	.profile-stats-counters .stat-label {
	  flex: 0 0 100px;
	}
  }
  
  .profile-private-badge {
	flex-basis: 100%;
	border: solid 1px #56777a;
	border-radius: 4px;
	color: #56777a;
	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: #666;
	font-weight: 300;
	font-size: 13px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
  }
  
  @media (min-width: 768px) {
	.profile-section-description {
	  flex: 1 0 50%;
	  padding-bottom: 0;
	}
  }
  
  .profile-section-sorter {
	flex-basis: 100%;
	border-top: solid 1px #eee;
	font-size: 13px;
  }
  
  .profile-section-sorter .dropdown-toggle {
	padding: 10px 0;
	width: 100%;
  }
  
  .profile-section-sorter .dropdown-toggle::after {
	position: absolute;
	right: 0;
  }
  
  [dir="rtl"] .profile-section-sorter .dropdown-toggle::after {
	left: 0;
	right: initial;
  }
  
  @media (min-width: 768px) {
	.profile-section-sorter .dropdown-toggle::after {
	  position: relative;
	}
  }
  
  @media (min-width: 768px) {
	.profile-section-sorter {
	  flex: 0 1 auto;
	  padding-top: 0;
	  border-top: 0;
	  margin-left: 20px;
	}
	[dir="rtl"] .profile-section-sorter {
	  margin-left: 0;
	  margin-right: 20px;
	}
  }
  
  .profile-contribution {
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	word-break: break-word;
	padding: 20px 0;
	position: relative;
  }
  
  .profile-contribution-header {
	margin-bottom: 5px;
  }
  
  .profile-contribution-title {
	margin: 0 0 5px 0;
	display: inline;
	line-height: 21px;
	font-size: 15px;
	vertical-align: middle;
  }
  
  .profile-contribution-body {
	margin: 10px 0;
  }
  
  .profile-contribution-list > .profile-contribution {
	border-top: 1px solid #eee;
  }
  
  @media (min-width: 768px) {
	.profile-contribution-list > .profile-contribution {
	  padding-left: 30px;
	}
	[dir="rtl"] .profile-contribution-list > .profile-contribution {
	  padding-right: 30px;
	  padding-left: 0;
	}
  }
  
  .profile-contribution-list > .profile-contribution:last-child {
	border-bottom: 1px solid #eee;
  }
  
  .profile-contribution-list > .profile-contribution::before {
	left: 0;
	position: absolute;
	font-size: 16px;
	color: #ccc;
	font-family: "copenhagen-icons";
	line-height: 25px;
  }
  
  [dir="rtl"] .profile-contribution-list > .profile-contribution::before {
	right: 0;
  }
  
  .profile-contribution-list .profile-contribution-header {
	margin-left: 30px;
  }
  
  [dir="rtl"] .profile-contribution-list .profile-contribution-header {
	padding-right: 30px;
	padding-left: 0;
  }
  
  @media (min-width: 768px) {
	.profile-contribution-list .profile-contribution-header {
	  margin-left: 0;
	}
	[dir="rtl"] .profile-contribution-list .profile-contribution-header {
	  padding-right: 0;
	}
  }
  
  .profile-comments .profile-contribution-breadcrumbs {
	margin-left: 30px;
  }
  
  [dir="rtl"] .profile-comments .profile-contribution-breadcrumbs {
	padding-right: 30px;
	padding-left: 0;
  }
  
  @media (min-width: 768px) {
	.profile-comments .profile-contribution-breadcrumbs {
	  margin-left: 0;
	}
	[dir="rtl"] .profile-comments .profile-contribution-breadcrumbs {
	  padding-right: 0;
	}
  }
  
  .profile-section .no-activity,
  .profile-section .private-activity {
	display: block;
	margin-top: 40px;
	color: #999;
  }
  
  .profile-section .private-activity::before {
	content: "\1f512";
	font-family: "copenhagen-icons";
	font-style: normal;
	font-size: 12px;
	font-weight: normal;
	vertical-align: middle;
	margin-right: 10px;
  }
  
  [dir="rtl"] .profile-section .private-activity::before {
	margin-right: 0;
	margin-left: 10px;
  }
  
  .profile-activity-list {
	margin-top: 25px;
  }
  
  .profile-activity {
	position: relative;
	padding-bottom: 30px;
  }
  
  @media (min-width: 768px) {
	.profile-activity {
	  padding-left: 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: #f7f7f7;
  }
  
  @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: #FFFFFF;
	background-position: 50% 50%;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	color: #ccc;
	font-family: "copenhagen-icons";
  }
  
  [dir="rtl"] .profile-activity::before {
	right: 0;
  }
  
  @media (min-width: 768px) {
	.profile-activity::before {
	  left: -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;
  }
  
  /***** Search results *****/
  .search-results {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
  }
  
  @media (min-width: 1024px) {
	.search-results {
	  flex-direction: row;
	}
  }
  
  .search-results-column {
	flex: 1;
  }
  
  @media (min-width: 1024px) {
	.search-results-column {
	  flex: 0 0 45%;
	}
  }
  
  .search-results-list {
	margin-bottom: 25px;
  }
  
  .search-results-list > li {
	border-bottom: 1px solid #ddd;
	padding: 20px 0;
  }
  
  .search-results-list > li:first-child {
	border-top: 1px solid #ddd;
  }
  
  .search-result-description {
	margin-top: 15px;
  }
  
  .search-result-votes, .search-result-meta-count {
	color: #666;
	display: inline-block;
	font-size: 13px;
	font-weight: 300;
	padding: 4px 5px;
	position: relative;
  }
  
  .search-result-votes::before, .search-result-meta-count::before {
	color: #56777a;
  }
  
  [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;
  }