@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(226, 57, 35, 1);
  --footer-color-link: rgba(226, 57, 35, 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/01J1Z5MH6GEP2QR0W912VW00YV);

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

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;
  padding-left:0;
  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 h3 {
  --flow-space: 3rem;
}

.rte h2,
.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 {
  aspect-ratio: 16 / 9;
  width: 50%;
  height: auto;
}

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

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

.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 h5{
  color: var(--color-text-secondary);
  text-indent: 15px;
  margin-bottom: 12px !important;
  margin-top: 24px !important;
}

.lt-article__body h6{
  color: var(--color-text-secondary);
  text-indent: 20px;
  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 ;
}

.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;
            margin-bottom: 20px;
        }

        /* Style for each button */
        .image-button {
            display: flex;
          	flex-direction: row;
            width: 425px;
            height: 120px;
            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;
				}

        .button-label-img{
          padding:25px;
        }

       /* 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);
}

figure.wysiwyg-image {
  width:50%;
  margin-left:0;
  text-align:left;
}

figure.wysiwyg-media {
    width:50%;
}

figure.wysiwyg-table {
  margin-left:0;
}

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

/* FOOTER WRAPPER */


.footer{
    position: relative;
    background: #ffffff;
    padding-top: 50px;
    overflow: hidden;
    border-top: var(--border-width) solid var(--color-border);
}

/* — Top Tiles */
.footer-top {
  max-width: 1000px;
  margin: 0 auto 35px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 35px;
}
.footer-top h2 {
  flex: 1 1 215px;
  font-size: 18px;
  font-weight: bold;
  margin: 0;
}
.footer-tiles {
  display: flex;
  flex-wrap: nowrap;
  gap: 50px;
  flex: 2 1 600px;
}
.footer-tile {
  background: #fff;
  color: #000;
  border: 3px solid #e23923;
  border-radius: 12px;
  padding: 10px;
  min-width: 150px;
  text-align: center;
  text-decoration: none;
  transition: transform 0.2s ease;
  z-index:99;
}
.footer-tile:hover {
  transform: translateY(-3px);
}
.footer-tile svg {
  width: 36px;
  height: 41px;
  margin-bottom: 10px;
  stroke: #e23923;
  fill: none;
  stroke-width: 2;
}
.footer-tile span {
  display: block;
  font-weight: bold;
  font-size: 16px;
}

/* — Main Content */
.footer-logo img {
  max-width: 100px;
}
.footer-column {
  min-width: 250px;
  margin-bottom: 30px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.footer-column h3 {
  font-size: 1rem;
  margin-bottom: 15px;
  font-weight: bold;
}
.footer-column p {
  line-height: 1.6;
  font-size: 0.7rem;
  margin-bottom: 15px;
  text-align:justify;
}

/* — Base */
.footer-base {
  text-align: left;
  padding-top: 10px;
  font-size: 0.8rem;
}

/* — Responsive */
@media (max-width: 768px) {
  .footer-top { flex-direction: column; align-items: flex-start; }
  .footer-tiles { justify-content: flex-start; }
}
/* Legal‑links bar */
.footer-legal-text p {
  text-align:left;
  margin: 8px 0;
  font-size: 0.7rem;
  color: #000;
}
.footer-legal-text a {
  color:#e23923;
  text-decoration: none;
}
.footer-legal-text a:hover {
  text-decoration: underline;
  color:#e23923;
}
.footer-main {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  align-items: start;
  gap: 3rem;
  max-width: 1000px;
  margin: 0 auto 30px;
}
.shape{
    position: absolute;
    pointer-events: none;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.shape--logo{
        width: 400px;
        height: 300px;
}
.shape--grey{ background-image: url(https://www.silae.fr/wp-content/themes/silae/assets/images/shape-logo-grey.png); }
.footer .shape{
        z-index: 0;
        top: -40px; right: +40px;
        opacity: 0.1;

        @include respondTo('xs'){
            transform-origin: top right;
            transform: scale(0.5);
        }
    }

/* Filigrane diagonal rouge répété verticalement */
.watermark {
  position: relative;
  z-index: 0;
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 800'>\
  <text x='50%' y='50%' dominant-baseline='middle' text-anchor='middle' \
font-size='120' fill='rgba(224,40,40,0.15)' font-family='Arial, sans-serif' \
transform='rotate(-30 600 400)'>Contenu obsolète</text>\
</svg>");
  background-repeat: repeat-y;           /* répétition verticale */
  background-position: center;           /* centré horizontalement */
  background-size: 80% auto;              /* largeur à 80% du conteneur */
}

.side-watermark {
  --wm-bg: #f06d6d;
  --wm-color: #fff;
  --wm-radius: 8px;
  --wm-pad: 6px 12px;
  --wm-shadow: 0 4px 12px rgba(0,0,0,.15);

  position: fixed;
  bottom: 100px;         /* plus bas sur la page */
  right: 32px;          /* marge à droite */
  z-index: 1000;
  pointer-events: none;

  background: var(--wm-bg);
  color: var(--wm-color);
  border-radius: var(--wm-radius);
  box-shadow: var(--wm-shadow);
  opacity: .9;

  font: 700 14px/1.2 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  letter-spacing: .3px;
  padding: var(--wm-pad);
}

.side-watermark::before {
  content: attr(data-text);
}

@media print {
  .side-watermark {
    display: none !important;
  }
}

.NmPVkOIYxxUfZpcVaHi5OQHHzhtH5zcY {
    display: none !important;
}
.form-warning {
  border: 1px solid #e33;
  background: #fee;
  padding: 1em;
  margin: 1em 0;
  font-family: system-ui, sans-serif;
  font-size: 14px;
  color: #333;
  border-radius: 4px;
}

.form-warning strong {
  display: block;
  margin-bottom: 0.5em;
}

.form-warning details {
  margin-top: 0.5em;
}

.form-warning summary {
  cursor: pointer;
  font-weight: bold;
}

.form-warning-link {
  font-weight: bold;
  text-decoration: underline;
}

.paid-option-badge {
  display: inline-flex;
  align-items: center;
  margin-left: 0.5rem;
  padding: 0.15em 0.65em;
  border-radius: 999px;
  font-size: 0.7em;
  font-weight: 600;
  white-space: nowrap;

  background-color: #ede7ff;   /* violet clair neutre */
  color: #5b2bc0;              /* violet profond */
  border: 1px solid #bda9ff;
}

/* Carte marquée comme "nouveau" */
.lt-card--new {
  position: relative;
  overflow: hidden;
}

/* Ribbon diagonal "Nouveau" */
.lt-card-badge-new {
  position: absolute;
  top: 20px;
  left: -50px;
  z-index: 2;
  padding: 4px 60px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 10px;
  font-weight: 700;
  color: #fff;
  transform: rotate(-45deg);
  background: linear-gradient(90deg, #ff8a00 0%, #ff3b3b 50%, #ff00a8 100%);
  box-shadow: 0 4px 10px rgba(0,0,0,0.25);
}

/* Glow léger qui pulse pour attirer l’œil */
.lt-card--new::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top left,
    rgba(255, 138, 0, 0.25),
    transparent 55%);
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  animation: lt-new-pulse 2.4s infinite ease-in-out;
}

/* Animations */
@keyframes lt-new-pulse {
  0%   { opacity: 0; }
  40%  { opacity: 1; }
  100% { opacity: 0; }
}

.lt-custom-blocks__items.lt-row-cols-md-4 {
  --lt-gutter-x: 1rem;
}
 
.lt-custom-blocks__items.lt-row-cols-md-4 .lt-card__image {
  height: 40px;
  width: 100%;        /* indispensable : sans ça le conteneur se réduit à la
                         largeur du logo et reste collé à gauche */
  text-align: center; /* centre le logo (le texte en dessous reste à gauche) */
}
.lt-custom-blocks__items.lt-row-cols-md-4 .lt-card__image svg,
.lt-custom-blocks__items.lt-row-cols-md-4 .lt-card__image img {
  height: 40px !important;
  width: auto !important;
  display: inline-block;
}
 
.lt-custom-blocks__items.lt-row-cols-md-4 .lt-card-service {
  border-radius: 8px;
  padding: 16px;
}
.lt-custom-blocks__items.lt-row-cols-md-4 .lt-card__content {
  margin-top: 16px;
}
 
.lt-custom-blocks__items.lt-row-cols-md-4 .lt-card__image {
  margin-top: 0 !important;
}
.lt-custom-blocks__items.lt-row-cols-md-4 .lt-card__heading {
  margin: 0 !important;
}
.lt-custom-blocks__items.lt-row-cols-md-4 .lt-card__content hr {
  margin-top: 0 !important;
}
 
.lt-custom-blocks__items.lt-row-cols-md-4 .lt-card__text,
.lt-custom-blocks__items.lt-row-cols-md-4 .lt-card__heading {
  text-align: center;
}
 
hr:has(+ ul.lt-custom-blocks__items.lt-row-cols-md-4) {
  margin-bottom: 32px;
}
.lt-custom-blocks__items.lt-row-cols-md-6 .lt-card__text {
  color: #2B627B;
}
.lt-card__text {
  color: #626262;
}

/* === Bouton "Consulter" du bloc "Bien démarrer" ============================
   Le bloc Paie a un fond bleu clair (#EBF3FD) -> on met le bouton en bleu
   Silae (#2B627B) pour qu'il soit homogène avec ce fond, au lieu de l'orange.
*/
.lt-categories-demarrer-gp .lt-demarrer-bouton {
  background-color: #2B627B !important;
}
.lt-categories-demarrer-gp .lt-demarrer-bouton:hover {
  background-color: #234F63 !important; /* bleu légèrement plus foncé au survol */
}

/* MIGRATION v4 — règle v3 retirée : elle masquait le champ « migration
   Sage/Cegid » par la classe .request_custom_fields_<id>, qui n'existe plus en
   v4. Ce champ est désormais déclaré dans champsMasques et révélé par
   organisation, en tête de templates/new_request_page.hbs. */

@media (max-width: 768px) {
  .footer-top { flex-direction: column; align-items: flex-start; }
  .footer-tiles {
    justify-content: flex-start;
    flex-wrap: wrap;          /* autorise le retour à la ligne */
    gap: 16px;
    flex-basis: 100%;
  }
  .footer-tile {
    min-width: 0;
    flex: 1 1 100%;           /* tuiles pleine largeur empilées */
  }

  /* Le vrai correctif : grille → une colonne */
  .footer-main {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    padding: 0 1rem;
  }
  .footer-column { min-width: 0; width: 100%; }

  /* Réduire le shape décoratif (remplace le @include SCSS non interprété) */
  .footer .shape--logo {
    transform-origin: top right;
    transform: scale(0.5);
  }
}

@media (max-width: 768px) {
  .footer-top { flex-direction: column; align-items: flex-start; }
  .footer-tiles { justify-content: flex-start; }
  .footer-top h2 { flex: 0 0 auto; }   /* ← neutralise le flex-basis 215px en colonne */
}

.suggestions-list__group { list-style: none; margin-bottom: 1rem; }
.suggestions-list__brand {
  font-weight: 600; margin: 0 0 .25rem; font-size: .8rem;
  letter-spacing: .03em; color: #6b6b6b;
}
.suggestions-list__sublist { list-style: none; padding: 0; margin: 0; }
/* accents par marque */
.suggestions-list__group--pay .suggestions-list__brand        { color: #0a6; }
.suggestions-list__group--entreprise .suggestions-list__brand { color: #06a; }

.suggestions-list__group:only-child .suggestions-list__brand { display: none; }
.highlight { background: #fde047; border-radius: 2px; }


/* ===== Callouts de l'éditeur d'articles (WYSIWYG) ===== */
:root {
  --zd-wysiwyg-callout-border-radius: 0px !important;
  --zd-wysiwyg-callout-icon-size: 18px !important;
}
.wysiwyg-callout > p:not([hidden]) {
  margin-bottom: 0;
}
.wysiwyg-callout > :is(p, figure):not([hidden]) {
  margin-bottom: 0 !important;
}
.wysiwyg-callout > :is(p, figure):not([hidden]) + :is(p, figure):not([hidden]) {
  margin-top: var(--flow-space, 1rem) !important;
}

.wysiwyg-callout {
  display: block !important;
}
.wysiwyg-callout-icon {
  float: left;
  margin-right: 0.5em;
}

/* Astuce (tip) */
.wysiwyg-callout-tip {
  --zd-wysiwyg-callout-tip-bg: #FFFFFF !important;
  --zd-wysiwyg-callout-tip-icon-color: #E94C2C !important;
  border-left: 7px solid var(--zd-wysiwyg-callout-tip-icon-color);
  margin-left: 15px;
}
.wysiwyg-callout-tip .wysiwyg-callout-icon {
  background: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.wysiwyg-callout-tip .wysiwyg-callout-icon::before {
  content: "📚";
  font-size: var(--zd-wysiwyg-callout-icon-size, 18px);
  line-height: 1;
}

/* Info — titre "À noter : " */
.wysiwyg-callout-info {
  --zd-wysiwyg-callout-info-bg: #fffcf3 !important;
  --zd-wysiwyg-callout-info-icon-color: #F9C425 !important;
  border-left: 7px solid var(--zd-wysiwyg-callout-info-icon-color);
}
.wysiwyg-callout-info .wysiwyg-callout-icon {
  background: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.wysiwyg-callout-info .wysiwyg-callout-icon::before {
  content: "📌";
  font-size: var(--zd-wysiwyg-callout-icon-size, 18px);
  line-height: 1;
}
.wysiwyg-callout-info > p:first-of-type::before {
  content: "À noter : ";
  font-weight: 700;
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-size: 3.2em 2px;
  background-position: 0 1.15em;
}

/* Avertissement (warning) */
.wysiwyg-callout-warning {
  --zd-wysiwyg-callout-warning-bg: #E9F1F5 !important;
  --zd-wysiwyg-callout-warning-icon-color: #2B627B !important;
  border-left: 7px solid var(--zd-wysiwyg-callout-warning-icon-color);
}
.wysiwyg-callout-warning .wysiwyg-callout-icon {
  background: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.wysiwyg-callout-warning .wysiwyg-callout-icon::before {
  content: "🔎";
  font-size: var(--zd-wysiwyg-callout-icon-size, 18px);
  line-height: 1;
}

/* Erreur — titre "Attention : " */
.wysiwyg-callout-error {
  --zd-wysiwyg-callout-error-bg: #fdf2f3 !important;
  --zd-wysiwyg-callout-error-icon-color: #E0502E !important;
  border-left: 7px solid var(--zd-wysiwyg-callout-error-icon-color);
}
.wysiwyg-callout-error .wysiwyg-callout-icon {
  background: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.wysiwyg-callout-error .wysiwyg-callout-icon::before {
  content: "⚠️";
  font-size: var(--zd-wysiwyg-callout-icon-size, 18px);
  line-height: 1;
}
.wysiwyg-callout-error > p:first-of-type::before {
  content: "Attention : ";
  font-weight: 700;
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-size: 4.5em 2px;
  background-position: 0 1.15em;
}

:root {
  --zd-wysiwyg-disclosure-border-color: var(--color-border) !important;
  --zd-wysiwyg-disclosure-header-bg: var(--color-bg) !important;
  --zd-wysiwyg-disclosure-header-bg-hover: var(--color-bg-secondary) !important;
  --zd-wysiwyg-disclosure-transition-duration: 300ms !important;
}

.wysiwyg-disclosure {
  border: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

.wysiwyg-disclosure details {
  border: var(--border-width) solid var(--zd-wysiwyg-disclosure-border-color) !important;
  border-radius: var(--border-radius-base) !important;
  overflow: hidden;
}

.wysiwyg-disclosure details + details {
  margin-top: 1rem !important;
}

.wysiwyg-disclosure-content {
  padding: var(--lt-accordion-padding-vertical) var(--lt-accordion-padding-horizontal) !important;
  border-top: var(--border-width) solid var(--zd-wysiwyg-disclosure-border-color);
}

.wysiwyg-disclosure summary {
  padding: var(--lt-accordion-padding-vertical) var(--lt-accordion-padding-horizontal) !important;
  justify-content: flex-start !important;
  gap: 0.2em !important;
}

.wysiwyg-disclosure summary::after {
  background-color: var(--color-brand-primary) !important;
  margin-left: auto !important;
}

.wysiwyg-disclosure-content > *:not([hidden]) {
  margin-bottom: 0;
}
.wysiwyg-disclosure-content > *:not([hidden]) + *:not([hidden]) {
  margin-top: var(--flow-space, 1rem);
}

/* Titres des onglets en gras */
.wysiwyg-tabs-active > .wysiwyg-tabs-bar > .wysiwyg-tabs-tab {
  font-weight: 700;
}

/* Ligne de l'onglet actif en orange Silae (sans changer la couleur du texte) */
.wysiwyg-tabs-active > .wysiwyg-tabs-bar > .wysiwyg-tabs-tab[aria-selected="true"] {
  border-bottom-color: #E94C2C; /* ou var(--color-brand-primary) */
}

/* ═══════════════════════════════════════════════════════════════════════════
   FOOTER — CTA ressources façon Académie + bloc légal + Trust Center
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─────────────── Bande ressources : CTA pleins ─────────────── */

.footer-tiles{
  flex:2 1 600px;             /* inchangé : c'est ce qui tient la géométrie de la bande.
                                 Avec flex:0 1 auto, le <h2> (flex:1 1 215px) s'étire à
                                 504 px et pousse les CTA de 240 px vers la droite. */
  flex-wrap:wrap;             /* était nowrap : les CTA peuvent se replier */
  justify-content:flex-start;
  gap:16px;                   /* était 50px */
}

.footer-tile{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.55em;
  flex:0 0 auto;              /* largeur naturelle : le bouton fait la taille de son libellé */
  min-width:0;                /* était 150px */
  min-height:35px;

  padding:.63em 2em;          /* était 10px */
  background:#E23923;         /* était blanc + bordure rouge 3px */
  border:0;
  border-radius:8px;          /* était 12px */
  color:#fff;
  font-size:1rem;             /* voir la note contraste ci-dessous */
  font-weight:700;
  text-align:left;
  text-decoration:none;
  white-space:nowrap;
  transition:background-color .18s ease, transform .18s ease;
}

.footer-tile:hover,
.footer-tile:focus,
.footer-tile:focus-visible,
.footer-tile:active{ background:#C2311E; color:#fff; transform:translateY(-1px); }
.footer-tile:hover span, .footer-tile:focus span, .footer-tile:active span,
.footer-tile:hover i,    .footer-tile:focus i,    .footer-tile:active i{ color:#fff; }
.footer-tile:active{ transform:translateY(0); }

.footer-tile span{ display:inline; font-size:1rem; font-weight:700; }
.footer-tile i{ font-size:1.05em; }

/* Cible tactile portée à 44 px sur pointeur grossier (WCAG 2.2 SC 2.5.5) */
@media (pointer:coarse){
  .footer-tile{ min-height:44px; }
}

/* Mobile : CTA pleine largeur, libellé centré */
@media (max-width:700px){
  .footer-tiles{ flex-direction:column; justify-content:flex-start; }
  .footer-tile{ flex:0 0 auto; }
}

/* ─────────────── Bloc légal (colonne identité) ───────────────
   Remplace .footer-base + .footer-legal-text, qui peuvent être
   supprimées du footer.hbs. Ordre : logo → liens → copyright.      */

.lt-legal{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  margin-top:8px;
  font-size:.75rem;
}
.lt-legal a{
  display:inline-block;
  padding-block:4px;          /* cible tactile 24 px (WCAG 2.2 SC 2.5.8) */
  color:#253240;
  font-weight:700;
  text-decoration:underline;  /* la couleur seule ne porte pas l'info (SC 1.4.1) */
  text-underline-offset:2px;
  text-decoration-thickness:1px;
}
.lt-legal a:hover,
.lt-legal a:focus-visible{ color:#E23923; }

.lt-copyright{
  margin:4px 0 0;
  font-size:.75rem;
  color:#344D61;
}

@media (prefers-reduced-motion:reduce){
  .footer-tile{ transition:none; }
  .footer-tile:hover{ transform:none; }
}

/* =====================================================================
   MIGRATION v4 — formulaire de demande
   ===================================================================== */

/* --- Champs masqués et blocs d'information --------------------------------
   Les règles correspondantes ne sont plus écrites ici : elles sont générées
   à partir de la configuration déclarée en tête de
   templates/new_request_page.hbs, qui est modifiable directement dans
   l'éditeur de code du thème. Seules les constantes visuelles restent ici.
   -------------------------------------------------------------------- */
/* --- Restitution de l'apparence v3 du formulaire : rythme et bordures ------

   [.form-field { margin-bottom: 1.5rem }] — le v3 espaçait les champs de 24px.
   Garden utilise un conteneur flex avec `gap: 20px`. On rétablit 24px pour
   retrouver le rythme d'origine ; retirer cette règle rend la main à Garden.  */
#new-request-form form {
  gap: 1.5rem;
}

/* [#hc-wysiwyg / .ck { border-color: var(--input-color-border) }] — en v3, tous
   les contrôles partageaient la bordure claire var(--input-color-border)
   (#B5B5B5). En v4, Copenhagen assombrit celle des champs de saisie pour le
   contraste (accessibilité), mais l'éditeur de description garde la bordure
   claire : les deux ne s'accordaient plus. On aligne l'éditeur sur la bordure
   accessible plutôt que d'éclaircir les champs, pour ne pas dégrader le
   contraste.                                                                 */
#new-request-form .ck.ck-toolbar,
#new-request-form .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
  --ck-color-toolbar-border: #848F99;
  --ck-color-base-border: #848F99;
}

/* --- Restitution de l'apparence v3 du formulaire --------------------------
   Deux règles du thème v3 étaient scopées sur des sélecteurs qui n'existent
   plus en v4 (`#new_request label` et `.form-field .optional`) : elles avaient
   donc cessé de s'appliquer sans que rien ne le signale. On les rétablit sur
   les points d'accroche Garden.
   -------------------------------------------------------------------- */

/* Libellés : le v3 les passait en couleur de texte secondaire. Sans cette
   règle, Garden les rend en couleur de texte primaire. */
/* ATTENTION au périmètre : les libellés des listes déroulantes (combobox) ne
   portent PAS data-garden-id="forms.input_label", ils dépendent d'un autre
   composant Garden. Ne cibler que cet attribut laissait les combobox en
   couleur de texte primaire, d'où un mélange de bleu nuit et de bleu-vert
   d'un champ à l'autre. On vise tous les libellés du formulaire. */
#new-request-form form label {
  color: var(--color-text-secondary);
  font-size: var(--lt-libelle-taille);
}

/* Mention « (valeur facultative / obligatoire) » des pièces jointes :
   reprend l'atténuation et l'espacement de l'ancienne classe .optional. */
/* Nouvelle nomenclature : une astérisque quand c'est obligatoire, rien quand
   c'est facultatif — comme les champs rendus par Garden. Pas d'atténuation :
   une astérisque atténuée se remarquerait moins que celle des autres champs. */
#new-request-form .lt-attachments-mention:empty {
  display: none;
}

#new-request-form {
  --lt-bloc-accent: #F76707;
  --lt-bloc-fond: #ffffff;
  --lt-bloc-texte: #222222;

  /* Pictogrammes des blocs d'information (référencés par `icone` dans la
     configuration : "lien", "coche" ou "info"). Intégrés en data URI, donc
     sans requête réseau supplémentaire. */
  --lt-icone-lien: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22%3E%3Cpath d=%22M10 6H6C4.89543 6 4 6.89543 4 8V18C4 19.1046 4.89543 20 6 20H16C17.1046 20 18 19.1046 18 18V14M14 4H20M20 4V10M20 4L10 14%22 stroke=%22%23F76707%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E");
  --lt-icone-coche: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22%3E%3Cpath fill-rule=%22evenodd%22 clip-rule=%22evenodd%22 d=%22M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM16.7571 10.2302C17.0568 9.94425 17.068 9.4695 16.7821 9.1698C16.4962 8.87009 16.0214 8.85892 15.7217 9.14484L10.5839 14.0464L8.27842 11.8432C7.97896 11.557 7.50421 11.5678 7.21803 11.8673C6.93186 12.1667 6.94263 12.6415 7.24209 12.9276L10.0653 15.6256C10.355 15.9024 10.8112 15.9026 11.1011 15.626L16.7571 10.2302Z%22 fill=%22%23F76707%22/%3E%3C/svg%3E");
  --lt-icone-info: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22%3E%3Cpath fill-rule=%22evenodd%22 clip-rule=%22evenodd%22 d=%22M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM10.3559 11.1668C10.3559 10.719 10.719 10.3559 11.1668 10.3559H12.0001C12.4479 10.3559 12.8109 10.719 12.8109 11.1668V16.1893H12.8334C13.2812 16.1893 13.6442 16.5523 13.6442 17.0001C13.6442 17.4479 13.2812 17.8109 12.8334 17.8109H12.0001C11.5523 17.8109 11.1893 17.4479 11.1893 17.0001V11.9776H11.1668C10.719 11.9776 10.3559 11.6146 10.3559 11.1668ZM13.0418 7.41675C13.0418 8.10711 12.4821 8.66675 11.7918 8.66675C11.1014 8.66675 10.5418 8.10711 10.5418 7.41675C10.5418 6.7264 11.1014 6.16675 11.7918 6.16675C12.4821 6.16675 13.0418 6.7264 13.0418 7.41675Z%22 fill=%22%23F76707%22/%3E%3C/svg%3E");
}

/* --- UX « rangées de boutons » (lotus-tagger-buttons.js) ---------------
   Le combobox Garden reste dans le DOM : c'est lui qui porte l'état React et
   qui déclenche les conditions. Il est seulement sorti du flux visuel.
   -------------------------------------------------------------------- */
#new-request-form .lt-tagger-native {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

#new-request-form .lt-tagger-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  margin: -5px;
}

/* .button-class / .button-class-selected sont définis plus haut dans ce
   fichier : l'apparence des boutons est donc strictement celle de la v3. */
#new-request-form .lt-tagger-buttons .button-class {
  font-family: inherit;
  background-color: transparent;
  line-height: 1.3;
}

/* Ces états doivent être redéclarés ICI : les règles génériques
   .button-class:hover et .button-class-selected (plus haut dans ce fichier) ont
   une spécificité inférieure au sélecteur ci-dessus, et se faisaient écraser —
   ce qui donnait du blanc sur blanc sur le bouton sélectionné. */
#new-request-form .lt-tagger-buttons .button-class:hover,
#new-request-form .lt-tagger-buttons .button-class:focus,
#new-request-form .lt-tagger-buttons .button-class:active,
#new-request-form .lt-tagger-buttons .button-class.button-class-selected {
  background-color: #295E73;
  color: #fff;
}

#new-request-form .lt-tagger-buttons .button-class:focus-visible {
  outline: 2px solid #295E73;
  outline-offset: 2px;
}

/* Les suggestions d'articles déplacées sous le champ déclencheur. */
#new-request-form .lt-suggestions-host {
  position: relative;
}

/* =====================================================================
   RECETTE — corrections d'apparence du formulaire
   ===================================================================== */

/* --- Cohérence typographique --------------------------------------------
   Copenhagen ajoute une phrase d'introduction en 16px et en couleur de lien,
   au-dessus de libellés en 14px : deux tailles et deux couleurs se côtoyaient
   sans raison. On l'aligne sur les textes d'aide du formulaire.
   -------------------------------------------------------------------- */
#new-request-form > [data-garden-id="typography.paragraph"] {
  font-size: var(--text-sm);
  color: rgb(92, 105, 112);
  margin-bottom: 1.5rem;
}

/* --- Texte d'aide SOUS le champ de saisie -------------------------------
   Garden place le texte d'aide entre le libellé et le champ ; le v3 le plaçait
   après le champ, ce qui se lit mieux — on découvre la consigne avec le champ
   sous les yeux.

   Réordonné en CSS plutôt qu'en déplaçant des nœuds, pour que les champs
   montés plus tard par les conditions en bénéficient d'office. Le sélecteur ne
   vise que les champs QUI ONT un texte d'aide, pour ne pas passer en flex des
   conteneurs qui n'en ont pas besoin.
   -------------------------------------------------------------------- */
#new-request-form form > *:has(> [data-garden-id="forms.input_hint"]) {
  display: flex;
  flex-direction: column;
}

#new-request-form form > *:has(> [data-garden-id="forms.input_hint"])
  > [data-garden-id="forms.input_hint"] {
  order: 99;
  margin-top: 0.35rem;
}

/* --- Suggestions liées au sujet : même forme que celles liées au thème ---
   Le thème rend ses suggestions dans une carte bordée avec un titre, un
   sous-titre et une liste compacte. Copenhagen rend les suggestions liées au
   sujet en titre 30px gras suivi d'une liste très aérée : deux présentations
   pour la même fonction.

   Plutôt que de recopier le style du thème, lotus-v4-form-behaviours.js pose
   sur le bloc React LES MÊMES CLASSES que celles du gabarit
   (.suggestion-articles, .suggestions-header__title, .suggestions-list,
   .suggestions-list__item, .suggestions-list__more). Les deux blocs sont donc
   identiques par construction, et une retouche sur l'un vaut pour l'autre.

   Ne restent ici que les quelques règles que la structure du bloc React ne
   permet pas de reprendre telles quelles : il n'a pas de conteneur
   .suggestions-header autour du titre et du sous-titre.
   -------------------------------------------------------------------- */
.lt-suggestions-sujet > .suggestions-header__subtitle {
  margin-bottom: 20px;
}

/* Le bloc React n'a pas de bouton de fermeture : on récupère l'espace. */
.lt-suggestions-sujet {
  margin-bottom: 1.5rem;
}

/* L'espacement des entrées, lui, demande de monter la spécificité.

   Copenhagen habille ses <li> avec styled-components, qui injecte ses règles
   dans le <head> APRÈS la feuille du thème. À spécificité égale — une classe
   de part et d'autre — c'est la dernière déclarée qui gagne : les 12px de
   Copenhagen écrasaient les 2px de .suggestions-list__item, et les
   suggestions liées au sujet restaient beaucoup plus aérées que celles liées
   au thème.

   Deux classes suffisent à reprendre la main, sans !important. Tout le reste
   du bloc (carte, titre, sous-titre, soulignement des liens) s'aligne déjà
   sans y toucher, Copenhagen ne déclarant rien sur ces propriétés. */
.lt-suggestions-sujet .suggestions-list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.lt-suggestions-sujet .suggestions-list > li {
  margin: 0 0 2px;
}

.lt-suggestions-sujet .suggestions-list > li:last-child {
  margin-bottom: 0;
}

/* --- Alignement des boutons des tuiles de la page de choix --------------
   Les deux tuiles ont déjà la même hauteur (la liste est une grille, qui les
   étire), mais le bouton suivait le flux du texte : une description plus
   longue d'une ligne le décalait de 24px vers le bas.

   `margin-top: auto` dans le conteneur flex pousse le bouton en bas de sa
   tuile, quel que soit le nombre de lignes de la description.

   À noter : ce défaut existait déjà en v3, où aucune règle n'alignait ce
   bouton — ce n'est pas une régression de la migration.
   -------------------------------------------------------------------- */
#landing_forms .lt-form .lt-form-button {
  margin-top: auto;
}

/* =====================================================================
   RECETTE — échelle typographique du formulaire

   Tout le formulaire est sur une échelle de 14px : libellés, textes d'aide,
   boutons, champs de saisie. Les encadrés d'information arrivaient en 16px
   GRAS, sur des paragraphes entiers : ils écrasaient la hiérarchie et
   fatiguaient la lecture.

   Corrections : les libellés deviennent l'ancre de la hiérarchie (un cran
   au-dessus du reste), et le corps des encadrés repasse en taille et graisse
   de lecture courante. Le gras est réservé au titre de l'encadré, qui suffit
   à signaler l'information.

   Ces quatre variables se règlent ici, sans toucher au reste.
   ===================================================================== */
#new-request-form {
  --lt-libelle-taille: var(--text-base);        /* 16px — libellés de champs */
  --lt-encadre-taille: var(--text-sm);          /* 14px — corps des encadrés */
  --lt-encadre-poids: 400;                      /* lecture courante          */
  --lt-encadre-interligne: 1.5;
  --lt-encadre-titre-taille: var(--text-base);  /* 16px — titre de l'encadré */
}

/* --- Espace entre la consigne et la rangée de boutons -------------------
   Le groupe de boutons porte une marge négative de 5px, qui compense la
   marge des boutons eux-mêmes ; il se retrouvait donc collé au texte
   d'aide qui le précède. On rétablit un espace net.

   À noter : sur les champs à boutons, le texte d'aide reste AU-DESSUS des
   choix — contrairement aux champs de saisie, où il passe dessous. C'est
   volontaire : devant une rangée d'options, la consigne se lit mieux avant
   de choisir. Techniquement, le réordonnancement ne s'applique de toute
   façon pas ici, le texte d'aide n'étant pas un enfant direct du conteneur.
   -------------------------------------------------------------------- */
#new-request-form .lt-tagger-buttons {
  margin-top: 0.35rem;
}

.sidenav a,
.sidenav summary,
.sidenav__article-name {
  overflow-wrap: anywhere;
}