@import "https://cdn.jsdelivr.net/npm/normalize.css@8.0.1/normalize.css";

:root {
  --color-bg: rgba(255, 255, 255, 1);
  --color-bg-secondary: rgba(246, 246, 246, 1);
  --color-bg-tertiary: #ddd;
  --color-bg-cta: rgba(255, 255, 255, 1);

  --color-text-primary: rgba(40, 47, 72, 1);
  --color-text-secondary: rgba(43, 98, 123, 1);
  --color-border: rgba(181, 181, 181, 1);
  --color-link: rgba(34, 34, 34, 1);
  --color-link-hover: rgba(233, 76, 44, 1);
  --color-info: rgba(255, 252, 243, 1);
  --color-warning: rgba(253, 242, 243, 1);
  --color-danger: rgba(227, 244, 249, 1);
  --color-success: rgba(0, 0, 0, 0);

  --color-ui-danger-text: #b42318;
  --color-ui-danger-bg: #fef3f2;
  --color-service-warning: #f79009;

  --color-brand-primary: rgba(233, 76, 44, 1);
  --color-brand-primary-inverse: rgba(255, 255, 255, 1);
  --color-brand-primary-hover: #cd3415;
  --color-brand-primary-pressed: #b62e13;

  --link-decoration-hover: none;

  --button-color-primary: var(--color-brand-primary);
  --button-color-primary-text: var(--color-brand-primary-inverse);

  --button-color-secondary: rgba(43, 98, 123, 1);
  --button-color-tertiary: #393B3F;

  --button-font-weight: var(--font-weight-bold);
  --block-bg: rgba(255, 255, 255, 1);
  --block-text-color: rgba(34, 34, 34, 1);

  --input-color-border: rgba(181, 181, 181, 1);
  --input-color-border-hover: #626262;
  --input-color-border-focus: #626262;

  --font-body-scale: 1;
  --font-size-base: 14px;
  --font-family-body: 'Lato', sans-serif;
  --font-family-heading: 'Lato', sans-serif;
  --font-weight-bold: 700;
  --font-weight-heading: 700;

  --text-xxs: calc(0.625rem * var(--font-body-scale));
  --text-xs: calc(0.75rem * var(--font-body-scale));
  --text-sm: calc(0.875rem * var(--font-body-scale));
  --text-base: calc(1rem * var(--font-body-scale));
  --text-lg: calc(1.125rem * var(--font-body-scale));
  --text-xl: calc(1.25rem * var(--font-body-scale));
  --text-2xl: calc(1.5rem * var(--font-body-scale));
  --text-3xl: calc(1.875rem * var(--font-body-scale));
  --text-4xl: calc(2.25rem * var(--font-body-scale));
  --text-5xl: calc(3rem * var(--font-body-scale));

	--font-size-h1: var(--text-3xl);
	--font-size-h2: var(--text-3xl);
	--font-size-h3: var(--text-2xl);
	--font-size-h4: var(--text-xl);
  --font-size-h5: var(--text-xl);
  --font-size-h6: var(--text-lg);

  --line-height-body: 1.5;
  --line-height-heading: 1.2;

  --text-margin-bottom: 2rem;

  --grid-gutter-width: 1rem;

  --padding-base-horizontal: 12px;
  --topbar-bg: #fff;
  --topbar-color-text: rgba(98, 98, 98, 1);
  --topbar-color-text-hover: rgba(98, 98, 98, 1);
  --topbar-logo-height: 55px;
  --topbar-font-weight: var(--font-weight-bold);

  --footer-bg: rgba(255, 255, 255, 1);
  --footer-color-text: rgba(98, 98, 98, 1);
  --footer-color-link: rgba(98, 98, 98, 1);

  --hero-bg: rgba(43, 98, 123, 1);
  --hero-bg-mask: rgba(27, 62, 78, 0.99);
  --hero-color-text: rgba(255, 255, 255, 1);
  --hero-image-url: url(/hc/theming_assets/01JJS4J50HQAHS3E9GKZHBKKV3);

  --custom-block-icon-size: 80px;
  --custom-block-icon-color: rgba(233, 76, 44, 1);

  --contact-box-icon-size: 32px;
  --article-box-icon-size: $article_boxes_icon_size;

  --card-padding: 2rem;

  --border-width: 1px;

  --info-callout-color: rgba(255, 252, 243, 1);
  --warning-callout-color: rgba(253, 242, 243, 1);
  --danger-callout-color: rgba(227, 244, 249, 1);
  --success-callout-color: rgba(0, 0, 0, 0);

  --border-radius-base-min: 4px;
  --border-radius-base-max: 48px;
  --border-radius-base: min(
    var(--border-radius-base-min),
    var(--border-radius-base-max)
  );

  --border-radius-lg-min: 16px;
  --border-radius-lg-max: 48px;
  --border-radius-lg: min(
    var(--border-radius-lg-min),
    var(--border-radius-lg-max)
  );

  --border-radius-pill: calc(4px * 50);
  --border-radius-menu-max: 24px;
  --border-radius-menu-item-max: 8px;

  --border-radius-input-max: 16px;

  --form-pill-bg: #d6d6d6;
  --form-pill-text: #1c1c1c;

  --lt-accordion-border: rgba(181, 181, 181, 1);
  --lt-accordion-padding-vertical: 1rem;
  --lt-accordion-padding-horizontal: 1.5rem;

  --rte-bullet-color: #818a91;
  --code-bg: #f7f7f9;

  --duration-short: 100ms;
  --duration-default: 200ms;
  --duration-long: 500ms;
  --duration-extra-long: 800ms;

  --animate-duration: 1.5s;
  --animate-delay: 1s;
  --animate-repeat: 1;
  --ease-out-slow: cubic-bezier(0, 0, 0.3, 1);

  --animation-slide-in: slideIn var(--duration-long) var(--ease-out-slow)
    forwards;
  --animation-fade-in: fadeIn var(--duration-long) var(--ease-out-slow);
}
@media (max-width: 767px) {
  :root {
    --font-body-scale: 0.875;
  }
}
/* Reset the box-sizing */
*,
*:before,
*:after {
  box-sizing: border-box;
}

*:focus-visible {
  outline-offset: 5px;
}
@media (prefers-reduced-motion: reduce) {
  *,
  *:before,
  *:after {
    transition-duration: 0.01ms !important;
    -webkit-animation-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}
@media (prefers-reduced-motion: no-preference) {
  :focus {
    outline-offset: 5px;
    transition: outline-offset 0.25s ease;
  }
}

html,
body {
  height: 100%;
}
/* Body reset */
html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: var(--font-family-body);
  font-size: var(--text-base);
  line-height: var(--line-height-body);
  color: var(--color-text-primary);
  background-color: var(--color-bg);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
/* Reset fonts for relevant elements */
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
/* Links */
a {
  color: var(--color-link);
  text-decoration: none;
}
#link_to_other_HC a {
  color: var(--color-link);
  text-decoration: underline;
}

a:hover,
a:focus {
  color: var(--color-link-hover);
  -webkit-text-decoration: var(--link-decoration-hover);
  text-decoration: var(--link-decoration-hover);
}
#link_to_other_HC a:hover,
a:focus {
  color: var(--color-link-hover);
  -webkit-text-decoration: var(--link-decoration-hover);
  text-decoration: var(--link-decoration-hover);
}

figure {
  margin: 0;
}

.image-with-lightbox img {
  max-width: 100%;
  height: auto;
  vertical-align: left;
  border: 1px solid #000000;
}

.image-with-lightbox2 img {
  max-width: 100%;
  height: auto;
  vertical-align: left;
}

hr {
  border-top: var(--border-width) solid var(--color-border);
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: -0.025em;
  word-break: break-word;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
p {
  margin: 0 0 var(--text-margin-bottom);
}

h1,
.h1 {
  font-size: var(--font-size-h1);
}
@media only screen and (min-width: 768px) {
  h1,
  .h1 {
    font-size: var(--font-size-h1);
  }
}

h2,
.h2 {
  font-size: var(--font-size-h2);
  margin-top: 10px;
}
@media only screen and (min-width: 768px) {
  h2,
  .h2 {
    font-size: var(--font-size-h2);
  }
}

h3,
.h3 article {
  font-size: var(--font-size-h3);
}
@media only screen and (min-width: 768px) {
  h3,
  .h3 {
    font-size: var(--font-size-h3);
  }
}

h4,
.h4 {
  font-size: var(--font-size-h4);
}
@media only screen and (min-width: 768px) {
  h4,
  .h4 {
    font-size: var(--font-size-h4);
  }
}

h5,
.h5 {
  font-size: var(--font-size-h5);
}
@media only screen and (min-width: 768px) {
  h5,
  .h5 {
    font-size: var(--font-size-h5);
  }
}

h6,
.h6 {
  font-size: var(--font-size-h6);
  text-transform: uppercase;
}

b,
strong {
  font-weight: bold;
}

small,
.small {
  font-size: 80%;
  font-weight: normal;
  line-height: 1;
}
/* Description Lists */
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

dt,
dd {
  margin-bottom: 1rem;
  line-height: var(--line-height-body);
}

dt {
  font-weight: var(--font-weight-bold);
}

[dir="ltr"] dd {
  margin-left: 0;
}

[dir="rtl"] dd {
  margin-right: 0;
}

.dl-horizontal:before,
.dl-horizontal:after {
  display: table;
  content: "";
}

.dl-horizontal:after {
  clear: both;
}
@media (min-width: 576px) {
  .dl-horizontal dt {
    float: left;
    width: 30%;
    padding-right: var(--grid-gutter-width);
    clear: both;
  }
}

.dl-horizontal dt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 576px) {
  .dl-horizontal dd {
    float: right;
    width: 70%;
  }
}
/* Blockquotes */
blockquote {
  padding: 1rem 1.5rem;
  margin: 0 0 1.5rem;
  font-family: var(--font-family-body);
  font-style: italic;
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}

[dir="ltr"] blockquote {
  border-left: 5px solid #525C66;
  background-color: #EFF2F6
}

[dir="rtl"] blockquote {
  border-right: 5px solid #525C66;
  background-color: #EFF2F6
}
/*  Addresses */
address {
  margin-bottom: 1.5rem;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.is-hidden,
.hidden,
[hidden],
[x-cloak],
.powered-by-zendesk {
  display: none !important;
}

.visibility-hidden,
.recent-activity-accessibility-label,
.pagination-first-text,
.pagination-last-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
}
@media (prefers-reduced-motion: no-preference) {
  .animate-on-scroll.animate--fade-in,
  .animate-on-scroll.animate--slide-in {
    opacity: 0.01;
  }

  .animate-on-scroll.animate--slide-in {
    transform: translateY(2rem);
  }

  .animate-on-scroll:not(.animate-on-scroll--offscreen).animate--fade-in {
    opacity: 1;
    -webkit-animation: var(--animation-fade-in);
    animation: var(--animation-fade-in);
  }

  .animate-on-scroll:not(.animate-on-scroll--offscreen).animate--slide-in {
    -webkit-animation: var(--animation-slide-in);
    animation: var(--animation-slide-in);
    -webkit-animation-delay: calc(var(--animation-order) * 75ms);
    animation-delay: calc(var(--animation-order) * 75ms);
  }

  .animate-on-scroll:not(.animate-on-scroll--offscreen).animate-on-scroll--cancel {
    opacity: 1;
    transition: none;
    -webkit-animation: none;
    animation: none;
  }
}
@-webkit-keyframes slideIn {
  from {
    opacity: 0.01;
    transform: translateY(3rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideIn {
  from {
    opacity: 0.01;
    transform: translateY(3rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0.01;
  }

  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0.01;
  }

  to {
    opacity: 1;
  }
}

.lt-flow > * {
  margin-bottom: 0;
}

.lt-flow > *:not([hidden]) + *:not([hidden]) {
  margin-top: var(--flow-space, 1rem);
}

.lt-icon {
  position: relative;
  display: inline-flex;
  width: 1rem;
  line-height: 1;
  flex-shrink: 0;
}

summary {
  position: relative;
  list-style: none;
  cursor: pointer;
}

summary::-webkit-details-marker {
  display: none;
}

details-accordion {
  display: block;
}
/* Some overrides for default extension styles */
.lt-toc_is-mobile .lt-toc--container {
  border-color: var(--color-border) !important;
  border-width: var(--border-width) !important;
  border-radius: var(--border-radius-base) !important;
}

.lt-toc_is-mobile .lt-toc--current {
  font-weight: var(--font-weight-bold) !important;
}

[dir="ltr"] .lt-toc_is-mobile .lt-toc--current {
  padding: 1rem 2.5rem 1rem 1rem !important;
}

[dir="rtl"] .lt-toc_is-mobile .lt-toc--current {
  padding: 1rem 1rem 1rem 2.5rem !important;
}

[dir="ltr"] .lt-toc_is-mobile .lt-toc--current:after,
[dir="ltr"] .lt-toc_is-mobile .lt-toc--current:before {
  right: 2rem !important;
}

[dir="rtl"] .lt-toc_is-mobile .lt-toc--current:after,
[dir="rtl"] .lt-toc_is-mobile .lt-toc--current:before {
  left: 2rem !important;
}


/* Layout */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
/* 
Normalize non-controls

Restyle and baseline non-control form elements. 
*/
fieldset {
  /*  
  Chrome and Firefox set a `min-width: min-content;` on fieldsets, 
  so we reset that to ensure it behaves more like a standard block element
  See https:github.com/twbs/bootstrap/issues/12359. 
  */
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 0.5rem;
  font-weight: var(--font-weight-bold);
}
/* 
 Normalize form controls

 While most of our form styles require extra classes, some basic normalization
 is required to ensure optimum display with or without those classes to better
 address browser inconsistencies. 
*/
/*  Override content-box in Normalize (* isn't specific enough) */
input[type="search"] {
  box-sizing: border-box;
}
/*  Position radios and checkboxes better */
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
/*  Set the height of file controls to match text inputs */
input[type="file"] {
  display: block;
}
/*  Make range inputs behave like textual form controls */
input[type="range"] {
  display: block;
  width: 100%;
}
/*  Make multiple select elements height not fixed */
select[multiple],
select[size] {
  height: auto;
}
/*  Adjust output element */
output {
  display: block;
  padding-top: 0.5rem;
  font-size: var(--text-base);
  line-height: var(--line-height-body);
  color: var(--color-text-secondary);
}
/* 
 Common form controls

 Shared size and type resets for form controls. Apply `.form-control` to any
 of the following form controls:
 
*/
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.nesty-input {
  display: block;
  width: 100%;
  height: auto;
  padding: 0.75rem 1rem;
  font-size: var(--text-base);
  line-height: var(--line-height-body);
  color: var(--color-text-primary);
  background-color: var(--color-bg);
  background-image: none;
  /*  Reset unusual Firefox-on-Android default style; see https:github.com/necolas/normalize.css/issues/214 */
  border: var(--border-width) solid var(--input-color-border);
  border-radius: var(--border-radius-base);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
/*  Customize the `:focus` state to imitate native WebKit styles. */
select:focus,
select:focus:hover,
textarea:focus,
textarea:focus:hover,
input[type="text"]:focus,
input[type="text"]:focus:hover,
input[type="password"]:focus,
input[type="password"]:focus:hover,
input[type="datetime"]:focus,
input[type="datetime"]:focus:hover,
input[type="datetime-local"]:focus,
input[type="datetime-local"]:focus:hover,
input[type="date"]:focus,
input[type="date"]:focus:hover,
input[type="month"]:focus,
input[type="month"]:focus:hover,
input[type="time"]:focus,
input[type="time"]:focus:hover,
input[type="week"]:focus,
input[type="week"]:focus:hover,
input[type="number"]:focus,
input[type="number"]:focus:hover,
input[type="email"]:focus,
input[type="email"]:focus:hover,
input[type="url"]:focus,
input[type="url"]:focus:hover,
input[type="search"]:focus,
input[type="search"]:focus:hover,
input[type="tel"]:focus,
input[type="tel"]:focus:hover,
input[type="color"]:focus,
input[type="color"]:focus:hover,
.nesty-input:focus,
.nesty-input:focus:hover {
  border-color: var(--input-color-border-focus);
  outline: 0;
}

select:hover,
textarea:hover,
input[type="text"]:hover,
input[type="password"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="date"]:hover,
input[type="month"]:hover,
input[type="time"]:hover,
input[type="week"]:hover,
input[type="number"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="color"]:hover,
.nesty-input:hover {
  border-color: var(--input-color-border-hover);
}
/*  Placeholder */
select::-moz-placeholder,
textarea::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="datetime"]::-moz-placeholder,
input[type="datetime-local"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="month"]::-moz-placeholder,
input[type="time"]::-moz-placeholder,
input[type="week"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="color"]::-moz-placeholder,
.nesty-input::-moz-placeholder {
  color: var(--color-text-primary);
  opacity: 0.85;
}

select:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="color"]:-ms-input-placeholder,
.nesty-input:-ms-input-placeholder {
  color: var(--color-text-primary);
  opacity: 0.85;
}

select::placeholder,
textarea::placeholder,
input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="datetime"]::placeholder,
input[type="datetime-local"]::placeholder,
input[type="date"]::placeholder,
input[type="month"]::placeholder,
input[type="time"]::placeholder,
input[type="week"]::placeholder,
input[type="number"]::placeholder,
input[type="email"]::placeholder,
input[type="url"]::placeholder,
input[type="search"]::placeholder,
input[type="tel"]::placeholder,
input[type="color"]::placeholder,
.nesty-input::placeholder {
  color: var(--color-text-primary);
  opacity: 0.85;
}

select {
  width: 100%;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
}

[dir="ltr"] select {
  padding-right: 36px;
  background-position: right 1rem center;
}

[dir="rtl"] select {
  padding-left: 36px;
  background-position: left 1rem center;
}

.form-field .nesty-input:after,
.form-field .hc-multiselect-toggle:after {
  position: absolute;
  top: 50%;
  width: 1rem;
  height: 1rem;
  content: "";
  transform: translateY(-50%);
}

[dir="ltr"] .form-field .nesty-input:after,
[dir="ltr"] .form-field .hc-multiselect-toggle:after {
  right: 1rem;
}

[dir="rtl"] .form-field .nesty-input:after,
[dir="rtl"] .form-field .hc-multiselect-toggle:after {
  left: 1rem;
}

select,
.form-field .nesty-input:after,
.form-field .hc-multiselect-toggle:after {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5' /%3E%3C/svg%3E%0A");
}

select::-ms-expand {
  display: none;
}
/*  Reset height for `textarea`s */
textarea {
  height: auto;
  height: calc((1rem + var(--padding-base-horizontal) + 2px) * 3);
  resize: vertical;
}

textarea,
.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar,
.ck.ck-editor__top .ck-sticky-panel .ck-toolbar.ck-rounded-corners,
.ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable,
.ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners {
  border-radius: min(
    var(--border-radius-base),
    var(--border-radius-input-max)
  ) !important;
}

.hc-multiselect-toggle,
#hc-wysiwyg {
  border-color: var(--input-color-border);
  border-width: var(--border-width);
  border-radius: var(--border-radius-base);
}
/*  Search inputs in iOS */
/* 
 This overrides the extra rounded corners on search inputs in iOS so that our
 `.form-control` class can properly style them. Note that this cannot simply
 be added to `.form-control` as it's not specific enough. For details, see
 https:github.com/twbs/bootstrap/issues/11586. */
input[type="search"] {
  -webkit-appearance: none;
}
/*  Form groups

 Designed to help with the organization and spacing of vertical forms. For
 horizontal forms, use the predefined grid classes. */
.form-field {
  margin-bottom: 1.5rem;
}

.form-field .optional {
  opacity: 0.75;
}

[dir="ltr"] .form-field .optional {
  margin-left: 0.2rem;
}

[dir="rtl"] .form-field .optional {
  margin-right: 0.2rem;
}

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

[dir="ltr"] .form-field.boolean {
  padding-left: 1.5rem;
}

[dir="rtl"] .form-field.boolean {
  padding-right: 1.5rem;
}

.form-field.boolean input[type="checkbox"] {
  position: absolute;
}

[dir="ltr"] .form-field.boolean input[type="checkbox"] {
  left: 0;
}

[dir="rtl"] .form-field.boolean input[type="checkbox"] {
  right: 0;
}

.form-field.boolean label {
  min-height: 1.5rem;
  /* Ensure the input doesn't jump when there is no text */
  margin-bottom: 0;
  cursor: pointer;
}

input[type="radio"][disabled],
input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
/*  Help text

 Apply to any element you wish to create light text for placement immediately
 below a form control. Use for general help, formatting, or instructional text. */
.form-field p,
.help-block {
  display: block; /* account for any element using help-block */
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  font-size: 0.875rem;
  opacity: 0.75;
}

.hc-multiselect-toggle,
.nesty-input,
ul[data-hc-pills-container] {
  --custom-select-height: calc(3rem - 4px - 2px);

  min-height: var(--custom-select-height);
}

.hc-multiselect-toggle,
ul[data-hc-pills-container] {
  background-color: var(--color-bg);
}

.hc-multiselect-toggle,
ul[data-hc-pills-container] {
  padding: 4px;
}

ul[data-hc-pills-container] li:first-child input {
  padding: 0 12px;
}

ul[data-hc-pills-container] li:has(input) {
  background-color: transparent;
}

.hc-multiselect-toggle li {
  margin: 4px;
}

.hc-multiselect-toggle ul li,
ul[data-hc-pills-container] li,
ul[data-hc-pills-container] li:last-child input,
ul[data-hc-pills-container] li[data-hc-pill="true"] {
  height: var(--custom-select-height);
  line-height: var(--custom-select-height);
}

ul[data-hc-pills-container],
ul[data-hc-pills-container][data-hc-focus="true"] {
  border-width: var(--border-width);
}

ul[data-hc-pills-container]:hover,
.hc-multiselect-toggle:hover {
  border-color: var(--color-text-primary);
}

ul[data-hc-pills-container][data-hc-focus="true"] input {
  border: none;
  box-shadow: none;
}

.hc-multiselect-toggle[aria-expanded="true"],
ul[data-hc-pills-container][data-hc-focus="true"] {
  border-color: var(--input-color-border-focus);
}

ul[data-hc-pills-container] {
  margin: 0 0 calc(var(--border-width) * -1);
  border-color: var(--input-color-border);
  border-radius: var(--border-radius-base);
}

ul[data-hc-pills-container][data-hc-focus="true"] {
  position: relative;
  z-index: 2;
  border-color: var(--input-color-border-focus);
}

.lt-comment-form__ccs ul[data-hc-pills-container] {
  border-radius: var(--border-radius-base) var(--border-radius-base) 0 0;
}

.upload-dropzone {
  padding: 2rem;
  border-color: var(--input-color-border);
  border-style: dashed;
  border-width: var(--border-width);
  border-radius: var(--border-radius-base);
}

.upload-dropzone div {
  margin-bottom: 0.5rem;
}

.upload-dropzone span,
.upload-dropzone a {
  font-size: var(--text-base);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.upload-dropzone span {
  color: var(--color-text-primary);
}

.upload-dropzone:hover {
  border-color: var(--color-text-primary);
}

.upload-item .upload-remove {
  color: currentColor !important;
}

.upload-item .upload-link {
  color: currentColor;
}

.upload-item:hover {
  color: var(--color-brand-primary-inverse);
  background-color: var(--color-brand-primary);
}

.ck.ck-toolbar,
.ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
  --ck-color-toolbar-border: var(--input-color-border);
  --ck-color-base-border: var(--input-color-border);
  border-width: var(--border-width);
}

.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar,
.ck.ck-editor__top .ck-sticky-panel .ck-toolbar.ck-rounded-corners {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable,
.ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.ck.ck-toolbar {
  border-width: 2px !important;
  border-bottom: none !important;
}

.lt-comment-form__ccs ~ .ck .ck.ck-toolbar {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.ck.ck-button:focus-visible,
.ck.ck-content.ck-editor__editable.ck-editor__editable_inline.ck-focused,
.ck.ck-content.ck-editor__editable.ck-focused,
.ck.ck-toolbar:focus-visible {
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--input-color-border-focus) !important;
}

.nesty-input:hover,
.nesty-input:focus {
  color: var(--color-text-primary);
  text-decoration: none;
}

.form-field:has(.notification-error) input,
.form-field:has(.notification-error) textarea,
.form-field:has(.notification-error) .nesty-input {
  border-color: var(--color-ui-danger-text);
}

.form-field:has(.notification-error) .ck.ck-content {
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--color-ui-danger-text) !important;
}

.hc-multiselect-toggle ul li,
ul[data-hc-pills-container] li,
ul[data-hc-pills-container] li[data-hc-pill="true"] {
  font-size: var(--text-sm);
  color: var(--form-pill-text);

  background-color: var(--form-pill-bg);
  border-radius: var(--border-radius-base);
}

ul[data-hc-pills-container]
  li[data-hc-pill="true"]
  > span:not([aria-label="close"]) {
  font-size: var(--text-sm);
}

.lt-container {
  padding-right: var(--grid-gutter-width);
  padding-left: var(--grid-gutter-width);
}
@media (min-width: 576px) {
  .lt-container {
    padding-right: calc(var(--grid-gutter-width) * 2);
    padding-left: calc(var(--grid-gutter-width) * 2);
  }
}

.lt-container-inner {
  max-width: 1320px;
  margin: 0 auto;
}

.section-inner{
  background-color:#ffffff;
  padding-top:50px;
  padding-left:20px;
  padding-right:20px;
  padding-bottom:5px;
  border:1px solid #f2f2f2f2;
  border-radius:10px;
}

.lt-categories-demarrer-gp{
  background-color:#EBF3FD;
  padding-left:20px;
  padding-right:20px;
  padding-bottom:0px;
  margin-bottom:0px;
  border-radius:10px;
}
.lt-categories-demarrer-ent{
  background-color:#FBEBE7;
  padding-left:20px;
  padding-right:20px;
  padding-bottom:0px;
  margin-bottom:0px;
  border-radius:10px;
}

.lt-card-service > .lt-card__image {
  align-self:self-start;
}

.lt-carte-demarrer{
 	display:grid;
  grid-template-columns: 60px 1fr auto;
  align-items:center;
}

.lt-carte-demarrer > img{
  height:100px;
  width:60px;
}

.lt-carte-demarrer-titre{
  font-size:18px;
  font-weight:700;
	font-family: "Lato", sans-serif;
}

.lt-carte-demarrer-sous-titre{
  font-size:14px;
  font-weight:400;  
  font-family: "Lato", sans-serif;
}

.lt-carte-demarrer-titres{
  display:flex;
  flex-direction:column;
  margin-bottom:0px;
  justify-content:center;
}

.lt-demarrer-bouton{
  background-color:#D93914;
  padding:10px 16px;
  color:#ffffff;
  font-weight:600;
  font-size:14px;
  border-radius: 24px;
}

.lt-demarrer-bouton:hover,
.lt-demarrer-bouton:focus,
.lt-demarrer-bouton:active {
filter: brightness(90%);
  color:#ffffff;
    background-color:#D93914;
}

.lt-categories-section{
  background-color:#F4F7F8;
  padding-left:20px;
  padding-right:20px;
  padding-bottom:20px;
  margin-bottom:20px;
  margin-top:20px;
  border-radius:10px;
}

.lt-article-page > .lt-container-inner {
  max-width: 1920px;
  margin: 0 auto;
}

.lt-container-inner--narrow {
  max-width: 720px;
  margin: 0 auto;
}

.lt-layout {
  display: -ms-grid;
  display: grid;
  min-height: 100%;
  -ms-grid-rows: auto 1fr auto;
  grid-template-rows: auto 1fr auto;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
}

.lt-layout > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.lt-layout > *:nth-child(2) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.lt-layout > *:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.lt-topbar {
  font-size: 16px
  font-weight: var(--topbar-font-weight);
  color: var(--topbar-color-text);
  background-color: var(--topbar-bg);
}

.lt-topbar__logo {
  display: block;
  height: var(--topbar-logo-height);
  padding : 10px;
}

.lt-topbar__link{
  padding:8px;
  color: var(--topbar-color-text);
  font-weight:600;
  border: 1px solid #626262;
  border-radius: 24px;
}

.lt-topbar__link:hover,
.lt-topbar__link:focus,
.lt-topbar__link:active {
background-color:#f2f2f2;
color: var(--topbar-color-text);
}


@media (max-width: 991px) {
.lt-topbar__link{
  padding:8px;
  color: var(--topbar-color-text);
  font-weight:600;
  border: 1px solid #626262;
  border-radius: 24px;
}

.lt-topbar__link:hover,
.lt-topbar__link:focus,
.lt-topbar__link:active {
background-color:#f2f2f2;
}
  
  

  .lt-topbar__controls {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 10;
    width: 100%;
    max-width: 20rem;
    padding: var(--grid-gutter-width);
    background-color: var(--topbar-bg);
    transition: transform 600ms ease;
  }

  [dir="ltr"] .lt-topbar__controls {
    left: 0;
    transform: translateX(-100%);
  }

  [dir="rtl"] .lt-topbar__controls {
    right: 0;
    transform: translateX(100%);
  }

  .lt-topbar__controls > * + * {
    margin-top: 1rem;
  }

  .lt-topbar__controls.is-active {
    transform: translateX(0);
  }

  [dir="ltr"] .lt-topbar__controls.is-active {
    left: 0;
    box-shadow: 5px 0 40px rgb(0 0 0 / 45%);
  }

  [dir="rtl"] .lt-topbar__controls.is-active {
    right: 0;
    box-shadow: -5px 0 40px rgb(0 0 0 / 45%);
  }

  .lt-topbar-open {
    overflow: hidden;
  }
}
@media (min-width: 992px) {
  [dir="ltr"] .lt-topbar__controls > * + * {
    margin-left: 1rem;
  }

  [dir="rtl"] .lt-topbar__controls > * + * {
    margin-right: 1rem;
  }
}

.topbar__close {
  width: 2rem;
  height: 2rem;
  stroke: var(--topbar-color-text);
}

.lt-footer {
  font-size: var(--text-sm);
  color: var(--footer-color-text);
  background-color: var(--footer-bg);
}

.lt-footer__copyright a {
  color: var(--footer-color-link);
}

.lt-footer__social-link {
  padding: 0.5rem;
  font-size: var(--text-base);
  color: var(--footer-color-link);
  text-decoration: none;
  vertical-align: middle;
}

[dir="ltr"] .lt-footer__social-link + .lt-footer__social-link {
  margin-left: 0.5rem;
}

[dir="rtl"] .lt-footer__social-link + .lt-footer__social-link {
  margin-right: 0.5rem;
}

.lt-footer__social-link:hover,
.lt-footer__social-link:focus,
.lt-footer__social-link:active {
  color: var(--footer-color-link);
  text-decoration: none;
  opacity: 0.6;
}
/* Formatting */
.rte {
  line-height: 1.8;
  word-break: break-word;
}

.rte * {
  margin-bottom: 0;
}

.rte > *:not([hidden]) + *:not([hidden]) {
  margin-top: var(--flow-space, 1.5rem);
}

.rte > * {
  margin-bottom: 0;
}

.rte h1,
.rte h2,
.rte h3 {
  --flow-space: 3rem;
}

.rte h4,
.rte h5,
.rte h6 {
  --flow-space: 2rem;
}

.rte:after {
  display: block;
  clear: both;
  content: "";
}

.rte > p:first-child {
  margin-top: 0;
}

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

.rte figcaption {
  margin-top: 1rem;
  opacity: 0.75;
}

.accordion {
  padding-top: 0;
  border: var(--border-width) solid var(--lt-accordion-border);
  border-radius: var(--border-radius-base);
}

.accordion__summary {
  position: relative;
  display: block;
  width: 100%;
  padding: var(--lt-accordion-padding-vertical)
    var(--lt-accordion-padding-horizontal);
  font-weight: var(--font-weight-bold);
  color: var(--accordion-color-text, var(--color-text-primary));
  list-style: none;
  cursor: pointer;
  background-color: transparent;
  background-image: none;
  border: 0;
  touch-action: manipulation;
}

[dir="ltr"] .accordion__summary {
  text-align: left;
}

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

.accordion__summary-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.accordion__item + .accordion__item {
  border-top: var(--border-width) solid var(--lt-accordion-border);
}

.accordion__content {
  padding-top: var(--lt-accordion-padding-vertical);
  padding-bottom: var(--lt-accordion-padding-vertical);
  margin-right: var(--lt-accordion-padding-horizontal);
  margin-left: var(--lt-accordion-padding-horizontal);
  overflow: hidden;
  border-top: var(--border-width) solid var(--lt-accordion-border);
}

.accordion__content *:last-child {
  margin-bottom: 0;
}

.accordion__summary::-webkit-details-marker {
  display: none;
}

.accordion__summary-wrapper > .lt-icon {
  transition: transform 0.3s;
  -webkit-margin-start: 1rem;
  margin-inline-start: 1rem;
}

[dir="ltr"] details[open] .accordion__summary-wrapper > .lt-icon {
  transform: rotate(180deg);
}

[dir="rtl"] details[open] .accordion__summary-wrapper > .lt-icon {
  transform: rotate(-180deg);
}

.accordion--large {
  border-radius: var(--border-radius-lg);
}

.accordion--large .accordion__summary {
  font-weight: 400;
}

.accordion--large .accordion__summary-wrapper .lt-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.accordion--large:hover,
.accordion--large:focus,
.accordion[open] {
  border-color: var(--color-brand-primary);
}

.image-with-border {
  padding: 10px;
  border: var(--border-width) solid var(--color-border);
  border-radius: 4px;
}

.image-with-lightbox {
  cursor: pointer;
}

.image-overlay {
  position: relative;
}

.image-overlay:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background-color: rgba(255, 255, 255, 0.3);
}

.image-with-video-icon {
  position: relative;
  display: block;
}

.image-with-video-icon img {
  width: 100%;
}

.image-with-video-icon:before {
  position: absolute;
  top: 50%;
  z-index: 3;
  width: 0;
  height: 0;
  font-size: 0;
  content: "";
  border-style: solid;
  transition: transform 0.6s ease;
}

.image-with-video-icon:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  content: "";
  background-color: rgba(0, 0, 0, 0.3);
}

[dir="ltr"] .image-with-video-icon:before {
  left: 50%;
  border-color: transparent transparent transparent #fff;
  border-width: 30px 0 30px 60px;
  transform: translate(-50%, -50%);
}

[dir="ltr"] .image-with-video-icon:active:before,
[dir="ltr"] .image-with-video-icon:hover:before {
  transform: translate(-50%, -50%) scale(1.1);
}

[dir="rtl"] .image-with-video-icon:before {
  right: 50%;
  border-color: transparent #fff transparent transparent;
  border-width: 30px 60px 30px 0;
  transform: translate(50%, -50%);
}

[dir="rtl"] .image-with-video-icon:active:before,
[dir="rtl"] .image-with-video-icon:hover:before {
  transform: translate(50%, -50%) scale(1.1);
}

.callout,
.content,
.note,
.warning,
.danger,
.success {
  position: relative;
  z-index: 1;
  padding: 1.3rem;
  overflow: hidden;
  border-radius: var(--border-radius-base);
}

.callout > * + *,
.note > * + *,
.warning > * + *,
.danger > * + *,
.success > * + * {
  margin-top: var(--flow-space, 1rem);
}

.callout:after,
.note:after,
.warning:after,
.danger:after,
.success:after {
  position: absolute;
  top: 0;
  z-index: -1;

  width: 100%;
  height: 100%;
  content: "";
  border-radius: var(--border-radius-base);
}

[dir="ltr"] .callout:after,
[dir="ltr"] .note:after,
[dir="ltr"] .warning:after,
[dir="ltr"] .danger:after,
[dir="ltr"] .success:after {
  left: 0;
}

[dir="rtl"] .callout:after,
[dir="rtl"] .note:after,
[dir="rtl"] .warning:after,
[dir="rtl"] .danger:after,
[dir="rtl"] .success:after {
  right: 0;
}

.note,
.note--default,
.callout,
.callout--info,
.callout--primary {
  --callout-color: var(--info-callout-color);
}

.callout:after,
.note:after,
.warning:after,
.danger:after,
.success:after {
  background-color: var(--callout-color);
}

.warning,
.note--warning,
.callout--warning {
  --callout-color: var(--warning-callout-color);
}

.danger,
.note--danger,
.callout--danger {
  --callout-color: var(--danger-callout-color);
}

.success,
.note--success,
.callout--success {
  --callout-color: var(--success-callout-color);
}

.list-check ul:not([class]),
.list-bullet ul:not([class]),
.list-number ul:not([class]),
.list-colored ul:not([class]),
.rte ul:not([class]) {
  list-style-type: disc;
}

[dir="ltr"] .list-check ul:not([class]),
[dir="ltr"] .list-bullet ul:not([class]),
[dir="ltr"] .list-number ul:not([class]),
[dir="ltr"] .list-colored ul:not([class]),
[dir="ltr"] .rte ul:not([class]) {
  padding-left: rem;
}

[dir="rtl"] .list-check ul:not([class]),
[dir="rtl"] .list-bullet ul:not([class]),
[dir="rtl"] .list-number ul:not([class]),
[dir="rtl"] .list-colored ul:not([class]),
[dir="rtl"] .rte ul:not([class]) {
  padding-right: 1rem;
}

.list-check ul:not([class]) > li,
.list-bullet ul:not([class]) > li,
.list-number ul:not([class]) > li,
.list-colored ul:not([class]) > li,
.rte ul:not([class]) > li {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

[dir="ltr"] .list-check ul:not([class]) > li,
[dir="ltr"] .list-bullet ul:not([class]) > li,
[dir="ltr"] .list-number ul:not([class]) > li,
[dir="ltr"] .list-colored ul:not([class]) > li,
[dir="ltr"] .rte ul:not([class]) > li {
  padding-left: 0.5rem;
}

[dir="rtl"] .list-check ul:not([class]) > li,
[dir="rtl"] .list-bullet ul:not([class]) > li,
[dir="rtl"] .list-number ul:not([class]) > li,
[dir="rtl"] .list-colored ul:not([class]) > li,
[dir="rtl"] .rte ul:not([class]) > li {
  padding-right: 0.5rem;
}

.list-check ul:not([class]) > li::marker,
.list-bullet ul:not([class]) > li::marker,
.list-number ul:not([class]) > li::marker,
.list-colored ul:not([class]) > li::marker,
.rte ul:not([class]) > li::marker {
  color: var(--rte-bullet-color);
}

.list-check,
.list-bullet,
.list-number,
.list-colored,
.rte ol {
  list-style-position: inside;
}

[dir="ltr"] .list-check,
[dir="ltr"] .list-bullet,
[dir="ltr"] .list-number,
[dir="ltr"] .list-colored,
[dir="ltr"] .rte ol {
  padding-left: 0;
}

[dir="rtl"] .list-check,
[dir="rtl"] .list-bullet,
[dir="rtl"] .list-number,
[dir="rtl"] .list-colored,
[dir="rtl"] .rte ol {
  padding-right: 0;
}

.list-number li,
.list-colored li,
.rte li {
  list-style: inherit;
}

.list-number li:last-child,
.list-colored li:last-child,
.rte li:last-child {
  margin-bottom: 0;
}

.list-check,
.list-bullet,
.list-number,
.list-colored,
.rte ol:not(.list-default) {
  list-style: none;
}

[dir="ltr"] .list-check,
[dir="ltr"] .list-bullet,
[dir="ltr"] .list-number,
[dir="ltr"] .list-colored,
[dir="ltr"] .rte ol:not(.list-default) {
  padding-left: 0;
}

[dir="rtl"] .list-check,
[dir="rtl"] .list-bullet,
[dir="rtl"] .list-number,
[dir="rtl"] .list-colored,
[dir="rtl"] .rte ol:not(.list-default) {
  padding-right: 0;
}

.list-check > li,
.list-bullet > li,
.list-number > li,
.list-colored > li,
.rte ol:not(.list-default) > li {
  position: relative;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

[dir="ltr"] .list-check > li,
[dir="ltr"] .list-bullet > li,
[dir="ltr"] .list-number > li,
[dir="ltr"] .list-colored > li,
[dir="ltr"] .rte ol:not(.list-default) > li {
  padding-left: 2.5rem;
}

[dir="rtl"] .list-check > li,
[dir="rtl"] .list-bullet > li,
[dir="rtl"] .list-number > li,
[dir="rtl"] .list-colored > li,
[dir="rtl"] .rte ol:not(.list-default) > li {
  padding-right: 2.5rem;
}

[dir="ltr"] .rte li + ul,
[dir="ltr"] .rte li + ol {
  margin-left: 2.5rem;
}

[dir="rtl"] .rte li + ul,
[dir="rtl"] .rte li + ol {
  margin-right: 2.5rem;
}

.list-check > li:before,
.list-bullet > li:before,
.list-number > li:before,
.list-colored > li:before,
.rte ol:not(.list-default) > li:before {
  position: absolute;
  top: 0.15em;

  display: inline-block;

  width: 1.725em;
  height: 1.725em;

  font-size: 0.875em;
  font-weight: 500;
  line-height: 1.725em;
  text-align: center;

  border-radius: 50%;
}

[dir="ltr"] .list-check > li:before,
[dir="ltr"] .list-bullet > li:before,
[dir="ltr"] .list-number > li:before,
[dir="ltr"] .list-colored > li:before,
[dir="ltr"] .rte ol:not(.list-default) > li:before {
  left: 0;
}

[dir="rtl"] .list-check > li:before,
[dir="rtl"] .list-bullet > li:before,
[dir="rtl"] .list-number > li:before,
[dir="rtl"] .list-colored > li:before,
[dir="rtl"] .rte ol:not(.list-default) > li:before {
  right: 0;
}

.list-bullet > li:before,
.list-check > li:before {
  color: var(--list-bullet-bg, var(--color-bg));
  content: "✓";
  background-color: var(--list-bullet-bg, var(--color-brand-primary));
}

.list-number,
.list-colored,
.rte ol:not(.list-default) {
  counter-reset: list;
}

.list-number > li,
.list-colored > li,
.rte ol:not(.list-default) > li {
  counter-increment: list;
}

.list-number > li:before,
.list-colored > li:before,
.rte ol:not(.list-default) > li:before {
  color: var(--list-bullet-bg, var(--color-bg));
  content: counter(list);
  background-color: var(--list-bullet-bg, var(--color-brand-primary));
}

.rte iframe,
.rte embed,
.rte object,
.rte video {
  aspect-ratio: 16 / 9;
  width: 50%;
  height: auto;
}

table {
  border-spacing: 0px;
  border-collapse: collapse;
  background-color: transparent;
}

.rte table:not([class*="table"]) {
  width: 100%;
  table-layout: auto;
}

[dir="ltr"] .rte table:not([class*="table"]) {
  text-align: left;
}

[dir="rtl"] .rte table:not([class*="table"]) {
  text-align: right;
}

.rte table:not([class*="table"]) thead {
  border-bottom-color: var(--color-border);
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.rte table:not([class*="table"]) th,
.rte table:not([class*="table"]) td {
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
}

[dir="ltr"] .rte table:not([class*="table"]) th:first-child,
[dir="ltr"] .rte table:not([class*="table"]) td:first-child {
  padding-left: 0;
}

[dir="rtl"] .rte table:not([class*="table"]) th:first-child,
[dir="rtl"] .rte table:not([class*="table"]) td:first-child {
  padding-right: 0;
}

[dir="ltr"] .rte table:not([class*="table"]) th:last-child,
[dir="ltr"] .rte table:not([class*="table"]) td:last-child {
  padding-right: 0;
}

[dir="rtl"] .rte table:not([class*="table"]) th:last-child,
[dir="rtl"] .rte table:not([class*="table"]) td:last-child {
  padding-left: 0;
}

.rte table:not([class*="table"]) th {
  font-weight: 600;
  vertical-align: bottom;
}

.rte table:not([class*="table"]) tbody tr {
  border-bottom-color: var(--color-border);
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.rte table:not([class*="table"]) tbody td {
  padding-top: 0.5rem;
  vertical-align: baseline;
}

.rte table:not([class*="table"]) tbody tr:last-child {
  border-bottom-width: 0;
}

.table-responsive {
  min-height: 0.01%;
  overflow-x: auto;
}
@media screen and (max-width: 575px) {
  .table-responsive {
    width: 100%;
    overflow-y: hidden;
    border: var(--border-width) solid var(--color-border);
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .table-responsive > table {
    margin-bottom: 0;
  }

  .table-responsive > table > thead > tr > th,
  .table-responsive > table > thead > tr > td,
  .table-responsive > table > tbody > tr > th,
  .table-responsive > table > tbody > tr > td,
  .table-responsive > table > tfoot > tr > th,
  .table-responsive > table > tfoot > tr > td {
    white-space: nowrap;
  }
}

.tabs {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
@media (min-width: 576px) {
  .tabs {
    flex-direction: row;
  }
}

.tab {
  flex-basis: 100%;
  padding: 1rem;
  border: var(--border-width) solid var(--color-border);
  border-bottom-right-radius: var(--border-radius-base);
  border-bottom-left-radius: var(--border-radius-base);
}

.tab > *:last-child {
  margin-bottom: 0;
}
/* @media (--screen-sm) {
  .tab {
    border-top-left-radius: var(--border-radius-base);
    border-top-right-radius: var(--border-radius-base);
  }
} */
.tabs-link {
  z-index: 1;
  display: block;
  padding: 0.5rem 1rem;
  margin: 0;
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  cursor: pointer;
  border-color: var(--color-border);
  border-style: solid;
  border-width: var(--border-width) var(--border-width) 0 var(--border-width);
}
@media (min-width: 576px) {
  .tabs-link {
    margin-bottom: calc(-1 * var(--border-width));
  }

  .tabs-link:not([aria-selected="true"]) {
    border-color: transparent;
  }
}

.tabs-link:first-child {
  border-top-left-radius: var(--border-radius-base);
  border-top-right-radius: var(--border-radius-base);
}
@media (min-width: 576px) {
  .tabs-link {
    border-top-left-radius: var(--border-radius-base);
    border-top-right-radius: var(--border-radius-base);
  }
}

.tabs-link[aria-selected="true"] {
  color: var(--color-brand-primary);
  cursor: pointer;
  background-color: var(--tabs-bg, var(--color-bg));
  border-color: var(--color-border);
}

.rte code:not([class]) {
  padding: 0.25em;
  background-color: var(--code-bg);
  border-radius: var(--border-radius-base);
}

.rte pre {
  background-color: var(--code-bg);
  border-radius: var(--border-radius-base);
  padding: 2rem;
  font-size: 12.25px;
  word-wrap: break-word;
}

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
}
/* Components */
.lt-dropdown {
  position: relative;
  display: inline-block;
}

.lt-dropdown-toggle {
  display: inline-block;
  padding: 8px;
  font-weight: var(--button-font-weight, 600);
  color: #626262;
  cursor: pointer;
  background: none;
  border: 0;
  margin-left:10px;
  font-size:16px;
}

.lt-dropdown-toggle >span{  
  margin-right:10px;
  margin-bottom:2px;
}


.lt-dropdown-toggle:hover {
  background-color:#f2f2f2;
  border-radius:24px;
}

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

.lt-dropdown-toggle > .lt-icon {
  color: #626262;
  width:1.5rem;
}

.lt-dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 200px;
  padding: 0.75rem;
  margin-top: 1px;
  font-size: var(--text-sm);
  font-style: normal;
  font-weight: normal;
  background: var(--color-bg);
  border: var(--border-width) solid var(--color-bg-tertiary);
  border-radius: min(var(--border-radius-base), var(--border-radius-menu-max));
  box-shadow: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);
}

[dir="ltr"] .lt-dropdown-menu {
  left: 0;
  text-align: left;
}

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

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

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

.lt-dropdown-menu [role="separator"] {
  display: block;
  margin: 0.5rem 0.75rem;
  font-weight: normal;
  color: var(--color-bg-tertiary);
  border-bottom: 1px solid var(--color-bg-tertiary);
}

.lt-dropdown-menu [role="menuitem"] {
  display: block;
  width: auto;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  -webkit-padding-start: 0.75rem;
  padding-inline-start: 0.75rem;
  -webkit-padding-end: 2rem;
  padding-inline-end: 2rem;
  line-height: inherit;
  color: var(--color-text-primary);
  text-align: start;
  text-transform: none;
  white-space: nowrap;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
}

.lt-dropdown-menu [role="menuitem"]:hover,
.lt-dropdown-menu [role="menuitem"]:focus {
  color: var(--color-text-primary);
  text-decoration: none;
  background: var(--color-bg-secondary);
  border-radius: min(
    var(--border-radius-base),
    var(--border-radius-menu-item-max)
  );
}

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

.lt-dropdown-menu [role="menuitem"][aria-selected="true"]:after {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-top: 0.15rem;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M4.5 12.75l6 6 9-13.5' /%3E%3C/svg%3E%0A");
}

[dir="ltr"] .lt-dropdown-menu [role="menuitem"][aria-selected="true"]:after {
  margin-left: 0.5rem;
}

[dir="rtl"] .lt-dropdown-menu [role="menuitem"][aria-selected="true"]:after {
  margin-right: 0.5rem;
}

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

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

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

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

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

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

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

.lt-dropdown-toggle--user {
  padding: 0;
  font-weight: var(--font-weight-bold);
  color: inherit;
  border: 0;
}
@media (max-width: 991px) {
  .lt-dropdown--topbar {
    width: 100%;
  }

  .lt-dropdown-menu--topbar {
    position: static;
    width: 100%;
    padding: 0;
    border: 0;
    box-shadow: none;
  }

  .lt-dropdown-menu--topbar .lt-dropdown-toggle {
    width: 100%;
  }

  .lt-dropdown-menu--topbar [role="menuitem"] {
    padding-right: 0;
    padding-left: 0;
  }
}
/* ==========================================================================
  Buttons
  ========================================================================== */
.lt-btn,
input[type="submit"],
.lt-section-subscribe button,
.lt-article-subscribe button,
.lt-follow button,
.lt-profile__buttons button,
.lt-profile__buttons a,
.lt-vote button,
.lt-request-table-filters button,
.pagination-next-link,
.pagination-prev-link,
.pagination-first-link,
.pagination-last-link {
  display: inline-block;
  padding: var(--button-padding-vertical, 0.75rem)
    var(--button-padding-horizontal, 1rem);
  margin-bottom: 0;
  font-size: var(--button-font-size, var(--text-sm));
  font-weight: var(--button-font-weight, 600);
  color: var(--color-button-text);
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: var(--color-button);
  background-image: none;
  border: var(--button-border-width, var(--border-width)) solid transparent;
  border-radius: var(--button-border-radius, var(--border-radius-base));
  transition: all 0.3s ease;
  touch-action: manipulation;
}

.lt-btn:hover,
.lt-btn:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.lt-section-subscribe button:hover,
.lt-section-subscribe button:focus,
.lt-article-subscribe button:hover,
.lt-article-subscribe button:focus,
.lt-follow button:hover,
.lt-follow button:focus,
.lt-profile__buttons button:hover,
.lt-profile__buttons button:focus,
.lt-profile__buttons a:hover,
.lt-profile__buttons a:focus,
.lt-vote button:hover,
.lt-vote button:focus,
.lt-request-table-filters button:hover,
.lt-request-table-filters button:focus,
.pagination-next-link:hover,
.pagination-next-link:focus,
.pagination-prev-link:hover,
.pagination-prev-link:focus,
.pagination-first-link:hover,
.pagination-first-link:focus,
.pagination-last-link:hover,
.pagination-last-link:focus {
  color: var(--color-button-text);
  text-decoration: none;
  background-color: var(--color-button);
}

.lt-btn:active,
input[type="submit"]:active,
.lt-section-subscribe button:active,
.lt-article-subscribe button:active,
.lt-follow button:active,
.lt-profile__buttons button:active,
.lt-profile__buttons a:active,
.lt-vote button:active,
.lt-request-table-filters button:active,
.pagination-next-link:active,
.pagination-prev-link:active,
.pagination-first-link:active,
.pagination-last-link:active {
  color: var(--color-button-text);
  background-color: var(--color-button);
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

input[type="submit"],
.lt-btn--primary {
  --color-button-text: var(--button-color-primary-text);
  --color-button: var(--button-color-primary);
}

input[type="submit"]:hover,
input[type="submit"]:focus,
.lt-btn--primary:hover,
.lt-btn--primary:focus {
  --color-button-text: var(--color-brand-primary-inverse);
  --color-button: var(--color-brand-primary-hover);
}

input[type="submit"]:active,
.lt-btn--primary:active {
  --color-button-text: var(--color-brand-primary-inverse);
  --color-button: var(--color-brand-primary-pressed);
}

.lt-btn--secondary,
.lt-section-subscribe button,
.lt-article-subscribe button,
.lt-follow button,
.lt-profile__buttons button,
.lt-profile__buttons a,
.pagination-next-link,
.pagination-prev-link,
.pagination-first-link,
.pagination-last-link {
  color: var(--button-color-secondary);
  background-color: transparent;
  border-color: var(--button-color-secondary);
}

.lt-btn--secondary:hover,
.lt-btn--secondary:focus,
.lt-section-subscribe button:hover,
.lt-section-subscribe button:focus,
.lt-article-subscribe button:hover,
.lt-article-subscribe button:focus,
.lt-follow button:hover,
.lt-follow button:focus,
.lt-profile__buttons button:hover,
.lt-profile__buttons button:focus,
.lt-profile__buttons a:hover,
.lt-profile__buttons a:focus,
.pagination-next-link:hover,
.pagination-next-link:focus,
.pagination-prev-link:hover,
.pagination-prev-link:focus,
.pagination-first-link:hover,
.pagination-first-link:focus,
.pagination-last-link:hover,
.pagination-last-link:focus {
  opacity: 0.6;
}

.lt-btn--secondary:active,
.lt-section-subscribe button:active,
.lt-article-subscribe button:active,
.lt-follow button:active,
.lt-profile__buttons button:active,
.lt-profile__buttons a:active,
.pagination-next-link:active,
.pagination-prev-link:active,
.pagination-first-link:active,
.pagination-last-link:active {
  color: var(--color-bg);
  background-color: var(--button-color-secondary);
  border-color: var(--button-color-secondary);
}

.lt-btn--tertiary,
.lt-subscriptions-subscribe button,
.lt-request-table-filters button,
.lt-underlined-link,
.recent-activity-controls a {
  padding: 0;
  font-weight: var(--button-font-weight, 600);
  color: var(--button-color-tertiary);
  text-decoration: underline;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  text-underline-offset: 4px;
  text-decoration-thickness: 2px;
}

.lt-btn--tertiary:hover,
.lt-btn--tertiary:focus,
.lt-btn--tertiary:active,
.lt-subscriptions-subscribe button:hover,
.lt-subscriptions-subscribe button:focus,
.lt-subscriptions-subscribe button:active,
.lt-request-table-filters button:hover,
.lt-request-table-filters button:focus,
.lt-request-table-filters button:active,
.lt-underlined-link:hover,
.lt-underlined-link:focus,
.lt-underlined-link:active,
.recent-activity-controls a:hover,
.recent-activity-controls a:focus,
.recent-activity-controls a:active {
  color: var(--button-color-tertiary);
  -webkit-text-decoration: var(--link-decoration-hover);
  text-decoration: var(--link-decoration-hover);
  background-color: transparent;
  opacity: 0.6;
  text-underline-offset: 4px;
  text-decoration-thickness: 2px;
}

.lt-btn--icon,
.lt-vote button {
  display: flex;
  padding: 0 !important;
  color: var(--color-text-primary) !important;
  background-color: transparent;
  border: 0 !important;
  justify-content: center;
  align-items: center;
}

.lt-btn--icon:hover,
.lt-btn--icon:focus,
.lt-btn--icon:active,
.lt-vote button:hover,
.lt-vote button:focus,
.lt-vote button:active {
  color: var(--topbar-color-text-hover);
  background-color: transparent;
  border-color: var(--topbar-color-text-hover);
  opacity: 0.6;
}

.lt-btn--icon[aria-pressed="true"] svg {
  fill: var(--color-text-primary);
}

.lt-btn--topbar {
  color: #ffffff
  background-color: transparent;
  padding : 0 0 0 0;
  margin-top : 5px !important;
  text-decoration:underline;
  font-size:16px;
  font-weight:700;
}

.lt-btn--topbar:hover,
.lt-btn--topbar:focus,
.lt-btn--topbar:active {
  color: #ffffff
  background-color: transparent;
  text-decoration:underline;
  opacity: 0.6;
  padding: 0 0 0 0;
}
@media (max-width: 991px) {
  .lt-btn--topbar {
    padding: 0.5rem;
  }
}

.lt-pill {
  z-index: 1;
  display: inline-flex;
}

.lt-pill,
.recent-activity-item-parent {
  position: relative;
  font-size: var(--text-base);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  letter-spacing: 0;
  background-color: var(--color-bg);
  border-radius: calc(var(--border-radius-base) * 5);
}

.lt-pill--sm {
  padding: 0.25rem 0.75rem;
}

.lt-pill--info,
.lt-pill--success,
.lt-pill--danger,
.lt-pill--warning,
.lt-pill--open,
.lt-pill--answered,
.lt-pill--solved,
.lt-pill--closed {
  background-color: transparent;
}

.lt-pill--info:after,
.lt-pill--success:after,
.lt-pill--danger:after,
.lt-pill--warning:after,
.lt-pill--open:after,
.lt-pill--solved:after,
.lt-pill--closed:after,
.lt-pill--answered:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: "";
  border-radius: calc(var(--border-radius-base) * 5);
}

.lt-pill--info:after {
  background-color: var(--color-info);
}

.lt-pill--success:after,
.lt-pill--solved:after,
.lt-pill--closed:after {
  background-color: var(--color-success);
}

.lt-pill--danger:after,
.lt-pill--open:after {
  background-color: var(--color-danger);
}

.lt-pill--warning:after,
.lt-pill--answered:after {
  background-color: var(--color-warning);
}

a.lt-pill:hover,
a.lt-pill:active,
a.lt-pill:focus,
.recent-activity-item-parent:hover,
.recent-activity-item-parent:active,
.recent-activity-item-parent:focus {
  text-decoration: none;
  color:var(--color-text-primary);
  background-color: var(--color-bg);
}

a.lt-pill:hover:after,
a.lt-pill:active:after,
a.lt-pill:focus:after {
  color:var(--color-text-primary);
  background-color: var(--color-bg);
}

.lt-avatar {
  position: relative;
  display: inline-block;
  border-radius: 100%;
}

.lt-avatar svg {
  position: absolute;
  bottom: -0.25rem;
  z-index: 2;
  display: flex;
  width: 1.125rem;
  height: 1.125rem;
  fill: var(--color-brand-primary);
  background-color: var(--avatar-icon-bg, var(--color-bg));
  border-radius: 100%;
}

[dir="ltr"] .lt-avatar svg {
  right: -0.25rem;
}

[dir="rtl"] .lt-avatar svg {
  left: -0.25rem;
}

.lt-avatar:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  border-radius: 100%;
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.15) inset;
}

.lt-avatar__badge {
  position: absolute;
  top: -0.5rem;
  display: inline-flex;
  min-width: 20px;
  height: 20px;
  padding: 4px;
  font-size: var(--text-xxs);
  color: #fff;
  background: #cc0000;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}

[dir="ltr"] .lt-avatar__badge {
  right: -0.5rem;
}

[dir="rtl"] .lt-avatar__badge {
  left: -0.5rem;
}

.lt-avatar__badge:not(.is-active) {
  display: none;
}

.lt-user-avatar {
  position: relative;
  border-radius: 100%;
}

.lt-user-avatar--default {
  width: 3rem;
  height: 3rem;
}

.lt-user-avatar--topbar {
  width: 2rem;
  height: 2rem;
}

.lt-user-avatar--profile {
  width: 3rem;
  height: 3rem;
}

.lt-meta {
  font-size: 14px;
  color: var(--color-text-secondary);
}

.lt-meta__item {
  display: inline-block;
}

[dir="ltr"] .lt-meta__item {
  margin-right: 0.25rem;
}

[dir="rtl"] .lt-meta__item {
  margin-left: 0.25rem;
}

.lt-meta__item + .lt-meta__item:before {
  font-size: 0.75rem;
  content: "\2022";
}

[dir="ltr"] .lt-meta__item + .lt-meta__item:before {
  margin-right: 0.25rem;
}

[dir="rtl"] .lt-meta__item + .lt-meta__item:before {
  margin-left: 0.25rem;
}

.lt-meta__link {
  color: inherit;
}

.lt-meta--profile {
  margin-bottom: 0;
}

.lt-meta--search {
  font-size: var(--text-base);
}

[dir="ltr"] .lt-meta--search .lt-meta__item {
  margin-right: 1.5rem;
}

[dir="rtl"] .lt-meta--search .lt-meta__item {
  margin-left: 1.5rem;
}

.lt-meta--search .lt-meta__item:before {
  display: none;
}

.breadcrumbs {
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
  background-color: transparent;
  border-radius: var(--border-radius-base);
}

.breadcrumbs > li {
  display: inline-block;
}

.breadcrumbs > li + li:before {
  padding: 0 5px;
  color: var(--breadcrumbs-color, var(--color-text-secondary));
  content: "\00a0";
  content: "› ";
}

.breadcrumbs > li a {
  color: var(--breadcrumbs-color, var(--color-text-secondary));
}

.breadcrumbs > li:last-child a {
  color: var(--color-text-primary);
}

[dir="ltr"] .breadcrumbs {
  padding-left: 0;
}

[dir="rtl"] .breadcrumbs {
  padding-right: 0;
}

.lt-breadcrumbs--search-results {
  padding: 0;
}

.lt-breadcrumbs-wrapper {
  padding-top: 2rem;
}

.lt-menu-toggle {
  position: relative;
  display: block;
  height: auto;
  padding: 1rem 0.5rem;
  cursor: pointer;
  background-color: transparent;
  border: none;
  box-shadow: none;
  -webkit-appearance: none;
  order: 1;
}

[dir="ltr"] .lt-menu-toggle {
  margin-right: -0.5rem;
}

[dir="rtl"] .lt-menu-toggle {
  margin-left: -0.5rem;
}
@media (min-width: 992px) {
  .lt-menu-toggle {
    display: none;
  }
}

.lt-menu-toggle span {
  position: relative;
  display: block;
  pointer-events: none;
}

.lt-menu-toggle span,
.lt-menu-toggle span:after,
.lt-menu-toggle span:before {
  width: 26px;
  height: 2px;
  background-color: var(--topbar-color-text);
  transition: background-color 0.15s, transform 0.15s;
}

.lt-menu-toggle span:after,
.lt-menu-toggle span:before {
  position: absolute;
  content: "";
}

[dir="ltr"] .lt-menu-toggle span:after,
[dir="ltr"] .lt-menu-toggle span:before {
  left: 0;
}

[dir="rtl"] .lt-menu-toggle span:after,
[dir="rtl"] .lt-menu-toggle span:before {
  right: 0;
}

.lt-menu-toggle span:before {
  top: -7px;
}

.lt-menu-toggle span:after {
  top: 7px;
}

.lt-entry-info {
  display: flex;
  font-size: 14px;
}

.lt-entry-info__avatar {
  flex-shrink: 0;
}

[dir="ltr"] .lt-entry-info__avatar {
  padding-right: 1rem;
}

[dir="rtl"] .lt-entry-info__avatar {
  padding-left: 1rem;
}

.lt-entry-info .author a {
  color: var(--color-text-primary);
}

.lt-hero-unit {


  color: var(--hero-color-text);
  background-color: var(--hero-bg);
  align-items: center;
  
}

.lt-hero-unit input[type="search"] {
  border-color:#2B627B;
}

.lt-hero-unit input[type="search"]{
	font-size: var(--text-xl);
}

.lt-hero-unit__content {
  position: relative;
  z-index: 2;
  max-width: 720px;
  transition: top 0.3s ease;
}

.lt-hero-unit--large {
  padding-top: 1%;
  padding-bottom: 1%;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}

.lt-hero-unit > * {
  width: 100%;
}

.lt-hero-unit--center,
.lt-hero-unit--center .lt-popular-searches {
  justify-content: center;
  text-align: center;
}

.lt-hero-unit--center .lt-hero-unit__content,
.lt-hero-unit--text-start .lt-hero-unit__content {
  -webkit-margin-start: auto;
  margin-inline-start: auto;
  -webkit-margin-end: auto;
  margin-inline-end: auto;
}

.lt-hero-unit--text-start {
  justify-content: center;
  text-align: start;
}

.lt-hero-unit--text-start .lt-popular-searches {
  justify-content: start;
}

.lt-hero-unit--start,
.lt-hero-unit--start .lt-popular-searches {
  justify-content: flex-start;
}

.lt-hero-unit--with-image:after {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(0deg, var(--hero-bg-mask), transparent);
}

[dir="ltr"] .lt-hero-unit--with-image:after {
  left: 0;
}

[dir="rtl"] .lt-hero-unit--with-image:after {
  right: 0;
}

.lt-hero-unit__bg {
  position: absolute;
  top: -10%;
  z-index: 1;
  width: 100%;
  height: 150%;
  background: var(--hero-image-url) 50% 50% no-repeat;
  background-size: cover;
}

[dir="ltr"] .lt-hero-unit__bg {
  left: 0;
}

[dir="rtl"] .lt-hero-unit__bg {
  right: 0;
}

.lt-hero-unit--large {
  z-index: 2;
  width: 100%;
  transition: top 0.3s ease;
}

.lt-hero-unit--large input[type="search"] {
  height: 3.125rem;
  transition: border 0.3s ease;
  transition: border 0.3s ease, background-color 0.3s ease;
}

.lt-hero-unit--large input[type="submit"] {
  padding-right: 2.5rem;
  padding-left: 2.5rem;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .lt-hero-unit--large input[type="submit"] {
    display: none;
  }
}
@media (min-width: 768px) {
  .lt-hero-unit--large input[type="submit"],
  .lt-hero-unit--large input[type="search"] {
  max-height: 220px;
  }
}
@media only screen and (min-width: 576px) {
  .lt-hero-unit--large {
    max-height: 250px;
  }
}

.lt-hero-unit__title {
  font-size:var(--text-3xl);
  word-spacing:0.2rem;
}

.lt-card {
  --flow-space: 0.5rem;
  position: relative;
  display: flex;
  width: 100%;
  word-break: break-word;
  flex-direction: column;
}

.lt-card-categorie {
  --flow-space: 0.5rem;
  position: relative;
  display: grid;
  width: 100%;
  word-break: break-word;
	grid-template-rows:0.65fr 1fr;
}

.lt-categories-section > hr{
  width:96%;
  margin-bottom:15px;
}

.lt-card__link {
  display: block;
  color: currentcolor;
  margin-left:10px;
  align-self:center;
  text-align:left;
}

.lt-card__link:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.lt-card__link:hover {
  color: currentcolor;
}

.lt-card__heading{
  display:flex;
  flex-direction:row;
}

.lt-category__icon{
  width:32px;
  height:32px;
  
}

.lt-card__heading,
.lt-card__text {
  margin-bottom: 10px;
  text-align:left;
}

.lt-card-categorie > .lt-card__heading{
  margin-top:5px;
}

.lt-card--center {
  align-items: center;
  text-align: center;
}

.lt-card--start {
  align-items: flex-start;
  text-align: start;
}

.lt-card-wrapper {
  position: relative;
  display: flex;
  
}

@media (min-width: 768px) {
  .lt-custom-blocks--center .lt-card {
    align-items: center;
    text-align: center;
  }

  .lt-custom-blocks--start .lt-card {
    align-items: flex-start;
    text-align: start;
  }
}

.lt-custom-block__icon {
  width: 32px;
  height: 32px;
}

.lt-custom-block__icon path,
.lt-custom-block__icon circle {
  transition: all 0.3s ease;
}

.lt-text-secondary {
  color: var(--color-text-secondary);
}

.lt-block-list-item {
  padding: 2rem 1.5rem;
  color: var(--block-text-color);
  background-color:#ffffff;
}

#sous-categories .lt-block-list-item {
  padding: 24px 2remf;
  color: var(--block-text-color);
}

#sous-categories .lt-card__heading {
  margin-bottom:0px;
}

#sous-categories .lt-card__text {
  margin-bottom:0px;
  margin-top:0px;
}

#sous-categories .lt-card-wrapper{
  margin-top:24px;
}

#sous-categories .lt-card__content {
    align-items: center;
}

lt-block-list-item__link{
  font-size:18px;
  font-weight:700;
  height:50px;
}

.lt-block-list-item__link:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: "";
  border-color: var(--color-bg-secondary);
  border-radius: var(--border-radius-lg);
}

.lt-block-list-item__link:hover,
.lt-block-list-item__link:focus {
  color: currentColor;
  text-decoration: none;
}

.lt-block-list-item__link:focus:before,
.lt-block-list-item__link:hover:before {
  filter: brightness(90%);
}

.lt-block-list-item__link:active:before {
  filter: brightness(85%);
}

.recent-activity {
  margin-bottom: 4rem;
}

.recent-activity-item-link {
  display: block;
  margin-bottom: 0.5rem;
  color:var(--color-text-primary);
  text-decoration:underline;
}

.recent-activity-header {
  margin-bottom: var(--text-margin-bottom);
  font-size: var(--text-3xl);
}
@media only screen and (min-width: 768px) {
  .recent-activity-header {
    font-size: var(--text-4xl);
  }
}

.recent-activity-list {
  display: grid;
  margin-bottom: 0;
  list-style: none;
  gap: calc(var(--grid-gutter-width) * 2);
}

[dir="ltr"] .recent-activity-list {
  padding-left: 0;
}

[dir="rtl"] .recent-activity-list {
  padding-right: 0;
}
@media (min-width: 768px) {
  .recent-activity-list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.recent-activity-item {
  display: flex;
  padding: 2rem;
  flex-direction: column;

  border: var(--border-width) solid var(--color-border);
  border-radius: var(--border-radius-lg);
  align-items: flex-start;
  background-color:var(--color-bg);
}

.recent-activity-item h3 {
  font-family: var(--font-family-body);
}

.recent-activity-item > * + * {
  margin-top: 1rem;
}

.recent-activity-item > * {
  margin-bottom: 0;
}

.recent-activity-item > *:not([hidden]) + *:not([hidden]) {
  margin-top: var(--flow-space, 1rem);
}

.recent-activity-item-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-size: var(--text-sm);
  color: var(--color-text-secondary);
  flex-direction: row-reverse;
}

.recent-activity-item-parent {
  display: block;
}

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

[dir="ltr"] .recent-activity-comment-icon:after {
  margin-left: 4px;
}

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

.recent-activity-controls {
  padding-top: 1.5rem;
}

.cta-box {
  padding-top: 3rem;
  padding-bottom: 3rem;
  text-align: center;
  background-color: var(--color-bg-cta);
  border-radius: var(--border-radius-lg);
  -webkit-padding-start: 2rem;
  padding-inline-start: 2rem;
  -webkit-padding-end: 2rem;
  padding-inline-end: 2rem;
}

.cta-box--large {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.share {
  white-space: nowrap;
  list-style: none;
}

[dir="ltr"] .share {
  padding-left: 0;
}

[dir="rtl"] .share {
  padding-right: 0;
}

.share li {
  position: relative;
  display: inline-flex;
  margin-bottom: 5px;
  vertical-align: top;
}

.share a {
  display: block;
  width: 30px;
  height: 30px;
  overflow: hidden;
  line-height: 30px;
  touch-action: manipulation;
  color: var(--color-text-primary);
}

.share a:active {
  background-image: none;
}

.share svg {
  width: 20px;
  height: 20px;
}

.lt-new-request-page {
  width: 100%;
  margin-bottom: 3rem;
}

.lt-new-request-form {
  margin-bottom: 1.5rem;
}

.lt-error-page {
  max-width: 600px;
}

.lt-error-page__articles {
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--border-radius-base);
}

.pagination-list {
  margin-top: 0;
  list-style: none;
}

[dir="ltr"] .pagination-list {
  padding-left: 0;
  margin-left: 0;
}

[dir="rtl"] .pagination-list {
  padding-right: 0;
  margin-right: 0;
}

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

[dir="ltr"] .pagination-next-text {
  margin-right: 1rem;
}

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

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

[dir="ltr"] .pagination-prev-text {
  margin-left: 1rem;
}

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

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

.lt-scroll-to-top {
  position: fixed;
  bottom: -50px;
  z-index: 999;
  width: 3rem;
  height: 3rem;
  font-size: 2rem !important;
  color: var(--color-text-secondary);
  text-align: center;
  cursor: pointer;
  background-color: white;
  border: var(--border-width) solid var(--color-text-secondary);
  border-radius: var(--border-radius-base);
  transition: bottom 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.lt-scroll-to-top.is-active {
  bottom: 30px;
}

.lt-scroll-to-top:hover {
  color: var(--color-link-hover);
  border-color: var(--color-link-hover);
}

@media (max-width: 575px) {
  .lt-scroll-to-top {
    display: none;
  }
}

[dir="ltr"] .lt-scroll-to-top {
  right: 2rem;
}

[dir="rtl"] .lt-scroll-to-top {
  right: 2rem;
}

.recent-articles h3,
.related-articles h3 {
  margin-bottom: 1rem;
}

@media (min-width: 576px) {
  .recent-articles h3,
  .related-articles h3 {
    margin-top: 1rem;
  }
}

.recent-articles ul,
.related-articles ul {
  list-style: none;
}

.recent-articles ul > li,
.related-articles ul > li {
  margin-bottom: 1rem;
}

.recent-articles ul > li a,
.related-articles ul > li a {
  padding-bottom: 1px;
  color: var(--color-text-primary);
  border-bottom: 1px solid var(--color-border);
}

[dir="ltr"] .recent-articles ul,
[dir="ltr"] .related-articles ul {
  padding-left: 0;
}

[dir="rtl"] .recent-articles ul,
[dir="rtl"] .related-articles ul {
  padding-right: 0;
}

.recent-articles h3 {
  font-size: var(--font-size-h4);
}
@media (max-width: 991px) {
  .lt-user-info {
    width: 100%;
    padding-bottom: 1rem;
    border-bottom: var(--border-width) solid var(--color-border);
    order: -1;
  }

  .lt-user-info__menu {
    position: static;
    padding: 0;
    border: 0;
    box-shadow: none;
  }

  .lt-user-info__menu [role="menuitem"] {
    padding-top: 0.5rem;
    padding-right: 0;
    padding-bottom: 0.5rem;
    padding-left: 0;
    font-weight: var(--topbar-font-weight);
  }
}

.lt-status-widget {
  font-weight: 600;
}

.lt-status-widget,
.lt-status-widget:hover,
.lt-status-widget:focus,
.lt-status-widget:active {
  color: #fff;
}

.lt-status-widget-container {
  display: flex;
  align-items: center;
}

.lt-status-widget__indicator {
  width: 0.75rem;
  height: 0.75rem;
  background-color: #aaa;
  border-radius: 50%;
}

.lt-status-widget__indicator--none {
  background-color: #2ecc71;
}

.lt-status-widget__indicator--operational {
  background-color: #2ecc71;
}

.lt-status-widget__indicator--minor {
  background-color: #f1c40f;
}

.lt-status-widget__indicator--major {
  background-color: #e67e22;
}

.lt-status-widget__indicator--critical {
  background-color: #e74c3c;
}

.lt-status-widget__indicator--maintenance {
  background-color: #3498db;
}

[dir="ltr"] .lt-status-widget__indicator__text {
  margin-left: 0.5rem;
}

[dir="rtl"] .lt-status-widget__indicator__text {
  margin-right: 0.5rem;
}

.lt-profile-header {
  text-align: center;
  border-radius: var(--border-radius-base);
}

.lt-profile-header__avatar {
  display: inline-block;
  margin-bottom: 16px;
}

.lt-profile-header__private-badge {
  display: inline-block;
  margin-bottom: 1.5rem;
  background-color: var(--color-brand-primary);
}

.lt-profile-header__description {
  word-break: break-all;
  word-break: break-word;
}

[dir="ltr"] .lt-profile__buttons > * + *,
[dir="ltr"] [data-action="userProfileActions"] > * + * {
  margin-left: var(--grid-gutter-width);
}

[dir="rtl"] .lt-profile__buttons > * + *,
[dir="rtl"] [data-action="userProfileActions"] > * + * {
  margin-right: var(--grid-gutter-width);
}

.lt-profile-stats {
  margin-bottom: 1rem;
  font-size: var(--text-sm);
  color: var(--color-text-secondary);
  list-style: none;
}

[dir="ltr"] .lt-profile-stats {
  padding-left: 0;
}

[dir="rtl"] .lt-profile-stats {
  padding-right: 0;
}

.lt-profile-stats__stat {
  margin-bottom: 0.5rem;
}
@media (max-width: 767px) {
  .lt-profile-stats__stat {
    display: block;
  }

  .lt-profile-stats__stat:before {
    display: none;
  }
}

[dir="ltr"] .lt-profile-stats__label {
  margin-right: calc(var(--padding-base-horizontal) / 2);
}

[dir="rtl"] .lt-profile-stats__label {
  margin-left: calc(var(--padding-base-horizontal) / 2);
}

.lt-profile-stats__value {
  color: var(--color-text-primary);
}

.lt-profile-nav {
  margin-bottom: 1.5rem;
  overflow: hidden;
  font-size: var(--text-sm);
  font-weight: 600;
  background-color: var(--color-bg-secondary);
  border-radius: var(--border-radius-base);
}

.lt-profile-nav__items {
  margin: 0;
  list-style: none;
}

[dir="ltr"] .lt-profile-nav__items {
  padding-left: 0;
}

[dir="rtl"] .lt-profile-nav__items {
  padding-right: 0;
}

.lt-profile-nav__item {
  margin-bottom: 0;
}

@media (min-width: 576px) {
  .lt-profile-nav__item {
    display: inline-block;
    vertical-align: middle;
  }
}

.lt-profile-nav__item a {
  display: block;
  color: var(--color-text-primary);
}

.lt-profile-nav__item.is-active {
  color: #fff;
  background-color: var(--color-brand-primary);
}

.lt-profile-nav__item.is-active,
.lt-profile-nav__item a {
  padding: 1rem var(--padding-base-horizontal);
  line-height: 1;
}

[dir="ltr"] .lt-profile-nav__item:after {
  right: var(--padding-base-horizontal) !important;
}

[dir="rtl"] .lt-profile-nav__item:after {
  left: var(--padding-base-horizontal) !important;
}

.lt-profile-section {
  width: 100%;
}

.lt-profile-section__header {
  margin-bottom: 1.5rem;
}

.lt-profile-section__title {
  margin-bottom: 1rem;
  font-size: var(--font-size-h3);
}

.lt-profile-section__description {
  font-size: var(--text-sm);
  color: var(--color-text-secondary);
}
@media (min-width: 576px) {
  .lt-profile-section__description {
    padding-bottom: 0;
  }
}

.lt-profile-contribution {
  position: relative;
  padding: 1rem var(--grid-gutter-width);

  word-wrap: break-word;
  background-color: var(--color-bg-secondary);

  border-radius: var(--border-radius-base);
}

.lt-profile-contribution__header {
  margin-bottom: 0.5rem;
}

.lt-profile-contribution__status {
  margin-bottom: 0.5rem;
}

.lt-profile-contribution__title {
  margin-bottom: 0.5rem;
  font-size: var(--text-base);
  font-weight: 600;
}

.lt-profile-contribution__body {
  margin-bottom: 1rem;
}

.lt-profile-contribution__breadcrumbs {
  padding: 0;
  margin-bottom: 1rem;
  font-size: var(--text-sm);
}

.lt-profile__no-activity,
.lt-profile__private-activity {
  color: var(--color-text-secondary);
  text-align: center;
}

.lt-profile-activity-list {
  list-style: none;
}

[dir="ltr"] .lt-profile-activity-list {
  padding-left: 0;
}

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

.lt-profile-activity {
  position: relative;
  margin-bottom: 2rem;
}

.lt-profile-activity__header {
  margin-bottom: 1rem;

  font-size: var(--text-sm);
  font-weight: 600;
}

.lt-profile-activity__avatar {
  width: 30px;
  height: 30px;
}

[dir="ltr"] .lt-profile-activity__avatar {
  margin-right: calc(var(--padding-base-horizontal) / 2);
}

[dir="rtl"] .lt-profile-activity__avatar {
  margin-left: calc(var(--padding-base-horizontal) / 2);
}

[dir="ltr"] .lt-profile-contribution__title:before {
  margin-right: 4px;
}

[dir="rtl"] .lt-profile-contribution__title:before {
  margin-left: 4px;
}

.user-subscribe {
  display: inline-block;
}

.lt-profile-badge-item {
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--border-radius-base);
}

.lt-profile-badge {
  width: 40px;
  height: 40px;
}

.lt-profile-badge__image {
  width: 40px;
  height: 40px;
}

.lt-profile-activity .lt-icon {
  width: 1rem;
  height: 1rem;
}

.lt-attachment-list {
  margin: 0;

  list-style: none;
}

[dir="ltr"] .lt-attachment-list {
  padding-left: 0;
}

[dir="rtl"] .lt-attachment-list {
  padding-right: 0;
}

.lt-attachment-list__item {
  position: relative;
  margin-bottom: 0.5rem;
}

[dir="ltr"] .lt-attachment-list__item {
  padding-left: 1.5rem;
}

[dir="rtl"] .lt-attachment-list__item {
  padding-right: 1.5rem;
}

.lt-attachment-list__item:last-child {
  margin-bottom: 0;
}

.lt-attachment-list__icon {
  position: absolute;
  top: 4px;
  width: 1rem;
  height: 1rem;
}

[dir="ltr"] .lt-attachment-list__icon {
  left: 0;
}

[dir="rtl"] .lt-attachment-list__icon {
  right: 0;
}

.lt-skip-navigation {
  position: absolute;
  top: auto;
  z-index: -999;
  display: flex;
  padding: 20px;
  margin: 20px;
  overflow: hidden;
  font-size: 14px;
  color: var(--color-text-primary);
  background-color: var(--color-bg);
  border: var(--border-width) solid var(--color-link);
  align-items: center;
  justify-content: center;
}

[dir="ltr"] .lt-skip-navigation {
  left: -999px;
}

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

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

[dir="ltr"] .lt-skip-navigation:focus,
[dir="ltr"] .lt-skip-navigation:active {
  left: auto;
}

[dir="rtl"] .lt-skip-navigation:focus,
[dir="rtl"] .lt-skip-navigation:active {
  right: auto;
}
/* ==========================================================================
  Notification
  ========================================================================== */
.notification {
  display: table;
  width: 100%;
  padding: 0.75rem 1rem;
  font-family: sans-serif;
  font-size: var(--text-sm);
  color: #555;
  border: var(--border-width) solid;
  transition: height 0.2s;
}

.notification a {
  color: #158ec2;
}

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

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

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

.notification + .notification {
  position: relative;
  top: -1px;
  margin-bottom: -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: var(--color-ui-danger-text);
  background: var(--color-ui-danger-bg);
  border-color: var(--color-ui-danger-bg);
}

.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 {
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  content: "";
  background-size: cover;
}
/* Dismiss button */
.notification-dismiss,
a.notification-dismiss {
  color: #555;
  text-decoration: none !important;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 100ms ease;
}

.notification-dismiss:hover {
  opacity: 1;
}
/* Inline notifications */
.notification-inline {
  position: relative;
  padding: 0.25rem 0.5rem;
  margin-top: 0.5rem;
  vertical-align: middle;
  border-radius: var(--border-radius-base);
}

[dir="ltr"] .notification-inline {
  text-align: left;
}

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

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

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

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

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

.notification-inline.notification-error {
  padding: 0;
  color: var(--color-ui-danger-text);
  background-color: transparent;
  border: 0;
}

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

[dir="ltr"] .notification-left-aligned {
  padding-left: 0;
  text-align: left;
}

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

.lt-backdrop {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 9;
  display: none;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.4);
}

[dir="ltr"] .lt-backdrop {
  left: 0;
}

[dir="rtl"] .lt-backdrop {
  right: 0;
}
@media (max-width: 991px) {
  .lt-backdrop.is-active {
    display: block;
  }
}

.lt-popular-searches {
  font-weight: 400;
  font-size: 18px;
}

.lt-popular-searches__item {
  color: var(--hero-color-text);
  font-size:16px;
  font-weight:400;
}

.lt-popular-searches__item:hover,
.lt-popular-searches__item:active,
.lt-popular-searches__item:focus {
  color: var(--hero-color-text);
  text-decoration: underline;
  opacity: 0.6;
  font-size:16px;
  font-weight:400;
}

.lt-contact-box__icon {
  width: var(--contact-box-icon-size);
  height: var(--contact-box-icon-size);
}

.lt-card--border {
  padding: 2rem;
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--border-radius-lg);
}

.lt-info-block {
  border-radius: var(--border-radius-base);
}

.lt-home-container{
  background-color:#F6F6F6;
  padding-bottom:20px;
}

.lt-info-block-container + .lt-home-container,
.lt-home-container:first-child {
  padding-top: 4rem;
}

.lt-info-block-container + .lt-footer-submit-ticket {
  margin-top: 4rem;
}

.lt-vote {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}

.lt-vote svg {
  width: 1.5rem;
  height: 1.5rem;
  stroke-width: 1.5;
}
/* Submit a request page: article suggestions */
.suggestion-articles {
  padding: 20px;
  font-family: "Lato", sans-serif;
  background: #ffffff;
  border: 1px solid var(--color-text-secondary);
  border-radius: var(--border-radius-base);
}
.suggestion-articles-screen {
  font-family: "Lato", sans-serif;
}

.suggestion-articles-screen {
    display: flex;
    flex-direction: row; /* Align items horizontally */
    align-items: center; /* Align items in the center vertically */
  	flex-wrap:wrap;
  	gap:5px;
}

.suggestions-header__title,
.suggestions-list-screen {
    margin: 0;
}

.suggestions-list-screen {
    display: flex; /* Use flex for the nested ul */
    align-items: center; /* Align li elements in the center vertically */
    padding-left: 0;
    list-style: none;
  	flex-wrap:wrap;
  	gap:5px;
}

.form-field .suggestion-articles {
  margin-top: 30px !important;
}

.suggestions-header {
  position: relative;
  margin-bottom: 20px;
}

.suggestions-header__title {
  font-family: "Lato", sans-serif;
  font-size: var(--text-xl);
  font-weight: 400;
  margin-right:10px;
  margin-bottom:5px;
}
.suggestions-header__subtitle {
  font-family: "Lato", sans-serif;
  font-size: var(--text-base);
  font-weight: 700;
  margin-right:10px;
  color:var(--color-text-secondary);
}

.suggestions-header__icon {
  position: absolute;
  top: 0;
  width: 24px;
  font-size: 24px;
  color: var(--color-text-primary);
}

[dir="ltr"] .suggestions-header__icon {
  left: 0;
}

[dir="rtl"] .suggestions-header__icon {
  right: 0;
}

.suggestions-list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.suggestions-list-screen .suggestions-list__item {
    margin-right: 10px; /* Add spacing between li elements */
    margin-bottom: 0; /* Remove bottom margin for li elements */
    padding: 4px 8px; /* Adjust padding as needed */
    background-color: #ffffff; /* White background color */
    border: 2px solid #A4CAF8; /* Solid #A4CAF8 border */
    border-radius: 8px; /* Optional: Add border-radius for rounded corners */
  	white-space:nowrap;
}

.suggestions-list-screen .suggestions-list__item:last-child {
    margin-right: 0; /* Remove right margin for the last li element */
}

.suggestions-list-screen .suggestions-list__item a {
    color:#3558A2;
    text-decoration: none;
}

.suggestions-list-screen .suggestions-list__item a:hover {
    color: var(--color-brand-primary); /* Change text color on hover */
}

.suggestions-list__item {
  padding: 2px;
  margin-bottom: 2px;
  border: 1px solid rgba(255, 252, 243, 1);
  border-radius: 5px;
}

.suggestions-list__item:last-child {
  margin-bottom: 0;
}

.suggestions-list__title {
  display: block;
  margin-bottom: 10px;
  font-weight: 700;
}

.suggestions-list__more {
  text-decoration: underline;
}

.suggestions-list__more:hover {
  color: $text_color;
  text-decoration: none;
}

.suggestions-close,
.suggestions-close:hover,
.suggestions-close:active,
.suggestions-close:focus {
  position: absolute;
  top: -10px;
  padding: 8px 14px;
  font-size: 20px;
  color: $text_color;
  cursor: pointer;
  background: none;
}

[dir="ltr"] .suggestions-close,
[dir="ltr"] .suggestions-close:hover,
[dir="ltr"] .suggestions-close:active,
[dir="ltr"] .suggestions-close:focus {
  right: -10px;
}

[dir="rtl"] .suggestions-close,
[dir="rtl"] .suggestions-close:hover,
[dir="rtl"] .suggestions-close:active,
[dir="rtl"] .suggestions-close:focus {
  left: -10px;
}

.suggestions-close:after {
  display: inline-block;
  content: "\00d7";
}
/* Search */
/* Search */
.search {
  display: flex;
  gap: 1rem;
}

.searchbox {
  margin-top: 1.5rem;
}

.searchbox h2 {
  margin-bottom: 32px;
  font-weight:400;
  font-family: "Lato", sans-serif;
  font-size: var(--text-xl);
}

.searchbox-suggestions ul {
  margin-bottom: 1.5rem;
  list-style: none;
}

.searchbox-suggestions li {
  margin-bottom: 0.5rem;
}

[dir="ltr"] .searchbox-suggestions ul {
  padding-left: 0;
}

[dir="rtl"] .searchbox-suggestions ul {
  padding-right: 0;
}

.lt-search-wrap {
  position: relative;
  max-width: 720px;
}

.lt-search-wrap:not(.lt-search-wrap--hero):not(.lt-search-wrap--requests) {
  -webkit-margin-start: auto;
  margin-inline-start: auto;
  -webkit-margin-end: auto;
  margin-inline-end: auto;
}

.lt-search-wrap input[type="search"] {
  -webkit-padding-start: 3rem;
  padding-inline-start: 3rem;
  font-size:14px;
}

.lt-search-wrap svg {
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 1.5rem;
  height: 1.5rem;
  stroke: var(--color-text-primary);
  transform: translateY(-50%);
}

[dir="ltr"] .lt-search-wrap svg {
  left: 1rem;
}

[dir="rtl"] .lt-search-wrap svg {
  right: 1rem;
}

.lt-search-wrap--requests {
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
  max-width: 100%;
}

.lt-search-results-page {
  margin-bottom: 3rem;
}

.lt-search-result {
  border-top: var(--border-width) solid var(--color-border);
}

.lt-search-result__text em {
  padding: 0 3px;
  font-style: normal;
  font-weight: var(--font-weight-bold);
  background-color: var(--color-warning);
  border-radius: 3px;
}
/* ==========================================================================
  Search Results Filters
   ========================================================================== */
.lt-search-filters {
  background-color: var(--color-bg-secondary);
  border-radius: var(--border-radius-base);
}

.lt-search-filter__btn {
  position: relative;
  display: block;
  width: 100%;
  cursor: pointer;
  background-color: transparent;
  background-image: none;
  border: 0;
}

[dir="ltr"] .lt-search-filter__btn {
  text-align: left;
}

[dir="rtl"] .lt-search-filter__btn {
  text-align: right;
}

.lt-search-filter__btn-content {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

.lt-search-filter__item.is-active .lt-search-filter__link {
  font-weight: var(--font-weight-bold);
  color: var(--color-brand-primary-inverse);
  background-color: var(--color-brand-primary);
  border-color: var(--color-brand-primary);
}

.lt-search-filter__link {
  align-items: center;
  color: var(--color-text-primary);
  text-decoration: none;
  border: var(--border-width) solid transparent;
  border-radius: var(--border-radius-base);
}

.lt-search-filter__link:active {
  background-image: none;
}

.lt-search-filter__link a,
.lt-search-filter__link svg {
  color: currentColor;
}

.lt-search-filter__count {
  display: inline-flex;
  font-size: var(--text-sm);
}
/* My Activities */
.lt-my-activities-items {
  width: 100%;
  margin-bottom: 3rem;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
}
@media (min-width: 576px) {
  .lt-my-activities-items {
    table-layout: auto;
  }
}

.lt-my-activities-items__head {
  display: none;
  color: var(--color-text-secondary);
}
@media (min-width: 576px) {
  .lt-my-activities-items__head {
    display: table-header-group;
    font-weight: var(--font-weight-bold);
  }
}
@media (min-width: 576px) {
  .lt-my-activities-items__body {
    display: table-row-group;
  }
}

.lt-my-activities-items__row {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
@media (min-width: 576px) {
  .lt-my-activities-items__row {
    display: table-row;
  }
}

.lt-my-activities-items__col {
  display: block;
}

.lt-my-activities-items__col--activity {
  display: none;
}
@media (min-width: 576px) {
  .lt-my-activities-items__col {
    display: table-cell;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: var(--border-width) solid var(--color-border);
  }

  [dir="ltr"] .lt-my-activities-items__col + .lt-my-activities-items__col {
    padding-left: var(--padding-base-horizontal);
  }

  [dir="rtl"] .lt-my-activities-items__col + .lt-my-activities-items__col {
    padding-right: var(--padding-base-horizontal);
  }
}
@media (max-width: 575px) {
  .lt-my-activities-items__request-id {
    display: inline;
  }
}
@media (min-width: 576px) {
  .lt-my-activities-items__request-id {
    display: none;
  }
}

.lt-my-activities-items__col .requests-link {
  position: relative;
  color: var(--color-text-secondary);
  white-space: nowrap;
}
@media (min-width: 576px) {
  [dir="ltr"] .lt-my-activities-menu-item + .lt-my-activities-menu-item {
    margin-left: 1rem;
  }

  [dir="rtl"] .lt-my-activities-menu-item + .lt-my-activities-menu-item {
    margin-right: 1rem;
  }
}

.lt-my-activities-menu--main {
  border-bottom: var(--border-width) solid var(--color-border);
}

.lt-my-activities-menu--main .lt-my-activities-menu-item {
  padding: 0.5rem 1rem;
  background-color: var(--color-link);
  border-radius: var(--border-radius-base);
}

.lt-my-activities-menu-item__link,
.lt-my-activities-menu-item__link:hover,
.lt-my-activities-menu-item__link:focus {
  color: #fff;
}

.lt-my-activities-menu--main .lt-my-activities-menu-item.is-active {
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  background-color: var(--color-bg-secondary);
}

.lt-my-activities-menu--sub .lt-my-activities-menu-item.is-active {
  font-weight: var(--font-weight-bold);
}

.lt-my-activities-menu-item {
  margin-bottom: 1rem;
}
@media (min-width: 576px) {
  [dir="ltr"] .lt-my-activities-menu-item + .lt-my-activities-menu-item {
    margin-left: 1rem;
  }

  [dir="rtl"] .lt-my-activities-menu-item + .lt-my-activities-menu-item {
    margin-right: 1rem;
  }
}
@media (max-width: 575px) {
  .lt-my-activities-item {
    padding: 1rem var(--padding-base-horizontal);
    margin-bottom: 1.5rem;
    border: var(--border-width) solid var(--color-border);
    border-radius: var(--border-radius-base);
  }
}
/* Comments */
/* ==========================================================================
  Comment Form
  ========================================================================== */
.lt-comment-form {
  position: relative;
}
@media (min-width: 576px) {
  .lt-comment-form {
    padding-left: 4rem;
  }
}

.lt-comment-form__avatar {
  position: absolute;
  top: 0;
}

@media (max-width: 575px) {
  .lt-comment-form__avatar {
    display: none;
  }
}

[dir="ltr"] .lt-comment-form__avatar {
  left: 0;
}

[dir="rtl"] .lt-comment-form__avatar {
  right: 0;
}

.lt-comment-form__attachments {
  margin-bottom: 1.5rem;
}

.lt-comment-form__mark-as-solved {
  position: relative;
}

.lt-comment-form__ccs {
  margin-bottom: 0;
}

.lt-comment-form__ccs + textarea {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.lt-comment-form__body {
  margin-bottom: 1rem;
}
/* ==========================================================================
  Comment Sorter
  ========================================================================== */
.lt-comment-sorter {
  border-bottom: var(--border-width) solid var(--color-border);
}

.lt-comment-sorter__item.is-active {
  font-weight: 600;
}

.lt-comment-sorter__item + .lt-comment-sorter__item:before {
  margin: 0 6px;
  font-size: 10px;
  font-weight: 900;
  content: "\2022";
}
/* ==========================================================================
  Comment
  ========================================================================== */
.lt-comment {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: var(--border-width) solid var(--color-border);
}

.lt-comment__header {
  position: relative;
  margin-bottom: 24px;
}

.lt-comment__content {
  flex-grow: 1;
}

.lt-comment__voting-and-actions {
  flex-shrink: 0;
}

[dir="ltr"] .lt-comment__voting-and-actions {
  margin-left: 16px;
}

[dir="rtl"] .lt-comment__voting-and-actions {
  margin-right: 16px;
}

.lt-comment__official-heading {
  display: block;
  margin-bottom: 1rem;
  font-weight: var(--font-weight-bold);
}

.lt-comment--official .lt-comment__inner {
  position: relative;
  padding: 1.5rem;
  background-color: var(--info-callout-color);
  border-radius: var(--border-radius-base);
}

.lt-comment__body {
  margin-bottom: 24px;
  word-break: break-word;
}

.lt-comment__body ul {
  list-style: disc;
}

.lt-comment__body ul ul,
.lt-comment__body ul ol,
.lt-comment__body ol ul,
.lt-comment__body ol ol {
  margin-top: 12px;
}

.lt-comment__body ul li,
.lt-comment__body ol li {
  margin-bottom: 12px;
}

@media (max-width: 575px) {
  .lt-comment__body {
    margin-bottom: 0;
  }
}

[dir="ltr"] .lt-comment__body ul,
[dir="ltr"] .lt-comment__body ol {
  padding-left: 20px;
}

[dir="rtl"] .lt-comment__body ul,
[dir="rtl"] .lt-comment__body ol {
  padding-right: 20px;
}

.lt-comment__actions {
  padding-top: 8px;
}
/* Comment List */
.lt-comments {
  margin-bottom: 3rem;
}

.lt-comments__callout:empty {
  display: none;
}

.lt-comments__list {
  list-style: none;
}

[dir="ltr"] .lt-comments__list {
  padding-left: 0;
}

[dir="rtl"] .lt-comments__list {
  padding-right: 0;
}
/* Article */
.lt-article-container {
  display: grid;
  gap: calc(var(--grid-gutter-width) * 2);
  grid-template-columns: 1fr;
}
@media (min-width: 1200px) {
  .lt-article-container{
    grid-template-columns: 273px 5fr 1fr;
  }
   html:not(.sidenav-open) .lt-article-container{
    grid-template-columns: auto 5fr 1fr;
  }
}

.lt-article-container__article {
  min-width: 0; /* Preventing a Grid Blowout https://css-tricks.com/preventing-a-grid-blowout/ */
}

html.sidenav-enabled .lt-section-articles {
  display: none;
}

html.sidenav-enabled .lt-article-container__sidenav,
.toc-enabled .lt-article-container__toc {
  display: block;
}

.toc-enabled .lt-article-container__sidebar {
  padding-bottom: 24px;
}
@media (max-width: 575px) {
  .lt-article-container__sidebar {
    padding-top: 1.5rem;

    border-top: var(--border-width) solid var(--color-border);
  }
}

.lt-article-list {
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
}

[dir="ltr"] .lt-article-list {
  padding-left: 0;
}

[dir="rtl"] .lt-article-list {
  padding-right: 0;
}

.lt-article-list > * + * {
  margin-top: 1rem;
}

.lt-star-icon {
  position: relative;
  top: -0.125rem;
  width: 0.75rem;
  height: 0.75rem;
  vertical-align: middle;
  fill: var(--color-service-warning);
}

.lt-article-vote {
  position: relative;
}

.lt-article-vote__controls {
  display: flex;
  gap: 0.5rem;
}

.lt-article-vote__item {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

.lt-article-vote__item--voted {
  color: var(--color-bg);
  background-color: var(--color-text-primary);
  border-color: var(--color-text-primary);
}

.lt-article-vote__item--voted:hover,
.lt-article-vote__item--voted:focus {
  color: var(--color-bg);
  background-color: var(--button-color-secondary);
  border-color: var(--button-color-secondary);
  opacity: 0.6;
}

.lt-article-vote__label {
  display: block;

  color: var(--color-text-secondary);
}

.lt-article-page {
  margin-bottom: 2rem;
}

.lt-article {
  position: relative;
}

[dir="ltr"] .lt-article-subscribe > * + * {
  margin-left: 1rem;
}

[dir="rtl"] .lt-article-subscribe > * + * {
  margin-right: 1rem;
}

.lt-article__body {
  margin-bottom: 1.5rem;
  word-break: break-word;
}

.lt-article__body .wysiwyg-font-size-x-large {
  font-size: var(--font-size-h2);
}

.lt-article__body .wysiwyg-font-size-large {
  font-size: var(--font-size-h3);
}

.lt-article__body .wysiwyg-font-size-medium {
  font-size: var(--font-size-h4);
}

.lt-article__body .wysiwyg-font-size-small {
  font-size: var(--text-sm);
}
@media (max-width: 575px) {
  .lt-article-sidebar {
    padding-top: 1.5rem;

    border-top: var(--border-width) solid var(--color-border);
  }
}
/* Category */
.lt-category-tree-item {
  margin-bottom: 2rem;
}

.lt-category-tree-item__sections {
  margin-bottom: 1.5rem;
}

.lt-category-tree-item__title-link {
  color: inherit;
}

.lt-category-tree-item + .lt-category-tree-item {
  padding-top: 2rem;
  border-top: var(--border-width) solid var(--color-border);
}
/* Section */
.lt-section-link {
  color: inherit;
}

.lt-section-articles summary {
  font-size: var(--text-lg);
}
@media (min-width: 1200px) {
  .lt-section-articles .accordion {
    border: 0;
  }

  .lt-section-articles summary {
    padding: 0 !important;
    margin-bottom: 1rem;
    font-size: var(--text-xl);
  }

  .lt-section-articles .accordion__content {
    padding: 0;
    margin: 0;
    overflow: visible;
    border: 0;
  }

  .lt-section-articles .accordion__summary-wrapper > .lt-icon {
    display: none;
  }
}
/* Community */
.lt-community-nav-item {
  display: block;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  [dir="ltr"] .lt-community-nav-item + .lt-community-nav-item {
    margin-left: 1rem;
  }

  [dir="rtl"] .lt-community-nav-item + .lt-community-nav-item {
    margin-right: 1rem;
  }
}

.lt-community-nav-item.is-active {
  font-weight: var(--font-weight-bold);
}

[dir="ltr"] .lt-follow > * + * {
  margin-left: 1rem;
}

[dir="rtl"] .lt-follow > * + * {
  margin-right: 1rem;
}
@media (min-width: 576px) {
  .lt-topic-controls {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 576px) {
  .lt-topic-controls__item {
    display: flex;
    align-items: center;
  }
}

.lt-topic-controls__item--subscribe {
  display: flex;
  align-items: center;
}

.lt-post {
  position: relative;
}

.lt-post__text {
  margin-bottom: 2rem;
  word-wrap: break-word;
}

.lt-post__actions {
  padding-top: 0.5rem;
}

.lt-post__actions svg {
  width: 1.5rem;
  height: 1.5rem;
}

.lt-post__actions button {
  display: flex;
  margin-right: auto;
  margin-left: auto;
  cursor: pointer;
  background-color: transparent;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  align-items: center;
  justify-content: center;
}

.lt-post-callout {
  border-radius: var(--border-radius-lg);
}

.lt-post-list-item {
  padding-top: 1rem;
  margin-bottom: 1rem;
  border-top: var(--border-width) solid var(--color-border);
}

.lt-post-list-item__side {
  min-width: 120px;
}

.community-badge-achievements img {
  width: 1rem;
  height: 1rem;
}

.community-badge-titles img {
  width: 1rem;
  height: 1rem;
}

.profile-info .community-badge-achievements img {
  width: 2.5rem;
  height: 2.5rem;
}

.hotposts-header {
  display: block;
  margin-bottom: 0.5rem;
}

.hotposts-meta {
  display: flex;
  width: 100%;
}

.hotposts-author,
.hotposts-comments,
.hotposts-date,
.hotposts-img,
.hotposts-votes {
  display: inline-flex;
  align-items: center;
}

.hotposts-img {
  width: 20px;
  height: 20px;
  overflow: hidden;
  vertical-align: bottom;
  border-radius: 50%;
}

[dir="ltr"] .hotposts-img {
  margin-right: 8px;
}

[dir="rtl"] .hotposts-img {
  margin-left: 8px;
}

.hotposts-img img {
  display: block;
  width: 100%;
  height: 100%;
}

.hotposts-name {
  display: inline-block;
  vertical-align: bottom;
}

.hotposts-icon {
  display: inline-flex;
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
  background-size: contain;
}

[dir="ltr"] .hotposts-icon {
  margin-right: 4px;
}

[dir="rtl"] .hotposts-icon {
  margin-left: 4px;
}

.hotposts-tabs .tab {
  padding: 15px 0 0;
  margin: 0;
  border: none;
}

.hotposts-tabs .tabs-menu {
  border-bottom: var(--border-width) solid #eceeef;
}

.hotposts-tabs .tabs-link {
  padding: 0 0 8px;
  margin-bottom: -2px;
  color: #2d7ccc;
  border: none;
  border-bottom: var(--border-width) solid #eceeef;
}

[dir="ltr"] .hotposts-tabs .tabs-link {
  margin-right: 20px;
}

[dir="rtl"] .hotposts-tabs .tabs-link {
  margin-left: 20px;
}

.hotposts-tabs .tabs-link:hover,
.hotposts-tabs .tabs-link:focus {
  color: #1f568d;
}

.hotposts-tabs .tabs-link.is-active {
  color: #4e5565;
  border-color: #4e5565;
}
/* Request */
.lt-request-table-filters {
  display: flex;
  padding: 1rem;
  margin-bottom: 1.5rem;
  flex-direction: column;
  background-color: var(--color-bg-secondary);
  border-radius: var(--border-radius-lg);
  gap: 1rem;
}
@media (min-width: 768px) {
  .lt-request-table-filters {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    gap: 2rem;

    align-items: flex-end;
  }
}

.lt-request-table-filters__item--search {
  flex: 1;
}

.lt-request-table-organization__col--button [role="button"] {
  height: calc(1rem + var(--padding-base-horizontal) + 2px);
  padding-top: 0;
  padding-bottom: 0;
  line-height: calc(1rem + var(--padding-base-horizontal) + 2px);
}

[dir="ltr"] .lt-request-table-organization__col--button {
  padding-left: calc(var(--padding-base-horizontal) / 2);
}

[dir="rtl"] .lt-request-table-organization__col--button {
  padding-right: calc(var(--padding-base-horizontal) / 2);
}

.requests-sort-symbol {
  position: absolute;
  bottom: 0;
  font-size: var(--text-xxs);
}

[dir="ltr"] .requests-sort-symbol {
  left: calc(100% + 0.25rem);
}

[dir="rtl"] .requests-sort-symbol {
  right: calc(100% + 0.25rem);
}

.lt-request-page {
  margin-bottom: 3rem;
}

.lt-request-id {
  margin-bottom: 1rem;
  font-weight: var(--font-weight-bold);
}

.lt-request-follow-up:empty {
  display: none;
}

.lt-request-sidebar {
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  font-size: var(--text-sm);
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--border-radius-base);
}

.callout--success .callout__title { 
  color: black;
} 
  
.callout--info .callout__title { 
  color: black;
} 
 
.callout--warning .callout__title { 
  color: black; 
} 

.callout--danger .callout__title { 
  color: black; 
} 

.callout--success {
  border-left-style: solid;
  border-left-width: 5px;
  border-left-color: #e94c2c; 
  color: black;
  margin-left: 15px;
}

.callout--info {
  border-left-style: solid;
  border-left-width: 7px;
  border-left-color: #F9C425;
  color: black;
}

.callout--warning {
  border-left-style: solid;
  border-left-width: 7px;
  border-left-color: #E0502E; 
  color: black;
}

.callout--danger {
  border-left-style: solid;
  border-left-width: 7px;
  border-left-color: #2B627B;
  color: black;
}
.lt-icon {
  color:var(--color-brand-primary);
}

.lt-new-request-form .lt-block-list-item {
  position: relative;
  margin-top: 0 !important;
  padding: 0 !important;
  width:400px;
}

.lt-form{
  display:flex;
  flex-direction:column;
  align-items:center;
}

.lt-form img {
    /* Your CSS modifications */
  	align-items:center;
    width: 138px;
    height: 138px;
  margin-top:8px;
  margin-bottom:8px;
}

.lt-form__name{
  font-weight:700;
  font-size:24px;
  margin-bottom:8px;
}

.lt-form-button{
  background-color:#D93914;
  padding:10px 16px;
  color:#ffffff;
  font-weight:600;
  font-size:14px;
  border-radius: 24px;
  margin-bottom:16px;
}

.lt-form-button:hover,
.lt-form-button:focus,
.lt-form-button:active {
filter: brightness(90%);
  color:#ffffff;
    background-color:#D93914;
}


@media (max-width: 991px) {
.lt-form-button{
  padding:8px;
  color:#ffffff;
  font-weight:600;
  border: 1px solid #626262;
  border-radius: 24px;
}

.lt-form-button:hover,
.lt-form-button:focus,
.lt-form-button:active {
background-color:#f2f2f2;
}
}

.description-box{
  padding-left:1rem;
  padding-right:1rem;
  height:auto;
}

.description-form{
  padding-left:1rem;
  padding-right:1rem;
  height:130px;
}

.lt-new-request-form .lt-block-list-item__icon-form {
  margin-bottom: 16px;
}

.lt-new-request-form .lt-block-list {
  display: grid;
  gap: 4rem;
}

@media (min-width: 768px) {
  .lt-new-request-form .lt-block-list {
    grid-template-columns: 1fr 1fr;
  }
} 

.alert__title {
  font-family:var(--font-family-heading);
}

.alert__text {
  font-family:var(--font-family-body);
}

/*Boutons theme tertiaire*/
.button-class {
    display: inline-block;
    padding: 5px 10px;
    margin: 5px;
    color: #295E73;
    font-weight: 600;
    font-size: 14px;
    border: 2px solid #295E73;
  	border-radius:4px;
    text-decoration: none;
    transition: background-color 0.3s, color 0.3s;
    cursor:pointer;
}

/* actions btns theme tertiaire */
.button-class:active,
.button-class:focus,
.button-class:hover {
    background-color: #295E73;
    color: white;
}
.button-class-selected {
    background-color: #295E73;
    color: white;
}

body {
    font-family: 'Lato', sans-serif !important;
    /*Replace your body font family*/
    color: #222222;
    /*Font color*/
    letter-spacing: 0em !important;
}

/*.content_block .content_container .content_block_text a {
color: #c3c3c3;
}
*/

.infoBox {
    background-color: rgba(255, 248, 225, 0.4);
    /* Here you can change info box background color*/
    color: black;
    /* Here you can change info box font color*/
    border-left: #ffc200 solid 7px;
    padding-bottom: 3px;
    margin-top: 20px;
}

body.dark_theme .infoBox {
    background-color: rgba(255, 248, 225, 0.4);
    /* Here you can change info box background color*/
    color: white;
    /* Here you can change info box font color*/
}

.errorBox {
    background: rgba(251, 223, 225, 0.4);
    /* Here you can change error box background color*/
    color: black;
    /* Here you can change error box font color*/
    border-left: #e94c2c solid 7px;
    padding-bottom: 3px;
    margin-top: 20px;
}

body.dark_theme .errorBox {
    background: rgba(251, 223, 225, 0.4);
    /* Here you can change error box background color*/
    color: white;
}

.warningBox {
    background: transparent;
    color: black;
    /* Here you can change warning box font color*/
    border-left: #e94c2c solid 5px;
    /* Couleur, type de bordure et épaisseur*/
    margin-left: 15px;
    /* Décalage sur la gauche*/
    margin-top: 20px;
    /* Espacement au-dessus du bloc*/
    padding-bottom: 4px;
    /* Marge intérieure bas*/
    padding-top: 8px;
    /* Marge intérieur haut*/
}

body.dark_theme .warningBox {
    background: transparent;
    color: white;
}

article > h3 {
    color: #E34D2D;
}

header .header_top .header_logo {
    cursor: default;
    pointer-events: none;
}

/*.landing_top a.header-link {
    background: White;
    color: black;
    border: White;
}

.landing_top a.header-link {
    background: White;
    color: black;
    border: black solid 2px;
}

.landing_top a.header-link:hover {
    background: White;
    color: black !important;
}
Ne sert pas à priori
*/

.landing_top .search-sec input[type="search"] {
    width: 100%;
}

.landing_top .search-sec input[type="search"] {
    border: #000 solid 1px;
}

.landing_top .search-sec input[type="search"] {
    width: 100%;
    border: #000 solid 1px;
}

.landing_top a.header-link {
    margin: 31px 30px 42px 0px;
}

.landing_top .search-sec {
    margin: 0;
}

.contributor-top-head .top-header-l .versions-selection {
    display: none;
}

.product-help-section {
    background: #3d1177 url(https://doc360-dev-cdn.azureedge.net/39a4a157-6e9f-426c-832b-c9b83cfcfdc0/Images/Documentation/help-section-bg.jpg) top center no-repeat;
    color: #fff;
    padding: 35px 0px;
    text-align: center;
    position: relative;
}

.product-help-section {
    background: #c91e3b;
    color: white;
    border: black solid 2px;
}

.product-help-section .product-help-section-title {
    margin-bottom: 10px;
    font-size: 1.6rem;
}

.product-help-section .product-help-section-des {
    margin-bottom: 25px;
    font-size: 1.1rem;
    font-weight: 300;
}

.product-help-section a {
    background: #ffffff !important;
    color: black !important;
}

.product-help-section a {
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 2px;
    color: #fff;
    font-weight: 600;
    font-size: .95rem;
    padding: .70rem 1.25rem;
    margin: 0px 10px 0px 0px;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    line-height: 1;
    transition: all .3s ease;
    text-transform: uppercase;
}

.product-help-section a:hover {
    background: #fff;
    color: #3d1177;
    text-decoration: none;
}

.product-help-link-section {
    background: #f3f0f8;
    padding: 50px 0px;
    position: relative;
}

.product-help-link-section .product-help-link-section-title {
    margin-bottom: 10px;
    font-size: 1.6rem;
    text-align: center;
}

.product-help-link-section ul.help-links {
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: flex;
    justify-content: space-between;
}

.product-help-link-section ul.help-links li {
    margin: 0px;
    padding: 25px;
    text-align: center;
    flex: 0 0 28%;
    background: #FFF;
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, .1) 0 0 8px;
}

.product-help-link-section ul.help-links li .help-link-icon {
    margin: 0 auto;
    padding: 0px;
    width: 200px;
    height: 135px;
    background: url(https://doc360-dev-cdn.azureedge.net/39a4a157-6e9f-426c-832b-c9b83cfcfdc0/Images/Documentation/quick-link-icon-bg.jpg);
}

.product-help-link-section ul.help-links li .help-link-icon.chart {
    background-position: 0 0;
}

.product-help-link-section ul.help-links li .help-link-icon.email {
    background-position: -183px 0px;
}

.product-help-link-section ul.help-links li .help-link-icon.telephone {
    background-position: -388px 0px;
}

.product-help-link-section .product-help-link-section-title {
    margin-bottom: 40px;
    font-size: 2.2rem;
    font-weight: 600;
    color: #5a5a5a;
    text-align: center;
}

.product-help-link-section ul.help-links li .help-link-title {
    font-size: 1.3rem;
    font-weight: 600;
    padding: 10px 0px;
}

.product-help-link-section ul.help-links li .help-link-des {
    font-size: .9rem;
    line-height: 1.5;
    color: #666666;
    padding: 0 30px;
}

.accordion {
    margin: 0px;
    padding: 0px;
}

.accordion .accordion-toggle {
    width: 100%;
    display: block;
    border: rgba(0, 0, 0, 0.07) solid 1px;
    color: #333;
    font-weight: 600;
    padding: 10px 22px 10px 12px;
    transition: background 0.3s ease;
    cursor: pointer;
    position: relative;
}

.accordion-toggle > h2{
  margin-top:0;
}

.accordion-toggle > h3{
	color: var(--color-text-secondary);
	margin-top:0;
}

.accordion-toggle > h4{
	color: var(--color-text-secondary);
	margin-top:0;
}

.accordion .accordion-toggle:after {
    content: "";
    border: solid var(--color-brand-primary);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    position: absolute;
    right: 10px;
    top: 42%;
}

.accordion .accordion-toggle:hover {
    border-color: rgba(0, 0, 0, 0.11);
      border-bottom: none;

}

.accordion .accordion-toggle.collapsed {
    border-bottom: none;
    border-color: rgba(0, 0, 0, 0.11);
}

.accordion .accordion-toggle.collapsed:after {
    transform: rotate(-135deg);
}

.accordion .accordion-content {
    padding: 1em;
    overflow: hidden;
    display: none;
    margin: -15px 0px 15px 0px;
}

.left_sidebar .left_sidebar_nav ul li a .Updated-batch {
    color: #FFF;
    background-color: #f5a523;
    border-color: #f5a523;
    /* du jaune*/
}

.left_sidebar .left_sidebar_nav ul li a .New-batch {
    color: #FFF;
    background-color: #5eb583;
    border-color: #5eb583;
    /* du vert*/
}

.left_sidebar .left_sidebar_nav ul li a .Deprecated-batch {
    color: #FFF;
    background-color: #e67367;
    border: 1px solid #e67367;
    /* du rouge*/
}

.left_sidebar_nav ul li a {
    line-height: 1.2rem !important;
    padding: 4px 4px 4px !important;
    margin-top: 4px;
}

.left_sidebar .left_sidebar_nav ul a[data-option=off]:after,
.left_sidebar .left_sidebar_nav ul a[data-option=on]:after {
    top: 3px !important;
    right: 0px;
    position: sticky;
    /*Placement du chevron dans le sommaire général*/
}

.left_sidebar .left_sidebar_nav ul a[data-option=off]:after {
    content: "\f078";
    /*Placement du chevron down dans le sommaire général pour les menus fermés*/
}

.left_sidebar .left_sidebar_nav ul a[data-option=on]:after {
    content: "\f053";
    /*Placement du chevron dans le sommaire général pour les menus ouverts, étrange de devoir mettre le code du chevron left pour afficher le chevron up ...*/
}

.right_sidebar_sticky .mCustomScrollbar ._mCS_2 {
    right: -30px;
    /*Modification du placement de la barre de scroll dans le sommaire de la fiche*/
}

.right_sidebar_sticky {
    background: #FCFCFC;
    padding: 10px;
    /*Modification de la couleur du fond du sommaire de la fiche*/
}

.mytabs {
    display: flex;
    flex-wrap: wrap;
    max-width: 600px;
    margin: 50px auto;
    padding: 25px;
}

.mytabs input[type="radio"] {
    display: none;
}

.mytabs label {
    padding: 68.5px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 2px solid black;
    font-weight: bold;
    cursor: pointer;
}

.mytabs label:hover {
    background-color: #AAA;
}

.mytabs .tab {
    width: 97%;
    padding: 30px;
    background-color: white;
    order: 1;
    display: none;
}

.mytabs input[type='radio']:checked+label+.tab {
    display: block;
    border: 7px solid black;
}

.mytabs input[type='radio']:checked+label {
    background-color: #AAA;
}

.content_block .content_container .page-action {
    width: 270px;
    margin-right: 60px;
}

.content_block .content_container .page-action .article_action_links ul li.selected>a {
    color: #000102;
    font-weight: bold;
    font-size: 16px;
    /* Modification de  la couleur du texte du sommaire de la fiche */
}

.content_block .content_container .page-action .article_action_links ul li.selected>a:before {
    background-color: #D93914;
    /* Modification de  la couleur du liseré indiquant la position dans le sommaire */
}

.content_block .content_container .page-action .article_action_links ul li a {
    color: #191D24;
    text-decoration: none;
    font-size: -1rem;
    /* Suppression du soulignement du texte du sommaire de la fiche */
}

.content_block .content_container .page-action .article_action_links ul li a:hover {
    color: #191D24;
    text-decoration: underline;
    /* ajout du soulignement du texte du sommaire de la fiche */
}

.content_block .content_container .content_block_text {
    letter-spacing: 0em;
    /* suppression de l'interlignage des lettres */
}
img{
  max-width:100%;
}

.lt-new-request-title{
  text-align:center;
  color:var(--color-text-secondary);
}

.lt-new-request-form{
  display: grid;
  justify-content: center;
}

.lt-custom-blocks-section{
  border-radius:var(--border-radius-lg);
  padding-bottom:8px;
}

.lt-custom-blocks-title{
  margin-top:14px;
  padding-left:2%;
  margin-bottom:24px;
  font-size:24px;
  line-height:31.2px;
  word-spacing:0.2rem;
  color:#343A40;
}

.lt-custom-blocks-title > span{
 color: #2B627B;
}

.lt-custom-blocks-subtitle{
  padding-left:2%;
  margin-bottom:24px;
}

[dir="ltr"] .lt-list-unstyled{
  padding-left:2% !important;
  padding-right:2%;
}

.lt-card.lt-card--center.lt-flow{
  padding:8px;
  border-color:#ededed;
  border-style:solid;
  border-radius:8px;
  border-width:var(--border-width);
  background-color:#ffffff;
	--flow-space: 0.5rem;
  position: relative;
  display: flex;
  width: 100%;
  word-break: break-word;
  flex-direction: row;
  justify-content: center;
  color:#191D24;
}

.lt-card.lt-card--center.lt-flow:hover,
.lt-card.lt-card--center.lt-flow:focus {
  border: 1px solid #2B627B;
}

.lt-card-service.lt-card--center.lt-flow:hover,
.lt-card-service.lt-card--center.lt-flow:focus {
  border: 1px solid #2B627B;
}


.main-content-home{
  background-color:var(--color-bg-secondary);
  padding-bottom:2%;
}

.lt-categories-title{
  padding-top:24px;
  padding-left:2%;
  margin-bottom:8px;
  font-size:18px;
}

.lt-categories-subtitle{
  padding-left:2%;
  margin-bottom:24px;
}

 .lt-row-cols-md-4 > .lt-card-wrapper-wide {
  width:100%;
  margin-top:0px;
}

 .lt-row-cols-md-3 > .lt-card-wrapper-wide {
  width:100%;
	margin-top:0px;
}

.lt-block-list-item{
  border-color:#ededed;
	border-style:solid;
  border-radius:8px;
  border-width:var(--border-width);
  padding:10px;
}

.lt-block-list-item:hover,.lt-block-list-item:focus{
  border-color:#2B627B;
}




[dir="ltr"] .recent-activity-list{
   padding-left:2% !important;
   padding-right:2%;
}
.recent-activity-header{
   padding-top:2%;
   padding-left:2%;
   font-size:var(--text-2xl);
}
.recent-activity-controls{
   padding-left:2%;
   padding-bottom:2%;
}
.link_image{
  vertical-align:top;
}

#query{
  border-radius:24px;
}

#query::placeholder {
    color: #A3A3A3;
    opacity: 1;
  }

.lt-search-wrap input[type="submit"] {
  border-radius:24px;
  background-color:transparent;
  border-color:#ffffff;
  border-style:solid;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  font-size:16px;
}

.lt-search-wrap input[type="submit"]:hover {
  border-radius:24px;
  background-color:#6F94A5;
  border-color:#ffffff;
  border-style:solid;
	font-size:16px;
}

.grid-hero-unit {
  display: grid;
  grid-template-columns: 1.8fr 1fr; /* Two columns, the first takes up one fraction, the second takes up another fraction */
  max-width: 1320px; /* Set the maximum width */
  width: 100%; /* Ensure the grid takes 100% width within its container */
  align-items:center;
}

#promoted-articles{
  padding-left:0;
  padding-right:0;
}

.lt-promoted-articles{
  background-color:#ffffff;
  border-radius:var(--border-radius-lg);
  border-width:var(--border-width);
}

.lt-promoted-articles > ul{
  padding-bottom:1%;
}

.lt-promoted-articles-title{
	padding-top:2%;
  padding-left:2%;
  color: var(--color-text-primary); 
  font-weight:700;
  font-size:var(--text-xl);
  margin:0 auto;
}

.lt-promoted-articles-subtitle {
  padding-left:2%;
  color: var(--color-text-primary); 
  font-size:var(--text-sm);
  margin:0 auto;
}

.lt-promoted-articles-title > svg {
	vertical-align:baseline;
}

.lt-promoted-articles-item__title{
  padding-left:2%;
  font-size:var(--text-xs);
  color: var(--color-text-primary); 
}

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

.description-box{
  text-align:center;
}

.lt-article__body h2{
	font-size: var(--font-size-h2);
  margin-bottom: var(--flow-space, 1rem);
  margin-top: var(--flow-space, 1rem);
}

.lt-article__body h3{
	color: var(--color-text-secondary);
  margin-bottom: 16px !important;
  margin-top: 32px !important;
}

.lt-article__body h4{
  color: var(--color-text-secondary);
  text-indent: 10px;
  margin-bottom: 12px !important;
  margin-top: 24px !important;
}

.lt-article__body a{
  color:var(--color-brand-primary);
}

.lt-article__body img{
  margin-top: 10px;
  margin-bottom: 8px;
}

.silae_hint{
  border-left: 4px solid #F76707;
  background-color:#ffffff;
  font-size:var(--text-base);
  font-weight:var(--font-weight-bold);
  padding:10px;
  color:#222222;
}

.silae_info{
  border-left: 4px solid #F76707;
  background-color:#ffffff;
  font-size:var(--text-base);
  font-weight:var(--font-weight-bold);
  padding:10px;
  color:#222222;
}

.actu {
	padding: 20px ;
  border: 2px dashed #6E6E6E ;
}

.actu2 {
  padding: 20px ;
  border: 2px dashed #E94C2C ;
}

}
.line {
  border-bottom: 1px solid #B5B5B5 ;
}
.nouveau {
  color: #0070C0 ;
}

.retrait {
  text-indent: 30px ;
} 

.lt-section-title{
  color:var(--color-text-secondary);
  margin-bottom:16px;
}

.lt-category-tree-item__title{
	color:var(--color-text-secondary);
}

.searchbox-suggestions a svg,.suggestion-articles a svg {
    margin-left: 5px;
}

.searchbox {
  margin-bottom:1rem;
  padding-left:1rem;
  border-radius:var(--border-radius-base);
  border:solid 1px white;
}

#new_request label{
  color:var(--color-text-secondary);
}

.svg-title-container {
  display: flex;
  align-items: center; /* Align items vertically in the center */
  margin-bottom: 10px; /* Adjust as needed */
}

.svg-title-container svg {
  margin-right: 10px; /* Adjust as needed to add space between SVG and title */
}

.silae_hint .svg-title-container h4 {
  color:#F76707;
  margin:0;
}

.silae_info .svg-title-container h4 {
  color:#F76707;
  margin:0;
}

.lt-card-service {
  --flow-space: 0.5rem;
  position: relative;
  display: flex;
  width: 100%;
  word-break: break-word;
  justify-content: flex-start;
  flex-direction:column;
  padding:15px;
}
.lt-card-service.lt-card--center.lt-flow{
  border-color:#ededed;
  border-style:solid;
  border-radius:var(--border-radius-lg);
  border-width:var(--border-width);
  background-color:#fff;
}
.lt-service-blocks-section{
  border-radius:var(--border-radius-lg);
  padding-bottom:6px;  
}

        /* Container for the buttons */
        .button-container {
            display: flex;
            justify-content: center;
            gap: 50px;
            margin-top: 20px;
        }

        /* Style for each button */
        .image-button {
            display: flex;
          	flex-direction: row;
            width: 355px;
            height: 140px;
            background-color: #ffffff;
            border: 2px solid #ddd;
            border-radius: 12px;
            text-align: center;
            text-decoration: none;
            color: #191D24;
            overflow: hidden;
            transition: transform 0.3s ease, background-color 0.3s ease;
            cursor: pointer;
        }

        .image-button:hover {
						border: 1px solid #2B627B;
                      color: #191D24;

        }

        /* Active button color */
        .image-button.active {
       		  transform: scale(1.10);
         		border:0;
            filter: grayscale(0%);
          	color:#191D24;
           box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Create shadow below */
        }

        .image-button.inactive {
            filter: grayscale(100%);
        }

        /* Image styling inside the button */
        .image-button img {
            object-fit: cover;
        }

        /* Text styling inside the button */
        .image-button .button-text {
            padding: 10px;
            font-size: 18px;
            font-weight: bold;
          width:195px;
						align-self:center;
}

       /* Container for the element with tooltip */
        .tooltip {
            position: relative;
            display: inline-block;
            cursor: pointer;
        }

        /* Tooltip text */
        .tooltip .tooltiptext {
            visibility: hidden;
            width: 400px;
            background-color: #555;
            color: #fff;
            text-align: left;
            border-radius: 6px;
            padding: 8px;
            position: absolute;
            z-index: 1;
            bottom: 125%; /* Position above the image */
            left: 50%;
            margin-left: -80px; /* Center the tooltip */
            opacity: 0;
            transition: opacity 0.3s;
        }

        /* Tooltip arrow */
        .tooltip .tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%; /* At the bottom of the tooltip */
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
        }

        /* Show the tooltip text when hovering over the container */
        .tooltip:hover .tooltiptext {
            visibility: visible;
            opacity: 1;
        }

#articles_racine{
  padding-left:35px;
}

#cloturerButton{
  margin-left:20px;
}

#toggle-all {
  background-color: #2b627b;
  color: #fff;
  border: none;
  padding: 5px 10px;
  font-size: 14px;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  margin: 5px 0 10px auto;
  width: fit-content; /* This ensures the button's width fits its content */
}

#toggle-all:hover {
  background-color: #0070c0;
}

#toggle-all:active {
  background-color: #004a82;
  transform: scale(0.98);
}