@charset "UTF-8";
/***** Normalize.css *****/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
          border-radius: 12px;
            border: 1px solid #e5edf5;
}

iframe{border-radius: 12px;
    border: 1px solid #e5edf5;}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/***** Base *****/
* {
  box-sizing: border-box;
}

body {
  background-color: rgba(255, 255, 255, 1);
  color: rgba(47, 47, 47, 1);
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

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

h1, h2, h3, h4, h5, h6 {
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-weight: 400;
  margin-top: 0;
}

h1 {
  font-size: 32px;
}

h2 {
font-size:30px;
                      color:#2F2F2F;
                      margin-bottom:10px;
}

h3 {
  font-size:24px;
                      color:#2F2F2F;
                      font-weight:600;
                      margin:30px 0 10px;
}

h4 {
  font-size: 16px;
}

a {
  color: rgba(0, 148, 219, 1);
  text-decoration: none;
}

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

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

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

input:not([type="checkbox"]) {
  outline: none;
}

input:not([type="checkbox"]):focus {
  border: 1px solid rgba(0, 148, 219, 1);
}

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

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23CCC' d='M0 0h10L5 6 0 0z'/%3E%3C/svg%3E%0A") no-repeat #fff;
  background-position: right 10px center;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 8px 30px 8px 10px;
  outline: none;
  color: #555;
  width: 100%;
}

select:focus {
  border: 1px solid rgba(0, 148, 219, 1);
}

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

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

textarea:focus {
  border: 1px solid rgba(0, 148, 219, 1);
}

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

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

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

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

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

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

.visibility-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

/***** Buttons *****/
.button, .split-button button, .section-subscribe button, .article-subscribe button, .community-follow button, .requests-table-toolbar .organization-subscribe button, .subscriptions-subscribe button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link {
  background-color: transparent;
  border: 1px solid rgba(0, 148, 219, 1);
  border-radius: 4px;
  color: rgba(0, 148, 219, 1);
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  line-height: 2.34;
  margin: 0;
  padding: 0 20px;
  text-align: center;
  transition: background-color .12s ease-in-out, border-color .12s ease-in-out, color .15s ease-in-out;
  user-select: none;
  white-space: nowrap;
  width: 100%;
  -webkit-touch-callout: none;
}

@media (min-width: 768px) {
  .button, .split-button button, .section-subscribe button, .article-subscribe button, .community-follow button, .requests-table-toolbar .organization-subscribe button, .subscriptions-subscribe button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link {
    width: auto;
  }
}

.button:hover, .split-button button:hover, .section-subscribe button:hover, .article-subscribe button:hover, .community-follow button:hover, .requests-table-toolbar .organization-subscribe button:hover, .subscriptions-subscribe button:hover, .pagination-next-link:hover, .pagination-prev-link:hover, .pagination-first-link:hover, .pagination-last-link:hover, .button:active, .split-button button:active, .section-subscribe button:active, .article-subscribe button:active, .community-follow button:active, .requests-table-toolbar .organization-subscribe button:active, .subscriptions-subscribe button:active, .pagination-next-link:active, .pagination-prev-link:active, .pagination-first-link:active, .pagination-last-link:active, .button:focus, .split-button button:focus, .section-subscribe button:focus, .article-subscribe button:focus, .community-follow button:focus, .requests-table-toolbar .organization-subscribe button:focus, .subscriptions-subscribe button:focus, .pagination-next-link:focus, .pagination-prev-link:focus, .pagination-first-link:focus, .pagination-last-link:focus, .button.button-primary, .split-button button.button-primary, .section-subscribe button.button-primary, .section-subscribe button[data-selected="true"], .article-subscribe button.button-primary, .article-subscribe button[data-selected="true"], .community-follow button.button-primary, .requests-table-toolbar .organization-subscribe button.button-primary, .requests-table-toolbar .organization-subscribe button[data-selected="true"], .subscriptions-subscribe button.button-primary, .subscriptions-subscribe button[data-selected="true"], .button-primary.pagination-next-link, .button-primary.pagination-prev-link, .button-primary.pagination-first-link, .button-primary.pagination-last-link {
  background-color: rgba(0, 148, 219, 1);
  color: #ffffff;
  text-decoration: none;
}

.button.button-primary:hover, .split-button button:hover, .section-subscribe button.button-primary:hover, .section-subscribe button:hover[data-selected="true"], .article-subscribe button.button-primary:hover, .article-subscribe button:hover[data-selected="true"], .community-follow button.button-primary:hover, .requests-table-toolbar .organization-subscribe button.button-primary:hover, .requests-table-toolbar .organization-subscribe button:hover[data-selected="true"], .subscriptions-subscribe button.button-primary:hover, .subscriptions-subscribe button:hover[data-selected="true"], .button-primary.pagination-next-link:hover, .button-primary.pagination-prev-link:hover, .button-primary.pagination-first-link:hover, .button-primary.pagination-last-link:hover, .button.button-primary:focus, .split-button button.button-primary:focus, .section-subscribe button.button-primary:focus, .section-subscribe button:focus[data-selected="true"], .article-subscribe button.button-primary:focus, .article-subscribe button:focus[data-selected="true"], .community-follow button.button-primary:focus, .requests-table-toolbar .organization-subscribe button.button-primary:focus, .requests-table-toolbar .organization-subscribe button:focus[data-selected="true"], .subscriptions-subscribe button.button-primary:focus, .subscriptions-subscribe button:focus[data-selected="true"], .button-primary.pagination-next-link:focus, .button-primary.pagination-prev-link:focus, .button-primary.pagination-first-link:focus, .button-primary.pagination-last-link:focus, .button.button-primary:active, .split-button button.button-primary:active, .section-subscribe button.button-primary:active, .section-subscribe button:active[data-selected="true"], .article-subscribe button.button-primary:active, .article-subscribe button:active[data-selected="true"], .community-follow button.button-primary:active, .requests-table-toolbar .organization-subscribe button.button-primary:active, .requests-table-toolbar .organization-subscribe button:active[data-selected="true"], .subscriptions-subscribe button.button-primary:active, .subscriptions-subscribe button:active[data-selected="true"], .button-primary.pagination-next-link:active, .button-primary.pagination-prev-link:active, .button-primary.pagination-first-link:active, .button-primary.pagination-last-link:active {
  background-color: #004f75;
  border-color: #004f75;
}

.button[data-disabled], .split-button button[data-disabled], .section-subscribe button[data-disabled], .article-subscribe button[data-disabled], .community-follow button[data-disabled], .requests-table-toolbar .organization-subscribe button[data-disabled], .subscriptions-subscribe button[data-disabled], .pagination-next-link[data-disabled], .pagination-prev-link[data-disabled], .pagination-first-link[data-disabled], .pagination-last-link[data-disabled] {
  cursor: default;
}

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

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

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

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

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

.button-secondary:hover, .button-secondary:focus, .button-secondary:active {
  color: rgba(47, 47, 47, 1);
  border: 1px solid #ddd;
  background-color: #f7f7f7;
}

/***** Split button *****/
.split-button {
  display: flex;
}

.split-button button {
  background-color: rgba(0, 148, 219, 1);
  border: 0;
  color: #ffffff;
  height: 32px;
  line-height: 16px;
  outline-color: rgba(0, 148, 219, 1);
}

[dir="rtl"] .split-button button:not(:only-child):first-child {
  border-left: 1px solid #ffffff;
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}

[dir="ltr"] .split-button button:not(:only-child):first-child {
  border-right: 1px solid #ffffff;
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}

.split-button button:not(:only-child):last-child {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  min-width: 26px;
  max-width: 26px;
  padding: 0;
}

[dir="rtl"] .split-button button:not(:only-child):last-child {
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}

[dir="ltr"] .split-button button:not(:only-child):last-child {
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}

/***** Tables *****/
.table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
}

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

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

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

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

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

.table td {
  display: block;
}

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

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

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

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

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

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

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

.form-field input:focus {
  border: 1px solid rgba(0, 148, 219, 1);
}

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

.form-field input[type="text"]:focus {
  border: 1px solid rgba(0, 148, 219, 1);
}

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

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

.form-field .nesty-input:focus {
  border: 1px solid rgba(0, 148, 219, 1);
  text-decoration: none;
}

.form-field .hc-multiselect-toggle:focus {
  outline: none;
  border: 1px solid rgba(0, 148, 219, 1);
  text-decoration: none;
}

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

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

.form-field .optional {
  color: #626262;
  margin-left: 4px;
}

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

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

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

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

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

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

.form .suggestion-list li a:visited {
  color: rgba(0, 148, 219, 0.6);
}

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

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

.logo img {
  max-height: 37px;
  vertical-align: middle;
  border:none;
}

.logo span {
  margin: 0 10px;
  color: rgba(0, 148, 219, 1);
}

.logo a {
  display: inline-block;
}

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

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

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

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

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

.nav-wrapper a {
  border: 0;
  color: rgba(0, 148, 219, 1);
  display: none;
  font-size: 14px;
  padding: 0 20px 0 0;
  width: auto;
}

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

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

.nav-wrapper a:hover, .nav-wrapper a:focus, .nav-wrapper a:active {
  background-color: transparent;
  color: rgba(0, 148, 219, 1);
  text-decoration: underline;
}

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

@media (max-width: 768px) {
  .nav-wrapper .hide-on-mobile {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
  }
}

.nav-wrapper .menu-button {
  background: none;
  border: 0;
  color: rgba(0, 148, 219, 1);
  display: inline-block;
  margin-right: 10px;
  padding: 0;
  width: auto;
}

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

.nav-wrapper .menu-button .icon-menu {
  vertical-align: middle;
  width: 13px;
  height: 13px;
}

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

.nav-wrapper .menu-button:hover, .nav-wrapper .menu-button:focus, .nav-wrapper .menu-button:active {
  background-color: transparent;
  color: rgba(0, 148, 219, 1);
}

.skip-navigation {
  align-items: center;
  background-color: black;
  color: white;
  display: flex;
  font-size: 14px;
  justify-content: center;
  left: -999px;
  margin: 20px;
  padding: 20px;
  overflow: hidden;
  position: absolute;
  top: auto;
  z-index: -999;
}

[dir="rtl"] .skip-navigation {
  left: initial;
  right: -999px;
}

.skip-navigation:focus, .skip-navigation:active {
  left: auto;
  overflow: auto;
  text-align: center;
  text-decoration: none;
  top: auto;
  z-index: 999;
}

[dir="rtl"] .skip-navigation:focus, [dir="rtl"] .skip-navigation:active {
  left: initial;
  right: auto;
}

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

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

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

.user-info > button {
  border: 0;
  color: rgba(0, 148, 219, 1);
  min-width: 0;
  padding: 0;
  white-space: nowrap;
}

.user-info > button:hover, .user-info > button:focus {
  color: rgba(0, 148, 219, 1);
  background-color: transparent;
}

.user-info > button::after {
  color: rgba(0, 148, 219, 1);
  padding-right: 15px;
}

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

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

@media (min-width: 768px) {
  #user #user-name {
    display: inline-block;
  }
}

#user #user-name:hover {
  text-decoration: underline;
}

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

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

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

.avatar .icon-agent {
  color: rgba(0, 148, 219, 1);
  border: 2px solid #fff;
  border-radius: 50%;
  bottom: -4px;
  background-color: #ffffff;
  font-size: 17px;
  height: 17px;
  line-height: 17px;
  position: absolute;
  right: -2px;
  text-align: center;
  width: 17px;
}

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

.footer a {
  color: #626262;
}

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

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

.footer-language-selector button {
  color: #626262;
  display: inline-block;
  font-weight: 300;
}

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

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

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

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

.breadcrumbs li a:visited {
  color: rgba(0, 148, 219, 1);
}

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

.search input[type="search"] {
  border: 1px solid #ddd;
  border-radius: 30px;
  box-sizing: border-box;
  color: #666;
  height: 40px;
  padding-left: 40px;
  padding-right: 20px;
  -webkit-appearance: none;
  width: 100%;
}

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

.search input[type="search"]:focus {
  border: 1px solid rgba(0, 148, 219, 1);
  color: #555;
}

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

.search-icon {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 15px;
  z-index: 1;
  width: 18px;
  height: 18px;
  color: #777;
}

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

.search-container {
  position: relative;
}

/***** Hero component *****/
.hero {
  background-image: url(/hc/theming_assets/01KG4P1XBX2V4WB8WRVVXQ1CJM);
  background-position: center;
  background-size: cover;
  height: 300px;
  padding: 0 20px;
  text-align: center;
  width: 100%;
}

.hero-inner {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  max-width: 610px;
  margin: 0 auto;
}

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

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

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

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

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

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

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

.page-header .icon-lock {
  height: 20px;
  width: 20px;
  position: relative;
  left: -5px;
  vertical-align: baseline;
}

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

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

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

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

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

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

.blocks-item {
  border: 1px solid rgba(0, 148, 219, 1);
  border-radius: 4px;
  box-sizing: border-box;
  color: rgba(0, 148, 219, 1);
  display: flex;
  flex: 1 0 340px;
  margin: 0 0 30px;
  max-width: 100%;
  text-align: center;
}

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

.blocks-item:hover, .blocks-item:focus, .blocks-item:active {
  background-color: rgba(0, 148, 219, 1);
}

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

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

.blocks-item-internal .icon-lock {
  height: 15px;
  width: 15px;
  bottom: 5px;
  position: relative;
}

.blocks-item-internal a {
  color: rgba(47, 47, 47, 1);
}

.blocks-item-link {
  color: rgba(0, 148, 219, 1);
  padding: 20px 30px;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  border-radius: inherit;
}

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

.blocks-item-link:focus {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(0, 148, 219, 1);
  text-decoration: none;
}

.blocks-item-title {
  margin-bottom: 0;
  font-size: 16px;
}

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

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

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

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

.home-section h2 {
  margin-bottom: 10px;
  text-align: center;
}

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

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

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

@media (min-width: 1024px) {
  .promoted-articles-item {
    align-self: flex-end;
    flex: 0 0 auto;
    padding-right: 30px;
    width: 33%;
    /* Three columns on desktop */
  }
  [dir="rtl"] .promoted-articles-item {
    padding: 0 0 0 30px;
  }
}

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

.promoted-articles-item a {
  display: block;
  border-bottom: 1px solid #ddd;
  padding: 15px 0;
  color: rgba(47, 47, 47, 1);
}

.promoted-articles-item .icon-lock {
  vertical-align: baseline;
}

.promoted-articles-item:last-child a {
  border: 0;
}

@media (min-width: 1024px) {
  .promoted-articles-item:last-child a {
    border-bottom: 1px solid #ddd;
  }
}

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

.community-image {
  min-height: 300px;
  margin-top: 32px;
  background-image: url(/hc/theming_assets/01KG4NWR9GBS57VG7CAQ8SHQMQ);
  background-position: center;
  background-repeat: no-repeat;
  max-width: 100%;
}

.community,
.activity {
  border-top: 1px solid #ddd;
  padding: 30px 0;
}

/***** Recent activity *****/
.recent-activity-header {
  margin-bottom: 10px;
  text-align: center;
}

.recent-activity-list {
  padding: 0;
}

.recent-activity-item {
  border-bottom: 1px solid #ddd;
  overflow: auto;
  padding: 20px 0;
}

.recent-activity-item-parent {
  font-size: 16px;
}

.recent-activity-item-parent, .recent-activity-item-link {
  margin: 6px 0;
  color: rgba(47, 47, 47, 1);
  display: inline-block;
  width: 100%;
}

@media (min-width: 768px) {
  .recent-activity-item-parent, .recent-activity-item-link {
    width: 70%;
    margin: 0;
  }
}

.recent-activity-item-link {
  font-size: 14px;
  font-weight: 300;
}

.recent-activity-item-meta {
  margin: 15px 0 0 0;
  float: none;
}

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

.recent-activity-item-time, .recent-activity-item-comment {
  color: #626262;
  display: inline-block;
  font-size: 13px;
  font-weight: 300;
}

.recent-activity-item-comment {
  padding-left: 5px;
}

[dir="rtl"] .recent-activity-item-comment {
  padding: 0 5px 0 0;
}

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

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

.recent-activity-accessibility-label {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.recent-activity-comment-icon svg {
  vertical-align: middle;
  color: rgba(0, 148, 219, 1);
  width: 16px;
  height: 16px;
}

.recent-activity-comment-icon:after {
  content: attr(data-comment-count);
  margin-left: 3px;
}

[dir="rtl"] .recent-activity-comment-icon:after {
  margin-left: 0;
  margin-right: 3px;
}

/***** Category 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-title {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
}

.section-tree-title a {
  color: rgba(47, 47, 47, 1);
}

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

.article-list-item {
  font-size: 16px;
  padding: 15px 0;
}

.article-list-item a {
  color: rgba(47, 47, 47, 1);
}

.icon-star {
  color: rgba(0, 148, 219, 1);
  font-size: 18px;
}

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

.section-content {
  flex: 1;
}

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

.section-list {
  margin: 40px 0;
}

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

.section-list-item:first-child {
  border-top: 1px solid #ddd;
}

.section-list-item a {
  align-items: center;
  color: rgba(47, 47, 47, 1);
  display: flex;
  justify-content: space-between;
}

.see-all-sections-trigger {
  cursor: pointer;
  display: block;
  padding: 15px;
  text-align: center;
}

.see-all-sections-trigger[aria-hidden="true"] {
  display: none;
}

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

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

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

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

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

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

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

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

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

.article-title .icon-lock {
  position: relative;
  left: -5px;
  vertical-align: baseline;
}

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

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

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

.article-meta {
  display: inline-block;
  vertical-align: middle;
}

.article-body img {
  height: auto;
 margin:30px 0;
  max-width: 100%;
}

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

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

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

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

.article-body a:visited {
  color: rgba(0, 148, 219, 0.6);
}

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

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

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

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

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

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

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

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

.article-comment-count-icon {
  vertical-align: middle;
  color: rgba(0, 148, 219, 1);
  width: 18px;
  height: 18px;
}

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

@media (min-width: 1024px) {
  .article-sidebar {
    border: 0;
    flex: 0 0 17%;
    height: auto;
  }
}

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

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

.article-relatives > * {
  flex: 1 0 50%;
  min-width: 50%;
  overflow-wrap: break-word;
  margin-right: 0;
}

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

@media (min-width: 768px) {
  .article-relatives > * {
    padding-right: 20px;
  }
}

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

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

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

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

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

.article-return-to-top a {
  color: rgba(47, 47, 47, 1);
  display: block;
  padding: 20px 0;
}

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

.article-return-to-top-icon {
  transform: rotate(0.5turn);
}

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

.sidenav-item {
  border-radius: 4px;
  color: rgba(47, 47, 47, 1);
  display: block;
  font-weight: 300;
  margin-bottom: 10px;
  padding: 10px;
}

.sidenav-item.current-article, .sidenav-item:hover {
  background-color: rgba(0, 148, 219, 1);
  color: #ffffff;
  text-decoration: none;
}

.recent-articles li,
.related-articles li {
  margin-bottom: 15px;
}

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

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

.attachments .attachment-item .attachment-icon {
  color: rgba(47, 47, 47, 1);
  left: 0;
  position: absolute;
  top: 5px;
}

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

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

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

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

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

.share li {
  height: 25px;
  width: 25px;
}

.share a {
  color: #626262;
}

.share a:hover {
  text-decoration: none;
  color: rgba(0, 148, 219, 1);
}

.share a svg {
  height: 18px;
  width: 18px;
  display: block;
}

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

.comment-heading, .recent-articles-title,
.related-articles-title {
  margin-bottom: 5px;
  margin-top: 0;
  font-size: 18px;
  font-weight: 600;
}

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

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

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

.comment-callout a {
  color: rgba(0, 148, 219, 1);
}

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

.comment-sorter .dropdown-toggle {
  color: #626262;
  font-weight: 300;
  font-size: 13px;
}

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

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

.comment-wrapper.comment-official {
  border: 1px solid rgba(0, 148, 219, 1);
  padding: 40px 20px 20px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.comment-container {
  width: 100%;
}

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

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

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

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

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

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

.comment-ccs {
  display: none;
}

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

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

.comment-attachments a {
  color: rgba(0, 148, 219, 1);
}

.comment-body {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  line-height: 1.6;
  overflow-x: auto;
}

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

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

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

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

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

.comment-body a:visited {
  color: rgba(0, 148, 219, 0.6);
}

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

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

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

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

/***** Vote *****/
/* Used in article comments, post comments and post */
.vote {
  display: flex;
  flex-direction: column;
  text-align: center;
}

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

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

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

.vote-up svg {
  transform: scale(1, -1);
}

.vote-up:hover,
.vote-down:hover {
  color: rgba(0, 148, 219, 1);
}

.vote-up, .vote-down {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  color: #626262;
  cursor: pointer;
  min-height: 35px;
  min-width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vote-voted {
  color: rgba(0, 148, 219, 1);
}

.vote-voted:hover {
  color: #004f75;
}

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

.actions button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  min-height: 35px;
  min-width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

.community-footer-title {
  font-size: 16px;
  margin-bottom: 20px;
}

.community-featured-posts .title {
  font-size: 18px;
  font-weight: 600;
}

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

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

.community-header .title {
  margin-bottom: 0;
  font-size: 16px;
}

.post-to-community {
  margin-top: 10px;
}

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

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

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

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

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

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

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

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

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

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

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

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

.community-follow button:hover {
  background-color: rgba(0, 148, 219, 1);
}

.community-follow button:hover::after, .community-follow button:focus::after {
  border-color: #ffffff;
  color: #ffffff;
}

.community-follow button[data-selected="true"] {
  background-color: rgba(0, 148, 219, 1);
  color: #ffffff;
}

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

.community-follow button[data-selected="true"]:hover {
  background-color: #004f75;
  border-color: #004f75;
}

.community-follow button::after {
  border-left: 1px solid rgba(0, 148, 219, 1);
  content: attr(data-follower-count);
  color: rgba(0, 148, 219, 1);
  display: inline-block;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  margin-left: 15px;
  padding-left: 10px;
  position: absolute;
  right: 10px;
}

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

[dir="rtl"] .community-follow button::after {
  border-left: 0;
  border-right: 1px solid rgba(0, 148, 219, 1);
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
}

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

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

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

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

.striped-list-title {
  color: rgba(0, 148, 219, 1);
  margin-bottom: 10px;
  margin-right: 5px;
}

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

.striped-list-title:visited {
  color: rgba(0, 148, 219, 0.6);
}

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .striped-list-number {
    color: rgba(47, 47, 47, 1);
    display: block;
    font-weight: 400;
  }
}

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

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

.status-label-pinned, .status-label-featured, .status-label-official {
  background-color: rgba(0, 148, 219, 1);
}

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

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

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

.status-label-not-planned, .status-label-closed {
  background-color: #e9ebed;
  color: #626262;
}

.status-label-pending, .status-label-pending-moderation {
  background-color: #1f73b7;
  text-align: center;
}

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

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

.status-label-new {
  background-color: #ffb648;
  color: #703b15;
}

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

/***** 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: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  line-height: 1.6;
  word-break: break-word;
}

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

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

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

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

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

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

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

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

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

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

.post-body a:visited {
  color: rgba(0, 148, 219, 0.6);
}

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

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

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

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

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

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

.post-comment-count .icon-comments {
  color: rgba(0, 148, 219, 1);
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 5px;
  vertical-align: middle;
}

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

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

.post-sidebar-title {
  font-size: 18px;
  font-weight: 600;
}

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

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

/***** Community Badges *****/
/* Styles labels used next to the authors of article comments, community posts, and community comments */
.community-badge-titles {
  background-color: #04444d;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 2px 8px;
  vertical-align: middle;
  white-space: nowrap;
  display: inline-flex;
  line-height: 20px;
  margin: 0 2px;
}

.community-badge-container-achievements {
  padding-top: 5px;
}

.community-badge-achievements {
  display: inline-block;
  margin: 0 3px 0 0;
}

[dir="rtl"] .community-badge-achievements {
  margin: 0 0 0 3px;
}

.community-badge-achievements img {
  width: 22px;
  height: 22px;
}

.community-badge-titles img {
  width: 20px;
  height: 20px;
}

.profile-info .community-badge-achievements img {
  width: 40px;
  height: 40px;
}

/* Navigation element that collapses on mobile */
.collapsible-nav {
  flex-direction: column;
  font-size: 14px;
  position: relative;
}

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

.collapsible-nav-border {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

@media (min-width: 768px) {
  .collapsible-nav-border {
    border-top: 0;
  }
}

.collapsible-nav-toggle {
  top: calc(45px / 2);
  transform: translateY(-50%);
  position: absolute;
  right: 0;
  padding: 0;
  border: 0;
  background: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}

@media (min-width: 768px) {
  .collapsible-nav-toggle {
    display: none;
  }
}

[dir="rtl"] .collapsible-nav-toggle {
  left: 0;
  right: auto;
}

.collapsible-nav-toggle-icon {
  display: none;
}

.collapsible-nav-toggle[aria-expanded="false"] .chevron-icon {
  display: inline-block;
}

.collapsible-nav-toggle[aria-expanded="true"] .x-icon {
  display: inline-block;
}

.collapsible-nav-toggle:focus {
  outline: none;
  border: 1px solid rgba(0, 148, 219, 1);
}

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

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

.collapsible-nav-list li {
  color: rgba(47, 47, 47, 1);
  line-height: 45px;
  order: 1;
}

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

.collapsible-nav-list li a {
  color: rgba(47, 47, 47, 1);
  display: block;
}

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

.collapsible-nav-list li:not([aria-selected="true"]),
.collapsible-nav-list li:not(.current) {
  display: none;
}

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

@media (min-width: 768px) {
  .collapsible-nav-list li[aria-selected="true"] {
    padding: 15px 0 11px 0;
  }
}

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

@media (min-width: 768px) {
  .collapsible-nav-list li[aria-selected="true"],
  .collapsible-nav-list li.current {
    border-bottom: 4px solid rgba(0, 148, 219, 1);
    order: 1;
  }
}

.collapsible-nav-list li[aria-selected="true"] a,
.collapsible-nav-list li.current a {
  color: rgba(47, 47, 47, 1);
}

.collapsible-nav[aria-expanded="true"] li:not([aria-selected="true"]),
.collapsible-nav[aria-expanded="true"] li:not(.current) {
  display: block;
}

/* 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: calc(45px / 2);
  transform: translateY(-50%);
  right: 0;
  padding: 0;
  border: 0;
  background: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}

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

[dir="rtl"] .collapsible-sidebar-toggle {
  left: 0;
  right: auto;
}

.collapsible-sidebar-toggle-icon {
  display: none;
}

.collapsible-sidebar-toggle[aria-expanded="false"] .chevron-icon {
  display: inline-block;
}

.collapsible-sidebar-toggle[aria-expanded="true"] .x-icon {
  display: inline-block;
}

.collapsible-sidebar-toggle:focus {
  outline: none;
  border: 1px solid rgba(0, 148, 219, 1);
}

.collapsible-sidebar-body {
  display: none;
}

@media (min-width: 1024px) {
  .collapsible-sidebar-body {
    display: block;
  }
}

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

.collapsible-sidebar[aria-expanded="true"] .collapsible-sidebar-body {
  display: block;
}

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

.my-activities-sub-nav {
  margin-bottom: 30px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .requests-table-toolbar .organization-subscribe {
    margin-left: 10px;
  }
  [dir="rtl"] .requests-table-toolbar .organization-subscribe {
    margin: 0 10px 0 0;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Following table */
@media (min-width: 768px) {
  .subscriptions-subscribe button {
    width: auto;
  }
}

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

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

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

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

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

/* Contributions table */
.contributions-table td:last-child {
  color: #626262;
  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: #626262;
}

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

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

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

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

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

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

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

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

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

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

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

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

.request-main .comment-show-container {
  border-radius: 2px;
  border: 1px solid #ddd;
  color: #626262;
  text-align: inherit;
  padding: 8px 25px;
  width: 100%;
}

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

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

.request-main .form-field.comment-ccs > ul[data-hc-focus="true"] {
  border: 1px solid rgba(0, 148, 219, 1);
}

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

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

.request-main .comment-ccs + textarea:focus {
  border-top: 1px solid rgba(0, 148, 219, 1);
}

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

.request-title {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pagination-next, .pagination-prev, .pagination-first, .pagination-last {
  display: inline-block;
}

.pagination-first-link, .pagination-last-link {
  padding: 0 10px;
}

.pagination-first-text, .pagination-last-text {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.pagination-next-link {
  padding-right: 10px;
}

.pagination-next-text {
  margin-right: 10px;
}

[dir="rtl"] .pagination-next-link {
  padding-left: 10px;
}

[dir="rtl"] .pagination-next-text {
  margin-left: 10px;
}

.pagination-prev-link {
  padding-left: 10px;
}

.pagination-prev-text {
  margin-left: 10px;
}

[dir="rtl"] .pagination-prev-link {
  padding-right: 10px;
}

[dir="rtl"] .pagination-prev-text {
  margin-right: 10px;
}

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

.meta-group-opposite {
  float: right;
}

[dir="rtl"] .meta-group-opposite {
  float: left;
}

.meta-group * {
  display: inline;
}

.meta-data {
  color: #626262;
  font-size: 13px;
  font-weight: 300;
}

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

/* User Profiles */
.profile-header {
  padding: 30px 0;
  background-color: #f7f7f7;
}

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

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

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

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

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

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

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

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

.profile-header .basic-info .name {
  margin: 0;
  line-height: 25px;
}

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

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

.user-profile-actions {
  width: 100%;
  margin-bottom: 15px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.profile-private-badge {
  flex-basis: 100%;
  border: solid 1px rgba(0, 148, 219, 1);
  border-radius: 4px;
  color: rgba(0, 148, 219, 1);
  padding: 5px 20px;
  font-size: 12px;
  text-align: center;
}

.profile-private-badge .profile-private-icon {
  margin-left: 5px;
  line-height: 15px;
}

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

.profile-nav {
  background-color: #f2f2f2;
  margin-bottom: 37px;
}

.profile-section {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

.profile-badges-items {
  margin-top: 25px;
}

.profile-badges-item {
  border-top: 1px solid #ddd;
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: flex-start;
  padding: 27px 12px;
}

.profile-badges-item > div {
  padding-right: 12px;
  padding-left: 12px;
}

.profile-badges-item-image {
  height: 40px;
  width: 40px;
  margin-right: 12px;
}

.profile-badges-item-image img {
  max-height: 40px;
}

[dir="rtl"] .profile-badges-item-image {
  margin-left: 12px;
  margin-right: 0;
}

.profile-badges-item-title, .profile-badges-item-metadata-title {
  font-size: 15px;
  margin-bottom: 10px;
}

.profile-badges-item-title {
  font-weight: 600;
}

.profile-badges-item-description, .profile-badges-item-metadata-description {
  color: #626262;
  font-size: 13px;
  margin: 0;
}

.profile-badges-item-metadata {
  margin-left: auto;
  text-align: right;
}

[dir="rtl"] .profile-badges-item-metadata {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

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

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

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

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

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

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

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

.profile-contribution-icon {
  left: 0;
  position: absolute;
  color: #ccc;
  line-height: 25px;
}

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

.profile-contribution-icon svg {
  vertical-align: middle;
}

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

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

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

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

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

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

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

.private-activity-icon {
  margin-right: 10px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.profile-activity-icon {
  position: absolute;
  left: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-color: rgba(255, 255, 255, 1);
  background-position: 50% 50%;
  text-align: center;
  color: #ccc;
}

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

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

.profile-activity-icon svg {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 1em;
  height: 1em;
  margin: auto;
}

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

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

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

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

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

@media (min-width: 1024px) {
  .search-results-sidebar {
    border: 0;
    flex: 0 0 20%;
    height: auto;
  }
}

.search-results-sidebar .sidenav-item:hover, .search-results-sidebar .sidenav-item.current {
  background-color: #e9ebed;
  color: inherit;
  text-decoration: none;
}

.search-results-sidebar .sidenav-subitem {
  unicode-bidi: embed;
}

.search-results-sidebar .collapsible-sidebar {
  margin-bottom: 30px;
}

.search-results-sidebar .collapsible-sidebar[aria-expanded="false"] .multibrand-filter-list {
  display: none;
}

@media (min-width: 1024px) {
  .search-results-sidebar .collapsible-sidebar[aria-expanded="false"] .multibrand-filter-list {
    display: block;
  }
}

.search-results-sidebar .multibrand-filter-list--collapsed li:nth-child(1n + 6) {
  display: none;
}

.search-results-sidebar .multibrand-filter-list .doc-count {
  color: #666;
}

.search-results-sidebar .see-all-filters {
  background: none;
  border: none;
  cursor: pointer;
  display: block;
  padding: 10px;
  color: rgba(0, 148, 219, 1);
}

.search-results-sidebar .see-all-filters[aria-hidden="true"] {
  display: none;
}

.search-results-sidebar .see-all-filters:hover {
  text-decoration: underline;
}

.search-results-sidebar .see-all-filters::after {
  content: ' \2304';
  font-weight: bold;
}

.search-results-subheading {
  font-size: 18px;
  font-weight: 600;
}

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

.search-results-list > li {
  padding: 20px 0;
}

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

.search-results-list > li h2 {
  margin-bottom: 0;
}

.search-results .meta-group {
  display: block;
  align-items: center;
  clear: both;
  color: #666;
}

@media (min-width: 1024px) {
  .search-results .meta-group {
    display: flex;
  }
}

.search-results .meta-group > li {
  display: block;
}

@media (min-width: 1024px) {
  .search-results .meta-group > li {
    display: inline;
  }
}

@media (min-width: 1024px) {
  .search-results .meta-group li:first-child {
    flex: 1;
  }
}

.search-results .meta-group .meta-data {
  color: inherit;
}

[dir="ltr"] .search-results .meta-group .meta-data:not(:last-child) {
  margin-right: 20px;
}

[dir="rtl"] .search-results .meta-group .meta-data:not(:last-child) {
  margin-left: 20px;
}

.search-results .meta-group .meta-data::after {
  content: none;
}

.search-results-description {
  margin-top: 10px;
  word-break: break-word;
}

.search-result-title {
  font-size: 16px;
  display: inline-block;
}

[dir="ltr"] .search-result-icons {
  float: right;
}

[dir="rtl"] .search-result-icons {
  float: left;
}

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

.search-result-votes-icon, .search-result-meta-count-icon {
  color: rgba(0, 148, 219, 1);
  vertical-align: middle;
  width: 13px;
  height: 13px;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  .search-result-breadcrumbs {
    display: table-row;
  }
}

@media (min-width: 1024px) {
  .search-result-breadcrumbs li {
    display: table-cell;
  }
}

.search-result-breadcrumbs li, .search-result-breadcrumbs li a, .search-result-breadcrumbs li a:visited {
  color: inherit;
}

/* By default use bold instead of italic to highlight */
.search-results-description em {
  font-style: normal;
  font-weight: bold;
}

/* Add a yellow background for Chinese */
html[lang|="zh"] .search-results-description em {
  font-style: normal;
  background: yellow;
}

/***** Notifications *****/
.notification {
  border: 1px solid;
  display: table;
  font-family: sans-serif;
  font-size: 12px;
  padding: 13px 15px;
  transition: height .2s;
  width: 100%;
  color: #555;
}

.notification a {
  color: #158ec2;
}

.notification-inner {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 980px;
}

.notification-icon, .notification-text, .notification-dismiss {
  display: table-cell;
  vertical-align: middle;
}

.notification-text {
  padding: 0 15px;
  width: 100%;
}

.notification + .notification {
  margin-bottom: -1px;
  position: relative;
  top: -1px;
}

/* Error */
.notification-error {
  background: #ffeded;
  border-color: #f7cbcb;
}

.notification-error .notification-icon::before, .notification-error .notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23555555'/%3E%3C/svg%3E");
}

/* Notice */
.notification-notice {
  background: #dbf3ff;
  border-color: #b5e0f5;
}

.notification-notice .notification-icon::before, .notification-notice .notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.5 6l2 2L9 4.5'/%3E%3Ccircle cx='6' cy='6' r='5.5'/%3E%3C/g%3E%3C/svg%3E");
}

/* Alert / Lock */
.notification-alert {
  color: #ad5e18;
  background: #fff8ed;
  border-color: #fcdba9;
}

.notification-alert .notification-icon::before, .notification-alert .notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23ad5e18' stroke-linecap='round' d='M5.06 1.27l-4.5 8.5c-.18.33.06.73.44.73h9c.38 0 .62-.4.44-.73l-4.5-8.5a.494.494 0 00-.88 0zM5.5 4v2'/%3E%3Ccircle cx='5.5' cy='8' r='.8' fill='%23ad5e18'/%3E%3C/svg%3E");
}

.notification-icon::before, .notification-inline.notification-error::before {
  background-size: cover;
  content: "";
  display: inline-block;
  height: 14px;
  width: 14px;
  vertical-align: middle;
}

/* Dismiss button */
.notification-dismiss, a.notification-dismiss {
  color: #555;
  cursor: pointer;
  opacity: .6;
  transition: opacity 100ms ease;
  text-decoration: none !important;
}

.notification-dismiss:hover {
  opacity: 1;
}

/* Inline notifications */
.notification-inline {
  border-radius: 4px;
  line-height: 14px;
  margin-top: 5px;
  padding: 5px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}

[dir="rtl"] .notification-inline {
  text-align: right;
}

.notification-inline[aria-hidden="true"] {
  display: none;
}

.notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23e35b66'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23e35b66'/%3E%3C/svg%3E");
  margin: -2px 5px 0 0;
}

[dir="rtl"] .notification-inline.notification-error::before {
  margin: 0 0 0 5px;
}

.notification-inline.notification-error {
  background-color: #fff0f1;
  border: 1px solid #e35b66;
  color: #cc3340;
}

.notification-inline.notification-large {
  padding: 13px 15px;
  margin-bottom: 25px;
}

.notification-left-aligned {
  text-align: left;
  padding-left: 0;
}

html[dir="rtl"] .notification-left-aligned {
  text-align: right;
  padding-left: auto;
  padding-right: 0;
}

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

.dropdown-toggle {
  cursor: pointer;
  background: none;
  border: 0;
  display: inline-block;
  padding: 0;
  text-align: initial;
  vertical-align: middle;
}

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

.dropdown-toggle > * {
  display: inline-block;
}

.dropdown-menu {
  background: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 3px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  display: none;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  left: 0;
  margin-top: 1px;
  min-width: 170px;
  padding: 10px 0;
  position: absolute;
  text-align: left;
  z-index: 1000;
}

[dir="rtl"] .dropdown-menu {
  text-align: right;
}

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

.dropdown-menu [role="separator"] {
  border-bottom: 1px solid #d8d8d8;
  color: #969696;
  display: block;
  font-weight: normal;
  font-size: 11px;
  padding: 5px 0;
  margin: 5px 20px 10px 20px;
}

.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;
  text-align: start;
  line-height: inherit;
  width: 100%;
}

[dir="rtl"] .dropdown-menu [role="menuitem"] {
  padding: 7px 20px 7px 40px;
}

.dropdown-menu [role="menuitem"]:hover, .dropdown-menu [role="menuitem"]:focus {
  background: #f3f3f3;
  text-decoration: none;
  color: #333;
}

.dropdown-menu [role="menuitem"][aria-selected="true"] {
  cursor: default;
}

.dropdown-menu [role="menuitem"][aria-selected="true"]::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 7l3 3 7-7'%3E%3C/path%3E%3C/svg%3E");
  display: inline-block;
  height: 12px;
  margin-left: 10px;
  width: 12px;
}

[dir="rtl"] .dropdown-menu [role="menuitem"][aria-selected="true"]::after {
  margin-left: 0;
  margin-right: 10px;
  float: left;
}

.dropdown-menu [role="menuitem"][hidden], .dropdown-menu [role="menuitem"][aria-hidden="true"] {
  display: none !important;
}

.dropdown-menu-end {
  left: auto;
  right: 0;
}

.dropdown-menu-top {
  bottom: 100%;
  margin-bottom: 1px;
}

[dir="rtl"] .dropdown-menu {
  left: auto;
  right: 0;
  text-align: right;
}

[dir="rtl"] .dropdown-menu-end {
  left: 0;
  right: auto;
}

.dropdown-chevron-icon {
  vertical-align: middle;
}

.alert {
  background-color: #ddeeff; 
  padding:15px ;
}

/*Apidae css*/
/* LAYOUT */

.apidae-layout{
                      position:relative;
                      max-width:1200px;
                      margin:auto;
}

.apidae-sidebar{
  position:absolute;
  left:calc(100% + 32px);
  top:120px;
  width:220px;
  height:100%;
}

.apidae-nav{
                      background:#f6f9fc;
                      border:1px solid #e4ebf3;
                      border-radius:14px;
                      padding:16px;
                      position:sticky;
                      top:120px;
              padding-top:5px;
              padding-bottom:5px;
}

.apidae-nav strong{
                      display:block;
                      margin-bottom:12px;
                      color:#1e2552;
}

.apidae-nav a{
                      display:block;
                      font-size:14px;
                      color:#5f6b7a;
                      text-decoration:none;
                      margin-bottom:10px;
                      padding-left:10px;
                    border-left:2px solid transparent;
}
.apidae-nav a:hover{
                background:rgba(0,148,219,0.06);
                border-left:2px solid #0094db;
                color:#0094db;
                padding-left:12px;
                border-radius:4px;
                transition: all .15s ease;
}

/* ARTICLE */

.apidae-article{
                      max-width:900px;
                      margin:auto;
                      font-family:Inter, Arial, sans-serif;
}
                    .apidae-article p{
                    max-width:720px;
}

/* SECTIONS */

.apidae-section{
                    margin:70px 0;
                    padding-top:30px;
                    border-top:1px solid #eef2f6;
}

.apidae-section h3{
                    margin-bottom:15px;
}

.apidae-section  p{
                    max-width:720px;
}

.apidae-section:first-of-type{
                      border-top:none;
                      padding-top:0;
}

/* LINKS RESET */

.apidae-mini-card a,
.apidae-mini-card a:visited,
.apidae-mini-card a:hover,
.apidae-mini-card a:active{
                      color: inherit;
                      text-decoration: none;
}

/* TITRES */

.apidae-article h2{
                      font-size:30px;
                      color:#2F2F2F;
                      margin-bottom:10px;
}

.apidae-article h3{
                      font-size:24px;
                      color:#2F2F2F;
                      font-weight:600;
                      margin:30px 0 10px;
}

.apidae-article p{
                      color:#2F2F2F;
                      line-height:1.6;
                      margin-bottom:20px;
}

/* LISTES */

.apidae-article ul{
                      margin-bottom:20px;
                      padding-left:20px;
                      max-width:600px;
}

.apidae-article li{
                      margin-bottom:6px;
}

/* HEADER */

.apidae-article-header{
                      background: #fff;
                    border-radius: 20px;
padding: 40px 40px 35px;
            border: 1px solid #e5edf5;
                    margin-bottom: 60px;
}

.apidae-chip{
                    display: inline-flex;
                    align-items: center;
                    gap: 8px;
                    background: #eaf4fb;
                    color: #2F2F2F;
                    padding: 6px 14px;
                    border-radius: 20px;
                    font-weight: 500;
                    font-size: 13px;
                    margin-bottom: 20px;
}

.apidae-chip::before{
                      content:"";
                      width:8px;
                      height:8px;
                      border-radius:50%;
                      background:#0094db;
}

/* HIGHLIGHT */
.apidae-highlight{
                    background:#f8fbfe;
border: 1px solid #e4ebf3;
                    border-left: 4px solid #0094db;
                    border-radius: 14px;
                    padding: 18px;
                    margin: 30px 0;
}

/* IMAGE */
          
.apidae-img{
                    margin:30px 0;
                        overflow:hidden;
}
.apidae-img img{
                      width:100%;
          border-radius: 12px;
            border: 1px solid #e5edf5;
}
.apidae-nav img{border:none;}

/* MINI CARDS */

.apidae-mini-grid{
                      display:grid;
                      grid-template-columns:repeat(2,1fr);
                      gap:20px;
                      margin:20px 0 30px;
}

.apidae-mini-card{
                      background:#f6f9fc;
                      border:1px solid #e4ebf3;
                      border-radius:14px;
                      padding:20px;
                      transition:all .2s ease;
}

.apidae-mini-card:hover{
                      border-color:#0094db;
transform:translateY(-4px);
border-color:#0094db;
box-shadow:0 10px 24px rgb(0 148 219 / 11%);
}

/* TIP */

.apidae-tip{
                      background:#f6f9fc;
                      border:1px solid #e4ebf3;
                      border-left:4px solid #0094db;
                      border-radius:14px;
                      padding:18px;
                      margin:30px 0;
}

/* CTA */

.apidae-next{
                      margin-top:40px;
                      display:flex;
                      justify-content:flex-end;
}

                    .apidae-btn{
display:inline-flex;
align-items:center;
gap:10px;
border:1px solid #cdd6df;
padding:10px 16px;
border-radius:10px;
font-weight:500;
text-decoration:none!important;
color: rgba(22, 138, 200, 1);
width:fit-content;
                      justify-content: space-between;
}

.apidae-btn-arrow{
background-color: rgba(22, 138, 200, 1);
color:white;
border-radius:50%;
width:24px;
height:24px;
display:flex;
align-items:center;
justify-content:center;
font-size:14px;
}

        /* NAV */  
.apidae-navigation{
    display:grid;
    grid-template-columns: 1fr auto 1fr;
    align-items:center;
    margin-top:50px;
}

/* IMPORTANT */
.apidae-navigation  *:nth-child(1){
    justify-self:start;
}

.apidae-navigation  *:nth-child(2){
    justify-self:center;
}

.apidae-navigation  *:nth-child(3){
    justify-self:end;
}

.apidae-mini-card-link,
.apidae-mini-card-link:visited,
.apidae-mini-card-link:hover,
.apidae-mini-card-link:active{
  color:inherit;
  text-decoration:none;
  display:block;
}

.apidae-mini-card-link .apidae-mini-card{
  height:100%;
}

/* icône home */
.apidae-icon-home{
        display:flex;
        align-items:center;
        margin-right:6px;
        color:#0094db; /* ton bleu Apidae */
}

.apidae-icon{
  color:#0094db;
  background:rgba(0,148,219,0.08);
  width:40px;
  height:40px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:12px;
  background-size: 55%;
background-repeat: no-repeat;
background-position: center;
}

.apidae-icon-act{
  background-image:url("data:image/svg+xml;utf8,%3Csvg%20width=%2216%22%20height=%2221%22%20viewBox=%220%200%2016%2021%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d=%22M9.75002%202.5C9.75002%203.88071%208.63073%205%207.25002%205C5.86931%205%204.75002%203.88071%204.75002%202.5C4.75002%201.11929%205.86931%200%207.25002%200C8.63073%200%209.75002%201.11929%209.75002%202.5Z%22%20fill=%22%230094db%22/%3E%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M14.75%205.25C15.1642%205.25%2015.5%205.58579%2015.5%206V8.49429C15.5%208.49783%2015.5%208.50137%2015.5%208.50491V20C15.5%2020.4142%2015.1642%2020.75%2014.75%2020.75C14.3358%2020.75%2014%2020.4142%2014%2020V9.99411C12.3065%2010.9799%2010.206%2011.0665%208.4146%2010.1708C8.39744%2010.1622%208.38061%2010.153%208.36415%2010.1431C7.67342%209.72867%206.78635%2010.1741%206.7062%2010.9756L6.63759%2011.6617C6.57946%2012.243%206.85624%2012.807%207.35164%2013.1166L7.68491%2013.3249C9.43526%2014.4188%2010.5715%2016.2701%2010.7544%2018.3261L10.8975%2019.9335C10.9342%2020.3461%2010.6295%2020.7103%2010.2169%2020.747C9.8043%2020.7838%209.44007%2020.479%209.40336%2020.0665L9.26034%2018.4591C9.11907%2016.8713%208.24162%2015.4417%206.88991%2014.5969L6.55664%2014.3886C5.57728%2013.7765%205.03011%2012.6616%205.14503%2011.5125L5.21364%2010.8264C5.40219%208.9409%207.47819%207.88835%209.10817%208.84045C10.6595%209.60499%2012.5167%209.3848%2013.8466%208.27658L14%208.14872V6C14%205.58579%2014.3358%205.25%2014.75%205.25ZM5.49866%207.95495C5.52355%208.36841%205.20854%208.72376%204.79507%208.74865L2.40647%208.89238C1.99345%208.91724%201.64088%209.20449%201.53305%209.60797C1.43811%209.96317%201.55172%2010.3411%201.82521%2010.5843L3.912%2012.4395C4.22157%2012.7147%204.24942%2013.1887%203.97421%2013.4983C3.699%2013.8079%203.22494%2013.8357%202.91538%2013.5605L0.828587%2011.7053C0.130566%2011.0848%20-0.157221%2010.1229%200.0839112%209.22066C0.357977%208.19522%201.25649%207.45887%202.31637%207.39509L4.70497%207.25135C5.11843%207.22647%205.47378%207.54148%205.49866%207.95495ZM4.94067%2014.7746C5.34128%2014.8799%205.58068%2015.29%205.47538%2015.6906L4.75002%2015.5C5.47538%2015.6906%205.47538%2015.6906%205.47538%2015.6906L5.47477%2015.693L5.47354%2015.6976L5.46921%2015.7137L5.45332%2015.7718C5.43957%2015.8213%205.41957%2015.892%205.39386%2015.9791C5.34254%2016.153%205.26789%2016.3942%205.17418%2016.665C4.99254%2017.1898%204.71838%2017.8881%204.37823%2018.4097C4.02084%2018.9577%203.45977%2019.5113%203.02708%2019.903C2.80383%2020.1051%202.6009%2020.2763%202.45353%2020.3973C2.37969%2020.4579%202.31941%2020.5062%202.27702%2020.5398L2.22728%2020.579L2.21342%2020.5897L2.20817%2020.5938C2.20817%2020.5938%202.20743%2020.5944%201.7631%2020.017L2.20817%2020.5938C1.87991%2020.8464%201.40827%2020.7857%201.15565%2020.4574C0.903082%2020.1292%200.964319%2019.6585%201.2924%2019.4058L1.29467%2019.404L1.30442%2019.3964L1.3454%2019.3642C1.38174%2019.3354%201.43528%2019.2925%201.5018%2019.2379C1.63516%2019.1284%201.81908%2018.9732%202.02041%2018.7909C2.43688%2018.4139%202.8758%2017.9675%203.12181%2017.5903C3.35607%2017.2311%203.5819%2016.6794%203.75667%2016.1744C3.84116%2015.9303%203.90881%2015.7117%203.95523%2015.5544C3.97839%2015.476%203.99613%2015.4133%204.0079%2015.3708L4.02098%2015.3231L4.02402%2015.3117L4.02464%2015.3094C4.13003%2014.9089%204.54014%2014.6694%204.94067%2014.7746Z%22%20fill=%22%230094db%22/%3E%3C/svg%3E");
}
.apidae-icon-cos{
  background-image:url("data:image/svg+xml;utf8,%3Csvg%20width=%2219%22%20height=%2220%22%20viewBox=%220%200%2019%2020%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d=%22M1.10653%201.65484C0.925485%202.01573%200.836446%202.46093%200.658367%203.35133L0.0604455%206.34093C-0.318147%208.23389%201.12971%2010%203.06016%2010C4.63179%2010%205.94772%208.8091%206.1041%207.24527L6.17312%206.55515C6.01002%208.40381%207.46714%2010%209.32841%2010C11.2023%2010%2012.6666%208.382%2012.4801%206.51737L12.5531%207.24527C12.7095%208.8091%2014.0255%2010%2015.5971%2010C17.5275%2010%2018.9754%208.23389%2018.5968%206.34093L17.9989%203.35133C17.8208%202.46095%2017.7318%202.01573%2017.5507%201.65484C17.1692%200.894393%2016.4828%200.331675%2015.6624%200.106747C15.273%200%2014.8189%200%2013.9109%200H11.8284H4.74633C3.8383%200%203.38428%200%202.99489%200.106747C2.1744%200.331675%201.488%200.894393%201.10653%201.65484Z%22%20fill=%22%230094db%22/%3E%3Cpath%20d=%22M15.5971%2011.5C16.4143%2011.5%2017.1734%2011.2876%2017.8286%2010.9189V12C17.8286%2015.7712%2017.8286%2017.6568%2016.657%2018.8284C15.714%2019.7715%2014.3082%2019.9554%2011.8286%2019.9913V16.5C11.8286%2015.5654%2011.8286%2015.0981%2011.6277%2014.75C11.496%2014.522%2011.3066%2014.3326%2011.0786%2014.201C10.7305%2014%2010.2632%2014%209.32861%2014C8.394%2014%207.92669%2014%207.57861%2014.201C7.35058%2014.3326%207.16123%2014.522%207.02958%2014.75C6.82861%2015.0981%206.82861%2015.5654%206.82861%2016.5V19.9913C4.34905%2019.9554%202.94327%2019.7715%202.00019%2018.8284C0.828613%2017.6568%200.828613%2015.7712%200.828613%2012V10.9189C1.48385%2011.2876%202.243%2011.5%203.06018%2011.5C4.25725%2011.5%205.35478%2011.0364%206.17296%2010.2719C7.00029%2011.0321%208.1051%2011.5%209.32843%2011.5C10.5518%2011.5%2011.6567%2011.032%2012.4841%2010.2717C13.3023%2011.0363%2014.3999%2011.5%2015.5971%2011.5Z%22%20fill=%22%230094db%22/%3E%3C/svg%3E");
}
.apidae-icon-ent{
  background-image:url("data:image/svg+xml;utf8,%3Csvg%20width=%2220%22%20height=%2216%22%20viewBox=%220%200%2020%2016%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M8%200H12C15.7712%200%2017.6569%200%2018.8284%201.17157C20%202.34315%2020%204.22876%2020%208C20%2011.7712%2020%2013.6569%2018.8284%2014.8284C17.6569%2016%2015.7712%2016%2012%2016H8C4.22876%2016%202.34315%2016%201.17157%2014.8284C0%2013.6569%200%2011.7712%200%208C0%204.22876%200%202.34315%201.17157%201.17157C2.34315%200%204.22876%200%208%200ZM11.25%205C11.25%204.58579%2011.5858%204.25%2012%204.25H17C17.4142%204.25%2017.75%204.58579%2017.75%205C17.75%205.41421%2017.4142%205.75%2017%205.75H12C11.5858%205.75%2011.25%205.41421%2011.25%205ZM12.25%208C12.25%207.58579%2012.5858%207.25%2013%207.25H17C17.4142%207.25%2017.75%207.58579%2017.75%208C17.75%208.41421%2017.4142%208.75%2017%208.75H13C12.5858%208.75%2012.25%208.41421%2012.25%208ZM13.25%2011C13.25%2010.5858%2013.5858%2010.25%2014%2010.25H17C17.4142%2010.25%2017.75%2010.5858%2017.75%2011C17.75%2011.4142%2017.4142%2011.75%2017%2011.75H14C13.5858%2011.75%2013.25%2011.4142%2013.25%2011ZM9%205C9%206.10457%208.10457%207%207%207C5.89543%207%205%206.10457%205%205C5%203.89543%205.89543%203%207%203C8.10457%203%209%203.89543%209%205ZM7%2013C11%2013%2011%2012.1046%2011%2011C11%209.89543%209.20914%209%207%209C4.79086%209%203%209.89543%203%2011C3%2012.1046%203%2013%207%2013Z%22%20fill=%22%230094db%22/%3E%3C/svg%3E");
}
.apidae-icon-equ{
  background-image:url("data:image/svg+xml;utf8,%3Csvg%20width=%2221%22%20height=%2220%22%20viewBox=%220%200%2021%2020%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d=%22M19.5366%207.13602L18.6914%2010.4334C18.2619%2012.1092%2017.3848%2013.2884%2016.3546%2014.1176C16.5739%2012.974%2016.569%2011.7001%2016.2112%2010.3042L15.3472%206.93331C15.296%206.73345%2015.2459%206.53801%2015.1966%206.34978C15.3679%206.27209%2015.5772%206.24746%2015.7955%206.30594C16.1742%206.40742%2016.4044%206.7121%2016.4332%207.00812C16.4732%207.42039%2016.8398%207.72217%2017.2521%207.68214C17.6644%207.64212%2017.9662%207.27546%2017.9261%206.86319C17.8347%205.9207%2017.1428%205.11405%2016.1837%204.85705C15.7011%204.72773%2015.2074%204.75278%2014.766%204.90777L14.7494%204.86317C14.5249%204.26679%2014.1968%203.63442%2013.5778%203.16951C13.2393%202.91528%2012.8568%202.7244%2012.4479%202.60846C11.6893%202.39339%2010.9853%202.53161%2010.3843%202.73161C9.82591%202.9174%209.17493%203.22232%208.45971%203.55734L8.38802%203.59092C7.20344%204.14565%206.72944%204.3644%206.2439%204.51852C6.09652%204.5653%205.94799%204.6078%205.79848%204.64598L6.12513%203.37926C6.5657%201.66038%206.78598%200.800938%207.36122%200.368877C7.55407%200.22403%207.77023%200.116561%207.99941%200.0515851C8.68304%20-0.14223%209.46002%200.221628%2011.014%200.949343C12.1647%201.48822%2012.7401%201.75765%2013.3404%201.94822C13.5492%202.01448%2013.7599%202.07352%2013.9724%202.12524C14.5835%202.27402%2015.2106%202.34142%2016.4649%202.47622C18.1587%202.65827%2019.0057%202.74929%2019.505%203.27447C19.6724%203.45054%2019.8082%203.6566%2019.9059%203.88284C20.1974%204.55769%2019.9772%205.41713%2019.5366%207.13602Z%22%20fill=%22%230094db%22/%3E%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M14.7582%2010.6766L13.9131%207.37926C13.4725%205.66038%2013.2522%204.80094%2012.677%204.36888C12.4841%204.22403%2012.268%204.11656%2012.0388%204.05158C11.3551%203.85777%2010.5782%204.22163%209.02418%204.94934C7.87347%205.48821%207.29811%205.75765%206.69774%205.94822C6.48901%206.01448%206.27824%206.07352%206.06578%206.12524C5.45471%206.27401%204.82757%206.34142%203.5733%206.47622C1.87946%206.65827%201.03253%206.74929%200.533189%207.27447C0.365788%207.45054%200.229989%207.6566%200.132257%207.88284C-0.159268%208.55769%200.061017%209.41713%200.501586%2011.136L1.34673%2014.4334C2.34019%2018.3093%205.64328%2019.5286%207.86292%2019.9058C8.5401%2020.0208%208.87869%2020.0784%209.90697%2019.7903C10.9353%2019.5023%2011.201%2019.2755%2011.7324%2018.8219C13.4742%2017.335%2015.7517%2014.5526%2014.7582%2010.6766ZM4.00531%2011.368C4.03405%2011.072%204.2643%2010.7673%204.643%2010.6658C5.02171%2010.5643%205.37345%2010.7131%205.54635%2010.9551C5.78715%2011.2921%206.25557%2011.3701%206.5926%2011.1293C6.92963%2010.8885%207.00764%2010.4201%206.76684%2010.0831C6.21636%209.31258%205.2139%208.95992%204.25477%209.21692C3.29565%209.47392%202.60382%2010.2806%202.51233%2011.223C2.47231%2011.6353%202.77408%2012.002%203.18635%2012.042C3.59863%2012.082%203.96529%2011.7803%204.00531%2011.368ZM9.80121%209.81476C9.82995%209.51874%2010.0602%209.21406%2010.4389%209.11258C10.8176%209.01111%2011.1693%209.15984%2011.3422%209.40184C11.583%209.73887%2012.0515%209.81688%2012.3885%209.57608C12.7255%209.33528%2012.8035%208.86686%2012.5627%208.52983C12.0123%207.75936%2011.0098%207.4067%2010.0507%207.66369C9.09155%207.92069%208.39972%208.72734%208.30823%209.66983C8.2682%2010.0821%208.56998%2010.4488%208.98225%2010.4888C9.39453%2010.5288%209.76119%2010.227%209.80121%209.81476ZM11.6472%2013.6287C11.9798%2013.8756%2012.0493%2014.3453%2011.8024%2014.6779C11.5579%2015.0075%2011.0945%2015.0788%2010.7625%2014.84L10.7527%2014.8337C10.7384%2014.8247%2010.7103%2014.8077%2010.6689%2014.7864C10.586%2014.7438%2010.4511%2014.6841%2010.2677%2014.6343C9.90613%2014.536%209.33821%2014.4711%208.58201%2014.6737C7.82581%2014.8763%207.36646%2015.2165%207.10243%2015.4824C6.96854%2015.6172%206.88152%2015.7364%206.83109%2015.8148C6.80589%2015.8539%206.78999%2015.8826%206.78209%2015.8976L6.77682%2015.9079C6.60869%2016.2807%206.17175%2016.4507%205.79517%2016.2876C5.41507%2016.123%205.24039%2015.6814%205.405%2015.3013L6.09323%2015.5994C5.405%2015.3013%205.40569%2015.2997%205.40569%2015.2997L5.40643%2015.298L5.40807%2015.2943L5.41201%2015.2855L5.42255%2015.2629C5.43079%2015.2457%205.44152%2015.2241%205.45494%2015.1986C5.48176%2015.1477%205.51945%2015.0811%205.56974%2015.003C5.67026%2014.8468%205.82176%2014.6433%206.03811%2014.4254C6.47455%2013.9859%207.16254%2013.5011%208.19378%2013.2248C9.22502%2012.9485%2010.0632%2013.0244%2010.6609%2013.1867C10.9572%2013.2672%2011.1902%2013.3677%2011.3554%2013.4527C11.438%2013.4953%2011.5039%2013.534%2011.5526%2013.5647C11.5769%2013.5801%2011.597%2013.5934%2011.6128%2013.6043L11.6332%2013.6186L11.641%2013.6242L11.6443%2013.6266L11.6458%2013.6277L11.6472%2013.6287Z%22%20fill=%22%230094db%22/%3E%3C/svg%3E");
}
.apidae-icon-eve{
  background-image:url("data:image/svg+xml;utf8,%3Csvg%20width=%2220%22%20height=%2219%22%20viewBox=%220%200%2020%2019%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d=%22M10.0399%2016.1364L10.3067%2016.0475C12.6048%2015.2814%2013.7538%2014.8984%2013.9677%2013.9922C14.1817%2013.0859%2013.3252%2012.2295%2011.6124%2010.5166L9.9231%208.82737C9.92159%208.83209%209.92002%208.83703%209.91839%208.84216C9.89878%208.90397%209.87038%208.99502%209.83614%209.10942C9.76754%209.33857%209.67603%209.65949%209.58467%2010.0253C9.39767%2010.7741%209.22793%2011.6473%209.22793%2012.3052C9.22793%2012.9631%209.39767%2013.8363%209.58467%2014.5851C9.67603%2014.9509%209.76754%2015.2718%209.83614%2015.501C9.87038%2015.6154%209.89878%2015.7064%209.91839%2015.7682C9.92819%2015.7991%209.9358%2015.8227%209.94083%2015.8381L9.94639%2015.8552L9.94764%2015.859L10.0399%2016.1364Z%22%20fill=%22%230094db%22/%3E%3Cpath%20d=%22M4.47249%2017.9913C2.21093%2018.7369%201.01936%2019.0489%200.360218%2018.3898C-0.369663%2017.6599%200.09124%2016.2772%201.01305%2013.5118L2.70254%208.44329C3.33455%206.54725%203.70584%205.43339%204.3254%204.98155L4.32018%205.00736C4.31297%205.04327%204.30254%205.09575%204.2894%205.16325C4.26313%205.29824%204.22602%205.49345%204.18219%205.73662C4.09461%206.22264%203.97991%206.90184%203.87132%207.67573C3.65619%209.20894%203.45693%2011.1679%203.55958%2012.7334C3.6217%2013.6806%203.81877%2014.8557%203.99465%2015.7738C4.08341%2016.2372%204.16838%2016.6433%204.23121%2016.9338C4.26264%2017.0791%204.28857%2017.1957%204.30673%2017.2764L4.32787%2017.3695L4.47249%2017.9913Z%22%20fill=%22%230094db%22/%3E%3Cpath%20d=%22M5.85132%205.00896L5.80065%205.25424L5.80015%205.25665L5.79832%205.26562L5.79081%205.30277C5.78416%205.33587%205.77431%205.38539%205.76177%205.44981C5.73669%205.57867%205.70088%205.767%205.65841%206.00266C5.57342%206.47427%205.46206%207.13377%205.35677%207.88416C5.14414%209.3995%204.96431%2011.2314%205.05637%2012.6352C5.1121%2013.4851%205.29411%2014.5846%205.46786%2015.4916C5.55391%2015.9409%205.63638%2016.335%205.69731%2016.6167C5.72775%2016.7575%205.75276%2016.8699%205.77007%2016.9468L5.78998%2017.0345L5.79507%2017.0566L5.9019%2017.5157L8.61683%2016.6108L8.51436%2016.302C8.50828%2016.2833%208.49959%2016.2564%208.48866%2016.222C8.46682%2016.1531%208.43598%2016.0542%208.39914%2015.9311C8.32558%2015.6854%208.22755%2015.3417%208.12937%2014.9485C7.93728%2014.1793%207.72793%2013.157%207.72793%2012.3052C7.72793%2011.4534%207.93728%2010.4311%208.12937%209.66189C8.22755%209.26871%208.32558%208.92499%208.39914%208.67926C8.43598%208.55621%208.46682%208.45725%208.48866%208.38842C8.49959%208.35398%208.50828%208.32705%208.51436%208.30837L8.52347%208.28054L8.7362%207.64048L8.23337%207.13764C7.18975%206.09402%206.46406%205.36833%205.85132%205.00896Z%22%20fill=%22%230094db%22/%3E%3Cpath%20d=%22M7.9274%200.110208C8.28081%200.326256%208.39216%200.78789%208.17611%201.1413C8.01934%201.39775%208.05863%201.72821%208.27117%201.94075L8.36905%202.03863C8.9577%202.62729%209.17477%203.49206%208.93389%204.28894C8.81404%204.68543%208.39546%204.9097%207.99896%204.78985C7.60247%204.66999%207.3782%204.25141%207.49806%203.85492C7.57894%203.58734%207.50605%203.29695%207.30839%203.09929L7.21051%203.00141C6.50799%202.29889%206.37811%201.20659%206.89631%200.358918C7.11236%200.00551152%207.574%20-0.10584%207.9274%200.110208Z%22%20fill=%22%230094db%22/%3E%3Cpath%20d=%22M10.562%202.14658C10.7631%201.94553%2010.8636%201.845%2010.9798%201.80815C11.0781%201.77698%2011.1837%201.77698%2011.282%201.80815C11.3982%201.845%2011.4988%201.94553%2011.6998%202.14658C11.9009%202.34764%2012.0014%202.44817%2012.0383%202.56441C12.0694%202.66272%2012.0694%202.76827%2012.0383%202.86659C12.0014%202.98283%2011.9009%203.08336%2011.6998%203.28441C11.4988%203.48547%2011.3982%203.586%2011.282%203.62285C11.1837%203.65401%2011.0781%203.65401%2010.9798%203.62285C10.8636%203.586%2010.7631%203.48547%2010.562%203.28441C10.3609%203.08336%2010.2604%202.98283%2010.2236%202.86659C10.1924%202.76827%2010.1924%202.66272%2010.2236%202.56441C10.2604%202.44817%2010.3609%202.34764%2010.562%202.14658Z%22%20fill=%22%230094db%22/%3E%3Cpath%20d=%22M3.9281%201.6909C4.13757%201.48143%204.47718%201.48143%204.68665%201.6909C4.89612%201.90037%204.89612%202.23999%204.68665%202.44945C4.47718%202.65892%204.13757%202.65892%203.9281%202.44945C3.71863%202.23999%203.71863%201.90037%203.9281%201.6909Z%22%20fill=%22%230094db%22/%3E%3Cpath%20d=%22M16.9757%204.79681C16.8373%204.85014%2016.7146%204.97283%2016.4692%205.21822C16.2238%205.46362%2016.1011%205.58631%2016.0478%205.72472C15.9854%205.8867%2015.9854%206.06609%2016.0478%206.22807C16.1011%206.36649%2016.2238%206.48918%2016.4692%206.73457C16.7146%206.97996%2016.8373%207.10266%2016.9757%207.15599C17.1377%207.2184%2017.3171%207.2184%2017.479%207.15599C17.6175%207.10266%2017.7402%206.97996%2017.9855%206.73457C18.2309%206.48918%2018.3536%206.36649%2018.407%206.22807C18.4694%206.06609%2018.4694%205.8867%2018.407%205.72472C18.3536%205.58631%2018.2309%205.46362%2017.9855%205.21822C17.7402%204.97283%2017.6175%204.85014%2017.479%204.79681C17.3171%204.7344%2017.1377%204.7344%2016.9757%204.79681Z%22%20fill=%22%230094db%22/%3E%3Cpath%20d=%22M16.059%2013.0634C16.2684%2012.8539%2016.608%2012.8539%2016.8175%2013.0634C17.027%2013.2728%2017.027%2013.6124%2016.8175%2013.8219C16.608%2014.0314%2016.2684%2014.0314%2016.059%2013.8219C15.8495%2013.6124%2015.8495%2013.2728%2016.059%2013.0634Z%22%20fill=%22%230094db%22/%3E%3Cpath%20d=%22M14.6902%202.47174C15.0964%202.55297%2015.3598%202.94809%2015.2785%203.35426L15.1345%204.0742C14.9364%205.06501%2014.2225%205.87368%2013.2639%206.19321C12.816%206.34252%2012.4824%206.72039%2012.3898%207.18337L12.2458%207.90331C12.1646%208.30948%2011.7695%208.57289%2011.3633%208.49166C10.9571%208.41042%2010.6937%208.0153%2010.775%207.60913L10.919%206.8892C11.1171%205.89838%2011.831%205.08971%2012.7896%204.77019C13.2375%204.62088%2013.5711%204.24301%2013.6637%203.78002L13.8077%203.06009C13.8889%202.65392%2014.284%202.39051%2014.6902%202.47174Z%22%20fill=%22%230094db%22/%3E%3Cpath%20d=%22M18.4092%2010.3096C18.0474%2010.1515%2017.6268%2010.2179%2017.3314%2010.4798C16.5222%2011.1974%2015.3445%2011.3167%2014.4078%2010.7759L14.195%2010.653C13.8363%2010.4459%2013.7133%209.98719%2013.9205%209.62848C14.1276%209.26976%2014.5862%209.14685%2014.945%209.35396L15.1578%209.47684C15.5354%209.69482%2016.01%209.64675%2016.3362%209.35751C17.069%208.70767%2018.1127%208.54286%2019.0101%208.93524L19.3016%209.06269C19.6811%209.22863%2019.8542%209.67082%2019.6883%2010.0503C19.5223%2010.4299%2019.0802%2010.603%2018.7006%2010.4371L18.4092%2010.3096Z%22%20fill=%22%230094db%22/%3E%3Cpath%20d=%22M14.5011%207.49159C14.7106%207.28212%2015.0502%207.28212%2015.2597%207.49159C15.4691%207.70106%2015.4691%208.04068%2015.2597%208.25014C15.0502%208.45961%2014.7106%208.45961%2014.5011%208.25014C14.2917%208.04068%2014.2917%207.70106%2014.5011%207.49159Z%22%20fill=%22%230094db%22/%3E%3C/svg%3E");
}
.apidae-icon-hco{
  background-image:url("data:image/svg+xml;utf8,%3Csvg%20width=%2222%22%20height=%2221%22%20viewBox=%220%200%2022%2021%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M13.75%200H15.75C17.6356%200%2018.5784%200%2019.1642%200.585786C19.75%201.17157%2019.75%202.11438%2019.75%204V19.25H20.75C21.1642%2019.25%2021.5%2019.5858%2021.5%2020C21.5%2020.4142%2021.1642%2020.75%2020.75%2020.75H0.75C0.335786%2020.75%200%2020.4142%200%2020C0%2019.5858%200.335786%2019.25%200.75%2019.25H1.75V7C1.75%205.11438%201.75%204.17157%202.33579%203.58579C2.92157%203%203.86438%203%205.75%203H9.75C11.6356%203%2012.5784%203%2013.1642%203.58579C13.75%204.17157%2013.75%205.11438%2013.75%207V19.25H15.25V7L15.25%206.91051C15.2501%206.04488%2015.2502%205.25121%2015.1634%204.60559C15.0678%203.89462%2014.8429%203.14317%2014.2249%202.52513C13.6068%201.90708%2012.8554%201.68219%2012.1444%201.5866C11.5079%201.50102%2010.7274%201.49991%209.87601%201.49999C9.9603%201.11275%2010.101%200.820586%2010.3358%200.585786C10.9216%200%2011.8644%200%2013.75%200ZM4%206C4%205.58579%204.33579%205.25%204.75%205.25H10.75C11.1642%205.25%2011.5%205.58579%2011.5%206C11.5%206.41421%2011.1642%206.75%2010.75%206.75H4.75C4.33579%206.75%204%206.41421%204%206ZM4%209C4%208.58579%204.33579%208.25%204.75%208.25H10.75C11.1642%208.25%2011.5%208.58579%2011.5%209C11.5%209.41421%2011.1642%209.75%2010.75%209.75H4.75C4.33579%209.75%204%209.41421%204%209ZM4%2012C4%2011.5858%204.33579%2011.25%204.75%2011.25H10.75C11.1642%2011.25%2011.5%2011.5858%2011.5%2012C11.5%2012.4142%2011.1642%2012.75%2010.75%2012.75H4.75C4.33579%2012.75%204%2012.4142%204%2012ZM7.75%2016.25C8.16421%2016.25%208.5%2016.5858%208.5%2017V19.25H7V17C7%2016.5858%207.33579%2016.25%207.75%2016.25Z%22%20fill=%22%230094db%22/%3E%3C/svg%3E");
}
.apidae-icon-hlo{
  background-image:url("data:image/svg+xml;utf8,%3Csvg%20width=%2222%22%20height=%2220%22%20viewBox=%220%200%2022%2020%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d=%22M17.25%200H14.75C14.4739%200%2014.25%200.223858%2014.25%200.5V0.558907L17.75%203.35891V0.5C17.75%200.223858%2017.5262%200%2017.25%200Z%22%20fill=%22%230094db%22/%3E%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M9.50003%206.5C9.50003%205.80964%2010.0597%205.25%2010.75%205.25C11.4404%205.25%2012%205.80964%2012%206.5C12%207.19036%2011.4404%207.75%2010.75%207.75C10.0597%207.75%209.50003%207.19036%209.50003%206.5Z%22%20fill=%22%230094db%22/%3E%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M19.5%207.96047L20.2815%208.58565C20.605%208.84441%2021.0769%208.79197%2021.3357%208.46852C21.5944%208.14507%2021.542%207.67311%2021.2185%207.41435L13.0926%200.913617C11.7231%20-0.182039%209.77699%20-0.182039%208.40742%200.913617L0.281506%207.41435C-0.0419401%207.67311%20-0.0943811%208.14507%200.164376%208.46852C0.423133%208.79197%200.895102%208.84441%201.21855%208.58565L2.00003%207.96047V18.25H0.750028C0.335814%2018.25%202.76566e-05%2018.5858%202.76566e-05%2019C2.76566e-05%2019.4142%200.335814%2019.75%200.750028%2019.75H20.75C21.1642%2019.75%2021.5%2019.4142%2021.5%2019C21.5%2018.5858%2021.1642%2018.25%2020.75%2018.25H19.5V7.96047ZM8.00003%206.5C8.00003%204.98122%209.23125%203.75%2010.75%203.75C12.2688%203.75%2013.5%204.98122%2013.5%206.5C13.5%208.01878%2012.2688%209.25%2010.75%209.25C9.23125%209.25%208.00003%208.01878%208.00003%206.5ZM10.7994%2010.25C11.4643%2010.25%2012.0371%2010.2499%2012.4959%2010.3116C12.9875%2010.3777%2013.4588%2010.5268%2013.841%2010.909C14.2233%2011.2913%2014.3723%2011.7625%2014.4384%2012.2542C14.4962%2012.6842%2014.4998%2013.2146%2014.5%2013.827C14.5%2013.8679%2014.5%2013.9091%2014.5%2013.9506L14.5%2018.25H13V14C13%2013.2717%2012.9984%2012.8009%2012.9518%2012.454C12.9081%2012.1287%2012.8375%2012.0268%2012.7804%2011.9697C12.7233%2011.9126%2012.6213%2011.842%2012.296%2011.7982C11.9491%2011.7516%2011.4783%2011.75%2010.75%2011.75C10.0217%2011.75%209.55094%2011.7516%209.20406%2011.7982C8.87875%2011.842%208.77679%2011.9126%208.7197%2011.9697C8.6626%2012.0268%208.59199%2012.1287%208.54826%2012.454C8.50162%2012.8009%208.50003%2013.2717%208.50003%2014V18.25H7.00003L7.00003%2013.9506C6.99999%2013.2858%206.99996%2012.7129%207.06163%2012.2542C7.12773%2011.7625%207.27679%2011.2913%207.65904%2010.909C8.04128%2010.5268%208.51255%2010.3777%209.00418%2010.3116C9.46293%2010.2499%2010.0358%2010.25%2010.7007%2010.25H10.7994Z%22%20fill=%22%230094db%22/%3E%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M9.50003%206.5C9.50003%205.80964%2010.0597%205.25%2010.75%205.25C11.4404%205.25%2012%205.80964%2012%206.5C12%207.19036%2011.4404%207.75%2010.75%207.75C10.0597%207.75%209.50003%207.19036%209.50003%206.5Z%22%20fill=%22%230094db%22/%3E%3C/svg%3E");
}
.apidae-icon-hot{
  background-image:url("data:image/svg+xml;utf8,%3Csvg%20width=%2222%22%20height=%2221%22%20viewBox=%220%200%2022%2021%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M19.9129%203.88886C20.25%204.39331%2020.25%205.09554%2020.25%206.5V19.25H20.75C21.1642%2019.25%2021.5%2019.5858%2021.5%2020C21.5%2020.4142%2021.1642%2020.75%2020.75%2020.75H0.75C0.335786%2020.75%200%2020.4142%200%2020C0%2019.5858%200.335786%2019.25%200.75%2019.25H1.25V6.5C1.25%205.09554%201.25%204.39331%201.58706%203.88886C1.73298%203.67048%201.92048%203.48298%202.13886%203.33706C2.58008%203.04224%203.17262%203.00529%204.25403%203.00066C4.24992%203.29206%204.24996%203.59655%204.24999%203.9105L4.25%204V5.25H3.25C2.83579%205.25%202.5%205.58579%202.5%206C2.5%206.41421%202.83579%206.75%203.25%206.75H4.25V8.25H3.25C2.83579%208.25%202.5%208.58579%202.5%209C2.5%209.41421%202.83579%209.75%203.25%209.75H4.25V11.25H3.25C2.83579%2011.25%202.5%2011.5858%202.5%2012C2.5%2012.4142%202.83579%2012.75%203.25%2012.75H4.25V19.25H5.75V4C5.75%202.11438%205.75%201.17157%206.33579%200.585786C6.92157%200%207.86438%200%209.75%200H11.75C13.6356%200%2014.5784%200%2015.1642%200.585786C15.75%201.17157%2015.75%202.11438%2015.75%204V19.25H17.25V12.75H18.25C18.6642%2012.75%2019%2012.4142%2019%2012C19%2011.5858%2018.6642%2011.25%2018.25%2011.25H17.25V9.75H18.25C18.6642%209.75%2019%209.41421%2019%209C19%208.58579%2018.6642%208.25%2018.25%208.25H17.25V6.75H18.25C18.6642%206.75%2019%206.41421%2019%206C19%205.58579%2018.6642%205.25%2018.25%205.25H17.25V4L17.25%203.91051C17.25%203.59655%2017.2501%203.29206%2017.246%203.00066C18.3274%203.00529%2018.9199%203.04224%2019.3611%203.33706C19.5795%203.48298%2019.767%203.67048%2019.9129%203.88886ZM11.5%2017C11.5%2016.5858%2011.1642%2016.25%2010.75%2016.25C10.3358%2016.25%2010%2016.5858%2010%2017V19.25H11.5V17ZM8%2013C8%2012.5858%208.33579%2012.25%208.75%2012.25H12.75C13.1642%2012.25%2013.5%2012.5858%2013.5%2013C13.5%2013.4142%2013.1642%2013.75%2012.75%2013.75H8.75C8.33579%2013.75%208%2013.4142%208%2013ZM8.75%209.25C8.33579%209.25%208%209.58579%208%2010C8%2010.4142%208.33579%2010.75%208.75%2010.75H12.75C13.1642%2010.75%2013.5%2010.4142%2013.5%2010C13.5%209.58579%2013.1642%209.25%2012.75%209.25H8.75ZM8.25%205C8.25%203.48122%209.48122%202.25%2011%202.25C12.5188%202.25%2013.75%203.48122%2013.75%205C13.75%206.51878%2012.5188%207.75%2011%207.75C9.48122%207.75%208.25%206.51878%208.25%205ZM9.75%205C9.75%204.30964%2010.3096%203.75%2011%203.75C11.6904%203.75%2012.25%204.30964%2012.25%205C12.25%205.69036%2011.6904%206.25%2011%206.25C10.3096%206.25%209.75%205.69036%209.75%205Z%22%20fill=%22%230094db%22/%3E%3C/svg%3E");
}
.apidae-icon-hpa{
  background-image:url("data:image/svg+xml;utf8,%3Csvg%20width=%2220%22%20height=%2220%22%20viewBox=%220%200%2020%2020%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d=%22M10%203C10.2%203%2010.4%203.1%2010.5%203.3L16%2014C16.2%2014.4%2015.9%2015%2015.4%2015H4.6C4.1%2015%203.8%2014.4%204%2014L9.5%203.3C9.6%203.1%209.8%203%2010%203Z%22%20fill=%22%230094db%22/%3E%3Cpath%20d=%22M8.2%2014C7.9%2014%207.7%2013.7%207.8%2013.4L9.2%207.2C9.3%206.9%209.6%206.7%2010%206.7C10.4%206.7%2010.7%206.9%2010.8%207.2L12.2%2013.4C12.3%2013.7%2012.1%2014%2011.8%2014H8.2Z%22%20fill=%22%23e2f1f9%22/%3E%3Crect%20x=%223%22%20y=%2215%22%20width=%2214%22%20height=%222%22%20rx=%221%22%20fill=%22%230094db%22/%3E%3C/svg%3E");
}
.apidae-icon-pcu{
  background-image:url("data:image/svg+xml;utf8,%3Csvg%20width=%2220%22%20height=%2220%22%20viewBox=%220%200%2020%2020%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d=%22M10%202C10.2%202%2010.4%202.05%2010.55%202.15L16.55%205.15C16.8%205.3%2016.9%205.6%2016.8%205.85C16.7%206.1%2016.45%206.25%2016.2%206.25H3.8C3.55%206.25%203.3%206.1%203.2%205.85C3.1%205.6%203.2%205.3%203.45%205.15L9.45%202.15C9.6%202.05%209.8%202%2010%202Z%22%20fill=%22%230094db%22/%3E%3Crect%20x=%225%22%20y=%227%22%20width=%221.6%22%20height=%226%22%20rx=%220.5%22%20fill=%22%230094db%22/%3E%3Crect%20x=%227.7%22%20y=%227%22%20width=%221.6%22%20height=%226%22%20rx=%220.5%22%20fill=%22%230094db%22/%3E%3Crect%20x=%2210.4%22%20y=%227%22%20width=%221.6%22%20height=%226%22%20rx=%220.5%22%20fill=%22%230094db%22/%3E%3Crect%20x=%2213.1%22%20y=%227%22%20width=%221.6%22%20height=%226%22%20rx=%220.5%22%20fill=%22%230094db%22/%3E%3Crect%20x=%223%22%20y=%2214%22%20width=%2214%22%20height=%222%22%20rx=%221%22%20fill=%22%230094db%22/%3E%3C/svg%3E");
}
.apidae-icon-pdt{
  background-image:url("data:image/svg+xml;utf8,%3Csvg%20width=%2219%22%20height=%2219%22%20viewBox=%220%200%2019%2019%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M7.02271%200C6.32431%200%205.72146%200.409118%205.44075%201.00077C4.75721%201.00574%204.22447%201.03712%203.74892%201.22298C3.18073%201.44505%202.68652%201.82255%202.3228%202.3123C1.95587%202.80639%201.78362%203.43968%201.54655%204.31133L1.50016%204.48169L0.987428%207.44473C0.801895%207.57272%200.640756%207.72428%200.500619%207.90376C-0.400212%209.05753%200.0287618%2010.7734%200.88671%2014.2052C1.43238%2016.3879%201.70521%2017.4792%202.519%2018.1146C3.33278%2018.75%204.45771%2018.75%206.70756%2018.75H11.3382C13.5881%2018.75%2014.713%2018.75%2015.5268%2018.1146C16.3406%2017.4792%2016.6134%2016.3879%2017.1591%2014.2052C18.0171%2010.7734%2018.446%209.05753%2017.5452%207.90376C17.4049%207.72414%2017.2437%207.57247%2017.0579%207.44442L16.5453%204.48169L16.4989%204.31133C16.2618%203.43968%2016.0895%202.80639%2015.7226%202.3123C15.3589%201.82255%2014.8647%201.44505%2014.2965%201.22298C13.821%201.03712%2013.2882%201.00574%2012.6047%201.00077C12.324%200.409118%2011.7211%200%2011.0227%200H7.02271ZM15.4407%206.89571L15.0794%204.80765C14.7956%203.76794%2014.6926%203.44121%2014.5184%203.20663C14.3225%202.94291%2014.0564%202.73964%2013.7505%202.62007C13.5307%202.53416%2013.2651%202.50888%2012.6033%202.50219C12.3219%203.09225%2011.7199%203.5%2011.0227%203.5H7.02271C6.32547%203.5%205.72347%203.09225%205.44216%202.50219C4.78033%202.50888%204.51475%202.53416%204.29495%202.62007C3.989%202.73964%203.72288%202.94291%203.52704%203.20662C3.35283%203.4412%203.24983%203.76794%202.96604%204.80765L2.60471%206.89577C3.60287%206.75%204.93255%206.75%206.70756%206.75H11.3382C13.113%206.75%2014.4426%206.75%2015.4407%206.89571ZM5.02295%2010C5.43716%2010%205.77295%2010.3358%205.77295%2010.75V14.75C5.77295%2015.1642%205.43716%2015.5%205.02295%2015.5C4.60874%2015.5%204.27295%2015.1642%204.27295%2014.75V10.75C4.27295%2010.3358%204.60874%2010%205.02295%2010ZM13.7729%2010.75C13.7729%2010.3358%2013.4372%2010%2013.0229%2010C12.6087%2010%2012.2729%2010.3358%2012.2729%2010.75V14.75C12.2729%2015.1642%2012.6087%2015.5%2013.0229%2015.5C13.4372%2015.5%2013.7729%2015.1642%2013.7729%2014.75V10.75ZM9.02295%2010C9.43716%2010%209.77295%2010.3358%209.77295%2010.75V14.75C9.77295%2015.1642%209.43716%2015.5%209.02295%2015.5C8.60874%2015.5%208.27295%2015.1642%208.27295%2014.75V10.75C8.27295%2010.3358%208.60874%2010%209.02295%2010Z%22%20fill=%22%230094db%22/%3E%3C/svg%3E");
}
.apidae-icon-pna{
  background-image:url("data:image/svg+xml;utf8,%3Csvg%20width=%2222%22%20height=%2222%22%20viewBox=%220%200%2022%2022%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d=%22M16.75%206.75C16.75%207.85457%2015.8546%208.75%2014.75%208.75C13.6454%208.75%2012.75%207.85457%2012.75%206.75C12.75%205.64543%2013.6454%204.75%2014.75%204.75C15.8546%204.75%2016.75%205.64543%2016.75%206.75Z%22%20fill=%22%230094db%22/%3E%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M10.6926%202.01189e-07H10.8074C13.1158%20-1.22504e-05%2014.9248%20-2.19941e-05%2016.3363%200.189747C17.781%200.383987%2018.9211%200.789327%2019.8159%201.68414C20.7107%202.57895%2021.116%203.71897%2021.3103%205.16371C21.5%206.57519%2021.5%208.38423%2021.5%2010.6926V10.7809C21.5%2012.6897%2021.5%2014.2523%2021.3963%2015.5245C21.2922%2016.8031%2021.0787%2017.8714%2020.6009%2018.7587C20.3901%2019.1501%2020.1312%2019.5006%2019.8159%2019.8159C18.9211%2020.7107%2017.781%2021.116%2016.3363%2021.3103C14.9248%2021.5%2013.1158%2021.5%2010.8074%2021.5H10.6926C8.38423%2021.5%206.57519%2021.5%205.16371%2021.3103C3.71897%2021.116%202.57895%2020.7107%201.68414%2019.8159C0.890858%2019.0226%200.481199%2018.0352%200.263351%2016.8104C0.0493498%2015.6073%200.0102024%2014.1103%200.0020695%2012.2515C2.01166e-07%2011.7787%202.0119e-07%2011.2786%202.0119e-07%2010.751V10.6926C-1.22504e-05%208.38424%20-2.19941e-05%206.57519%200.189747%205.16371C0.383987%203.71897%200.789327%202.57895%201.68414%201.68414C2.57895%200.789327%203.71897%200.383987%205.16371%200.189747C6.57519%20-2.19941e-05%208.38424%20-1.22504e-05%2010.6926%202.01189e-07ZM5.36358%201.67637C4.08517%201.84825%203.31445%202.17514%202.7448%202.7448C2.17514%203.31445%201.84825%204.08517%201.67637%205.36358C1.50159%206.66356%201.5%208.37178%201.5%2010.75C1.5%2011.0405%201.5%2011.3215%201.50034%2011.5935L2.50148%2010.7175C3.41275%209.92016%204.78617%209.96589%205.64238%2010.8221L9.9321%2015.1118C10.6193%2015.7991%2011.7011%2015.8928%2012.4963%2015.3339L12.7945%2015.1244C13.9387%2014.3202%2015.4868%2014.4134%2016.5264%2015.349L19.3568%2017.8963C19.6417%2017.298%2019.8109%2016.5118%2019.9013%2015.4027C19.9994%2014.1982%2020%2012.6959%2020%2010.75C20%208.37178%2019.9984%206.66356%2019.8236%205.36358C19.6518%204.08517%2019.3249%203.31445%2018.7552%202.7448C18.1855%202.17514%2017.4148%201.84825%2016.1364%201.67637C14.8364%201.50159%2013.1282%201.5%2010.75%201.5C8.37178%201.5%206.66356%201.50159%205.36358%201.67637Z%22%20fill=%22%230094db%22/%3E%3C/svg%3E");
}
.apidae-icon-res{
  background-image:url("data:image/svg+xml;utf8,%3Csvg%20width=%2220%22%20height=%2220%22%20viewBox=%220%200%2020%2020%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M0%208C0%205.23858%202.23858%203%205%203C5.25052%203%205.49673%203.01842%205.73736%203.05399C6.33961%201.27806%208.02055%200%2010%200C11.9794%200%2013.6604%201.27806%2014.2626%203.05399C14.5033%203.01842%2014.7495%203%2015%203C17.7614%203%2020%205.23858%2020%208C20%2010.0503%2018.7659%2011.8124%2017%2012.584L17%2015.25H3V12.584C1.2341%2011.8124%200%2010.0503%200%208ZM9.04286%2011.6693C8.16485%2011.0251%207%209.98486%207%209.00044C7%207.32721%208.65005%206.7025%2010%207.99506C11.35%206.7025%2013%207.32721%2013%209.00043C13%209.98488%2011.8352%2011.0251%2010.9571%2011.6693C10.5374%2011.9773%2010.3275%2012.1313%2010%2012.1313C9.67249%2012.1313%209.46261%2011.9773%209.04286%2011.6693Z%22%20fill=%22%230094db%22/%3E%3Cpath%20d=%22M3.58579%2019.4142C3.08343%2018.9119%203.01188%2018.1469%203.00169%2016.75H16.9983C16.9881%2018.1469%2016.9166%2018.9119%2016.4142%2019.4142C15.8284%2020%2014.8856%2020%2013%2020H7C5.11438%2020%204.17157%2020%203.58579%2019.4142Z%22%20fill=%22%230094db%22/%3E%3C/svg%3E");
}
.apidae-icon-sej{
  background-image:url("data:image/svg+xml;utf8,%3Csvg%20width=%2220%22%20height=%2221%22%20viewBox=%220%200%2020%2021%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M10.052%201.04927e-06H9.948C9.04954%20-2.70649e-05%208.3003%20-5.05075e-05%207.70552%200.0799147C7.07773%200.164319%206.51093%200.34999%206.05546%200.80546C5.59999%201.26093%205.41432%201.82773%205.32991%202.45552C5.24995%203.0503%205.24997%203.79951%205.25%204.69799V4.77572C5.07755%204.78136%204.91097%204.78824%204.75%204.79663V13L8.03446%2013C8.23958%2012.9999%208.46137%2012.9998%208.64859%2013.025C8.86791%2013.0545%209.1481%2013.1303%209.3839%2013.3661C9.6197%2013.6019%209.69554%2013.8821%209.72502%2014.1014C9.75019%2014.2887%209.75011%2014.5105%209.75003%2014.7156V15.7845C9.75011%2015.9896%209.75019%2016.2114%209.72502%2016.3986C9.69554%2016.6179%209.6197%2016.8981%209.3839%2017.1339C9.1481%2017.3697%208.86791%2017.4455%208.64859%2017.475C8.46138%2017.5002%208.2396%2017.5001%208.03449%2017.5L4.75%2017.5V20.7034C5.64461%2020.75%206.7124%2020.75%208%2020.75H12C13.2876%2020.75%2014.3554%2020.75%2015.25%2020.7034V4.79663C15.089%204.78824%2014.9225%204.78136%2014.75%204.77572V4.69801C14.75%203.79954%2014.7501%203.0503%2014.6701%202.45552C14.5857%201.82773%2014.4%201.26093%2013.9445%200.80546C13.4891%200.34999%2012.9223%200.164319%2012.2945%200.0799147C11.6997%20-5.05075e-05%2010.9505%20-2.70649e-05%2010.052%201.04927e-06ZM13.25%204.75189V4.75C13.25%203.78599%2013.2484%203.13843%2013.1835%202.6554C13.1214%202.19393%2013.0142%201.99644%2012.8839%201.86612C12.7536%201.7358%2012.5561%201.62858%2012.0946%201.56654C11.6116%201.5016%2010.964%201.5%2010%201.5C9.03599%201.5%208.38843%201.5016%207.90539%201.56654C7.44393%201.62858%207.24644%201.7358%207.11612%201.86612C6.9858%201.99644%206.87858%202.19393%206.81654%202.6554C6.7516%203.13843%206.75%203.78599%206.75%204.75V4.75189C7.14203%204.75%207.55807%204.75%208%204.75H12C12.4419%204.75%2012.858%204.75%2013.25%204.75189Z%22%20fill=%22%230094db%22/%3E%3Cpath%20d=%22M18.8284%2019.5784C18.3096%2020.0973%2017.6507%2020.3863%2016.75%2020.5474V4.95261C17.6507%205.11366%2018.3096%205.40273%2018.8284%205.92157C20%207.09315%2020%208.97876%2020%2012.75C20%2016.5212%2020%2018.4069%2018.8284%2019.5784Z%22%20fill=%22%230094db%22/%3E%3Cpath%20d=%22M1.17157%205.92157C1.69042%205.40273%202.34931%205.11366%203.25%204.95261V13.0416C3.04984%2013.0806%202.8169%2013.1654%202.61613%2013.3661C2.38033%2013.6019%202.3045%2013.8821%202.27501%2014.1014C2.24984%2014.2887%202.24993%2014.5105%202.25001%2014.7156V15.7845C2.24993%2015.9896%202.24984%2016.2114%202.27501%2016.3986C2.3045%2016.6179%202.38033%2016.8981%202.61613%2017.1339C2.8169%2017.3347%203.04984%2017.4195%203.25%2017.4584V20.5474C2.34931%2020.3863%201.69042%2020.0973%201.17157%2019.5784C0%2018.4069%200%2016.5212%200%2012.75C0%208.97876%200%207.09315%201.17157%205.92157Z%22%20fill=%22%230094db%22/%3E%3Cpath%20d=%22M3.75117%2014.5012C3.75005%2014.5706%203.75002%2014.6509%203.75002%2014.75V15.75C3.75002%2015.8491%203.75005%2015.9294%203.75117%2015.9989C3.82063%2016%203.90094%2016%204.00002%2016H8.00002C8.0991%2016%208.17941%2016%208.24887%2015.9989C8.24998%2015.9294%208.25002%2015.8491%208.25002%2015.75V14.75C8.25002%2014.6509%208.24998%2014.5706%208.24886%2014.5012C8.17941%2014.5001%208.0991%2014.5%208.00002%2014.5H4.00002C3.90094%2014.5%203.82063%2014.5001%203.75117%2014.5012Z%22%20fill=%22%230094db%22/%3E%3C/svg%3E");
}
.apidae-icon-ski{
  background-image:url("data:image/svg+xml;utf8,%3Csvg%20width=%2221%22%20height=%2222%22%20viewBox=%220%200%2021%2022%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M10.0445%200C10.4587%200%2010.7945%200.335786%2010.7945%200.75V2.93934L12.5142%201.21967C12.8071%200.926777%2013.2819%200.926777%2013.5748%201.21967C13.8677%201.51256%2013.8677%201.98744%2013.5748%202.28033L10.7945%205.06066V9.45097L14.5965%207.25588L15.6142%203.45788C15.7214%203.05778%2016.1327%202.82034%2016.5328%202.92755C16.9329%203.03475%2017.1703%203.44601%2017.0631%203.84611L16.4336%206.19522L18.3297%205.10055C18.6884%204.89344%2019.1471%205.01635%2019.3542%205.37507C19.5613%205.73379%2019.4384%206.19248%2019.0797%206.39959L17.1836%207.49426L19.5328%208.1237C19.9329%208.23091%2020.1703%208.64216%2020.0631%209.04226C19.9559%209.44236%2019.5446%209.6798%2019.1445%209.57259L15.3465%208.55492L11.5445%2010.75L15.3467%2012.9452L19.1447%2011.9275C19.5448%2011.8203%2019.9561%2012.0578%2020.0633%2012.4579C20.1705%2012.858%2019.9331%2013.2692%2019.533%2013.3764L17.1838%2014.0059L19.0799%2015.1005C19.4386%2015.3077%2019.5615%2015.7663%2019.3544%2016.1251C19.1473%2016.4838%2018.6886%2016.6067%2018.3299%2016.3996L16.4338%2015.3049L17.0633%2017.654C17.1705%2018.0541%2016.9331%2018.4654%2016.533%2018.5726C16.1329%2018.6798%2015.7216%2018.4424%2015.6144%2018.0423L14.5967%2014.2443L10.7945%2012.049V16.4393L13.5748%2019.2197C13.8677%2019.5126%2013.8677%2019.9874%2013.5748%2020.2803C13.2819%2020.5732%2012.8071%2020.5732%2012.5142%2020.2803L10.7945%2018.5607V20.75C10.7945%2021.1642%2010.4587%2021.5%2010.0445%2021.5C9.6303%2021.5%209.29451%2021.1642%209.29451%2020.75V18.5607L7.57484%2020.2803C7.28195%2020.5732%206.80708%2020.5732%206.51418%2020.2803C6.22129%2019.9874%206.22129%2019.5126%206.51418%2019.2197L9.29451%2016.4393V12.049L5.4923%2014.2443L4.47463%2018.0423C4.36742%2018.4424%203.95617%2018.6798%203.55607%2018.5726C3.15597%2018.4654%202.91854%2018.0541%203.02574%2017.654L3.65518%2015.3049L1.75916%2016.3996C1.40044%2016.6067%200.941748%2016.4838%200.734641%2016.1251C0.527535%2015.7663%200.650441%2015.3077%201.00916%2015.1005L2.90518%2014.0059L0.556072%2013.3764C0.155972%2013.2692%20-0.0814646%2012.858%200.0257418%2012.4579C0.132948%2012.0578%200.544201%2011.8203%200.9443%2011.9275L4.7423%2012.9452L8.54451%2010.75L4.7425%208.55492L0.944497%209.57259C0.544397%209.6798%200.133144%209.44236%200.025938%209.04226C-0.0812683%208.64216%200.156169%208.23091%200.556268%208.1237L2.90538%207.49426L1.00936%206.39959C0.650637%206.19248%200.527731%205.73379%200.734838%205.37507C0.941945%205.01635%201.40064%204.89344%201.75936%205.10055L3.65538%206.19522L3.02594%203.84611C2.91873%203.44601%203.15617%203.03475%203.55627%202.92755C3.95637%202.82034%204.36762%203.05778%204.47483%203.45788L5.4925%207.25588L9.29451%209.45097V5.06066L6.51418%202.28033C6.22129%201.98744%206.22129%201.51256%206.51418%201.21967C6.80708%200.926777%207.28195%200.926777%207.57484%201.21967L9.29451%202.93934V0.75C9.29451%200.335786%209.6303%200%2010.0445%200Z%22%20fill=%22%230094db%22/%3E%3C/svg%3E");
}
.apidae-icon-ter{
  background-image:url("data:image/svg+xml;utf8,%3Csvg%20width=%2219%22%20height=%2222%22%20viewBox=%220%200%2019%2022%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M10.062%200.75C10.062%200.335786%209.72622%200%209.31201%200C8.8978%200%208.56201%200.335786%208.56201%200.75V2.25H4.016C3.35843%202.25%203.02965%202.25%202.72794%202.3482C2.59483%202.39152%202.46664%202.4487%202.34548%202.51879C2.07083%202.67767%201.85116%202.9223%201.41183%203.41156C0.561127%204.35893%200.135772%204.83262%200.033367%205.38619C-0.0111223%205.62669%20-0.0111223%205.87331%200.033367%206.11381C0.135772%206.66738%200.561124%207.14107%201.41182%208.08844C1.85116%208.5777%202.07083%208.82233%202.34548%208.9812C2.46664%209.0513%202.59483%209.10848%202.72794%209.1518C3.02965%209.25%203.35843%209.25%204.016%209.25H8.56201V11.25H3.81201C2.40755%2011.25%201.70532%2011.25%201.20087%2011.5871C0.98249%2011.733%200.79499%2011.9205%200.649073%2012.1389C0.312012%2012.6433%200.312012%2013.3455%200.312012%2014.75C0.312012%2016.1545%200.312012%2016.8567%200.649073%2017.3611C0.79499%2017.5795%200.98249%2017.767%201.20087%2017.9129C1.70532%2018.25%202.40755%2018.25%203.81201%2018.25H8.56201V20H7.31201C6.8978%2020%206.56201%2020.3358%206.56201%2020.75C6.56201%2021.1642%206.8978%2021.5%207.31201%2021.5H11.312C11.7262%2021.5%2012.062%2021.1642%2012.062%2020.75C12.062%2020.3358%2011.7262%2020%2011.312%2020H10.062V18.25H14.608C15.2656%2018.25%2015.5944%2018.25%2015.8961%2018.1518C16.0292%2018.1085%2016.1574%2018.0513%2016.2785%2017.9812C16.5532%2017.8223%2016.7729%2017.5777%2017.2122%2017.0884C18.0629%2016.1411%2018.4882%2015.6674%2018.5906%2015.1138C18.6351%2014.8733%2018.6351%2014.6267%2018.5906%2014.3862C18.4882%2013.8326%2018.0629%2013.3589%2017.2122%2012.4116C16.7729%2011.9223%2016.5532%2011.6777%2016.2785%2011.5188C16.1574%2011.4487%2016.0292%2011.3915%2015.8961%2011.3482C15.5944%2011.25%2015.2656%2011.25%2014.608%2011.25H10.062V9.25H14.812C16.2165%209.25%2016.9187%209.25%2017.4231%208.91294C17.6415%208.76702%2017.829%208.57952%2017.9749%208.36114C18.312%207.85669%2018.312%207.15446%2018.312%205.75C18.312%204.34554%2018.312%203.64331%2017.9749%203.13886C17.829%202.92048%2017.6415%202.73298%2017.4231%202.58706C16.9187%202.25%2016.2165%202.25%2014.812%202.25H10.062V0.75ZM6.31201%205C5.8978%205%205.56201%205.33579%205.56201%205.75C5.56201%206.16421%205.8978%206.5%206.31201%206.5H12.312C12.7262%206.5%2013.062%206.16421%2013.062%205.75C13.062%205.33579%2012.7262%205%2012.312%205H6.31201ZM5.56201%2014.75C5.56201%2014.3358%205.8978%2014%206.31201%2014H12.312C12.7262%2014%2013.062%2014.3358%2013.062%2014.75C13.062%2015.1642%2012.7262%2015.5%2012.312%2015.5H6.31201C5.8978%2015.5%205.56201%2015.1642%205.56201%2014.75Z%22%20fill=%22%230094db%22/%3E%3C/svg%3E");
}

.grid-navigation{display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 20px;}

          
/* RESPONSIVE */

@media(max-width:1300px){
                      .apidae-sidebar{
                          display:none;
                      }
}

@media(max-width:700px){
                      .apidae-mini-grid{
                          grid-template-columns:1fr;
                      }
}

    .apidae-create-step {
      display: grid;
      grid-template-columns: 34px 1fr;
      gap: 12px;
      align-items: start;
    }

    .apidae-create-step span {
      display: inline-block;
      width: 34px;
      height: 34px;
      line-height: 34px;
      text-align: center;
      border-radius: 50%;
      background: #e8f6fd;
      color: #0094db;
      font-weight: 700;
    }

    .apidae-create-wide {
      margin-top: 22px;
      background: #fff;
      border-radius: 18px;
      padding: 22px;
      box-shadow: 0 6px 18px rgba(0,0,0,0.08);
    }

    .apidae-create-note {
      margin-top: 18px;
    }

    .apidae-onglet-block {
      margin-top: 18px;
      border-top: 1px solid #edf2f7;
      padding-top: 16px;
    }

    .apidae-onglet-block:first-child {
      margin-top: 0;
      border-top: 0;
      padding-top: 0;
    }

    .apidae-onglet-block h4 {
      margin-bottom: 10px;
    }

    .apidae-data-card {
      background: #fff;
      border: 1px solid #e7eef5;
      border-radius: 18px;
      padding: 24px;
      box-shadow: 0 6px 18px rgba(0,0,0,0.05);
    }

    .apidae-data-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
      margin-top: 24px;
    }

    .apidae-data-soft {
      background: #f8fbfd;
      border: 1px solid #e7eef5;
      border-radius: 16px;
      padding: 20px;
    }

    .apidae-data-soft h3,
    .apidae-data-card h3,
    .apidae-data-card h4,
    .apidae-data-soft h4 {
      margin-top: 0;
    }

    .apidae-data-links {
      display: grid;
      gap: 14px;
      margin-top: 18px;
    }

    .apidae-data-link {
      background: #fff;
      border: 1px solid #e7eef5;
      border-radius: 14px;
      padding: 16px 18px;
      box-shadow: 0 4px 14px rgba(0,0,0,0.04);
    }

    .apidae-data-link p:last-child,
    .apidae-data-soft p:last-child,
    .apidae-data-card p:last-child {
      margin-bottom: 0;
    }

    @media (max-width: 991px) {
      .apidae-data-grid {
        grid-template-columns: 1fr;
      }
    }

 .apidae-data-card {
      background: #fff;
      border: 1px solid #e7eef5;
      border-radius: 18px;
      padding: 24px;
      box-shadow: 0 6px 18px rgba(0,0,0,0.05);
    }

    .apidae-data-soft {
      background: #f8fbfd;
      border: 1px solid #e7eef5;
      border-radius: 16px;
      padding: 20px;
    }

    .apidae-data-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
      margin-top: 24px;
    }

    .apidae-data-links {
      display: grid;
      gap: 14px;
      margin-top: 18px;
    }

    .apidae-data-link {
      background: #fff;
      border: 1px solid #e7eef5;
      border-radius: 14px;
      padding: 16px 18px;
      box-shadow: 0 4px 14px rgba(0,0,0,0.04);
    }

    .apidae-data-hero {
      background: linear-gradient(135deg, #f4faff 0%, #ffffff 100%);
      border: 1px solid #d9ebf7;
      border-radius: 20px;
      padding: 28px;
      margin-bottom: 26px;
    }

    .apidae-data-chip {
      display: inline-block;
      padding: 6px 12px;
      border-radius: 999px;
      background: #e8f6fd;
      color: #0094db;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.02em;
      text-transform: uppercase;
      margin-bottom: 12px;
    }

    .apidae-data-split {
      display: grid;
      grid-template-columns: 1.15fr 0.85fr;
      gap: 20px;
      margin-top: 24px;
    }

    .apidae-data-icon-title {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .apidae-data-icon {
      width: 34px;
      height: 34px;
      border-radius: 50%;
      background: #e8f6fd;
      color: #0094db;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      flex: 0 0 34px;
    }

    .apidae-data-card h3,
    .apidae-data-soft h3,
    .apidae-data-card h4,
    .apidae-data-soft h4,
    .apidae-data-hero h2 {
      margin-top: 0;
    }

    .apidae-data-card p:last-child,
    .apidae-data-soft p:last-child,
    .apidae-data-link p:last-child,
    .apidae-data-hero p:last-child {
      margin-bottom: 0;
    }

    .apidae-data-muted {
      color: #5f6b7a;
    }

    @media (max-width: 991px) {
      .apidae-data-grid,
      .apidae-data-split {
        grid-template-columns: 1fr;
      }
    }

/* =========================================================
   APIDAE — BLOCS DE CODE
   ========================================================= */

.apidae-code-block {
  background: #f6f9fc;
  border: 1px solid #dfe8f1;
  border-radius: 14px;
  padding: 18px;
  margin: 22px 0 32px;
  overflow-x: auto;
  max-width: 100%;
      max-height: 60svh;
}

.apidae-code-block pre {
  margin: 0;
  white-space: pre;
  overflow-x: auto;
}

.apidae-code-block code {
  display: block;
  color: #243447;
  background: transparent;
  font-family: Consolas, Monaco, "Courier New", monospace;
  font-size: 13px;
  line-height: 1.55;
}


/* =========================================================
   APIDAE — TABLEAUX RESPONSIVES
   ========================================================= */

.apidae-table-wrapper {
  width: 100%;
  overflow-x: auto;
  border: 1px solid #e4ebf3;
  border-radius: 14px;
  margin: 24px 0 34px;
  background: #fff;
}

.apidae-table-wrapper table, 
.apidae-table-wrapper figure {
  width: 100%;
  min-width: 680px;
  border-collapse: collapse;
  margin: 0;
}

.apidae-table-wrapper th,
.apidae-table-wrapper td {
  padding: 14px 16px;
    border: 1px solid #e4ebf3;
  vertical-align: top;
  text-align: left;
}

.apidae-table-wrapper th {
  background: #f6f9fc;
  color: #1e2552;
  font-weight: 600;
}

.apidae-table-wrapper .wysiwyg-table table {border:0px;}

.apidae-table-wrapper tr:last-child td {
  border-bottom: 0;
}


/* =========================================================
   APIDAE — VARIANTES D’ENCARTS
   ========================================================= */

.apidae-warning {
  background: #fff6f5;
  border: 1px solid #ffd6d2;
  border-left: 4px solid #f05b4f;
  border-radius: 14px;
  padding: 18px;
  margin: 30px 0;
}

.apidae-soft {
  background: #f6f9fc;
  border: 1px solid #e4ebf3;
  border-radius: 14px;
  padding: 20px;
  margin: 24px 0;
}

.apidae-soft p:last-child,
.apidae-highlight p:last-child,
.apidae-tip p:last-child,
.apidae-warning p:last-child {
  margin-bottom: 0;
}


/* =========================================================
   APIDAE — GRILLES GÉNÉRIQUES
   ========================================================= */

.apidae-card-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin: 24px 0 34px;
}

@media (max-width: 900px) {
  .apidae-card-grid-3 {
    grid-template-columns: 1fr;
  }
}

.apidae-note {
    background: #fff8e6;
    border: 1px solid #f4d58d;
    border-radius: 16px;
    padding: 18px 20px;
    margin: 22px 0;
}

/* =========================================================
   APIDAE — RESET ZENDESK SUR LES BLOCS DE CODE
   ========================================================= */

.article-body .apidae-code-block pre {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  white-space: pre !important;
      font-size: 0.8rem;
}

.article-body .apidae-code-block code {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

.apidae-mini-card h3{margin:0px;}

.apidae-highlight p, .apidae-warning p, .apidae-note p, .apidae-tip p {
    margin: 15px 0px 15px 0px !important;
}

.apidae-soft h3{
  margin-top:0px;
}






.article-body img {
  cursor: zoom-in;
}

.image-lightbox {
  position: fixed;
  inset: 0;
  z-index: 9999;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 40px;

  background: rgba(0, 0, 0, 0.85);
  cursor: zoom-out;
}

.image-lightbox img {
  max-width: 95vw;
  max-height: 95vh;
  width: auto;
  height: auto;

  object-fit: contain;
  cursor: zoom-out;
}