@charset "UTF-8";
/***** Base  *****/
@font-face {
  font-family: "PTRootUI";
  src: url("/hc/theming_assets/01KGJZS7QCDKYN7WG5Q47WVX1K");
  src: url("/hc/theming_assets/01KGJZSCPR4SVTD1QDPDE7XWPA") format("woff"), url("/hc/theming_assets/01KGJZSAHGNMV6CWM145YT1N64") format("woff2"), url("$assets-ptrootui-regular-ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
/* bold */
@font-face {
  font-family: "PTRootUI";
  font-display: swap;
  font-style: normal;
  font-weight: 600;
  src: url("/hc/theming_assets/01KGJZS95RF6SW4K2KN14011JY");
  src: url("/hc/theming_assets/01KGJZSFKZ7A01BVDWGB24Q6HB") format("woff"), url("/hc/theming_assets/01KGJZS7Q6YTMYCNSK0NXG8Z5Y") format("woff2"), url("/hc/theming_assets/01KGJZSFPZ91FTS30WH6JRC0K4") format("truetype");
}
/* medium */
@font-face {
  font-family: "PTRootUI";
  font-display: swap;
  font-style: normal;
  font-weight: 500;
  src: url("/hc/theming_assets/01KGJZS7TKP9D0SKSC1JVJYC6T");
  src: url("/hc/theming_assets/01KGJZSCSPC9NR3BE4QTV9P19W") format("woff"), url("/hc/theming_assets/01KGJZSF8RVPMB8GC9TJ2D2TFR") format("woff2"), url("/hc/theming_assets/01KGJZSFNGKW27W92XYT7VC0Y7") format("truetype");
}
* {
  box-sizing: border-box;
}

body {
  color: var(--text-color);
  font-family: PTRootUI, sans-serif !important;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

main.autoheight-main {
  position: relative;
}

main.autoheight-main.bgwhite {
  background: #ffffff;
}

body > main {
  min-height: 83vh;
}

b, strong {
  font-weight: 600 !important;
}

img {
  max-width: 100%;
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
main.autoheight-main .help-center {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: none;
}

caption, th, td {
  font-weight: normal;
  text-align: left;
}

small {
  padding: 1px 3px;
  border-radius: 3px;
  font-size: 9px !important;
  line-height: 9px;
  border: 1px solid;
  font-weight: 700;
  display: inline-block;
  text-align: center;
  margin-left: 6px;
  top: -1px;
  position: relative;
}

.hidden {
  display: none !important;
}

.center, .centered {
  text-align: center !important;
}

.t-left {
  text-align: left !important;
}

/* indents from abbyycom */
.indent-mb-0 {
  margin-bottom: 0 !important;
}

.indent-mt-0 {
  margin-top: 0 !important;
}

.indent-m-0 {
  margin: 0 !important;
}

.indent-mt-1 {
  margin-top: 11px !important;
}

.indent-mb-1 {
  margin-bottom: 11px !important;
}

.indent-mt-2 {
  margin-top: 22px !important;
}

.indent-mb-2 {
  margin-bottom: 22px !important;
}

.indent-ml-2 {
  margin-left: 22px !important;
}

.indent-mr-2 {
  margin-right: 22px !important;
}

.indent-m-3 {
  margin-top: 33px !important;
  margin-bottom: 33px !important;
}

.indent-mt-3 {
  margin-top: 33px !important;
}

.indent-mb-3 {
  margin-bottom: 33px !important;
}

.indent-mt-4 {
  margin-top: 44px !important;
}

.indent-mb-4 {
  margin-bottom: 44px !important;
}

.indent-mt-5 {
  margin-top: 55px !important;
}

.indent-mb-5 {
  margin-bottom: 55px !important;
}

.indent-mt-6 {
  margin-top: 66px !important;
}

.indent-mt-7 {
  margin-top: 77px !important;
}

.indent-mt-8 {
  margin-top: 88px !important;
}

.indent-pt-0 {
  padding-top: 0 !important;
}

.indent-pb-0 {
  padding-bottom: 0 !important;
}

.indent-p-0 {
  padding: 0 !important;
}

.indent-pt-1 {
  padding-top: 11px !important;
}

.indent-pb-1 {
  padding-bottom: 11px !important;
}

.indent-pt-2 {
  padding-top: 22px !important;
}

.indent-pb-2 {
  padding-bottom: 22px !important;
}

.indent-p-2 {
  padding: 22px !important;
}

.indent-p-3 {
  padding-top: 33px !important;
  padding-bottom: 33px !important;
}

.indent-pt-3 {
  padding-top: 33px !important;
}

.indent-pb-3 {
  padding-bottom: 33px !important;
}

.indent-pt-4 {
  padding-top: 44px !important;
}

.indent-pb-4 {
  padding-bottom: 44px !important;
}

.indent-pt-5 {
  padding-top: 55px !important;
}

.indent-pb-5 {
  padding-bottom: 55px !important;
}

.indent-pt-6 {
  padding-top: 66px !important;
}

.indent-pb-6 {
  padding-bottom: 66px !important;
}

.indent-pt-8 {
  padding-top: 88px !important;
}

.indent-pb-8 {
  padding-bottom: 88px !important;
}

.indent-pb-9 {
  padding-bottom: 99px !important;
}

.indent-pt-10 {
  padding-top: 110px !important;
}

.indent-pb-10 {
  padding-bottom: 110px !important;
}

.indent-py-10 {
  padding-top: 110px !important;
  padding-bottom: 110px !important;
}

.indent-pb-13 {
  padding-bottom: 143px !important;
}

.indent-px-3 {
  padding-left: 33px !important;
  padding-right: 33px !important;
}

.indent-py-2 {
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}

@media (max-width: 767px) {
  .xs-pt-2 {
    padding-top: 22px !important;
  }
  .xs-pb-2 {
    padding-bottom: 22px !important;
  }
  .xs-px-2 {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }
  .xs-pt-5 {
    padding-top: 55px !important;
  }
  .xs-pb-5 {
    padding-bottom: 55px !important;
  }
  .xs-pt-8 {
    padding-top: 88px !important;
  }
  .xs-pb-8 {
    padding-bottom: 88px !important;
  }
  .xs-pl-1 {
    padding-left: 11px !important;
  }
  .xs-pr-1 {
    padding-right: 11px !important;
  }
  .xs-pb-0 {
    padding-bottom: 0 !important;
  }
  .xs-mb-0 {
    margin-bottom: 0 !important;
  }
}
/* indents from abbyycom END */
/* indents bs4 from abbyycom */
.mb-0 {
  margin-bottom: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-1 {
  margin-top: 11px !important;
}

.mb-1 {
  margin-bottom: 11px !important;
}

.mr-1 {
  margin-right: 11px !important;
}

.mt-2 {
  margin-top: 22px !important;
}

.mb-2 {
  margin-bottom: 22px !important;
}

.ml-2 {
  margin-left: 22px !important;
}

.mr-2 {
  margin-right: 22px !important;
}

.m-3 {
  margin-top: 33px !important;
  margin-bottom: 33px !important;
}

.mt-3 {
  margin-top: 33px !important;
}

.mb-3 {
  margin-bottom: 33px !important;
}

.mt-4 {
  margin-top: 44px !important;
}

.mb-4 {
  margin-bottom: 44px !important;
}

.mt-5 {
  margin-top: 55px !important;
}

.mb-5 {
  margin-bottom: 55px !important;
}

.mt-6 {
  margin-top: 66px !important;
}

.mt-8 {
  margin-top: 88px !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-1 {
  padding-top: 11px !important;
}

.pb-1 {
  padding-bottom: 11px !important;
}

.pt-2 {
  padding-top: 22px !important;
}

.pb-2 {
  padding-bottom: 22px !important;
}

.p-2 {
  padding: 22px !important;
}

.p-3 {
  padding-top: 33px !important;
  padding-bottom: 33px !important;
}

.pt-3 {
  padding-top: 33px !important;
}

.pb-3 {
  padding-bottom: 33px !important;
}

.pt-4 {
  padding-top: 44px !important;
}

.pb-4 {
  padding-bottom: 44px !important;
}

.pt-5 {
  padding-top: 55px !important;
}

.pb-5 {
  padding-bottom: 55px !important;
}

.pb-6 {
  padding-bottom: 66px !important;
}

.pt-8 {
  padding-top: 88px !important;
}

.pb-8 {
  padding-bottom: 88px !important;
}

.pb-9 {
  padding-bottom: 99px !important;
}

.pt-10 {
  padding-top: 110px !important;
}

.pb-10 {
  padding-bottom: 110px !important;
}

.pb-13 {
  padding-bottom: 143px !important;
}

.px-3 {
  padding-left: 33px !important;
  padding-right: 33px !important;
}

.py-2 {
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}

/*indents bs4 from abbyycom END*/
/* search autocomplete popup */
zd-autocomplete-multibrand zd-autocomplete-breadcrumbs-multibrand,
zd-autocomplete-multibrand zd-autocomplete-title-multibrand {
  white-space: normal;
}

zd-autocomplete {
  border-radius: 0 0 6px 6px !important;
  box-shadow: 0 0 17px 0 rgba(0, 40, 100, 0.3);
  background-color: #fff;
}

zd-autocomplete-multibrand zd-autocomplete-title-multibrand {
  color: #0B4AAA !important;
  font-size: 16px !important;
  line-height: 22px !important;
  padding-bottom: 6px !important;
}

zd-autocomplete-multibrand zd-autocomplete-breadcrumbs-multibrand {
  color: #8c8c8c !important;
  font-size: 14px !important;
  line-height: 17px !important;
  padding-top: 6px !important;
}

zd-autocomplete-multibrand {
  padding: 17px;
  border-bottom: 1px solid #dedede;
}

zd-autocomplete-multibrand:hover {
  background-color: #E2E3E4 !important;
}

.bgwhite {
  background-color: #fff;
}

main h1, main h2, main h3, main h4, main h5, main h6, .white-popup-block h3 {
  margin: 0;
  font-family: PTRootUI, sans-serif !important;
  font-weight: 400;
}

main h1 {
  font-size: 44px;
  line-height: 55px;
  color: #fff;
  font-weight: 500;
}

@media (max-width: 767px) {
  main h1 {
    font-size: 33px !important;
    line-height: 44px !important;
  }
}
main h2 {
  font-size: 44px;
  line-height: 55px;
  font-weight: 400;
  color: #000;
}

.strikeheader {
  display: flex;
  justify-content: center;
  height: 100%;
  margin-bottom: 11px;
}

.strikeheader h2 {
  padding-left: 22px;
  padding-right: 22px;
  font-weight: 400;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  text-transform: uppercase;
  font-size: 20px !important;
  line-height: 26px !important;
}

.strikeheader:before, .strikeheader:after, .strikeheader h2 {
  display: flex;
}

.strikeheader:before, .strikeheader:after {
  content: "";
  border-bottom: 1px solid #C8CDD2;
  align-self: center;
  flex-grow: 1;
}

@media (min-width: 768px) {
  .strikeheader h2 {
    font-size: 22px !important;
    line-height: 33px !important;
  }
}
@media (max-width: 767px) {
  main h2 {
    font-size: 30px;
    line-height: 33px;
  }
}
main h3, main h3 a, .white-popup-block h3,
.activity-featured-lists h2.recent-activity-header,
.product-grid h2, .product-grid .section-header {
  font-size: 26px;
  line-height: 33px;
  font-weight: bold;
  color: #000;
}

@media (max-width: 767px) {
  main h3, main h3 a, .white-popup-block h3,
  .activity-featured-lists h2.recent-activity-header,
  .product-grid h2, .product-grid .section-header {
    font-size: 22px !important;
    line-height: 30px !important;
  }
}
main h4, main h4 a {
  font-size: 22px;
  line-height: 33px;
  font-weight: 500;
  color: #000;
}

main h5, main h5 a {
  font-size: 19px;
  line-height: 22px;
  font-weight: 600;
  color: #000;
}

main h6, main h6 a {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: #000;
}

main h2 a:hover, main h3 a:hover, main h4 a:hover, main h5 a:hover, main h6 a:hover {
  color: #000;
}

.change-log h5 {
  font-weight: 600;
}

main p, .white-popup-block p {
  margin-bottom: 11px;
  font-size: 16px;
  line-height: 22px;
  color: #000;
}

p.section-paragraph, .article-content p.section-paragraph {
  font-size: 18px !important;
  line-height: 26px;
}

/* color for all links */
main a, a .link-emulate {
  font-size: 16px;
  line-height: 22px;
  color: #0b4aaa;
}

a, a:focus, a:active {
  outline: none !important;
}

.link-list a {
  padding: 0 22px;
}

@media (max-width: 767px) {
  .link-list a {
    padding: 0;
  }
}
/* hover color for all links */
main a:hover {
  color: #000000;
  text-decoration: underline;
}

a .link-emulate:hover {
  text-decoration: underline;
}

main ul, header ul, footer ul,
main ol, header ol, footer ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

input:not(.new-request-form *, .ck-body-wrapper *, .ck-button),
textarea:not(.new-request-form *, .ck-body-wrapper *, .ck-button) {
  color: #000;
  font-size: 14px;
}

input:not(.new-request-form *, .ck-body-wrapper *, .ck-button) {
  font-weight: 300;
  max-width: 100%;
  box-sizing: border-box;
  outline: none;
  transition: border 0.12s ease-in-out;
}

input:focus:not(.new-request-form *, .ck-body-wrapper *, .ck-button) {
  border: 1px solid var(--brand-color);
}

input[disabled]:not(.new-request-form *, .ck-body-wrapper *, .ck-button) {
  background-color: #ddd;
}

select:not(.new-request-form *, .ck-body-wrapper *, .ck-button) {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("/hc/theming_assets/01KH6QJMRXFS4V8K12WTG25BVZ") no-repeat #fff;
  background-position: right 10px center;
  border: 1px solid #a8a8a8;
  border-radius: 0;
  padding: 0 17px 0 17px;
  outline: none;
  color: #000 !important;
  width: 100%;
  font-size: 14px !important;
  line-height: 17px !important;
  height: 33px;
}

select:focus:not(.new-request-form *, .ck-body-wrapper *, .ck-button) {
  border: 1px solid #a8a8a8;
}

select::-ms-expand:not(.new-request-form *, .ck-body-wrapper *, .ck-button) {
  display: none;
}

textarea:not(.new-request-form *, .ck-body-wrapper *, .ck-button) {
  border: 1px solid #a8a8a8;
  border-radius: 0;
  resize: vertical;
  width: 100%;
  outline: none;
  padding: 17px;
}

textarea:focus:not(.new-request-form *, .ck-body-wrapper *, .ck-button) {
  border: 1px solid #a8a8a8;
}

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

.error-page {
  margin: 0 auto;
  padding: 0;
}

@media (min-width: 1160px) {
  .error-page {
    padding: 0;
  }
}
span.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 17px 0;
  margin: 8px 0 0;
  font-size: 16px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 17px 0 rgba(0, 40, 100, 0.2);
  box-shadow: 0 0 17px 0 rgba(0, 40, 100, 0.2);
}

.header-main .dropdown-menu,
.footer-links .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 17px 0;
  margin: 8px 0 0;
  font-size: 16px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 17px 0 rgba(0, 40, 100, 0.2);
  box-shadow: 0 0 17px 0 rgba(0, 40, 100, 0.2);
}

.dropdown-menu[aria-expanded=true] {
  display: block;
}

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

.dropdown-toggle {
  cursor: pointer;
}

.dropdown-toggle {
  display: inline-block;
  vertical-align: middle;
}

@media (min-width: 768px) {
  .d-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .d-flex .row, .d-flex .row > div {
    display: flex;
  }
}
@media (min-width: 992px) {
  .col-10-12 {
    width: 83.33333%;
    margin: 0 auto;
  }
}
.home-page {
  background: #ffffff;
}

.home-page .card-wrapper {
  margin-bottom: 33px;
  background: #f5f5f5;
  border-radius: 6px;
  box-sizing: border-box;
  max-width: 100%;
  width: 100%;
  overflow: hidden;
}

.home-page .card-wrapper--red {
  background: #FF2038;
}

.home-page .card-wrapper:hover {
  box-shadow: 0 0 17px 0 rgba(0, 40, 100, 0.3);
}

.home-page .card-wrapper a {
  width: 100%;
  height: 100%;
  display: block;
}

.home-page .card-wrapper a:hover, .home-page .card-wrapper a:focus {
  text-decoration: none;
}

.home-page .card-wrapper .product-icon,
.home-page .card-wrapper .product-name {
  display: table-cell;
  vertical-align: top;
  max-width: 100%;
}

.home-page .card-wrapper .product-icon {
  width: 44px;
  min-width: 44px;
}

.home-page .card-wrapper .product-icon img {
  border: 0;
  max-width: 100%;
  vertical-align: middle;
}

.home-page .card-wrapper .product-name {
  padding-left: 22px;
}

.home-page .card-wrapper .product-name h4 {
  margin-top: 5px;
}

@media (min-width: 768px) {
  .products-cards-container {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) {
  .products-cards-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: left;
    margin: 0 -15px;
  }
  .products-cards-container .card-wrapper.card-sm-6 {
    -webkit-flex-basis: calc(50% - 30px);
    flex-basis: calc(50% - 30px);
    max-width: calc(50% - 30px);
  }
  .products-cards-container .card-wrapper {
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 992px) {
  .products-cards-container .card-wrapper.card-md-4 {
    -webkit-flex-basis: calc(33.33% - 30px);
    flex-basis: calc(33.33% - 30px);
    max-width: calc(33.33% - 30px);
  }
}
.products-cards-container .card-wrapper {
  overflow: hidden;
}

/***** Buttons *****/
.button-large {
  background-color: #000;
  border: 0;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 2.72;
  min-width: 190px;
  padding: 0 1.9286em;
  width: 100%;
}

@media (min-width: 768px) {
  .button-large {
    width: auto;
  }
}
.button-large:hover, .button-large:active, .button-large:focus {
  background-color: #ff2038;
}

.button-large[disabled]:not(.new-request-form *, .ck-body-wrapper *, .ck-button), input[type=submit][disabled]:not(.new-request-form *, .ck-body-wrapper *, .ck-button) {
  background-color: #ddd;
}

.button-secondary {
  color: color-mix(in srgb, var(--text-color), white 20%);
  border: 1px solid #ddd;
  background-color: transparent;
}

.button-secondary:hover, .button-secondary:focus, .button-secondary:active {
  color: var(--text-color);
  border: 1px solid #ddd;
  background-color: color-mix(in srgb, var(--background-color), black 3%);
}

.btn {
  border-radius: 0 !important;
}

.button,
[role=button],
#user #user-password #password-submit,
div[data-reactroot] [role=button],
[type=button]:not(.new-request-form *, .ck-body-wrapper *, .ck-button):not(.vote-up):not(.collapsible-sidebar-toggle):not(.tabs-carousel-next):not(.tabs-carousel-prev):not(.vote-down):not(.zd-product-tray-toggle),
div[data-reactroot] [type=button] {
  display: inline-block;
  box-sizing: border-box;
  -webkit-transition: all 0.1s ease-out 0.05s;
  -o-transition: all 0.1s ease-out 0.05s;
  transition: all 0.1s ease-out 0.05s;
  height: 55px;
  line-height: 52px;
  padding: 0 44px;
  font-size: 16px;
  border: 1px solid;
  cursor: pointer;
}

/* changed to 000000 */
[role=button]:not(.new-request-form *, .ck-body-wrapper *, .ck-button),
div[data-reactroot] [role=button]:not(.new-request-form *, .ck-body-wrapper *, .ck-button),
[type=button]:not(.vote-up):not(.collapsible-sidebar-toggle):not(.vote-down):not(.tabs-carousel-next):not(.tabs-carousel-prev):not(.zd-product-tray-toggle):not(.new-request-form *, .ck-body-wrapper *, .ck-button), div[data-reactroot] [type=button]:not(.new-request-form *, .ck-body-wrapper *, .ck-button) {
  border: 1px solid #000000;
  color: #fff;
  margin: 0;
  text-align: center;
  user-select: none;
  white-space: nowrap;
  -webkit-touch-callout: none;
  background-color: #000000;
}

@media (min-width: 768px) {
  [role=button]:not(.new-request-form *, .ck-body-wrapper *, .ck-button),
  [type=button]:not(.vote-up):not(.collapsible-sidebar-toggle):not(.vote-down):not(.tabs-carousel-next):not(.tabs-carousel-prev):not(.zd-product-tray-toggle):not(.new-request-form *, .ck-body-wrapper *, .ck-button) {
    width: auto;
  }
}
/* changed to 000000 */
[role=button]::after:not(.new-request-form *, .ck-body-wrapper *, .ck-button),
[type=button]:not(.vote-up):not(.collapsible-sidebar-toggle):not(.vote-down):not(.tabs-carousel-next):not(.tabs-carousel-prev):not(.zd-product-tray-toggle):after:not(.new-request-form *, .ck-body-wrapper *, .ck-button) {
  color: #000000;
}

[role=button]:hover::after:not(.new-request-form *, .ck-body-wrapper *, .ck-button),
[type=button]:not(.vote-up):not(.vote-down):not(.tabs-carousel-next):not(.tabs-carousel-prev):not(.zd-product-tray-toggle):hover:after:not(.new-request-form *, .ck-body-wrapper *, .ck-button) {
  color: #ffffff;
}

/* changed to 000000 */
[role=button]:hover:not(.new-request-form *, .ck-body-wrapper *, .ck-button),
[role=button]:focus:not(.new-request-form *, .ck-body-wrapper *, .ck-button),
[type=button]:not(.vote-up):not(.collapsible-sidebar-toggle):not(.vote-down):not(.tabs-carousel-next):not(.tabs-carousel-prev):not(.zd-product-tray-toggle):hover:not(.new-request-form *, .ck-body-wrapper *, .ck-button), [type=button]:not(.vote-up):not(.vote-down):not(.tabs-carousel-next):not(.tabs-carousel-prev):not(.zd-product-tray-toggle):focus:not(.new-request-form *, .ck-body-wrapper *, .ck-button) {
  color: #fff !important;
  background-color: #000000 !important;
  border-color: #000000 !important;
  text-decoration: none !important;
}

#navbar-container [role=button]:hover:not(.new-request-form *, .ck-body-wrapper *, .ck-button),
#navbar-container [role=button]:focus:not(.new-request-form *, .ck-body-wrapper *, .ck-button),
#navbar-container [type=button]:hover:not(.new-request-form *, .ck-body-wrapper *, .ck-button),
#navbar-container [type=button]:focus:not(.new-request-form *, .ck-body-wrapper *, .ck-button),
[role=button][aria-label=Close]:hover:not(.new-request-form *, .ck-body-wrapper *, .ck-button),
[role=button][aria-label=Close]:focus:not(.new-request-form *, .ck-body-wrapper *, .ck-button),
[type=button][aria-label=Close]:hover:not(.new-request-form *, .ck-body-wrapper *, .ck-button),
[type=button][aria-label=Close]:focus:not(.new-request-form *, .ck-body-wrapper *, .ck-button) {
  background-color: transparent !important;
}

/* changed to 000000 */
[role=button]:active:not(.new-request-form *, .ck-body-wrapper *, .ck-button),
[type=button]:not(.vote-up):not(.collapsible-sidebar-toggle):not(.vote-down):not(.tabs-carousel-next):not(.tabs-carousel-prev):not(.zd-product-tray-toggle):active:not(.new-request-form *, .ck-body-wrapper *, .ck-button) {
  color: #fff !important;
  background-color: #000000 !important;
  border-color: #000000 !important;
  text-decoration: none !important;
}

[role=button][aria-selected=true]:hover:not(.new-request-form *, .ck-body-wrapper *, .ck-button), [role=button][aria-selected=true]:focus:not(.new-request-form *, .ck-body-wrapper *, .ck-button), [role=button][aria-selected=true]:active:not(.new-request-form *, .ck-body-wrapper *, .ck-button), [type=button][aria-selected=true]:hover:not(.new-request-form *, .ck-body-wrapper *, .ck-button), [type=button][aria-selected=true]:focus:not(.new-request-form *, .ck-body-wrapper *, .ck-button), [type=button][aria-selected=true]:active:not(.new-request-form *, .ck-body-wrapper *, .ck-button) {
  background-color: color-mix(in srgb, var(--brand-color), black 20%);
  border-color: color-mix(in srgb, var(--brand-color), black 20%);
}

[role=button][data-disabled]:not(.new-request-form *, .ck-body-wrapper *, .ck-button), [type=button][data-disabled]:not(.new-request-form *, .ck-body-wrapper *, .ck-button) {
  cursor: default;
}

[role=dialog] [role=button]:not(.new-request-form *, .ck-body-wrapper *, .ck-button), [type=dialog] [type=button]:not(.new-request-form *, .ck-body-wrapper *, .ck-button) {
  height: 33px;
}

.button:hover:not(.new-request-form *, .ck-body-wrapper *, .ck-button),
[role=button]:hover:not(.new-request-form *, .ck-body-wrapper *, .ck-button),
#user #user-password #password-submit:hover:not(.new-request-form *, .ck-body-wrapper *, .ck-button),
.button:active:not(.new-request-form *, .ck-body-wrapper *, .ck-button),
[role=button]:active:not(.new-request-form *, .ck-body-wrapper *, .ck-button),
#user #user-password #password-submit:active:not(.new-request-form *, .ck-body-wrapper *, .ck-button),
.button:focus:not(.new-request-form *, .ck-body-wrapper *, .ck-button),
[role=button]:focus:not(.new-request-form *, .ck-body-wrapper *, .ck-button),
#user #user-password #password-submit:focus:not(.new-request-form *, .ck-body-wrapper *, .ck-button),
.button:hover:not(.new-request-form *, .ck-body-wrapper *, .ck-button),
[type=button]:not(.vote-up):not(.vote-down):not(.tabs-carousel-next):not(.tabs-carousel-prev):not(.zd-product-tray-toggle):hover:not(.new-request-form *, .ck-body-wrapper *, .ck-button), #user #user-password #password-submit:hover:not(.new-request-form *, .ck-body-wrapper *, .ck-button),
.button:active:not(.new-request-form *, .ck-body-wrapper *, .ck-button),
[type=button]:not(.vote-up):not(.vote-down):not(.tabs-carousel-next):not(.tabs-carousel-prev):not(.zd-product-tray-toggle):active:not(.new-request-form *, .ck-body-wrapper *, .ck-button), #user #user-password #password-submit:active:not(.new-request-form *, .ck-body-wrapper *, .ck-button),
.button:focus:not(.new-request-form *, .ck-body-wrapper *, .ck-button),
[type=button]:not(.vote-up):not(.vote-down):not(.tabs-carousel-next):not(.tabs-carousel-prev):not(.zd-product-tray-toggle):focus:not(.new-request-form *, .ck-body-wrapper *, .ck-button), #user #user-password #password-submit:focus:not(.new-request-form *, .ck-body-wrapper *, .ck-button) {
  text-decoration: none;
  cursor: pointer;
}

.button-no-border, button-no-border-container a {
  background: transparent;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  padding: 0px;
  color: #2b57cd;
}

.button-sm-lc-wide {
  height: 33px;
  line-height: 31px;
  padding: 0 22px;
  font-size: 14px;
  border: 1px solid;
  border-radius: 3px;
  font-weight: 600;
  white-space: nowrap;
}

.button-no-border:hover, .button-no-border:active, .button-no-border-container a:hover, .button-no-border-container a:active {
  background: transparent;
  color: #2b57cd;
  text-decoration: underline;
}

.button-sm:not(.new-request-form *, .ck-body-wrapper *, .ck-button), .button-sm a:not(.new-request-form *, .ck-body-wrapper *, .ck-button), .button-sm-container [role=button]:not(.new-request-form *, .ck-body-wrapper *, .ck-button), .button-sm-container [type=button]:not(.new-request-form *, .ck-body-wrapper *, .ck-button), #user #user-password #password-submit:not(.new-request-form *, .ck-body-wrapper *, .ck-button) {
  height: 33px !important;
  font-size: 15px !important;
  line-height: 31px !important;
  font-weight: 500;
  padding: 0 11px !important;
}

.button-normal-weight:not(.new-request-form *, .ck-body-wrapper *, .ck-button), .button-normal-weight a:not(.new-request-form *, .ck-body-wrapper *, .ck-button), .button-normal-weight-container [role=button]:not(.new-request-form *, .ck-body-wrapper *, .ck-button), .button-normal-weight-container [type=button]:not(.new-request-form *, .ck-body-wrapper *, .ck-button), #user #user-password #password-submit:not(.new-request-form *, .ck-body-wrapper *, .ck-button) {
  font-weight: normal;
}

.button-white-blue {
  color: #2b57cd !important;
  background-color: transparent !important;
  border-color: #607acd !important;
}

.button-white-blue.focus:hover, .button-white-blue:focus:hover, .button-white-blue:hover {
  color: #fff !important;
  background-color: #4362c4 !important;
  border-color: #4362c4 !important;
}

.button-white-blue.active, .button-white-blue:active {
  color: #fff !important;
  background-color: #607acd !important;
  border-color: #607acd !important;
}

.button-white-blue.disabled, .button-white-blue.disabled.active, .button-white-blue.disabled.focus, .button-white-blue.disabled:active,
.button-white-blue.disabled:focus, .button-white-blue.disabled:hover, .button-white-blue.focus, .button-white-blue:focus,
.button-white-blue[data-open]:focus, .button-white-blue[data-open]:focus.active, .button-white-blue[data-open]:focus.focus,
.button-white-blue[data-open]:focus:active, .button-white-blue[data-open]:focus:focus, .button-white-blue[data-open]:focus:hover,
.button-white-blue[disabled], .button-white-blue[disabled].active, .button-white-blue[disabled].focus, .button-white-blue[disabled]:active,
.button-white-blue[disabled]:focus, .button-white-blue[disabled]:hover {
  color: #2b57cd !important;
  background-color: transparent !important;
  border-color: #607acd !important;
}

.button-white-stroke:not(.new-request-form *, .ck-body-wrapper *, .ck-button), .button-white-stroke-container [role=button]:not(.new-request-form *, .ck-body-wrapper *, .ck-button), .button-white-stroke-container [type=button]:not(.new-request-form *, .ck-body-wrapper *, .ck-button) {
  color: #fff !important;
  background-color: transparent !important;
  border-color: #fff !important;
}

.button-white-stroke:hover:not(.new-request-form *, .ck-body-wrapper *, .ck-button), .button-white-stroke:focus:not(.new-request-form *, .ck-body-wrapper *, .ck-button), .button-white-stroke.focus:not(.new-request-form *, .ck-body-wrapper *, .ck-button),
.button-white-stroke-container [role=button]:hover:not(.new-request-form *, .ck-body-wrapper *, .ck-button), .button-white-stroke-container [role=button]:focus:not(.new-request-form *, .ck-body-wrapper *, .ck-button),
.button-white-stroke-container.focus [role=button]:not(.new-request-form *, .ck-body-wrapper *, .ck-button), .button-white-stroke-container [type=button]:hover:not(.new-request-form *, .ck-body-wrapper *, .ck-button),
.button-white-stroke-container [type=button]:focus:not(.new-request-form *, .ck-body-wrapper *, .ck-button), .button-white-stroke-container.focus [type=button]:not(.new-request-form *, .ck-body-wrapper *, .ck-button) {
  color: #444 !important;
  background-color: #e6ebf0 !important;
  border-color: #e6ebf0 !important;
}

.button-white-purple-back:hover, .button-white-purple-back:focus {
  color: #73509B !important;
}

/* changed to 000000 */
.button-trans-blue:not(.new-request-form *, .ck-body-wrapper *, .ck-button), .button-trans-blue-container [role=button]:not(.new-request-form *, .ck-body-wrapper *, .ck-button),
.button-trans-blue-container [type=button]:not(.vote-up):not(.vote-down):not(.tabs-carousel-next):not(.tabs-carousel-prev):not(.zd-product-tray-toggle):not(.new-request-form *, .ck-body-wrapper *, .ck-button) {
  background: transparent !important;
  border-color: #000000 !important;
  color: #000000 !important;
  font-weight: 500 !important;
}

/* changed to 000000 */
.button-trans-blue a {
  color: #000000;
}

/* changed to 000000 #FF2038 */
.button-trans-blue:hover:not(.new-request-form *, .ck-body-wrapper *, .ck-button), .button-trans-blue:focus:not(.new-request-form *, .ck-body-wrapper *, .ck-button), .button-trans-blue.focus:not(.new-request-form *, .ck-body-wrapper *, .ck-button), .button-trans-blue-container [role=button]:hover:not(.new-request-form *, .ck-body-wrapper *, .ck-button),
.button-trans-blue-container [role=button]:focus:not(.new-request-form *, .ck-body-wrapper *, .ck-button), .button-trans-blue-container.focus [role=button]:not(.new-request-form *, .ck-body-wrapper *, .ck-button),
.button-trans-blue-container [type=button]:not(.vote-up):not(.vote-down):not(.tabs-carousel-next):not(.tabs-carousel-prev):not(.zd-product-tray-toggle):hover:not(.new-request-form *, .ck-body-wrapper *, .ck-button),
.button-trans-blue-container [type=button]:not(.vote-up):not(.vote-down):not(.tabs-carousel-next):not(.tabs-carousel-prev):not(.zd-product-tray-toggle):focus:not(.new-request-form *, .ck-body-wrapper *, .ck-button),
.button-trans-blue-container.focus [type=button]:not(.vote-up):not(.vote-down):not(.tabs-carousel-next):not(.tabs-carousel-prev):not(.zd-product-tray-toggle):not(.new-request-form *, .ck-body-wrapper *, .ck-button) {
  color: #ffffff !important;
  background-color: #000000 !important;
  border-color: #000000 !important;
  text-decoration: none !important;
}

.button-trans-blue:hover a, .button-trans-blue:focus a, .button-trans-blue.focus a {
  color: #FF2038;
}

/* changed to 000000 */
.button-trans-blue a:hover, .button-trans-blue a:focus, .button-trans-blue.focus a {
  text-decoration: none;
  color: #000000;
}

.button-arrow-down-circle-blue-container .dropdown-toggle[role=button]:before {
  content: "";
  display: inline-block;
  background: url("/hc/theming_assets/01KGJZSFAM5QQ52JHCPYQJ1AC8") no-repeat;
  width: 22px;
  height: 22px;
  margin: 0 6px 0 0;
  vertical-align: -5px;
}

.button-arrow-down-circle-blue-container .dropdown-toggle[role=button]:hover:before,
.button-arrow-down-circle-blue-container .dropdown-toggle[role=button]:focus:before,
.button-arrow-down-circle-blue-container.focus .dropdown-toggle[role=button]:before {
  background: url("/hc/theming_assets/01KGJZSCGTS84MB191F3PS1WCJ") no-repeat;
}

.button-arrow-down-circle-blue-container .dropdown-toggle.expanded-dropdown[role=button]:before {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.button-plus-white, .button-plus-purple {
  position: relative;
  padding: 0 44px 0 77px;
  font-weight: 500;
}

.button-plus-white:before, .button-plus-purple:before {
  content: "";
  position: absolute;
  display: inline-block;
  background-color: #fff;
  margin-top: 18px;
  left: 54px;
  width: 2px;
  height: 18px;
}

.button-plus-white:after, .button-plus-purple:after {
  top: 26px;
  left: 46px;
  width: 18px;
  height: 2px;
  content: "";
  position: absolute;
  display: inline-block;
  background-color: #fff;
}

.button.button-register, .button.button-activate, .button.button-mail-white, .button.button-mail-white p,
.button-mail-white-container, .button-mail-white-container a, .button.button-policies-white,
.button.button-partner-white, .button.button-policies-white p, .button.button-partner-white p {
  font-size: 18px !important;
  line-height: 33px !important;
  text-transform: none;
  height: 33px !important;
}

.button.button-mail-white, .button.button-policies-white, .button.button-partner-white,
.button.button-mail-white:hover, .button-mail-white-container a:hover, .button.button-mail-white p, .button.button-mail-white p:hover,
.button.button-policies-white:hover, .button.button-policies-white p, .button.button-policies-white p:hover,
.button.button-partner-white:hover, .button.button-partner-white p, .button.button-partner-white p:hover {
  color: #fff;
}

.button.button-mail-white:hover p,
.button.button-policies-white:hover p,
.button.button-partner-white:hover p {
  text-decoration: underline;
}

.button.button-mail-white p,
.button.button-policies-white p,
.button.button-partner-white p {
  display: inline-block;
  text-align: left;
  margin: 0;
  width: auto;
  max-width: 83%;
}

@media (max-width: 767px) {
  .button.button-mail-white p,
  .button.button-policies-white p,
  .button.button-partner-white p {
    width: 83%;
  }
}
@media (max-width: 1024px) and (min-width: 768px) {
  .button.button-mail-white p,
  .button.button-policies-white p,
  .button.button-partner-white p {
    text-align: center;
    width: 100%;
  }
}
.button-register:before {
  content: "";
  display: inline-block;
  width: 33px;
  height: 33px;
  background: url("/hc/theming_assets/01KGJZSJW9NQH03J4B2TQ2K6YY") no-repeat;
  margin: 0px 11px -11px 0px;
}

.button-register:hover:before {
  background: url("/hc/theming_assets/01KGJZSMDG3S2VVM7093QTT1D2") no-repeat;
}

.button-activate:before {
  content: "";
  display: inline-block;
  width: 33px;
  height: 33px;
  background: url("/hc/theming_assets/01KGJZSF1J08NG0N66DM34PDJ5") no-repeat;
  margin: 0px 11px -11px 0px;
}

.button-activate:hover:before {
  background: url("/hc/theming_assets/01KGJZSCA0G8XQFKPJEM04PKA2") no-repeat;
}

.button-mail-white .mail-white, .button-mail-white:hover .mail-white-hover, .button-mail-white-container .mail-white,
.button-mail-white-container:hover .mail-white-hover, .button-policies-white .policies-white,
.button-policies-white:hover .policies-white-hover, .button-partner-white .partner-white, .button-partner-white:hover .partner-white-hover {
  display: inline-block;
  margin-right: 11px;
  vertical-align: top;
}

.button-mail-white .mail-white-hover, .button-mail-white:hover .mail-white, .button-mail-white-container .mail-white-hover,
.button-mail-white-container:hover .mail-white, .button-policies-white .policies-white-hover, .button-policies-white:hover .policies-white,
.button-partner-white .partner-white-hover, .button-partner-white:hover .partner-white {
  display: none;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .button-mail-white .mail-white, .button-mail-white:hover .mail-white-hover, .button-mail-white-container .mail-white,
  .button-mail-white-container:hover .mail-white-hover, .button-policies-white .policies-white,
  .button-policies-white:hover .policies-white-hover, .button-partner-white .partner-white,
  .button-partner-white:hover .partner-white-hover {
    display: block;
    margin: 0 auto 6px;
  }
}
.button-red, #user #user-password #password-submit {
  color: #fff !important;
  background-color: #ff2038 !important;
  border-color: #ff2038 !important;
}

.button-red:hover, .button-red:focus, #user #user-password #password-submit:hover, #user #user-password #password-submit:focus {
  color: #fff !important;
  background-color: #e40f36 !important;
  border-color: #e40f36 !important;
}

/* changed to 000000 */
.button-blue {
  color: #fff !important;
  background-color: #000000 !important;
  border-color: #000000 !important;
}

.button-blue:active, .button-blue.active {
  color: #fff !important;
  background-color: #000000 !important;
  border-color: #000000 !important;
}

.button-blue:hover, .button-blue:focus, .button-blue.focus {
  color: #fff !important;
  background-color: #FF2038 !important;
  border-color: #FF2038 !important;
}

/* button for Community Guidelines */
.button-guidelines {
  color: #fff !important;
  background-color: #FF2038 !important;
  border-color: #FF2038 !important;
}

.button-guidelines:active, .button-guidelines.active {
  color: #fff !important;
  background-color: #FF2038 !important;
  border-color: #FF2038 !important;
}

.button-guidelines:hover, .button-guidelines:focus, .button-guidelines.focus {
  color: #fff !important;
  background-color: #F87382 !important;
  border-color: #FF2038 !important;
}

/* end button */
.button-long {
  line-height: 22px !important;
  padding: 10px 22px !important;
  height: auto !important;
  text-align: center;
}

.button-list > div {
  display: inline-block;
  margin-left: 14px;
  vertical-align: top;
}

.button-list > div:first-child {
  margin-left: 0;
}

@media (max-width: 767px) {
  .button-list > div {
    display: inline-block;
    margin-right: 14px;
    margin-left: 0;
    vertical-align: top;
  }
  .button-list > div:last-child {
    margin-right: 0;
  }
}
.button-follow-count [type=button] {
  padding: 0 11px 0 44px !important;
}

.button-follow-count.button-white-stroke-container [role=button]::after:not(.new-request-form *, .ck-body-wrapper *, .ck-button), .button-follow-count.button-white-stroke-container [type=button]::after:not(.new-request-form *, .ck-body-wrapper *, .ck-button) {
  border-left: 1px solid #fff;
  content: attr(data-follower-count);
  color: #fff;
  display: inline-block;
  font-family: PTRootUI, sans-serif !important;
  margin-left: 11px;
  padding-left: 11px;
  position: static;
  right: 11px;
  vertical-align: unset;
}

[dir=rtl] .button-follow-count.button-white-stroke-container [role=button]::after:not(.new-request-form *, .ck-body-wrapper *, .ck-button), [dir=rtl] .button-follow-count.button-white-stroke-container [type=button]::after:not(.new-request-form *, .ck-body-wrapper *, .ck-button) {
  border-left: 0;
  border-right: 1px solid #fff;
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
}

.button-follow-count.button-white-stroke-container [role=button]:hover::after:not(.new-request-form *, .ck-body-wrapper *, .ck-button),
.button-follow-count.button-white-stroke-container [role=button]:focus::after:not(.new-request-form *, .ck-body-wrapper *, .ck-button), .button-follow-count.button-white-stroke-container [type=button]:hover::after:not(.new-request-form *, .ck-body-wrapper *, .ck-button),
.button-follow-count.button-white-stroke-container [type=button]:focus::after:not(.new-request-form *, .ck-body-wrapper *, .ck-button) {
  border-color: #444;
  color: #444;
}

/* color of Follow Button */
.button-follow-count.button-trans-blue-container [role=button]::after:not(.new-request-form *, .ck-body-wrapper *, .ck-button), .button-follow-count.button-trans-blue-container [type=button]::after:not(.new-request-form *, .ck-body-wrapper *, .ck-button) {
  border-left: 1px solid #000000;
  content: attr(data-follower-count);
  color: #000000;
  display: inline-block;
  font-family: PTRootUI, sans-serif !important;
  margin-left: 44px;
  padding-left: 11px;
  position: static;
  right: 11px;
  vertical-align: unset;
  width: 44px;
}

/* changed to 000000 */
[dir=rtl] .button-follow-count.button-trans-blue-container [role=button]::after:not(.new-request-form *, .ck-body-wrapper *, .ck-button), [dir=rtl] .button-follow-count.button-trans-blue-container [type=button]::after:not(.new-request-form *, .ck-body-wrapper *, .ck-button) {
  border-left: 0;
  border-right: 1px solid #000000;
  margin: 0 44px 0 0;
  padding: 0 11px 0 0;
}

.button-follow-count.button-trans-blue-container [role=button]:hover::after:not(.new-request-form *, .ck-body-wrapper *, .ck-button),
.button-follow-count.button-trans-blue-container [role=button]:focus::after:not(.new-request-form *, .ck-body-wrapper *, .ck-button), .button-follow-count.button-trans-blue-container [type=button]:hover::after:not(.new-request-form *, .ck-body-wrapper *, .ck-button),
.button-follow-count.button-trans-blue-container [type=button]:focus::after:not(.new-request-form *, .ck-body-wrapper *, .ck-button) {
  border-color: #ffffff;
  color: #000000;
}

.button-follow-count .dropdown-toggle:after {
  top: 0;
  margin-left: 0;
  background: transparent;
  height: auto;
}

.button-follow-count .dropdown-toggle.expanded-dropdown:after {
  transform: none;
  top: 0;
}

.button.see-all-articles {
  margin-top: 33px;
}

.button-see-more:after, .button-see-more[data-open]:focus:after,
.button-see-less:after, .button-see-less[data-open]:focus:after {
  content: "";
  color: #fff;
  left: 3px;
  top: 2px;
  border: 4px solid transparent;
  border-top: 4px solid #2b57cd;
  position: relative;
  display: inline-block;
}

.button-see-more:active:after, .button-see-more:focus:after, .button-see-more:hover:after,
.button-see-less:active:after, .button-see-less:focus:after, .button-see-less:hover:after {
  border-top: 4px solid #fff;
}

.button-see-less:after, .button-see-less[data-open]:focus:after {
  transform: rotate(180deg);
  top: -3px;
}

.button-download-blue {
  font-weight: 500;
}

.button-download-blue:before {
  content: "";
  display: inline-block;
  background: url("/hc/theming_assets/01KGJZSJYFAT14472CH59C3HR3") no-repeat;
  width: 22px;
  height: 22px;
  margin: 0 11px 0 0;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

/***** Links with icon *****/
.link-more:not(.card-wrapper):before, .text-white.link-more:not(.card-wrapper):before,
.card-wrapper.link-more h3:before {
  display: inline-block;
  background: url("/hc/theming_assets/01KGJZSF8HX7V668DXPXH7JSDT") no-repeat;
  width: 22px;
  height: 22px;
  line-height: 1px;
  content: "";
  margin-right: 11px;
}

.text-white.link-more, .text-white.link-more:hover,
.text-white.link-more:focus, .text-white.link-more:focus:hover,
.text-white.link-more.focus:hover,
.text-white.link-external, .text-white.link-external:hover,
.text-white.link-external:focus, .text-white.link-external:focus:hover,
.text-white.link-external.focus:hover {
  color: #fff;
}

.text-white.link-external:not(.card-wrapper):before,
.text-white.link-external h3:before {
  display: inline-block;
  background: url("/hc/theming_assets/01KGJZSMT06DS2H1JTQG83WQ5T") no-repeat;
  width: 22px;
  height: 22px;
  line-height: 1px;
  content: "";
  margin-right: 11px;
}

.link-arrow-right, .link-arrow-blue, .link-arrow-white {
  padding-left: 33px;
  position: relative;
}

.link-arrow-white, .link-arrow-white:hover, .link-arrow-white:focus, .link-arrow-white:visited {
  color: #ffffff;
}

.link-arrow-right:before, .link-arrow-blue:before, .link-arrow-white:before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  margin: 0 11px 0 0;
  position: absolute;
  top: -1px;
  left: 0;
}

.link-arrow-right:before, .link-arrow-blue:before {
  background: url("/hc/theming_assets/01KH6QJKH3HR91255YXDK0D9Z3") no-repeat;
}

.link-arrow-white:before {
  background: url("/hc/theming_assets/01KGJZSF8HX7V668DXPXH7JSDT") no-repeat;
}

.link-download-blue:before,
.downloads .promoted-articles-item:before {
  content: "";
  display: inline-block;
  background: url("/hc/theming_assets/01KGJZSMDF3XXK817KEGYVWN91") no-repeat;
  width: 22px;
  height: 22px;
  margin: 0 11px 0 0;
  position: absolute;
  top: 2px;
  left: 0;
}

.link-pdf-blue:before,
.documents .promoted-articles-item:before {
  content: "";
  display: inline-block;
  background: url("/hc/theming_assets/01KGJZSMDF3XXK817KEGYVWN91") no-repeat;
  width: 22px;
  height: 22px;
  margin: 0 11px 0 0;
  position: absolute;
  top: 0;
  left: 0;
}

.link-download-white:before {
  content: "";
  display: inline-block;
  background: url("/hc/theming_assets/01KGJZSJYFAT14472CH59C3HR3") no-repeat;
  width: 22px;
  height: 22px;
  margin: 0 11px 0 0;
  position: absolute;
  top: 0;
  left: 0;
}

.link-pdf-blue, .link-download-blue,
.documents .promoted-articles-item, .downloads .promoted-articles-item,
.link-download-white {
  padding-left: 33px;
  position: relative;
  font-weight: 500;
}

/***** Text link *****/
a.text-link {
  font-size: 18px !important;
  line-height: 26px !important;
}

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

@media (min-width: 768px) {
  .table {
    table-layout: auto;
  }
}
.table th,
.table th a {
  color: color-mix(in srgb, var(--text-color), white 20%);
  font-size: 13px;
  font-weight: 300;
  text-align: left;
}

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

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

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

@media (min-width: 768px) {
  .table td {
    display: table-cell;
  }
}
@media (min-width: 1024px) {
  .table td, .table th {
    padding: 20px 30px;
  }
}
@media (min-width: 768px) {
  .table td, .table th {
    padding: 10px 20px;
    height: 60px;
  }
}
/***** Responsive tables ******/
.table-responsive {
  border: none !important;
}

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
  margin: 33px 0;
}

.table-responsive .table tr,
.table-responsive .table td,
.table-responsive .table th,
.table.blue-resp-table tr,
.table.blue-resp-table td,
.table.blue-resp-table th {
  vertical-align: baseline;
}

.table-responsive .table tr,
.table.blue-resp-table tr {
  display: table-row;
}

.table-responsive .table td, .table-responsive .table th,
.table.blue-resp-table td, .table.blue-resp-table th {
  display: table-cell;
}

.white-resp-table, .blue-resp-table {
  width: 100%;
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
  max-width: unset;
  margin-bottom: 0 !important;
}

.table.blue-resp-table tr:first-of-type th:last-of-type,
.table.blue-resp-table tr:first-of-type td:last-of-type {
  border-radius: 0;
}

.blue-resp-table tr.blue-tr td {
  background: #f0f5fa;
}

.blue-resp-table tr.dark-blue-head-tr td {
  background: #e6e3ef;
  color: #000;
  font-size: 17px;
  line-height: 22px !important;
  text-align: left;
  font-weight: 600;
  padding: 16px 22px !important;
  vertical-align: top;
}

.table.lightblue-resp-table tr th {
  background: #E2E3E4;
  color: #000;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}

.table.lightblue-resp-table tr th,
.table.lightblue-resp-table tr:first-child td {
  border-right: 1px solid #dedede;
}

.table.lightblue-resp-table tr th:first-of-type,
.table.lightblue-resp-table tr:first-child td:first-of-type {
  border-left: 1px solid #dedede;
}

@media screen and (max-width: 767px) {
  .table.white-resp-table, .table-responsive .blue-resp-table {
    width: auto;
  }
  .table.width-720.white-resp-table, .table-responsive .blue-resp-table.width-720 {
    min-width: 720px;
  }
}
.white-resp-table tr, .blue-resp-table tr {
  border-bottom: none;
}

.white-resp-table th {
  background: #fff;
  color: #000;
  font-size: 17px;
  line-height: 22px !important;
  text-transform: uppercase;
  text-align: left;
  font-weight: 600;
  padding: 16px 22px 17px !important;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}

.white-resp-table th:first-child {
  border-left: 1px solid #dedede;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}

.white-resp-table tr:first-of-type th:first-of-type {
  border-radius: 0;
}

.white-resp-table th:last-child {
  border-right: 1px solid #dedede;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}

.white-resp-table tr:first-of-type th:last-of-type {
  border-radius: 0;
}

.table.white-resp-table td {
  font-size: 16px;
  line-height: 22px !important;
  color: #000;
  padding: 16px 22px 17px !important;
  border-bottom: 1px solid #dedede;
  vertical-align: top;
  border-top: none;
}

.white-resp-table td:first-of-type {
  border-left: 1px solid #dedede;
}

.white-resp-table td:last-of-type {
  border-right: 1px solid #dedede;
}

.white-resp-table tr:last-of-type td:first-of-type {
  border-radius: 0;
}

.white-resp-table tr:last-of-type td:last-of-type {
  border-radius: 0;
}

.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
  border: 1px solid #dedede;
}

.table-bordered {
  border: 1px solid #dedede;
  border-collapse: collapse;
}

@media screen and (max-width: 767px) {
  .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table.width-720 > thead > tr > th,
  .table-responsive > .table.width-720 > thead > tr > td,
  .table-responsive > .table.width-720 > tbody > tr > th,
  .table-responsive > .table.width-720 > tbody > tr > td,
  .table-responsive > .table.width-720 > tfoot > tr > th,
  .table-responsive > .table.width-720 > tfoot > tr > td {
    white-space: normal;
  }
}
@media screen and (max-width: 767px) {
  .doubleScroll-scroll-wrapper::-webkit-scrollbar, .table-responsive::-webkit-scrollbar {
    -webkit-appearance: none;
  }
  .doubleScroll-scroll-wrapper::-webkit-scrollbar-track, .table-responsive::-webkit-scrollbar-track {
    border: 2px solid #fff;
    background-color: #ccc;
  }
  .doubleScroll-scroll-wrapper::-webkit-scrollbar:horizontal, .table-responsive::-webkit-scrollbar:horizontal {
    height: 13px;
  }
  .doubleScroll-scroll-wrapper::-webkit-scrollbar-thumb, .table-responsive::-webkit-scrollbar-thumb {
    border-radius: 6px;
    border: 2px solid #fff;
    background-color: rgba(0, 0, 0, 0.5);
  }
}
.table-responsive .green-ok,
.table-responsive .red-not,
.inner-table .green-ok,
.inner-table .red-not,
.tech-specs-table.inner-table-xs .green-ok,
.tech-specs-table.inner-table-xs .red-not {
  display: block;
  text-align: center;
}

.table-responsive .green-ok:before,
.table-responsive .red-not:before,
.inner-table .green-ok:before,
.inner-table .red-not:before,
.tech-specs-table.inner-table-xs .green-ok:before,
.tech-specs-table.inner-table-xs .red-not:before {
  content: "";
  margin: 0;
  position: relative;
  left: 3px;
}

.table-responsive .green-ok:before,
.inner-table .green-ok:before,
.tech-specs-table.inner-table-xs .green-ok:before {
  display: inline-block;
  background: url("/hc/theming_assets/01KGJZSRDG27M5V1D10K8TCRXV") no-repeat;
  width: 14px;
  height: 14px;
}

.table-responsive .red-not:before,
.inner-table .red-not:before,
.tech-specs-table.inner-table-xs .red-not:before {
  display: inline-block;
  background: url("/hc/theming_assets/01KGJZSRHCDTR9V0P7GRRWRCVS") no-repeat;
  width: 12px;
  height: 12px;
}

.table.blue-resp-table th,
.table.blue-resp-table tr:first-child td {
  background: #e6e3ef;
  color: #000;
  font-size: 17px;
  line-height: 22px !important;
  text-align: left;
  font-weight: 600;
  padding: 16px 22px !important;
  border-top: none;
  vertical-align: top;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}

.table.lightblue-resp-table tr:first-child td {
  background: #E2E3E4;
  color: #000;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}

.table .th-width-20 {
  width: 20%;
}

.table .th-width-25 {
  width: 25%;
}

.table .th-width-33 {
  width: 33%;
}

.table.blue-resp-table tr:first-of-type th:first-of-type {
  border-top-left-radius: 0;
}

.table.blue-resp-table tr:first-of-type th:last-of-type {
  border-top-right-radius: 0;
}

.table.blue-resp-table td {
  font-size: 16px;
  line-height: 22px !important;
  color: #000;
  padding: 11px 22px !important;
  border-bottom: 1px solid #dedede;
  vertical-align: top;
  border-top: none;
}

.table.align-top td {
  vertical-align: top;
}

/**** cell borders *****/
.table td.no-border-left, .table th.no-border-left {
  border-left: none !important;
}

.table td.no-border-right, .table th.no-border-right {
  border-right: none !important;
}

.table td.border-left, .table th.border-left {
  border-left: 1px solid #dedede;
}

.table td.border-right, .table th.border-right {
  border-right: 1px solid #dedede;
}

/**** END sell borders ****/
@media (max-width: 767px) {
  .table.blue-resp-table th,
  .table.blue-resp-table td {
    padding: 11px !important;
  }
}
.table.blue-resp-table td.th {
  font-size: 17px;
  line-height: 22px !important;
  font-weight: 600;
}

.table.blue-resp-table .no-bottom-border-tr td {
  border-bottom: none;
}

.table.blue-resp-table td:first-of-type {
  border-left: 1px solid #dedede;
}

.table.blue-resp-table tr.blue-tr td {
  background: #E2E3E4;
}

.table.blue-resp-table td {
  border-right: 1px solid #dedede;
}

.table.blue-resp-table tr:last-of-type td:first-of-type {
  border-radius: 0;
}

.table.blue-resp-table tr:last-of-type td:last-of-type {
  border-radius: 0;
}

.table.lightblue-resp-table tr:first-of-type td:first-of-type {
  border-radius: 0;
}

.table.lightblue-resp-table tr:last-of-type td:last-of-type {
  border-radius: 0;
}

@media (min-width: 992px) {
  .table.blue-resp-table.wide td:first-of-type,
  .table.blue-resp-table.wide th:first-of-type {
    padding-left: 22px !important;
    padding-right: 11px !important;
  }
  .table.blue-resp-table.wide td:last-of-type,
  .table.blue-resp-table.wide th:last-of-type {
    padding-right: 22px !important;
    padding-left: 11px !important;
  }
  .table.blue-resp-table.wide td,
  .table.blue-resp-table.wide th {
    padding-right: 11px !important;
    padding-left: 11px !important;
  }
}
/******* Simple tables from content *******/
table:not(.table):not(.blue-resp-table):not(.lightblue-resp-table):not(.table-bordered) {
  border: 1px solid #dedede;
  width: 100%;
  max-width: 100%;
  margin-bottom: 33px;
}

@media (min-width: 768px) {
  table:not(.table):not(.blue-resp-table):not(.lightblue-resp-table):not(.table-bordered) {
    table-layout: auto;
  }
}
table:not(.table):not(.blue-resp-table):not(.lightblue-resp-table):not(.table-bordered) tr {
  display: table-row;
  vertical-align: baseline;
  border-bottom: none;
  padding: 20px 0;
}

table:not(.table):not(.blue-resp-table):not(.lightblue-resp-table):not(.table-bordered) tr td {
  background: #ffffff;
  color: #000;
  font-size: 16px;
  line-height: 22px !important;
  text-align: left;
  padding: 11px 22px !important;
  border-top: none;
  vertical-align: top;
  border-bottom: 1px solid #dedede;
  display: table-cell;
  vertical-align: top;
  border-right: 1px solid #dedede;
}

table:not(.table):not(.blue-resp-table):not(.lightblue-resp-table):not(.table-bordered) th td {
  border-right: 1px solid #dedede;
  background: #E2E3E4;
  color: #000;
  font-weight: 600;
}

table:not(.table):not(.blue-resp-table):not(.lightblue-resp-table):not(.table-bordered) th td:first-of-type {
  border-left: 1px solid #dedede;
}

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

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

.form-field label {
  display: block;
}

.form-field input {
  border: 1px solid #a8a8a8;
  border-radius: 0;
  padding: 0 17px;
  width: 100%;
  height: 55px;
  font-size: 16px;
  line-height: 22px;
  font-family: PTRootUI, sans-serif !important;
}

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

.form-field .nesty-input {
  border-radius: 0;
  height: 55px;
  line-height: 55px;
  outline: none;
  vertical-align: middle;
  border: 1px solid #a8a8a8;
  padding: 0 0 0 17px;
}

ul[data-hc-pills-container] {
  background-color: transparent;
  border: 1px solid #a8a8a8;
  border-radius: 0;
  cursor: text;
  min-height: 55px;
  padding: 16px 17px 5px 17px;
  overflow: hidden;
  vertical-align: middle;
}

ul[data-hc-pills-container] li {
  height: auto;
  line-height: 22px;
}

ul[data-hc-pills-container] li:last-child input {
  height: 22px;
  max-width: 100%;
  padding: 0;
}

ul[data-hc-pills-container] li:last-child:not(:first-child) input {
  height: 44px;
}

ul[data-hc-pills-container] li:last-child input::placeholder {
  color: #000;
}

ul[data-hc-pills-container] li[data-hc-pill=true] {
  height: 44px;
  line-height: 22px;
  margin: 0 11px 11px 0;
  background-color: #E2E3E4;
  cursor: default;
  border: none;
  border-radius: 0;
}

ul[data-hc-pills-container] li[data-hc-pill=true] > span:not([aria-label=close]) {
  margin-left: 11px;
  max-width: 400px;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 16px;
  line-height: 44px;
}

.form-field .nesty-input:focus {
  text-decoration: none;
  color: #000;
}

.nesty-input:after {
  right: 7px;
  top: 37%;
  color: #000;
}

.nesty-input:hover {
  color: #000;
}

.form-field select, .form-field select option, .nesty-panel li {
  font-size: 16px !important;
  line-height: 22px !important;
  font-family: PTRootUI, sans-serif !important;
}

.form-field textarea {
  vertical-align: middle;
  border: 1px solid #a8a8a8;
  border-radius: 0;
  padding: 16px 22px;
  font-size: 16px;
  line-height: 22px;
  font-family: PTRootUI, sans-serif !important;
}

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

.form-field.required > label::after, .form-field.boolean.required label span.red-star:after {
  content: "";
  background: url("/hc/theming_assets/01KGJZSRTA82E89CTWA2KN4010") no-repeat;
  width: 22px;
  height: 22px;
  display: inline-block;
  outline: none;
  box-sizing: border-box;
  vertical-align: top;
}

.form-field.boolean.required label span.red-star {
  font-size: 0;
}

.form-field.boolean {
  position: relative;
}

.form-field p {
  font-size: 14px;
  line-height: 17px;
  color: #8c8c8c;
  margin: 6px 0 0 0;
}

.form-field p a {
  font-size: 14px;
  line-height: 17px;
}

.form-field.boolean label {
  padding: 0 0 0 33px;
  position: relative;
}

.form-field.boolean label:before {
  border: 1px solid #a8a8a8;
  background-color: #fff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  width: 22px;
  height: 22px;
  top: 0;
  left: 0;
  content: "";
  outline: none;
  display: block;
  position: absolute;
  box-sizing: border-box;
  webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.form-field.boolean label:after {
  display: none;
}

.form-field.boolean label.checked:after, .form-field.boolean input[type=checkbox]:checked + input ~ div label:after, .form-field.boolean input[type=checkbox]:checked + input ~ label:after, .form-field.boolean input[type=checkbox]:checked ~ label:after {
  top: 5px;
  left: 3px;
  content: "";
  outline: none;
  display: block;
  position: absolute;
  box-sizing: border-box;
  webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: inline-block;
  background: url("/hc/theming_assets/01KGJZSMT11W36DCEFM9B53Y5Y") no-repeat;
  width: 16px;
  height: 12px;
}

.form-field.boolean label:hover {
  cursor: pointer;
}

.form-field.boolean label:hover:after {
  opacity: 1;
}

.form-field.boolean input[type=checkbox] {
  position: absolute;
  top: 0;
  clip: rect(0, 0, 0, 0);
  margin: 0;
  height: 15px;
}

.form-field.boolean p {
  margin-left: 33px;
}

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

.form footer {
  margin-top: 11px;
  background: none;
}

.form footer input[type=submit] {
  font-size: 16px;
  line-height: 55px;
  border: none;
  background: #0B4AAA;
  padding: 0 44px;
  color: #ffffff;
}

.form footer input[type=submit]:hover, .form footer input[type=submit]:focus {
  background-color: #4a00e1 !important;
  border-color: #4a00e1 !important;
}

.form footer.footer-button-bar input, .form footer.footer-button-bar .button {
  margin-right: 14px;
  margin-bottom: 22px;
}

.form .suggestion-list {
  font-size: 16px;
  line-height: 22px;
  margin-top: 22px;
}

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

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

.form .suggestion-list li a {
  font-weight: 500;
}

.searchbox-suggestions {
  border-bottom: 1px solid #a8a8a8;
  padding-bottom: 11px;
}

.upload-dropzone a {
  font-size: 15px;
  line-height: 22px;
}

.upload-pool .upload-item {
  padding: 0;
  margin: 0 0 17px 0;
}

.upload-pool .upload-item:first-child {
  margin-top: 22px;
}

.upload-pool .upload-item:last-child {
  margin-bottom: 0;
}

.upload-pool .upload-item:hover {
  background: none;
}

.upload-pool .upload-item .upload-link {
  font-size: 16px;
  line-height: 22px;
  color: #000;
}

.upload-pool .upload-item .upload-link:before {
  display: none;
}

.upload-pool .upload-item .upload-remove {
  float: none;
  margin: 0 0 0 11px;
}

.upload-pool .upload-item .upload-remove:before {
  content: "";
  width: 12px;
  height: 12px;
  background: url("/hc/theming_assets/01KGJZSMT74BCX7FHKDWN4W8HP") no-repeat;
  position: absolute;
  top: 4px;
}

.upload-item p[data-upload-issue], .upload-item-icon {
  display: none;
}

.upload-remove[role=button] {
  background: none;
  height: 12px;
  border: none;
  padding: 0;
  line-height: 22px;
}

.upload-remove[role=button] > svg {
  display: none;
}

.g-recaptcha[ui=invisible] {
  margin-top: 33px;
}

.white-popup-block {
  position: relative;
  padding: 33px;
  width: auto;
  margin: 0 auto;
  max-width: 749px;
  background-color: #ffffff;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0 0 6px 0 #323c46;
}

.white-popup-block h3 {
  margin-bottom: 17px;
}

.white-popup-block p {
  margin: 0;
}

/***** Header *****/
.header {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
  width: 100%;
  height: 80px;
  background-color: #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
  transition: top 0.3s ease-in-out;
}

html[style="scroll-padding-top: 22px;"] .header {
  top: 6px;
}

html[style="scroll-padding-top: 70px;"] .header {
  top: 50px;
}

.header-main {
  height: 66px;
  position: relative;
}

.header-main .logo {
  height: 33px;
  margin: 16px 0 17px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  display: block;
  float: left;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  position: relative;
}

@media (min-width: 992px) {
  .header-main .logo {
    margin: 0;
  }
}
header .nav-wrapper {
  float: right;
  margin: 0;
  position: relative;
}

@media (max-width: 991px) {
  header .nav-wrapper {
    margin: 23px 0 17px;
  }
}
.header-main .nav-wrapper ul.menu-list > li {
  list-style: none;
  float: left;
  display: block;
  height: 33px;
}

.icon-menu {
  top: 0;
  right: 0;
  position: relative;
  z-index: 1031;
  display: block !important;
}

.icon-menu div {
  display: inline-block;
  width: 21px;
  height: 21px;
  position: relative;
  transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

.icon-menu div span {
  background: #828c96;
}

.icon-menu div span:nth-child(1) {
  top: 0;
}

.icon-menu div span:nth-child(2), .icon-menu div span:nth-child(3) {
  top: 9px;
}

.icon-menu div span:nth-child(4) {
  top: 18px;
}

.icon-menu div span {
  display: block;
  position: absolute;
  height: 3px;
  width: 21px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}

.icon-menu[aria-expanded=true] div span:nth-child(1) {
  top: 9px;
  width: 0;
  left: 50%;
}

.icon-menu[aria-expanded=true] div span:nth-child(2) {
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}

.icon-menu[aria-expanded=true] div span:nth-child(3) {
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}

.icon-menu[aria-expanded=true] div span:nth-child(4) {
  top: 9px;
  width: 0;
  left: 50%;
}

@media (min-width: 992px) {
  .header-main {
    position: relative;
  }
}
@media (min-width: 992px) {
  .header-main {
    height: 33px;
    line-height: 33px;
    padding: 27px 0 28px 0;
    font-size: 14px;
    box-sizing: content-box;
  }
  .header-main .nav-wrapper ul.menu-list > li {
    margin-left: 22px;
  }
}
.header-language-selector {
  color: #444;
}

.external-link-blue, .external-link-white, .external-link, .external-link-small {
  padding-right: 0;
}

.external-link-white:after {
  background: url("/hc/theming_assets/01KGJZSCH2Q6WSG9VEA45VCC6C") no-repeat;
}

.external-link-blue:after, .external-link-small:after {
  background: url("/hc/theming_assets/01KGJZSF8KKZ9CT50N7FM4SZ7C") no-repeat;
}

.external-link-black:before {
  background: url("/hc/theming_assets/01KGJZSMX0JN55PSTKVW7FK3VV") no-repeat;
}

.external-link-blue:after, .external-link-white:after, .external-link-small:after {
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  margin: 0 0 0 6px;
}

.external-link-black:before {
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  margin: 0 6px 0 0;
}

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

@media (max-width: 991px) {
  .user-nav {
    margin: 0 -15px;
    background-color: #fff;
    padding: 17px 15px 0;
  }
  .user-nav li {
    margin-bottom: 17px;
  }
  .user-nav li:empty {
    display: none;
  }
}
.header-main li:empty {
  display: none;
}

.nav-wrapper a {
  border: 0;
  color: #000000;
  display: none;
  font-size: 15px;
  line-height: 22px;
  width: auto;
  font-weight: 500;
}

.nav-wrapper button[role=menuitem] {
  font-weight: 500;
}

.user-nav a {
  color: #000000;
  font-size: 15px;
  line-height: 22px;
  font-weight: 500;
}

.user-nav a:hover, .user-nav a:focus {
  color: #000000;
}

.nav-wrapper a[role=button], .user-nav a[role=button] {
  color: #ffffff;
  height: 33px;
  padding: 5px 11px;
  vertical-align: top;
}

@media (min-width: 992px) {
  .nav-wrapper a {
    display: inline-block;
  }
}
.header-language-selector a {
  color: #000 !important;
  font-size: 15px;
  line-height: 22px;
}

.nav-wrapper .header-language-selector a:hover {
  text-decoration: none;
}

.header-language-selector a.dropdown-toggle:after,
.topic-header .topic-filters .dropdown-toggle:after,
.comment-sorter .dropdown-toggle:after,
.my-activities-following-header .dropdown-toggle:after {
  content: "";
  display: inline-block;
  color: #000000;
  left: 0px;
  top: 1px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 4px solid transparent;
  border-top: 4px solid #000000;
  position: relative;
}

.comment-sorter .dropdown-toggle:after {
  left: 6px;
}

.header-language-selector a.dropdown-toggle.expanded-dropdown:after,
.topic-header .topic-filters .dropdown-toggle.expanded-dropdown:after,
.comment-sorter .dropdown-toggle.expanded-dropdown:after,
.footer-language-selector a.dropdown-toggle.expanded-dropdown:after,
.my-activities-following-header .dropdown-toggle:after {
  transform: rotate(180deg);
  top: -3px;
}

.footer-language-selector .dropdown-menu {
  margin: 11px 0 0;
  width: fit-content;
}

.dropdown-menu.dropdown-menu-top {
  bottom: 100%;
  top: auto;
  margin: 0 0 11px;
}

.dropdown-menu.dropdown-menu-top::before {
  top: auto;
  bottom: -7px;
  border-bottom: none;
  border-top: 7px solid #d8d8d8;
}

.dropdown-menu.dropdown-menu-top::after {
  bottom: -5px;
  top: auto;
  border-bottom: none;
  border-top: 6px solid #fff;
}

@media (max-width: 991px) {
  .header-language-selector .dropdown-menu,
  .user-info .dropdown-menu,
  .footer-language-selector .dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    z-index: auto;
    background-clip: border-box;
    float: none;
    min-width: auto;
    padding: 0;
    margin: 0 !important;
    border: none;
    box-shadow: none;
  }
  .footer-language-selector .dropdown-menu {
    background-color: #323c46;
    color: #ffffff;
    padding: 17px 0 0 !important;
  }
  .footer-language-selector .dropdown-menu a {
    color: #ffffff;
    height: auto;
    padding: 0 !important;
  }
  .header-language-selector .dropdown-menu [role=menuitem],
  .user-info .dropdown-menu [role=menuitem],
  .footer-language-selector .dropdown-menu [role=menuitem] {
    padding: 17px 0 0;
  }
  .header-language-selector .dropdown-menu [role=menuitem]:hover,
  .user-info .dropdown-menu [role=menuitem]:hover,
  .footer-language-selector .dropdown-menu [role=menuitem]:hover {
    background: #f5f5f5;
  }
  .header-language-selector a.dropdown-toggle.expanded-dropdown,
  .footer-language-selector a.dropdown-toggle.expanded-dropdown {
    font-weight: 600;
  }
}
.dropdown-menu [role=menuitem] {
  color: #333;
  cursor: pointer;
  display: block;
  padding: 7px 40px 7px 20px;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  line-height: inherit;
  width: 100%;
}

.dropdown-toggle::after {
  display: inline-block;
  font-family: "entypo";
  vertical-align: middle;
}

.dropdown-toggle:hover {
  text-decoration: none;
}

.dropdown-menu-caret:before,
.dropdown-menu-caret::after {
  content: "";
  display: inline-block;
  position: absolute;
}

.dropdown-menu-end.dropdown-menu-caret:before {
  left: auto;
}

.dropdown-menu-caret:before {
  top: -7px;
  left: 9px;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #d8d8d8;
  border-left: 7px solid transparent;
}

.dropdown-menu-end.dropdown-menu-caret:after {
  left: auto;
}

.dropdown-menu-caret:after {
  top: -6px;
  left: 10px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

#user #user-dropdown {
  min-width: auto;
}

@media (min-width: 768px) {
  #user #user-dropdown {
    min-width: 200px;
    right: 0;
    left: auto;
    margin: 11px 0 0;
  }
  #user #user-dropdown:before {
    right: 23px !important;
  }
  #user #user-dropdown:after {
    right: 24px !important;
  }
}
.dropdown-menu [role=menuitem]:hover,
.dropdown-menu [role=menuitem]:focus {
  background: #f5f5f5;
  text-decoration: none;
  color: #000;
}

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

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

.nav-wrapper a.login, .top-menu-xs a.login, .organization-subscribe[role=button], .organization-unsubscribe[role=button], .organization-subscribe[type=button], .organization-unsubscribe[type=button] {
  padding: 0 11px;
  color: #fff;
  height: 33px;
  line-height: 33px;
  font-size: 15px;
}

.top-menu-xs a.login {
  width: auto;
  font-size: 14px;
  line-height: 33px;
}

@media (min-width: 992px) {
  .nav-wrapper a.login {
    display: inline-block;
  }
}
@media (min-width: 992px) {
  .nav-wrapper .icon-menu {
    display: none;
  }
}
[dir=rtl] .nav-wrapper .icon-menu {
  margin-left: 10px;
  margin-right: 0;
}

.top-menu-xs {
  background: #fff;
  box-sizing: border-box;
  position: absolute;
  display: table;
  z-index: 10;
  height: auto;
  width: 100%;
  box-shadow: 0 4px 6px 0 rgba(115, 80, 155, 0.3);
  border-top: 1px solid #C8CDD2;
}

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

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

@media (min-width: 992px) {
  .user-info .dropdown-toggle::after {
    display: inline-block;
  }
}
.user-info > [role=button] {
  border: 0;
  color: #fff;
  min-width: 0;
  padding: 0;
  white-space: nowrap;
  height: 33px;
  border-radius: 0;
  width: auto;
  vertical-align: top;
}

.user-info > .expanded-dropdown[role=button]:after {
  transform: rotate(180deg);
  top: -2px;
}

.user-info > [role=button]:hover {
  color: var(--link-color);
  background-color: transparent;
}

.user-info > [role=button]::after,
.footer-language-selector a.dropdown-toggle:after {
  content: "";
  color: #fff;
  left: -11px;
  top: 3px;
  border: 4px solid transparent;
  border-top: 4px solid #fff;
  position: relative;
}

.footer-language-selector a.dropdown-toggle:after {
  left: 0px;
  top: 1px;
}

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

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

/** Change password form in header dropdown **/
.user-info.dropdown span[role=separator] {
  border: none;
  font-size: 16px;
  line-height: 22px;
  color: #444;
  padding: 0;
  margin: 11px 22px 0;
}

.dropdown-menu {
  padding: 11px 0 !important;
}

#user #user-password #password-form {
  padding: 0 22px 11px;
  font-size: 14px;
  line-height: 17px;
}

#user #user-password #password-form label {
  font-size: 14px;
  line-height: 17px;
  color: #6e7882;
  font-weight: normal;
  margin-top: 17px;
  margin-bottom: 5px;
}

#user #user-password #password-form input[type=password] {
  margin: 0;
  border-radius: 3px;
  border: 1px solid #c8cdd2;
  height: 33px;
}

#user #user-password #password-form strong {
  display: none;
}

#user #user-password #password-form ul {
  margin: 17px 0;
}

#user #user-password #password-form ul li {
  font-size: 13px;
  line-height: 14px;
  color: #444;
  margin-bottom: 11px;
}

#user #user-password #password-form ul li:last-child {
  margin-bottom: 0;
}

#user #user-password #password-submit {
  margin-left: 0;
  float: left;
}

/***** User avatar *****/
/**** Header avatar on button ******/
.header-main .user-avatar, .top-menu-xs .user-avatar {
  height: 0;
  width: 0;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/hc/theming_assets/01KGJZSN99X3C2G42CVJ8KJ77N");
  background-repeat: no-repeat;
  padding: 11px;
  margin: 6px 14px 6px 11px;
}

.user-avatar {
  height: 66px;
  width: 66px;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  border-radius: 110px;
}

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

.avatar .icon-agent-container {
  background: #f5f5f5;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.avatar .icon-agent-container .icon-agent::before {
  background: url("/hc/theming_assets/01KGJZSF4GZAM6H25SYVK9G1ZA") no-repeat;
  content: "";
  height: 26px;
  width: 26px;
  position: absolute;
}

.my-activities-following-header .dropdown-menu {
  margin: 11px 0 0 !important;
  left: -37px;
  min-width: 143px;
  padding: 11px 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #c8cdd2;
  border-radius: 0;
  -webkit-box-shadow: 0 0 6px rgba(115, 80, 155, 0.3);
  box-shadow: 0 0 6px rgba(115, 80, 155, 0.3);
}

.my-activities-following-header .dropdown-menu a {
  font-size: 14px;
  line-height: 17px;
}

.dropdown-menu [role=menuitem] {
  padding: 5px 22px 5px 49px;
  height: 33px;
  margin-bottom: 6px;
  font-size: 16px;
  color: #000;
  line-height: 22px;
  text-align: left;
}

.user-info .dropdown-menu [role=menuitem] {
  padding: 5px 22px;
}

.dropdown-menu [role=menuitem]:last-child {
  margin-bottom: 0;
}

.dropdown-menu [role=menuitem][aria-selected=true] {
  background: #f5f5f5;
  padding: 5px 22px 0;
}

.dropdown-menu [role=menuitem][aria-selected=true]::before {
  content: "";
  background: url("/hc/theming_assets/01KGJZSF8GVRR42M2KGJ4S6YK0") no-repeat;
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-right: 11px;
  top: 2px;
  position: relative;
}

.dropdown-menu [role=menuitem][aria-selected=true]::after {
  display: none;
}

.dropdown-menu-end.dropdown-menu-caret::before {
  right: 170px !important;
}

.dropdown-menu-end.dropdown-menu-caret::after {
  right: 170px !important;
}

.header-language-selector .dropdown-menu-end.dropdown-menu-caret::before,
.footer-language-selector .dropdown-menu-end.dropdown-menu-caret::before {
  right: 133px !important;
}

.header-language-selector .dropdown-menu-end.dropdown-menu-caret::after,
.footer-language-selector .dropdown-menu-end.dropdown-menu-caret::after {
  right: 134px !important;
}

@media (max-width: 991px) {
  .dropdown-menu-end.dropdown-menu-caret::before {
    display: none;
  }
  .dropdown-menu-end.dropdown-menu-caret::after {
    display: none;
  }
}
/***** Footer *****/
.footer-map .container {
  background-position: right bottom;
  background-repeat: no-repeat;
  background-image: url("/hc/theming_assets/01KGJZSPWAKE8XJTND2Q4SV8E4");
}

@media (max-width: 767px) {
  .footer-map, .footer-map .container {
    background-image: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .footer-map, .footer-map .container {
    min-height: 231px;
    background-size: contain;
  }
}
@media (min-width: 992px) {
  .footer-map, .footer-map .container {
    height: 389px;
  }
}
.footer-map p {
  color: #fff;
  font-size: 16px;
  line-height: 22px;
}

.footer-map .map-content {
  padding: 90px 0;
}

@media (max-width: 991px) {
  .footer-map .map-content {
    padding: 44px 0;
  }
}
.footer-map .map-content p {
  margin: 0;
}

.footer-map .map-content .logo-img {
  margin-bottom: 22px;
}

.footer-map .logo-img img {
  height: 33px;
}

footer {
  background: #f5f5f5;
  padding-top: 33px;
}

footer, a {
  color: #8c8c8c;
}

footer > .container {
  padding-bottom: 33px;
}

.copyright {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 11px;
}

footer .footer-socials-links .socials-bar {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

@media (max-width: 767px) {
  footer .footer-socials-links {
    overflow: hidden;
  }
  footer .footer-socials-links .socials-bar {
    float: left;
    margin-top: 22px;
  }
}
footer .footer-socials-links .socials-bar li {
  margin-right: 11px;
  position: inherit;
}

footer .footer-socials-links .socials-bar li:last-child {
  margin-right: 0;
}

footer .footer-socials-links .socials-bar .sl {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  display: block;
  background-color: #0B4AAA;
  width: 33px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  border-radius: 100px;
}

footer .footer-socials-links .socials-bar .sl:before {
  content: "";
  vertical-align: middle;
  vertical-align: -webkit-baseline-middle;
}

footer .footer-socials-links .socials-bar .sl-linkedin:before {
  display: inline-block;
  background: url("/hc/theming_assets/01KGJZSRHEVAE4YZQ853Z4S74X") no-repeat;
  width: 19px;
  height: 19px;
}

footer .footer-socials-links .socials-bar .sl-facebook:before {
  display: inline-block;
  background: url("/hc/theming_assets/01KGJZSJVG06EVKAS1YEDABZYN") no-repeat;
  width: 12px;
  height: 22px;
}

footer .footer-socials-links .socials-bar .sl-twitter:before {
  display: inline-block;
  background: url("/hc/theming_assets/01KGJZSRQH74MAAMDV0KKFTA94") no-repeat;
  width: 22px;
  height: 18px;
}

footer .footer-socials-links .socials-bar .sl-youtube:before {
  display: inline-block;
  background: url("/hc/theming_assets/01KGJZSRH7ESKBK5SMZQZ8YQXM") no-repeat;
  width: 22px;
  height: 15px;
}

footer .footer-socials-links .socials-bar .sl-discord:before {
  display: inline-block;
  width: 22px;
  height: 15px;
  background: url("/hc/theming_assets/01KGJZSJHN6H57DXHH5SPFP0T5") no-repeat;
  background-size: contain;
  content: "";
}

.footer-links {
  background: #f0f0f0;
  padding: 22px 0;
}

.footer-links, .footer-links a {
  font-family: PTRootUI, sans-serif !important;
  color: #8c8c8c;
  font-size: 14px;
  line-height: 17px;
}

.footer-links a:hover {
  color: #8c8c8c;
}

.footer-links li {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: baseSizeX(2);
}

.footer-links .pull-right {
  float: none !important;
}

@media (min-width: 992px) {
  .footer-links .pull-right {
    float: right !important;
  }
}
.footer-links .pull-right li {
  margin-bottom: 0;
}

.footer-links .pull-left {
  float: none !important;
}

@media (min-width: 768px) {
  .footer-links .pull-left {
    float: left !important;
  }
}
footer .copyright {
  margin: 0;
}

footer .footer-language-selector {
  margin-bottom: 22px;
}

footer .footer-language-selector a {
  line-height: 22px;
}

footer .separated-link-bar {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (min-width: 768px) and (max-width: 991px) {
  .separated-link-bar.pull-right {
    margin-bottom: 33px;
  }
}
footer .separated-link-bar li {
  margin-right: 33px;
  display: inline-block;
}

footer .separated-link-bar li:last-child, footer .separated-link-bar li:only-child {
  margin-right: 0;
  padding-right: 0;
}

@media (max-width: 767px) {
  footer .separated-link-bar {
    margin-bottom: 0;
  }
  footer .separated-link-bar li {
    margin-bottom: 23px;
  }
  footer .copyright {
    margin-top: 5px;
  }
}
/***** Breadcrumbs *****/
.sub-nav {
  padding: 66px 0;
}

.sub-nav .breadcrumbs {
  margin: 0;
  padding: 0;
}

[class*=visual-1] .breadcrumbs {
  padding-top: 33px;
  margin: 0;
}

[class*=visual-1] .breadcrumbs li {
  padding: 0 11px 0 0;
}

.sub-nav li, .sub-nav li a, [class*=visual-1] li, [class*=visual-1] li a {
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
  display: inline;
  list-style: none;
}

[class*=visual-1] .breadcrumbs li a, [class*=visual-1] .breadcrumbs li a:visited,
[class*=visual-1] .breadcrumbs li a:hover, [class*=visual-1] .breadcrumbs li a:active, [class*=visual-1] .breadcrumbs li {
  color: #4A4B4C;
}

.sub-nav li:last-child, .sub-nav li:last-child a {
  color: #8c8c8c;
}

.sub-nav li:before, .search-result-breadcrumbs li:before, [class*=visual-1] li:before {
  content: "" !important;
  background: url("/hc/theming_assets/01KGJZSMKS8J23YVX318S377ZM");
  width: 11px;
  height: 9px;
  display: inline-block;
  vertical-align: middle;
}

[class*=visual-1] li:before {
  background: url("/hc/theming_assets/01KGJZSJRBB8NCBPJN0VP1KYCK");
  margin-right: 11px;
}

.sub-nav li:first-child:before, .search-result-breadcrumbs li:first-child:before, [class*=visual-1] li:first-child:before {
  display: none !important;
}

.sub-nav li:before, .search-result-breadcrumbs li:before {
  content: "›";
  margin: 0 11px;
}

.search-result-list-item .search-result-breadcrumbs li:before {
  margin: 0 11px 0 0;
}

.sub-nav li:first-child:before, .search-result-breadcrumbs li:first-child:before {
  content: "";
  margin: 0;
}

/* Visual */
.visual-title {
  margin-top: 0;
  margin-bottom: 33px;
}

@media (max-width: 767px) {
  .visual-title {
    margin: 0 auto 22px;
  }
}
/***** Visual *****/
.visual-home, .visual-143 {
  background-repeat: no-repeat;
  background-size: cover;
  height: 319px;
  text-align: center;
  width: 100%;
  margin-bottom: 0 !important;
}

.visual-143 {
  background-image: url("/hc/theming_assets/01JS143FWKCRQCPFSDAE92P7E4");
  background-position: top;
}

.visual-home {
  background-image: url("/hc/theming_assets/01JS143FWKCRQCPFSDAE92P7E4");
  background-position: center;
}

.visual-gradient {
  background-image: url("/hc/theming_assets/01JS143FWKCRQCPFSDAE92P7E4");
  text-align: left;
  width: 100%;
  margin-bottom: 0;
  position: relative;
}

.visual-187 {
  min-height: 187px;
  height: auto;
  padding: 66px 0;
  background-image: url("/hc/theming_assets/01JS143FWKCRQCPFSDAE92P7E4");
  background-position: top;
}

.visual-gradient.visual-187 {
  background-image: url("/hc/theming_assets/01JS143FWKCRQCPFSDAE92P7E4");
}

@media (max-width: 992px) {
  .visual-187 h1 {
    margin-bottom: 33px;
  }
}
.visual-226 {
  height: 226px;
}

.visual-176 {
  height: 176px;
  padding: 55px 0 0;
}

@media (max-width: 767px) {
  .visual-176 {
    height: auto;
  }
}
.visual-306 {
  height: 306px;
}

.visual-306.tab-menu {
  height: auto;
  min-height: 306px;
}

@media (max-width: 991px) {
  .visual-306 {
    height: auto;
  }
}
.visual-profile {
  height: 319px;
  padding-top: 55px;
}

.visual-160 {
  height: 160px;
}

.visual-226.tab-menu, .visual-306.tab-menu {
  position: static;
  margin-bottom: -66px;
  padding-bottom: 66px;
}

.visual-143 {
  min-height: 143px;
  height: auto;
  padding: 44px 0;
  text-align: left;
  background-size: auto;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .visual-143.sm-paddings-visual {
    padding: 22px 0;
  }
}
.visual-572 {
  background-image: url("/hc/theming_assets/01KGJZS8WCD44SC3TK6R88TVBM");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 572px;
  text-align: center;
  width: 100%;
  margin-bottom: 0 !important;
  min-height: 572px;
}

@media (max-width: 991px) {
  .visual-572 {
    height: auto;
    min-height: 475px;
    padding-bottom: 88px;
  }
}
.visual-572.error-page-visual {
  min-height: 70vh;
}

.visual-143 h1, .visual-226 h1, .visual-160 h1, .visual-306 h1, .visual-306 h1 a {
  margin: 0;
  font-size: 38px;
  line-height: 55px;
  color: #fff;
}

@media (max-width: 767px) {
  .visual-143 h1, .visual-226 h1, .visual-160 h1, .visual-306 h1, .visual-306 h1 a {
    word-break: break-word;
  }
}
.visual-572 h1 {
  margin-bottom: 11px;
}

.visual-572 h3, .visual-572 p {
  color: #fff;
}

.visual-572 h3 + p {
  margin-top: 22px;
}

.visual-572 .search {
  margin: 22px 0 11px;
}

/* User Profile, gray gradient bar */
.visual-gradient.visual-tab-menu {
  background-image: linear-gradient(90deg, #FF203833 0, #dfebfd, #cac9cd);
}

.visual-143 .search-visual-description {
  font-size: 14px;
  line-height: 17px;
  color: #fff;
}

@media (max-width: 991px) {
  .visual-143 .search-result-description {
    text-align: left;
  }
}
.visual-176 h1 a {
  font-size: 44px;
  line-height: 55px;
  color: #fff;
  font-weight: 500;
}

.visual-306 h1 a:hover, .visual-306 h1 a:focus, .visual-306 h1 a:visited,
.visual-176 h1 a:hover, .visual-176 h1 a:focus, .visual-176 h1 a:visited {
  text-decoration: none;
  color: #fff;
}

.visual-inner {
  padding-top: 88px;
  max-width: 750px;
  margin: 0 auto;
}

@media (min-width: 768px) and (max-width: 991px) {
  .visual-home {
    height: 341px;
  }
  .visual-home .visual-inner {
    padding-top: 66px;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .visual-home {
    background-image: -webkit-linear-gradient(top, #6fe5e7, #0B4AAA);
    background-image: -o-linear-gradient(top, #6fe5e7, #0B4AAA);
    background-image: linear-gradient(to bottom, #6fe5e7, #0B4AAA);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF6FE5E7', endColorstr='#FF0B4AAA', GradientType=0);
    height: 242px;
  }
  .visual-inner {
    padding-top: 44px;
  }
}
@media (max-width: 991px) {
  .visual-143 {
    background-image: -webkit-linear-gradient(top, #6fe5e7, #0B4AAA);
    background-image: -o-linear-gradient(top, #6fe5e7, #0B4AAA);
    background-image: linear-gradient(to bottom, #6fe5e7, #0B4AAA);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF6FE5E7', endColorstr='#FF0B4AAA', GradientType=0);
    height: 242px;
    text-align: center;
  }
  .visual-143 {
    height: auto;
  }
  .visual-143 h1 {
    padding-bottom: 33px;
  }
  .visual-143 .visual-inner {
    padding-top: 33px;
  }
}
.profile-info .avatar.profile-avatar, .profile-info .basic-info, .profile-info .options {
  display: inline-block;
}

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

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

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

.page-header-description {
  word-break: break-word;
  margin-bottom: 0;
}

@media (min-width: 1024px) {
  .page-header-description {
    flex-basis: 100%;
  }
}
.page-header .icon-lock::before {
  content: "\1F512";
  font-size: 20px;
  position: relative;
  left: -5px;
  vertical-align: baseline;
}

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

@media (min-width: 768px) {
  .blocks-list {
    margin: 0 -15px;
  }
}
.blocks-item {
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 0 6px 0 rgba(115, 80, 155, 0.3);
  box-sizing: border-box;
  display: block;
  margin: 0 0 30px;
  max-width: 100%;
  width: 100%;
  text-align: center;
  position: relative;
  top: 0;
  -webkit-transition: top 0.2s ease-out 0.1s;
  -o-transition: top 0.2s ease-out 0.1s;
  transition: top 0.2s ease-out 0.1s;
}

@media (min-width: 768px) {
  .blocks-item {
    margin: 0 15px 30px;
    display: flex;
    flex: 1 0 340px;
    flex-direction: column;
    justify-content: center;
  }
}
.blocks-item:hover, .blocks-item:focus, .blocks-item:active {
  top: -11px;
  box-shadow: 0 4px 6px 0 rgba(115, 80, 155, 0.5);
  cursor: pointer;
}

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

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

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

.blocks-item-internal a {
  color: var(--text-color);
}

.blocks-item-link {
  padding: 22px;
  min-height: 133px;
}

.blocks-item-link.short-item {
  padding: 33px 22px;
}

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

.blocks-item-title {
  margin-bottom: 0;
  color: #555;
}

.blocks-item-description {
  font-size: 14px;
  line-height: 17px;
  color: #444;
  margin: 0;
}

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

.community-blocks {
  padding-bottom: 36px;
}

.activity-featured-lists {
  background: #fff;
  padding: 110px 0;
}

.blocks-item .meta-group .meta-data {
  margin-right: 6px;
}

.blocks-item .meta-group .meta-data:last-child {
  margin-right: 0;
}

/***** Community section in homepage *****/
.community {
  text-align: center;
}

.community-image {
  min-height: 300px;
  background-image: url(var(--community-image));
  background-position: center;
  background-repeat: no-repeat;
  max-width: 100%;
}

/***** Recent activity *****/
.activity-featured-lists h2.recent-activity-header {
  padding-bottom: 33px;
}

.activity-featured-lists .community-featured-posts .featured-header {
  padding-bottom: 22px;
  border-bottom: 1px solid #d7dce1;
}

.activity-featured-lists .community-featured-posts .featured-header h3 {
  padding-right: 11px;
}

.activity-featured-lists .community-featured-posts .featured-header h3, .activity-featured-lists .community-featured-posts .featured-header .status-label {
  display: inline-block;
  margin-bottom: 11px;
}

@media (min-width: 768px) {
  .recent-activity-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: left;
    margin: 0 -15px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.recent-activity-list {
  padding: 0;
}

@media (max-width: 767px) {
  .activity-featured-lists .recent-activity-item:first-child, .activity-featured-lists .promoted-articles-item:first-child {
    border-top: 1px solid #dedede;
  }
}
@media (min-width: 768px) {
  .activity-featured-lists .recent-activity-item:nth-child(-n+2), .activity-featured-lists .promoted-articles-item:nth-child(-n+2) {
    border-top: 1px solid #dedede;
  }
}
@media (min-width: 992px) {
  .activity-featured-lists .recent-activity-item:nth-child(-n+3), .activity-featured-lists .promoted-articles-item:nth-child(-n+3) {
    border-top: 1px solid #dedede;
  }
}
.activity-featured-lists .recent-activity-item, .activity-featured-lists .promoted-articles-item {
  border-bottom: 1px solid #dedede;
  overflow: auto;
  padding-top: 22px;
  padding-bottom: 22px;
  overflow: hidden;
  width: 100%;
}

@media (min-width: 768px) {
  .activity-featured-lists .recent-activity-item, .activity-featured-lists .promoted-articles-item {
    -webkit-flex-basis: calc(50% - 30px);
    flex-basis: calc(50% - 30px);
    max-width: calc(50% - 30px);
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 992px) {
  .activity-featured-lists .recent-activity-item, .activity-featured-lists .promoted-articles-item {
    -webkit-flex-basis: calc(33.33% - 30px);
    flex-basis: calc(33.33% - 30px);
    max-width: calc(33.33% - 30px);
  }
}
.activity-featured-lists .promoted-articles-item {
  padding-bottom: 41px;
}

.activity-featured-lists .recent-activity-item-parent,
.activity-featured-lists .promoted-articles-item > a {
  font-size: 14px;
  line-height: 17px;
  color: #000;
  margin-bottom: 6px;
  display: block;
}

.activity-featured-lists .recent-activity-item-parent:hover,
.activity-featured-lists .promoted-articles-item > a:hover {
  color: #000;
}

.activity-featured-lists .recent-activity-item-parent,
.activity-featured-lists .recent-activity-item-link {
  display: inline-block;
  width: 100%;
}

.recent-activity-item-link {
  margin-bottom: 11px;
  font-size: 20px;
  line-height: 26px;
  font-weight: 500;
}

.recent-activity-item-meta {
  font-size: 14px;
  line-height: 17px;
  color: #8c8c8c;
}

.recent-activity-item-time {
  display: inline-block;
}

.recent-activity-item-comment {
  display: none;
}

.recent-activity-controls {
  padding-top: 15px;
}

.activity-featured-lists .recent-activity-controls {
  padding: 0;
  display: none !important;
}

/***** Category pages *****/
.category-container {
  display: flex;
  justify-content: flex-end;
}

.category-content {
  flex: 1;
}

@media (min-width: 1024px) {
  .category-content {
    flex: 0 0 80%;
  }
}
.section-tree {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}

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

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

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

.section-tree-title a {
  color: var(--text-color);
}

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

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

.section-content {
  flex: 1;
}

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

.bg-grad-v-cian-blue {
  background-color: #0B4AAA;
  background-image: -webkit-linear-gradient(bottom, #6fe5e7, #0B4AAA);
  background-image: -o-linear-gradient(bottom, #6fe5e7, #0B4AAA);
  background-image: linear-gradient(0deg, #6fe5e7, #0B4AAA);
  background-image: -ms-linear-gradient(bottom, #6fe5e7 0, #0B4AAA 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="$start", endColorstr="$end");
}

.bg-grad-v-pink-blue {
  background-color: #0B4AAA;
  background-image: -webkit-linear-gradient(bottom, #ff98f7, #0B4AAA);
  background-image: -o-linear-gradient(bottom, #ff98f7, #0B4AAA);
  background-image: linear-gradient(0deg, #ff98f7, #0B4AAA);
  background-image: -ms-linear-gradient(bottom, #ff98f7 0, #0B4AAA 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="$start", endColorstr="$end");
}

.bg-blue {
  background-color: #0B4AAA;
}

.cta-block [class|=col] > div {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
}

@media (min-width: 992px) {
  .cta-block [class|=col] > div {
    background-image: none !important;
    background-color: transparent !important;
  }
}
.cta-block .card-wrapper {
  background-repeat: no-repeat;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
  background-position: bottom right;
  background-image: url("/hc/theming_assets/01JXX8NRHVHMP0NHXRQ0F3S7V7");
}

@media (max-width: 991px) {
  .cta-block .card-wrapper {
    background-image: none !important;
    padding: 0 22px;
  }
}
.cta-block .card-wrapper .card-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
}

.cta-block .card-wrapper .card-content {
  padding-top: 33px;
  padding-bottom: 22px;
}

.cta-block .card-wrapper .card-content.section-content {
  margin-bottom: 0;
}

.cta-block .card-wrapper .card-content.section-content ul li {
  display: inline-block;
  margin-right: 33px;
}

.cta-block .card-wrapper .card-content.section-content ul li:last-child {
  margin-right: 0;
  margin-bottom: 22px;
}

@media (min-width: 992px) {
  .cta-block .card-wrapper .card-content {
    margin-right: 33.3333%;
    padding-left: 33px;
    width: auto;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .cta-block .card-wrapper .card-content {
    margin-right: 33px;
    padding-left: 33px;
  }
}
.cta-block .bg-grad-v-cian-blue .card-wrapper .card-content h3,
.cta-block .bg-grad-v-pink-blue .card-wrapper .card-content h3,
.cta-block .bg-blue .card-wrapper .card-content h3 {
  color: #ffffff;
  font-weight: 500;
}

/***** Article *****/
.article-container {
  padding-top: 66px;
  padding-bottom: 143px;
}

@media (min-width: 992px) {
  .article-container #leftColumn {
    padding-right: 45px;
  }
}
.article-container h3 {
  margin: 33px 0;
}

.article-container .centered, .article-container .t-center {
  text-align: center;
}

.article {
  word-wrap: break-word;
}

@media (max-width: 767px) {
  .article {
    word-wrap: break-word;
  }
}
.article-header h2 {
  margin-bottom: 22px;
  word-break: break-word;
}

.article-author {
  overflow: hidden;
  border-top: 1px solid #dedede;
  padding-top: 22px;
}

.article-header {
  margin-bottom: 33px;
  padding-bottom: 22px;
  border-bottom: 1px solid #dedede;
}

.article-header.no-border {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.article-content {
  margin-bottom: 110px;
  padding-top: 22px;
}

.article-content .wysiwyg-image-align-right {
  float: right;
  margin: 8px 0 24px 32px;
}

.article .article-share {
  margin: 33px 0 33px;
  padding: 33px 33px 0;
  border-radius: 6px;
  background-color: #E2E3E4;
  overflow: hidden;
}

.article-share .share-title, .article-share .share-links {
  margin-bottom: 33px;
}

@media (min-width: 768px) {
  .article-share .share-title {
    display: inline-block;
  }
  .article-share .share-links {
    display: inline-block;
    float: right;
  }
}
.article .article-more-questions {
  padding: 0;
}

/* NEW article votes */
.article-votes {
  padding: 22px 33px 0;
  border-radius: 6px;
  background-color: #e2e3e4;
  overflow: hidden;
  text-align: center;
}

.article-votes-title {
  font-size: 16px;
  font-weight: normal;
  color: #ff2038;
  margin-bottom: 0;
}

.article-votes-count {
  font-size: 14px;
  font-weight: normal;
  color: #000;
  margin-bottom: 0;
}

.article-vote {
  margin: 10px 5px;
  min-width: 90px;
  width: auto;
}

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

.article-more-questions a {
  color: var(--link-color);
  text-decoration: underline;
}

.article-more-questions a:visited {
  color: var(--visited-link-color);
}

.article-more-questions a:hover, .article-more-questions a:active, .article-more-questions a:focus {
  color: var(--hover-link-color);
}

.article-comments {
  margin: 88px 0 0;
}

.article-author > div {
  display: inline-block;
  margin-right: 22px;
  vertical-align: top;
}

.article-author > div:last-child {
  margin-right: 0;
}

@media (min-width: 768px) {
  .article-author > div:last-child.subscribe-container {
    float: right;
  }
}
@media (max-width: 767px) {
  .article-header {
    margin-bottom: 11px;
  }
  .article-author > div {
    margin-bottom: 22px;
    display: block;
  }
}
@media (max-width: 665px) {
  .subscribe-container {
    width: 100%;
  }
}
.article-meta {
  font-size: 22px;
  line-height: 33px;
  color: #000000;
}

.article-meta {
  margin-top: 11px;
}

.subscribe-container {
  margin-top: 6px;
}

@media (max-width: 767px) {
  .article-meta, .subscribe-container {
    margin-top: 0;
  }
}
.article-meta .meta-data, .article-meta .article-comment-count {
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  vertical-align: bottom;
}

.article-meta .meta-data {
  margin-right: 22px;
}

.article-meta .meta-data:before {
  display: inline-block;
  background: url("/hc/theming_assets/01KGJZSN001C923WSVYDN0DYZC") no-repeat;
  width: 17px;
  height: 17px;
  content: "";
  top: 4px;
  position: relative;
  margin-right: 6px;
}

.article-meta .article-comment-count .icon-comments:before {
  display: none;
  background: url("/hc/theming_assets/01KGJZSD9F8F53VJ1EG498FW57") no-repeat;
  width: 17px;
  height: 17px;
  content: "";
  margin-right: 6px;
}

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

.article-meta a {
  font-size: 22px;
  line-height: 33px;
  color: #000;
}

.article-meta .meta-group {
  margin: 6px 0 0;
  line-height: 17px;
}

.article-avatar {
  width: 66px;
}

.article-content p, .article-content li, .article-content p span, .article-content li span {
  color: #000;
  font-size: 16px !important;
}

.article-content pre {
  color: #000;
  font-size: 16px;
  line-height: 22px;
  padding: 11px;
  margin-bottom: 22px;
}

.article-content ol {
  padding-left: 24px;
  list-style-type: decimal;
  counter-reset: li;
}

.article-content ul {
  list-style-type: disc;
  padding-left: 22px;
  margin: 0;
}

.article-content ul ul {
  list-style-type: circle;
}

.article-content ul + p, .article-content ol + p {
  margin-top: 22px !important;
}

.article-content ul li, .article-content ol li {
  font-size: 16px;
  line-height: 22px;
  padding-left: 0;
  margin: 11px 0 0 0;
}

code {
  padding: 2px 4px !important;
  font-size: 16px !important;
  color: #000 !important;
  background-color: #E2E3E4 !important;
  border-radius: 0 !important;
}

.change-log .tech-specs-table > ol > li {
  font-size: 19px !important;
  font-weight: 600;
}

.change-log ol > li > p, .change-log ol > li > ul, .change-log .tech-specs-table > ol > li > ol {
  font-weight: 400;
}

.article-content h4 {
  margin: 22px 0 17px;
}

.product-grid h4 {
  margin-top: 0;
}

.article-content h5 {
  margin-bottom: 11px;
}

.article-content img {
  max-width: 100%;
  margin-top: 22px;
  margin-bottom: 22px;
}

.article-content img.gray-border, .article-content .img-border img {
  border: 1px solid #000000 !important;
}

.article-content img.no-border {
  border: none !important;
}

p[class*=indent-] img {
  margin-top: 0;
  margin-bottom: 0;
}

ul.check-blue {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}

ul.check-blue > li {
  padding-left: 33px !important;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 17px;
  margin-top: 11px;
  position: relative;
  list-style-type: none;
}

ul.check-blue > li:before {
  display: inline-block;
  background: url("/hc/theming_assets/01KGJZSMTC1SBM5QYD1W5ZB456") no-repeat;
  width: 22px;
  height: 22px;
  content: "";
  position: absolute;
  left: 0;
}

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

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

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

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

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

.upload-dropzone {
  border: none;
  background: #E2E3E4;
  text-align: left;
  height: 55px;
}

@media (max-width: 767px) {
  .upload-dropzone {
    height: auto;
  }
}
.upload-dropzone span {
  color: #000;
  font-size: 16px;
  line-height: 22px;
  padding: 16px 17px 17px;
  width: 100%;
}

span.optional {
  padding-left: 3px;
}

/***** Social share links *****/
.share {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.share:before, .share:after {
  content: " ";
  display: table;
}

.share li {
  margin-right: 11px;
  padding: 0;
  position: inherit;
  float: left;
  display: block;
}

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

.share a {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  display: block;
  width: 33px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  border-radius: 100px;
}

.share a:before {
  content: "";
  vertical-align: middle;
  vertical-align: -webkit-baseline-middle;
}

.share a svg {
  display: none;
}

.share .share-facebook {
  background-color: #0B4AAA;
}

.share .share-facebook:before {
  display: inline-block;
  background: url("/hc/theming_assets/01KGJZSJVG06EVKAS1YEDABZYN") no-repeat;
  width: 12px;
  height: 22px;
}

.share .share-twitter {
  background-color: #0B4AAA;
}

.share .share-twitter:before {
  display: inline-block;
  background: url("/hc/theming_assets/01KGJZSRQH74MAAMDV0KKFTA94") no-repeat;
  width: 22px;
  height: 18px;
}

.share .share-linkedin {
  background-color: #0B4AAA;
}

.share .share-linkedin:before {
  display: inline-block;
  background: url("/hc/theming_assets/01KGJZSRHEVAE4YZQ853Z4S74X") no-repeat;
  width: 19px;
  height: 19px;
}

.share .share-googleplus {
  background-color: #0B4AAA;
}

.share .share-googleplus:before {
  display: inline-block;
  background: url("/hc/theming_assets/01KGJZSRH8J3PA3SJA9NYEDGGS") no-repeat;
  width: 23px;
  height: 15px;
}

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

/***** Related articles list on the right ******/
@media (max-width: 991px) {
  .same-label-list .labeled-articles, .same-label-list .related-articles {
    margin-top: 88px;
    margin-bottom: 0;
  }
}
.related-articles ul {
  margin-bottom: 0;
}

.labeled-articles li, .related-articles ul li {
  margin-bottom: 22px;
}

.labeled-articles li:last-child, .related-articles ul li:last-child {
  margin-bottom: 0;
}

/***** Recently viewed articles ******/
.recently-viewed {
  margin-top: 88px;
}

.recently-viewed h3 {
  margin: 0 0 33px;
}

.recently-viewed .recent-articles h3 {
  display: none;
}

.recently-viewed .recent-articles ul, .recently-viewed .recent-articles ul li:last-child {
  margin-bottom: 0;
}

.recently-viewed .recent-articles ul li {
  margin-bottom: 22px;
}

.recently-viewed .recent-articles ul li a {
  font-weight: 500;
  word-break: break-word;
}

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

.comment-overview {
  padding-bottom: 11px;
}

.article-container h3.comment-heading {
  margin: 0 0 11px;
}

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

.comment-callout {
  color: #000000;
  display: inline-block;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 0;
}

.comment-list + .comment-callout {
  font-size: 16px;
  line-height: 22px;
  color: #000;
  padding-top: 33px;
}

.comment-callout a {
  color: #0B4AAA;
}

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

.comment-sorter a {
  color: #000;
  font-size: 15px;
  line-height: 22px;
  text-decoration: none;
  margin-right: 6px;
}

.comment-sorter a:hover, .comment-sorter a:focus, .comment-sorter a:active, .comment-sorter a:visited {
  color: #000;
}

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

.comment-list {
  margin-bottom: 0;
  border-top: 1px solid #000000;
}

.comment-info {
  overflow: hidden;
}

@media (min-width: 768px) {
  .comment-avatar {
    display: inline-block;
  }
  .comment-block {
    display: inline-block;
    float: right;
    width: calc(100% - 88px);
  }
}
.comment-author {
  margin-bottom: 33px;
}

.comment-meta {
  overflow: hidden;
}

.comment-meta-info, .comment-meta-pref {
  display: inline-block;
}

.comment-meta-pref {
  float: right;
}

.comment-avatar {
  margin-right: 22px;
  vertical-align: top;
}

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

@media (max-width: 767px) {
  .comment-block {
    margin-top: 18px;
  }
}
.comment-meta span, .comment-meta span a {
  font-size: 22px;
  line-height: 33px;
  color: #000;
  font-weight: 500;
}

.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-meta .meta-group .meta-data {
  font-size: 14px;
  line-height: 17px;
  color: #000000;
}

.comment-form {
  padding-top: 33px;
  padding-bottom: 33px;
  word-wrap: break-word;
}

.comment-form + p.comment-callout {
  padding-top: 33px;
}

.comment-container {
  width: calc(100% - 92px);
  display: inline-block;
}

@media (max-width: 767px) {
  .comment-container {
    margin-top: 18px;
    width: 100%;
  }
}
.comment-container textarea {
  border: 1px solid #000000;
  border-radius: 0;
}

.comment-avatar .user-avatar {
  width: 66px;
  height: 66px;
}

.comment-form-controls {
  display: none;
  text-align: left;
}

#hc-wysiwyg {
  border: 1px solid #000000;
  border-radius: 0;
}

#hc-wysiwyg [role=toolbar] {
  background: #E2E3E4;
  border-bottom: 1px solid #000000;
  height: 44px;
  padding: 11px 6px 11px;
}

#hc-wysiwyg [class^=wysiwyg-icon-] {
  color: #000;
  font-size: 16px;
  line-height: 22px;
  height: 22px;
  border-radius: 0;
  margin: 0 5px;
  min-width: 22px;
}

#hc-wysiwyg [class^=wysiwyg-icon-]:hover, #hc-wysiwyg [class^=wysiwyg-icon-]:focus, #hc-wysiwyg [class^=wysiwyg-icon-]:active {
  border-color: #000 !important;
  background-color: #E2E3E4 !important;
}

@media (min-width: 768px) {
  [dir=rtl] .comment-form-controls {
    text-align: right;
  }
}
.comment-form-controls input[type=submit] {
  margin-top: 22px;
}

.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: 11px;
}

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

.comment-attachments a {
  color: #0B4AAA;
}

.comment-body {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  line-height: 22px;
}

.comment-body hr {
  border: none;
  margin-top: 0;
  margin-bottom: 11px;
}

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

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

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

.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 a:visited {
  color: #4B7AC3;
}

.comment-body code {
  background: #E2E3E4;
  border: none;
  padding: 11px;
  margin: 11px 0;
  color: #000;
}

.comment-body pre {
  background: #E2E3E4;
  padding: 11px;
  color: #000;
  overflow: auto;
  white-space: pre;
}

.comment-body blockquote {
  border-left: 1px solid #000000;
  color: #000;
  font-style: italic;
  padding: 0 11px;
}

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

.request-main .zd-comment p:last-child, .request-main .zd-comment p:last-child a {
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 0;
  margin-top: 22px;
}

.request-main .zd-comment p:last-child, .request-main .zd-comment p:last-child a,
.request-main .zd-comment p:last-child a:hover, .request-main .zd-comment p:last-child a:focus,
.request-main .zd-comment p:last-child a:active {
  color: #8c8c8c;
}

.request-main .zd-comment p:last-child, .request-main .zd-comment p:last-child strong {
  font-weight: 400 !important;
}

/***** Vote *****/
/* Used in article comments, post comments and post */
.comment-actions-container {
  margin-top: 22px;
}

.vote {
  height: 22px;
}

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

[type=button].vote-up, [type=button].vote-down, [type=button][aria-label="Comment actions"], [type=button][aria-label="Post actions"] {
  border: none;
  background: transparent;
  font-size: 0;
  padding: 0;
}

[type=button].vote-up:focus, [type=button].vote-down:focus, [type=button][aria-label="Comment actions"]:focus, [type=button][aria-label="Post actions"]:focus {
  outline: none;
}

[type=button].vote-up:hover, [type=button].vote-down:hover, [type=button][aria-label="Comment actions"]:hover, [type=button][aria-label="Post actions"]:hover {
  color: #FF2038;
}

.vote-up::before {
  content: "";
  background: url("/hc/theming_assets/01KGJZSEYG47SPJT15R4B43CTY") no-repeat;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  width: 22px;
  height: 22px;
  display: inline-block;
  position: relative;
  top: 0;
}

.vote-down::before {
  content: "";
  background: url("/hc/theming_assets/01KGJZSEYG47SPJT15R4B43CTY") no-repeat;
  width: 22px;
  height: 22px;
  display: inline-block;
  position: relative;
  top: 0;
}

.vote-sum {
  color: #000;
  font-size: 16px;
  line-height: 22px;
  display: inline-block;
  margin: 0 11px;
  vertical-align: top;
}

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

/***** Actions *****/
/* Styles admin and en user actions(edit, delete, change status) in comments and posts */
.actions {
  display: block;
  /*Avoid collapsing elements in Safari*/
}

.post-subscribe-container {
  height: 55px;
}

.post-subscribe-container > div {
  display: inline-block;
}

.post-actions {
  padding: 0 11px;
}

.post-subscribe-container .post-actions {
  padding-right: 0 !important;
  vertical-align: top;
}

.actions .dropdown-toggle, .actions [aria-label="Comment actions"], .actions [aria-label="Post actions"],
.actions [type=button] {
  font-size: 0 !important;
  margin: 0 !important;
  color: #000 !important;
}

.actions [aria-label="Comment actions"]:hover, .actions [aria-label="Post actions"]:hover, .actions [type=button]:hover {
  background: transparent;
  color: #6e7882;
}

.actions .dropdown-toggle::before, .actions [aria-label="Comment actions"]::before, .actions [aria-label="Post actions"]::before,
.actions [type=button]::before {
  background: url("/hc/theming_assets/01KH6QJHEQDH8FCR11HQEWNWY3") no-repeat;
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
}

.actions.post-actions .dropdown-toggle:after, .actions [aria-label="Comment actions"]::after, .actions [aria-label="Post actions"]::after,
.actions [type=button]::after {
  margin-left: 6px;
}

.actions .dropdown-menu-top {
  bottom: auto;
}

.actions .dropdown-menu {
  margin-top: 11px;
}

.actions [type=button]:not(.vote-up):not(.tabs-carousel-next):not(.tabs-carousel-prev):not(.vote-down):not(.zd-product-tray-toggle) {
  border: none !important;
  text-transform: none !important;
  background: transparent !important;
  height: auto !important;
  padding: 0;
  margin: 0;
}

.actions [type=button]:not(.vote-up):not(.tabs-carousel-next):not(.tabs-carousel-prev):not(.vote-down):not(.zd-product-tray-toggle):hover, .actions [type=button]:not(.vote-up):not(.tabs-carousel-next):not(.tabs-carousel-prev):not(.vote-down):not(.zd-product-tray-toggle):focus,
.actions [type=button]:not(.vote-up):not(.tabs-carousel-next):not(.tabs-carousel-prev):not(.vote-down):not(.zd-product-tray-toggle):active {
  background: transparent !important;
  border: none !important;
  background-color: transparent !important;
  color: #000 !important;
  outline: none;
}

div._1d3d0c8a3793ecefacd4ba2a0772dca2-css {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  min-width: 160px;
  padding: 17px 0;
  margin: 0;
  font-size: 16px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 17px 0 rgba(0, 40, 100, 0.2);
  box-shadow: 0 0 17px 0 rgba(0, 40, 100, 0.2);
}

a._16fa68852abd8d5df60fc8497abaa4fb-css, div._16fa68852abd8d5df60fc8497abaa4fb-css {
  padding: 5px 22px;
  height: 33px;
  margin-bottom: 6px;
  font-size: 16px;
  color: #000;
  line-height: 22px;
  text-align: left;
  cursor: pointer;
  display: block;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  width: 100%;
}

div._1d3d0c8a3793ecefacd4ba2a0772dca2-css div[role=none]:last-child > a._16fa68852abd8d5df60fc8497abaa4fb-css {
  margin-bottom: 0;
}

a._16fa68852abd8d5df60fc8497abaa4fb-css:hover, div._16fa68852abd8d5df60fc8497abaa4fb-css:hover {
  background: #f5f5f5;
}

div.b1f4e10d366e3d2ffbe18224ab424752-css {
  margin: 0;
  padding: 0;
  border: none;
  display: none;
}

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

.community-footer, .post-sidebar {
  text-align: center;
  background: #E2E3E4;
  border-radius: 6px;
}

.community-footer {
  padding: 44px 44px 22px;
}

.post-sidebar {
  padding: 44px 22px;
}

@media (max-width: 991px) {
  .post-sidebar {
    margin-top: 44px;
  }
}
.post-body {
  font-size: 16px;
  line-height: 22px;
  color: #444;
}

.community-footer h4, .post-sidebar h4, .community-footer a {
  margin-bottom: 22px;
}

.post-sidebar h4 {
  margin-bottom: 22px;
}

@media (min-width: 768px) {
  .community-footer h4, .community-footer a {
    display: inline-block;
  }
  .community-footer h4 {
    margin-right: 33px;
  }
}
.community-featured-posts, .community-activity {
  margin-bottom: 44px;
}

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

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

.header-item-left {
  padding-bottom: 22px;
}

.header-item-right {
  margin-top: 22px;
  display: block;
}

.button-list [role=button], .button-list [type=button] {
  margin-bottom: 22px !important;
}

@media (min-width: 992px) {
  .header-item-right {
    margin: 0;
    text-align: right;
  }
  .community-header.header-item-right {
    float: right;
  }
}
/* Community topics grid */
/**********************************************************************************************/
.community-posts-header {
  padding: 66px 0 0;
}

.community-posts-header .page-header-description {
  margin: 0 0 22px;
  padding-top: 11px;
}

.topics {
  max-width: none;
  width: 100%;
}

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

.header-item-left {
  display: inline-block;
}

.header-item-left .dropdown-toggle h2 {
  display: inline-block;
}

.header-item-left .dropdown-toggle::after {
  content: "";
  display: inline-block;
  color: #000000;
  left: 0px;
  top: -4px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 7px solid transparent;
  border-top: 7px solid #000000;
  position: relative;
  margin-left: 11px;
}

@media (max-width: 767px) {
  .header-item-left .dropdown-toggle h2 {
    display: inline;
  }
}
@media (max-width: 340px) {
  .header-item-left .dropdown-toggle {
    width: 90%;
  }
}
.header-item-left .dropdown-toggle.expanded-dropdown:after {
  transform: rotate(180deg);
  top: -16px;
}

.header-item-left .dropdown-menu {
  margin-top: -22px;
  top: 100%;
  right: 0;
  left: auto;
  float: inherit;
  transform: translate(50%, 0);
}

@media (max-width: 400px) {
  .header-item-left .dropdown-menu {
    transform: translate(40%, 0);
  }
}
@media (max-width: 320px) {
  .header-item-left .dropdown-menu {
    transform: translate(-45%, 0);
  }
}
.header-item-left .status-label {
  margin-left: 11px;
}

.section-page-header > div {
  display: inline-block;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .section-page-header > div {
    display: block;
    margin-right: 0 !important;
  }
}
/***********************************************************************************/
/* Community topic page */
.topic-header {
  border-bottom: 1px solid #dedede;
  font-size: 15px;
  line-height: 22px;
  color: #000;
}

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

.topic-header .dropdown:last-child {
  margin-right: 0;
}

@media (min-width: 768px) {
  .topic-header .dropdown {
    border-top: 0;
    padding: 0;
  }
}
.no-posts-with-filter {
  margin-top: 16px;
}

.no-posts-with-filter p {
  color: #6e7882;
}

.new-post-container {
  padding: 66px 0 121px;
}

.new-post-container h2 {
  margin-bottom: 33px;
}

/* Topic, post and user follow button */
/***** Striped list *****/
/* Used in community posts list and requests list */
.all-posts-list {
  padding-bottom: 33px;
}

.all-posts-list #pagination {
  padding-bottom: 33px;
}

.striped-list {
  padding: 0;
}

.posts-list.striped-list {
  margin-bottom: 33px;
}

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

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

@media (max-width: 767px) {
  .striped-list-info {
    margin-bottom: 11px;
  }
}
.striped-list .striped-list-info .meta-group li {
  margin-right: 11px;
}

.striped-list .striped-list-info .meta-group li:last-child {
  margin-right: 0;
}

.striped-list .striped-list-title {
  font-size: 20px;
  line-height: 26px;
  font-weight: 500;
  display: inline-block;
  margin-right: 11px;
  margin-bottom: 11px;
}

.striped-list .post-overview-item {
  display: inline-block;
}

.striped-list-count {
  justify-content: flex-start;
  text-transform: capitalize;
  margin-bottom: 11px;
}

.striped-list-count:last-child {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .striped-list-count {
    display: flex;
    flex: 2;
    margin-bottom: 0;
  }
}
.striped-list-count-item {
  font-size: 14px;
  line-height: 17px;
  color: #000000;
}

.striped-list-number.post-vote-sum:before {
  content: "";
  background: url("/hc/theming_assets/01KGJZSEQRG7Q17S982T790975") no-repeat;
  width: 17px;
  height: 17px;
  display: inline-block;
  vertical-align: -3px;
  margin-right: 6px;
}

.striped-list-number.comment-count:before {
  content: "";
  background: url("/hc/theming_assets/01KGJZSD9F8F53VJ1EG498FW57") no-repeat;
  width: 17px;
  height: 17px;
  display: inline-block;
  vertical-align: -3px;
  margin-right: 6px;
}

/***** Status labels *****/
/* Styles labels used in posts, articles and requests */
.status-label {
  border: none;
  border-radius: 0;
  color: #000000;
  font-size: 13px !important;
  line-height: 14px !important;
  font-weight: 500;
  margin-top: -3px;
  padding: 6px;
  vertical-align: middle;
  white-space: nowrap;
  display: inline-block;
  text-transform: uppercase;
}

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

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

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

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

.status-label-open, .status-label-new, .escalation-badge,
.status-label-pending, .status-label-pinned {
  color: #ff2038 !important;
  background: #ffeff6;
}

.status-label-solved, .status-label-closed, .status-label-hold,
.status-label-answered, .status-label-not-planned {
  color: #000000 !important;
  background: #f0f0f0;
}

.status-label-pending {
  color: #3cb873 !important;
  background: #daf6e6;
}

.icon-lock {
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
}

.article-header .icon-lock, .header-item-left .icon-lock {
  color: #6e7882;
  font-weight: normal;
}

.article-header .icon-lock:before, .header-item-left .icon-lock:before {
  content: "";
  background: url("/hc/theming_assets/01KH6QJM2N062R72FZ59YZ6XXT") no-repeat;
  width: 17px;
  height: 17px;
  display: inline-block;
  margin: 0 5px 6px 0;
  vertical-align: top;
}

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

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

@media (min-width: 1024px) {
  .post-container {
    flex-direction: row;
  }
}
.post-header {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 10px;
}

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

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

@media (min-width: 768px) {
  .post-title {
    margin-bottom: 0;
    padding-right: 10px;
  }
}
.post-title h1 {
  display: inline;
  vertical-align: middle;
}

@media (min-width: 768px) {
  .post-title h1 {
    margin-right: 5px;
  }
}
.post-author {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
}

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

.post-content {
  font-family: PTRootUI, sans-serif !important;
  line-height: 1.6;
  word-break: break-word;
}

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

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

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

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

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

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

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

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

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

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

.post-body code {
  background: color-mix(in srgb, var(--background-color), black 3%);
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}

.post-body pre {
  background: color-mix(in srgb, var(--background-color), black 3%);
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
}

.post-body blockquote {
  border-left: 1px solid #ddd;
  color: color-mix(in srgb, var(--text-color), white 20%);
  font-style: italic;
  padding: 0 15px;
}

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

.post-comment-count {
  color: color-mix(in srgb, var(--text-color), white 20%);
  font-weight: 300;
}

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

.post-comment-count .icon-comments {
  color: var(--brand-color);
  content: "\1F4AC";
  display: inline-block;
  font-size: 18px;
  padding: 5px;
}

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

@media (min-width: 1024px) {
  .post-comments {
    margin-bottom: 0;
  }
}
/* Navigation element that collapses on mobile */
.collapsible-nav {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  flex-direction: column;
  max-height: 45px;
  overflow: hidden;
  font-size: 14px;
}

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

@media (min-width: 768px) {
  .collapsible-nav-list {
    flex-direction: row;
  }
}
.collapsible-nav-list li {
  color: #000;
  line-height: 22px;
  font-size: 16px;
  font-weight: 500;
  padding: 11px 22px;
  order: 1;
}

@media (min-width: 768px) {
  .collapsible-nav-list li {
    margin-right: 11px;
  }
  [dir=rtl] .collapsible-nav-list li {
    margin-left: 11px;
    margin-right: 0;
  }
  .collapsible-nav-list li a {
    text-decoration: none;
  }
}
.collapsible-nav-list li a {
  color: #000;
  display: block;
}

@media (min-width: 768px) {
  .collapsible-nav-list li:hover a {
    text-decoration: underline;
  }
}
.collapsible-nav-list li[aria-selected=true] {
  order: 0;
  position: relative;
}

.collapsible-nav[aria-expanded=true] .collapsible-nav-list li[aria-selected=true] {
  color: #ff2038;
}

@media (min-width: 768px) {
  .collapsible-nav-list li[aria-selected=true] {
    order: 1;
    background: #f5f5f5;
    color: #ff2038;
    font-size: 17px;
  }
}
.collapsible-nav-list li[aria-selected=true] a {
  color: #ff2038;
}

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

@media (min-width: 768px) {
  .collapsible-nav-list li[aria-selected=true]::after {
    display: none;
  }
}
[dir=rtl] .collapsible-nav-list li[aria-selected=true]::after {
  left: 0;
  right: auto;
}

.collapsible-nav[aria-expanded=true] {
  max-height: none;
  overflow: visible;
  z-index: 9;
}

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

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

@media (min-width: 1024px) {
  .collapsible-sidebar {
    max-height: none;
    padding: 0;
  }
}
.collapsible-sidebar[aria-expanded=true] {
  max-height: none;
}

.collapsible-sidebar[aria-expanded=true]:not(.request-sidebar) {
  padding-bottom: 44px;
}

@media (max-width: 767px) {
  .collapsible-sidebar {
    padding-top: 44px;
    max-height: 66px;
  }
  .collapsible-sidebar[aria-expanded=true]:not(.request-sidebar) {
    padding: 44px 0 0;
  }
}
.collapsible-sidebar[aria-expanded=true] .collapsible-sidebar-title::after {
  content: "\2715";
}

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

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

@media (min-width: 1024px) {
  .collapsible-sidebar-title::after {
    display: none;
  }
}
[dir=rtl] .collapsible-sidebar-title::after {
  left: 10px;
  right: auto;
}

/***** My activities *****/
.my-activities-nav {
  background-color: #fff;
  border-top: 1px solid #dedede !important;
  border: 0;
  height: 44px;
}

@media (max-width: 767px) {
  .my-activities-nav {
    height: auto;
  }
}
.collapsible-nav-list {
  margin-bottom: 0;
}

.collapsible-nav[aria-expanded=true] .collapsible-nav-list {
  position: relative;
}

/***** hidden menu cos of duplication *****/
.my-activities-sub-nav {
  padding-top: 66px;
  display: none;
}

.tabs.responsive-tabs button.tabs-carousel-next {
  position: absolute;
  z-index: 10;
  width: 15px;
  height: 100%;
  top: 0;
  display: none;
  background: transparent;
  border: none;
  right: 0;
  padding-right: 7px;
}

.tabs.responsive-tabs button.tabs-carousel-prev, .tabs.responsive-tabs button.tabs-carousel-prev[type=button] {
  left: 0;
  padding-left: 7px !important;
  position: absolute;
  z-index: 10;
  width: 15px;
  height: 100% !important;
  top: 0;
  display: none;
  background: transparent;
  border: none;
}

.tabs.responsive-tabs button.tabs-carousel-prev:before {
  display: inline-block;
  background: url("/hc/theming_assets/01KGJZSNM10AGGPJWHR5K9VE7J") no-repeat;
  content: "";
  width: 9px;
  height: 17px;
  vertical-align: middle;
}

.tabs.responsive-tabs button.tabs-carousel-next:before {
  display: inline-block;
  background: url("/hc/theming_assets/01KGJZSMTE0BFHQHB8EJC3SNMP") no-repeat;
  content: "";
  width: 9px;
  height: 17px;
  vertical-align: middle;
}

.tabs.responsive-tabs ul li.scroll-out-right {
  -webkit-background-clip: text;
  background-clip: text;
  background-color: transparent;
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0.1), #fff);
}

.tabs.responsive-tabs ul li.scroll-out-left {
  -webkit-background-clip: text;
  background-clip: text;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
}

.tabs.responsive-tabs .tabs-carousel-screen {
  height: 44px;
  overflow: hidden;
  position: relative;
}

.tabs.responsive-tabs .tabs-carousel-screen .tabs-carousel-bar {
  display: table-row;
  position: absolute;
  left: 0;
  -webkit-transition: all 0.7s ease-out 0s;
  -o-transition: all 0.7s ease-out 0s;
  transition: all 0.7s ease-out 0s;
}

.tabs.responsive-tabs ul {
  -webkit-transition: left 0.3s linear 0.05s;
  -moz-transition: left 0.3s linear 0.05s;
  -o-transition: left 0.3s linear 0.05s;
  transition: left 0.3s linear 0.05s;
}

.my-activities-sub-nav .tabs.responsive-tabs {
  position: relative;
  border-bottom: 1px solid #dedede;
}

.tabs.responsive-tabs .tabs-carousel-screen .tabs-carousel-bar .tabs-carousel-item {
  display: table-cell;
  white-space: nowrap;
}

.my-activities-sub-nav .tabs.responsive-tabs li {
  padding: 11px 22px;
  display: table-cell;
  white-space: nowrap;
  height: 44px;
}

.my-activities-sub-nav .tabs li, .my-activities-sub-nav .tabs li a {
  font-size: 16px;
  line-height: 22px;
  color: #000;
  font-weight: 500;
}

@media (min-width: 768px) {
  .my-activities-sub-nav li:not([aria-selected=true]):hover {
    text-decoration: underline;
  }
  .my-activities-sub-nav .tabs li:not([aria-selected=true]) a:hover,
  .my-activities-sub-nav .tabs li:not([aria-selected=true]) a:focus {
    text-decoration: underline;
  }
}
.my-activities-sub-nav li[aria-selected=true], .my-activities-sub-nav li[aria-selected=true]:hover {
  background: #000;
  color: #fff;
}

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

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

.my-activities-table.table > thead > tr {
  padding-top: 0;
  border: none;
}

.my-activities-table.table tr {
  padding: 0;
  border-bottom: 1px solid #dedede;
}

@media (max-width: 767px) {
  .my-activities-table.table tr {
    border: none;
  }
  .my-activities-table.table tr:last-child {
    border-bottom: 1px solid #dedede;
  }
}
.my-activities-table.table > thead > tr > th {
  border: none;
  padding-bottom: 11px;
  vertical-align: unset;
  height: 22px;
  line-height: 22px;
  font-size: 15px;
  color: #000;
}

.my-activities-table.table > thead > tr > th > a {
  line-height: 22px;
  font-size: 15px;
  color: #000;
}

.my-activities-table.table th {
  padding: 0 15px;
}

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

.my-activities-table.table td {
  padding: 17px 0;
}

@media (min-width: 768px) {
  .my-activities-table thead {
    display: table-header-group;
  }
  .my-activities-table.table td {
    padding: 17px 22px;
    height: 66px;
    vertical-align: middle;
    border-top: none;
  }
  .my-activities-table.table > tbody > tr:first-child {
    border-top: 1px solid #dedede;
  }
}
.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: 360px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .my-activities-table th:first-child,
  .my-activities-table td:first-child {
    min-width: 250px;
    width: auto;
  }
}
@media (min-width: 992px) and (max-width: 1023px) {
  .my-activities-table th:first-child,
  .my-activities-table td:first-child {
    min-width: 400px;
    width: auto;
  }
}
.my-activities-table th:last-child,
.my-activities-table td:last-child {
  padding-right: 0;
}

.my-activities-table td:not(:first-child) {
  display: none;
  color: #000;
  font-size: 16px;
  line-height: 22px;
}

@media (min-width: 768px) {
  .my-activities-table td:not(:first-child) {
    display: table-cell;
    width: 165px;
  }
}
.my-activities-following-header {
  margin-bottom: 55px;
}

.my-activities-following-header .dropdown-toggle {
  color: #000;
  line-height: 17px;
}

@media (max-width: 320px) {
  .tabs.responsive-tabs .tabs-carousel-screen {
    height: auto;
    margin-right: 0;
  }
  .tabs.responsive-tabs .tabs-carousel-screen .tabs-carousel-bar {
    position: relative;
    display: block;
  }
  .tabs.responsive-tabs .tabs-carousel-screen .tabs-carousel-bar .tabs-carousel-item {
    display: block;
    padding-left: 0;
  }
  .tabs.responsive-tabs .tabs-carousel-screen .tabs-carousel-bar .tabs-carousel-item.active {
    padding-left: 22px;
  }
}
/***** Search field *****/
.search-full {
  border: 1px solid #a8a8a8;
}

.search {
  position: relative;
  box-sizing: border-box;
  display: flex;
  height: 55px;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.search input[type=search] {
  border-radius: 0;
  box-sizing: border-box;
  color: #000;
  height: 100%;
  padding-left: 17px;
  padding-right: 22px;
  -webkit-appearance: none;
  width: 100%;
  font-size: 16px;
  line-height: 22px;
  border: none;
  outline: none;
}
.search input[type=search]::placeholder {
  color: #000;
}
@media (max-width: 767px) {
  .search input[type=search] {
    padding-left: 11px;
  }
}
.search input[type=submit] {
  border: none;
  font-size: 0;
  line-height: 0;
  color: transparent;
  width: 55px;
  background: url("/hc/theming_assets/01KGJZSSCHB5E4JHVQAW1YWX2Z") no-repeat center center;
}

[dir=rtl] .search input[type=search] {
  padding-right: 22px;
  padding-left: 17px;
}

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

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

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

@media (min-width: 768px) {
  .requests-table-toolbar {
    flex-direction: row;
  }
}
.request-container {
  padding: 88px 0 99px;
}

@media (max-width: 767px) {
  .request-container .container {
    margin: 0;
  }
}
.request-info {
  padding-top: 33px;
  padding-bottom: 143px;
}

.request-info .request-container {
  padding-top: 33px;
  padding-bottom: 0;
}

.request-container .no-activities {
  color: #000;
  font-size: 16px;
  line-height: 22px;
  padding: 55px 0 44px;
  width: fit-content;
  margin-bottom: 0;
}

.request-container > .container > .row > .col-sm-12:first-child .no-activities {
  padding-top: 0;
}

.request-container .requests-search-info.meta-data {
  font-size: 14px;
  line-height: 17px;
  color: #000;
}

.requests-table-meta.meta-group {
  padding-top: 11px;
}

.requests-table-meta.meta-group .meta-data, .requests-table-meta.meta-group .meta-data * {
  color: #000;
  padding-right: 11px;
}

.request-container .old-cases {
  margin-top: 22px;
}

.request-container .old-cases a {
  font-size: 16px;
  line-height: 26px;
}

.request-container .requests-table {
  margin: 55px 0 44px;
}

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

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

@media (max-width: 767px) {
  .request-table-filter > div > button {
    margin-top: 30px !important;
  }
}
@media (min-width: 768px) {
  .requests-table-toolbar .request-table-filter {
    width: auto;
  }
  .request-table-filter > div > button {
    margin-left: 30px !important;
  }
}
.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 {
  color: #000;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  margin-top: 30px;
  margin-bottom: 5px;
}

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

@media (min-width: 768px) {
  .requests-table-toolbar select {
    margin-bottom: 0;
    max-width: 300px;
    width: auto;
  }
}
.requests-table-toolbar .organization-subscribe,
.requests-table-toolbar .organization-unsubscribe {
  margin-top: 11px;
  display: block;
  width: fit-content;
}

@media (min-width: 768px) {
  .requests-table-toolbar .organization-subscribe,
  .requests-table-toolbar .organization-unsubscribe {
    margin-left: 14px;
  }
  [dir=rtl] .requests-table-toolbar .organization-subscribe, [dir=rtl] .requests-table-toolbar .organization-unsubscribe {
    margin: 0 14px 0 0;
  }
}
.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;
    min-width: 300px;
    width: auto;
  }
}
.requests .requests-table .requests-link {
  position: relative;
}

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

/* Following table */
.subscriptions-unsubscribe a {
  background: #607acd;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  line-height: 33px;
  font-weight: 600;
  padding: 0 11px;
  height: 33px;
  text-align: center;
  width: auto;
  text-transform: uppercase;
}

.subscriptions-unsubscribe a:hover, .subscriptions-unsubscribe a:focus {
  background-color: #4362c4;
  text-decoration: none;
  color: #fff;
}

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

@media (max-width: 767px) {
  .subscriptions-table td:last-child {
    padding-left: 0;
    border-top: none;
  }
}
@media (min-width: 768px) {
  .subscriptions-table td:last-child {
    display: table-cell;
  }
}
.subscriptions-table td:first-child {
  display: table-cell;
  align-items: center;
}

@media (max-width: 767px) {
  .subscriptions-table td:first-child {
    display: flex;
  }
}
.subscriptions-table .user-avatar {
  margin-right: 10px;
}

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

/* Contributions table */
.contributions-table td:last-child {
  color: color-mix(in srgb, var(--text-color), white 20%);
  font-size: 13px;
  font-weight: 300;
}

@media (min-width: 768px) {
  .contributions-table td:last-child {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
  }
}
.no-activities {
  color: color-mix(in srgb, var(--text-color), white 20%);
}

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

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

.request-breadcrumbs {
  margin-top: 66px;
}

.request-breadcrumbs ol {
  list-style: none;
  margin-bottom: 0;
  padding: 0;
}

.request-breadcrumbs ol li {
  font-size: 16px;
  line-height: 22px;
}

.request-breadcrumbs ol li a {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
}

.request-breadcrumbs ol li:last-child {
  display: none;
}

.request-breadcrumbs ol li:first-child:before {
  content: "";
  background: url("/hc/theming_assets/01KH6QJJD03V9DYA0QEW5YDMMV") no-repeat;
  width: 14px;
  height: 12px;
  margin-right: 7px;
  display: inline-block;
}

.request-page .request-breadcrumbs ol li:first-child {
  display: none;
}

.request-page .request-breadcrumbs ol li:last-child {
  display: block;
}

.request-page .request-breadcrumbs ol li:last-child:before {
  content: "";
  background: url("/hc/theming_assets/01KGJZSFM866FS9P8TZPDSQT7E") no-repeat;
  width: 22px;
  height: 22px;
  margin-right: 11px;
  display: inline-block;
  vertical-align: middle;
}

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

.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;
}

.request-submit-comment .button {
  border: 0;
}

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

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

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

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

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

.request-main .comment-show-container-content {
  align-self: center;
  color: color-mix(in srgb, var(--text-color), white 20%);
  margin-left: 10px;
}

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

.request-main .form-field.comment-ccs > ul[data-hc-focus=true] {
  border: 1px solid var(--brand-color);
}

.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 var(--brand-color);
}

.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: 64%;
    padding-bottom: 20px;
  }
}
.request-sidebar {
  flex: 1 0 auto;
  order: 0;
  background: #f5f5f5;
  padding: 11px 17px 22px;
}

@media (max-width: 1024px) {
  .request-sidebar {
    margin-bottom: 55px;
    max-height: 66px;
  }
}
@media (min-width: 1024px) {
  .request-sidebar {
    flex: 0 0 auto;
    width: 31%;
  }
}
.request-sidebar h5 {
  position: relative;
  margin: 11px 0 22px;
}

@media (min-width: 1024px) {
  .request-sidebar h5 {
    display: none;
  }
}
.request-details {
  font-size: 0;
  margin: 0;
  width: 50%;
}

@media (min-width: 1024px) {
  .request-details {
    width: auto;
  }
}
.request-details:last-child {
  border: 0;
}

.request-details dt, .request-details dd {
  display: inline-block;
  vertical-align: top;
  line-height: 22px;
  margin: 11px 0 0 0;
}

.request-details dd {
  width: 48%;
  max-width: 165px;
  font-size: 16px;
  color: #000;
}

.request-details dt {
  color: #000000;
  font-weight: normal;
  font-size: 15px;
  width: 48%;
  max-width: 165px;
}

.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: 33px;
  padding-bottom: 33px;
  font-size: 16px;
  line-height: 22px;
  color: #000;
}

@media (max-width: 991px) {
  .request-details {
    width: 70%;
  }
  .request-details dt, .request-details dd {
    max-width: 240px;
  }
  .request-attachments dt, .request-attachments dd {
    width: 48%;
  }
}
/***** Pagination *****/
nav.pagination, .easyPaginateNav {
  margin: 11px 0 0;
  text-align: center;
}

#pagination .pagination {
  margin-top: 0;
}

nav.pagination ul, .easyPaginateNav ul {
  margin-bottom: 0;
}

.easyPaginateNav {
  overflow: hidden;
}

.pagination *, .easyPaginateNav * {
  display: inline-block;
}

.pagination li {
  float: left;
  margin-left: 33px;
}

.pagination li:first-child {
  margin-left: 0;
}

.easyPaginateNav a {
  border-radius: 50%;
  float: left;
  margin-left: 5px;
}

[dir=rtl] .pagination li, [dir=rtl] .easyPaginateNav a {
  float: right;
}

.pagination a {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: #0B4AAA;
}

.easyPaginateNav a {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
}

.pagination-current, .page.current {
  background-color: #607acd;
}

.page.current:hover {
  text-decoration: none;
}

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

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

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

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

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

.easyPaginateNav a:hover span,
.pagination a:hover span,
.easyPaginateNav a:focus span,
.pagination a:focus span {
  text-decoration: underline;
}

.easyPaginateNav a.first, .easyPaginateNav a.last {
  border-radius: 50%;
  border: 1px solid #2b57cd;
}

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

.meta-group * {
  display: inline;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  margin-right: 11px;
}

.meta-group .meta-data * {
  margin-right: 0;
}

.meta-group .comment-data {
  display: block;
  margin-bottom: 3px;
}

.meta-group .comment-data a {
  color: #4B7AC3;
}

/***** Icons *****/
[class^=icon-]::before,
[class*=" icon-"]::before,
.icon,
.search::before,
.recent-activity-item-comment span::before,
.attachments .attachment-item::before,
.share a::before,
.actions .dropdown-toggle::before,
.actions [aria-label="Comment actions"]::before,
.actions [aria-label="Post actions"]::before,
.actions [type=button]::before,
.collapsible-nav-list li[aria-selected=true]::after,
.collapsible-sidebar-title::after,
.search-result-votes::before,
.search-result-meta-count::before {
  font-family: "copenhagen-icons";
  font-size: 17px;
  font-weight: normal;
  speak: none;
  line-height: 22px;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* User Profiles */
.profile-header {
  padding: 30px 0;
  background-color: color-mix(in srgb, var(--background-color), black 3%);
}

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

@media (min-width: 768px) {
  .profile-header .container {
    flex-wrap: nowrap;
  }
}
.profile-info .avatar.profile-avatar, .profile-info .basic-info, .profile-info .options {
  vertical-align: middle;
  margin-bottom: 33px;
}

.profile-info .basic-info {
  margin-right: 22px;
}

.profile-info .name a,
.profile-info .profile-private-badge {
  color: #4A4B4C;
}

.profile-info a[data-action=edit-profile] {
  color: #4A4B4C !important;
  border-color: #4A4B4C !important;
}

.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: 33px;
}

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

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

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

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

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

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

@media (min-width: 768px) {
  .profile-header .options {
    flex-wrap: nowrap;
    flex-basis: auto;
    margin-top: 0;
    margin-left: 10px;
  }
  [dir=rtl] .profile-header .options {
    margin-left: 0;
    margin-right: 10px;
  }
  .profile-header .options > :not(:last-child) {
    margin-bottom: 0;
    margin-right: 10px;
  }
  [dir=rtl] .profile-header .options > :not(:last-child) {
    margin-left: 10px;
    margin-right: 0;
  }
}
.profile-header .options [data-action=edit-profile] {
  background-color: var(--brand-color);
  border: 0;
  color: var(--brand-text-color);
  line-height: normal;
  padding: 8px 20px;
}

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

.profile-stats {
  font-size: 14px;
  line-height: 17px;
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
}

.profile-stats .stat {
  display: flex;
  margin-bottom: 17px;
  min-width: 137px;
}

@media (max-width: 1199px) {
  .profile-stats .stat {
    min-width: 106px;
  }
}
/* user profile stats description line */
.profile-stats .stat-label {
  color: #000000;
  flex: 0 0 100px;
  margin-right: 10px;
  margin-bottom: 6px;
  font-size: 14px;
  line-height: 17px;
}

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

/* user profile stats line */
.profile-stats .stat-value {
  color: #000000;
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
}

.profile-stats-activity {
  padding-top: 22px;
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .profile-stats-activity {
    flex-direction: row;
  }
}
@media (min-width: 992px) {
  .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: 30px;
  }
  [dir=rtl] .profile-stats-activity .stat:not(:last-child) {
    margin-left: 30px;
    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%;
  color: #fff;
  font-size: 14px;
  line-height: 17px;
  font-weight: normal;
  text-align: center;
  vertical-align: text-top;
  position: relative;
  top: 0;
}

.profile-private-badge::before {
  content: "";
  margin-right: 5px;
  background: url("/hc/theming_assets/01KGJZSJRMYVA6KCBK7ZSR8635") no-repeat;
  width: 17px;
  height: 17px;
  top: 1px;
  display: inline-block;
  position: relative;
}

@media (min-width: 768px) {
  .profile-private-badge {
    flex-basis: auto;
  }
}
.profile-nav {
  background-color: color-mix(in srgb, var(--background-color), black 5%);
  border: 0;
  margin-bottom: 37px;
}

.profile-section {
  width: 100%;
  padding: 88px 0 143px;
}

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

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

.profile-section-description {
  flex-basis: 100%;
  padding: 33px 0 0;
  color: #000;
  font-size: 16px;
  line-height: 22px;
  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%;
  font-size: 16px;
  line-height: 22px;
  color: #000;
}

.profile-section-sorter span.dropdown-menu {
  top: 33px;
  width: 100%;
}

.profile-section-sorter .dropdown-toggle:after {
  content: "";
  display: inline-block;
  color: #000000;
  top: 1px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 4px solid transparent;
  border-top: 4px solid #000000;
  position: relative;
}

.profile-section-sorter .dropdown-toggle {
  padding: 5px 17px 6px;
  border: solid 1px #a8a8a8;
  width: 100%;
}

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

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

@media (min-width: 768px) {
  .profile-section-sorter .dropdown-toggle::after {
    position: relative;
  }
}
@media (min-width: 768px) {
  .profile-section-sorter {
    flex: 0 1 auto;
    padding-top: 0;
    border-top: 0;
    margin-left: 20px;
  }
  [dir=rtl] .profile-section-sorter {
    margin-left: 0;
    margin-right: 20px;
  }
}
.profile-contribution {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  padding: 22px 0 33px;
  position: relative;
}

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

.profile-contribution-header a {
  font-size: 20px;
  line-height: 26px;
  font-weight: 500;
}

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

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

.profile-contribution-list.profile-articles {
  padding-top: 33px;
}

@media (min-width: 768px) {
  .profile-contribution-list > .profile-contribution {
    padding-left: 66px;
  }
  [dir=rtl] .profile-contribution-list > .profile-contribution {
    padding-right: 66px;
    padding-left: 0;
  }
}
.profile-contribution-list > .profile-contribution::before {
  left: 0;
  position: absolute;
  font-size: 16px;
  color: #ccc;
  font-family: "copenhagen-icons";
  line-height: 25px;
}

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

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

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

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

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

@media (min-width: 768px) {
  .profile-comments .profile-contribution-breadcrumbs {
    margin-left: 0;
  }
  [dir=rtl] .profile-comments .profile-contribution-breadcrumbs {
    padding-right: 0;
  }
}
.profile-section .no-activity,
.profile-section .private-activity {
  display: block;
  margin-top: 40px;
  color: #999;
}

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

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

.profile-activity-list {
  margin-top: 55px;
  padding-left: 11px;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .profile-activity-list {
    padding-left: 0;
  }
}
.profile-activity {
  position: relative;
  padding-bottom: 55px;
}

.profile-activity:last-child {
  padding-bottom: 0;
}

@media (min-width: 768px) {
  .profile-activity {
    padding-left: 66px;
  }
  [dir=rtl] .profile-activity {
    padding-right: 66px;
    padding-left: 0;
  }
}
.profile-activity-header {
  display: flex;
  align-items: center;
  margin-left: 66px;
}

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

@media (min-width: 768px) {
  .profile-activity-header {
    margin-left: 0;
  }
  [dir=rtl] .profile-activity-header {
    margin-right: 0;
  }
}
.profile-activity-header .user-avatar {
  width: 44px;
  height: 44px;
  margin-right: 11px;
  min-width: 44px;
  align-self: flex-start;
}

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

.profile-activity-description {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  margin: 0;
  min-width: 0;
  width: 100%;
  color: #000;
  font-size: 22px;
  line-height: 33px;
  font-weight: 500;
}

.profile-activity-description time {
  display: block;
  color: #000000;
  font-size: 14px;
  line-height: 17px;
  font-weight: normal;
}

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

.profile-activity-contribution {
  padding: 22px 0 0;
  margin-top: 22px;
  border-top: 1px solid #dedede;
}

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

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

.profile-comments > .profile-contribution::before, .profile-activity-list > li[class$=-comment]::before {
  content: url("/hc/theming_assets/01KGJZSMDDRVJTCJZQTT74DMJK") !important;
  width: 44px;
  height: 44px;
}

.profile-articles > .profile-contribution::before, .profile-activity-list > li[class$=-article]::before {
  content: url("/hc/theming_assets/01KGJZSJYDQSS6NXAG5VFPJNHH") !important;
  width: 44px;
  height: 44px;
}

.profile-posts > .profile-contribution::before,
.profile-activity-list > li[class$=-post]::before {
  content: url("/hc/theming_assets/01KH6QJMTCVY6VAQ9MQDP02AB6");
  width: 22px;
  height: 44px;
  padding-top: 11px;
  padding-bottom: 11px;
}

.breadcrumbs.profile-contribution-breadcrumbs {
  list-style: none;
  padding: 0;
}

.breadcrumbs.profile-contribution-breadcrumbs li {
  display: inline-block;
}

.breadcrumbs.profile-contribution-breadcrumbs li a {
  font-size: 14px;
  line-height: 17px;
}

.breadcrumbs.profile-contribution-breadcrumbs li a,
.breadcrumbs.profile-contribution-breadcrumbs li a:hover,
.breadcrumbs.profile-contribution-breadcrumbs li a:focus {
  color: #000000;
}

.breadcrumbs.profile-contribution-breadcrumbs li:before {
  content: "›";
  margin: 0 6px;
}

.breadcrumbs.profile-contribution-breadcrumbs li:first-child:before {
  display: none;
}

/* VISUAL */
.search-results-visual {
  background: url("/hc/theming_assets/01JS143FWKCRQCPFSDAE92P7E4") no-repeat center;
  background-size: cover;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .search-results-visual .container {
    width: 100%;
  }
}

/* LAYOUT */
.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;
  max-width: 100%;
}

@media (min-width: 1024px) {
  .search-results-column {
    flex: 0 0 75%;
    max-width: 75%;
  }
}
.search-results-sidebar {
  flex: 1 0 auto;
  margin: 25px 0 0;
  padding: 0;
}

@media (min-width: 1024px) {
  .search-results-sidebar {
    flex: 0 0 23%;
    margin: 98px 0 20px;
    height: auto;
  }
}
.search-results__generative_answers {
  margin-top: 98px;
}
.search-results {
  /* HEADER */
}
.search-results .search-results-subheading {
  display: flex;
  height: 48px;
  align-items: center;
  margin: 25px 0 15px;
}
.search-results .search-results-subheading h2 {
  font-weight: normal;
  letter-spacing: -0.25px;
  font-size: 14px;
  color: #696B6C;
  line-height: 19px;
  padding: 0 10px;
}
.search-results {
  /* LIST */
}
.search-results .search-results-list {
  margin-bottom: 25px;
}
.search-results .search-results-list > li {
  border-bottom: 1px solid #E0E2E6;
  padding: 1rem;
  margin-bottom: 1rem;
}
.search-results {
  /* TITLE */
}
.search-results .search-result-title-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.25rem;
}
.search-results .search-result-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 20px;
  line-height: 25px;
  font-weight: 500;
  margin: 0 !important;
}
.search-results .search-result-title a {
  color: #000000;
  letter-spacing: 0;
  font-size: 20px;
  font-weight: 500;
  text-decoration: none;
  line-height: 25px;
}
.search-results .search-result-title a:hover {
  text-decoration: none;
}
.search-results {
  /* DESCRIPTION */
}
.search-results .search-result-description {
  text-align: left;
  letter-spacing: 0;
  color: #444444;
  font-size: 16px;
  line-height: 19px;
  margin: 0.25rem 0;
}
.search-results .search-result-description em {
  font-style: normal;
  color: #0B4AAA;
  border-bottom: 1px solid #5519ff;
}
.search-results {
  /* FILTER SIDEBAR */
}
.search-results .search-results-sidebar .filters-in-section {
  border: 1px solid #e6e6e6;
  margin: -1px 0 0 !important;
  padding: 0 !important;
}
.search-results .search-results-sidebar .collapsible-sidebar-title {
  margin: 10px;
  font-weight: 600;
  color: #1a1f28;
  font-size: 17px !important;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
}
.search-results .search-results-sidebar .sidenav-item {
  padding: 2.5px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 8px 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search-results .search-results-sidebar .sidenav-item:hover {
  background: #f5f5f5;
  text-decoration: none;
}
.search-results .search-results-sidebar .sidenav-item:hover .filter-name {
  text-decoration: underline;
}
.search-results .search-results-sidebar .sidenav-item.current {
  background: #f5f5f5;
  text-decoration: none;
}
.search-results .search-results-sidebar .sidenav-item .filter-name {
  text-align: left;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.29px;
  color: #000000;
}
.search-results .search-results-sidebar .sidenav-item .doc-count {
  padding: 2px 10px;
  border-radius: 20px;
  background: #f5f5f5;
  font-size: 12px;
  line-height: 19px;
}
.search-results {
  /* PAGINATION */
}
.search-results .pagination {
  margin: 15px 0;
}
.search-results .pagination li {
  margin: 0 !important;
}
.search-results .pagination a {
  text-align: left;
  font-size: 16px !important;
  margin-right: 0.5rem;
  font-weight: 500;
  letter-spacing: 0;
  box-shadow: none;
  color: #5519ff !important;
  background: #fff !important;
  padding: 1.8rem;
  border-radius: 0px;
  border: 1px solid #fff;
}
.search-results .pagination a:hover {
  box-shadow: none;
  color: #5519ff !important;
  background: #fff !important;
  padding: 1.8rem;
  border-radius: 0;
  border: 1px solid #5519ff;
}
.search-results .pagination a:hover, .search-results .pagination a:hover span {
  text-decoration: none !important;
}

/* NO RESULTS */
.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: var(--link-color);
}

.search-results .no-results .action-prompt a:visited {
  color: var(--link-color);
}

/* ZENDESK DEFAULTS */
.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: var(--link-color);
}

.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;
}

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

@media (min-width: 1024px) {
  .collapsible-sidebar {
    max-height: none;
    padding: 0;
  }
}
.collapsible-sidebar-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 var(--brand-color);
}

.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;
}

.search-result-meta-container {
  color: #666;
  display: flex;
  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 {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 7px;
}
.search-result-breadcrumbs li:before {
  margin: 0 3px 5px;
}

/***** Tags ********/
.tags {
  list-style: none !important;
  margin: 0 0 11px;
  overflow: hidden;
  padding: 0;
}

.tag {
  display: inline-block;
}

.tag span {
  display: block;
  background: #E2E3E4;
  color: #FF2038;
  padding: 4px 6px;
  margin-right: 14px;
  margin-bottom: 22px;
  text-transform: uppercase;
  height: auto;
  font-size: 13px;
  line-height: 22px;
  font-weight: 500;
  text-decoration: none;
}

/* ====================================================
   Accordion CSS
   ==================================================== */
.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease;
}

/* END ACCORDION CSS */
/* CALLOUT (panel) FORMATING */

.callout,
.callout p,
.callout li {
  font-size: inherit;
  line-height: inherit;
}

.panel-heading {
  border-radius: calc(0.25rem - 1px) !important;
  margin-bottom: 11px;
  border: 1px solid rgba(0, 0, 0, 0.125) !important;
  background-color: transparent !important;
  padding: 0.85rem 1.25rem !important;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
}

.panel-title > a {
  color: inherit;
}

.panel {
  margin-bottom: 20px;
  background-color: #ffffff;
}

.panel-body {
  padding: 15px;
}

.panel-body:before,
.panel-body:after {
  display: table;
  content: " ";
}

.panel-body:after {
  clear: both;
}

.panel-body:before,
.panel-body:after {
  display: table;
  content: " ";
}

.panel-body:after {
  clear: both;
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel-group .panel {
  margin-bottom: 0;
  overflow: hidden;
  border-radius: 4px;
}

.panel-group .panel + .panel {
  margin-top: 5px;
}

.panel-group .panel-heading + .panel-collapse .panel-body {
  border-top: 1px solid #dddddd;
}

.panel-group .panel-footer {
  border-top: 0;
}

.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #dddddd;
}

.panel-default {
  border: none !important;
}

.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #dddddd;
}

.panel-default > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #dddddd;
}

.panel-default > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #dddddd;
}

.panel-primary {
  border-color: #4B7AC3;
}

.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #4B7AC3;
  border-color: #4B7AC3;
}

.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #4B7AC3;
}

.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #4B7AC3;
}

.panel-success {
  border-color: #d6e9c6;
}

.panel-success > .panel-heading {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.panel-success > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #d6e9c6;
}

.panel-success > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #d6e9c6;
}

.panel-warning {
  border-color: #fbeed5;
}

.panel-warning > .panel-heading {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #fbeed5;
}

.panel-warning > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #fbeed5;
}

.panel-warning > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #fbeed5;
}

.panel-danger {
  border-color: #eed3d7;
}

.panel-danger > .panel-heading {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.panel-danger > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #eed3d7;
}

.panel-danger > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #eed3d7;
}

.panel-info {
  border-color: #bce8f1;
}

.panel-info > .panel-heading {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.panel-info > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #bce8f1;
}

.panel-info > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #bce8f1;
}

/* END CALLOUT */
@media (min-width: 1024px) {
  .article-right-sidebar {
    border: 0;
    flex: 0 0 34%;
    height: auto;
  }
}
.article-right-sidebar {
  padding: 0 30px;
}

.article-right-sidebar h3 {
  margin-bottom: 33px;
  margin-top: 0;
}

@media (max-width: 991px) {
  .related-product > div, .related-articles {
    margin-top: 44px;
  }
}
h2.related-articles-title {
  margin: 17px 0 33px;
  font-size: 26px;
  line-height: 33px;
  font-weight: bold;
  color: #000;
}

h2.recent-articles-title {
  display: none;
}

.related-articles ul li a {
  font-weight: 500;
  word-break: break-word;
}

.productCard {
  text-align: center;
  background: #ffffff;
  border-radius: 3px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
  padding: 22px 22px 33px;
  margin-bottom: 33px;
}

.productCard:last-child {
  margin-bottom: 0;
}

.productCard .rp-image img {
  width: 44px;
  height: 44px;
}

.productCard h4 {
  font-weight: 600;
  margin-bottom: 11px;
}

.productCard h3 {
  margin-bottom: 11px;
}

.productCard .rp-description p {
  margin-bottom: 22px;
  line-height: 24px;
}

.productCard .rp-button {
  margin-bottom: 0;
}

.directories-cards {
  background: #fff;
}

.directories-cards .cell-inner, .directories-cards .cell-inner-xs {
  background: #fff;
  border-radius: 6px;
  padding: 33px 22px;
  text-align: center;
  margin-bottom: 33px;
}

.directories-cards .cell-inner {
  top: 0;
  position: relative;
  overflow: hidden;
  -webkit-transition: top 0.2s ease-out 0.1s;
  -o-transition: top 0.2s ease-out 0.1s;
  transition: top 0.2s ease-out 0.1s;
}

.link-cards:hover, .link-cards:active, .link-cards:focus, .link-cards:visited {
  text-decoration: none;
}

div.cell-inner:hover {
  top: -11px;
  box-shadow: 0 4px 6px 0 rgba(115, 80, 155, 0.5);
  cursor: pointer;
}

.directories-cards .visible-xs-block a:hover {
  text-decoration: none;
}

.directories-cards .cell-inner-xs {
  padding: 11px 17px;
  margin-bottom: 22px;
  text-align: left;
}

.directories-cards .cell-inner h3 {
  margin-top: 0;
  margin-bottom: 22px;
}

.directories-cards .cell-inner-xs p, .directories-cards .cell-inner-xs h3 {
  display: inline-block;
  margin: 0;
}

.directories-cards .cell-inner-xs p img {
  margin-right: 11px;
}

@media (max-width: 991px) {
  .directories-cards .cell-inner h3 {
    font-size: 22px;
    line-height: 30px;
  }
}
@media (min-width: 768px) {
  .directories-cards .container > .row .cards-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -15px;
  }
  .directories-cards .container > .row .cards-list > div {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
  }
}
.directories-cards .card-wrapper {
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  outline: none;
  padding: 0 15px;
  margin-bottom: 33px;
  max-width: 555px;
}

@media (min-width: 992px) {
  .directories-cards .card-wrapper {
    -webkit-flex-basis: 33.3333%;
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }
}
@media (min-width: 992px) {
  .directories-cards .cards-list.cards-list-2-10 .card-wrapper {
    -webkit-flex-basis: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
}
@media (max-width: 991.98px) {
  .directories-cards .card-wrapper {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
  }
}
.directories-cards .cards-list .card-wrapper .card-content,
.directories-cards .cards-list .card-wrapper .card-image {
  background-color: #0B4AAA;
}

.directories-cards .card-wrapper .card-image {
  background-color: #f5f5f5;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  overflow: hidden;
  order: 1;
}

.directories-cards .card-wrapper .card-image img {
  display: inline-block;
  visibility: visible;
  height: auto;
  width: 100%;
}

.directories-cards .card-wrapper .card-content {
  background-color: #f5f5f5;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  padding-top: 33px;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  order: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
}

.directories-cards .card-wrapper .card-content .card-description,
.directories-cards .card-wrapper .card-content .link {
  padding: 0 33px;
  color: #fff;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .directories-cards .card-wrapper .card-content .card-description,
  .directories-cards .card-wrapper .card-content .link {
    padding: 0 22px;
  }
}
.directories-cards .card-wrapper .card-content h3 {
  color: #fff;
}

.directories-cards .card-wrapper .card-content h3,
.directories-cards .card-wrapper .card-content .link-more,
.directories-cards .card-wrapper .card-content .link-external {
  font-weight: 500;
}

.directories-cards .card-wrapper .card-content .link:last-child {
  display: block;
  margin-bottom: 33px;
}

.directories-cards .container > .row .cards-list > .card-wrapper .cell-inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: row;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

.directories-cards .container > .row .cards-list > .card-wrapper .cell-inner > div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
}

.directories-cards .container > .row .cards-list > .card-wrapper .cell-inner > div > p {
  -webkit-flex-basis: 55px;
  flex-basis: 55px;
  min-height: 55px;
}

.directories-cards .container > .row .cards-list > .card-wrapper .cell-inner > div .link-cards {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
}

.directories-cards .container > .row .cards-list > .card-wrapper .cell-inner > div .card-header {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

.directories-cards .container > .row .cards-list > .card-wrapper .cell-inner > div > .link {
  position: static;
  height: 22px;
}

.trending-and-downloads {
  padding-top: 22px;
  padding-bottom: 55px;
}

@media (max-width: 991px) {
  .trending-and-downloads {
    padding-bottom: 22px;
  }
}
@media (max-width: 767px) {
  .trending-and-downloads {
    padding-top: 33px;
  }
}
.trending-and-downloads h3 {
  margin-top: 0;
  margin-bottom: 22px;
}

.trending-and-downloads ul {
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .trending-and-downloads ul {
    margin-bottom: 44px;
  }
}
.trending-and-downloads li {
  margin-bottom: 14px;
}

@media (max-width: 991px) {
  .trending-and-downloads li {
    margin-bottom: 17px;
  }
}
.trending-and-downloads .downloads,
.trending-and-downloads .documents {
  margin-bottom: 44px;
}

.trending-and-downloads .promoted-articles li:last-child, .trending-and-downloads .downloads li:last-child, .trending-and-downloads .documents li:last-child {
  margin-bottom: 0;
}

#knowledgeBasePromoted .article-list li:nth-child(n+11) {
  display: none;
}

.how-to {
  padding: 22px 0;
  background: #fff;
  text-align: center;
}

.how-to .link-list a {
  margin-right: 119px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .how-to .link-list a {
    margin-right: 77px;
  }
}
@media (max-width: 767px) {
  .how-to {
    text-align: left;
  }
  .how-to .link-list a {
    display: block;
    margin: 0 0 17px 0;
  }
  .how-to .link-list a:last-child {
    margin-bottom: 0;
  }
}
.how-to .link-list a:last-child {
  margin-right: 0;
}

.help-center {
  background-image: linear-gradient(to top, #5e3f8c, #4d5ea4);
  padding-top: 55px;
  padding-bottom: 55px;
  text-align: center;
}

.help-center .others, .help-center .manager_agent {
  display: none;
}

.help-center .col-sm-4 {
  text-align: center;
}

@media (max-width: 767px) {
  .help-center .col-sm-4 {
    text-align: left;
    margin-bottom: 17px;
  }
  .help-center .col-sm-4:last-child {
    margin-bottom: 0;
  }
  .help-center .col-sm-6 {
    text-align: left;
    margin-bottom: 17px;
  }
  .help-center .col-sm-6:last-child {
    margin-bottom: 0;
  }
}
.help-center h2, .help-center a {
  color: #fff;
}

.help-center .button {
  width: 100%;
}

.help-center h2 {
  margin-top: 0;
  margin-bottom: 33px;
}

.sections-container {
  padding: 66px 0;
}

.sections-container .section-content h3 {
  color: #000000;
  margin: 0 0 33px;
}

.sections-container .section-content h3 a:hover {
  color: #000000;
}

.article-list + .section-list,
.article-list + .see-all-articles + .section-list {
  margin-top: 22px;
}

.section-content .article-list-item, .section-content ul li {
  margin-bottom: 22px;
}

.search-results-sidebar .section-content .article-list-item,
.search-results-sidebar .section-content ul li {
  margin: 11px 0;
  padding-left: 33px;
  position: relative;
}

.section-content .article-list-item a, .section-content ul li a {
  font-weight: 500;
  word-break: break-word;
}

.section-content .article-list-item:last-child, .section-content ul li:last-child {
  margin-bottom: 0;
}

.sections-container .section-content {
  margin-bottom: 66px;
}

.section-content .product-image {
  width: 44px;
  min-width: 44px;
  display: table-cell;
  vertical-align: top;
  max-width: 100%;
}

.section-content .product-image img {
  width: 44px;
  height: 44px;
}

.section-content .family-description {
  padding-left: 22px;
  display: table-cell;
  vertical-align: top;
  max-width: 100%;
}

.section-content .family-description h4 {
  margin-bottom: 22px;
}

/*** affix *****/
.affix-bottom {
  position: absolute;
}

.affix {
  position: fixed;
}

@media (min-width: 992px) {
  .affix {
    position: fixed;
    top: 20px;
  }
}
@media (min-width: 992px) {
  .affix, .affix-bottom {
    width: 293px;
    position: fixed;
  }
}
@media (min-width: 1200px) {
  .affix, .affix-bottom {
    width: 360px;
    position: fixed;
  }
}
.all-labels {
  padding: 55px 0 88px;
}

.all-labels ul {
  margin-bottom: 0;
}

.all-labels .labeled-articles li:last-child {
  margin-bottom: 0;
}

.all-labels #labelsListXS {
  margin-bottom: 44px;
}

.all-labels h2 {
  margin-bottom: 44px;
}

@media (max-width: 767px) {
  .all-labels h2 {
    word-wrap: break-word;
  }
}
@media (max-width: 991px) {
  .all-labels .col-md-8 {
    margin-bottom: 44px;
  }
}
.all-labels h3 {
  margin-bottom: 22px;
}

@media (min-width: 992px) {
  .all-labels h3 {
    margin-top: 11px;
  }
}
.community-content {
  padding: 11px 0 55px;
}

.community-content .productCard {
  margin-bottom: 33px;
}

.community-content .productCard .rp-image {
  margin-bottom: 17px;
}

.form-container {
  padding: 22px 0 143px;
}

.form-container h2 {
  margin-bottom: 33px;
}

.request-form .form-field label {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 17px;
  font-weight: 600;
  color: #000;
  height: 22px;
}

.notification-inline.notification-error {
  border: none;
  background: transparent;
  font-size: 14px;
  line-height: 17px;
  color: #d2546d;
  font-weight: normal;
  margin-top: 3px;
  padding: 0;
  font-family: PTRootUI, sans-serif !important;
}

.notification-inline.notification-error::before {
  display: none;
}

.form-field.required input.field-error, .form-field.required textarea.field-error, .nesty-input.field-error {
  background: #ffccd1;
}

.form-field.required.boolean label {
  margin-bottom: 0;
}

.form-field.required.boolean label.field-error:before {
  background: #ffccd1;
}

.form-field.required.boolean .notification-inline.notification-error {
  margin-top: 6px;
  padding-left: 33px;
}

.form-field.required .common-field {
  background-color: #fff;
  border-color: #a8a8a8;
}

.form-field.required .common-field + .notification-inline.notification-error {
  display: none;
}

.form-field.required.boolean label.field-error.checked ~ .notification-inline.notification-error {
  display: none;
}

.notification-inline.notification-error {
  margin-top: 0;
  font-size: 0;
  line-height: 0;
}

.new-request-form label {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 9px;
  font-weight: 600;
  color: #000;
  height: 22px;
}
.new-request-form label span[data-garden-id="typography.font"] {
  content: "";
  background: url("/hc/theming_assets/01KGJZSRTA82E89CTWA2KN4010") no-repeat;
  width: 22px;
  height: 22px;
  display: inline-block;
  outline: none;
  box-sizing: border-box;
  vertical-align: top;
  font-size: 0;
}
.new-request-form div[data-garden-id="forms.input_hint"] {
  font-size: 14px;
  line-height: 17px;
  color: #8c8c8c;
}
.new-request-form input[type=text] {
  border: 1px solid #a8a8a8;
  border-radius: 0;
  padding: 0 17px;
  width: 100%;
  height: 55px;
  font-size: 16px;
  line-height: 22px;
  font-family: PTRootUI, sans-serif !important;
}
.new-request-form input[type=text]:focus-visible {
  outline: none;
  box-shadow: none;
}
.new-request-form div[data-garden-id="dropdowns.combobox.trigger"] {
  border: 1px solid #a8a8a8;
  border-radius: 0;
  padding: 0 17px;
  width: 100%;
  height: 55px;
  max-height: 55px;
}
.new-request-form div[data-garden-id="dropdowns.combobox.trigger"]:focus-within {
  outline: none;
  box-shadow: none;
}
.new-request-form div[data-garden-id="dropdowns.combobox.trigger"] div[data-garden-id="dropdowns.combobox.container"] {
  align-items: center;
}
.new-request-form div[data-garden-id="dropdowns.combobox.trigger"] div[data-garden-id="dropdowns.combobox.value"] {
  height: 39px;
  line-height: 39px;
  font-size: 16px;
  font-family: PTRootUI, sans-serif !important;
}
.new-request-form div[data-garden-id="forms.faux_input"] {
  border: 1px solid #a8a8a8;
  border-radius: 0;
  padding: 0 17px;
  width: 100%;
  height: 55px;
  max-height: 55px;
  outline: none !important;
  box-shadow: none !important;
}
.new-request-form div[data-garden-id="forms.faux_input"] input[data-garden-id="forms.input"] {
  height: 55px;
  font-size: 16px;
  line-height: 55px;
  font-family: PTRootUI, sans-serif !important;
}
.new-request-form .ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content {
  border: 1px solid #a8a8a8;
  border-radius: 0;
  border-bottom: none;
}
.new-request-form .ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable, .new-request-form .ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners {
  border: 1px solid #a8a8a8;
  border-radius: 0;
  outline: none !important;
  box-shadow: none !important;
}
.new-request-form .ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable:focus-visible, .new-request-form .ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners:focus-visible {
  outline: none;
  box-shadow: none;
}
.new-request-form div[data-garden-id="forms.file_upload"] {
  border: none;
  background: #E2E3E4;
  text-align: left;
  height: 55px;
  line-height: 55px;
  font-size: 16px;
  overflow: hidden;
  position: relative;
  display: block;
  padding: 0 17px;
}
.new-request-form button[data-garden-id="buttons.button"] {
  font-size: 16px;
  line-height: 55px;
  height: 55px;
  border: none;
  background: #0B4AAA;
  padding: 0 44px;
  color: #ffffff;
  max-width: 100%;
  box-sizing: border-box;
  outline: none;
  transition: border 0.12s ease-in-out;
  border-radius: 0;
}
.new-request-form button[data-garden-id="buttons.button"]:hover {
  background-color: #4a00e1;
}
.new-request-form label[data-garden-id="forms.checkbox_label"] {
  padding: 0 0 0 33px;
  position: relative;
}
.new-request-form label[data-garden-id="forms.checkbox_label"]:before {
  border: 1px solid #a8a8a8;
  background-color: #fff !important;
  background-image: none !important;
  -webkit-border-radius: 0;
  border-radius: 0;
  width: 22px;
  height: 22px;
  top: 0;
  left: 0;
  content: "";
  outline: none;
  display: block;
  position: absolute;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: #000;
  -moz-box-sizing: border-box;
}
.new-request-form input[type=checkbox]:checked + label:after {
  top: 5px;
  left: 3px;
  content: "";
  outline: none;
  position: absolute;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: inline-block;
  background: url("/hc/theming_assets/01KGJZSMT11W36DCEFM9B53Y5Y") no-repeat;
  width: 16px;
  height: 12px;
}
.new-request-form ul[data-garden-id="dropdowns.combobox.listbox"] {
  border: 1px solid #a8a8a8;
  border-radius: 0;
}
.new-request-form ul[data-garden-id="dropdowns.combobox.listbox"] li {
  box-shadow: none !important;
  font-size: 16px !important;
}
.new-request-form ul[data-garden-id="dropdowns.combobox.listbox"] li[aria-selected=true] {
  font-weight: 600;
  box-shadow: none !important;
}
.new-request-form ul[data-garden-id="dropdowns.combobox.listbox"] li[aria-selected=true] > *:first-child {
  display: none !important;
}
.new-request-form ul[data-garden-id="dropdowns.combobox.listbox"] li:not(:has(ul)):hover {
  background: #E2E3E4;
}
.new-request-form div[data-test-id=suggested-articles] {
  margin-top: 12px;
  padding: 16px;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.new-request-form div[data-test-id=suggested-articles] h2 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 8px;
  width: 100%;
  color: #000000;
  font-family: PTRootUI, sans-serif !important;
  letter-spacing: 0;
  opacity: 1;
  line-height: 33px;
}
.new-request-form div[data-test-id=suggested-articles] ul {
  max-height: 390px;
  overflow-y: auto;
  margin-top: 10px;
  border: 0 solid #ccc;
  border-radius: 4px;
  padding-right: 10px;
  background: #FFFFFF 0 0 no-repeat padding-box;
  box-shadow: 0 0 30px rgba(89, 84, 175, 0.1411764706);
  opacity: 1;
  width: 100%;
}
.new-request-form div[data-test-id=suggested-articles] ul li {
  color: #000000;
  font-weight: 500;
  font-family: PTRootUI, sans-serif !important;
  letter-spacing: 0;
  padding: 20px 75px 20px 21px;
  margin-bottom: 12px;
  border-bottom: 1px solid #eee;
}
.new-request-form div[data-test-id=suggested-articles] ul li:last-child {
  border-bottom: none;
}
.new-request-form div[data-test-id=suggested-articles] ul li a {
  color: #000000 !important;
  font-size: 18px !important;
  line-height: 22px !important;
}

.product-grid {
  padding: 55px 0;
}

.product-grid h3 {
  text-align: left;
  margin: 33px 0 0;
}

.fr-tech-specs.product-grid {
  padding: 0;
  margin: 22px 0;
  overflow: hidden;
}

.product-grid.fr-tech-specs:last-child {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.product-grid.fr-tech-specs.tech-specs-first-section {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.fr-tech-specs.product-grid h2 {
  margin: 33px 0;
  text-align: center;
}

.product-grid.fr-tech-specs.tech-specs-first-section h2 {
  margin-top: 0 !important;
}

.fr-tech-specs.product-grid h3 {
  text-align: left;
}

.fr-tech-specs.product-grid p {
  margin: 7px 0;
}

.tech-specs-content ul ul, .product-grid ul ul {
  padding-left: 22px;
  list-style-type: circle;
}

.product-grid ol {
  margin-bottom: 0;
}

.interface-languages .link-list .link .link-img {
  display: table-cell;
  padding-right: 17px;
}

.interface-languages .link-list .link .link-img img {
  max-width: fit-content;
}

.interface-languages .link-list .link {
  padding: 11px 0;
}

.interface-languages .link-list .link .link-description {
  display: table-cell;
  vertical-align: middle;
}

.product-tech-specs-collapse .link a, .product-tech-specs-collapse .link a:hover, .product-tech-specs-collapse .link a:visited, .product-tech-specs-collapse .link a:active {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  display: block;
  background-image: linear-gradient(90deg, #8593A9 0, #DBDBDB, #FF4D60);
  height: auto;
  padding: 18px 33px 15px 72px;
  font-size: 22px;
  line-height: 33px;
  color: #fff;
  text-decoration: none;
  overflow: hidden;
  margin-bottom: 1px;
}

.product-tech-specs-collapse .link a:before, .product-tech-specs-collapse .link a:hover:before, .product-tech-specs-collapse .link a:visited:before, .product-tech-specs-collapse .link a:active:before {
  margin-top: 5px;
  left: 59px;
  width: 2px;
  height: 22px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.product-tech-specs-collapse .link a:before, .product-tech-specs-collapse .link a:after, .product-tech-specs-collapse .link a:hover:before, .product-tech-specs-collapse .link a:hover:after, .product-tech-specs-collapse .link a:visited:before, .product-tech-specs-collapse .link a:visited:after, .product-tech-specs-collapse .link a:active:before, .product-tech-specs-collapse .link a:active:after {
  content: "";
  position: absolute;
  display: inline-block;
  background-color: #fff;
}

.product-tech-specs-collapse .link a:after, .product-tech-specs-collapse .link a:hover:after, .product-tech-specs-collapse .link a:visited:after, .product-tech-specs-collapse .link a:active:after {
  top: 33px;
  left: 49px;
  width: 22px;
  height: 2px;
}

.product-tech-specs-collapse .link a[aria-expanded=true]:before, .product-tech-specs-collapse .link a:hover[aria-expanded=true]:before, .product-tech-specs-collapse .link a:visited[aria-expanded=true]:before, .product-tech-specs-collapse .link a:active[aria-expanded=true]:before {
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.product-tech-specs-collapse .link a[aria-expanded=true], .product-tech-specs-collapse .link a:hover[aria-expanded=true], .product-tech-specs-collapse .link a:visited[aria-expanded=true], .product-tech-specs-collapse .link a:active[aria-expanded=true] {
  margin-bottom: 0;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}

.product-tech-specs-collapse {
  overflow: hidden;
  padding: 0 !important;
}

.product-tech-specs-collapse.collapse .tech-specs-content {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  overflow: hidden;
}

.product-tech-specs-collapse .tech-specs-content {
  padding: 33px 33px 44px;
  background-color: #f5f5f5;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.product-tech-specs-collapse.collapse.in .tech-specs-content {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  margin-bottom: 1px;
}

.product-tech-specs-collapse .tech-specs-content .inner-table {
  border: solid 1px #d7dce1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 22px 0;
}

.product-tech-specs-collapse .tech-specs-content .inner-table td,
.product-tech-specs-collapse .tech-specs-content .inner-table th {
  padding: 16px 22px;
}

.product-tech-specs-collapse .tech-specs-content .inner-table tr:first-child {
  border-bottom: solid 1px #d7dce1;
}

.product-tech-specs-collapse .tech-specs-content .inner-table tr:first-child td,
.product-tech-specs-collapse .tech-specs-content .inner-table tr:first-child th {
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  text-transform: uppercase;
}

.product-tech-specs-collapse .tech-specs-content .inner-table tr.line,
.product-tech-specs-collapse .tech-specs-content .inner-table td.line {
  border-bottom: solid 1px #d7dce1;
}

@media (min-width: 768px) {
  .product-tech-specs-collapse .tech-specs-content .col-sm-9,
  .product-tech-specs-collapse .tech-specs-content .col-sm-8,
  .product-tech-specs-collapse .tech-specs-content:not(.lang-content) .col-sm-4 {
    padding-top: 11px;
    padding-bottom: 11px;
  }
  .product-tech-specs-collapse .tech-specs-content .col-sm-8,
  .product-tech-specs-collapse .tech-specs-content:not(.lang-content) .col-sm-4:not(:first-child) {
    padding-top: 11px !important;
    padding-bottom: 11px !important;
  }
}
.product-tech-specs-collapse .tech-specs-content h4,
.product-tech-specs-collapse .tech-specs-content p {
  margin: 11px 0 0 0;
}

.product-tech-specs-collapse .tech-specs-content .inner-table-xs h4 {
  margin: 22px 0 17px;
  padding: 11px 0;
  border-top: 1px solid #d7dce1;
  border-bottom: 1px solid #d7dce1;
}

.product-tech-specs-collapse .tech-specs-content .inner-table-xs h6 {
  margin: 0 0 17px;
}

.product-tech-specs-collapse .tech-specs-content .inner-table-xs table {
  width: 100%;
  margin: 11px 0 17px;
}

.product-tech-specs-collapse .tech-specs-content .inner-table-xs table tr:first-of-type td,
.product-tech-specs-collapse .tech-specs-content .inner-table-xs table tr:first-of-type th {
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  text-transform: uppercase;
}

.product-tech-specs-collapse .tech-specs-content .inner-table-xs table tr th:last-of-type,
.product-tech-specs-collapse .tech-specs-content .inner-table-xs table tr td:last-of-type {
  text-align: center;
}

.product-tech-specs-collapse .tech-specs-content .inner-table-xs h4 + h6 + table tr:last-of-type td,
.product-tech-specs-collapse .tech-specs-content .inner-table-xs h4 + h6 + table tr:last-of-type th {
  padding-bottom: 17px;
  border-bottom: 1px solid #d7dce1;
}

.product-tech-specs-collapse .tech-specs-content .inner-table-xs table:last-of-type tr:last-of-type td, .product-tech-specs-collapse .tech-specs-content .inner-table-xs table:last-of-type tr:last-of-type th {
  padding-bottom: 17px;
  border-bottom: 1px solid #d7dce1;
}

.product-tech-specs-collapse.not-collapse .tech-specs-content {
  border-top: solid 1px #d7dce1;
  border-bottom: solid 1px #d7dce1;
}

@media (max-width: 767px) {
  .product-tech-specs-collapse .tech-specs-content {
    padding: 22px 11px;
  }
  .product-tech-specs-collapse .tech-specs-content .tech-specs-table {
    padding: 0;
  }
  .product-tech-specs-collapse .link a, .product-tech-specs-collapse .link a:hover, .product-tech-specs-collapse .link a:visited, .product-tech-specs-collapse .link a:active {
    font-size: 16px !important;
    line-height: 66px !important;
    padding: 0 33px 0 44px !important;
  }
  .product-tech-specs-collapse .link a span, .product-tech-specs-collapse .link a:hover span, .product-tech-specs-collapse .link a:visited span, .product-tech-specs-collapse .link a:active span {
    display: inline-block;
    line-height: 22px;
    vertical-align: middle;
  }
  .product-tech-specs-collapse .link a:before, .product-tech-specs-collapse .link a:hover:before, .product-tech-specs-collapse .link a:visited:before, .product-tech-specs-collapse .link a:active:before {
    margin-top: 27px;
    left: 38px;
    width: 2px;
    height: 16px;
  }
  .product-tech-specs-collapse .link a:after, .product-tech-specs-collapse .link a:hover:after, .product-tech-specs-collapse .link a:visited:after, .product-tech-specs-collapse .link a:active:after {
    left: 31px;
    width: 16px;
    height: 2px;
  }
  .product-tech-specs-collapse .tech-specs-content h4,
  .product-tech-specs-collapse .tech-specs-content p {
    margin: 22px 0 0 0;
  }
  .product-tech-specs-collapse .tech-specs-content .row:first-child div:first-child h4:first-child,
  .product-tech-specs-collapse .tech-specs-content .row:first-child div:first-child p:first-child {
    margin-top: 0;
  }
}
.interface-languages .link-list .link {
  padding: 11px 0;
}

.interface-languages .link-list .link .link-img {
  display: table-cell;
  padding-right: 17px;
}

.interface-languages .link-list .link .link-description {
  display: table-cell;
  vertical-align: middle;
  font-size: 16px;
  line-height: 22px;
}

.lang-content .disc-b {
  display: inline-block;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #5073b4;
  border: 0 solid #5073b4;
  vertical-align: middle !important;
  font-size: 0;
}

.lang-content .disc-lp {
  display: inline-block;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #FF2038;
  border: 0 solid #FF2038;
  vertical-align: middle !important;
  font-size: 0;
}

.lang-content .disc-p {
  display: inline-block;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #FF2038;
  border: 0 solid #FF2038;
  vertical-align: middle !important;
  font-size: 0;
}

.lang-content .disc-lb {
  display: inline-block;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #4B7AC3;
  border: 0 solid #4B7AC3;
  vertical-align: middle !important;
  font-size: 0;
}

.lang-content .disc-a {
  display: inline-block;
  background-color: #009191;
  width: 10px;
  height: 10px;
  vertical-align: -6px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border: 0 solid #009191;
  border-radius: 10px;
  vertical-align: middle !important;
  font-size: 0;
}

.lang-content .recognition-languages {
  margin: 0;
}

@media (min-width: 768px) {
  .recognition-languages {
    margin: 22px 0;
  }
}
.recognition-languages div:not(.row):not(.col-lg-6) {
  font-size: 14px;
  line-height: 33px;
  border-bottom: 1px solid #C8CDD2;
}

@media (max-width: 767px) {
  .recognition-languages div:not(.row):not(.col-lg-6).fake {
    visibility: hidden;
  }
}
.recognition-languages div.col-lg-6 > div {
  border-bottom: none !important;
}

.lang-content .recognition-languages *[class|=disc] {
  margin-left: 6px;
}

.lang-content .recognition-languages div > *[class|=disc]:first-child {
  margin-left: 8px;
}

.article-content .body-small {
  font-size: 14px !important;
  line-height: 17px;
}

p.note, p.body-small, p.body-small a {
  font-size: 14px !important;
  line-height: 22px;
  margin-top: 17px;
}

p.note-middle {
  font-size: 16px !important;
}

p.note:before, .note-notsupported p:before {
  display: inline-block;
  background: url("/hc/theming_assets/01KGJZSERJAX9R2TWJVK8XR333") no-repeat;
  width: 18px;
  height: 18px;
  content: "";
  margin: 0 4px 0 -22px;
  vertical-align: -3px;
}

.reconstriction-banner p.note:before {
  background: url("/hc/theming_assets/01KGJZSERJAX9R2TWJVK8XR333") no-repeat;
}

.note-notsupported {
  padding: 22px 22px 22px 44px;
  background-color: #d2ebeb !important;
  border-radius: 4px !important;
  margin-bottom: 22px;
}

.note-notsupported p {
  margin-bottom: 0;
  font-size: 14px !important;
  line-height: 22px;
  color: #444 !important;
}

p.note {
  margin: 22px 0 0 22px !important;
}

p.note + p {
  margin-top: 11px !important;
}

p.note + pre {
  margin-top: 11px !important;
}

.icon-flag-item {
  display: inline-block;
  width: auto;
  vertical-align: top;
  position: relative;
  padding-left: 28px;
}

@media (min-width: 992px) {
  .icon-flag-item {
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .icon-flag-item {
    max-width: 48%;
    overflow-wrap: normal;
  }
}
.icon-flag-item.icon-from-to {
  padding-left: 0;
}

.icon-from-to:before {
  display: inline-block;
  background: url("/hc/theming_assets/01KGJZSJR9RM6NHWSKRQ1W95HT") no-repeat;
  width: 19px;
  height: 14px;
  content: "";
  margin: 0 11px;
  vertical-align: -3px;
}

@media (max-width: 767px) {
  .icon-from-to.icon-from-to-ru:before {
    margin: 0;
  }
}
[class^=icon-flag-]:before {
  width: 22px;
  height: 14px;
  margin: 0 6px 0 0;
  border: 1px solid #AFB9C3;
  box-sizing: content-box;
  vertical-align: -3px;
  content: "";
  display: block;
  position: absolute;
  left: 0px;
}

.icon-flag-united-kingdom:before {
  background: url("/hc/theming_assets/01KH6QJAV420G19Y1G21SNP06N") no-repeat;
}

.icon-flag-china:before {
  background: url("/hc/theming_assets/01KH6QJHKW63NAFK3XKZNY4VKH") no-repeat;
}

.icon-flag-france:before {
  background: url("/hc/theming_assets/01KH6QJJ6JX1KKVCD8MTP2T5N8") no-repeat;
}

.icon-flag-germany:before {
  background: url("/hc/theming_assets/01KH6QJJE31W36K7PN9EBBXK89") no-repeat;
}

.icon-flag-indonesia:before {
  background: url("/hc/theming_assets/01KH6QJHEE081F2FDK9RBS9399") no-repeat;
}

.icon-flag-japan:before {
  background: url("/hc/theming_assets/01KH6QJHYA26YJWFYT6RNCJGDE") no-repeat;
}

.icon-flag-poland:before {
  background: url("/hc/theming_assets/01KH6QJHAPXFF3R0T6YVGT987W") no-repeat;
}

.icon-flag-brazil:before {
  background: url("/hc/theming_assets/01KH6QJAV7Z1206K0ZDMQNXHF8") no-repeat;
}

.icon-flag-russia:before {
  background: url("/hc/theming_assets/01KH6QJHHRTNK4M5RSMBD1Z63W") no-repeat;
}

.icon-flag-spain:before {
  background: url("/hc/theming_assets/01KH6QJHDH0SMHJVKZSXFY53YK") no-repeat;
}

/* Zendesk service popup */
select#zd-escalation-requester-id {
  padding: 10px 24px 10px 10px;
}

@media (max-width: 600px) {
  #zd-escalation-cancel {
    margin-right: 0;
    margin-bottom: 22px;
  }
  #zd-escalation-update, #zd-escalation-cancel {
    display: block;
  }
}
div[data-reactroot] [role=button] {
  margin-top: 22px;
}

.article-attachments ul.attachments {
  list-style-type: none;
  padding-left: 0;
}

.article-attachments ul.attachments .attachment-item {
  padding-left: 27px;
}

.article-attachments ul.attachments .attachment-item::before {
  content: "";
  display: block;
  height: 22px;
  margin: 0 0 0 -27px;
  float: left;
  position: relative;
  top: 0;
  width: 21px;
  background: url("/hc/theming_assets/01KGJZSSJTJ5VNNBZMFKYB8SM4") no-repeat;
}

.article-attachments ul.attachments .attachment-item::after {
  content: " ›";
  display: inline;
}

.link-learn-more::after {
  content: " ›";
  display: inline;
}

.video-link-round-77 {
  display: inline-block;
  max-width: 100%;
  position: relative;
}

.video-link-round-77:before {
  display: inline-block;
  background: url(https://theme.zdassets.com/theme_assets/1686315/d59c00de2015851de65967fb0d990c5f2bfc4472.svg) no-repeat;
  width: 77px;
  height: 77px;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -39px 0 0 -39px;
}

#reconstructionMessage {
  padding-top: 33px;
}

#reconstructionMessage a {
  color: #0B4AAA;
}

.reconstriction-banner {
  background: #ffffff;
}

.reconstriction-banner .wrapper {
  background-color: #ffd01e;
  padding: 33px;
  border-radius: 6px;
}

.reconstriction-banner p {
  margin-bottom: 6px !important;
  color: #000000;
}

.reconstriction-banner p a, .reconstriction-banner p a:hover, .reconstriction-banner p a:visited, .reconstriction-banner p a:focus,
.reconstriction-banner p a:active {
  text-decoration: underline;
  color: #000000 !important;
}

.reconstriction-banner p:last-child {
  margin-bottom: 0 !important;
}

.reconstriction-banner p.note {
  font-size: 16px !important;
  line-height: 22px !important;
  margin: 0 0 6px 0 !important;
  color: #000;
}

.reconstriction-banner p.note:before {
  margin: 0 11px 0 0 !important;
}

.reconstriction-banner p.note + p {
  margin-top: 0 !important;
}

.topics-container .section-content {
  background-color: #f5f5f5;
  border-radius: 6px;
  padding: 22px 33px 33px;
}

@media (max-width: 991px) {
  .topics-container .section-content {
    padding: 22px 22px 33px;
  }
}
.topics-container .section-block .section-content {
  margin-bottom: 33px;
}

@media (min-width: 768px) {
  .topics-container .section-block .section-content {
    min-height: 302px;
  }
}
._63983a716933a264792c2d8aeb1396b7-css {
  top: 50vh !important;
}

@media (max-width: 767px) {
  ._63983a716933a264792c2d8aeb1396b7-css {
    width: 100% !important;
    right: 0 !important;
  }
}
@media (min-width: 768px) {
  ._63983a716933a264792c2d8aeb1396b7-css {
    width: 360px !important;
    right: 0 !important;
    margin: 0 auto !important;
    left: 0 !important;
  }
}
@media (min-width: 992px) {
  .modal {
    margin: 72px auto 50px !important;
  }
}
@media (min-width: 600px) and (max-width: 991px) {
  .modal {
    margin: 61px auto 50px !important;
  }
}
#bugfixMessage .bugfix-message {
  padding: 11px 33px 22px;
  background: #D2EDFF;
  border-radius: 3px;
}

#bugfixMessage .note {
  color: #444444;
  margin-left: 0 !important;
}

#bugfixMessage .note {
  font-size: 16px !important;
  line-height: 22px;
}

#bugfixMessage .note:before {
  margin-left: 0 !important;
}

#trendingAndDownloads.hidden {
  margin-top: 77px;
}

#bugfixMessage {
  padding-top: 88px;
}

@media (min-width: 768px) {
  #reconstructionMessage.visible + #bugfixMessage {
    margin-top: 0;
    padding-top: 88px;
  }
}
@media (max-width: 767px) {
  #bugfixMessage .bugfix-message {
    padding: 11px 22px 22px;
  }
  #reconstructionMessage.visible + #bugfixMessage {
    padding-top: 88px !important;
  }
}
.section-list li:nth-child(n+7) {
  display: none;
}

.article-body .t-autocase {
  text-transform: none;
}

.article-body > h3:first-child, .article-body > h2:first-child, .article-body > h4:first-child {
  margin-top: 0;
}

.article-body > * + h3, .article-body > * + h2 {
  margin: 55px 0 22px;
}

.article-body > * + h4 {
  margin: 22px 0 17px;
}

.text-lg, .article-content p.text-lg {
  font-size: 18px !important;
  line-height: 28px !important;
}

/* new style 12.04.2022*/
.distributed-section {
  margin-top: 55px;
}

body > main {
  position: relative;
  min-height: 100%;
}

@media (min-width: 768px) {
  main .error-page ~ footer {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
  }
}
@media (min-width: 768px) {
  main .error-page .footer-help {
    height: 180px;
  }
}
/*magnific popup*/
.form-white-popup {
  position: relative;
  padding: 33px 22px 55px;
  width: auto;
  margin: 0 auto;
  max-width: 749px;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 0 17px 0 rgba(0, 40, 100, 0.6);
}

.form-white-popup .mfp-close {
  width: 36px;
  height: 36px;
  line-height: 36px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 1;
  padding: 0;
  color: #000;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.form-white-popup .mfp-close:before {
  content: "×";
  display: inline-block;
  width: 22px;
  height: 22px;
  right: 11px;
  top: 11px;
}

#new_request footer input[type=submit][name=commit]:disabled {
  background-color: #c8cdd2 !important;
  border-color: #c8cdd2 !important;
}

/**YEXT**/
:root {
  --yxt-font-size-md-lg: 16px !important;
  --yxt-autocomplete-text-font-size: 16px !important;
  --yxt-autocomplete-text-line-height: 22px !important;
  --yxt-autocomplete-text-color: #000 !important;
}

.yxt-SearchBar {
  text-align: left;
}

/** test YEXT fot Ticket form **/
.support-container {
  display: flex;
}

.new-request-div {
  position: relative;
  width: 55%;
  padding-bottom: 50px;
  margin-right: 5%;
  flex: 1.5;
}

#answers-container {
  flex: 1;
  padding-top: 74px;
}

@media (max-width: 767px) {
  .support-container {
    display: block;
  }
  .new-request-div {
    width: 100%;
  }
  #answers-container {
    width: 100%;
    padding-top: 0;
  }
}
.yxt-SearchBar-container .yxt-SearchBar-form button[type=button].js-yxt-SearchBar-clear.yxt-SearchBar-clear:not(.vote-up):not(.vote-down):not(.tabs-carousel-next):not(.tabs-carousel-prev):not(.zd-product-tray-toggle),
.yxt-SearchBar-container .yxt-SearchBar-form button[type=button].js-yxt-SearchBar-clear.yxt-SearchBar-clear:not(.vote-up):not(.vote-down):not(.tabs-carousel-next):not(.tabs-carousel-prev):not(.zd-product-tray-toggle):hover {
  border: none !important;
  background-color: transparent !important;
}

button[type=button].js-yxt-SearchBar-clear.yxt-SearchBar-clear svg path {
  stroke: #000;
}

input.js-yext-query.yxt-SearchBar-input:focus {
  border: none;
}

.yxt-GeoLocationFilter-input, .yxt-SearchBar-input {
  font-family: PTRootUI, sans-serif !important;
  font-size: 16px !important;
  line-height: 22px !important;
  font-weight: 400 !important;
  font-style: normal;
  color: #000 !important;
  border: none;
  background-color: transparent;
  width: 100%;
  padding: 0 !important;
}

.yxt-GeoLocationFilter-input:focus, .yxt-SearchBar-input:focus {
  border: none !important;
}

.yxt-GeoLocationFilter-input::placeholder, .yxt-SearchBar-input::placeholder {
  color: #000 !important;
}

.yxt-SearchBar-clear {
  border: none !important;
  color: #000 !important;
  height: auto !important;
  padding: 0 !important;
  background: transparent !important;
}

.yxt-GeoLocationFilter-container, .yxt-SearchBar-container {
  border-radius: 0 !important;
  box-sizing: border-box !important;
  color: #000 !important;
  padding-left: 17px !important;
  padding-right: 0 !important;
  -webkit-appearance: none !important;
  width: 100% !important;
  font-size: 16px !important;
  line-height: 22px !important;
  border: 1px solid #A8A8A8 !important;
}

.yxt-SearchBar-container:hover {
  box-shadow: none !important;
}

.yxt-SearchBar-buttonImage .Icon img {
  width: 20px;
  height: 20px;
}

/* SearchUnify custom classes */
.su_row {
  display: flex !important;
}

.suggestion-list {
  display: none;
}

p.su-search-title {
  margin-bottom: 0px;
  top: 312px;
  left: 1045px;
  color: #000000;
  font-weight: 500;
  font-family: PTRootUI, sans-serif !important;
  letter-spacing: 0px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 20px !important;
}

.su-search-title > a {
  color: #000000 !important;
  font-size: 18px !important;
}

.results-section {
  flex: 1;
}

.resultsSection {
  padding-left: 21px;
  padding-top: 20px;
  padding-right: 75px;
}

.contentType {
  padding: 3.5px;
  padding-left: 8px;
  padding-right: 8px;
  font-family: PTRootUI, sans-serif !important;
  font-weight: 500;
  font-size: 12px;
  margin-left: 4px;
  border: 1px solid #0B4AAA;
  background: #fff;
  border-radius: 20px;
  color: #0B4AAA;
  white-space: nowrap;
}

.suggestion-heading {
  top: 241px;
  width: 100%;
  color: #000000;
  font-size: 20px;
  font-weight: 500;
  font-family: PTRootUI, sans-serif !important;
  letter-spacing: 0px;
  opacity: 1;
  margin-bottom: 30px;
}

.su-summary-section-child {
  font-family: PTRootUI, sans-serif !important;
  font-size: 14px;
  font-weight: normal;
  color: #55595C;
  letter-spacing: 0px;
  opacity: 1;
  margin-top: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.su-section {
  border-top: 1px solid #DEE1E3;
  opacity: 0.5;
  margin-top: 6px;
  margin-left: -21px;
  margin-right: -75px;
}

.su-result-container {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 30px #5954AF24;
  border-radius: 4px;
  opacity: 1;
  width: 100%;
  overflow-y: scroll;
}

mainPageContent > .highlight {
  letter-spacing: 0px;
  color: #0B4AAA !important;
  font-weight: 600;
}

.results-section {
  width: 100%; /* originally was 542px */
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* was center */
  margin-left: 0rem; /* was 5rem - 0 makes suggestions box left aligned */
  margin-top: 0rem;
  min-width: 500px;
}

.custom-showmore-div {
  width: 100%;
  text-align: center;
  background: none !important; /* removes the white box around the More articles button */
  box-shadow: none !important;
  border-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 0;
  margin: 0;
}

.custom-show-more {
  font-size: 14px;
  font-weight: normal;
  font-family: PTRootUI, sans-serif !important;
  cursor: pointer;
  padding: 6px 12px;
  border-radius: 25px;
  background: #000;
  color: #fff;
  border: 1px solid #000000;
  margin-top: 10px;
  text-decoration: none; /* ← kill the underline */
  display: inline-block;
}

.custom-show-more:hover {
  background: #FF2038; /* red */
  color: #fff;
}

.mainPageContent {
  margin-right: 4px;
}

.su-search-title a:visited, .highlight {
  color: #0B4AAA !important;
}

.noResultsSection {
  background: #F9F9FB; /* same as suggestion box */
  padding: 0rem;
  width: 100%;
  color: #C62828; /* softer red */
  font-size: 1rem;
  font-weight: 500;
  margin-top: 1.2rem;
}

.su-Noresult-container {
  font-size: 1rem !important;
  font-weight: 500;
  color: #FF2038; /* red */
}

.su-title-to-display {
  display: flex;
  align-items: self-end;
}

/* Duplicated tab menu in Requests */
.request-container .sc-ezrdKe, .request-container .sc-ezrdKe.cgWlQS, .request-container .StyledTabs-sc-1qaor65-0 .request-container .kBqAxv {
  display: none !important;
}

.iBtgcc {
  font-size: 16px;
  line-height: 22px;
  color: #000;
  font-weight: 500;
  padding: 11px 22px;
}

#community-products-cards-container .card-wrapper {
  margin-bottom: 33px;
  background: #f5f5f5;
  border-radius: 6px;
}

#community-products-cards-container .product-card-link {
  width: 100%;
  height: 100%;
  display: block;
}

#community-products-cards-container .card-wrapper a:hover,
.home-page .card-wrapper a:focus {
  text-decoration: none;
}

#community-products-cards-container .card-wrapper .product-icon,
#community-products-cards-container .card-wrapper .product-name {
  display: table-cell;
  vertical-align: top;
  max-width: 100%;
}

#community-products-cards-container .card-wrapper .product-icon {
  width: 44px;
  min-width: 44px;
}

#community-products-cards-container .card-wrapper .product-icon img {
  border: 0;
  max-width: 100%;
  vertical-align: middle;
}

#community-products-cards-container .card-wrapper .product-name {
  padding-left: 22px;
}

#community-products-cards-container .card-wrapper .product-name h4 {
  margin-top: 5px;
}

#community-products-cards-container .card-wrapper:hover {
  box-shadow: 0 0 17px 0 rgba(0, 40, 100, 0.3);
}

/*satisfaction-box*/
.satisfaction-box input[type=radio] ~ label {
  background: #fff;
  border-radius: 0;
  color: #787878;
  margin-right: 22px;
  margin-bottom: 22px;
  height: 33px !important;
  font-size: 15px !important;
  line-height: 31px !important;
  font-weight: 500;
  padding: 0 11px !important;
}

.satisfaction-box input[type=radio][checked=checked][value=bad] + label {
  border-color: #ff2038;
  background-color: #ff2038;
  color: #fff;
}

/* SearchUnify CSS for rebranding */
.visual-home {
  /*background-image: url("/hc/theming_assets/01JS143E9GX2360J33GNRG14ZN");*/
  background-image: url("/hc/theming_assets/01JS143FWKCRQCPFSDAE92P7E4");
  background-position: center;
}

.visual-187 {
  background-image: url("/hc/theming_assets/01JS143FWKCRQCPFSDAE92P7E4");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.visual-title {
  color: #4A4B4C;
}

.visual-187 h1 {
  color: #4A4B4C;
  font-size: 4rem;
}

#navbar-container {
  margin-bottom: -28px !important;
}

button.dropdown-toggle.btn.with-image {
  background-color: #000000;
  border-color: #000000;
}

button.dropdown-toggle.btn.with-image:focus-visible {
  outline: none;
}

button.dropdown-toggle.btn.with-image:active {
  background-color: #000000 !important;
  border-color: #000000 !important;
}

button.dropdown-toggle.btn.with-image:hover {
  background-color: #4A4B4C !important;
  border-color: #4A4B4C !important;
}

[role=button]:hover:not(.new-request-form *, .ck-body-wrapper *, .ck-button), [role=button]:focus:not(.new-request-form *, .ck-body-wrapper *, .ck-button), [type=button]:not(.vote-up):not(.vote-down):not(.tabs-carousel-next):not(.tabs-carousel-prev):not(.zd-product-tray-toggle):hover:not(.new-request-form *, .ck-body-wrapper *, .ck-button), [type=button]:not(.vote-up):not(.vote-down):not(.tabs-carousel-next):not(.tabs-carousel-prev):not(.zd-product-tray-toggle):focus:not(.new-request-form *, .ck-body-wrapper *, .ck-button) {
  background-color: #000000 !important;
  border-color: #000000 !important;
}

.button-plus-white, .button-plus-purple {
  background-color: #000000 !important;
  border-color: #000000 !important;
}

.button-plus-white:hover {
  background-color: #4A4B4C !important;
  border-color: #4A4B4C !important;
}

.community {
  background-color: #8593A9 !important;
}

img[alt=Community] {
  filter: grayscale(174%) brightness(0.6) saturate(500%) contrast(3) hue-rotate(180deg);
}

.announcements {
  background-color: #4A4B4C !important;
  z-index: 2;
}

img[alt=Announcments] {
  filter: grayscale(174%) brightness(0.6) saturate(500%) contrast(3) hue-rotate(180deg);
}

img[alt="ABBYY University"] {
  mix-blend-mode: normal; /* optional reset */
}

.university {
  background-color: #FF2138 !important; /*#F52037*/
}

.breadcrumbs li a {
  color: #4A4B4C !important;
}

.button-blue {
  background-color: #000000 !important;
  border-color: #000000 !important;
}

.button-blue:hover {
  background-color: #4A4B4C !important;
  border-color: #4A4B4C !important;
}

.recent-activity-item-link {
  color: #4A4B4C !important;
}

footer .footer-socials-links .socials-bar .sl {
  background-color: #000;
}

a.submit-a-request.btn {
  background-color: #000000 !important;
  border-color: #000000 !important;
}

a.submit-a-request.btn:hover {
  background-color: #4A4B4C !important;
  border-color: #4A4B4C !important;
}

#rightHeaderMenu a.login {
  background-color: #000000;
  border-color: #000000;
}

#rightHeaderMenu a.login:hover {
  background-color: #000000;
  border-color: #000000;
}

/* SearchUnify CSS for rebranding */
/* Limit the height of the results container and make it scrollable */
#su-result-container {
  max-height: 390px; /* Show 3 results */
  overflow-y: auto;
  margin-top: 10px;
  border: 0px solid #ccc;
  border-radius: 4px;
  padding-right: 10px;
}

/* Box around the results-section */
#results-section {
  margin-top: 12px;
  padding: 16px;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 4px;
}

#results-section .suggestion-heading {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 8px;
}

/* Keep each result from adding vertical bloat */
.su-result-detail {
  padding: 6px 0;
  margin-bottom: 12px;
  border-bottom: 1px solid #eee;
}

/* new code for moving the button */
#results-section .results-header-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  width: 100%;
}

/* END SEARCH RESULTS CONTAINER CODE */
/* custom articles for pmm */
.custom-article-block,
.custom-article-collapse-block {
  margin-top: 10px;
  text-indent: 2em;
  max-width: 80%;
  margin-left: auto; /* center horizontally */
  margin-right: auto; /* center horizontally */
}

.custom-article-block h2,
.custom-article-collapse-block h2,
.custom-article-block h3,
.custom-article-collapse-block h3 {
  margin-top: 20px;
}

.custom-article-block p,
.custom-article-collapse-block p {
  margin-top: 10px;
  padding-left: 2em; /* indent all lines equally */
  text-indent: 0; /* remove first-line-only indent */
}

.custom-article-block ul,
.custom-article-collapse-block ul,
.custom-article-block ol,
.custom-article-collapse-block ol {
  list-style-type: disc;
  margin-left: 5em; /* shift bullets to the right */
  padding-left: 0; /* remove extra padding that pushes bullet too far */
  margin-bottom: 1em;
}

.custom-article-block li,
.custom-article-collapse-block li {
  margin-bottom: 0.5em;
  padding-left: 1em; /* space between bullet and text */
  text-indent: -1em; /* keeps wrapped lines aligned with first line */
}

/* END CUSTOM CODE FOR PROF SERVICeS */
/* LINK TO STATUS PAGE UNDER SEARCH */
.status-link {
  max-width: 960px;
  margin: 0 auto;
  padding-left: 5px;
  text-align: center;
  font-size: 15px;
  color: #FF2038;
  margin-top: 1rem;
  user-select: none;
}

.lifecycle-link {
  max-width: 960px;
  margin: 0 auto;
  padding-left: 5px;
  text-align: left;
  font-size: 15px;
  color: #FF2038;
  margin-top: 1rem;
  user-select: none;
}

.Vantage-docs-link {
  max-width: 960px;
  margin: 0 auto;
  padding-left: 5px;
  text-align: left;
  font-size: 15px;
  color: #FF2038;
  margin-top: 1rem;
  user-select: none;
}

/* END STATUS PAGE LINK */
/* POPULAR SEARCHES */
.popular-searches {
  max-width: 960px;
  margin: 0 auto;
  padding-left: 5px;
  text-align: center;
  font-size: 15px;
  color: #000;
  margin-top: 1rem;
  user-select: none;
}

.popular-searches a {
  padding-left: 5px;
  text-decoration: none;
  text-decoration-color: #000;
  text-underline-position: under;
  user-select: none;
}

/* END POPULAR SEARCHES */
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  /* width: 65%;  Optional: set a width smaller than the container */
}

.wysiwyg-image-align-right {
  float: right;
  margin: 8px 0 24px 32px;
}

/* SPACE AROUND TOP NAV
body:has(#preview-bar-container) {
  padding-top: 50px;
}
/* END SPACE AROUND TOP NAV */
/* UC */
:root {
  --uc-typography-scale: 1.6;
}

/* GO TO ABBYY U BUTTON */
.ABBYYU-button {
  background-color: #FF2038;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none; /* Remove underline */
  display: inline-block; /* Make the link behave like a block element, but inline with text flow */
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer; /* Add a mouse pointer on hover */
  border-radius: 8px; /* Rounded corners */
}

/* END OF CODE FOR ABBYY U BUTTON */
/* === POP UP SIGN IN MODAL (Black header + Glass lower) === */
/* Overlay */
#custom-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(3px);
  z-index: 99998;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeIn 0.28s ease-out;
}

/* Modal container (split) */
#custom-modal {
  position: relative;
  width: 90%;
  max-width: 500px; /* reduced width */
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.75);
  box-shadow: 0 10px 36px rgba(0, 0, 0, 0.32);
  z-index: 99999;
}

/* Black header section */
#custom-modal-header {
  background: #000;
  color: #ff2038; /* ABBYY accent for header text */
  padding: 18px 56px 18px 24px; /* room for close in top-right */
  font-weight: 700;
  font-size: 18px;
  line-height: 1.1;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 56px;
  box-sizing: border-box;
}

/* Close (X) in header */
#custom-modal-close {
  position: absolute;
  top: 12px;
  right: 14px;
  font-size: 22px;
  color: #fff;
  cursor: pointer;
  background: transparent;
  border: none;
  padding: 6px;
  line-height: 1;
  transition: transform 0.16s ease, color 0.16s ease;
}

#custom-modal-close:hover {
  transform: scale(1.14);
  color: #ff2038;
}

/* Content area (glassy) */
#custom-modal-content {
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(8px);
  padding: 26px 24px 34px;
  color: #222;
  font-size: 16px;
  line-height: 1.6;
  position: relative;
  box-sizing: border-box;
}

/* ABBYY watermark text (bottom-right) */
#custom-modal-content::after {
  content: "ABBYY";
  position: absolute;
  right: 18px;
  bottom: 12px;
  font-size: 56px;
  font-weight: 800;
  letter-spacing: -2px;
  color: rgba(255, 32, 56, 0.08);
  pointer-events: none;
  user-select: none;
}

/* Links inside modal */
#custom-modal-content a {
  color: #ff2038;
  font-weight: 700;
  text-decoration: underline;
}

#custom-modal-content a:hover {
  color: #d81b29;
  text-decoration: none;
}

/* Responsive tweaks */
@media (max-width: 480px) {
  #custom-modal {
    max-width: 92%;
  }
  #custom-modal-header {
    font-size: 16px;
    padding-right: 48px;
  }
  #custom-modal-content {
    padding: 20px;
    font-size: 15px;
  }
  #custom-modal-content::after {
    font-size: 40px;
    right: 12px;
    bottom: 8px;
  }
}
/* Animations */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* END SIGN-IN MODAL CODE */
/* START TOC CODE */
.toc-list ul, .toc-list ol {
  list-style-type: revert;
}

.toc-list ul li, .toc-list ol li {
  margin: 0px 0 0px 10px;
}

.toc-list ul li a {
  border-radius: 4px;
  color: var(--text-color);
  display: block;
  font-weight: 300;
  padding-left: 10px;
}

.toc-list ul li a:hover {
  background-color: var(--brand-color);
  color: var(--brand-text-color);
  text-decoration: none;
}

/* END TOC CODE */
/* CALLOUT WARNING */
.warning {
  background-color: #F5F5F5;
  border-left: 5px solid #FF2038;
  padding: 15px;
  margin: 15px 0;
}

/*end callout warning */
/* HIDE LABELS ON ARTICLES but keep tags */
.article-header .article-labels,
.article-header .labels {
  display: none;
}

/* END HIDE LABELS */
/* CALLOUT CODE */
/* Base Callout */
.callout {
  margin: 20px 0;
  padding: 18px 20px;
  border-radius: 6px;
  border-left: 5px solid;
  line-height: 1.6;
  font-size: inherit;
  line-height: inherit;
}

/* Optional Title */
.callout-title {
  font-weight: 600;
  display: block;
  margin-bottom: 6px;
}

/* Standard Note (Slate) */
.callout-note {
  background-color: #f4f6f9; /* soft tint of slate */
  border-color: #8593A9;
}

/* Important (ABBYY Red) */
.callout-important {
  background-color: #fff1f3; /* soft tint of red */
  border-color: #FF2038;
}

/* Subtle (Light Gray) */
.callout-subtle {
  background-color: #E2E3E4;
  border-color: #4A4B4C;
}

/* END CALLOUT */
/* FLOAT CODE */
/* Floating Right Variant */
.callout-right {
  float: right;
  width: 32%;
  margin: 0 0 16px 24px;
}

/* Prevent layout break on small screens */
@media (max-width: 768px) {
  .callout-right {
    float: none;
    width: 100%;
    margin: 20px 0;
  }
}
/* Optional clearfix helper */
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

/* END FLOAT */
/* START COLLAPSE EXPAND CODE */
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  margin-bottom: 10px;
}

.accordion p {
  display: inline;
}

.active, .accordion:hover {
  background-color: #ccc;
}

.accordion:after {
  content: "+";
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "−";
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

/* END COLLAPSE EXPAND */
/* SWIFTEQ FEEDBACK FORM */
/* Centered feedback column */
#sq-article-feedback-form .sq-feedback-column {
  max-width: 520px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 24px;
}

/* Radio group centered as a block but left-aligned inside */
#sq-article-feedback-options-down {
  width: fit-content;
  margin: 0 auto 18px auto;
  text-align: left;
}

/* Space between radio rows */
#sq-article-feedback-options-down > div {
  margin-bottom: 6px;
}

/* Textareas align with column width */
#sq-article-feedback-text textarea {
  width: 100%;
  margin-top: 10px;
}

/* Feedback note styling */
#sq-article-feedback-note-up,
#sq-article-feedback-note-down {
  font-size: small;
  color: grey;
  margin-top: 6px;
}

/* END FEEDBACK FORM */
/* FANCYBOX CODE FOR IMAGES */
img[data-fancybox] {
  cursor: pointer;
}

/* END FANCYBOX CODE FOR IMAGES */

/* ================================
    Notification Banner CSS 
=================================== */
.ns-box {
	position: relative;
	background: #000000; /* background color was originally rgba(192, 57, 43,0.85)*/
	padding: 10px 20px 20px 20px;
	line-height: 1.4;
	z-index: 1000;
	pointer-events: auto;
	color: rgba(250,251,255,0.95); /* font color */
	font-size: 85%;
  border-bottom: 1px solid #DDD;
}

.ns-box.ns-show {
	pointer-events: auto;
}

.ns-box a {
	color: #FFFFFF/* inherit*/;
  /* opacity: 0.7; this makes the colors not as vibrant */
	font-weight: 700;
}

.ns-box a:hover,
.ns-box a:focus {
	opacity: 1;
}

.ns-box p {
    margin: 0;
}

.ns-box.ns-show,
.ns-box.ns-visible {
	pointer-events: auto;
}

.ns-close {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 4px;
	top: 4px;
	overflow: hidden;
	text-indent: 100%;
	cursor: pointer;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.ns-close:hover,
.ns-close:focus {
	outline: none;
}

.ns-close::before,
.ns-close::after {
	content: '';
	position: absolute;
	width: 3px;
	height: 60%;
	top: 50%;
	left: 50%;
	background: #6e6e6e;
}

.ns-close:hover::before,
.ns-close:hover::after {
	background: #fff;
}

.ns-close::before {
	-webkit-transform: translate(-50%,-50%) rotate(45deg);
	transform: translate(-50%,-50%) rotate(45deg);
}

.ns-close::after {
	-webkit-transform: translate(-50%,-50%) rotate(-45deg);
	transform: translate(-50%,-50%) rotate(-45deg);
}

.ns-box-inner i {
  color: #FF2038; /* bright red */
  font-size: 3em; /* size of icon */
  position: relative;
  top: 5px; /* positive moves icon down, negative moves it up */
  /* margin-right: 2px;  space between icon and text */
}

/* title of article */
.ns-box-inner p:first-of-type a {
  color: #FF2038; /* darker red */
  text-decoration: none;
}

/* Top bar notifications */
.ns-box.ns-bar {
	top: 0;
	left: 0;
	width: 100%;
}

.ns-bar .ns-close {
	background: transparent;
	margin-top: 15px;
	right: 20px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.ns-bar .ns-close::before,
.ns-bar .ns-close::after {
	background: #b7b5b3;
}

[class^="ns-effect-"].ns-bar.ns-hide,
[class*=" ns-effect-"].ns-bar.ns-hide {
	-webkit-animation-direction: reverse;
	animation-direction: reverse;
}

/* Slide on top */
.ns-effect-slidetop {
	box-shadow: inset 5.4em 0 rgba(0,0,0,0.1);
}

.ns-effect-slidetop .icon {
	position: absolute;
	display: block;
	font-size: 109%;
	top: 50%;
	left: 1em;
	-webkit-transform: translate3d(0,-20%,0);
	transform: translate3d(0,-20%,0);
}

.ns-effect-slidetop p {
	padding: 0 3.2em; 
	font-size: 1.2em;
	display: inline-block;
  text-align: left !important; /* aligns all banner text */
}

.ns-effect-slidetop .ns-close::before,
.ns-effect-slidetop .ns-close::after {
	width: 2px;
	background: #fff;
}

.ns-effect-slidetop .ns-close:hover::before,
.ns-effect-slidetop .ns-close:hover::after {
	background: #fff;
}

.ns-effect-slidetop.ns-show .icon,
.ns-effect-slidetop.ns-show p {
	-webkit-animation-name: animScaleUp;
	animation-name: animScaleUp;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.ns-effect-slidetop.ns-show p {
	-webkit-animation-name: animFade;
	animation-name: animFade;
}

@-webkit-keyframes animScaleUp {
	0% { opacity: 0; -webkit-transform: translate3d(0,-50%,0) scale3d(0,0,1); }
	100% { opacity 1; -webkit-transform: translate3d(0,-50%,0) scale3d(1,1,1); }
}

@keyframes animScaleUp {
	0% { opacity: 0; -webkit-transform: translate3d(0,-50%,0) scale3d(0,0,1); transform: translate3d(0,-50%,0) scale3d(0,0,1); }
	100% { opacity 1; -webkit-transform: translate3d(0,-50%,0) scale3d(1,1,1); transform: translate3d(0,-50%,0) scale3d(1,1,1); }
}

.ns-effect-slidetop.ns-show,
.ns-effect-slidetop.ns-hide {
	-webkit-animation-name: animSlideTop;
	animation-name: animSlideTop;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
}

@-webkit-keyframes animSlideTop {
	0% { -webkit-transform: translate3d(0,-100%,0); }
	100% { -webkit-transform: translate3d(0,0,0); }
}

@keyframes animSlideTop {
	0% { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
	100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
/* END NOTIFICATION BANNER */