ul[data-hc-pills-container][-data-hc-focus=true] {
  border: 2px solid red !important;
}
@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%;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
}

@font-face {
  font-family: 'Roboto';
  src: url(/hc/theming_assets/01K314MYDCJQJNPGF714GYR1RE) format('truetype');
  font-weight: 400;
}

@font-face {
  font-family: 'Roboto';
  src: url(/hc/theming_assets/01K5BR1Y5HZC6ZMZC6JTK3M290) format('truetype');
  font-weight: 450;
}

@font-face {
  font-family: 'Roboto';
  src: url(/hc/theming_assets/01K42MD4KJ99QD7K9BGZ7F6KRR) format('truetype');
  font-weight: 500;
}

@font-face {
  font-family: 'Roboto';
  src: url(/hc/theming_assets/01K42MD4SK0GJWPPTRZPKN25SR) format('truetype');
  font-weight: 700;
}

*, *::before, *::after {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
}

/* Estilização geral de tabelas para artigos */

.article-body table {
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  font-size: 14px;
}

.article-body table th,
.article-body table td {
  border: 1px solid #999;
  padding: 6px 10px;
  vertical-align: top;
}

.article-body table th {
  text-align: center;
  font-weight: bold;
  background-color: #F9F9F9;
}

.article-body table td {
  background-color: #fff;
}

/* Fim da estilização geral de tabelas para artigos */

.article-body p {
  font-size: 14px !important; 
  font-family: 'Roboto';
  color: var(--color-text-400) !important;
  line-height: 1.8 !important;
}


:root {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --Typography-Family-Roboto: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --color-bg: var(--color-background);
  --color-principal-100: #ccf1e7;
  --color-principal-200: #99e3cf;
  --color-principal-300: #4dc3a8;
  --color-principal-400: #008561 ;
  --color-principal-700: #00664a;
  --color-principal-900: #222d42;
  --color-secundaria-100: #cbcbcb;
  --color-secundaria-200: #aaaaaa;
  --color-secundaria-300: #868889;
  --color-secundaria-400: $text_color;
  --color-secundaria-700: #565656;
  --color-secundaria-800: #424A52;
  --color-tons-de-cinza-200: #F9F9F9;
  --color-tons-de-cinza-300: #CECFD1;
  --color-tons-de-cinza-400: #9399A1;
  --color-tons-de-cinza-700: #7a7a7a;
  --color-tons-de-cinza-800: #3a3a3a;
  --color-tons-de-cinza-900: #000000;
  --color-sucesso-200: #E8F8ED;
  --color-sucesso-300: #71cca6;
  --color-sucesso-400: #1BC250;
  --color-sucesso-700: #08A93C;
  --color-sucesso-800: #056524;
  --color-sucesso-900: #004a2c;
  --color-erro-100: #FEEEF0;
  --color-erro-200: #FA5A72;
  --color-erro-250: #F3AAB5;
  --color-erro-300: #dd9288;
  --color-erro-400: #ba2714;
  --color-erro-600: #E12A45;
  --color-erro-700: #941010;
  --color-erro-800: #6e170c;
  --color-erro-850: #871929;
  --color-erro-900: #4a1008;
  --color-alerta-200: #f5f3dc;
  --color-alerta-300: #e9df89;
  --color-alerta-400: #dec90e;
  --color-alerta-700: #c0ae0c;
  --color-alerta-800: #998b0a;
  --color-alerta-900: #736807;

  --color-background: var($color_background);
  --color-text-contrast: #fff;
  --color-text-100: #77777A;
  --color-text-200: #404e65;
  --color-text-300: #494A4E;
  --color-text-400: #1B2434;
  --color-link: rgba(0, 133, 97, 1);

}



body {
  margin: 0 auto;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
}

.h3, h3 {
    font-size: 24px;
    line-height: 2.0;
}
.h1, h1 {
    font-size: 36px;
    line-height: 2.0;
}

.h2, h2 {
    font-size: 30px;
    line-height: 2.1;
}
.h4, h4 {
    font-size: 18px;
    line-height: 2.1;
}
.h5, h5 {
    font-size: 14px;
    line-height: 2.0;
}
.h6, h6 {
    font-size: 12px;
    line-height: 2.0;
}

main {
  display: block;
}

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

pre {
  font-size: 1em;
}

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

b,
strong {
  font-weight: bolder;
}

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

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-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;
  width: auto;
}

[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 {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  background-color: rgba(255, 255, 255, 1);
}

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

a {
  text-decoration: none;
}

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

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 #008561;
}

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 #008561;
}

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

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


.container-clean, .container, .header, .footer {
  max-width: 1200px;
  margin: 0 auto;
      padding: 0px 20px;

  
}
  
.container {
  margin-bottom: 175px;
}

.header span[data-user-name="true"] {
  justify-content: flex-end !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  white-space: normal !important;
  display: inline-block;
  line-height: 1 !important;
  max-width: min-content;
  font-size: 12px !important;
  margin-right: 10px;
  text-align: end;
}



.header a[data-auth-action="signin"], .header a[role="button"]{
  height: 100% !important;
  width: fit-content !important;
  max-width: 50px !important;
}

header .dropdown-menu{
  color: #008561 !important;
}

header .user-nav{
  color: var(--color-text-contrast) !important;
}


@media (max-width: 905px) {
  .header span[data-user-name="true"] {
    display: none;
  }
}

@media (max-width: 800px) {
  .user-nav {
    display: none;
  }
}

.container-divider {
  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, .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;
}

@media (min-width: 768px) {
  .button, .section-subscribe button, .article-subscribe button, .community-follow button, .requests-table-toolbar .organization-subscribe button, .subscriptions-subscribe button, .edit-profile-button a {
    width: auto;
  }
}

.button { 

}

.button-primary, input[type="submit"], .button {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  min-height: fit-content;
  padding: 0px 40px;
  border-radius: 24px;
  color: #fff;
  background:  #008561;
  font-size: 16px;
}

/* Mobile: Column layout */
.form-field.boolean {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.form-field.boolean input[type="hidden"] {
  display: none;
}

.form-field.boolean p {
  order: 1;
  margin: 0 0 10px 0;
}

.form-field.boolean input[type="checkbox"] {
  order: 3;
  margin: 0;
margin-top: 14px;
margin-bottom: 14px;
width: 20px;
height: 20px;
}

.form-field.boolean label {
  order: 2;
  margin: 5px 0 0 0;
}

/* Desktop: Row layout */
@media (min-width: 768px) {
  .form-field.boolean {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }

  .form-field.boolean p {
    margin-bottom: 8px;
    order: 1;
    flex-basis: 100%;
    width: 100%;
    margin: 10px 0 0 0;
  }

  .form-field.boolean input[type="checkbox"] {
    order: 2;
    margin: 0;
    margin-top: 14px;
  }

  .form-field.boolean label {
    order: 3;
    margin: 0 0 0 8px;
        margin-top: 14px;
  }
}

input[type="checkbox"] {
  accent-color: #008561;
}

select {
  appearance: none;
  accent-color: #008561;
  border: 1px solid #008561;
  border-radius: 4px;
  padding: 8px 32px 8px 12px;
  font-family: inherit;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23008561' d='M4 6l4 4 4-4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 12px;
}

select:focus {
  outline: none;
  border-color: #008561;
  box-shadow: 0 0 0 2px rgba(#008561, 0.2);
}

.button:hover, .section-subscribe button:hover, .article-subscribe button:hover, .community-follow button:hover, .requests-table-toolbar .organization-subscribe button:hover, .edit-profile-button a:hover, .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, .edit-profile-button a:active, .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, .edit-profile-button a:focus, .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, .edit-profile-button a.button-primary {
  background-color: #008561;
  color: #fff;
  text-decoration: none;
}

.button.button-primary:hover, .section-subscribe button.button-primary:hover, .section-subscribe button[data-selected="true"]:hover, .article-subscribe button.button-primary:hover, .article-subscribe button[data-selected="true"]:hover, .community-follow button.button-primary:hover, .requests-table-toolbar .organization-subscribe button.button-primary:hover, .requests-table-toolbar .organization-subscribe button[data-selected="true"]:hover, .subscriptions-subscribe button.button-primary:hover, .subscriptions-subscribe button[data-selected="true"]:hover, .button-primary.pagination-prev-link:hover, .button-primary.pagination-first-link:hover, .button-primary.pagination-last-link:hover, .edit-profile-button a.button-primary:hover, .button.button-primary:focus, .section-subscribe button.button-primary:focus, .section-subscribe button[data-selected="true"]:focus, .article-subscribe button.button-primary:focus, .article-subscribe button[data-selected="true"]:focus, .community-follow button.button-primary:focus, .requests-table-toolbar .organization-subscribe button.button-primary:focus, .requests-table-toolbar .organization-subscribe button[data-selected="true"]:focus, .subscriptions-subscribe button.button-primary:focus, .subscriptions-subscribe button[data-selected="true"]:focus, .button-primary.pagination-next-link:focus, .button-primary.pagination-prev-link:focus, .button-primary.pagination-first-link:focus, .button-primary.pagination-last-link:focus, .edit-profile-button a.button-primary:focus, .button.button-primary:active, .section-subscribe button.button-primary:active, .section-subscribe button[data-selected="true"]:active, .article-subscribe button.button-primary:active, .article-subscribe button[data-selected="true"]:active, .community-follow button.button-primary:active, .requests-table-toolbar .organization-subscribe button.button-primary:active, .requests-table-toolbar .organization-subscribe button[data-selected="true"]:active, .subscriptions-subscribe button.button-primary:active, .subscriptions-subscribe button[data-selected="true"]:active, .button-primary.pagination-next-link:active, .button-primary.pagination-prev-link:active, .button-primary.pagination-first-link:active, .button-primary.pagination-last-link:active, .edit-profile-button a.button-primary:active {
  cursor: pointer;
  background-color: #006c4e;
  border-color: #006c4e;
}

.requests-table-toolbar input, .requests-table-toolbar select {
  height: 56px;
}

.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], .edit-profile-button a[data-disabled] {
  cursor: default;
}

  .button-large, input[type="submit"] {
    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: #00523c;
  transition: background-color 0.3s ease;
}

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

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

.button-secondary:hover, .button-secondary:focus, .button-secondary:active {
  color: $text_color;
  border: 1px solid #ddd;
  background-color: #f7f7f7;
}

.article-vote { 
  padding: 0px;
  height: fit-content;
  padding: 14px;
  padding-right: 44px;
  background-position: right 14px center;
  background-repeat: no-repeat;
}

.article-vote-down { 
  background-image: url(/hc/theming_assets/01KH7GPAD6J4N3EDH001N721JS);
  background-color: var(  --color-tons-de-cinza-400);

}

.article-vote-down:hover, .article-vote-down:focus, .article-vote-down:active, .article-vote-down[aria-pressed="true"], .article-vote-down[aria-pressed="true"]:hover {
  background-image: url(/hc/theming_assets/01KH7GPAD6J4N3EDH001N721JS);
  background-color: var(--color-tons-de-cinza-700) !important;
}

.article-vote-up { 
  background-image: url(/hc/theming_assets/01KH7GPAAEE5W9DTHCCKF4ECW0);
}

.article-vote-up:hover { 
  background-color: #006c4e;
}

/***** 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: lighten($text_color, 20%);
  font-size: 13px;
  font-weight: 300;
  text-align: left;
}

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

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

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

.table td {
  display: block;
}

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

@media (min-width: 1024px) {
  .table td, .table th {
    padding: 0px 10px;

  }
}

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

  .table th {
    padding: 0px 10px;
    height: 60px;
  }
}

.sortable-column {
  cursor: pointer;
  user-select: none;
  position: relative;
  transition: background-color 0.2s ease;
}

.sortable-column:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.sort-indicators {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  margin-left: 8px;
  font-size: 10px;
  line-height: 1;
  vertical-align: middle;
}

.sort-asc,
.sort-desc {
  display: block;
  opacity: 0.3;
  transition: opacity 0.2s ease;
  line-height: 1;
  min-width: 12px;
  min-height: 12px;
  object-fit: contain;
}

.sort-asc {
  margin-bottom: -3px;
}

.sortable-column:hover .sort-asc,
.sortable-column:hover .sort-desc {
  opacity: 0.6;
}

.contributions-table {
  margin-top: 20px;
}

.contributions-table td[data-date] {
  font-family: 'Roboto', sans-serif;
}

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

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

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

#autocompleter {
  border: 2px solid #008561 !important;
}

.form-field input, .requests-search, #request-status-select, #autocompleter, .nesty-input, .request_cc_emails ul {
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 10px;
  height: 56px;
  width: 100%;
}

.nesty-panel {
  max-height: 70vh !important;
  overflow-y: scroll !important;
  height: fit-content !important;
}

.nesty-panel ul {
  height: fit-content !important;
}

.form-field input:focus, #autocompleter {
  border: 2px solid #008561 !important;
}

.form-field input[type="text"]:focus {
  border: 2px solid #008561;
}

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

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

.form-field .nesty-input:focus {
  border: 2px solid #008561;
  text-decoration: none;
}

.form-field .hc-multiselect-toggle:focus {
  outline: none;
  border: 2px solid #008561;
  text-decoration: none;
}

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

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

.form-field .optional {
  color: lighten($text_color, 20%);
  margin-left: 4px;
}

.form-field p {
  color: lighten($text_color, 20%);
  font-size: 12px;
  margin: 5px 0;
}

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

.form footer a {
  color: lighten($text_color, 20%);
  cursor: pointer;
  margin-right: 15px;
}

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

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

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

.form .suggestion-list li a:visited {
  color: #001f17;
}

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

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

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

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

#user-wpp {
  display: none;
}


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

    #burger-wpp {
    display: none;
  }

  #user-wpp {
    display: inline-block;
  }

}

@media (max-width: 800px) {
  .user-nav {
    display: none;
  }
}



.nav-wrapper a {
  border: 0;
  display: none;
  font-size: 14px;
}

@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;
  text-decoration: underline;
}

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

.nav-wrapper .menu-button {
  background: none;
  border: 0;
  color: rgba(0, 133, 97, 1);
  display: inline-block;
  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, 133, 97, 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 {
  display: flex;
}

.user-info img {
  margin-bottom: 13px !important;
}
.user-info span {
  text-align: start;
  display: flex;
  justify-items: center;
  align-items: center;
}

.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, 133, 97, 1);
  min-width: 0;
  padding: 0;
  white-space: nowrap;
}

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

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

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

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

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

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

.user-avatar {
  height: 60px;
  width: 60px;
  border-radius: 16px;
  display: inline-block;
  vertical-align: middle;
}

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

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

.avatar .icon-agent {
  color: #008561;
  border: 2px solid #fff;
  border-radius: 50%;
  bottom: -4px;
  background-color: $brand_text_color;
  font-size: 17px;
  height: 17px;
  line-height: 17px;
  position: absolute;
  right: -2px;
  text-align: center;
  width: 17px;
}


.btn a{
    display: inline-flex;
height: 32px;
padding: var(--16, 16px) var(--12, 12px);
justify-content: center;
align-items: center;
gap: var(--8, 8px);
flex-shrink: 0;
border-radius: var(--24, 24px);
border: 1px solid var(--Atom-Button-Type-Secondary-Stroke, #EAEAEA);
background: var(--Atom-Button-Type-Secondary-Background, #FFF);
background-image: url(/hc/theming_assets/01KH7GPA443AWZ0473T4CAJ4V0);
  margin-left: 10px;
  background-repeat: no-repeat;
  background-position: right 10px center;
  padding-right: 40px;

  color: var(--Atom-Button-Type-Secondary-Text, #008561);
  text-align: center;
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: var(--Typography-Family-Roboto, Roboto);
  font-size: var(--Typography-Size-Default, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Typography-Line-height-28, 28px);
  transition: all 0.3s ease;
}

.btn a:hover {
  color: #007455;
}

.footer a {
  color: lighten($text_color, 20%);
}

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

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

.footer-language-selector {
  color: lighten($text_color, 20%);
  display: inline-block;
  font-weight: 300;
}

.breadcrumbs {
  margin: 0 0 15px 0;
  padding: 0;
}

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

.breadcrumbs li {
  color: var(--color-text-300);
  font-family: var(--Typography-Family-Roboto, Roboto);
  font-size: var(--Typography-Size-Default, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Typography-Line-height-24, 24px); /* 171.429% */
  display: inline;
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.breadcrumbs li + li::before {
  content: url(/hc/theming_assets/01KH7GP9XYHZG2SF70PWHW8SHG);
  margin: 0 16px;
}

.breadcrumbs li:last-child {
  color: #008561 !important;
}

.breadcrumbs li:last-child a {
  color: #008561 !important;
}

.search {
  position: relative;
}

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

.search input[type="search"]:focus {
  border: 1px solid #008561;
  color: #555;
}

.search-full input[type="search"] {
  width: 100%;
  display: block !important;
  padding: 16px 45px 16px 24px !important;
  border-radius: 100px;
  border: 1px solid var(--Atom-Search-Stroke, #D2D2D3);
  background: var(--Atom-Search-Background, #FFF) !important;
  height: 66px;
  font-size: 18px;
  color: #333 !important;
  line-height: normal !important;
  text-align: left !important;
  -webkit-appearance: searchfield !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.search-full input[type="search"]::placeholder {
  color: var(--Atom-Search-Text, #A4A5A7);
  font-feature-settings: 'liga' off, 'clig' off;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 20px;
}


.form-field input::placeholder {
  color: var(--Atom-Search-Text, #A4A5A7);
  font-feature-settings: 'liga' off, 'clig' off;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 20px;
}

.container .search.search-full .search-icon,
.search .search-icon,
svg.search-icon,
#search-svg-results {
  position: absolute !important;
  top: 50% !important;
  right: 12px !important;
  left: auto !important;
  transform: translateY(-50%) !important;
  z-index: 999 !important;
  width: 24px !important;
  height: 24px !important;
  color: var(--color-principal-400) !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  opacity: 1 !important;
  display: block !important;
  visibility: visible !important;
  margin: 0 !important;
  padding: 0 !important;
}

.article .search-icon,
.article-container .search-icon,
.article-page .search-icon,
.home-page .search-icon,
.category-page .search-icon,
.section-page .search-icon {
  position: absolute !important;
  top: 50% !important;
  right: 12px !important;
  left: auto !important;
  transform: translateY(-50%) !important;
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.search-icon.absolute,
.search-icon.top-1\/2,
.search-icon.right-6,
.search-icon.w-6,
.search-icon.h-6,
.search-icon.transform,
.search-icon.-translate-y-1\/2,
.search-icon.z-50 {
  position: absolute !important;
  top: 50% !important;
  right: 12px !important;
  left: auto !important;
  transform: translateY(-50%) !important;
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 999 !important;
}

.search input[type="search"]::-webkit-search-cancel-button {
  display: none !important;
  opacity: 0 !important;
  -webkit-appearance: none !important;
}

.search input[type="search"]::-moz-search-cancel-button {
  display: none !important;
  opacity: 0 !important;
}

.search input[type="search"] {
  position: relative !important;
  z-index: 1 !important;
}

.search-container {
  position: relative;
}

/***** Hero component *****/
.hero {

}

.hero-inner {
}

.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-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;
}

/***** 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 #008561;
  border-radius: 4px;
  box-sizing: border-box;
  color: #008561;
  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: #008561;
}

.blocks-item:hover *, .blocks-item:focus *, .blocks-item:active * {
  color: $brand_text_color;
  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: $text_color;
}

.blocks-item-link {
  color: #008561;
  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 #008561;
  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;
}


.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: $text_color;
}

.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;
  background-image: url(/hc/theming_assets/01KH7GPJ70WZ04S141GYQYRHJM);
  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: $text_color;
  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: lighten($text_color, 20%);
  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-comment-icon svg {
  vertical-align: middle;
  color: #008561;
  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: $text_color;
}

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

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

.article-list-item a {
  color: $text_color;
}

.icon-star {
  color: #008561;
  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--collapsed .section-list-item:nth-child(1n + 6) {
  display: none;
}

.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: $text_color;
  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%
  */
  width: 100%;
}

@media (min-width: 1024px) {
  .article {
    width: 100%;
    max-width: 100%;
    min-width: 640px;
  }
}

.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;

  color: var(--color-text-400);
  font-weight: 400;
}

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

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

[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: #001f17;
}

.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: lighten($text_color, 20%);
  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: lighten($text_color, 20%);
  font-weight: 300;
}

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

.article-comment-count-icon {
  vertical-align: middle;
  color: #008561;
  width: 18px;
  height: 18px;
}

.article-sidebar {
  border-bottom: 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 {
  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: $text_color;
  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;
}

.sidenav-item {
  border-radius: 12px;
  color: $text_color;
  display: block;
  font-weight: 300;
  padding: 20px;
  padding-right: 40px;
  margin: 0px 16px;
  background-image: url(/hc/theming_assets/01KH7GPAA8AYRMGX72KBARWBAQ) !important;
  background-repeat: no-repeat;
  background-position: right 20px center;
}

.sidenav-item.current-article, .sidenav-item:hover {
  background-color: #008561;
  color: $brand_text_color;
  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: $text_color;
  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 { 
  border-radius: 8px;
  border: 3px solid #008561;
}

.upload-dropzone:hover, .upload-dropzone:focus { 
  border-radius: 8px;
  border: 3px solid #008561;
}


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

/***** 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: lighten($text_color, 20%);
}

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

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

/***** Comments *****/
/* Styles comments inside articles, posts and requests */
.comment {
  padding: 20px 0;
}



.comment-callout {
  color: lighten($text_color, 20%);
  display: inline-block;
  font-weight: 300;
  font-size: 13px;
  margin-bottom: 0;
}

.comment-callout a {
  color: #008561;
}

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

.comment-sorter .dropdown-toggle {
  color: lighten($text_color, 20%);
  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 #008561;
  padding: 40px 20px 20px;
}

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

.comment-info {
  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: 4px;
  word-wrap: break-word;
}

.comment-container {
  width: 100%;
}

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

@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"] {
  }
  [dir="rtl"] .comment-form-controls input[type="submit"] {
  }
}

.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: #008561;
}

.comment-body {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  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: #001f17;
}

.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: lighten($text_color, 20%);
  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: lighten($text_color, 20%);
  display: block;
  margin: 3px 0;
}

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

.vote-up {
  background-image: url(/hc/theming_assets/01KH7GPAAEE5W9DTHCCKF4ECW0);
}

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

.vote-up:hover{
  color: #008561;
}

.vote-up, .vote-down {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  color: lighten($text_color, 20%);
  cursor: pointer;
  min-height: 35px;
  min-width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vote-voted {
  color: #008561;
}

.vote-voted:hover {
  color: #001f17;
}

/***** 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/01K3154K2KA6GV0WNPXZQFY3DF);
  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 {
  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: #008561;
}

.community-follow button:hover::after, .community-follow button:focus::after {
  border-color: $brand_text_color;
  color: $brand_text_color;
}

.community-follow button[data-selected="true"] {
  background-color: #008561;
  color: $brand_text_color;
}

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

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

.community-follow button::after {
  border-left: 1px solid #008561;
  content: attr(data-follower-count);
  color: #008561;
  display: inline-block;
  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 #008561;
  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 {
  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: var(--color-text-200);
}

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

.striped-list-count {
  color: lighten($text_color, 20%);
  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: $text_color;
    display: block;
    font-weight: 400;
  }
}

/***** Status labels *****/
/* Styles labels used in posts, articles and requests */
.status-label {
  background-color: #038153;
  border-radius: 24px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  margin-right: 2px;
  padding: 0px 8px;
  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: #008561;
}

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

@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;
}

.status-label-answered {
    background-color: var(--color-text-300);
      text-align: center;
}

.status-label-pending, .status-label-pending-moderation {
  background-color: var(--color-text-300);
  text-align: center;
}

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

.status-label-solved {
  background-color: #008561;
  color: white;
}

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

.status-label-hold {
  background-color: var(--color-text-300);
  color: white;
}

.status-label-open, .status-label-closed, .status-label-solved, .status-label-new, .status-label-hold, .status-label-pending {
  text-transform: lowercase;
}

/***** Post *****/
/*
* The post grid is defined this way:
* Content | Sidebar
* 70%     | 30%
*/
.post {
  flex: 1;
  margin-bottom: 10px;
}

@media (min-width: 1024px) {
  .post {
    flex: 1 0 70%;
    max-width: 70%;
  }
}

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

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

.post-header {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 10px;
}

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

.post-header .status-label {
  vertical-align: super;
}

.post-title {
  margin-bottom: 20px;
  width: 100%;
}

@media (min-width: 768px) {
  .post-title {
    margin-bottom: 0;
    padding-right: 10px;
  }
}

.post-title h1 {
  display: inline;
  vertical-align: middle;
}

@media (min-width: 768px) {
  .post-title h1 {
    margin-right: 5px;
  }
}

.post-author {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
}

.post-avatar {
  margin-bottom: 30px;
}

.post-content {
  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: #001f17;
}

.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: lighten($text_color, 20%);
  padding: 0 15px;
}

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

.post-comment-count {
  color: lighten($text_color, 20%);
  font-weight: 300;
}

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

.post-comment-count .icon-comments {
  color: #008561;
  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;
  }
}

/* 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, .collapsible-nav-list {
  border: 1px solid #ddd;
  border-radius: 14px;
  padding: 10px;
  margin-top: 0px;
}

@media (min-width: 768px) {
  .collapsible-nav-border,.collapsible-nav-list {
    border: 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 #008561;
}

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

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

.collapsible-nav-list li {
  color: $text_color;
  line-height: 45px;
  order: 1;
}

@media (min-width: 768px) {
  .collapsible-nav-list li {
    line-height: normal;
    border-bottom: 2px solid #ddd;
  }
  [dir="rtl"] .collapsible-nav-list li {
    margin-left: 30px;
    margin-right: 0;
  }
  .collapsible-nav-list li a {
    padding: 8px 0px;
  }
}

.collapsible-nav-list li a {
  color: #626E82;
  display: block;
}

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

.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: 2px solid #008561;
    order: 1;
  }
}

.collapsible-nav-list li[aria-selected="true"] a,
.collapsible-nav-list li.current a {
  color: var(--color-principal-400);
}

.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;
  position: relative;
  border-radius: var(--32, 32px);
  background: var(--Molecule-Vertical-menu-Type-Green-Background, #008561);
}

.collapsible-sidebar-request {
  background: none;
}

@media (min-width: 1024px) {
  .collapsible-sidebar {
    max-height: none;
    padding: 0;
  }
}


.search-results-sidebar .multibrand-filter-list .doc-count, .search-results-sidebar .multibrand-filter-list .filter-name, .search-results-sidebar .multibrand-filter-list {
  background-color: none !important;
  color: var(--color-text-contrast) ;
}

.see-all-filters {
  display: flex;
  align-items: center;
  padding: 20px;
  border-radius: 20px;
  border: 1px solid #006c4e;
  color: #006c4e;
  background-color: var(--color-text-contrast);
  cursor: pointer;
  width: calc(100% - 32px);
  margin: 16px 16px 10px 16px;
}

.collapsible-sidebar-title {
  color: var(--color-text-contrast);
  font-family: var(--Typography-Family-Roboto, Roboto);
  font-size: var(--Typography-Size-4xLarge, 26px);
  /* font-weight: 400; */
  align-self: center;
  max-width: fit-content;
}

.collapsible-sidebar-toggle {
  position: absolute;
  top: calc(45px / 2);
  transform: translateY(-50%);
  right: 10px;
  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 #008561;
}

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

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

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

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

/***** My activities *****/
.my-activities-nav {
  background-color: darken(var(--color-background), 5%);
  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;
  }
}


@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;
    justify-content: center;
    align-items: center;
  }
}

.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;
}


.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 {
  margin-bottom: 30px;
  width: 100%;
}

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

.requests-table-toolbar .search .search-icon, .requests-table-toolbar svg.search-icon {
      top: 66% !important;
}

.requests-table-toolbar label {
 color: var(--Atom-Inputs-Title, var(--color-text-300));
font-feature-settings: 'liga' off, 'clig' off;
font-family: var(--Typography-Family-Roboto, Roboto);
font-size: var(--Typography-Size-Default, 14px);
font-style: normal;
font-weight: 400;
line-height: var(--Typography-Line-height-20, 20px); /* 142.857% */
}

.requests-table-toolbar .organization-subscribe button {
  line-height: 40px;
  height: 56px;
  padding: 0 20px;
  margin-top: 19px;
}

.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: flex;
  justify-content: space-between;
}

@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;
}

.table th, .table th a {
color: var(--Title-and-paragraph-Petroleum-Heavy, var(--color-text-400));
font-family: var(--Typography-Family-Roboto, Roboto);
font-size: var(--Typography-Size-Large, 18px);
font-style: normal;
font-weight: 400;
line-height: var(--Typography-Line-height-32, 32px); /* 177.778% */
}


.table td{
border: 1px solid #EAEAEA;
color: var(--color-text-200);
font-feature-settings: 'liga' off, 'clig' off;
font-size: 14px;
font-weight: 400;
line-height: var(--Typography-Line-height-28, 28px);
}

@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: -5px;
  font-size: 10px;
}

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

.subscriptions-table td:last-child {
  display: block;
  width: 151px !important;
  min-width: 151px !important;
  text-align: left !important;
}

/* Fixed width for subscribe button cell */
.subscriptions-table td:last-child button,
.subscriptions-table td:last-child a {
  width: 240px !important;
  min-width: 240px !important;
  text-align: left !important;
  display: inline-block !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

@media (min-width: 768px) {
  .subscriptions-table td:last-child {
    display: table-cell;
    width: 151px !important;
    min-width: 151px !important;
    text-align: left !important;
  }
}

/* Correção simples para sobreposição na tabela de subscriptions */
.subscriptions-table td:first-child {
  vertical-align: middle !important;
  line-height: normal !important;
}

.subscriptions-table .user-avatar {
  margin-right: 10px !important;
  vertical-align: middle !important;
  float: left !important;
}

.subscriptions-table .striped-list-title,
.subscriptions .striped-list-title {
  display: inline !important;
  vertical-align: middle !important;
  line-height: normal !important;
  margin: 0 !important;
  padding: 0 !important;
}

.subscriptions-table td:first-child a {
  vertical-align: middle !important;
  line-height: normal !important;
  display: inline !important;
}

.subscriptions-table td:first-child a:hover {
  text-decoration: underline !important;
}

.contributions-table th td {
  margin-left: -10px;
}

/* Contributions table */
.contributions-table td:last-child {
  color: lighten($text_color, 20%);
  font-size: 13px;
  font-weight: 300;
}

@media (min-width: 768px) {
  .contributions-table td:last-child {
    color: var(--color-text-200);
    font-size: inherit;
    font-weight: inherit;
  }
}

.no-activities {
  color: lighten($text_color, 20%);
}

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

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

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

.request-breadcrumbs {
  margin-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;
}

.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: lighten($text_color, 20%);
  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 #008561;
}

.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 #008561;
}

.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: lighten($text_color, 20%);
  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;
}

.request-follow-up a {
  color: var(--color-link)
}

/***** 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-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 * {
  display: inline;
}

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

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

/* User Profiles */
.profile-header {
}

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

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

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

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

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

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

.profile-avatar .icon-agent {
  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;
}

.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;
  }
}

.edit-profile-button a {
  background-color: #008561;
  border: 0;
  color: $brand_text_color;
  line-height: normal;
  padding: 8px 20px;
  outline-color: #008561;
}

.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: lighten($text_color, 20%);
  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 #008561;
  border-radius: 4px;
  color: #008561;
  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 {
  margin-bottom: 37px;
}

.profile-section {
  width: 100%;
}

.profile-section-header {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 16px;
}

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

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

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

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

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

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

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

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

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

.profile-contribution {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  padding: 16px;
  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 {
}

.profile-contribution-list > .profile-contribution {
  margin-bottom: 30px;
  background-color: #F9F9F9;
  border-radius: 16px;
}

@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-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-section .no-activity,
.profile-section .private-activity {
  display: block;
  margin-top: 40px;
  color: #999;
  width: 100%;
}

.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;
}

.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 {
  display: inline;
}

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

.profile-activity-icon {
  position: absolute;
  left: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-color: var(--color-background);
  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: nowrap;
  justify-content: space-between;
}

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

.search-results-column {
  width: 100%;
}

@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: #00684C;
  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 .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;
  margin-left: 3px;
  margin-bottom: 7px;
}

.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 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: 26px;
  width: fit-content;
}

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

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

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

.search-result-votes-icon, .search-result-meta-count-icon {
  color: #008561;
  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-weight: bold;
}

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

/***** Notifications *****/
.notification {
  border: 1px solid;
  display: table;
  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;
  border: 0;
  display: inline-block;
  padding: 0;
  text-align: initial;
  vertical-align: inherit;
}

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

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

.dropdown-toggle span {
  font-size: 14px;
  color: var(--color-text-200);
  font-weight: 400;
}

.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-weight: normal;
  margin-top: 1px;
  min-width: 170px;
  position: absolute;
  text-align: left;
  z-index: 1000;

  top:67px;
  right: 0;
  overflow: hidden ;
  padding:10px;
}

@media (max-width: 768px) {
  .dropdown-menu {
    width: 90vw;
    right: -5%;
  }
}

.dropdown-menu  a{
display: flex;

}

[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;
  margin: 5px 20px 10px 20px;
}

.dropdown-menu [role="menuitem"] {
  color: #333;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  text-align: start;
  border-radius: 24px;
  color: var(--color-text-400);
  font-size: 14px;
}

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

.dropdown-menu [role="menuitem"][aria-selected="true"] .selected {
  visibility: visible;
  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;
}

.dropdown-menu [role="menuitem"][aria-selected="false"] .selected {
  visibility: hidden;
}

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

.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;
}

.dropdown-menu { 
  border-radius: 24px;
}

[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;
}


a { 
  text-decoration: none !important;
  color: inherit;
}

.item {
  flex: 1 1 0;
  width: 0;
}


 .home-banner {
  background-image: url(/hc/theming_assets/01K4CRG0RETEZBHR1XC3GXRYR0);
  background-color: var(--color-principal-900);
  background-size: contain;
  background-position: top left;
  background-repeat: no-repeat;
}

 .banner {
   background-image: url(/hc/theming_assets/01K4CRG0RETEZBHR1XC3GXRYR0);
  background-color: var(--color-principal-900);
}




.form-field input.empty-value[type="text"], .form-field input.empty-value, .form-field input.empty-value, .form-field .nesty-input.empty-value, .nesty-input.empty-value::after, .form-field .nesty-input.empty-value::after {
  color: var(--color-tons-de-cinza-400) !important;
}

ul[data-hc-pills-container][data-hc-focus=true] {
  border: 2px solid var(--color-principal-400) !important;
  border-radius: 8px;
}


ul[data-hc-pills-container][data-hc-focus=false] {
  border-radius: 8px;
}

.searchbox h2 { 
margin-bottom: 16px;
color: var(--Title-and-paragraph-Petroleum-Default, var(--color-text-200));
font-family: var(--Typography-Family-Roboto, Roboto);
font-size: var(--Typography-Size-8xLarge, 34px);
font-style: normal;
font-weight: 400;
line-height: var(--Typography-Line-height-40, 40px); /* 117.647% */
}

.zd-abm-feedback-yes svg, .zd-abm-feedback-no svg {
  margin: auto !important;
  margin-top: 4px !important;
}

#tickets-notifier{
  position: absolute!important;
  top: -8px!important;
  right: -8px!important;
  left: auto!important;
  transform: none!important;
  z-index: 1 !important;
  border-radius: 50% !important;
  background-color: red !important;
  padding-top: 2px;
  width: 20px;
  height: 20px;
  font-size: 14px;
  margin: auto;
  display: none;
  justify-content: center;
  align-items: center;
  color: white;
}

#result-search{
 display: flex;
height: 50px;
padding: var(--16, 16px);
align-items: center;
border-radius: var(--100, 100px);
border: 1px solid var(--Atom-Search-Stroke, #D2D2D3);
background: var(--Atom-Search-Background, #FFF); 
width: 90%;

background-image: url(/hc/theming_assets/01KH7GPAD994MK8DNJD8PM7GZT);
  background-repeat: no-repeat;
  background-position: right 20px center;
}



.z-bg-brand {
  background-color: var(--color-principal-400);
}

.z-text-brand {
  color: var(--color-principal-400);
}

.z-text-brand-700 {
  color: var(--color-principal-500);
}

.z-border-brand {
  border-color: var(--color-principal-400);
}

.z-border-brand{
  border-color: var(--color-principal-400);
}

.z-text-contrast {
  color: var(--color-text-contrast);
} 

.z-text-100 {
  color: var(--color-text-100);
}

.z-text-150 {
  color: var(--color-tons-de-cinza-400);
}

.z-text-200 {
  color: var(--color-text-200);
}

.z-text-300 {
  color: var(--color-text-300);
}

.z-text-400 {
  color: var(--color-text-400);
}

.z-link-color {
    color: var(--color-link) !important;

}

.z-text-green {
  color: #008561;
  font-weight: 500;
}

.z-bg {
  background-color: var(--color-background);
}


.pagination {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 32px 0 !important;
}

.pagination ul {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  flex-wrap: wrap !important;
}

/* All pagination links - unified styling */
.pagination li a {
  display: inline-flex !important;
  min-height: 74px !important;
  min-width: 140px !important;
  padding: 16px 24px !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  
  border-radius: 24px !important;
  border: 1px solid #EAEAEA !important;
  background: #FFFFFF !important;
  
  color: #008561 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
}

/* Hover effects */
.pagination li a:hover {
  background: #f8f9fa !important;
  border-color: #008561 !important;
  color: #008561 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 2px 8px rgba(0, 133, 97, 0.15) !important;
}

.pagination .pagination-next-icon,
.pagination .pagination-prev-icon,
.pagination .pagination-first-icon,
.pagination .pagination-last-icon {
  display: none !important;
}

.pagination .pagination-prev-text {
  font-weight: 600 !important;
  font-size: 16px !important;
  color: #008561 !important;
  position: relative !important;
  padding-left: 32px !important;
}

.pagination li a:has(.pagination-first-text),
.pagination li a:has(.pagination-last-text) {
  display: inline-flex !important;
  min-height: 74px !important;
  min-width: auto !important;
  padding: 16px 12px !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
}

.pagination .pagination-prev-text::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 24px !important;
  height: 24px !important;
  background-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.9999 11.0002H9.4099L12.7099 7.71019C12.8982 7.52188 13.004 7.26649 13.004 7.00019C13.004 6.73388 12.8982 6.47849 12.7099 6.29019C12.5216 6.10188 12.2662 5.99609 11.9999 5.99609C11.7336 5.99609 11.4782 6.10188 11.2899 6.29019L6.2899 11.2902C6.19886 11.3853 6.12749 11.4974 6.0799 11.6202C5.97988 11.8636 5.97988 12.1367 6.0799 12.3802C6.12749 12.5029 6.19886 12.6151 6.2899 12.7102L11.2899 17.7102C11.3829 17.8039 11.4935 17.8783 11.6153 17.9291C11.7372 17.9798 11.8679 18.006 11.9999 18.006C12.1319 18.006 12.2626 17.9798 12.3845 17.9291C12.5063 17.8783 12.6169 17.8039 12.7099 17.7102C12.8036 17.6172 12.878 17.5066 12.9288 17.3848C12.9796 17.2629 13.0057 17.1322 13.0057 17.0002C13.0057 16.8682 12.9796 16.7375 12.9288 16.6156C12.878 16.4937 12.8036 16.3831 12.7099 16.2902L9.4099 13.0002H16.9999C17.2651 13.0002 17.5195 12.8948 17.707 12.7073C17.8945 12.5198 17.9999 12.2654 17.9999 12.0002C17.9999 11.735 17.8945 11.4806 17.707 11.2931C17.5195 11.1055 17.2651 11.0002 16.9999 11.0002Z" fill="%23008561"/></svg>') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

.pagination .pagination-next-text {
  font-weight: 600 !important;
  font-size: 16px !important;
  color: #008561 !important;
  position: relative !important;
  padding-right: 32px !important;
}

.pagination .pagination-next-text::after {
  content: '' !important;
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 24px !important;
  height: 24px !important;
  background-image: url('data:image/svg+xml;charset=utf-8,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.0982 11.6202C18.0506 11.4974 17.9793 11.3853 17.8882 11.2902L12.8882 6.29019C12.795 6.19695 12.6843 6.12299 12.5625 6.07253C12.4407 6.02207 12.3101 5.99609 12.1782 5.99609C11.9119 5.99609 11.6565 6.10188 11.4682 6.29019C11.375 6.38342 11.301 6.49411 11.2506 6.61594C11.2001 6.73776 11.1741 6.86833 11.1741 7.00019C11.1741 7.26649 11.2799 7.52188 11.4682 7.71019L14.7682 11.0002H7.17822C6.91301 11.0002 6.65865 11.1055 6.47112 11.2931C6.28358 11.4806 6.17822 11.735 6.17822 12.0002C6.17822 12.2654 6.28358 12.5198 6.47112 12.7073C6.65865 12.8948 6.91301 13.0002 7.17822 13.0002H14.7682L11.4682 16.2902C11.3745 16.3831 11.3001 16.4937 11.2493 16.6156C11.1986 16.7375 11.1724 16.8682 11.1724 17.0002C11.1724 17.1322 11.1986 17.2629 11.2493 17.3848C11.3001 17.5066 11.3745 17.6172 11.4682 17.7102C11.5612 17.8039 11.6718 17.8783 11.7936 17.9291C11.9155 17.9798 12.0462 18.006 12.1782 18.006C12.3102 18.006 12.4409 17.9798 12.5628 17.9291C12.6847 17.8783 12.7953 17.8039 12.8882 17.7102L17.8882 12.7102C17.9793 12.6151 18.0506 12.5029 18.0982 12.3802C18.1982 12.1367 18.1982 11.8636 18.0982 11.6202Z" fill="%23008561"/></svg>') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

.pagination .pagination-first-text,
.pagination .pagination-last-text {
  font-weight: 600 !important;
  font-size: 0 !important;
  color: transparent !important;
  display: inline-block !important;
  visibility: visible !important;
}

.pagination .pagination-first-text {
  position: relative !important;
  padding-left: 24px !important;
  padding-right: 0 !important;
  display: inline-block !important;
  visibility: visible !important;
  width: 20px !important;
  height: 20px !important;
}

.pagination .pagination-first-text::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  transform: none !important;
  width: 20px !important;
  height: 20px !important;
  background-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.4599 8.28994C11.367 8.19621 11.2564 8.12182 11.1345 8.07105C11.0127 8.02028 10.882 7.99414 10.7499 7.99414C10.6179 7.99414 10.4872 8.02028 10.3654 8.07105C10.2435 8.12182 10.1329 8.19621 10.0399 8.28994L7.03994 11.2899C6.94621 11.3829 6.87182 11.4935 6.82105 11.6154C6.77028 11.7372 6.74414 11.8679 6.74414 11.9999C6.74414 12.132 6.77028 12.2627 6.82105 12.3845C6.87182 12.5064 6.94621 12.617 7.03994 12.7099L10.0399 15.7099C10.1329 15.8037 10.2435 15.8781 10.3654 15.9288C10.4872 15.9796 10.6179 16.0057 10.7499 16.0057C10.882 16.0057 11.0127 15.9796 11.1345 15.9288C11.2564 15.8781 11.367 15.8037 11.4599 15.7099C11.5537 15.617 11.6281 15.5064 11.6788 15.3845C11.7296 15.2627 11.7557 15.132 11.7557 14.9999C11.7557 14.8679 11.7296 14.7372 11.6788 14.6154C11.6281 14.4935 11.5537 14.3829 11.4599 14.2899L9.15994 11.9999L11.4599 9.70994C11.5537 9.61698 11.6281 9.50638 11.6788 9.38452C11.7296 9.26266 11.7557 9.13195 11.7557 8.99994C11.7557 8.86793 11.7296 8.73722 11.6788 8.61536C11.6281 8.4935 11.5537 8.3829 11.4599 8.28994ZM14.6599 11.9999L16.9999 9.70994C17.1882 9.52164 17.294 9.26624 17.294 8.99994C17.294 8.73364 17.1882 8.47824 16.9999 8.28994C16.8116 8.10164 16.5562 7.99585 16.2899 7.99585C16.0236 7.99585 15.7682 8.10164 15.5799 8.28994L12.5799 11.2899C12.4862 11.3829 12.4118 11.4935 12.361 11.6154C12.3103 11.7372 12.2841 11.8679 12.2841 11.9999C12.2841 12.132 12.3103 12.2627 12.361 12.3845C12.4118 12.5064 12.4862 12.617 12.5799 12.7099L15.5799 15.7099C15.6729 15.8037 15.7835 15.8781 15.9054 15.9288C16.0272 15.9796 16.1579 16.0057 16.2899 16.0057C16.422 16.0057 16.5527 15.9796 16.6745 15.9288C16.7964 15.8781 16.907 15.8037 16.9999 15.7099C17.0937 15.617 17.1681 15.5064 17.2188 15.3845C17.2696 15.2627 17.2957 15.132 17.2957 14.9999C17.2957 14.8679 17.2696 14.7372 17.2188 14.6154C17.1681 14.4935 17.0937 14.3829 16.9999 14.2899L14.6599 11.9999Z" fill="%23008561"/></svg>') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

.pagination .pagination-last-text {
  position: relative !important;
  padding-right: 24px !important;
  padding-left: 0 !important;
  display: inline-block !important;
  visibility: visible !important;
  width: 20px !important;
  height: 20px !important;
}

.pagination .pagination-last-text::after {
  content: '' !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  transform: none !important;
  width: 20px !important;
  height: 20px !important;
  background-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.4599 8.28978C8.2716 8.09617 8.01409 7.98529 7.74404 7.98154C7.47399 7.97779 7.21351 8.08147 7.0199 8.26978C6.82629 8.45808 6.71542 8.71558 6.71167 8.98564C6.70792 9.25569 6.8116 9.51617 6.9999 9.70978L9.3399 11.9998L6.9999 14.2898C6.90617 14.3827 6.83178 14.4933 6.78101 14.6152C6.73024 14.7371 6.7041 14.8678 6.7041 14.9998C6.7041 15.1318 6.73024 15.2625 6.78101 15.3844C6.83178 15.5062 6.90617 15.6168 6.9999 15.7098C7.09286 15.8035 7.20346 15.8779 7.32532 15.9287C7.44718 15.9794 7.57789 16.0056 7.7099 16.0056C7.84191 16.0056 7.97262 15.9794 8.09448 15.9287C8.21634 15.8779 8.32694 15.8035 8.4199 15.7098L11.4199 12.7098C11.5136 12.6168 11.588 12.5062 11.6388 12.3844C11.6896 12.2625 11.7157 12.1318 11.7157 11.9998C11.7157 11.8678 11.6896 11.7371 11.6388 11.6152C11.588 11.4933 11.5136 11.3827 11.4199 11.2898L8.4599 8.28978ZM16.9599 11.2898L13.9599 8.28978C13.7716 8.10147 13.5162 7.99569 13.2499 7.99569C12.9836 7.99569 12.7282 8.10147 12.5399 8.28978C12.3516 8.47808 12.2458 8.73348 12.2458 8.99978C12.2458 9.26608 12.3516 9.52147 12.5399 9.70978L14.8399 11.9998L12.5399 14.2898C12.4462 14.3827 12.3718 14.4933 12.321 14.6152C12.2702 14.7371 12.2441 14.8678 12.2441 14.9998C12.2441 15.1318 12.2702 15.2625 12.321 15.3844C12.3718 15.5062 12.4462 15.6168 12.5399 15.7098C12.6329 15.8035 12.7435 15.8779 12.8653 15.9287C12.9872 15.9794 13.1179 16.0056 13.2499 16.0056C13.3819 16.0056 13.5126 15.9794 13.6345 15.9287C13.7563 15.8779 13.8669 15.8035 13.9599 15.7098L16.9599 12.7098C17.0563 12.6195 17.1338 12.511 17.1881 12.3906C17.2423 12.2701 17.2721 12.1401 17.2759 12.0081C17.2796 11.8761 17.2571 11.7446 17.2097 11.6213C17.1624 11.498 17.0911 11.3854 16.9999 11.2898H16.9599Z" fill="%23008561"/></svg>') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

.pagination li a:hover .pagination-next-text,
.pagination li a:hover .pagination-prev-text,
.pagination li a:hover .pagination-first-text,
.pagination li a:hover .pagination-last-text {
  color: #008561 !important;
}

.pagination li a:hover .pagination-prev-text::before,
.pagination li a:hover .pagination-next-text::after,
.pagination li a:hover .pagination-first-text::before,
.pagination li a:hover .pagination-last-text::after {
  opacity: 0.8 !important;
}

@media (max-width: 768px) {
  .pagination {
    margin: 24px 0 !important;
  }
  
  .pagination ul {
    gap: 6px !important;
  }
  
  .pagination li a {
    min-height: 60px !important;
    min-width: 120px !important;
    padding: 12px 20px !important;
    font-size: 14px !important;
  }
  
  .pagination li a:has(.pagination-first-text),
  .pagination li a:has(.pagination-last-text) {
    min-height: 60px !important;
    min-width: auto !important;
    padding: 12px 10px !important;
  }
  
  .pagination .pagination-next-text,
  .pagination .pagination-prev-text,
  .pagination .pagination-first-text,
  .pagination .pagination-last-text {
    font-size: 14px !important;
  }
  
  .pagination .pagination-prev-text {
    padding-left: 28px !important;
  }
  
  .pagination .pagination-next-text {
    padding-right: 28px !important;
  }
  
  .pagination .pagination-first-text {
    padding-left: 20px !important;
    width: 20px !important;
    height: 20px !important;
  }
  
  .pagination .pagination-last-text {
    padding-right: 20px !important;
    width: 20px !important;
    height: 20px !important;
  }
  
  .pagination .pagination-prev-text::before,
  .pagination .pagination-next-text::after,
  .pagination .pagination-first-text::before,
  .pagination .pagination-last-text::after {
    width: 20px !important;
    height: 20px !important;
  }
}

@media (max-width: 480px) {
  .pagination ul {
    gap: 4px !important;
  }
  
  .pagination li a {
    min-height: 50px !important;
    min-width: 100px !important;
    padding: 10px 16px !important;
    font-size: 13px !important;
    border-radius: 16px !important;
  }
  
  .pagination li a:has(.pagination-first-text),
  .pagination li a:has(.pagination-last-text) {
    min-height: 50px !important;
    min-width: auto !important;
    padding: 10px 8px !important;
  }
  
  .pagination .pagination-next-text,
  .pagination .pagination-prev-text,
  .pagination .pagination-first-text,
  .pagination .pagination-last-text {
    font-size: 13px !important;
  }
  
  .pagination .pagination-prev-text {
    padding-left: 24px !important;
  }
  
  .pagination .pagination-next-text {
    padding-right: 24px !important;
  }
  
  .pagination .pagination-first-text {
    padding-left: 18px !important;
    width: 18px !important;
    height: 18px !important;
  }
  
  .pagination .pagination-last-text {
    padding-right: 18px !important;
    width: 18px !important;
    height: 18px !important;
  }
  
  .pagination .pagination-prev-text::before,
  .pagination .pagination-next-text::after,
  .pagination .pagination-first-text::before,
  .pagination .pagination-last-text::after {
    width: 18px !important;
    height: 18px !important;
  }
}
.block-and-highlights {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
  }

.light-border {
  border: 0.9px solid #EAEAEA !important;
}

.section-card-title {
  font-family: 'Roboto', sans-serif !important;
  color: var(--color-text-200) !important;
  font-size: 34px !important;
  line-height: 40px !important;
}

.category-card-container {
  color: red !important;
  font-family: 'Roboto', sans-serif !important;
}

.request-table-filter {
  padding: 8px 12px;
}

@media (max-width: 770px) {
  .request-table-filter {
    padding: 0px 0px;
  }

  .requests-table-toolbar .organization-subscribe button {
    margin-top: 0px;
  }
}

.request-table-filter button {
  cursor: pointer;
  border-radius: 24px;
  background-color: #F9F9F9;
  color: var(--color-text-100);
  margin-left: 10px;
}

.collapsible-nav-list span {
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 450;
  line-height: normal;
}

.lock-title {
  width: 100% !important;
  color: var(--color-text-400);
  line-height: 36px;
  font-size: 26px;
  margin-left: 8px;
  font-weight: 700;
}

.follow-btn {
  margin-top: 12px;
}

/* Segments Container */

.segments-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
  width: 100%;
}

.segments-container:has(:only-child) {
  .segment-card {
    max-width: 720px;
    margin: 0 auto;
  }
}

/* Segment Card Link */
.segment-card-link {
  text-decoration: none;
  flex-shrink: 0;
}



/* Segment Card */
.segment-card {
  display: flex;
  width: 100%;
  height: 260px;
  padding: 20px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 24px;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.segment-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

/* Segment Card Icon */
.segment-card-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 140px;
  margin-bottom: 12px;
}

.segment-card-icon img {
  height: 120px !important;
  width: 120px !important;
  object-fit: contain;
}

.segment-card-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  text-align: left;
}

.segment-card-title {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 600;
  font-size: 16px;
  color: var(--color-text-400);
  margin: 0;
  line-height: 1.4;
}

.segment-card-description {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400;
  font-size: 14px;
  color: var(--color-text-300);
  margin: 0;
  line-height: 1.4;
}

@media (max-width: 768px) {
  .segments-container {
    flex-direction: column;
    gap: 16px;
    padding: 4px 0;
  }
  
  .segment-card {
    width: 100%;
    max-width: 320px;
    height: 200px;
    padding: 16px;
    margin: 0 auto;
  }
  
  .segment-card-icon {
    height: 100px;
    margin-bottom: 8px;
  }
  
  .segment-card-icon img {
    height: 80px !important;
    width: 80px !important;
  }
  
  .segment-card-title {
    font-size: 14px;
  }
  
  .segment-card-description {
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  .segment-card {
    width: 100%;
    max-width: 280px;
    height: 180px;
    padding: 14px;
  }
  
  .segment-card-icon {
    height: 80px;
    margin-bottom: 6px;
  }
  
  .segment-card-icon img {
    height: 60px !important;
    width: 60px !important;
  }
  
  .segment-card-title {
    font-size: 13px;
  }
  
  .segment-card-description {
    font-size: 11px;
  }
}

.btn-padding {
  padding: 24px !important;
}

/**** Numbered Pagination ****/
.numbered-pagination {
  margin-top: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.numbered-pagination ul {
  display: flex;
  align-items: center;
}

.numbered-pagination ul a {
  min-width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: rgba(51, 51, 51, 1);
  border-radius: 999px;
}

.numbered-pagination ul .disabled {
  border: 1px solid lightgray;
  background-color: #f5f5f5;
}

.numbered-pagination ul li.current a {
  color: #008561;
}

.contributions_header_text {
  font-weight: 500 !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 14px;
}

.profile_header_text {
  font-weight: 500 !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 14px;
}

.no-wrap {
  white-space: nowrap;
}

.article-user-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 8px;
}

.article-user-container img {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  flex-shrink: 0;
}

.table-subcriptions-title {
  color: var(--color-text-400) !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 32px !important;
}

.table-subcriptions-cell {
  color: #444444 !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 28px !important;
}

.subscriptions-subscribe-menu-container {
  position: relative;
}

.subscribe-trigger {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .5rem .75rem;
  border-radius: 9999px;
  border: 1px solid #e5e7eb;
  background: #fff;
  font-weight: 500;
  cursor: pointer;
}

.subscribe-menu [data-dropdown] {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  min-width: 220px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
  overflow: hidden;
  z-index: 20;
}

.subscribe-menu [data-dropdown] a,
.subscribe-menu [data-dropdown] button {
  display: block;
  width: 100%;
  text-align: left;
  padding: 10px 14px;
  font-size: 14px;
  line-height: 1.3;
  background: #fff;
  border: 0;
}

.subscribe-menu [data-dropdown] a:hover,
.subscribe-menu [data-dropdown] button:hover {
  background: #f3f4f6;
}

.subscribe-menu [data-dropdown] .dropdown-title {
  padding: 10px 14px 6px;
  font-size: 12px;
  color: #6b7280;
  font-weight: 600;
}

.article-meta .meta-group li:first-child::after {
  content: none !important;
}

.article-meta .meta-group li:first-child {
  margin-right: 2px !important;
}

.article-flex-header {
  display: flex !important;
  align-items: start;
  gap: 32px !important;
  margin-top: 60px !important;
  justify-content: center;
  justify-content: space-between !important;
  flex-direction: column !important;
}

.article-body a {
  color: rgba(0, 133, 97, 1) !important;
  text-decoration: underline !important;
  cursor: pointer !important;
}

.article-body p {
  margin: 0 0 10px;
}

.comment-body p {
  color: var(--color-text-300);
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400 !important;
}

.comment-body {
  background-color: #F9F9F9;
  border-radius: 16px;
}

#article-votes-label {
  color: var(--color-text-400);
  font-weight: bold;
}

.comment-heading {
  color: var(--color-text-200);
  font-weight: 400 !important;
}

.vote-label-container { 
  margin-top: 24px;
  background-color: #fff;
  border-radius: 16px;
  display: flex !important;
  flex-direction: columnl !important;
  gap: 24px;
  align-items: center;
  padding: 16px 24px;
}


.section-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
  gap: 1rem;
  font-family: Roboto, sans-serif;
  color: var(--color-text-300); 
}

.section-card-title {
  font-family: Roboto, sans-serif;
  color: var(--color-text-300);
  text-align: center;
  margin-bottom: 12px;
}

.section-card-grid > * {
  width: auto;
  min-width: 0;
}
.search.search-full input[type="submit"] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

.pagination-container-helper {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin-top: 32px !important;
}

/* div[role="menuitemcheckbox"] {
  display: block;
  width: 100%;
  background: #fff;
  border-radius: 12px;
  padding: 10px 16px;
  margin: 8px 6px;
  box-shadow: 0 6px 16px rgba(0,0,0,.08);
  color: #111827;
  cursor: pointer;
  transition: box-shadow .15s ease, background .15s ease;
}

div[role="menuitemcheckbox"]:hover {
  box-shadow: 0 8px 20px rgba(0,0,0,.12);
  background: #fff;
}

div[role="menuitemcheckbox"]:first-child { margin-top: 4px; }
div[role="menuitemcheckbox"]:last-child  { margin-bottom: 4px; }

reach-portal:has([role="menuitemcheckbox"]) [role="menu"] { 
  background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important;
}
reach-portal:has([role="menuitemcheckbox"]) [role="menuitemcheckbox"] {
  display: block; background: #fff !important; color: #111827 !important;
  border-radius: 12px !important; padding: 10px 16px !important;
  margin: 8px 6px !important; box-shadow: 0 6px 16px rgba(0,0,0,.08) !important; cursor: pointer;
} */

.subscriber-cell-table {
  color: var(--color-text-300) !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 20px !important;
}

.subscriber-cell-table button {
  cursor: pointer;
}
.subscriptions-table td {
  color: #444444;
}

.sr-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 12px;
}


.article-button {
  padding-right: 40px;
  background-image: url(/hc/theming_assets/01KH7GPAAGKX7VZ5FZ1WK512TF) !important;
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 24px !important;
}



@media (min-width: 767px) {
  .activity-card-info {
    display: none;
  }
}
 @media (max-width: 767px) {
.my-activities-table tr , .contributions-table tr{
    padding: 10px !important;
    border-radius: 16px!important;
    margin: 10px 0px;
    border: 1px solid var(--color-gray-200);
  }

  .my-activities-table td , .contributions-table td{
    border: 0;
  }
}

#result-search {
  color: var(--color-text-400);
}

.z-bg-card, .z-bg-card-hover {
  background-color: #F9F9F9 !important;
}

.z-bg-card-hover:hover {
  background-color: #ececec !important;
}

    /* ===== GLOBAL — todos os artigos ===================================== */

    /* Responsiva; height:auto SEM !important p/ não anular o height inline (mockups). */
    .article-body img {
      max-width: 100% !important;
      height: auto;
    }

    /* Alinhamento herdado da origem via classe (o Zendesk remove display/float/margin
       inline). !important vence o `.article-content img { display:inline !important }` do tema. */
    /* Blocos (fr-dib): sem float, texto sempre abaixo. */
    .article-body img.img-center {
      display: block !important;
      margin: 8px auto !important;
    }
    .article-body img.img-block-left {
      display: block !important;
      margin: 8px auto 8px 0 !important;
    }
    .article-body img.img-block-right {
      display: block !important;
      margin: 8px 0 8px auto !important;
    }
    /* Inline (fr-dii): float real, texto envolve ao lado. */
    .article-body img.img-left {
      float: left !important;
      margin: 4px 16px 8px 0 !important;
    }
    .article-body img.img-right {
      float: right !important;
      margin: 4px 0 8px 16px !important;
    }

    /* Placeholder "vazio" do tema em seções sem artigos diretos. */
    .section-empty {
      display: none !important;
    }

    /* Seção nativa de relacionados no rodapé (container agrupa recent/related). */
    .article-relatives,
    .recent-articles,
    .related-articles,
    #related-articles {
      display: none !important;
    }
    /* Título "Confira os outros artigos" — <p> solto sem classe própria, logo
       antes de #related-articles; oculta pela relação de vizinhança. */
    p:has(+ #related-articles) {
      display: none !important;
    }

    /* Remove o card cinza em volta do corpo. */
    .article-content {
      background: transparent !important;
      border: 0 !important;
      box-shadow: none !important;
      border-radius: 0 !important;
      padding: 0 !important;
    }

    /* Oculta botão "Seguir" e bloco de autor. */
    .follow-btn,
    .article-author,
    .article-avatar,
    .article-meta {
      display: none !important;
    }

    /* Título alinhado à margem do corpo/breadcrumbs. */
    .article-flex-header {
      display: block !important;
      margin: 0 !important;
      padding: 0 !important;
      border: 0 !important;
    }
    .article-flex-header > div {
      width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
    }
    #main-article-title {
      margin: 0 !important;
      padding: 0 !important;
    }

    /* ===== PONTOTEL — escopo .pt-article ================================= */

    /* Separador superior + ritmo vertical. */
    .article-body .pt-article {
      border-top: 1px solid #e6e8eb;
      margin-top: 28px;
      padding-top: 40px;
      padding-bottom: 40px;
    }
    /* Linha divisória no fim da página. */
    .article-body .pt-article::after {
      content: "";
      display: block;
      border-top: 1px solid #e6e8eb;
      margin-top: 40px;
    }
    .article-body .pt-article p {
      margin: 0 0 16px !important;
      line-height: 1.6 !important;
    }
    .article-body .pt-article h2,
    .article-body .pt-article h3,
    .article-body .pt-article h4,
    .article-body .pt-article h5,
    .article-body .pt-article h6 {
      margin: 28px 0 12px !important;
      line-height: 1.4 !important;
    }
    .article-body .pt-article ul li {
      margin: 4px 0;
      line-height: 1.6;
    }

    /* Bullets — #1B2434 (identidade Sankhya, marcadores). */
    .article-body .pt-article ul {
      list-style: none !important;
      margin: 8px 0 24px !important;
      padding-left: 22px !important;
    }
    .article-body .pt-article ul li {
      position: relative;
      list-style: none !important;
    }
    .article-body .pt-article ul li::before {
      content: "";
      position: absolute;
      left: -16px;
      top: 0.7em;
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: #1B2434;
    }

    /* Links de destaque — #008561 (identidade Sankhya, links). */
    .article-body .pt-article a,
    .article-body .pt-article a:visited {
      color: #008561 !important;
      text-decoration: underline;
    }

    /* Separadores <hr>. */
    .article-body .pt-article hr {
      border: 0;
      border-top: 1px solid #e6e8eb;
      margin: 40px 0;
    }

    /* Listas ordenadas: número em círculo verde (identidade Sankhya); vale p/ todo <ol>. */
    .article-body .pt-article ol {
      list-style: none !important;
      counter-reset: pt-ol;
      margin: 8px 0 24px !important;
      padding-left: 34px !important;
    }
    .article-body .pt-article ol > li {
      counter-increment: pt-ol;
      position: relative;
      margin: 6px 0;
      line-height: 1.6;
    }
    .article-body .pt-article ol > li::before {
      content: counter(pt-ol);
      position: absolute;
      left: -34px;
      top: 0.15em;
      width: 22px;
      height: 22px;
      border-radius: 50%;
      background: #66CC66;
      color: #fff;
      font-size: 12px;
      font-weight: 700;
      line-height: 22px;
      text-align: center;
    }
    /* Lista retomada após um bloco não-lista (ex.: callout) recomeça o counter
       do zero visualmente; o Zendesk remove o counter-reset inline do <ol>,
       então o pipeline numera cada <li> via value= (atributo HTML, sobrevive
       à sanitização) e o CSS usa esse valor em vez do counter. */
    .article-body .pt-article ol > li[value]::before {
      content: attr(value);
    }

    /* Balão a partir de ||/||| na origem: || = Dica, ||| = Atenção — ambos verde identidade Sankhya. */
    .article-body .pt-article blockquote.pt-callout {
      border: 0;
      border-left: 5px solid;
      border-radius: 5px;
      padding: 14px 22px;
      margin: 24px 0;
      color: #1B2434;
      font-size: 14px;
    }
    .article-body .pt-article blockquote.pt-callout-dica {
      background: #eaf7ea;
      border-left-color: #66CC66;
    }
    .article-body .pt-article blockquote.pt-callout-atencao {
      background: #eaf7ea;
      border-left-color: #66CC66;
    }
    .article-body .pt-article blockquote.pt-callout-importante {
      background: #eaf7ea;
      border-left-color: #66CC66;
    }
    .article-body .pt-article blockquote.pt-callout p {
      margin: 0 !important;
      font-size: 14px !important;
    }

    /* Imagens em <figure class="pt-figure"> (pipeline): centraliza pelo wrapper. */
    .article-body .pt-article figure.pt-figure {
      margin: 24px 0;
      text-align: center;
    }
    .article-body .pt-article figure.pt-figure img {
      display: inline-block !important;
      margin: 0 !important;
      max-width: 100%;
      height: auto;
    }
    .article-body .pt-article figure.pt-figure figcaption {
      text-align: center;
      font-size: 15px;
      font-weight: 600;
      color: #37516c;
      margin-top: 14px;
    }
    /* Fallback: <img> solta também centraliza. */
    .article-body .pt-article > p > img,
    .article-body .pt-article img {
      display: block;
      margin: 24px auto;
    }

    /* ===== ESPRESSO (Benefícios/Despesas) — escopo .esp-article ========== */

    .article-body .esp-article p {
      line-height: 1.6 !important;
      margin: 0 0 14px !important;
    }

    /* <hr> da origem não deve virar linha escura — mantém só o respiro. */
    .article-body .esp-article hr {
      border: 0 !important;
      height: 0;
      margin: 16px 0;
    }

    /* Espaçamento de lista: zera a margem do <p> interno (Freshdesk usa <li><p>). */
    .article-body .esp-article ul,
    .article-body .esp-article ol {
      margin: 8px 0 16px !important;
      padding-left: 24px !important;
    }
    .article-body .esp-article li {
      margin: 4px 0 !important;
      line-height: 1.6 !important;
    }
    .article-body .esp-article li p {
      margin: 0 !important;
    }

    /* Títulos/subtítulos: escala compacta de KB. */
    .article-body .esp-article h2 {
      font-size: 20px !important;
      line-height: 1.4 !important;
      margin: 28px 0 10px !important;
    }
    .article-body .esp-article h3 {
      font-size: 17px !important;
      line-height: 1.4 !important;
      margin: 22px 0 8px !important;
    }
    .article-body .esp-article h4,
    .article-body .esp-article h5,
    .article-body .esp-article h6 {
      font-size: 15px !important;
      line-height: 1.4 !important;
      margin: 18px 0 6px !important;
    }

    /* Imagens: largura da origem (pipeline) + responsividade. Alinhamento vem das classes GLOBAL. */
    .article-body .esp-article img {
      max-width: 100% !important;
      height: auto;
    }

    /* Vídeo do YouTube (placeholder ${youtube}) — responsivo 16:9. */
    .article-body .pt-article .pt-video {
      position: relative;
      width: 100%;
      max-width: 720px;
      margin: 24px auto;
      aspect-ratio: 16 / 9;
    }
    .article-body .pt-article .pt-video iframe {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      border: 0;
      border-radius: 8px;
    }

    /* ===== PLOOMES — escopo .ploomes-article ============================= */
    .article-body .ploomes-article,
    .article-body .ploomes-article p,
    .article-body .ploomes-article li,
    .article-body .ploomes-article td,
    .article-body .ploomes-article th {
      font-size: 15px !important;
      line-height: 1.6 !important;
    }
    /* Screenshots do Intercom vêm em resolução retina (900-3800px); sem teto
       ficam maiores que a coluna de conteúdo da referência. */
    .article-body .ploomes-article img {
      max-width: 100% !important;
      height: auto !important;
    }
    .article-body .ploomes-article .intercom-container {
      max-width: 700px;
      margin: 12px auto;
    }
    .article-body .ploomes-article .intercom-container img {
      display: block;
      margin: 0 auto;
    }
    .article-body .ploomes-article .intercom-interblocks-callout {
      background: #fdf6d8;
      border-radius: 8px;
      padding: 12px 16px;
      margin: 16px 0;
    }
    .article-body .ploomes-article .intercom-interblocks-callout p {
      margin: 0 !important;
    }
    /* Listas ordenadas: número em círculo verde (identidade Sankhya), como no Pontotel. */
    .article-body .ploomes-article ol {
      list-style: none !important;
      counter-reset: ploomes-ol;
      margin: 8px 0 24px !important;
      padding-left: 34px !important;
    }
    .article-body .ploomes-article ol > li {
      counter-increment: ploomes-ol;
      position: relative;
      margin: 6px 0;
      line-height: 1.6;
    }
    .article-body .ploomes-article ol > li::before {
      content: counter(ploomes-ol);
      position: absolute;
      left: -34px;
      top: 0.15em;
      width: 22px;
      height: 22px;
      border-radius: 50%;
      background: #66CC66;
      color: #fff;
      font-size: 12px;
      font-weight: 700;
      line-height: 22px;
      text-align: center;
    }
    .article-body .ploomes-article ol > li[value]::before {
      content: attr(value);
    }

    /* ===== ASIS — escopo .asis-article =================================== */
    /* Corpo idêntico à origem (Zendesk); só forçamos 15px/1.6 (tema usa 14px). */
    .article-body .asis-article,
    .article-body .asis-article p,
    .article-body .asis-article li,
    .article-body .asis-article td,
    .article-body .asis-article th {
      font-size: 15px !important;
      line-height: 1.6 !important;
    }
    /* Só responsividade — NÃO centraliza (respeita o alinhamento da origem).
       vertical-align:middle alinha os ícones inline (ex.: "clique no ícone [x]")
       ao meio da linha, evitando que pareçam soltos numa linha própria. */
    .article-body .asis-article img {
      max-width: 100% !important;
      height: auto !important;
      vertical-align: middle;
    }
    /* Aviso "Atenção" (linha que começa com ⚠️ na origem) — o pipeline marca o
       <li>/<p> com .asis-aviso; aqui vira um callout verde identidade Sankhya. */
    .article-body .asis-article .asis-aviso {
      display: block;
      background: #eaf7ea;
      border-left: 4px solid #66CC66;
      border-radius: 4px;
      padding: 10px 14px;
      margin: 10px 0;
    }

    /* Título "Anexos" acima do bloco de anexos, igual à origem. Escopado ao ASIS
       via :has(.asis-article) e só quando HÁ anexo (:has(.attachment-item)) — o
       container .article-attachments existe mesmo vazio, senão o rótulo apareceria
       em todo artigo. Não afeta outros produtos. */
    .article-content:has(.asis-article) .article-attachments:has(.attachment-item)::before {
      content: "Anexos";
      display: block;
      font-weight: 700;
      font-size: 18px;
      margin: 0 0 12px;
      color: #1B2434;
    }

    /* ===== NEPPO — escopo .neppo-article ================================= */
    /* Fonte 15px/1.6 (tema base usa 14px, ficava pequeno demais no Confluence). */
    .article-body .neppo-article,
    .article-body .neppo-article p,
    .article-body .neppo-article li,
    .article-body .neppo-article td,
    .article-body .neppo-article th {
      font-size: 15px !important;
      line-height: 1.6 !important;
    }
    /* Ritmo vertical — o Storage Format do Confluence não traz nenhuma margem
       entre bloco (ex.: </table><p>...</p><img><p>...>), tudo fica colado. */
    .article-body .neppo-article p,
    .article-body .neppo-article ul,
    .article-body .neppo-article ol,
    .article-body .neppo-article table,
    .article-body .neppo-article .neppo-panel,
    .article-body .neppo-article pre {
      margin: 0 0 16px !important;
    }
    .article-body .neppo-article h2,
    .article-body .neppo-article h3,
    .article-body .neppo-article h4,
    .article-body .neppo-article h5,
    .article-body .neppo-article h6 {
      margin: 28px 0 12px !important;
    }
    .article-body .neppo-article img {
      display: block;
      margin: 16px 0;
      max-width: 100%;
      height: auto;
    }
    .article-body .neppo-article table {
      border-collapse: collapse;
      width: 100%;
    }
    .article-body .neppo-article table td,
    .article-body .neppo-article table th {
      border: 1px solid #d8dce1;
      padding: 8px 12px;
    }

    /* Link para o vídeo na documentação de origem (Zendesk não hospeda >20 MB). */
    .article-body .neppo-video-link {
      margin: 16px 0;
    }
    .article-body .neppo-video-link a {
      display: inline-block;
      padding: 10px 16px;
      background: #e7f0fd;
      border: 1px solid #2684ff;
      border-radius: 6px;
      color: #0052cc;
      font-weight: 600;
      text-decoration: none;
    }

    /* Vídeo embutido (YouTube/Vimeo) — responsivo 16:9. */
    .article-body .neppo-video-embed {
      position: relative;
      width: 100%;
      max-width: 720px;
      margin: 20px auto;
      aspect-ratio: 16 / 9;
    }
    .article-body .neppo-video-embed iframe {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      border: 0;
      border-radius: 8px;
    }

    /* ===== NEPPO — painéis do Confluence (info/note/warning/tip) ========== */
    .article-body .neppo-panel {
      border-left: 4px solid;
      border-radius: 4px;
      padding: 10px 14px;
      margin: 12px 0;
    }
    .article-body .neppo-panel p:last-child { margin-bottom: 0; }
    .article-body .neppo-panel-note    { background: #fff4e1; border-left-color: #ffab00; }
    .article-body .neppo-panel-info    { background: #e7f0fd; border-left-color: #2684ff; }
    .article-body .neppo-panel-warning { background: #ffece8; border-left-color: #de350b; }
    .article-body .neppo-panel-tip     { background: #e3fcef; border-left-color: #36b37e; }