@charset "UTF-8";
.showprint{
    display:none;
}
@media print{
  .hideprint,header.header,footer,#preview-bar-container,iframe{
    display:none !important;
  }
  .showprint{
    display:block;
  }
  @page { margin: 0 }
	html, body { margin: 0; padding: 0 }
}
@font-face {
font-family: 'NeoSansProMedium'; 
src: url(/hc/theming_assets/01KXE8KW1W57MRYSS76YFH48V7) format('opentype'); 
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'NeoSansProRegular'; 
src: url(/hc/theming_assets/01KXE8KW1W57MRYSS76YFH48V7) format('opentype'); 
font-weight: 100;
font-style: normal;
font-display: swap;
}
.article-share ul.share {
  display: flex;
  gap: 8px;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.article-share ul.share li { display: flex; }
.article-share ul.share a[class^="share-"] {
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 32px; height: 32px; min-width: 32px; min-height: 32px;
  border-radius: 50%;
  background-color: #3F3D56;
  color: #fff !important;
  padding: 0; margin: 0; line-height: 1; text-decoration: none;
}
.article-share ul.share svg { width: 20px; display: block; height: 20px; }
.article-share ul.share a.share-facebook svg{ width: 26px; height: 26px; display: block; }
.sidenav-title{ font-family: 'NeoSansProRegular'; }
.explore-more a{ color:#373b61 !important; }
html, body {
font-family: "NeoSansProMedium", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
font-weight: 400;
  color: #6f7078;
}
zd-summary-block{display:none;}
h1, h2, h3, h4, h5, h6, .article-title, .search-results-subheading, .hero-title { font-weight: 600; color:#373b61; }
h1{ letter-spacing: -0.04em; }
.current-menu-item a{ text-decoration: #3cafd6 underline; text-decoration-thickness: 2px; font-weight:bold; text-underline-offset: 0.2em; }
.current-menu-item .sub-menu a{font-weight:normal;}
.btn, .button, button, input, select, textarea, label {
font-family: "NeoSansProMedium", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
font-weight: 500; 
}
html { line-height: 1.15; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
main { display: block; }
h1 { margin: 0.67em 0; font-family: "NeoSansProMedium", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
pre { font-family: monospace, monospace; font-size: 1em; }
a { background-color: transparent; }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
b, strong { font-weight: bolder; }
code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
img { border-style: none; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; }
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; }
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; }
fieldset { padding: 0.35em 0.75em 0.625em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress { vertical-align: baseline; }
textarea { overflow: auto; }
[type=checkbox], [type=radio] { box-sizing: border-box; padding: 0; }
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; }
[type=search] { -webkit-appearance: textfield; outline-offset: -2px; }
[type=search]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
details { display: block; }
summary { display: list-item; }
template { display: none; }
[hidden] { display: none; }
* { box-sizing: border-box; }
body { background-color: rgba(255, 255, 255, 1); font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.4; -webkit-font-smoothing: antialiased; }
@media (min-width: 1024px) { body > main { min-height: 65vh; } }
h1, h2, h3, h4, h5, h6 { margin-top: 0; }
h1 { font-size: 40px; letter-spacing:1px; }
h2 { font-size: 22px; }
h3 { font-size: 18px; font-weight: 600; }
h4 { font-size: 16px; }
a { color: rgba(60, 175, 214, 1); text-decoration: none; }
a.banner-btn { font-size:14px; }
a.banner-btn:hover, a.banner-btn:active, a.banner-btn:focus { background-color: #3cafd6; text-decoration:none; }
span.button-arrow{ transition: transform .2s ease; color: #fce585; font-size: 20px; font-weight: 800; }
a.explore-more-cat{ font-family:"NeoSansProMedium", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important; color:rgb(111, 112, 120); font-size:14pt; }
a.explore-more-cat:hover{ text-decoration: none; background:none; }
a.explore-more-cat img{ width:16px; height:12px; margin-left:10px; }
a.explore-more-cat.hover{ text-decoration: none; }
.sidenav-title{ font-size: 1.5rem !important; color: rgb(111, 112, 120); font-weight: 200 !important; }
.hbs-form input, .hbs-form textarea, .search input, .search textarea { color: #000; font-size: 14px; }
.hbs-form input, .search input { max-width: 100%; box-sizing: border-box; transition: border 0.12s ease-in-out; }
.hbs-form input:where(:not([type=checkbox])), .search input:where(:not([type=checkbox])) { outline: none; }
.hbs-form input:where(:not([type=checkbox])):focus, .search input:where(:not([type=checkbox])):focus { border: 1px solid rgba(60, 175, 214, 1); }
.hbs-form input[disabled], .search input[disabled] { background-color: #ddd; }
.hbs-form select, .search select {
  -webkit-appearance: none; -moz-appearance: none;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23CCC' d='M0 0h10L5 6 0 0z'/%3E%3C/svg%3E%0A") no-repeat #fff;
  background-position: right 10px center; border: 1px solid #87929D; border-radius: 4px; padding: 8px 30px 8px 10px; outline: none; color: #555; width: 100%;
}
.hbs-form select:focus, .search select:focus { border: 1px solid rgba(60, 175, 214, 1); }
.hbs-form select::-ms-expand, .search select::-ms-expand { display: none; }
.hbs-form textarea, .search textarea { border: 1px solid #87929D; border-radius: 2px; resize: vertical; width: 100%; outline: none; padding: 10px; }
.hbs-form textarea:focus, .search textarea:focus { border: 1px solid rgba(60, 175, 214, 1); }
.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%; } }
.visibility-hidden { border: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; }
.button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link, .subscriptions-subscribe button, .requests-table-toolbar .organization-subscribe button, .community-follow button, .article-subscribe button, .section-subscribe button, .split-button button {
  background-color: transparent; border: 1px solid rgba(60, 175, 214, 1); border-radius: 4px; color: rgba(60, 175, 214, 1); cursor: pointer; display: inline-block; font-size: 12px; line-height: 2.34; margin: 0; padding: 0 20px; text-align: center;
  transition: background-color 0.12s ease-in-out, border-color 0.12s ease-in-out, color 0.15s ease-in-out; user-select: none; white-space: nowrap; width: 100%; -webkit-touch-callout: none;
}
@media (min-width: 768px) { .button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link, .subscriptions-subscribe button, .requests-table-toolbar .organization-subscribe button, .community-follow button, .article-subscribe button, .section-subscribe button, .split-button button { width: auto; } }
.button:visited, .pagination-next-link:visited, .pagination-prev-link:visited, .pagination-first-link:visited, .pagination-last-link:visited, .subscriptions-subscribe button:visited, .requests-table-toolbar .organization-subscribe button:visited, .community-follow button:visited, .article-subscribe button:visited, .section-subscribe button:visited, .split-button button:visited { color: rgba(60, 175, 214, 1); }
.button:hover, .pagination-next-link:hover, .pagination-prev-link:hover, .pagination-first-link:hover, .pagination-last-link:hover, .subscriptions-subscribe button:hover, .requests-table-toolbar .organization-subscribe button:hover, .community-follow button:hover, .article-subscribe button:hover, .section-subscribe button:hover, .split-button button:hover, .button:active, .pagination-next-link:active, .pagination-prev-link:active, .pagination-first-link:active, .pagination-last-link:active, .subscriptions-subscribe button:active, .requests-table-toolbar .organization-subscribe button:active, .community-follow button:active, .article-subscribe button:active, .section-subscribe button:active, .split-button button:active, .button:focus, .pagination-next-link:focus, .pagination-prev-link:focus, .pagination-first-link:focus, .pagination-last-link:focus, .subscriptions-subscribe button:focus, .requests-table-toolbar .organization-subscribe button:focus, .community-follow button:focus, .article-subscribe button:focus, .section-subscribe button:focus, .split-button button:focus, .button.button-primary, .button-primary.pagination-next-link, .button-primary.pagination-prev-link, .button-primary.pagination-first-link, .button-primary.pagination-last-link, .subscriptions-subscribe button.button-primary, .subscriptions-subscribe button[data-selected=true], .requests-table-toolbar .organization-subscribe button.button-primary, .requests-table-toolbar .organization-subscribe button[data-selected=true], .community-follow button.button-primary, .article-subscribe button.button-primary, .article-subscribe button[data-selected=true], .section-subscribe button.button-primary, .section-subscribe button[data-selected=true], .split-button button.button-primary { background-color: rgba(60, 175, 214, 1); color: rgba(55, 59, 97, 1); text-decoration: none; }
.button.button-primary:hover, .button-primary.pagination-next-link:hover, .button-primary.pagination-prev-link:hover, .button-primary.pagination-first-link:hover, .button-primary.pagination-last-link:hover, .subscriptions-subscribe button.button-primary:hover, .subscriptions-subscribe button[data-selected=true]:hover, .requests-table-toolbar .organization-subscribe button.button-primary:hover, .requests-table-toolbar .organization-subscribe button[data-selected=true]:hover, .community-follow button.button-primary:hover, .article-subscribe button.button-primary:hover, .article-subscribe button[data-selected=true]:hover, .section-subscribe button.button-primary:hover, .section-subscribe button[data-selected=true]:hover, .split-button button:hover, .button.button-primary:focus, .button-primary.pagination-next-link:focus, .button-primary.pagination-prev-link:focus, .button-primary.pagination-first-link:focus, .button-primary.pagination-last-link:focus, .subscriptions-subscribe button.button-primary:focus, .subscriptions-subscribe button[data-selected=true]:focus, .requests-table-toolbar .organization-subscribe button.button-primary:focus, .requests-table-toolbar .organization-subscribe button[data-selected=true]:focus, .community-follow button.button-primary:focus, .article-subscribe button.button-primary:focus, .article-subscribe button[data-selected=true]:focus, .section-subscribe button.button-primary:focus, .section-subscribe button[data-selected=true]:focus, .split-button button.button-primary:focus, .button.button-primary:active, .button-primary.pagination-next-link:active, .button-primary.pagination-prev-link:active, .button-primary.pagination-first-link:active, .button-primary.pagination-last-link:active, .subscriptions-subscribe button.button-primary:active, .subscriptions-subscribe button[data-selected=true]:active, .requests-table-toolbar .organization-subscribe button.button-primary:active, .requests-table-toolbar .organization-subscribe button[data-selected=true]:active, .community-follow button.button-primary:active, .article-subscribe button.button-primary:active, .article-subscribe button[data-selected=true]:active, .section-subscribe button.button-primary:active, .section-subscribe button[data-selected=true]:active, .split-button button.button-primary:active { background-color: darken(rgba(60, 175, 214, 1), 20%); border-color: darken(rgba(60, 175, 214, 1), 20%); }
.button[data-disabled], [data-disabled].pagination-next-link, [data-disabled].pagination-prev-link, [data-disabled].pagination-first-link, [data-disabled].pagination-last-link, .subscriptions-subscribe button[data-disabled], .requests-table-toolbar .organization-subscribe button[data-disabled], .community-follow button[data-disabled], .article-subscribe button[data-disabled], .section-subscribe button[data-disabled], .split-button button[data-disabled] { cursor: default; }
.button-large, .hbs-form input[type=submit] { cursor: pointer; background-color: rgba(60, 175, 214, 1); border: 0; border-radius: 4px; color: rgba(55, 59, 97, 1); font-size: 14px; line-height: 2.72; min-width: 190px; padding: 0 1.9286em; width: 100%; }
@media (min-width: 768px) { .button-large, .hbs-form input[type=submit] { width: auto; } }
.button-large:visited, .hbs-form input[type=submit]:visited { color: rgba(55, 59, 97, 1); }
.button-large:hover, .button-large:active, .button-large:focus, .hbs-form input[type=submit]:hover, .hbs-form input[type=submit]:active, .hbs-form input[type=submit]:focus { background-color: #1e728e; }
.button-large[disabled], .hbs-form input[type=submit][disabled] { background-color: #ddd; }
.button-secondary { color: #5c63a2; border: 1px solid #87929D; background-color: transparent; }
.button-secondary:visited { color: #5c63a2; }
.button-secondary:hover, .button-secondary:focus, .button-secondary:active { color: rgba(55, 59, 97, 1); border: 1px solid #87929D; background-color: #f7f7f7; }
.split-button { display: flex; }
.split-button button { background-color: rgba(60, 175, 214, 1); border: 0; color: rgba(55, 59, 97, 1); height: 32px; line-height: 16px; outline-color: rgba(60, 175, 214, 1); }
[dir=rtl] .split-button button:not(:only-child):first-child { border-left: 1px solid rgba(55, 59, 97, 1); border-top-left-radius: unset; border-bottom-left-radius: unset; }
[dir=ltr] .split-button button:not(:only-child):first-child { border-right: 1px solid rgba(55, 59, 97, 1); border-top-right-radius: unset; border-bottom-right-radius: unset; }
.split-button button:not(:only-child):last-child { display: flex; justify-content: center; align-items: center; width: 26px; min-width: 26px; max-width: 26px; padding: 0; }
[dir=rtl] .split-button button:not(:only-child):last-child { border-top-right-radius: unset; border-bottom-right-radius: unset; }
[dir=ltr] .split-button button:not(:only-child):last-child { border-top-left-radius: unset; border-bottom-left-radius: unset; }
.table { width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; }
@media (min-width: 768px) { .table { table-layout: auto; } }
.table th, .table th a { color: #5c63a2; font-size: 13px; 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; } }
.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 #87929D; border-radius: 4px; padding: 10px; width: 100%; }
.form-field input:focus { border: 1px solid rgba(60, 175, 214, 1); }
.form-field input[type=text] { border: 1px solid #87929D; border-radius: 4px; }
.form-field input[type=text]:focus { border: 1px solid rgba(60, 175, 214, 1); }
.form-field input[type=checkbox] { width: auto; }
.form-field .nesty-input { border-radius: 4px; border: 1px solid #87929D; height: 40px; line-height: 40px; outline: none; vertical-align: middle; }
.form-field .nesty-input:focus { border: 1px solid rgba(60, 175, 214, 1); text-decoration: none; }
.form-field .hc-multiselect-toggle { border: 1px solid #87929D; }
.form-field .hc-multiselect-toggle:focus { outline: none; border: 1px solid rgba(60, 175, 214, 1); text-decoration: none; }
.form-field textarea { vertical-align: middle; }
.form-field input[type=checkbox] + label { margin: 0 0 0 10px; }
.form-field .optional { color: #5c63a2; margin-left: 4px; }
.form-field p { color: #5c63a2; font-size: 12px; margin: 5px 0; }
.form footer { margin-top: 40px; padding-top: 30px; }
.form footer a { color: #5c63a2; 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: rgba(255, 255, 255, 1); }
.header { 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; vertical-align: middle; }
.logo span { margin: 0 10px; color: rgba(60, 175, 214, 1); }
.logo a { display: inline-block; }
.logo a:hover, .logo a:focus, .logo a:active { text-decoration: none; }
.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; }
.user-nav[aria-expanded=true] > .user-nav-list li { display: block; }
.user-nav[aria-expanded=true] > .user-nav-list a { display: block; margin: 20px; }
.user-nav-list { display: block; list-style: none; }
.user-nav-list > li { display: inline-block; margin-right:15px; }
@media (max-width: 768px) { .nav-wrapper-desktop { display: none; } }
@media (min-width: 768px) { .nav-wrapper-desktop { display: none; } }
@media (min-width: 1024px) { .nav-wrapper-desktop { display: inline-block; } }
.nav-wrapper-desktop a { border: 0; color: #373b61; display: none; font-size: 12pt; padding: 0 20px 0 0; width: auto; text-transform: lowercase; }
a span.upper{ text-transform:uppercase; }
@media (min-width: 768px) { .nav-wrapper-desktop a { display: inline-block; } }
[dir=rtl] .nav-wrapper-desktop a { padding: 0 0 0 20px; }
.nav-wrapper-desktop a:hover, .nav-wrapper-desktop a:focus, .nav-wrapper-desktop a:active { background-color: transparent; color: rgba(60, 175, 214, 1); text-decoration: underline; }
@media (min-width: 1024px) { .nav-wrapper-mobile { display: none; } }
.nav-wrapper-mobile .menu-button-mobile { background: none; border: 0; width: auto; min-width: 71px; cursor: pointer; }
.nav-wrapper-mobile .menu-button-mobile .icon-menu { padding: 7px; vertical-align: middle; width: 30px; height: 30px; border-radius: 50%; }
.nav-wrapper-mobile .menu-button-mobile[aria-expanded=true] .icon-menu { background: #f3f3f3; }
.nav-wrapper-mobile .menu-list-mobile { position: absolute; background-color: #fff; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15); border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; right: 0; left: 0; top: 71px; z-index: 2; }
.nav-wrapper-mobile .menu-list-mobile[aria-expanded=false] { display: none; }
.nav-wrapper-mobile .menu-list-mobile[aria-expanded=true] { display: block; }
.nav-wrapper-mobile .menu-list-mobile-items .item { margin: 4px 0; }
.nav-wrapper-mobile .menu-list-mobile-items li:empty:not(.nav-divider) { display: none; }
.nav-wrapper-mobile .menu-list-mobile-items .nav-divider { border-bottom: 0.1px solid #ddd; padding: 0; }
.nav-wrapper-mobile .menu-list-mobile-items .nav-divider:last-child { display: none; }
.nav-wrapper-mobile .menu-list-mobile-items button { background: none; border: none; padding: 8px 24px; width: 100%; height: 100%; color: rgba(55, 59, 97, 1); cursor: pointer; text-align: start; }
.nav-wrapper-mobile .menu-list-mobile-items button:active, .nav-wrapper-mobile .menu-list-mobile-items button:focus, .nav-wrapper-mobile .menu-list-mobile-items button:hover { background-color: #f3f3f3; text-decoration: underline; }
.nav-wrapper-mobile .menu-list-mobile-items a { display: block; padding: 8px 24px; width: 100%; height: 100%; color: rgba(55, 59, 97, 1); }
.nav-wrapper-mobile .menu-list-mobile-items a:active, .nav-wrapper-mobile .menu-list-mobile-items a:focus, .nav-wrapper-mobile .menu-list-mobile-items a:hover { background-color: #f3f3f3; }
.nav-wrapper-mobile .menu-list-mobile-items .my-profile { display: flex; line-height: 1.5; }
.nav-wrapper-mobile .menu-list-mobile-items .my-profile .my-profile-tooltip { font-size: 12px; color: #68737D; }
.nav-wrapper-mobile .menu-list-mobile-items .menu-profile-avatar { height: 20px; width: 20px; border-radius: 50%; display: inline-block; margin-right: 8px; margin-top: 1px; }
[dir=rtl] .nav-wrapper-mobile .menu-list-mobile-items .menu-profile-avatar { margin-right: 0; margin-left: 8px; }
.skip-navigation { align-items: center; background-color: black; color: white; display: flex; font-size: 14px; justify-content: center; left: -999px; margin: 20px; padding: 20px; overflow: hidden; position: absolute; top: auto; z-index: -999; }
[dir=rtl] .skip-navigation { left: initial; right: -999px; }
.skip-navigation:focus, .skip-navigation:active { left: auto; overflow: auto; text-align: center; text-decoration: none; top: auto; z-index: 999; }
[dir=rtl] .skip-navigation:focus, [dir=rtl] .skip-navigation:active { left: initial; right: auto; }
#zd-modal-container ~ .skip-navigation { display: none; }
.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 > button { border: 0; color: rgba(60, 175, 214, 1); min-width: 0; padding: 0; white-space: nowrap; }
.user-info > button:hover, .user-info > button:focus { color: rgba(60, 175, 214, 1); background-color: transparent; }
.user-info > button::after { color: rgba(60, 175, 214, 1); padding-right: 15px; }
[dir=rtl] .user-info > 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 { 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 { color: rgba(60, 175, 214, 1); border: 2px solid #fff; border-radius: 50%; bottom: -4px; background-color: rgba(55, 59, 97, 1); font-size: 17px; height: 17px; line-height: 17px; position: absolute; right: -2px; text-align: center; width: 17px; }
.footer { margin-top: 60px; padding: 30px 0; }
.footer a { color: #5c63a2; }
.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 button { color: #5c63a2; display: inline-block; }
.powered-by-zendesk a, .powered-by-zendesk a:visited { color: #5c63a2; }
.breadcrumbs { margin: 0 0 15px 0; padding: 0; display: flex; }
@media (min-width: 768px) { .breadcrumbs { margin: 0; } }
.breadcrumbs li { color: rgb(111, 112, 120); font-size: 13px; max-width: 450px; overflow: hidden; text-overflow: ellipsis; }
.breadcrumbs li + li::before { content: ">"; margin: 0 4px; }
.breadcrumbs li a,.breadcrumbs li a:visited { color: rgb(111, 112, 120); }
.search-container { position: relative; }
.search { border-color: #87929D; border-radius: 30px; border-style: solid; border-width: 1px; display: flex; position: relative; transition: border 0.12s ease-in-out; }
.search:focus-within { border-color: rgba(60, 175, 214, 1); }
.search input[type=search], .search .clear-button { background-color: #fff; border-radius: 30px; border: none; }
.search-full input[type=search], .search-full .clear-button { border-color: #fff; }
.search input[type=search] { appearance: none; -webkit-appearance: none; box-sizing: border-box; color: #666; flex: 1 1 auto; height: 40px; width: 100%; }
.search input[type=search]:focus { color: #555; }
.search input[type=search]::-webkit-search-decoration, .search input[type=search]::-webkit-search-cancel-button, .search input[type=search]::-webkit-search-results-button, .search input[type=search]::-webkit-search-results-decoration { -webkit-appearance: none; }
.search input[type=search]:-webkit-autofill, .search input[type=search]:-webkit-autofill:hover, .search input[type=search]:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 1000px #fff inset; }
.search .clear-button { align-items: center; box-sizing: border-box; color: #777; cursor: pointer; display: none; flex: none; justify-content: center; padding: 0 15px; }
.search .clear-button:hover { background-color: rgba(60, 175, 214, 1); color: #fff; }
.search .clear-button:focus { outline: 0; box-shadow: 0 0 0 3px rgba(60, 175, 214, 1); }
.search-has-value .clear-button { display: flex; }
[dir=ltr] .search input[type=search] { padding-left: 40px; padding-right: 20px; }
[dir=ltr] .search-has-value input[type=search] { border-bottom-right-radius: 0; border-top-right-radius: 0; border-right-color: transparent; }
[dir=ltr] .search-has-value input[type=search]:focus { border-right-color: rgba(60, 175, 214, 1); }
[dir=ltr] .search .clear-button { border-bottom-left-radius: 0; border-top-left-radius: 0; border-left-color: transparent; }
[dir=ltr] .search .clear-button:focus { border-left-color: rgba(60, 175, 214, 1); }
[dir=rtl] .search input[type=search] { padding-left: 20px; padding-right: 40px; }
[dir=rtl] .search-has-value input[type=search] { border-bottom-left-radius: 0; border-top-left-radius: 0; border-left-color: transparent; }
[dir=rtl] .search-has-value input[type=search]:focus { border-left-color: rgba(60, 175, 214, 1); }
[dir=rtl] .search .clear-button { border-bottom-right-radius: 0; border-top-right-radius: 0; border-right-color: transparent; }
[dir=rtl] .search .clear-button:focus { border-right-color: rgba(60, 175, 214, 1); }
.search-icon { position: relative; top: 50%; transform: translateY(-50%); position: absolute; left: 15px; z-index: 1; width: 18px; height: 18px; color: #777; pointer-events: none; }
[dir=rtl] .search-icon { left: auto; right: 15px; }
.hero { background-image: url(/hc/theming_assets/01M0FQTYVTYEJAVEVR8ZAAAKSK); background-position: center; background-size: cover; height: 570px; padding: 0 20px; width: 100%; }
.hero.child{ background-image: url(/hc/theming_assets/01KWJ0RFW1ZBSEBTBS4NAK347H); height:300px; }
.hero p{ color: #6f7078; font-size: 18px; letter-spacing: 0; line-height: 1.6; }
.hero-inner { text-align:center; padding:0 20px; }
.section.hero{ padding:70px 0; }
@media(min-width:980px){
  a.banner-btn { font-size:18px; }
  .hero p{ color: #6f7078; font-size: 20px; letter-spacing: 0; line-height: 1.6; padding-top: 15px; }
  h1{ font-size:42px; }
  .section.hero{ padding:0px; }
  .hero-inner { text-align:left; position: relative; top: 50%; transform: translateY(-50%) translateX(30%); max-width: 770px; margin: 0 auto; padding:0; }
}
.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; flex-wrap: wrap; gap: 16px; 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; margin: 0 0 30px 0; word-break: break-word; }
@media (min-width: 1024px) { .page-header-description { flex-basis: 100%; } }
.page-header .icon-lock { height: 20px; width: 20px; position: relative; left: -5px; vertical-align: baseline; }
.sub-nav { align-items: baseline; display: flex; flex-direction: column; flex-wrap: wrap; gap: 15px 30px; justify-content: space-between; margin-bottom: 55px; }
@media (min-width: 768px) { .sub-nav { flex-direction: row; } }
.sub-nav .breadcrumbs { margin: 0; }
.sub-nav .search-container { max-width: 300px; width: 100%; }
@media (min-width: 768px) { .sub-nav .search-container { flex: 0 1 300px; } }
.sub-nav input[type=search]::after { font-size: 15px; }
.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 { display: flex; flex: 1; text-align: center; }
@media (min-width: 768px) { .blocks-item { margin: 0 15px 30px; } }
.blocks-item:hover, .blocks-item:focus, .blocks-item:active { border-bottom: 1px solid rgba(60, 175, 214, 1); }
.blocks-item:hover *, .blocks-item:focus *, .blocks-item:active * { text-decoration: none; }
.blocks-item-internal { background-color: transparent; border: 1px solid #ddd; }
.blocks-item-internal .icon-lock { height: 15px; width: 15px; bottom: 5px; position: relative; }
.blocks-item-internal a { color: rgba(55, 59, 97, 1); }
.blocks-item-link { color: rgba(60, 175, 214, 1); padding: 20px 30px; display: flex; flex-direction: column; flex: 1; justify-content: center; border-radius: inherit; }
.blocks-item-link:visited, .blocks-item-link:hover, .blocks-item-link:active { color: inherit; text-decoration: none; }
.blocks-item-link:focus { outline: 0; box-shadow: 0 0 0 3px rgba(60, 175, 214, 1); text-decoration: none; }
.blocks-item-title { margin-bottom: 0; font-size: 16px; }
.blocks-item-description { margin: 0; }
.blocks-item-description:not(:empty) { margin-top: 10px; }
.section { margin-bottom: 40px; }
@media (min-width: 768px) { .section { margin-bottom: 60px; } }
.home-section h2 { margin-bottom: 10px; text-align: center; }
.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%; } [dir=rtl] .promoted-articles-item { padding: 0 0 0 30px; } }
.promoted-articles-item:nth-child(3n) { padding-right: 0; }
.promoted-articles-item a { display: block; border-bottom: 1px solid #ddd; padding: 15px 0; }
.promoted-articles-item .icon-lock { vertical-align: baseline; }
.promoted-articles-item:last-child a { border: 0; }
.community { text-align: center; }
.community-image { min-height: 300px; margin-top: 32px; background-image: url(/hc/theming_assets/01K8C79PDB7D1NMJVWC6N84CQ6); background-position: center; background-repeat: no-repeat; max-width: 100%; }
.community a { color: rgba(60, 175, 214, 1); text-decoration: underline; }
.community a:visited { color: rgba(255, 255, 255, 1); }
.community a:hover, .community a:active, .community a:focus { color: rgba(55, 59, 97, 1); }
.community, .activity { padding: 30px 0; }
.section.knowledge-base{ margin-bottom:0; }
.recent-activity-header{ text-transform: lowercase; }
.recent-activity-header,.promoted-articles-header { margin-bottom: 10px; text-align: center; }
.recent-activity-list,.article-list.promoted-articles { padding: 0; }
.recent-activity-item,.promoted-articles-item { overflow: auto; padding: 20px 0; }
.recent-activity-item h3,.promoted-articles-item h3 { margin: 0; }
.recent-activity-item-parent { font-size: 16px; font-weight: 600; }
.recent-activity-item-parent, .recent-activity-item-link,.promoted-articles-item a { margin: 6px 0; display: inline-block; width: 100%; }
@media (min-width: 768px) { .recent-activity-item-parent, .recent-activity-item-link,.promoted-articles-item a { width: 70%; margin: 0; } }
.recent-activity-item-link,.promoted-articles-item a { font-size: 14px; overflow: hidden; text-overflow: ellipsis; }
.recent-activity-item-meta { color: rgba(55, 59, 97, 1); 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 { display: inline-block; font-size: 13px; }
.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-controls { padding-top: 15px; }
.recent-activity-accessibility-label { border: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; }
.recent-activity-comment-icon svg { vertical-align: middle; color: rgba(60, 175, 214, 1); width: 16px; height: 16px; }
.recent-activity-comment-icon:after { content: attr(data-comment-count); margin-left: 3px; }
[dir=rtl] .recent-activity-comment-icon:after { margin-left: 0; margin-right: 3px; }
.category-content .subcat-grid { display: block !important; }
.category-content .subcat-grid .section-row { display: block; width: 100%; grid-column: 1 / -1; margin-bottom: 32px; }
.articles-row { display: grid; gap: 24px; grid-template-columns: 1fr; align-items: stretch; }
@media (min-width: 768px) { .articles-row { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .articles-row { grid-template-columns: repeat(3, 1fr); } }
.section-row .subcat-card__footer { margin-top: 12px; }
.section-row .subcat-card__cta { font-weight: 600; text-decoration: none; }
.section-container { justify-content: flex-end; }
.section-content { flex: 1; max-width: 100%; }
@media (min-width: 1024px) { .section-content { flex: 0 0 80%; } }
.section-list { margin: 40px 0; }
.section-list-item { border-bottom: 1px solid #ddd; font-size: 16px; padding: 15px 0; }
.section-list-item:first-child { border-top: 1px solid #ddd; }
.section-list-item a { align-items: center; color: rgba(55, 59, 97, 1); display: flex; justify-content: space-between; }
.see-all-sections-trigger { cursor: pointer; display: block; padding: 15px; text-align: center; }
.see-all-sections-trigger[aria-hidden=true] { display: none; }
.explore-list li{ margin-bottom:15px; }
.explore-list a{ color: #000; }
.explore-list a:hover{ text-decoration:none; }
.explore-list a span{ color: rgba(60, 175, 214, 1); }
.hero-inner-article{ padding-top:120px; text-align:center; }
@media (max-width:767px){
  .hero-inner-article{padding-top:0;}
  .section.hero{padding-top:20px;}
}
.article { flex: 1 0 auto; }
@media (min-width: 1024px) { .article { flex: 1 0 80%; max-width: 80%; 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-avatar { margin-right: 10px; }
.article-author { margin-bottom: 10px; }
.article-title { overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
@media (min-width: 768px) { .article-title { flex-basis: 100%; } }
.article-title .icon-lock { position: relative; left: -5px; vertical-align: baseline; }
.article [role=button] { flex-shrink: 0; width: 100%; }
@media (min-width: 768px) { .article [role=button] { width: auto; } }
.article-info { max-width: 100%; }
.article-meta { display: inline-block; vertical-align: middle; }
.article-body { display: flow-root; }
.article-body a { color: rgba(60, 175, 214, 1); text-decoration: underline; }
.article-body a:hover, .article-body a:active, .article-body a:focus { color: rgba(55, 59, 97, 1); }
.article-body img { height: auto; max-width: 100%; }
.article-body p > img.image-style-align-left { float: left; margin: 8px 20px 6px 0; }
.article-body p > img.image-style-align-right { float: right; margin: 8px 0px 6px 20px; }
.article-body p > img.image-style-block-align-right { margin-left: auto; margin-right: 0; }
.article-body p > img.image-style-block-align-left { margin-left: 0; margin-right: auto; }
.article-body figure.image { display: table; margin: 0 auto; }
.article-body figure.image > img { display: block; width: 100%; }
.article-body figure.image.image-style-align-left { float: left; margin: 8px 20px 6px 0; }
.article-body figure.image.image-style-align-right { float: right; margin: 8px 0px 6px 20px; }
.article-body figure.image.image-style-block-align-right { margin-left: auto; margin-right: 0; }
.article-body figure.image.image-style-block-align-left { margin-left: 0; margin-right: auto; }
.article-body figcaption { padding: 10px 0; font-size: 12px; text-align: center; background-color: #f2f2f2; }
.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, .article-body li > ul, .article-body li > ol { margin: 0; }
.article-body ul { list-style-type: disc; }
.article-body :not(pre) > 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; direction: ltr; }
.article-body blockquote { border-left: 1px solid #ddd; color: #5c63a2; 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: #5c63a2; }
.article-comment-count:hover { text-decoration: none; }
.article-comment-count-icon { vertical-align: middle; color: rgba(60, 175, 214, 1); width: 18px; height: 18px; }
.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 22%; height: auto; max-width: 22%; } }
.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 50%; min-width: 50%; overflow-wrap: break-word; margin-right: 0; }
.article-relatives > *:last-child { padding: 0; }
@media (min-width: 768px) { .article-relatives > * { padding-right: 20px; } }
.article-votes { border-top: 1px solid #ddd; padding: 30px 0; text-align: center; }
.article-votes-question { font-size: 15px; font-weight: normal; margin-bottom: 0; }
.article-vote { margin: 10px 5px; min-width: 90px; width: auto; }
.article-more-questions,.search-result-meta-container { display:none; }
.article-more-questions a { color: rgba(60, 175, 214, 1); text-decoration: underline; }
.article-more-questions a:hover, .article-more-questions a:active, .article-more-questions a:focus { color: rgba(55, 59, 97, 1); }
.article-return-to-top { border-top: 1px solid #87929D; }
@media (min-width: 1024px) { .article-return-to-top { display: none; } }
.article-return-to-top a { color: rgba(55, 59, 97, 1); 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 { transform: rotate(0.5turn); }
.article td > p:first-child, .article th > p:first-child { margin-top: 0; }
.article td > p:last-child, .article th > p:last-child { margin-bottom: 0; }
.sidenav-item { display: block; margin-top: 10px; margin-bottom: 16px; overflow: hidden; text-overflow: ellipsis; }
.recent-articles li, .related-articles li { margin-bottom: 15px; }
.attachments .attachment-item { padding-left: 20px; position: relative; margin-bottom: 10px; }
.attachments .attachment-item:last-child { margin-bottom: 0; }
.attachments .attachment-item .attachment-icon { color: rgba(55, 59, 97, 1); left: 0; position: absolute; top: 5px; }
[dir=rtl] .attachments .attachment-item { padding-left: 0; padding-right: 20px; }
[dir=rtl] .attachments .attachment-item .attachment-icon { left: auto; right: 0; }
.upload-dropzone span { color: #5c63a2; }
.share { padding: 0; white-space: nowrap; }
.share li, .share a { display: inline-block; }
.share li { height: 25px; width: 25px; }
.share a { color: #5c63a2; }
.share a:hover { text-decoration: none; color: rgba(60, 175, 214, 1); }
.share a svg { height: 18px; width: 18px; display: block; }
.comment { border-bottom: 1px solid #ddd; padding: 20px 0; }
.comment-heading, .recent-articles-title, .related-articles-title { margin-bottom: 5px; margin-top: 0; font-size: 18px; font-weight: 600; }
.comment-overview { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; padding: 20px 0; }
.comment-overview p { margin-top: 0; }
.comment-callout { color: #5c63a2; display: inline-block; font-size: 13px; margin-bottom: 0; }
.comment-callout a { color: rgba(60, 175, 214, 1); text-decoration: underline; }
.comment-callout a:hover, .comment-callout a:active, .comment-callout a:focus { color: rgba(55, 59, 97, 1); }
.comment-sorter { display: inline-block; float: right; }
.comment-sorter .dropdown-toggle { color: #5c63a2; font-size: 13px; }
[dir=rtl] .comment-sorter { float: left; }
.comment-wrapper { display: flex; position: relative; }
.comment-wrapper.comment-official { border: 1px solid rgba(60, 175, 214, 1); 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 1 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: rgba(60, 175, 214, 1); }
.comment-body { -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; word-break: break-word; word-wrap: break-word; display: flow-root; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 1.6; overflow-x: auto; }
.comment-body a { color: rgba(60, 175, 214, 1); text-decoration: underline; }
.comment-body a:hover, .comment-body a:active, .comment-body a:focus { color: rgba(55, 59, 97, 1); }
.comment-body img { height: auto; max-width: 100%; }
.comment-body p > img.image-style-align-left { float: left; margin: 8px 20px 6px 0; }
.comment-body p > img.image-style-align-right { float: right; margin: 8px 0px 6px 20px; }
.comment-body p > img.image-style-block-align-right { margin-left: auto; margin-right: 0; }
.comment-body p > img.image-style-block-align-left { margin-left: 0; margin-right: auto; }
.comment-body figure.image { display: table; margin: 0 auto; }
.comment-body figure.image > img { display: block; width: 100%; }
.comment-body figure.image.image-style-align-left { float: left; margin: 8px 20px 6px 0; }
.comment-body figure.image.image-style-align-right { float: right; margin: 8px 0px 6px 20px; }
.comment-body figure.image.image-style-block-align-right { margin-left: auto; margin-right: 0; }
.comment-body figure.image.image-style-block-align-left { margin-left: 0; margin-right: auto; }
.comment-body figcaption { padding: 10px 0; font-size: 12px; text-align: center; background-color: #f2f2f2; }
.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, .comment-body li > ul, .comment-body li > ol { margin: 0; }
.comment-body ul { list-style-type: disc; }
.comment-body :not(pre) > 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; direction: ltr; }
.comment-body blockquote { border-left: 1px solid #ddd; color: #5c63a2; font-style: italic; padding: 0 15px; }
.comment-mark-as-solved { display: inline-block; }
.vote { display: flex; flex-direction: column; text-align: center; }
.vote a:active, .vote a:hover, .vote a:focus { text-decoration: none; }
.vote-sum { color: #5c63a2; display: block; margin: 3px 0; }
[dir=rtl] .vote-sum { direction: ltr; unicode-bidi: bidi-override; }
.vote-up svg { transform: scale(1, -1); }
.vote-up:hover, .vote-down:hover { color: rgba(60, 175, 214, 1); }
.vote-up, .vote-down { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border: none; color: #5c63a2; cursor: pointer; min-height: 35px; min-width: 35px; display: flex; align-items: center; justify-content: center; }
.vote-voted { color: rgba(60, 175, 214, 1); }
.vote-voted:hover { color: #1e728e; }
.actions { text-align: center; flex-shrink: 0; }
.actions button { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border: none; cursor: pointer; min-height: 35px; min-width: 35px; display: flex; align-items: center; justify-content: center; }
.community-hero { background-image: url(/hc/theming_assets/01K8C79PDB7D1NMJVWC6N84CQ6); margin-bottom: 10px; }
.community-footer { padding-top: 50px; text-align: center; }
.community-footer-title { font-size: 16px; margin-bottom: 20px; }
.community-featured-posts .title { font-size: 18px; font-weight: 600; }
.community-featured-posts, .community-activity { padding-top: 40px; width: 100%; }
.community-header { margin-bottom: 30px; }
.community-header .title { margin-bottom: 0; font-size: 16px; }
.post-to-community { margin-top: 10px; }
@media (min-width: 768px) { .post-to-community { margin: 0; } }
.topics { max-width: none; width: 100%; }
.topics-item .meta-group { justify-content: center; margin-top: 20px; }
.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; }
.community-follow { margin-bottom: 10px; width: 100%; }
@media (min-width: 768px) { .community-follow { margin-bottom: 0; width: auto; } }
.community-follow button { line-height: 30px; padding: 0 10px 0 15px; position: relative; width: 100%; }
@media (min-width: 768px) { .community-follow button { width: auto; } }
.community-follow button:hover { background-color: rgba(60, 175, 214, 1); }
.community-follow button:hover::after, .community-follow button:focus::after { border-color: rgba(55, 59, 97, 1); color: rgba(55, 59, 97, 1); }
.community-follow button[data-selected=true] { background-color: rgba(60, 175, 214, 1); color: rgba(55, 59, 97, 1); }
.community-follow button[data-selected=true]::after { border-left: 1px solid rgba(55, 59, 97, 1); color: rgba(55, 59, 97, 1); }
.community-follow button[data-selected=true]:hover { background-color: darken(rgba(60, 175, 214, 1), 20%); border-color: darken(rgba(60, 175, 214, 1), 20%); }
.community-follow button::after { border-left: 1px solid rgba(60, 175, 214, 1); content: attr(data-follower-count); color: rgba(60, 175, 214, 1); display: inline-block; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; margin-left: 15px; padding-left: 10px; position: absolute; right: 10px; }
@media (min-width: 768px) { .community-follow button::after { position: static; } }
[dir=rtl] .community-follow button::after { border-left: 0; border-right: 1px solid rgba(60, 175, 214, 1); margin: 0 10px 0 0; padding: 0 10px 0 0; }
.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: rgba(60, 175, 214, 1); 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: rgba(255, 255, 255, 1); }
.striped-list .meta-group { margin: 5px 0; }
.striped-list-count { color: #5c63a2; 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 { text-align: center; }
@media (min-width: 768px) { .striped-list-number { color: rgba(55, 59, 97, 1); display: block; } }
.status-label { background-color: #038153; border-radius: 4px; color: #fff; font-size: 12px; font-weight: 600; 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: rgba(60, 175, 214, 1); }
.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-not-planned, .status-label-closed { background-color: #e9ebed; color: #5c63a2; }
.status-label-pending, .status-label-pending-moderation { background-color: #1f73b7; text-align: center; }
.status-label-open { background-color: #c72a1c; }
.status-label-solved { background-color: #68737d; }
.status-label-new { background-color: #ffb648; color: #703b15; }
.status-label-hold { background-color: #000; }
.status-label-request { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 768px) { .status-label-request { max-width: 150px; } }
.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: 'Helvetica Neue', Arial, Helvetica, 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 { display: flow-root; }
.post-body a { color: rgba(60, 175, 214, 1); text-decoration: underline; }
.post-body a:hover, .post-body a:active, .post-body a:focus { color: rgba(55, 59, 97, 1); }
.post-body img { height: auto; max-width: 100%; }
.post-body p > img.image-style-align-left { float: left; margin: 8px 20px 6px 0; }
.post-body p > img.image-style-align-right { float: right; margin: 8px 0px 6px 20px; }
.post-body p > img.image-style-block-align-right { margin-left: auto; margin-right: 0; }
.post-body p > img.image-style-block-align-left { margin-left: 0; margin-right: auto; }
.post-body figure.image { display: table; margin: 0 auto; }
.post-body figure.image > img { display: block; width: 100%; }
.post-body figure.image.image-style-align-left { float: left; margin: 8px 20px 6px 0; }
.post-body figure.image.image-style-align-right { float: right; margin: 8px 0px 6px 20px; }
.post-body figure.image.image-style-block-align-right { margin-left: auto; margin-right: 0; }
.post-body figure.image.image-style-block-align-left { margin-left: 0; margin-right: auto; }
.post-body figcaption { padding: 10px 0; font-size: 12px; text-align: center; background-color: #f2f2f2; }
.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, .post-body li > ul, .post-body li > ol { margin: 0; }
.post-body ul { list-style-type: disc; }
.post-body :not(pre) > 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; direction: ltr; }
.post-body blockquote { border-left: 1px solid #ddd; color: #5c63a2; font-style: italic; padding: 0 15px; }
.post-footer { align-items: center; display: flex; justify-content: space-between; padding-bottom: 20px; }
.post-comment-count { color: #5c63a2; }
.post-comment-count:hover { text-decoration: none; }
.post-comment-count .icon-comments { color: rgba(60, 175, 214, 1); display: inline-block; width: 18px; height: 18px; margin: 5px; vertical-align: middle; }
.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-title { font-size: 18px; font-weight: 600; }
.post-comments { margin-bottom: 20px; }
@media (min-width: 1024px) { .post-comments { margin-bottom: 0; } }
.community-badge-title { background-color: #04444d; border-radius: 4px; color: #fff; font-size: 12px; font-weight: 600; padding: 0px 8px; vertical-align: top; white-space: nowrap; display: inline-block; line-height: 18px; vertical-align: middle; }
.community-badge-titles { display: inline; }
.community-badge-achievement { display: block; height: 16px; white-space: nowrap; width: 16px; }
.community-badge-achievement img { width: 100%; height: 100%; }
.community-badge-achievements { display: flex; }
.community-badge-achievements-rest { font-size: 12px; font-weight: 600; line-height: 20px; text-align: center; vertical-align: top; }
.community-badge { margin: 2px; }
.profile-info .community-badge-title { padding: 2px 8px; line-height: 20px; }
.profile-info .community-badge-achievement { height: 40px; width: 40px; }
.profile-info .community-badge-achievements-rest { line-height: 40px; font-size: 20px; }
.collapsible-nav { flex-direction: column; font-size: 14px; position: relative; }
@media (min-width: 768px) { .collapsible-nav { flex-direction: row; } }
.collapsible-nav-border { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; }
@media (min-width: 768px) { .collapsible-nav-border { border-top: 0; } }
.collapsible-nav-toggle { top: 22.5px; transform: translateY(-50%); position: absolute; right: 0; padding: 0; border: 0; background: none; width: 25px; height: 25px; border-radius: 50%; }
@media (min-width: 768px) { .collapsible-nav-toggle { display: none; } }
[dir=rtl] .collapsible-nav-toggle { left: 0; right: auto; }
.collapsible-nav-toggle-icon { display: none; }
.collapsible-nav-toggle[aria-expanded=false] .chevron-icon { display: inline-block; }
.collapsible-nav-toggle[aria-expanded=true] .x-icon { display: inline-block; }
.collapsible-nav-toggle:focus { outline: none; border: 1px solid rgba(60, 175, 214, 1); }
.collapsible-nav-list { display: flex; flex-direction: column; }
@media (min-width: 768px) { .collapsible-nav-list { flex-direction: row; } }
.collapsible-nav-list li { color: rgba(55, 59, 97, 1); 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: rgba(55, 59, 97, 1); display: block; }
@media (min-width: 768px) { .collapsible-nav-list li:hover { border-bottom: 4px solid #ddd; } .collapsible-nav-list li:hover a:not([aria-current=page]) { padding: 15px 0 11px 0; text-decoration: none; } }
.collapsible-nav-list li:not([aria-selected=true]), .collapsible-nav-list li:not(.current) { display: none; }
@media (min-width: 768px) { .collapsible-nav-list li:not([aria-selected=true]), .collapsible-nav-list li:not(.current) { display: block; } }
@media (min-width: 768px) { .collapsible-nav-list li[aria-selected=true] { padding: 15px 0 11px 0; } }
.collapsible-nav-list li[aria-selected=true], .collapsible-nav-list li.current { order: 0; position: relative; }
@media (min-width: 768px) { .collapsible-nav-list li[aria-selected=true], .collapsible-nav-list li.current { border-bottom: 4px solid rgba(60, 175, 214, 1); order: 1; } }
.collapsible-nav-list li[aria-selected=true] a, .collapsible-nav-list li.current a { color: rgba(55, 59, 97, 1); }
.collapsible-nav[aria-expanded=true] li:not([aria-selected=true]), .collapsible-nav[aria-expanded=true] li:not(.current) { display: block; }
.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-title { margin-top: 0; }
.collapsible-sidebar-toggle { position: absolute; top: 22.5px; transform: translateY(-50%); right: 0; padding: 0; border: 0; background: none; width: 25px; height: 25px; border-radius: 50%; }
@media (min-width: 1024px) { .collapsible-sidebar-toggle { display: none; } }
[dir=rtl] .collapsible-sidebar-toggle { left: 0; right: auto; }
.collapsible-sidebar-toggle-icon { display: none; }
.collapsible-sidebar-toggle[aria-expanded=false] .chevron-icon { display: inline-block; }
.collapsible-sidebar-toggle[aria-expanded=true] .x-icon { display: inline-block; }
.collapsible-sidebar-toggle:focus { outline: none; border: 1px solid rgba(60, 175, 214, 1); }
.collapsible-sidebar-body { display: none; }
@media (min-width: 1024px) { .collapsible-sidebar-body { display: block; } }
.collapsible-sidebar[aria-expanded=true] { max-height: none; }
.collapsible-sidebar[aria-expanded=true] .collapsible-sidebar-body { display: block; }
.my-activities-nav { background-color: #f2f2f2; margin-bottom: 20px; }
.my-activities-sub-nav { margin-bottom: 30px; }
.my-activities-table .striped-list-title { 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-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; } }
@media (min-width: 768px) { .requests-table-toolbar .organization-subscribe { margin-left: 10px; } [dir=rtl] .requests-table-toolbar .organization-subscribe { margin: 0 10px 0 0; } }
.requests-table-toolbar .organization-subscribe button { line-height: 40px; max-height: 40px; padding: 0 20px; }
.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; }
@media (min-width: 768px) { .subscriptions-subscribe button { width: auto; } }
.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 td:last-child { color: #5c63a2; font-size: 13px; }
@media (min-width: 768px) { .contributions-table td:last-child { color: inherit; font-size: inherit; font-weight: inherit; } }
.no-activities { color: #5c63a2; }
.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; color: #5c63a2; text-align: inherit; padding: 8px 25px; width: 100%; }
.request-main .comment-show-container.hidden { display: none; }
.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 rgba(60, 175, 214, 1); }
.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 rgba(60, 175, 214, 1); }
.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 h2 { font-size: 15px; font-weight: 600; position: relative; }
@media (min-width: 1024px) { .request-sidebar h2 { 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 { line-break: strict; color: #5c63a2; 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 { margin: 20px 0; text-align: center; }
.pagination-next, .pagination-prev, .pagination-first, .pagination-last { display: inline-block; }
.pagination-first-link, .pagination-last-link { padding: 0 10px; }
.pagination-first-text, .pagination-last-text { border: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; }
.pagination-next-link { padding-right: 10px; }
.pagination-next-text { margin-right: 10px; }
[dir=rtl] .pagination-next-link { padding-left: 10px; }
[dir=rtl] .pagination-next-text { margin-left: 10px; }
.pagination-prev-link { padding-left: 10px; }
.pagination-prev-text { margin-left: 10px; }
[dir=rtl] .pagination-prev-link { padding-right: 10px; }
[dir=rtl] .pagination-prev-text { margin-right: 10px; }
.meta-group { display: block; }
.meta-group-opposite { float: right; }
[dir=rtl] .meta-group-opposite { float: left; }
.meta-group * { display: inline; }
.meta-data { color: #5c63a2; font-size: 13px; }
.meta-data:not(:last-child)::after { content: "·"; margin: 0 5px; }
.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: 80px; height: 80px; }
.profile-avatar .icon-agent { bottom: 0; right: 0; }
.profile-header .basic-info { -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; word-break: break-word; word-wrap: 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; line-height: 25px; vertical-align: middle; display: inline; }
.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; } }
.user-profile-actions { width: 100%; margin-bottom: 15px; }
.profile-header .description { -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; word-break: break-word; word-wrap: 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: #5c63a2; 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 rgba(60, 175, 214, 1); border-radius: 4px; color: rgba(60, 175, 214, 1); padding: 5px 20px; font-size: 12px; text-align: center; }
.profile-private-badge .profile-private-icon { margin-left: 5px; line-height: 15px; }
@media (min-width: 768px) { .profile-private-badge { flex-basis: auto; } }
.profile-nav { background-color: #f2f2f2; 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: #5c63a2; 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-badges-items { margin-top: 25px; }
.profile-badges-item { border-top: 1px solid #ddd; display: flex; flex: 1; flex-direction: row; justify-content: flex-start; padding: 27px 12px; }
.profile-badges-item > div { padding-right: 12px; padding-left: 12px; }
.profile-badges-item-image { height: 40px; width: 40px; margin-right: 12px; }
.profile-badges-item-image img { max-height: 40px; }
[dir=rtl] .profile-badges-item-image { margin-left: 12px; margin-right: 0; }
.profile-badges-item-title, .profile-badges-item-metadata-title { font-size: 15px; margin-bottom: 10px; }
.profile-badges-item-title { font-weight: 600; }
.profile-badges-item-description, .profile-badges-item-metadata-description { color: #5c63a2; font-size: 13px; margin: 0; }
.profile-badges-item-metadata { margin-left: auto; text-align: right; }
[dir=rtl] .profile-badges-item-metadata { margin-left: 0; margin-right: auto; text-align: left; }
.profile-contribution { -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; word-break: break-word; word-wrap: 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-icon { left: 0; position: absolute; color: #ccc; line-height: 25px; }
[dir=rtl] .profile-contribution-icon { right: 0; }
.profile-contribution-icon svg { vertical-align: middle; }
.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; }
.private-activity-icon { margin-right: 10px; }
[dir=rtl] .private-activity-icon { 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; word-wrap: 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-icon { position: absolute; left: 0; width: 28px; height: 28px; border-radius: 50%; background-size: 14px 14px; background-repeat: no-repeat; background-color: rgba(255, 255, 255, 1); background-position: 50% 50%; text-align: center; color: #ccc; }
[dir=rtl] .profile-activity-icon { right: 0; }
@media (min-width: 768px) { .profile-activity-icon { left: -14px; } [dir=rtl] .profile-activity-icon { right: -14px; } }
.profile-activity-icon svg { position: relative; top: 50%; transform: translateY(-50%); width: 1em; height: 1em; margin: auto; }
.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 75%; } }
.search-results-sidebar { border-top: 1px solid #ddd; flex: 1 0 auto; margin-bottom: 20px; padding: 0; }
@media (min-width: 1024px) { .search-results-sidebar { border: 0; flex: 0 0 20%; height: auto; } }
.search-results-sidebar .sidenav-item { border-radius: 4px; padding: 10px 36px; margin-bottom: 4px; color: rgba(55, 59, 97, 1); }
.search-results-sidebar .sidenav-item:hover, .search-results-sidebar .sidenav-item.current { background-color: #e9ebed; text-decoration: none; }
.search-results-sidebar .sidenav-subitem { unicode-bidi: embed; }
.search-results-sidebar .sidenav-tag { display: flex; flex-direction: row; align-items: flex-start; flex-grow: 0; }
.search-results-sidebar .sidenav-tag .content-tag { background: #E9EBED; border-radius: 4px; padding: 4px 12px; text-decoration: none; }
.search-results-sidebar .sidenav-tag .content-tag .label { font-style: normal; font-weight: 600; font-size: 12px; line-height: 24px; text-align: center; letter-spacing: -0.000427656px; color: #49545C; flex-grow: 0; vertical-align: middle; display: inline-block; }
.search-results-sidebar .sidenav-tag .content-tag .close-icon { color: #555555; vertical-align: middle; display: inline-block; }
.search-results-sidebar .collapsible-sidebar { margin-bottom: 30px; }
.search-results-sidebar .collapsible-sidebar[aria-expanded=false] .multibrand-filter-list { display: none; }
@media (min-width: 1024px) { .search-results-sidebar .collapsible-sidebar[aria-expanded=false] .multibrand-filter-list { display: block; } }
.search-results-sidebar .multibrand-filter-list--collapsed li:nth-child(1n+6) { display: none; }
.search-results-sidebar .multibrand-filter-list .doc-count { color: #666; }
.search-results-sidebar .see-all-filters { background: none; border: none; cursor: pointer; display: block; padding: 10px; color: rgba(60, 175, 214, 1); }
.search-results-sidebar .see-all-filters[aria-hidden=true] { display: none; }
.search-results-sidebar .see-all-filters:hover { text-decoration: underline; }
.search-results-sidebar .see-all-filters::after { content: " ⌄"; font-weight: bold; }
.search-results-subheading { font-size: 18px; font-weight: 600; }
.search-results-list { margin-bottom: 25px; }
.search-results-list > li { padding: 20px 0; }
.search-results-list > li:first-child { border-top: 1px solid #ddd; }
.search-results .no-results { display: flex; flex-direction: column; align-items: center; padding-top: 4rem; }
.search-results .no-results .headline { color: #2F3941; font-weight: 400; font-size: 18px; line-height: 24px; letter-spacing: -0.45px; }
.search-results .no-results .action-prompt { color: #68737D; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: -0.154px; }
.search-results .no-results .action-prompt a { color: rgba(60, 175, 214, 1); }
.search-result-title-container { display: flex; justify-content: space-between; align-items: center; }
.search-result-title { font-size: 16px; margin-bottom: 0; }
.search-result-votes, .search-result-meta-count { color: #5c63a2; font-size: 13px; }
.search-result-votes-icon, .search-result-meta-count-icon { color: rgba(60, 175, 214, 1); vertical-align: middle; width: 13px; height: 13px; }
[dir=ltr] .search-result-votes, [dir=ltr] .search-result-meta-count { margin-left: 20px; }
[dir=rtl] .search-result-votes, [dir=rtl] .search-result-meta-count { margin-right: 20px; }
.search-result-meta-container { color: #666; display: none; flex-direction: column; }
@media (min-width: 1024px) { .search-result-meta-container { flex-direction: row; align-items: center; } }
@media (min-width: 1024px) { .search-result-meta-container nav { flex: 1; } }
@media (min-width: 1024px) { [dir=ltr] .search-result-meta-container .meta-data { margin-left: 20px; } }
@media (min-width: 1024px) { [dir=rtl] .search-result-meta-container .meta-data { margin-right: 20px; } }
.search-result-meta-container .meta-data::after { content: none; }
.search-result-breadcrumbs { margin: 0; }
.search-result-description { margin-top: 10px; margin-bottom: 0; word-break: break-word; }
.search-results-description em { font-style: normal; font-weight: bold; }
html[lang|=zh] .search-results-description em { font-style: normal; background: yellow; }
.notification { border: 1px solid; display: table; font-family: sans-serif; font-size: 12px; padding: 13px 15px; transition: height 0.2s; width: 100%; color: #555; }
.notification a { color: #158ec2; }
.notification-inner { margin: 0 auto; padding: 0 20px; max-width: 980px; }
.notification-icon, .notification-inline.notification-error::before, .notification-text, .notification-dismiss { display: table-cell; vertical-align: middle; }
.notification-text { padding: 0 15px; width: 100%; }
.notification + .notification { margin-bottom: -1px; position: relative; top: -1px; }
.notification-error { background: #ffeded; border-color: #f7cbcb; }
.notification-error .notification-icon::before, .notification-error .notification-inline.notification-error::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23555555'/%3E%3C/svg%3E"); }
.notification-notice { background: #dbf3ff; border-color: #b5e0f5; }
.notification-notice .notification-icon::before, .notification-notice .notification-inline.notification-error::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.5 6l2 2L9 4.5'/%3E%3Ccircle cx='6' cy='6' r='5.5'/%3E%3C/g%3E%3C/svg%3E"); }
.notification-alert { color: #ad5e18; background: #fff8ed; border-color: #fcdba9; }
.notification-alert .notification-icon::before, .notification-alert .notification-inline.notification-error::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23ad5e18' stroke-linecap='round' d='M5.06 1.27l-4.5 8.5c-.18.33.06.73.44.73h9c.38 0 .62-.4.44-.73l-4.5-8.5a.494.494 0 00-.88 0zM5.5 4v2'/%3E%3Ccircle cx='5.5' cy='8' r='.8' fill='%23ad5e18'/%3E%3C/svg%3E"); }
.notification-icon::before, .notification-inline.notification-error::before { background-size: cover; content: ""; display: inline-block; height: 14px; width: 14px; vertical-align: middle; }
.notification-dismiss, a.notification-dismiss { color: #555; cursor: pointer; opacity: 0.6; transition: opacity 100ms ease; text-decoration: none !important; }
.notification-dismiss:hover { opacity: 1; }
.notification-inline { border-radius: 4px; line-height: 14px; margin-top: 5px; padding: 5px; position: relative; text-align: left; vertical-align: middle; }
[dir=rtl] .notification-inline { text-align: right; }
.notification-inline[aria-hidden=true] { display: none; }
.notification-inline.notification-error::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23e35b66'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23e35b66'/%3E%3C/svg%3E"); margin: -2px 5px 0 0; }
[dir=rtl] .notification-inline.notification-error::before { margin: 0 0 0 5px; }
.notification-inline.notification-error { background-color: #fff0f1; border: 1px solid #e35b66; color: #cc3340; }
.notification-inline.notification-large { padding: 13px 15px; margin-bottom: 25px; }
.notification-left-aligned { text-align: left; padding-left: 0; }
html[dir=rtl] .notification-left-aligned { text-align: right; padding-left: auto; padding-right: 0; }
.dropdown { position: relative; display: inline-block; }
.dropdown-toggle { cursor: pointer; background: none; border: 0; display: inline-block; padding: 0; text-align: initial; vertical-align: middle; }
.dropdown-toggle:hover { text-decoration: none; }
.dropdown-toggle > * { display: inline-block; }
.dropdown-toggle[aria-expanded=true] + .dropdown-menu { display: block; }
.dropdown-menu { background: #fff; border: 1px solid #d8dcde; border-radius: 3px; box-shadow: 0px 20px 30px 0px rgba(23, 73, 77, 0.15); display: none; font-size: 14px; font-style: normal; font-weight: normal; left: 0; margin-top: 1px; min-width: 170px; padding: 10px 0; position: absolute; text-align: left; z-index: 1000; }
[dir=rtl] .dropdown-menu { text-align: right; }
.dropdown-menu [role=separator] { border-bottom: 1px solid #e9ebed; margin: 4px 0; }
.dropdown-menu [role=menuitem], .dropdown-menu [role=menuitemradio] { color: #2f3941; cursor: pointer; display: block; padding: 7px 40px 7px 20px; white-space: nowrap; background-color: transparent; border: 0; -webkit-appearance: none; text-align: start; line-height: inherit; width: 100%; }
[dir=rtl] .dropdown-menu [role=menuitem], [dir=rtl] .dropdown-menu [role=menuitemradio] { padding: 7px 20px 7px 40px; }
.dropdown-menu [role=menuitem]:hover, .dropdown-menu [role=menuitem]:focus, .dropdown-menu [role=menuitemradio]:hover, .dropdown-menu [role=menuitemradio]:focus { background: rgba(31, 115, 183, 0.08); text-decoration: none; color: #2f3941; }
.dropdown-menu [role=menuitem][aria-selected=true], .dropdown-menu [role=menuitem][aria-checked=true], .dropdown-menu [role=menuitemradio][aria-selected=true], .dropdown-menu [role=menuitemradio][aria-checked=true] { cursor: default; }
.dropdown-menu [role=menuitem][aria-selected=true]::after, .dropdown-menu [role=menuitem][aria-checked=true]::after, .dropdown-menu [role=menuitemradio][aria-selected=true]::after, .dropdown-menu [role=menuitemradio][aria-checked=true]::after { content: ""; background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 7l3 3 7-7'%3E%3C/path%3E%3C/svg%3E"); display: inline-block; height: 12px; margin-left: 10px; width: 12px; }
[dir=rtl] .dropdown-menu [role=menuitem][aria-selected=true]::after, [dir=rtl] .dropdown-menu [role=menuitem][aria-checked=true]::after, [dir=rtl] .dropdown-menu [role=menuitemradio][aria-selected=true]::after, [dir=rtl] .dropdown-menu [role=menuitemradio][aria-checked=true]::after { margin-left: 0; margin-right: 10px; float: left; }
.dropdown-menu [role=menuitem][hidden], .dropdown-menu [role=menuitem][aria-hidden=true], .dropdown-menu [role=menuitemradio][hidden], .dropdown-menu [role=menuitemradio][aria-hidden=true] { display: none !important; }
.dropdown-menu-end { left: auto; right: 0; }
.dropdown-menu-top { bottom: 100%; margin-bottom: 1px; }
[dir=rtl] .dropdown-menu { left: auto; right: 0; text-align: right; }
[dir=rtl] .dropdown-menu-end { left: 0; right: auto; }
.dropdown-chevron-icon { vertical-align: middle; }
.content-tags > p { color: #68737D; margin-top: 32px; margin-bottom: 4px; }
.content-tags-add-hint { color: #68737D; font-size: 14px; }
.content-tag-list { display: flex; flex-wrap: wrap; word-break: break-word; }
.content-tag-list li { border-right: 1px solid #C2C8CC; margin-bottom: 4px; }
[dir=ltr] .content-tag-list li { padding-right: 8px; margin-right: 8px; }
[dir=rtl] .content-tag-list li { padding-left: 8px; margin-left: 8px; }
.content-tag-list li:last-child { border: none; }
#hc-wysiwyg { border: 1px solid #87929D; }
.upload-dropzone { border: 1px solid #87929D; }
zd-summary-block { background: #f3f6f6; }
[dir=ltr] zd-summary-block { border-left-color: #859fa1; }
[dir=rtl] zd-summary-block { border-right-color: #859fa1; }
.service-catalog-description { display: flow-root; }
.service-catalog-description a { color: rgba(60, 175, 214, 1); text-decoration: underline; }
.service-catalog-description a:hover, .service-catalog-description a:active, .service-catalog-description a:focus { color: rgba(55, 59, 97, 1); }
.service-catalog-description img { height: auto; max-width: 100%; }
.service-catalog-description p > img.image-style-align-left { float: left; margin: 8px 20px 6px 0; }
.service-catalog-description p > img.image-style-align-right { float: right; margin: 8px 0px 6px 20px; }
.service-catalog-description p > img.image-style-block-align-right { margin-left: auto; margin-right: 0; }
.service-catalog-description p > img.image-style-block-align-left { margin-left: 0; margin-right: auto; }
.service-catalog-description figure.image { display: table; margin: 0 auto; }
.service-catalog-description figure.image > img { display: block; width: 100%; }
.service-catalog-description figure.image.image-style-align-left { float: left; margin: 8px 20px 6px 0; }
.service-catalog-description figure.image.image-style-align-right { float: right; margin: 8px 0px 6px 20px; }
.service-catalog-description figure.image.image-style-block-align-right { margin-left: auto; margin-right: 0; }
.service-catalog-description figure.image.image-style-block-align-left { margin-left: 0; margin-right: auto; }
.service-catalog-description figcaption { padding: 10px 0; font-size: 12px; text-align: center; background-color: #f2f2f2; }
.service-catalog-description ul, .service-catalog-description ol { padding-left: 20px; list-style-position: outside; margin: 20px 0 20px 20px; }
[dir=rtl] .service-catalog-description ul, [dir=rtl] .service-catalog-description ol { padding-right: 20px; padding-left: 0; margin-left: 0; margin-right: 20px; }
.service-catalog-description ul > ul, .service-catalog-description ol > ol, .service-catalog-description ol > ul, .service-catalog-description ul > ol, .service-catalog-description li > ul, .service-catalog-description li > ol { margin: 0; }
.service-catalog-description ul { list-style-type: disc; }
.service-catalog-description :not(pre) > code { background: #f7f7f7; border: 1px solid #ddd; border-radius: 3px; padding: 0 5px; margin: 0 2px; }
.service-catalog-description pre { background: #f7f7f7; border: 1px solid #ddd; border-radius: 3px; padding: 10px 15px; overflow: auto; white-space: pre; direction: ltr; }
.service-catalog-description blockquote { border-left: 1px solid #ddd; color: #5c63a2; font-style: italic; padding: 0 15px; }
/* =======================================================================
   CUSTOM THEME ADDITIONS (NorthstarMLS Resource Center)
   Everything above this line is the stock Zendesk Copenhagen theme CSS
   (with small inline tweaks). Everything below is custom, added on top:
     - Category tab bar / search styling
     - Homepage recent-activity & promoted-article cards
     - Footer (#colophon)
     - Subcategory cards (.subcat-card, category landing pages)
     - Article cards (.article-card family - see consolidated block below)
     - Related-articles widget (#zendesk-related-articles, JS-built)
     - Social share icons (.article-share)
   ======================================================================= */
.section.knowledge-base .categories.blocks .blocks-list { display: flex; align-items: center; gap: 48px; flex-wrap: nowrap; white-space: nowrap; list-style: none; padding: 0; margin: 0 0 20px; }
section.search-section{ position: relative; width: 62%; margin: auto; }
.section.knowledge-base .blocks-item { margin: 0; }
.section.knowledge-base .blocks-item-link { display: inline-flex; align-items: center; gap: 8px; padding: 12px 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; text-decoration: none; color: #3d425c; position: relative; }
.section.knowledge-base .blocks-item-link:hover { color: #283354;font-weight:bold; }
.section.knowledge-base .blocks-item-title { font-size: 18px; }
.section.knowledge-base .blocks-item-description { display: none !important; }
.section.knowledge-base .blocks-item-link.is-active { color: #2b6aa3; }
.section.knowledge-base .blocks-item-link.is-active::after { content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 3px; background: #2b6aa3; border-radius: 2px; }
.section.knowledge-base .categories.blocks .blocks-list::-webkit-scrollbar { height: 6px; }
.section.knowledge-base .categories.blocks .blocks-list::-webkit-scrollbar-thumb { background: rgba(0,0,0,.12); border-radius: 3px; }
.search, .search-container { position: relative; margin: 12px 0 8px; }
.search input[type="search"] { height: 48px; width: 100%; border-radius: 24px; border: 1px solid #e9edf3; box-shadow: 0 10px 24px rgba(31,38,135,.08); padding: 0 116px 0 44px; font-size: 16px; }
.search input::placeholder { color: #9aa3b2; }
.search button[type="submit"] { position: absolute; right: 8px; top: 8px; height: 32px; padding: 0 14px; border: 0; border-radius: 16px; background: #2f3a67; color: #fff; font-weight: 600; }
.blocks-item-link { display: flex; align-items: center; justify-content: center; gap: 6px; }
.blocks-item-link .blocks-item-title { display: inline-flex; align-items: center; gap: 6px; }
.blocks-item-link .blocks-item-title::after { content: ''; display: inline-block; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; }
.blocks-item-link[data-name="Product Education"] .blocks-item-title::after { background-image: url("/hc/theming_assets/01M0FRGC394MAXQ946XZRD03JN"); }
.blocks-item-link[data-name="Webinars"] .blocks-item-title::after { background-image: url("/hc/theming_assets/01M0FRGE4V14DZDVYJ0CC6EC6B"); }
.blocks-item-link[data-name="Rules & Regulations"] .blocks-item-title::after { background-image: url("/hc/theming_assets/01M0FRGDFKNBY2JV1MM5D6AHTP"); }
.blocks-item-link[data-name="Forms"] .blocks-item-title::after { background-image: url("/hc/theming_assets/01M0FRG7ZAWVRV5KD13086JQRC"); }
.blocks-item-link[data-name="Internal Resources"] .blocks-item-title::after { background-image: url("/hc/theming_assets/01M0FRGAQAXPQBESPGPSV11C2X"); }
.section.home-section.activity .recent-activity-list, .promoted-articles-list { display: grid !important; grid-template-columns: repeat(3, minmax(260px, 1fr)); gap: 40px; margin-top: 16px; }
@media (max-width: 1100px) { .section.home-section.activity .recent-activity-list,.promoted-articles-list { grid-template-columns: repeat(2, minmax(260px, 1fr)); } }
@media (max-width: 700px) { .section.home-section.activity .recent-activity-list, .promoted-articles-list { grid-template-columns: 1fr; gap: 24px; } }
.section.home-section.activity .recent-activity-item, .promoted-articles-item { background: #fff; border-radius: 28px; box-shadow: 0 24px 48px rgba(31,38,135,.08); padding: 32px 32px 96px; position: relative; display: flex; flex-direction: column; transition: box-shadow .2s ease, transform .2s ease; }
.section.home-section.activity .recent-activity-item:hover, .promoted-articles-item:hover { box-shadow: 0 30px 64px rgba(31,38,135,.12); transform: translateY(-2px); }
.section.home-section.activity .recent-activity-item .recent-activity-item-meta { display: none !important; }
.section.home-section.activity .recent-activity-item > h3 { display: none !important; }
.section.home-section.activity .recent-activity-item .recent-activity-item-link, .promoted-articles-item a { display: block; font-weight: 800; font-size: 23px; line-height: 1.25; color: #2b2f55; text-decoration: none; margin-bottom: 12px; }
.section.home-section.activity .recent-activity-item .recent-activity-item-link:hover, .promoted-articles-item a:hover { color: #242a4a;background:none; }
.section.home-section.activity .recent-activity-item .recent-activity-item-link::after, .promoted-articles-item a::after { content: ""; display: block; height: 2px; background: #e9edf3; margin: 14px 0 8px; border-radius: 1px; }
p{ font-family: "Open Sans", sans-serif; }
.section.home-section.activity .ra-excerpt {
  color: #5b617a;
  font-size: 15px;
  line-height: 1.6;
  margin: 10px 0 0;
  flex: 1 1 auto;
  font-family: "Open Sans", sans-serif;
}
.section.home-section.activity .ra-excerpt.ra-loading { opacity: .55; }
.section.home-section.activity .ra-cta {
  background: #2f3a67;
  color: #fff;
  padding: 10px 18px;
  border-radius: 10px;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
  align-self: flex-start; /* stops the button stretching full-width as a flex child */
}
.subcat-card__cta {
  position: absolute;
  left: 28px;
  bottom: 78px;
  background: #2f3a67;
  color: #fff;
  padding: 10px 18px;
  border-radius: 10px;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.banner-btn { background: #2f3a67; color: #fff; padding: 10px 18px; border-radius: 10px; text-decoration: none; display: inline-flex; align-items: center; gap: 10px; }
.recent-activity-controls a{ background: #2f3a67; color: #fff; padding: 10px 18px; border-radius: 10px; font-weight: 700; text-decoration: none; display: inline-flex; align-items: center; gap: 10px; }
.recent-activity-controls{ text-align:center; }
.section.home-section.activity .ra-cta:hover,.recent-activity-controls a:hover{ background: #3cafd6; }
.section.home-section.activity .ra-cta .arrow , .article-card__cta .arrow{ transition: transform .2s ease; color: #fce585; font-size: large; }
.section.home-section.activity .ra-cta:hover .arrow { transform: translateX(3px); }
.section.home-section.activity .recent-activity-item::after {
  content: attr(data-parent);
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 64px;
  background: #f6e07d;
  display: flex;
  align-items: center;
  padding: 0 28px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: .03em;
  color: #2c2f4f;
  border-bottom-left-radius: 28px;
  border-bottom-right-radius: 28px;
  font-family:"NeoSansProMedium";
}
.section.home-section.activity .recent-activity-item[data-parent="Webinar" i]::after,
.section.home-section.activity .recent-activity-item[data-parent*="Webinars" i]::after,
.article-card__footer[data-category="Webinars"],.article-card__bar { background: #3cafd6; color: #ffffff; }
.section.home-section.activity .recent-activity-item[data-parent*="Forms" i]::after,
.article-card__footer[data-category*="Forms"] { background: #f0fbff; color: #373b61; }
.section.home-section.activity .recent-activity-item[data-parent*="Rules" i]::after,
.article-card__footer[data-category*="Rules"] { background: #FCE585; color: #2c2f4f; }
.section.home-section.activity .recent-activity-item[data-parent*="Product" i]::after,
.article-card__footer[data-category="Product Education"] { background: #2f3a67; color: #fff; }
#colophon{ background:url(/hc/theming_assets/01KY6QS0T1J00M2VXMAVGXDEGP); color: var(--body); }
#colophon > div:first-of-type{ max-width: 1100px; margin: 0 auto; padding: 80px 20px 24px; text-align: center; }
#colophon h2{ color: rgb(55 59 97 / var(--tw-text-opacity)) !important; font-size: 2rem; line-height: 1.2; margin: 0 0 16px; font-weight: 800; --tw-text-opacity: 1 !important; }
#colophon p{ max-width: 950px; margin: 0 auto 48px; color: var(--body); font-size: 1rem; }
#colophon a{ color: var(--accent); text-decoration: none; }
#colophon a:hover{ text-decoration: underline; }
#colophon nav{ display: grid; grid-template-columns: repeat(3, minmax(180px, 260px)); justify-content: center; gap: 80px; padding: 16px 0 48px; }
#colophon nav h3{ color: rgb(55 59 97 / var(--tw-text-opacity)) !important; font-size: 1.375rem; margin: 0 0 8px; font-weight: 700; position: relative; padding-bottom: 10px; text-underline-offset: 16px !important; text-decoration-color: #3cafd6 !important; text-decoration-line: underline !important; --tw-text-opacity: 1 !important; }
#colophon nav h3::after{ content: ""; display: block; width: 60px; height: 3px; background: var(--accent); border-radius: 2px; margin-top: 6px; }
#colophon nav ul{ list-style: none; padding: 0; margin: 0; }
#colophon nav li{ margin: 14px 0; }
#colophon nav li a{ color: rgb(55, 59, 97); }
#colophon nav li a:hover{ color: var(--accent); }
#colophon hr{ max-width: 1200px; margin: 0 auto; border: 0; border-top: 1px solid #dedede; }
#colophon > div:nth-of-type(2){ max-width: 1100px; margin: 0 auto; padding: 40px 20px 16px; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 20px; }
#colophon > div:nth-of-type(2) > div:first-child{ height: 60px; background: url('https://northstarmls.zendesk.com/hc/theming_assets/01JZK9E8N3JKF72H6P45Q3ZWSV') no-repeat left center / contain; }
#colophon > div:nth-of-type(2) > div:last-child{ text-align: right; }
#colophon > div:nth-of-type(2) ul{ list-style: none; margin: 0; padding: 0; }
#colophon > div:nth-of-type(2) li{ margin: 6px 0; }
#colophon > div:nth-of-type(2) li:nth-child(3) ul{ display: inline-flex; gap: 18px; margin-top: 12px; }
#colophon > div:nth-of-type(2) li:nth-child(3) img{ height: 20px; width: 20px; filter: none; }
#colophon > div:nth-of-type(2) li:nth-child(3) a:hover img{ filter: none; }
#colophon > div:nth-of-type(3){ text-align: center; color: var(--body); font-size: .875rem; padding: 0 20px 48px; }
@media (max-width: 960px){
  #colophon nav{ grid-template-columns: 1fr; gap: 28px; }
  #colophon nav > div{ text-align: center; }
  #colophon > div:nth-of-type(2){ grid-template-columns: 1fr; text-align: center; }
  #colophon > div:nth-of-type(2) > div:last-child{ text-align: center; }
  #colophon > div:nth-of-type(2) > div:first-child{ justify-self: center; width: 260px; }
}
.subcat-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:28px; margin-top:24px; align-items: stretch; }
.subcat-card{ background:#fff; border-radius:22px; box-shadow:0 12px 30px rgba(18,35,64,.08); display:flex; flex-direction:column; overflow:hidden; min-height:400px; position: relative; }
.subcat-card__header{ padding:22px 22px 8px; }
.subcat-card__title{ margin:0; font-size:1.4rem; line-height:1.25; }
.subcat-card__title a{ color:#2f3e64; text-decoration:none; }
.subcat-card__title a:hover{ color:#1d78b6; }
.subcat-card__list{ list-style:none; margin:8px 22px 0; padding:0; }
.subcat-card__item{ margin:10px 0; }
.subcat-card__item a{ color:#2f3e64; text-decoration:none; }
.subcat-card__item a:hover{ color:#1d78b6; text-decoration:underline; }
.subcat-card__list li:nth-child(n+5){ display:none; }
.subcat-card__empty{ margin:0 22px 12px; color:#6b778c; }
.subcat-card__footer{ margin-top:auto; background:#f0d86a; padding:16px 22px; border-bottom-left-radius:22px; border-bottom-right-radius:22px; display:flex; justify-content:flex-start; align-items:center; }
.subcat-card__cta{ background:#2f3e64; color:#fff; padding:10px 16px; border-radius:10px; text-decoration:none; font-weight:700; font-size:.95rem; bottom: 40px !important; }
.subcat-card__cta:hover{ background:#1d2642; }
@media (max-width:640px){ .subcat-card__title{ font-size:1.2rem; } .subcat-card__footer{ padding:14px 18px; } }
.article-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:28px; margin-top:24px; align-items: stretch; }
/* ---------------------------------------------------------------------
   .article-card family
   Used in TWO places that happen to share the same class names:
     1) Category/section "browse articles" grid   -> .article-grid .article-card
     2) Related-articles widget (JS-built)         -> #zendesk-related-articles .article-card
   This used to be defined 3 separate times in this file (each one silently
   overriding the last). Consolidated here into ONE block so there's a single
   source of truth.
   FIX (see chat): the card now stretches to fill its grid row (height:100%),
   the body/snippet/actions area is a flex column so the CTA button and the
   colored footer bar never overlap long excerpt text, and the button no
   longer relies on absolute positioning + a fixed bottom offset.
   NOTE: because both card types share these class names, any future edit
   here affects BOTH the category grid and the related-articles cards. If
   you ever want them to look different, scope the selectors (e.g.
   ".article-grid .article-card" vs "#zendesk-related-articles .article-card")
   instead of adding another bare ".article-card" rule.
   --------------------------------------------------------------------- */
.article-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 24px;
  align-items: stretch; /* rows of cards match the tallest card in the row */
}
.article-card {
  position: relative;
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .08);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-height: 300px;
  height: 100%; /* fill the grid cell so align-items: stretch works */
}
#zendesk-related-articles .article-card {
  padding-bottom: 64px; /* reserves room for .article-card__label, which is
                            position:absolute; bottom:0; height:64px in this
                            widget - without this the read button sits
                            underneath/behind it. Scoped to related-articles
                            only, since the category-grid .article-card may
                            use .article-card__footer instead (normal flow,
                            no absolute positioning, needs no extra padding). */
}
.article-card__header::after{
  content: "";
    display: block;
    height: 2px;
    background: #e9edf3;
    margin: 14px 0 8px;
    border-radius: 1px;
}
#zendesk-related-articles .article-card {
  min-height: 375px; /* related-articles cards need more room for label + CTA */
}
.article-card__header {
  padding: 22px 22px 10px;
}
.article-card__title {
  margin: 10px 0;
  font-size: 22px;
  line-height: 1.25;
  color: #373b61;
  display: flex;
  align-items: center;
  gap: 8px;
}
.article-card__body {
  flex: 1 1 auto;
  padding: 0 22px;
  display: flex;
  flex-direction: column;
}
.article-card__cta {
  display: inline-block;
  background: #373b61;
  color: #fff;
  padding: 12px 20px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 700;
  font-size: .95rem;
}
.article-card__cta:hover{
  background-color: #3cafd6;
}
.article-card__actions {
  padding: 10px 22px;
  margin-top: 15px; 
  align-self: flex-start; /* stops the button stretching full-width as a flex child */
}
.article-card__label {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 64px;
  display: flex;
  align-items: center;
  padding: 0 28px;
  font-weight: 600;
  text-transform: uppercase;
  background: #f6e07d; /* fallback/default color */
  color: #2c2f4f;
}
/* .article-card__snippet, .article-card__cta:hover, .article-card__footer
   (+ .Product/.Webinars variants) and .article-card__tag are already defined
   once, further down, in the "Category-page / section-page article cards"
   section - intentionally left there, not duplicated here. */



.article-card__title a{ color:#2f3e64; text-decoration:none; }
.article-card__title a:hover{ color:#1d78b6; background:none; }

.article-card__snippet {
  margin: 0;
  color: #5e6b7e;
  flex: 1 1 auto;
}

.article-card__footer,.article-card__bar{ margin-top:auto; background:#f0d86a; padding:18px 30px; border-bottom-left-radius:22px; border-bottom-right-radius:22px; text-transform: uppercase; font-size: 16px; font-weight:600; color: #2c2f4f; font-family: "NeoSansProMedium"; }
.article-card__footer.Product, .article-card[data-parent="Product Education"] .article-card__label{ background: #373b61; color: #fff; }
.article-card__footer.Product, .article-card[data-parent="Zendesk General Support"] .article-card__label{ background: #373b61; color: #fff; }
.article-card__footer.Webinars, .article-card[data-parent="Webinars"] .article-card__label{ background: #3cafd6; color: #ffffff; }
.article-card__footer.Forms, .article-card[data-parent="Forms"] .article-card__label{ background:#f0fbff;color:#373b61; }
.article-card__footer.Rules, .article-card[data-parent*="Rules"] .article-card__label{ background:#FCE585;color:#373B61; }

.article-card__tag{ opacity:.85; }
@media (max-width:640px){ .article-card__title{ font-size:1.2rem; } .article-card__cta{ font-size:.9rem; } }
.section.home-section.activity .recent-activity-item[data-parent="Zendesk General Support"]::after,
section[data-section-name="Zendesk General Support"] .article-card__bar { background:#FCE585; }
.section.home-section.activity .recent-activity-item[data-parent="Subcategory 1"]::after,
section[data-section-name="Subcategory 1"] .article-card__bar { background:#3CAFD6; }
.section.home-section.activity .recent-activity-item[data-parent="Subcategory 2"]::after,
section[data-section-name="Subcategory 2"] .article-card__bar { background:#F0FBFF; color: #373B61; }
.section.home-section.activity .recent-activity-item[data-parent="Subcategory 3"]::after,
section[data-section-name="Subcategory 3"] .article-card__bar { background:#FCE585; color:#373B61; }

@media(max-width: 900px) {
  .article-cards { grid-template-columns: 1fr; }
  .breadcrumbs{ display:none; }
}
.section-subscribe{ display: none; }
.blocks-select-wrapper { display: none; margin: auto; text-align: center; color: #3d425c; }
@media (max-width: 640px) {
  .blocks-list { display: none !important; }
  .blocks-select-wrapper { display: block; }
}
.blocks-select {
  appearance: none; -webkit-appearance: none; -moz-appearance: none;
  padding: 10px 32px 10px 10px; border-radius: 4px; border: 1px solid #ccc; background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%23333' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 10px center; background-size: 12px 8px;
  width: 100%; font-size: inherit; line-height: normal;
}

.footer a:hover{
  text-decoration:none !important;
  color: #373b61 !important;
}

.load-more-btn,.recent-activity-controls a{
  margin-top:25px;
}
.top-bar {
  border-bottom: 1px solid #ddd;
  background: #fff;
}
.top-bar-inner {
  margin: 0 auto;
  padding: 8px 5%;
  text-align: right;
}
@media (min-width: 1160px) {
  .top-bar-inner {
    padding: 8px 0;
    width: 90%;
  }
}
.top-bar .sign-in {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #373b61;
  text-decoration: none;
}
.top-bar .sign-in:hover {
  text-decoration: underline;
}


section.related-articles  .article-cards{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(260px, 1fr));
  gap: 40px;
  margin-top: 16px;
}


/*menu updates*/
.user-nav-list li {
  position: relative;
}

.user-nav-list .sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 220px;
  background: #fff;
  list-style: none;
  padding: 20px 0 20px 20px;
  margin: 0;
  z-index: 100;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  border-bottom-right-radius: 1.5rem !important;
  border-bottom-left-radius: 1.5rem !important;
  margin-left:-40px;
}
ul.sub-menu>li {
    color: #373b61;
    width: 300px;
    display: block;
    position: relative;
    background-color: #fff;
    white-space: nowrap;
}


.user-nav-list .sub-menu a {
  display: block;
  padding: 20px 0 20px 20px;
  text-decoration: none;    /* remove underline */
}

ul.sub-menu>li a:hover {
    background-color: #f0fbff;
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
    color: #373b61;
}

.user-nav-list .menu-item-has-children:hover .sub-menu,
.user-nav-list .menu-item-has-children:focus-within .sub-menu {
  display: block;
}