@charset "UTF-8";

.form-label {

  margin-bottom: 0.5rem;

}



.col-form-label {

  padding-top: calc(0.375rem + var(--bs-border-width));

  padding-bottom: calc(0.375rem + var(--bs-border-width));

  margin-bottom: 0;

  font-size: inherit;

  line-height: 1.5;

}



.col-form-label-lg {

  padding-top: calc(0.5rem + var(--bs-border-width));

  padding-bottom: calc(0.5rem + var(--bs-border-width));

  font-size: 1.25rem;

}



.col-form-label-sm {

  padding-top: calc(0.25rem + var(--bs-border-width));

  padding-bottom: calc(0.25rem + var(--bs-border-width));

  font-size: 0.875rem;

}



.form-text {

  margin-top: 0.25rem;

  font-size: 0.875em;

  color: var(--bs-secondary-color);

}



.form-control {

  display: block;

  width: 100%;

  padding: 0.375rem 0.75rem;

  font-size: 1rem;

  font-weight: normal;

  line-height: 1.5;

  color: var(--bs-body-color);

  appearance: none;

  background-color: var(--bs-body-bg);

  background-clip: padding-box;

  border: var(--bs-border-width) solid var(--bs-border-color);

  border-radius: var(--bs-border-radius);

  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}

@media (prefers-reduced-motion: reduce) {

  .form-control {

    transition: none;

  }

}

.form-control[type=file] {

  overflow: hidden;

}

.form-control[type=file]:not(:disabled):not([readonly]) {

  cursor: pointer;

}

.form-control:focus {

  color: var(--bs-body-color);

  background-color: var(--bs-body-bg);

  border-color: #c480fe;

  outline: 0;

  box-shadow: 0 0 0 0.25rem rgba(136, 0, 252, 0.25);

}

.form-control::-webkit-date-and-time-value {

  min-width: 85px;

  height: 1.5em;

  margin: 0;

}

.form-control::-webkit-datetime-edit {

  display: block;

  padding: 0;

}

.form-control::placeholder {

  color: var(--bs-secondary-color);

  opacity: 1;

}

.form-control:disabled {

  background-color: var(--bs-secondary-bg);

  opacity: 1;

}

.form-control::file-selector-button {

  padding: 0.375rem 0.75rem;

  margin: -0.375rem -0.75rem;

  margin-inline-end: 0.75rem;

  color: var(--bs-body-color);

  background-color: var(--bs-tertiary-bg);

  pointer-events: none;

  border-color: inherit;

  border-style: solid;

  border-width: 0;

  border-inline-end-width: var(--bs-border-width);

  border-radius: 0;

  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}

@media (prefers-reduced-motion: reduce) {

  .form-control::file-selector-button {

    transition: none;

  }

}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {

  background-color: var(--bs-secondary-bg);

}



.form-control-plaintext {

  display: block;

  width: 100%;

  padding: 0.375rem 0;

  margin-bottom: 0;

  line-height: 1.5;

  color: var(--bs-body-color);

  background-color: transparent;

  border: solid transparent;

  border-width: var(--bs-border-width) 0;

}

.form-control-plaintext:focus {

  outline: 0;

}

.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {

  padding-right: 0;

  padding-left: 0;

}



.form-control-sm {

  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));

  padding: 0.25rem 0.5rem;

  font-size: 0.875rem;

  border-radius: var(--bs-border-radius-sm);

}

.form-control-sm::file-selector-button {

  padding: 0.25rem 0.5rem;

  margin: -0.25rem -0.5rem;

  margin-inline-end: 0.5rem;

}



.form-control-lg {

  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));

  padding: 0.5rem 1rem;

  font-size: 1.25rem;

  border-radius: var(--bs-border-radius-lg);

}

.form-control-lg::file-selector-button {

  padding: 0.5rem 1rem;

  margin: -0.5rem -1rem;

  margin-inline-end: 1rem;

}



textarea.form-control {

  min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));

}

textarea.form-control-sm {

  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));

}

textarea.form-control-lg {

  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));

}



.form-control-color {

  width: 3rem;

  height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));

  padding: 0.375rem;

}

.form-control-color:not(:disabled):not([readonly]) {

  cursor: pointer;

}

.form-control-color::-moz-color-swatch {

  border: 0 !important;

  border-radius: var(--bs-border-radius);

}

.form-control-color::-webkit-color-swatch {

  border: 0 !important;

  border-radius: var(--bs-border-radius);

}

.form-control-color.form-control-sm {

  height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));

}

.form-control-color.form-control-lg {

  height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));

}



.form-select {

  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");

  display: block;

  width: 100%;

  padding: 0.375rem 2.25rem 0.375rem 0.75rem;

  font-size: 1rem;

  font-weight: normal;

  line-height: 1.5;

  color: var(--bs-body-color);

  appearance: none;

  background-color: var(--bs-body-bg);

  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);

  background-repeat: no-repeat;

  background-position: right 0.75rem center;

  background-size: 16px 12px;

  border: var(--bs-border-width) solid var(--bs-border-color);

  border-radius: var(--bs-border-radius);

  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}

@media (prefers-reduced-motion: reduce) {

  .form-select {

    transition: none;

  }

}

.form-select:focus {

  border-color: #c480fe;

  outline: 0;

  box-shadow: 0 0 0 0.25rem rgba(136, 0, 252, 0.25);

}

.form-select[multiple], .form-select[size]:not([size="1"]) {

  padding-right: 0.75rem;

  background-image: none;

}

.form-select:-moz-focusring {

  color: transparent;

  text-shadow: 0 0 0 var(--bs-body-color);

}



.form-select-sm {

  padding-top: 0.25rem;

  padding-bottom: 0.25rem;

  padding-left: 0.5rem;

  font-size: 0.875rem;

  border-radius: var(--bs-border-radius-sm);

}



.form-select-lg {

  padding-top: 0.5rem;

  padding-bottom: 0.5rem;

  padding-left: 1rem;

  font-size: 1.25rem;

  border-radius: var(--bs-border-radius-lg);

}



[data-bs-theme=dark] .form-select {

  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");

}



.form-check {

  display: block;

  min-height: 1.5rem;

  padding-left: 1.5em;

  margin-bottom: 0.125rem;

}

.form-check .form-check-input {

  float: left;

  margin-left: -1.5em;

}



.form-check-reverse {

  padding-right: 1.5em;

  padding-left: 0;

  text-align: right;

}

.form-check-reverse .form-check-input {

  float: right;

  margin-right: -1.5em;

  margin-left: 0;

}



.form-check-input {

  --bs-form-check-bg: var(--bs-body-bg);

  width: 1em;

  height: 1em;

  margin-top: 0.25em;

  vertical-align: top;

  appearance: none;

  background-color: var(--bs-form-check-bg);

  background-image: var(--bs-form-check-bg-image);

  background-repeat: no-repeat;

  background-position: center;

  background-size: contain;

  border: var(--bs-border-width) solid var(--bs-border-color);

  print-color-adjust: exact;

}

.form-check-input[type=checkbox] {

  border-radius: 0.25em;

}

.form-check-input[type=radio] {

  border-radius: 50%;

}

.form-check-input:active {

  filter: brightness(90%);

}

.form-check-input:focus {

  border-color: #c480fe;

  outline: 0;

  box-shadow: 0 0 0 0.25rem rgba(136, 0, 252, 0.25);

}

.form-check-input:checked {

  background-color: #8800fc;

  border-color: #8800fc;

}

.form-check-input:checked[type=checkbox] {

  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");

}

.form-check-input:checked[type=radio] {

  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");

}

.form-check-input[type=checkbox]:indeterminate {

  background-color: #8800fc;

  border-color: #8800fc;

  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");

}

.form-check-input:disabled {

  pointer-events: none;

  filter: none;

  opacity: 0.5;

}

.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {

  cursor: default;

  opacity: 0.5;

}



.form-switch {

  padding-left: 2.5em;

}

.form-switch .form-check-input {

  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");

  width: 2em;

  margin-left: -2.5em;

  background-image: var(--bs-form-switch-bg);

  background-position: left center;

  border-radius: 2em;

  transition: background-position 0.15s ease-in-out;

}

@media (prefers-reduced-motion: reduce) {

  .form-switch .form-check-input {

    transition: none;

  }

}

.form-switch .form-check-input:focus {

  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23c480fe'/%3e%3c/svg%3e");

}

.form-switch .form-check-input:checked {

  background-position: right center;

  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");

}

.form-switch.form-check-reverse {

  padding-right: 2.5em;

  padding-left: 0;

}

.form-switch.form-check-reverse .form-check-input {

  margin-right: -2.5em;

  margin-left: 0;

}



.form-check-inline {

  display: inline-block;

  margin-right: 1rem;

}



.btn-check {

  position: absolute;

  clip: rect(0, 0, 0, 0);

  pointer-events: none;

}

.btn-check[disabled] + .btn, .btn-check:disabled + .btn {

  pointer-events: none;

  filter: none;

  opacity: 0.65;

}



[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {

  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");

}



.form-range {

  width: 100%;

  height: 1.5rem;

  padding: 0;

  appearance: none;

  background-color: transparent;

}

.form-range:focus {

  outline: 0;

}

.form-range:focus::-webkit-slider-thumb {

  box-shadow: 0 0 0 1px #f7f7f9, 0 0 0 0.25rem rgba(136, 0, 252, 0.25);

}

.form-range:focus::-moz-range-thumb {

  box-shadow: 0 0 0 1px #f7f7f9, 0 0 0 0.25rem rgba(136, 0, 252, 0.25);

}

.form-range::-moz-focus-outer {

  border: 0;

}

.form-range::-webkit-slider-thumb {

  width: 1rem;

  height: 1rem;

  margin-top: -0.25rem;

  appearance: none;

  background-color: #8800fc;

  border: 0;

  border-radius: 1rem;

  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}

@media (prefers-reduced-motion: reduce) {

  .form-range::-webkit-slider-thumb {

    transition: none;

  }

}

.form-range::-webkit-slider-thumb:active {

  background-color: #dbb3fe;

}

.form-range::-webkit-slider-runnable-track {

  width: 100%;

  height: 0.5rem;

  color: transparent;

  cursor: pointer;

  background-color: var(--bs-tertiary-bg);

  border-color: transparent;

  border-radius: 1rem;

}

.form-range::-moz-range-thumb {

  width: 1rem;

  height: 1rem;

  appearance: none;

  background-color: #8800fc;

  border: 0;

  border-radius: 1rem;

  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}

@media (prefers-reduced-motion: reduce) {

  .form-range::-moz-range-thumb {

    transition: none;

  }

}

.form-range::-moz-range-thumb:active {

  background-color: #dbb3fe;

}

.form-range::-moz-range-track {

  width: 100%;

  height: 0.5rem;

  color: transparent;

  cursor: pointer;

  background-color: var(--bs-tertiary-bg);

  border-color: transparent;

  border-radius: 1rem;

}

.form-range:disabled {

  pointer-events: none;

}

.form-range:disabled::-webkit-slider-thumb {

  background-color: var(--bs-secondary-color);

}

.form-range:disabled::-moz-range-thumb {

  background-color: var(--bs-secondary-color);

}



.form-floating {

  position: relative;

}

.form-floating > .form-control,

.form-floating > .form-control-plaintext,

.form-floating > .form-select {

  height: calc(3.5rem + calc(var(--bs-border-width) * 2));

  min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));

  line-height: 1.25;

}

.form-floating > label {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 2;

  height: 100%;

  padding: 1rem 0.75rem;

  overflow: hidden;

  text-align: start;

  text-overflow: ellipsis;

  white-space: nowrap;

  pointer-events: none;

  border: var(--bs-border-width) solid transparent;

  transform-origin: 0 0;

  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;

}

@media (prefers-reduced-motion: reduce) {

  .form-floating > label {

    transition: none;

  }

}

.form-floating > .form-control,

.form-floating > .form-control-plaintext {

  padding: 1rem 0.75rem;

}

.form-floating > .form-control::placeholder,

.form-floating > .form-control-plaintext::placeholder {

  color: transparent;

}

.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),

.form-floating > .form-control-plaintext:focus,

.form-floating > .form-control-plaintext:not(:placeholder-shown) {

  padding-top: 1.625rem;

  padding-bottom: 0.625rem;

}

.form-floating > .form-control:-webkit-autofill,

.form-floating > .form-control-plaintext:-webkit-autofill {

  padding-top: 1.625rem;

  padding-bottom: 0.625rem;

}

.form-floating > .form-select {

  padding-top: 1.625rem;

  padding-bottom: 0.625rem;

}

.form-floating > .form-control:focus ~ label,

.form-floating > .form-control:not(:placeholder-shown) ~ label,

.form-floating > .form-control-plaintext ~ label,

.form-floating > .form-select ~ label {

  color: rgba(var(--bs-body-color-rgb), 0.65);

  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);

}

.form-floating > .form-control:focus ~ label::after,

.form-floating > .form-control:not(:placeholder-shown) ~ label::after,

.form-floating > .form-control-plaintext ~ label::after,

.form-floating > .form-select ~ label::after {

  position: absolute;

  inset: 1rem 0.375rem;

  z-index: -1;

  height: 1.5em;

  content: "";

  background-color: var(--bs-body-bg);

  border-radius: var(--bs-border-radius);

}

.form-floating > .form-control:-webkit-autofill ~ label {

  color: rgba(var(--bs-body-color-rgb), 0.65);

  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);

}

.form-floating > .form-control-plaintext ~ label {

  border-width: var(--bs-border-width) 0;

}

.form-floating > :disabled ~ label,

.form-floating > .form-control:disabled ~ label {

  color: #6c757d;

}

.form-floating > :disabled ~ label::after,

.form-floating > .form-control:disabled ~ label::after {

  background-color: var(--bs-secondary-bg);

}



.input-group {

  position: relative;

  display: flex;

  flex-wrap: wrap;

  align-items: stretch;

  width: 100%;

}

.input-group > .form-control,

.input-group > .form-select,

.input-group > .form-floating {

  position: relative;

  flex: 1 1 auto;

  width: 1%;

  min-width: 0;

}

.input-group > .form-control:focus,

.input-group > .form-select:focus,

.input-group > .form-floating:focus-within {

  z-index: 5;

}

.input-group .btn {

  position: relative;

  z-index: 2;

}

.input-group .btn:focus {

  z-index: 5;

}



.input-group-text {

  display: flex;

  align-items: center;

  padding: 0.375rem 0.75rem;

  font-size: 1rem;

  font-weight: normal;

  line-height: 1.5;

  color: var(--bs-body-color);

  text-align: center;

  white-space: nowrap;

  background-color: var(--bs-tertiary-bg);

  border: var(--bs-border-width) solid var(--bs-border-color);

  border-radius: var(--bs-border-radius);

}



.input-group-lg > .form-control,

.input-group-lg > .form-select,

.input-group-lg > .input-group-text,

.input-group-lg > .btn {

  padding: 0.5rem 1rem;

  font-size: 1.25rem;

  border-radius: var(--bs-border-radius-lg);

}



.input-group-sm > .form-control,

.input-group-sm > .form-select,

.input-group-sm > .input-group-text,

.input-group-sm > .btn {

  padding: 0.25rem 0.5rem;

  font-size: 0.875rem;

  border-radius: var(--bs-border-radius-sm);

}



.input-group-lg > .form-select,

.input-group-sm > .form-select {

  padding-right: 3rem;

}



.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),

.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),

.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,

.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

}

.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),

.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),

.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,

.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {

  margin-left: calc(var(--bs-border-width) * -1);

  border-top-left-radius: 0;

  border-bottom-left-radius: 0;

}

.input-group > .form-floating:not(:first-child) > .form-control,

.input-group > .form-floating:not(:first-child) > .form-select {

  border-top-left-radius: 0;

  border-bottom-left-radius: 0;

}



.valid-feedback {

  display: none;

  width: 100%;

  margin-top: 0.25rem;

  font-size: 0.875em;

  color: var(--bs-form-valid-color);

}



.valid-tooltip {

  position: absolute;

  top: 100%;

  z-index: 5;

  display: none;

  max-width: 100%;

  padding: 0.25rem 0.5rem;

  margin-top: 0.1rem;

  font-size: 0.875rem;

  color: #fff;

  background-color: var(--bs-success);

  border-radius: var(--bs-border-radius);

}



.was-validated :valid ~ .valid-feedback,

.was-validated :valid ~ .valid-tooltip,

.is-valid ~ .valid-feedback,

.is-valid ~ .valid-tooltip {

  display: block;

}



.was-validated .form-control:valid, .form-control.is-valid {

  border-color: var(--bs-form-valid-border-color);

  padding-right: calc(1.5em + 0.75rem);

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");

  background-repeat: no-repeat;

  background-position: right calc(0.375em + 0.1875rem) center;

  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);

}

.was-validated .form-control:valid:focus, .form-control.is-valid:focus {

  border-color: var(--bs-form-valid-border-color);

  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);

}



.was-validated textarea.form-control:valid, textarea.form-control.is-valid {

  padding-right: calc(1.5em + 0.75rem);

  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);

}



.was-validated .form-select:valid, .form-select.is-valid {

  border-color: var(--bs-form-valid-border-color);

}

.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {

  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");

  padding-right: 4.125rem;

  background-position: right 0.75rem center, center right 2.25rem;

  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);

}

.was-validated .form-select:valid:focus, .form-select.is-valid:focus {

  border-color: var(--bs-form-valid-border-color);

  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);

}



.was-validated .form-control-color:valid, .form-control-color.is-valid {

  width: calc(3rem + calc(1.5em + 0.75rem));

}



.was-validated .form-check-input:valid, .form-check-input.is-valid {

  border-color: var(--bs-form-valid-border-color);

}

.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {

  background-color: var(--bs-form-valid-color);

}

.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {

  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);

}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {

  color: var(--bs-form-valid-color);

}



.form-check-inline .form-check-input ~ .valid-feedback {

  margin-left: 0.5em;

}



.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,

.was-validated .input-group > .form-select:not(:focus):valid,

.input-group > .form-select:not(:focus).is-valid,

.was-validated .input-group > .form-floating:not(:focus-within):valid,

.input-group > .form-floating:not(:focus-within).is-valid {

  z-index: 3;

}



.invalid-feedback {

  display: none;

  width: 100%;

  margin-top: 0.25rem;

  font-size: 0.875em;

  color: var(--bs-form-invalid-color);

}



.invalid-tooltip {

  position: absolute;

  top: 100%;

  z-index: 5;

  display: none;

  max-width: 100%;

  padding: 0.25rem 0.5rem;

  margin-top: 0.1rem;

  font-size: 0.875rem;

  color: #fff;

  background-color: var(--bs-danger);

  border-radius: var(--bs-border-radius);

}



.was-validated :invalid ~ .invalid-feedback,

.was-validated :invalid ~ .invalid-tooltip,

.is-invalid ~ .invalid-feedback,

.is-invalid ~ .invalid-tooltip {

  display: block;

}



.was-validated .form-control:invalid, .form-control.is-invalid {

  border-color: var(--bs-form-invalid-border-color);

  padding-right: calc(1.5em + 0.75rem);

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");

  background-repeat: no-repeat;

  background-position: right calc(0.375em + 0.1875rem) center;

  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);

}

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {

  border-color: var(--bs-form-invalid-border-color);

  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);

}



.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {

  padding-right: calc(1.5em + 0.75rem);

  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);

}



.was-validated .form-select:invalid, .form-select.is-invalid {

  border-color: var(--bs-form-invalid-border-color);

}

.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {

  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");

  padding-right: 4.125rem;

  background-position: right 0.75rem center, center right 2.25rem;

  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);

}

.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {

  border-color: var(--bs-form-invalid-border-color);

  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);

}



.was-validated .form-control-color:invalid, .form-control-color.is-invalid {

  width: calc(3rem + calc(1.5em + 0.75rem));

}



.was-validated .form-check-input:invalid, .form-check-input.is-invalid {

  border-color: var(--bs-form-invalid-border-color);

}

.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {

  background-color: var(--bs-form-invalid-color);

}

.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {

  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);

}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {

  color: var(--bs-form-invalid-color);

}



.form-check-inline .form-check-input ~ .invalid-feedback {

  margin-left: 0.5em;

}



.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,

.was-validated .input-group > .form-select:not(:focus):invalid,

.input-group > .form-select:not(:focus).is-invalid,

.was-validated .input-group > .form-floating:not(:focus-within):invalid,

.input-group > .form-floating:not(:focus-within).is-invalid {

  z-index: 4;

}



.alert {

  --bs-alert-bg: transparent;

  --bs-alert-padding-x: 1rem;

  --bs-alert-padding-y: 1rem;

  --bs-alert-margin-bottom: 1rem;

  --bs-alert-color: inherit;

  --bs-alert-border-color: transparent;

  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);

  --bs-alert-border-radius: var(--bs-border-radius);

  --bs-alert-link-color: inherit;

  position: relative;

  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);

  margin-bottom: var(--bs-alert-margin-bottom);

  color: var(--bs-alert-color);

  background-color: var(--bs-alert-bg);

  border: var(--bs-alert-border);

  border-radius: var(--bs-alert-border-radius);

}



.alert-heading {

  color: inherit;

}



.alert-link {

  font-weight: 700;

  color: var(--bs-alert-link-color);

}



.alert-dismissible {

  padding-right: 3rem;

}

.alert-dismissible .btn-close {

  position: absolute;

  top: 0;

  right: 0;

  z-index: 2;

  padding: 1.25rem 1rem;

}



.alert-primary {

  --bs-alert-color: var(--bs-primary-text-emphasis);

  --bs-alert-bg: var(--bs-primary-bg-subtle);

  --bs-alert-border-color: var(--bs-primary-border-subtle);

  --bs-alert-link-color: var(--bs-primary-text-emphasis);

}



.alert-secondary {

  --bs-alert-color: var(--bs-secondary-text-emphasis);

  --bs-alert-bg: var(--bs-secondary-bg-subtle);

  --bs-alert-border-color: var(--bs-secondary-border-subtle);

  --bs-alert-link-color: var(--bs-secondary-text-emphasis);

}



.alert-success {

  --bs-alert-color: var(--bs-success-text-emphasis);

  --bs-alert-bg: var(--bs-success-bg-subtle);

  --bs-alert-border-color: var(--bs-success-border-subtle);

  --bs-alert-link-color: var(--bs-success-text-emphasis);

}



.alert-info {

  --bs-alert-color: var(--bs-info-text-emphasis);

  --bs-alert-bg: var(--bs-info-bg-subtle);

  --bs-alert-border-color: var(--bs-info-border-subtle);

  --bs-alert-link-color: var(--bs-info-text-emphasis);

}



.alert-warning {

  --bs-alert-color: var(--bs-warning-text-emphasis);

  --bs-alert-bg: var(--bs-warning-bg-subtle);

  --bs-alert-border-color: var(--bs-warning-border-subtle);

  --bs-alert-link-color: var(--bs-warning-text-emphasis);

}



.alert-danger {

  --bs-alert-color: var(--bs-danger-text-emphasis);

  --bs-alert-bg: var(--bs-danger-bg-subtle);

  --bs-alert-border-color: var(--bs-danger-border-subtle);

  --bs-alert-link-color: var(--bs-danger-text-emphasis);

}



.alert-light {

  --bs-alert-color: var(--bs-light-text-emphasis);

  --bs-alert-bg: var(--bs-light-bg-subtle);

  --bs-alert-border-color: var(--bs-light-border-subtle);

  --bs-alert-link-color: var(--bs-light-text-emphasis);

}



.alert-dark {

  --bs-alert-color: var(--bs-dark-text-emphasis);

  --bs-alert-bg: var(--bs-dark-bg-subtle);

  --bs-alert-border-color: var(--bs-dark-border-subtle);

  --bs-alert-link-color: var(--bs-dark-text-emphasis);

}



:root {

  --bs-body-bg: #f7f7f9;

  --bs-body-color: #495057;

  --bs-border-color: rgba(0, 0, 0, 0.15);

  --bs-border-radius: 7px;

  --bs-card-bg: white;

  --bs-card-dark-bg: white;

  --bs-font-weight: normal;

  --bs-font-size: 1rem;

  --bs-font-family: Outfit, sans-serif;

  --bs-primary: #8800fc;

  --bs-secondary: #212529;

  --bs-text-color: #797979;

  --bs-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.05);

  --bs-linear-gradient: linear-gradient(90deg, #8800fc 4.93%, #a370cf 97.89%);

  --bs-text-danger: #dc3545;

  --bs-text-success: #198754;

  --bs-text-warning: #ffc107;

  --bs-text-info: #2563eb;

  --bs-primary-100: #e7ccfe;

  --bs-primary-200: #cf99fe;

  --bs-primary-300: #b866fd;

  --bs-primary-400: #a033fd;

  --bs-primary-500: #8800fc;

  --bs-primary-600: #5f00b0;

  --bs-primary-700: #520097;

  --bs-primary-800: #360065;

  --bs-primary-900: #1b0032;

  --bs-secondary-100: #d3d3d4;

  --bs-secondary-200: #a6a8a9;

  --bs-secondary-300: #7a7c7f;

  --bs-secondary-400: #4d5154;

  --bs-secondary-500: #212529;

  --bs-secondary-600: #171a1d;

  --bs-secondary-700: #141619;

  --bs-secondary-800: #0d0f10;

  --bs-secondary-900: #070708;

}



body {

  font-family: var(--bs-font-family);

  margin: 0;

  background-color: var(--bs-body-bg);

  color: var(--bs-body-color);

  overflow-x: hidden;

  text-rendering: optimizeLegibility;

  -webkit-font-smoothing: antialiased;

}



*:focus-visible {

  outline: 1px solid var(--bs-primary);

}



.box-shadow, .table:not(.datagrid-empty) {

  background: var(--bs-card-bg);

  box-shadow: var(--bs-box-shadow);

  border: hidden;

  z-index: 1;

}



.main-content .box-shadow, .main-content .table:not(.datagrid-empty) {

  z-index: 999;

}



@media (min-width: 992px) {

  .content-header {

    --body-bg: var(--bs-body-bg);

  }

}

body:not(.ea-content-width-full) .content-wrapper {

  max-width: 100%;

}



.row, .content-header {

  --bs-gutter-x: 1.5rem;

  --bs-gutter-y: 1.5rem;

}



.card-cms {

  padding: 1.5rem !important;

  box-shadow: var(--bs-box-shadow);

  border: hidden;

  height: 100%;

  background: var(--bs-card-bg);

}

.card-cms .list-group-item {

  background: unset;

  padding: unset;

}



@media (max-width: 575.98px) {

  .content-header-title .title {

    font-size: var(--font-size-xl);

  }

}

.content-wrapper {

  grid-template-columns: auto;

}



.content-header {

  top: 0 !important;

  margin-bottom: 0.5rem;

  padding: 25px var(--lg-content-padding-right) 16px var(--lg-content-padding-left);

}



.content-header__left {

  display: flex;

  gap: 1rem;

}



.page-actions-content {

  display: flex;

  gap: 3px;

  margin-left: auto;

}



.global-actions-wrapper,

.batch-actions-wrapper {

  display: flex;

  flex-wrap: wrap;

}

.global-actions-wrapper .btn,

.batch-actions-wrapper .btn {

  display: flex;

  place-items: center;

  gap: 0.25rem;

}



.nav-link {

  --link-color: var(--bs-primary);

}



#main {

  padding: 0 var(--lg-content-padding-right) 0 var(--lg-content-padding-left);

}



.list-pagination {

  padding: 0;

  padding-top: 15px;

}



.content-header {

  place-items: center;

}

.content-header__left {

  flex: 0 0 auto;

  width: auto;

}

.content-header .page-actions {

  flex: 1 0 0%;

}



@media (min-width: 992px) {

  .content-header .page-actions {

    margin: 0;

  }

}

.content-header .form-control,

.content-header .btn {

  padding: 0.575rem 0.75rem;

}

.content-header .filter-grp-select .form-control {

  border-radius: 5px;

  padding-right: 25px;

  background-image: url(../images/arrow-down-s-line.svg);

  background-repeat: no-repeat;

  background-position: calc(100% - 12px) center;

  background-size: 17px;

}



@media (min-width: 992px) {

  .wrapper {

    --sidebar-max-width: 265px;

  }

  .sidebar {

    width: var(--sidebar-max-width);

  }

}

.header-off .content-header__left {

  display: none;

}



.form-tabs .nav-tabs a {

  padding-inline: 7px;

}



.nav-tabs .nav-item.show .nav-link,

.form-tabs .nav-tabs a:hover,

.form-tabs .nav-tabs .nav-link.active .nav-tabs .nav-link.active {

  border-bottom: 1px solid var(--bs-primary);

  box-shadow: unset !important;

  padding-inline: 7px;

}



.nav-tabs .nav-item.error-item .nav-link {

  color: var(--bs-text-danger);

  --link-color: var(--bs-text-danger);

}



.content-header .datagrid-filters {

  margin-left: 10px;

}



.action-filters {

  --color-primary: var(--bs-primary-400);

}

.action-filters .text-primary {

  color: var(--bs-primary-400) !important;

}



small.cm-size {

  font-size: 0.95em;

}



.page-actions-col {

  display: flex;

  gap: 0.25rem;

}



.page-actions-col > * {

  margin: 0 !important;

}



img.not-found {

  width: 35px;

}



.ri-edit-2-line:hover::before {

  content: "\ec7f";

}



.badge.badge-secondary {

  color: var(--gray-400);

  word-break: normal !important;

}



.normal-badge .badge-secondary {

  color: var(--bs-body-color);

}



.badge.badge-secondary,

.badge.badge-currency {

  --bs-opacity: 1;

  display: flex;

  gap: 0.25rem;

  width: fit-content;

  min-width: fit-content !important;

  border-radius: 100vmax;

  background-color: rgb(250 250 250/var(--bs-opacity));

  border: 1px solid rgba(229, 229, 229, 0.75);

}



.code-wrapper {

  --bs-border-radius: 3px;

  display: flex;

  font-size: 12px;

}

.code-wrapper > * {

  border: 1px solid #e6e7e8;

}

.code-wrapper > code {

  border-top-left-radius: var(--bs-border-radius);

  border-bottom-left-radius: var(--bs-border-radius);

  border-right: hidden;

}

.code-wrapper > button {

  border-top-right-radius: var(--bs-border-radius);

  border-bottom-right-radius: var(--bs-border-radius);

}

.code-wrapper.copied > button {

  border-color: var(--bs-success);

  color: var(--bs-success);

}

.code-wrapper.copied button::before {

  content: "copié!";

  position: absolute;

  bottom: 120%;

  background: var(--bs-body-color);

  color: white;

  padding: 0.25rem 0.5rem;

  border-radius: 5px;

  left: -30%;

}

.code-wrapper.copied button::after {

  content: "";

  position: absolute;

  bottom: 100%;

  height: 7px;

  width: 7px;

  clip-path: polygon(100% 0, 0 0, 50% 100%);

  background: var(--bs-body-color);

  right: 0;

  left: 0;

  margin-inline: auto;

}

.code-wrapper.copied .ri-file-copy-line::before {

  content: "\eb7b";

}

.code-wrapper code {

  flex-grow: 1;

  text-align: center;

  padding: 0.25rem 0.75rem;

}

.code-wrapper button {

  padding: 0.25rem 0.5rem;

  position: relative;

}

.code-wrapper button:hover {

  background-color: var(--bs-primary);

  color: white;

  cursor: pointer;

}



code,

pre {

  color: var(--bs-body-color);

}



a {

  --link-color: var(--bs-primary);

  --link-hover-color: var(--bs-primary-300);

}



.text-primary {

  color: var(--bs-secondary);

}



.btn {

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 0.25rem;

  font-family: var(--bs-font-family);

  font-weight: 500;

  /* This targets Safari 6.1 to 10.0 */

  /* This targets Safari 10.1+ */

  /* WARNING: This also targets iOS Firefox and Chrome as they use the same rendering engine on iOS */

  line-height: 1.5;

  color: var(--bs-body-color);

  text-align: center;

  text-decoration: none;

  vertical-align: middle;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  user-select: none;

  background-color: transparent;

  border: 1px solid transparent;

  padding: 0.375rem 0.75rem;

  font-size: 1rem;

  border-radius: 0.25rem;

  box-shadow: none;

  border-color: #ccc;

  white-space: normal;

  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}

@media not all and (min-resolution: 0.001dpcm) {

  .btn {

    font-weight: 700;

  }

}

@supports (-webkit-appearance: none) and (stroke-color: transparent) {

  .btn {

    font-weight: 700;

  }

}

.btn > .btn-label {

  display: flex;

  gap: 0.25rem;

  place-items: center;

}

.btn.border-radius-right {

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

  border: 1px solid var(--bs-border-color);

}

.btn.border-radius-left {

  border-top-left-radius: 0;

  border-bottom-left-radius: 0;

  border: 1px solid var(--bs-border-color);

  padding: 8px !important;

}

.btn-upload {

  background: rgba(244, 247, 251, 0.9607843137);

  border-color: rgba(244, 247, 251, 0.9607843137);

  font-weight: 500;

  height: fit-content;

}



.btn-primary {

  background-color: var(--bs-primary);

  border-color: var(--bs-primary);

  color: white !important;

}

.btn-primary.disabled {

  background-color: var(--bs-primary) !important;

}

.btn-primary:hover {

  background-color: var(--bs-primary-100) !important;

  border-color: var(--bs-primary-100) !important;

}

.btn-primary:hover, .btn-primary:focus, .btn-primary.save,

.btn-primary .btn-outline-primary:hover {

  background-color: var(--bs-primary-400) !important;

  border-width: 1px !important;

}



.btn-outline-primary {

  --button-hover-color: var(--bs-white);

  border-color: var(--bs-primary-100);

  color: var(--bs-primary-400);

}

.btn-outline-primary.link {

  border: hidden;

}

.btn-outline-primary:hover {

  background-color: var(--bs-primary-400);

}



.link-primary {

  color: var(--bs-primary);

}

.link-primary:hover {

  color: var(--bs-primary-300);

}



.btn.save {

  padding-inline: 2em;

}



.action-btn {

  color: var(--bs-body-color);

  font-size: 1rem;

  cursor: pointer;

  padding: 0.5rem 1rem;

}

.action-btn:hover {

  color: var(--bs-primary);

  background: var(--bs-primary-100);

  border-radius: 100vmax;

}



.action-btn-primary {

  border-radius: 100vmax;

  background: var(--bs-primary);

  color: var(--bs-card-bg);

}

.action-btn-primary:hover {

  color: var(--bs-primary);

  background: var(--bs-primary-100);

}



.back-btn {

  display: flex;

  place-content: center;

  place-items: center;

  gap: 0.25rem;

}



.btn-group .btn-dropdown {

  box-shadow: none;

  padding: 0;

}

.btn-group .btn-dropdown.show {

  outline: 0;

}

.btn-group .btn-dropdown:not(:disabled):not(.disabled):not(.btn-link):hover, .btn-group .btn-dropdown:not(:disabled):not(.disabled):not(.btn-link):active, .btn-group .btn-dropdown:not(:disabled):not(.disabled):not(.btn-link):active:focus, .btn-group .btn-dropdown:not(:disabled):not(.disabled):not(.btn-link):focus {

  box-shadow: none;

}

.btn-group .dropdown-menu {

  padding-inline: 0;

}

.btn-group .dropdown-menu .dropdown-item {

  padding: 0.5rem 1rem;

  font-size: 1rem;

}



.btn-settings {

  border-radius: 100vmax;

  background: var(--bs-primary-100);

  box-shadow: none;

  height: 40px;

  aspect-ratio: 1/1;

  display: grid;

  place-content: center;

  place-content: center;

}



.action-new {

  display: flex !important;

  place-items: center !important;

  gap: 0.25rem;

}

.action-new::before {

  content: "\ea13";

  font-family: remixicon !important;

}



.table th .action-new {

  padding: 0;

  place-content: end;

  color: var(--bs-primary) !important;

}

.table th .action-new::before {

  content: "\ea11";

}



.btn-icon:hover {

  text-decoration: none;

}

.btn-icon:hover .action-icon {

  color: var(--bs-primary) !important;

}



.table:not(.datagrid-empty) .action-icon:hover {

  color: var(--bs-primary);

}



.btn-add-element {

  padding: 0;

  color: var(--bs-primary);

  border: 0;

  margin-top: 0.75rem;

  display: flex;

  place-items: center;

}

.btn-add-element.criterion {

  padding: 0.75rem;

  width: 100%;

  border: 2px dashed var(--bs-primary-100);

}

.btn-add-element:hover {

  color: var(--bs-primary-300) !important;

}

.btn-add-element .fa-plus::before {

  content: "\ea13";

  font-family: remixicon;

  font-weight: normal;

}



.form-panel .action-new {

  cursor: pointer;

}

.form-panel .action-new:hover {

  color: var(--bs-primary-300);

}



.form-panel-actions .action-new {

  color: var(--bs-primary);

}



textarea {

  resize: vertical;

}



.form-control {

  display: block;

  font-family: var(--bs-font-family);

  width: 100%;

  padding: 0.5rem 0.9rem !important;

  font-size: 0.8125rem;

  font-weight: 400;

  line-height: 1.5;

  background-color: transparent;

  background-clip: padding-box;

  border: 1px solid var(--bs-border-color) !important;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  border-radius: 0.25rem;

  height: auto !important;

}

.form-control::placeholder {

  opacity: 0.7;

}

.form-control:focus {

  background-color: transparent;

  border-color: var(--bs-primary-300) !important;

  box-shadow: none !important;

}



.field-textarea textarea {

  overflow: auto !important;

  scrollbar-width: thin;

  resize: vertical !important;

}

.field-textarea textarea::-webkit-scrollbar {

  -webkit-appearance: unset;

  width: 5px;

}

.field-textarea textarea::-webkit-scrollbar-thumb {

  background-color: rgba(0, 0, 0, 0.075);

  border-radius: 8px;

}

.field-textarea textarea::-webkit-scrollbar-track {

  border-radius: 8px;

}

.field-textarea textarea:focus {

  box-shadow: none !important;

}



.form-select {

  display: block;

  width: 100%;

  -moz-padding-start: calc(0.9rem - 3px);

  font-size: 0.8125rem;

  font-weight: 400;

  padding: 0.5rem 0.9rem !important;

  line-height: 1.5;

  background-color: white;

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");

  background-repeat: no-repeat;

  background-position: right 0.9rem center !important;

  background-size: 16px 12px;

  border: 1px solid var(--bs-border-color) !important;

  border-radius: 0.25rem;

  appearance: none;

}

.form-select:focus {

  box-shadow: none !important;

  border-color: var(--bs-primary) !important;

}

.form-select .ts-control {

  padding: 0 !important;

  height: 37px !important;

}

.form-select .ts-dropdown [data-selectable].option {

  padding: 0.5rem 1rem;

}

.form-select .ts-dropdown-content {

  padding: 0;

  scrollbar-width: thin;

}

.form-select .ts-dropdown-content::-webkit-scrollbar {

  -webkit-appearance: unset;

  width: 5px;

}

.form-select .ts-dropdown-content::-webkit-scrollbar-thumb {

  background-color: rgba(0, 0, 0, 0.075);

  border-radius: 8px;

}

.form-select .ts-dropdown-content::-webkit-scrollbar-track {

  border-radius: 8px;

}



.form-action-search {

  height: 100%;

  display: grid;

  place-content: center;

  border: 1px solid var(--bs-border-color) !important;

  padding: 0 1rem;

  padding: 0.575rem 0.75rem;

  border-radius: 5px;

  width: fit-content;

}

.form-action-search:focus-within {

  border-color: var(--bs-primary) !important;

}

.form-action-search .form-control {

  border: hidden !important;

}



.ts-wrapper.form-control,

.ts-wrapper.form-select {

  padding-inline: 0.9rem !important;

  height: 37px !important;

}

.ts-wrapper.form-control:focus-within,

.ts-wrapper.form-select:focus-within {

  border: 1px solid var(--bs-primary) !important;

}



.form-group {

  padding: 0;

}



.form-action-search * {

  padding: 0 !important;

}



file .content-search-label .form-control {

  border: 0px !important;

}



.content-search-label {

  padding-left: 0.5rem !important;

}



.form-check {

  display: flex;

  gap: 0.25rem;

  place-items: center;

  margin-right: 0.5rem;

}

.form-check-input {

  margin-left: 0;

}

.form-check > * {

  margin: 0 !important;

  padding: 0 !important;

}



.filter-grp-select {

  padding-left: 1rem;

}



.form-tabs .nav-tabs .nav-link.active {

  box-shadow: inset 0 -1px 0 0 var(--link-color);

}



.form-control.bg-white, .form-control.form-gallery__input {

  background: white;

}



.form-gallery .form-control {

  visibility: hidden;

}

.form-gallery__input {

  display: block;

  font-family: var(--bs-font-family);

  width: 100%;

  padding: 0.5rem 0.9rem !important;

  font-size: 0.8125rem;

  font-weight: 400;

  line-height: 1.5;

  background-color: transparent;

  background-clip: padding-box;

  border: 1px solid var(--bs-border-color) !important;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  border-radius: 0.25rem;

  height: auto !important;

}

.form-gallery__input:focus {

  background-color: transparent;

  border-color: var(--bs-primary-300) !important;

  box-shadow: none !important;

}

.form-gallery__input:hover {

  cursor: pointer;

}

.form-gallery .group-label {

  display: grid;

  margin-bottom: 1rem;

  gap: 0.25rem;

}

.form-gallery .group-label .form-control-label {

  padding: 0;

}

.form-gallery .form-control-label {

  display: flex;

  place-items: center;

  gap: 1rem;

  place-content: space-between;

}

.form-gallery .form-control-label i {

  cursor: pointer;

  color: var(--gray-500);

  position: relative;

}

.form-gallery .form-control-label i::after {

  content: "Sélectionnez dans le champ pour afficher la fenêtre de la bibliothèque média. Cliquez sur le bouton d'upload pour télécharger des fichiers depuis votre ordinateur. Les fichiers téléchargés seront trouvés dans le dossier 'Média/upload'.";

  position: absolute;

  visibility: hidden;

  background: #4d4d4d;

  color: white;

  font-family: var(--font-family-base);

  font-weight: 400;

  font-size: 0.75rem;

  padding: 0.5rem;

  right: 0;

  line-height: 1.4;

  top: 100%;

  width: 315px;

  border-radius: 5px;

  z-index: 2;

  opacity: 0;

}

.form-gallery .form-control-label i:hover::after {

  visibility: visible;

  opacity: 1;

  transition: opacity 0.5s ease-in;

}

.form-gallery .input-group-prepend {

  position: absolute;

  top: 10px;

  padding-inline: 7px 3px;

  right: 0;

  background-color: white;

  margin-bottom: 0 !important;

  margin-right: 15px;

  opacity: 0;

  transition: opacity 0.5s ease-in-out;

}

.form-gallery .input-group-prepend i {

  background-color: white;

  color: var(--gray-500);

  transition: background-color 0.15s ease-in-out;

  font-size: 1.15rem;

}

.form-gallery .input-group-prepend i:hover {

  cursor: pointer;

  color: var(--gray-600);

}

.form-gallery .input-group-prepend + .no-file {

  display: none;

}

.form-gallery .fa.fa-trash-o::before {

  content: "\eb96";

  font-family: remixicon;

}

.form-gallery .file-view {

  width: 100%;

  height: auto;

  /* Maintain aspect ratio */

  max-height: 100%;

}

.form-gallery .file-view[src$=".svg"] {

  min-width: 100px;

}

.form-gallery .file-view__wrapper {

  --bg-color: #e3e3e3;

  display: inline-block;

  height: auto;

  max-height: 250px;

  margin-top: 0.5rem;

  position: absolute;

  top: 100%;

  left: 17px;

  background: var(--bg-color);

  padding: 0.5rem;

  max-width: 260px;

}

.form-gallery .file-view__wrapper::after {

  content: "";

  position: absolute;

  background: var(--bg-color);

  clip-path: polygon(49% 55%, 0% 100%, 100% 100%);

  top: -18px;

  width: 20px;

  aspect-ratio: 1/1;

  left: 18px;

}

.form-gallery .file-view__wrapper.bg-square img {

  background-image: linear-gradient(45deg, var(--bs-gray-500) 25%, transparent 25%), linear-gradient(-45deg, var(--bs-gray-500) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--bs-gray-500) 75%), linear-gradient(-45deg, rgba(223, 223, 223, 0.6980392157) 75%, var(--bs-gray-500) 75%);

  background-size: 20px 20px;

  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;

}

.form-gallery .form-control:hover {

  cursor: pointer;

}

.form-gallery .form-gallery__input-wrapper {

  position: relative;

}

.form-gallery .form-gallery__view {

  display: flex;

  gap: 0.25rem;

}

.form-gallery .form-gallery__view > * {

  margin: 0 !important;

}

.form-gallery .form-gallery__view .form-gallery__input-wrapper {

  width: 100%;

}

.form-gallery .form-gallery__view .btn-upload {

  width: fit-content;

}



.form-keywords .form-group {

  padding: 3px 0;

  position: relative;

}

.form-keywords .flex-fill {

  margin: 0;

}

.form-keywords .form-control {

  border-radius: 100px;

  padding: 0 1.75rem 0 0.75rem !important;

  background: var(--bs-primary-200);

  color: #fff;

  width: 180px;

  border: 0 !important;

  box-shadow: unset;

  height: 30px !important;

}

.form-keywords .form-control:hover {

  background: white !important;

  border: 3px solid var(--bs-primary-200) !important;

  color: var(--bs-body-color);

}

.form-keywords .form-control:focus {

  transition: all 0.25s ease-out;

  background: white;

  border: 3px solid var(--bs-primary-200) !important;

  color: var(--bs-body-color);

  width: 230px;

}

.form-keywords .form-control:focus + .field-collection-delete-button {

  color: var(--bs-body-color);

}

.form-keywords .form-widget .form-control {

  background: var(--bs-primary);

}

.form-keywords .form-widget .form-control:focus {

  background: white;

  border-color: var(--bs-primary);

}

.form-keywords .field-collection-delete-button {

  color: #fff;

  position: absolute;

  top: 0;

  bottom: 0;

  margin-block: auto;

  right: 0;

  border: 0;

  font-size: 0.75rem;

  opacity: 0.8;

}

.form-keywords .ea-form-collection-items,

.form-keywords .grid-container {

  display: inline-flex;

  flex-wrap: wrap;

  gap: 0.15rem;

}

.form-keywords .flex-fill,

.form-keywords label {

  display: none;

  font-weight: 500;

}



.ea-text-editor-wrapper:focus-within {

  border-color: var(--bs-primary) !important;

  box-shadow: none !important;

}



.trix-content:focus-visible {

  outline: transparent;

}



.trix-content {

  overflow-wrap: anywhere;

}



.dropdown-menu {

  padding: 5px 0;

}



.content-search-label .form-control {

  font-size: 1rem;

}



.form-control.is-invalid {

  border-color: var(--bs-text-danger) !important;

}



.content-header #menu-select {

  font-size: 1rem !important;

  padding: 0.575rem 0.75rem !important;

  min-width: calc(100% + 1rem);

}



.form-panel .field-column {

  padding: 0;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

@media (min-width: 576px) {

  .form-panel .field-column {

    gap: 2rem;

  }

}

.form-panel .field-column .form-control-label {

  flex: 1 1 20%;

}

.form-panel .field-column .form-widget {

  flex: 1 1 70%;

}

.form-panel .form-widget .form-help {

  font-size: smaller;

}

.form-panel .ea-text-editor-wrapper {

  max-height: 350px;

  overflow: auto;

  scrollbar-width: thin;

  resize: vertical;

}

.form-panel .ea-text-editor-wrapper::-webkit-scrollbar {

  -webkit-appearance: unset;

  width: 5px;

}

.form-panel .ea-text-editor-wrapper::-webkit-scrollbar-thumb {

  background-color: rgba(0, 0, 0, 0.075);

  border-radius: 8px;

}

.form-panel .ea-text-editor-wrapper::-webkit-scrollbar-track {

  border-radius: 8px;

}



.form-panel-header {

  align-items: center;

}



.form-control-label {

  font-weight: 500;

  margin-bottom: 0.5rem;

}



.form-panel-actions {

  position: relative;

}



.form-panel-help {

  color: var(--bs-text-color);

  margin-top: 0.5rem;

  z-index: 1;

  position: relative;

}



.form-slug .btn {

  order: 1;

  height: 100%;

  border-bottom-right-radius: 0px;

  border-top-right-radius: 0px;

  border: 0px !important;

}

.form-slug .btn:hover, .form-slug .btn:focus {

  height: 100%;

  border-color: transparent !important;

  box-shadow: unset !important;

  margin-top: 0px !important;

}

.form-slug .form-control {

  order: 2;

  margin-left: -1px;

  border-radius: 0;

  border: 0px !important;

  outline: 0px;

  box-shadow: unset !important;

}

.form-slug .form-control:focus {

  box-shadow: unset !important;

  border: 0px !important;

}

.form-slug .form-control[readonly=readonly] {

  border: 0px !important;

}

.form-slug .form-control:not([readonly=readonly]) {

  border-left: 1px solid var(--bs-border-color) !important;

}

.form-slug .input-group {

  border: 1px solid var(--bs-border-color);

  border-radius: 3px;

}

.form-slug .input-group:focus-within {

  border-color: var(--bs-primary);

}

.form-slug .fas.fa-lock.fa-fw::before {

  content: "\eecc";

  font-family: remixicon !important;

  font-style: normal;

  font-weight: normal;

  font-size: 1.5rem;

}

.form-slug .fas.fa-lock.fa-fw:hover::before {

  content: "\eecb";

}

.form-slug .fas.fa-lock-open.fa-fw::before {

  content: "\eed2";

  color: var(--bs-primary);

  font-family: remixicon !important;

  font-style: normal;

  font-weight: normal;

  font-size: 1.5rem;

}

.form-slug .fas.fa-lock-open.fa-fw:hover::before {

  content: "\eed1";

}



.form-check {

  padding-left: 0 !important;

}



.field-multiple-input .field-collection-item {

  display: flex;

}

.field-multiple-input .field-collection-item .btn {

  color: var(--bs-body-color);

  border: hidden;

}

.field-multiple-input .fa-trash-alt::before {

  content: "\eb99";

  font-family: remixicon;

}

.field-multiple-input .has-help {

  display: flex;

  flex-direction: column;

}

.field-multiple-input .form-help {

  order: 1;

}

.field-multiple-input .btn-add-element {

  order: 3;

  place-content: start;

}

.field-multiple-input .ea-form-collection-items {

  order: 2;

}



.form-switch {

  display: flex;

  place-content: space-between;

}



.CodeMirror-line [role=presentation] {

  word-break: break-all;

}



.form-switch .form-check-input:checked {

  border-color: var(--bs-primary);

}



.table:not(.datagrid-empty) {

  --table-hover-cell-bg: #eef2ff;

  /* th[dir="ltr"]:not([class]),

  .actions {

    position: sticky;

    right: 0;

    width: .1%;

  } */

}

.table:not(.datagrid-empty) .actions-wrapper > a[data-action-name] {

  opacity: 0;

}

.table:not(.datagrid-empty) .subtable,

.table:not(.datagrid-empty) .subtable tbody {

  border-bottom: 0px !important;

}

.table:not(.datagrid-empty) tr:nth-child(2n):not(.empty-row, .no-results) {

  background-color: unset !important;

}

.table:not(.datagrid-empty) tr:hover .actions-wrapper > a[data-action-name] {

  opacity: 1;

}

.table:not(.datagrid-empty) td.border-right {

  border-right: 1px solid var(--table-cell-border-color);

}

.table:not(.datagrid-empty) .tr-level {

  height: 50px;

  background-color: #f9f3ff !important;

}

.table:not(.datagrid-empty) .tr-level:hover {

  background-color: var(--table-hover-cell-bg) !important;

}

.table:not(.datagrid-empty) tr:nth-child(2n):not(.empty-row, .no-results) {

  background-color: #fbfbfb;

}

.table:not(.datagrid-empty) td:first-child,

.table:not(.datagrid-empty) th:first-child {

  padding-left: 1.5rem;

}

.table:not(.datagrid-empty) td:last-child,

.table:not(.datagrid-empty) th:last-child {

  padding-inline: 1rem;

}

.table:not(.datagrid-empty) .group-title {

  background-color: rgba(244, 244, 244, 0.7882352941);

}

.table:not(.datagrid-empty) .group-title:last-child {

  padding: 8px;

}

.table:not(.datagrid-empty) .group-title:first-child {

  padding-block: 0;

  padding-right: 0;

}

.table:not(.datagrid-empty) th {

  background-color: #e8e8e8;

}

.table:not(.datagrid-empty) table th {

  background-color: white;

  padding-inline: 8px;

}

.table:not(.datagrid-empty) thead .sorted a,

.table:not(.datagrid-empty) thead .sorted span {

  --table-thead-sorted-marker-color: var(--bs-primary);

}

.table:not(.datagrid-empty) thead .sorted {

  --color-primary: var(--bs-primary);

}

.table:not(.datagrid-empty) .ea-lightbox-thumbnail img {

  background-color: transparent;

  border: hidden;

  padding-block: 5px;

  margin-right: 15px;

}

.table:not(.datagrid-empty) .actions-wrapper {

  display: flex;

  place-content: end;

  place-items: center;

  gap: 0.5rem;

  padding-block: 5px;

}

.table:not(.datagrid-empty) .actions-wrapper > * {

  order: 2;

  margin: 0 !important;

}

.table:not(.datagrid-empty) .actions-wrapper .action-edit {

  order: 1;

}

.table:not(.datagrid-empty) .actions .action {

  display: flex;

  padding: 0.5rem;

  place-items: center;

  gap: 0.25rem;

  font-size: 1rem !important;

  margin: 0 !important;

}

.table:not(.datagrid-empty) .actions .action:hover {

  background-color: #f9f9f9;

}

.table:not(.datagrid-empty) .actions .action-delete {

  color: var(--bs-text-danger) !important;

}

.table:not(.datagrid-empty) .actions .action-delete > * {

  color: var(--bs-text-danger) !important;

}

.table:not(.datagrid-empty) .actions .action-delete:hover {

  background-color: #f9f9f9;

}

.table:not(.datagrid-empty) .actions .dropdown-menu {

  box-shadow: var(--bs-box-shadow) !important;

  border: 1px solid var(--bs-border-color);

  padding: 5px 0;

}

.table:not(.datagrid-empty) .actions .dropdown-menu .action-icon {

  margin: 0;

}

.table:not(.datagrid-empty) .action-icon {

  filter: opacity(0.8) !important;

  color: var(--bs-body-color);

  font-size: 20px !important;

  display: grid;

  place-content: center;

}

.table:not(.datagrid-empty) .action-icon.fa {

  font-size: 1rem !important;

}

.table:not(.datagrid-empty) .dropdown-custom-toggle::before {

  content: "\ef79";

  font-family: remixicon;

  font-size: 20px;

  display: grid;

}

.table:not(.datagrid-empty) .action-icon.fa {

  font-size: 1.2rem !important;

}



.table-wrapper {

  overflow-x: auto;

  scrollbar-width: thin;

}

.table-wrapper::-webkit-scrollbar {

  -webkit-appearance: unset;

  height: 5px;

}

.table-wrapper::-webkit-scrollbar-thumb {

  background-color: rgba(0, 0, 0, 0.075);

  border-radius: 8px;

}

.table-wrapper::-webkit-scrollbar-track {

  border-radius: 8px;

}

.table-wrapper:focus {

  box-shadow: none !important;

}



.table.datagrid th a {

  font-weight: 500;

}



.nav-tabs {

  --border-width: 0px;

  border-bottom: 1px solid var(--bs-border-color);

}



.nav-tabs .nav-link {

  font-weight: 600;

  color: var(--bs-body-color);

  padding: 0;

  margin-right: 1.5rem;

  padding-bottom: 0.5rem;

}



#myTab .nav-item:hover {

  background: var(--bs-primary);

  border-radius: 100vmax;

  transition: none;

}

#myTab .nav-link:hover {

  color: white !important;

}



.page-item.active .page-link {

  background-color: var(--bs-primary);

  border-color: var(--bs-primary);

}



.expandable-table .table,

.no-expandable-table .table {

  border-bottom: 1px dashed var(--gray-300);

}



.expandable-table table {

  border-spacing: 0;

  width: 100%;

  background: #fff;

}

.expandable-table table th {

  text-align: left;

}

.expandable-table table td {

  white-space: unset;

  position: relative;

}

.expandable-table .data {

  position: relative;

  z-index: 4;

}

.expandable-table .content-td {

  padding-top: 0;

}

.expandable-table .content {

  position: relative;

  padding: 15px 20px !important;

  border-bottom: 1px solid var(--table-hover-cell-bg);

}

.expandable-table .expandable-icon {

  display: table-cell;

  transform: rotate(0deg);

  transition: all 0.25s ease-in-out;

}

.expandable-table .expandable-icon::before {

  content: "\ea6e";

  font-family: remixicon !important;

  font-size: 1.35rem;

  color: #868686;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

.expandable-table .table-card {

  position: absolute;

  display: none;

  background: #fff;

  left: -16px;

  right: -16px;

  bottom: 0;

  top: -51px;

  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.3);

  z-index: 2;

}

.expandable-table tbody {

  position: relative;

}

.expandable-table .main-row {

  cursor: pointer;

}

.expandable-table .content-row {

  display: none;

  border-bottom: 1px dashed var(--gray-300);

}

.expandable-table .content-row .content-descr__label {

  display: block;

  margin-bottom: 0.5rem;

}

.expandable-table .content-row .content-descr__text {

  padding-left: 1rem;

  border-left: 1px solid;

  margin-block: 1rem;

}

.expandable-table .content-td {

  background-color: white;

  padding: 0 !important;

}

.expandable-table .expandable-row.expanded .expandable-icon {

  transform: rotate(90deg);

}

.expandable-table .expandable-row:hover {

  background-color: var(--table-hover-cell-bg);

}

.expandable-table .expandable-row.expanded .table-card {

  display: block;

}

.expandable-table .expandable-row.expanded .table-gap {

  display: table-cell;

}

.expandable-table .expandable-row.expanded .content-row {

  display: table-row;

}



.form-panel-steps .content-td {

  background-color: #f9f9fd !important;

}

.form-panel-steps .content {

  padding: 0 !important;

  margin: 7px 10px !important;

}



.form-panel .table {

  box-shadow: unset;

  margin-block: 0.5rem;

}

.form-panel .table tr {

  vertical-align: middle;

}

.form-panel .table tbody,

.form-panel .table td,

.form-panel .table tfoot,

.form-panel .table th,

.form-panel .table thead,

.form-panel .table tr {

  border: unset;

}

.form-panel .table tbody {

  border-bottom: 1px dashed var(--gray-300);

}

.form-panel .table .actions-wrapper {

  padding: 0;

}



.border-dashed {

  background-color: white !important;

  border-bottom: 1px dashed var(--gray-300) !important;

}



.seo .table {

  border-bottom: 1px dashed;

}



td.col-descr {

  max-width: 250px;

  overflow: hidden;

}

td.col-descr span,

td.col-descr .data {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}



.subtable th,

.subtable tr td {

  padding-block: 8px !important;

}



[id^=ea-index-] .table-wrapper {

  width: calc(100vw - 350px);

}



.panel .table-wrapper {

  width: calc(100vw - 300px);

}



.datagrid thead th {

  box-shadow: inset 0 -1px 0 var(--table-cell-border-color);

}



.table > :not(caption) > * > * {

  padding: 0.5rem 1rem;

}



.table th {

  font-weight: 600;

  white-space: nowrap;

}



.level {

  --width-level: 5px;

}

.level p {

  margin-bottom: 0;

}

.level-number {

  position: relative;

}

.level-number::before {

  display: grid;

  place-content: center;

  width: var(--width-level, 20px);

  font-size: 0.75rem;

  margin-bottom: 0;

  border-radius: 100vmax;

  aspect-ratio: 1/1;

}

.level-wrapper {

  display: inline-flex;

}

.level-square {

  position: relative;

  display: inline-flex;

  padding-left: 1rem;

}

.level-square::before {

  content: "";

  position: absolute;

  left: 0;

  width: var(--width-level);

  height: 100%;

}

.level-wrapper.level-1 .level-number::before {

  content: "1";

}

.level-wrapper.level-1 .level-number,

.level-wrapper.level-1 .level-square::before {

  background-color: var(--bs-primary-200);

}

.level-wrapper.level-1::after {

  border-color: rgba(240, 228, 228, 0.5882352941);

}

.level-wrapper.level-2 {

  padding-left: 1.5rem;

}

.level-wrapper.level-2 .level-number::before {

  content: "2";

}

.level-wrapper.level-2 .level-number,

.level-wrapper.level-2 .level-square::before {

  background-color: var(--bs-primary-200);

}

.level-wrapper.level-2::after {

  border-color: rgba(229, 240, 219, 0.8);

}

.level-wrapper.level-3 {

  padding-left: 1.5rem;

}

.level-wrapper.level-3 .level-number::before {

  content: "3";

}

.level-wrapper.level-3 .level-number,

.level-wrapper.level-3 .level-square::before {

  background-color: var(--bs-primary-200);

}

.level-wrapper.level-3::after {

  border-color: rgba(247, 238, 221, 0.99);

}

.level-wrapper::after {

  content: "";

  border: 1px dashed;

  width: 0;

  z-index: -1;

  position: absolute;

  top: 0;

  bottom: 0;

  right: 0;

}

.level-wrapper.level-1::after {

  left: calc(1.5rem + var(--width-level) / 3);

}

.level-wrapper.level-2::after {

  left: calc(3rem + var(--width-level) / 3);

}

.level-wrapper.level-3::after {

  left: calc(4.5rem + var(--width-level) / 3);

}



.table img {

  height: 2rem;

  padding: 0 !important;

}

.table td.word-break {

  word-break: break-all;

}

.table tr:first-child .level-number::after {

  top: 50%;

}

.table tr:last-child .level-number::after {

  bottom: 50%;

}



.flash {

  --flash-theme: $flash-theme;

  position: absolute;

  top: 3%;

  right: -100%;

  background: white;

  z-index: 1050;

  border-left: 5px solid var(--flash-theme);

  border-top-left-radius: 7px;

  border-bottom-left-radius: 7px;

  box-shadow: var(--bs-box-shadow);

  color: #6b7280;

  font-size: 0.875rem;

  line-height: 1.5;

  min-width: 350px;

  max-width: 450px;

  transition: all 1s ease-in-out;

}

.flash-progress-bar {

  width: 100%;

  height: 2px;

  background: var(--flash-theme);

}

.flash-wrapper {

  display: flex;

  align-items: center;

  padding: 1rem 5rem 1rem 1rem;

  gap: 1rem;

}

.flash:after {

  content: "";

  position: absolute;

  background-color: transparent;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  z-index: -1;

}

.flash:hover {

  cursor: pointer;

}

.flash.dark-theme {

  background-color: var(--bs-body-color);

  color: #dbdbdb;

}

.flash.dark-theme .flash-title {

  color: white;

  font-weight: bold;

}

.flash.show {

  right: 0;

}

.flash b {

  font-weight: 600;

}

.flash-title {

  display: block;

  font-weight: normal;

  margin-bottom: 0.25rem;

  color: var(--flash-theme);

}

.flash-icon {

  font-family: remixicon !important;

  font-style: normal;

  font-size: 3rem;

  color: var(--flash-theme);

}

.flash-info {

  --flash-theme: var(--bs-text-info);

}

.flash-info:hover::after {

  --flash-bg: rgba(37, 99, 235, 0.05);

  background-color: var(--flash-bg);

  cursor: pointer;

}

.flash-info .flash-icon {

  animation: wrench 2.5s ease infinite;

}

.flash-info .flash-icon::before {

  content: "\ee58";

}

.flash-danger, .flash-error {

  --flash-theme: var(--bs-text-danger);

}

.flash-danger:hover::after, .flash-error:hover::after {

  --flash-bg: rgba(220, 53, 69, 0.05);

  background-color: var(--flash-bg);

  cursor: pointer;

}

.flash-danger .flash-icon, .flash-error .flash-icon {

  animation: blink 2s infinite both;

}

.flash-danger .flash-icon::before, .flash-error .flash-icon::before {

  content: "\ea20";

}

.flash-warning {

  --flash-theme: var(--bs-text-warning);

}

.flash-warning:hover::after {

  --flash-bg: rgba(255, 193, 7, 0.05);

  background-color: var(--flash-bg);

}

.flash-warning .flash-icon {

  animation: blink 2s infinite both;

}

.flash-warning .flash-icon::before {

  content: "\ea20";

}

.flash-success {

  --flash-theme: var(--bs-text-success);

}

.flash-success:hover::after {

  --flash-bg: rgba(26, 135, 84, 0.05);

  background-color: var(--flash-bg);

  cursor: pointer;

}

.flash-success .flash-icon {

  animation: tada 2s linear infinite;

  height: fit-content;

}

.flash-success .flash-icon::before {

  content: "\eb80";

}

.flash-primary {

  --flash-theme: var(--bs-primary);

}

.flash-primary:hover::after {

  --flash-bg: rgba(136, 0, 252, 0.05);

  background-color: var(--flash-bg);

  cursor: pointer;

}

.flash-primary .flash-icon {

  animation: bounce 2s ease infinite;

  height: fit-content;

}

.flash-primary .flash-icon::before {

  content: "\f206";

}

.flash-secondary {

  --flash-theme: var(--bs-secondary);

}

.flash-secondary:hover::after {

  --flash-bg: rgba(33, 37, 41, 0.05);

  background-color: var(--flash-bg);

  cursor: pointer;

}

.flash-secondary .flash-icon {

  animation: bounce 2s ease infinite;

  height: fit-content;

}

.flash-secondary .flash-icon::before {

  content: "\f206";

}



.alert {

  display: flex;

  border: 0;

  border-top: 3px solid var(--bs-alert-color);

  border-radius: 0;

  color: var(--bs-body-color);

  box-shadow: var(--bs-box-shadow);

  gap: 0.5rem;

}

.alert .btn-close {

  animation: blink 2s infinite both;

}

.alert-icon {

  font-size: 1.15rem;

}

.alert-title {

  display: block;

  color: var(--bs-alert-color);

  margin-bottom: 0.25rem;

  font-size: 0.95rem;

  padding-block: 0.15rem;

}

.alert-icon {

  font-family: remixicon !important;

  font-style: normal;

  font-size: 1.15rem;

  color: var(--bs-alert-color);

}

.alert-success {

  --bs-alert-color: var(--bs-text-success);

  --bs-alert-bg: #ebf7f1;

  --bs-alert-title-color: var(--bs-alert-color);

}

.alert-success:hover {

  --bs-alert-bg: rgba(26, 135, 84, 0.15);

}

.alert-success .alert-icon {

  animation: tada 2s linear infinite;

  height: fit-content;

}

.alert-success .alert-icon::before {

  content: "\eb80";

}

.alert-info {

  --bs-alert-color: var(--bs-text-info);

  --bs-alert-bg: #f0f5ff;

  --bs-alert-title-color: var(--bs-alert-color);

}

.alert-info:hover {

  --bs-alert-bg: rgba(37, 99, 235, 0.15);

}

.alert-info .alert-icon {

  animation: wrench 2.5s ease infinite;

}

.alert-info .alert-icon::before {

  content: "\ee58";

}

.alert-danger, .alert-error {

  --bs-alert-color: var(--bs-text-danger);

  --bs-alert-bg: #ffeeef;

  --bs-alert-title-color: var(--bs-alert-color);

}

.alert-danger:hover, .alert-error:hover {

  --bs-alert-bg: rgba(220, 53, 69, 0.15);

}

.alert-danger .alert-icon, .alert-error .alert-icon {

  animation: pulse 2s linear infinite;

  height: fit-content;

}

.alert-danger .alert-icon::before, .alert-error .alert-icon::before {

  content: "\eb96";

}

.alert-warning {

  --bs-alert-color: var(--bs-text-warning);

  --bs-alert-bg: rgba(255, 193, 7, 0.05);

  --bs-alert-title-color: var(--bs-alert-color);

}

.alert-warning:hover {

  --bs-alert-bg: rgba(255, 193, 7, 0.15);

  transition: 0.5s;

  cursor: pointer;

}

.alert-warning .alert-icon {

  -webkit-animation: blink 2s infinite both;

  animation: blink 2s infinite both;

}

.alert-warning .alert-icon::before {

  content: "\ea20";

}

.alert-primary {

  --bs-alert-bg: rgba(136, 0, 252, 0.05);

}

.alert-primary:hover {

  --bs-alert-bg: rgba(136, 0, 252, 0.15);

  transition: 0.5s;

  cursor: pointer;

}

.alert-primary .alert-icon {

  animation: bounce 2s ease infinite;

}

.alert-primary .alert-icon::before {

  content: "\f206";

}

.alert-secondary {

  --bs-alert-bg: rgba(33, 37, 41, 0.05);

}

.alert-secondary:hover {

  --bs-alert-bg: rgba(33, 37, 41, 0.15);

  transition: 0.5s;

  cursor: pointer;

}

.alert-secondary .alert-icon {

  animation: bounce 2s ease infinite;

}

.alert-secondary .alert-icon::before {

  content: "\f206";

}



/**

 * ----------------------------------------

 * animation of icons

 * ----------------------------------------

 */

@-webkit-keyframes blink {

  0%, 50%, 100% {

    opacity: 1;

  }

  25%, 75% {

    opacity: 0;

  }

}

@keyframes blink {

  0%, 50%, 100% {

    opacity: 1;

  }

  25%, 75% {

    opacity: 0;

  }

}

@keyframes pulse {

  0% {

    transform: scale(0.75);

  }

  70% {

    transform: scale(1);

  }

  100% {

    transform: scale(0.75);

  }

}

@keyframes wrench {

  0% {

    -webkit-transform: rotate(-3deg);

    transform: rotate(-3deg);

  }

  8% {

    -webkit-transform: rotate(3deg);

    transform: rotate(3deg);

  }

  10% {

    -webkit-transform: rotate(6deg);

    transform: rotate(6deg);

  }

  18% {

    -webkit-transform: rotate(-6deg);

    transform: rotate(-6deg);

  }

  20% {

    -webkit-transform: rotate(-6deg);

    transform: rotate(-6deg);

  }

  28% {

    -webkit-transform: rotate(6deg);

    transform: rotate(6deg);

  }

  30% {

    -webkit-transform: rotate(6deg);

    transform: rotate(6deg);

  }

  38% {

    -webkit-transform: rotate(-6deg);

    transform: rotate(-6deg);

  }

  40% {

    -webkit-transform: rotate(-6deg);

    transform: rotate(-6deg);

  }

  48% {

    -webkit-transform: rotate(6deg);

    transform: rotate(6deg);

  }

  50% {

    -webkit-transform: rotate(6deg);

    transform: rotate(6deg);

  }

  58% {

    -webkit-transform: rotate(-6deg);

    transform: rotate(-6deg);

  }

  60% {

    -webkit-transform: rotate(-6deg);

    transform: rotate(-6deg);

  }

  68% {

    -webkit-transform: rotate(6deg);

    transform: rotate(6deg);

  }

  100%, 75% {

    -webkit-transform: rotate(0);

    transform: rotate(0);

  }

}

@keyframes tada {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  10%, 20% {

    -webkit-transform: scale(0.9) rotate(-8deg);

    transform: scale(0.9) rotate(-8deg);

  }

  30%, 50%, 70% {

    -webkit-transform: scale(1.3) rotate(8deg);

    transform: scale(1.3) rotate(8deg);

  }

  40%, 60% {

    -webkit-transform: scale(1.3) rotate(-8deg);

    transform: scale(1.3) rotate(-8deg);

  }

  100%, 80% {

    -webkit-transform: scale(1) rotate(0);

    transform: scale(1) rotate(0);

  }

}

@keyframes bounce {

  0%, 10%, 100%, 20%, 50%, 80% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

  40% {

    -webkit-transform: translateY(-15px);

    transform: translateY(-15px);

  }

  60% {

    -webkit-transform: translateY(-15px);

    transform: translateY(-15px);

  }

}

.modal-header {

  background-color: white;

  border: hidden;

}

.modal-header .nav-tabs {

  width: calc(100% - 30px);

}

.modal-header .btn-close {

  background-color: #eaeaea;

  font-size: 10px;

  margin-bottom: 5px;

  border-radius: 100vmax;

  width: 15px;

  height: 15px;

  padding: 5px;

  margin: -7.5px -4px -7.5px auto;

}

.modal-header .btn-close:focus {

  background-color: white;

}



.modal-content {

  padding: 2rem;

  background-color: white;

  border: hidden;

  border-radius: 3px;

  max-height: 100%;

}



.tab-content > .active {

  height: 100%;

}



.modal-content > * {

  padding: 0;

}

.modal-body {
  margin-top: 1.5rem;
  margin-bottom: 0;
}

.modal-body form {

  height: 100%;

}



.modal-footer {

  padding-top: 1rem;

  margin-top: 0.5rem;

  background-color: white;

  gap: 0.5rem;

  padding-inline: 0;

  border-top: hidden;

}

.modal-footer > * {

  margin: 0;

}



.modal-dialog-scrollable {

  scrollbar-width: auto;

}



#dragDropArea {

  height: 100%;

}



.drop-area {

  font-size: 1.15rem;

  display: grid;

  place-content: center;

  height: 100%;

  padding: 3rem;

  background: rgba(0, 0, 0, 0.04);

  border: 2px dashed var(--bs-primary-200);

  border-radius: 21px;

  text-align: center;

  min-width: max-content;

  margin: 1rem 2rem;

}

.drop-area .icon {

  background-color: #e3e3e3;

  border-radius: 100vmax;

  margin-bottom: 1.5rem;

  aspect-ratio: 1/1;

  display: grid;

  place-content: center;

  width: 63px;

  margin-inline: auto;

}

.drop-area .btn-link {

  color: var(--bs-primary);

}

.drop-area .btn-link:hover {

  color: var(--bs-primary-400);

}



.modal .btn-danger {

  border: var(--color-danger);

}

.modal .btn-danger:hover, .modal .btn-danger:focus {

  background-color: #f00;

  color: white !important;

}



/* #modals of page

=============================== */

[id^=dragArea] {

  height: 100%;

}



select-image-pane {

  padding: 0 14px 0 7px !important;

}



.ftp-gallery__breadcrumb {

  margin-bottom: 0.5rem;

}



.ftp-gallery__header {

  position: sticky;

  top: 0;

  background: white;

  padding: 1rem 2rem 1px 1rem;

  z-index: 999;

}

.ftp-gallery__header-content {

  display: flex;

  place-content: space-between;

  margin-block: 1rem 1.5rem;

}

.ftp-gallery__header .form-widget {

  border: 1px solid var(--form-input-border-color);

  border-radius: 5px;

  padding-inline: 0.75rem;

}

.ftp-gallery__header .form-widget .content-search-label {

  padding: 5px 8px;

}

.ftp-gallery__header .form-widget .form-control {

  border: hidden !important;

  padding: 0 !important;

}



.ftp-gallery__breadcrumb-link {

  --link-color: var(--bs-body-color);

  display: inline-flex;

  gap: 0.15rem;

  font-weight: 500;

  vertical-align: middle;

}

.ftp-gallery__breadcrumb-link i {

  color: var(--bs-primary);

  margin-right: 0.25rem;

}

.ftp-gallery__breadcrumb-link:hover {

  color: var(--bs-primary-300);

}

.ftp-gallery__breadcrumb-link::before {

  margin-inline: 0.75rem;

}



.ftp-gallery__nav {

  display: grid;

  padding: 1rem;

  min-width: 25%;

  place-content: start;

  grid-template-columns: 1fr;

  border-right: 1px solid rgba(0, 0, 0, 0.06);

  padding: 1rem 1rem 1rem 2rem;

  overflow-x: hidden;

}



.ftp-gallery {

  display: flex;

  height: 100%;

}

.ftp-gallery .alert {

  margin-block: 2rem 0rem;

}

.ftp-gallery .alert * {

  padding: 0;

  margin: 0;

}

.ftp-gallery .ftp-gallery__header-col {

  display: flex;

  place-items: center;

  gap: 1rem;

}

.ftp-gallery .form-select {

  width: 155px;

}

.ftp-gallery .form-select-group {

  display: flex;

  gap: 0.5rem;

}

.ftp-gallery .form-select-label {

  white-space: nowrap;

  height: fit-content;

  width: fit-content;

  margin: auto;

}

.ftp-gallery .ftp-gallery__nav {

  padding: 1.5rem 1.5rem 1.5rem 2.5rem;

}

.ftp-gallery .ftp-gallery__header {

  padding: 1.5rem 2.5rem 0.75rem 1.5rem !important;

}

.ftp-gallery .ftp-gallery__content {

  padding: 0.75rem 2.5rem 1.5rem 1.5rem;

  gap: 0.75rem 1.5rem;

}

.ftp-gallery .ftp-gallery__header-content {

  margin-block: 1rem 0;

}

.ftp-gallery .ftp-gallery .ftp-gallery__header .form-widget .content-search-label {

  padding: 8px;

}

.ftp-gallery .form-select {

  padding: 5px 0.75rem !important;

  font-size: 1rem;

}

.ftp-gallery .form-control::placeholder {

  color: #6c757d;

  font-size: 1rem;

}



.ftp-gallery__folder-link,

.ftp-gallery__folder-media {

  --link-color: var(--bs-body-color);

  display: inline-flex;

  place-items: center;

  padding: 0.25rem 0.75rem;

  border-radius: 5px;

  margin-bottom: 0.5rem;

  font-size: 1rem;

  font-weight: 500;

  gap: 0.5rem;

  height: fit-content;

}

.ftp-gallery__folder-link:hover,

.ftp-gallery__folder-media:hover {

  color: var(--bs-primary-400);

  font-weight: 500;

  background-color: var(--bs-primary-100);

}

.ftp-gallery__folder-link i::before,

.ftp-gallery__folder-media i::before {

  font-size: 1rem;

  color: var(--bs-primary);

}



.ftp-gallery__folder-media {

  place-content: space-between;

  background: var(--bs-primary-100);

}



.ftp-gallery__breadcrumb-link:not(:first-child)::before {

  content: "\ea6e";

  font-family: remixicon;

}

.ftp-gallery__breadcrumb-link:not(:first-child)::before:hover {

  content: "\ee1c";

}



.ftp-gallery__breadcrumb-link .ri-home-4-line::before {

  font-size: 1.05rem;

}



.ftp-gallery__breadcrumb-link:hover .ri-home-4-line::before {

  content: "\ee1c";

}



.ftp-gallery__content {

  display: grid;

  padding-inline: 1rem 2rem;

  grid-template-columns: repeat(3, 1fr);

  place-items: start;

  max-width: 100%;

  gap: 0.75rem 1.5rem;

}

@media (min-width: 992px) {

  .ftp-gallery__content {

    grid-template-columns: repeat(4, 1fr);

  }

}



.ftp-gallery__item {

  display: grid;

  width: 100%;

  gap: 0.5rem;

  padding: 0;

  margin: 0;

}

.ftp-gallery__item .ftp-gallery__file.ftp-gallery__file--icon {

  width: 35px;

  background-image: unset !important;

}

.ftp-gallery__item:hover .ftp-gallery__file-main {

  position: relative;

}

.ftp-gallery__item:hover .ftp-gallery__file-main a {

  display: inline;

  position: absolute;

  width: fit-content;

  height: fit-content;

  z-index: 2;

  color: white;

  font-size: 1.5rem;

  inset: 0;

  margin-top: auto;

  margin-left: auto;

  line-height: 1;

  padding: 0.25rem;

}

.ftp-gallery__item.selected .ftp-gallery__file-main {

  border: 2px solid var(--bs-primary);

}

.ftp-gallery__item figcaption {

  white-space: pre-wrap;

  word-break: break-all;

  text-align: center;

  font-size: 0.85rem;

  padding-inline: 0.5rem;

  line-height: 1.35;

}



.ftp-gallery .ftp-gallery__item:hover .ftp-gallery__file-main::after {

  content: "Sélectionner";

  position: absolute;

  color: white;

  width: fit-content;

  height: fit-content;

  font-size: 0.75rem;

  font-weight: 500;

  inset: 0;

  margin: auto;

}

.ftp-gallery .ftp-gallery__item:hover .ftp-gallery__file-main {

  cursor: pointer;

}

.ftp-gallery .ftp-gallery__item:hover .ftp-gallery__file-main::before {

  content: "";

  position: absolute;

  inset: 0;

  background-color: rgba(0, 0, 0, 0.45);

}



.ftp-gallery .ftp-gallery__item.selected:hover .ftp-gallery__file-main::after {

  content: "Sélectionné";

}

.ftp-gallery .ftp-gallery__item.selected:hover .ftp-gallery__file-main::before {

  background-color: rgba(var(--bs-primary-rgb), 0.7);

}



.ftp-gallery__item .ftp-gallery__file-main {

  height: 110px;

  border: 1px solid var(--bs-border-color);

  border-radius: 7px;

  display: grid;

  place-content: center;

  overflow: hidden;

}

.ftp-gallery__item .ftp-gallery__file-main a {

  display: none;

}

.ftp-gallery__item .ftp-gallery__file-wrapper.bg-square img {

  background-image: linear-gradient(45deg, var(--bs-gray-500) 25%, transparent 25%), linear-gradient(-45deg, var(--bs-gray-500) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--bs-gray-500) 75%), linear-gradient(-45deg, rgba(223, 223, 223, 0.6980392157) 75%, var(--bs-gray-500) 75%);

  background-size: 20px 20px;

  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;

}

.ftp-gallery__item .ftp-gallery__file-wrapper {

  overflow: hidden;

  width: 100%;

  height: 100%;

}

.ftp-gallery__item .ftp-gallery__file {

  object-fit: contain;

  height: 100%;

  width: 100%;

}



.modal-title {

  font-weight: 600;

}



[id^=modal-ajouterp] .modal-body {

  padding: 0 2rem 0 0;

}



/* #upload-tab style 

=================

 */

.modal-gallery .modal-body {

  padding: 0;

  margin-top: 1rem;

}



[id^=dropImageArea] {

  display: grid;

  place-content: center;

  height: 100%;

  width: 100%;

}



[id^=dropImageArea] img {

  width: 100%;

  height: 100%;

  object-fit: contain;

}



#pageModal .modal-body {

  padding: 0;

}



#dirPathNiveauIndicator {

  border-bottom: 1px solid rgba(0, 0, 0, 0.05);

  padding-bottom: 0.75rem;

  margin-bottom: 0.25rem;

}



/* #delete modal

============= */

#modal-delete .modal-title {

  margin-bottom: 0.5rem;

}



/* #filter-modal style

=================== */

#modal-filters {

  --link-color: var(--bs-primary);

}

#modal-filters .modal-header {

  background: unset;

  padding: 0;

  display: block;

}

#modal-filters .modal-header .btn-close {

  position: absolute;

  top: 20px;

  right: 20px;

}

#modal-filters .modal-title {

  font-size: 1.09375rem;

}

#modal-filters .modal-content {

  position: relative;

}

#modal-filters .modal-header__link-list {

  padding-left: 1rem;

  padding-top: 0.5rem;

}

#modal-filters .modal-header__link-list > * {

  display: inline-block;

}

#modal-filters .modal-header__link-list {

  padding-left: 0;

}

#modal-filters .modal-header__link-list > :not(:first-child) {

  padding-left: 0.5rem;

}

#modal-filters .modal-header__link-list > :not(:first-child)::before {

  content: "•";

  font-family: remixicon;

  margin-right: 0.5rem;

}

#modal-filters .modal-header__link-list a {

  cursor: pointer;

}

#modal-filters .modal-header__link-list a:hover {

  color: var(--bs-primary-400);

}

#modal-filters .filter-heading a {

  color: var(--bs-body-color);

}

#modal-filters .filter-checkbox[type=checkbox] {

  accent-color: var(--bs-primary);

}

#modal-filters .row {

  margin-right: 0;

  margin-left: calc(var(--bs-gutter-x) * -1);

  margin-top: 0;

}

#modal-filters .row > * {

  margin: 0;

}

#modal-filters .btn-primary {

  width: 100%;

}

#modal-filters .form-widget-compound > * {

  display: grid;

  gap: 0.25rem;

}

#modal-filters .form-select {

  padding: 0.5rem 0.9rem !important;

  height: 38px;

}

#modal-filters .border-bottom {

  border-width: 0 !important;

}



#modal-filters .modal-body {

  margin-top: 0;

}



[id^=new-modal-contentp] .modal-body {

  padding-left: 3px;

  padding-right: 15px;

}

[id^=new-modal-contentp] .contenu-type {

  margin-bottom: 1rem;

  border-bottom: 1px dashed var(--gray-300);

  padding-bottom: 1.5rem;

}

[id^=new-modal-contentp] .form-group {

  padding: 0;

  margin-bottom: 1rem;

}

[id^=new-modal-contentp] .card-header {

  background-color: white;

  padding-left: 0;

}

[id^=new-modal-contentp] .card-body {

  padding-left: 1.5rem;

}

[id^=new-modal-contentp] .form-check-input {

  margin-right: 0.5rem;

}

[id^=new-modal-contentp] .card {

  border: 0;

}



.modal-dialog-scrollable .modal-body {

  overflow-x: hidden;

}



.show-modal span,

.show-modal .data {

  overflow: hidden;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  word-break: break-all;

}



.show-modal-1 span,

.show-modal-1 .data {

  -webkit-line-clamp: 1;

}



.show-modal-2 span,

.show-modal-2 .data {

  -webkit-line-clamp: 2;

}



.show-modal-3 span,

.show-modal-3 .data {

  -webkit-line-clamp: 3;

}



.show-modal-4 span,

.show-modal-4 .data {

  -webkit-line-clamp: 4;

}



.show-modal-5 span,

.show-modal-5 .data {

  -webkit-line-clamp: 5;

}



.show-modal-6 span,

.show-modal-6 .data {

  -webkit-line-clamp: 6;

}



.show-modal-7 span,

.show-modal-7 .data {

  -webkit-line-clamp: 7;

}



.gallery-loading {

  display: flex;

  background-color: #fff;

  min-height: 424px;

  margin-inline: 2.5rem;

  overflow: hidden;

}

.gallery-loading .ftp-gallery__header {

  padding: 1.5rem 0rem 0.75rem 1.5rem !important;

}

.gallery-loading .ftp-gallery__nav {

  padding-left: 0;

}

.gallery-loading .ftp-gallery__nav .gallery-loading__item {

  margin-bottom: 1rem;

}

.gallery-loading .ftp-gallery__body > * {

  padding-right: 0;

}

.gallery-loading .gallery-loading__item {

  height: 22px;

}

.gallery-loading .ftp-gallery__header-content .gallery-loading__item {

  width: 372px;

  height: 34px;

}

.gallery-loading .ftp-gallery__breadcrumb {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: 1.5rem;

}

.gallery-loading .ftp-gallery__content .gallery-loading__item {

  height: 156px;

  width: 100%;

}

.gallery-loading .ftp-gallery__content .gallery-loading__item::after {

  content: "";

  position: absolute;

  background: white;

  width: 100%;

  bottom: 1.5rem;

  height: 0.5rem;

}

.gallery-loading .form-select-group .gallery-loading__item {

  width: 175px;

  height: 34px;

}

.gallery-loading .gallery-loading__item {

  position: relative;

  background-color: rgba(0, 0, 0, 0.13);

  opacity: 0.5;

  animation: loading 1.5s infinite;

}

.gallery-loading::before {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  background: linear-gradient(90deg, #ffffff 25%, #ffffff 50%, #ffffff 75%);

  background-size: 200% 100%;

  animation: loading 2s infinite;

}

@keyframes loading {

  0% {

    opacity: 0.5;

  }

  50% {

    opacity: 1;

  }

  100% {

    opacity: 0.5;

  }

}



.alert--gallery {

  flex-direction: column;

}

.alert--gallery > * {

  margin: 0;

}



#fileUploadView {

  width: 100%;

  height: auto;

}



.ftp-gallery__404 {

  width: 100%;

  place-self: center;

  margin-block: 3rem;

  text-align: center;

  position: relative;

}

.ftp-gallery__404 figure {

  height: 100px;

  background: var(--bs-light);

  aspect-ratio: 1/1;

  border-radius: 100vmax;

  padding: 1rem;

  margin-inline: auto;

}

.ftp-gallery__404 img {

  height: 100%;

  width: auto;

  opacity: 0.8;

}



.modal-body {

  overflow: auto !important;

  scrollbar-width: thin;

  resize: vertical !important;

}

.modal-body::-webkit-scrollbar {

  -webkit-appearance: unset;

  width: 5px;

}

.modal-body::-webkit-scrollbar-thumb {

  background-color: rgba(0, 0, 0, 0.075);

  border-radius: 8px;

}

.modal-body::-webkit-scrollbar-track {

  border-radius: 8px;

}

.modal-body:focus {

  box-shadow: none !important;

}



#galleryModal .modal-header {

  background: var(--bs-light);

}

#galleryModal .modal-body {

  overflow: hidden !important;

}

#galleryModal .modal-content {

  padding: 0;

}

#galleryModal .modal-header {

  padding: 1rem 2.5rem;

}

#galleryModal .modal-footer {

  padding: 1rem 2.5rem 2rem 2.5rem !important;

}

#galleryModal .modal-body {

  margin: 0;

}

#galleryModal .modal-body.overflow-hidden {

  overflow: hidden !important;

}

#galleryModal .ftp-gallery__body {

  width: 100%;

}



.overflow-y-thin, #file-preview {

  overflow-y: auto !important;

  scrollbar-width: thin;

}

.overflow-y-thin::-webkit-scrollbar, #file-preview::-webkit-scrollbar {

  -webkit-appearance: unset;

  width: 5px;

}

.overflow-y-thin::-webkit-scrollbar-thumb, #file-preview::-webkit-scrollbar-thumb {

  background-color: rgba(0, 0, 0, 0.075);

  border-radius: 8px;

}

.overflow-y-thin::-webkit-scrollbar-track, #file-preview::-webkit-scrollbar-track {

  border-radius: 8px;

}

.overflow-y-thin:focus, #file-preview:focus {

  box-shadow: none !important;

}



.modal-col__gallery {

  overflow: hidden;

}



#galleryContent {

  height: 100%;

}



.ftp-gallery__error {

  background: #e6e6e6;

  height: 100%;

  gap: 1rem;

  display: grid;

  place-content: center;

  text-align: center;

  place-items: center;

  padding: 2rem;

}

.ftp-gallery__error p:not(.h3) {

  font-size: 1.15rem;

  max-width: 50ch;

  font-weight: 300;

}

.ftp-gallery__error .ri-error-warning-line {

  font-size: 5rem;

  opacity: 0.95;

  line-height: 1;

}



.modal-md .ftp-gallery__error {

  background: #e6e6e6;

  height: 100%;

  gap: 1rem;

  display: grid;

  place-content: center;

  text-align: center;

  place-items: center;

  padding: 2rem;

}

.modal-md .ftp-gallery__error p {

  max-width: 50ch;

  font-weight: 300;

}

.modal-md .ftp-gallery__error .h3 {

  font-weight: 500;

  font-size: 1.15rem;

}

.modal-md .ftp-gallery__error .ri-error-warning-line {

  font-size: 3.5rem;

  opacity: 0.95;

  line-height: 1;

}



#uploadedArea {

  background: var(--bs-light);

  padding: 1rem;

  border-radius: 5px;

  border: 1px dashed var(--bs-border-color);

}

#uploadedArea * {

  margin: 0;

}



.modal-gallery .modal-body {

  position: relative;

}



.progress-upload {

  position: absolute;

  inset: 0;

  background: rgba(0, 0, 0, 0.568627451);

}

.progress-upload__grid {

  display: flex;

  flex-direction: column;

  height: 100%;

  width: 100%;

  place-content: center;

  color: white;

  gap: 1rem;

  place-items: center;

}

.progress-upload__container-wrap {

  width: 100%;

}

.progress-upload__container {

  --bar-height: 10px;

  --border-width: 1px;

  border: var(--border-width) solid white;

  height: var(--bar-height);

  border-radius: 100vmax;

  margin-inline: 15%;

}

.progress-upload__bar {

  height: calc(var(--bar-height) - var(--border-width) * 2);

  background: white;

}



#galleryUploadModal .ftp-gallery__file.ftp-gallery__file--icon {

  width: 55px;

}

#galleryUploadModal .modal-body {

  overflow: hidden !important;

}

#galleryUploadModal .ri-upload-cloud-2-line {

  font-size: 2.5rem;

  color: rgba(73, 80, 87, 0.568627451);

}

#galleryUploadModal .btn-remove-img {

  background: var(--bs-gray-800);

  color: white;

  aspect-ratio: 1/1;

  width: fit-content;

  border: hidden;

  border-radius: 100vmax;

  display: grid;

  place-content: center;

  right: 2rem;

  top: 0.5rem;

  position: absolute;

  z-index: 1;

  font-size: 0.75rem;

}

#galleryUploadModal .btn-remove-img:hover {

  background-color: var(--bs-gray-700);

}

#galleryUploadModal .modal-header {

  padding: 1rem 2rem;

  background: var(--bs-light);

}

#galleryUploadModal #file-preview .ftp-gallery__item {

  padding: 1rem 2.5rem;

}

#galleryUploadModal .modal-content {

  padding: 0;

}

#galleryUploadModal .modal-footer {

  padding: 0.5rem 2rem 2rem 2rem;

}



#file-label {

  cursor: pointer;

}



#file-preview {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 1rem;

}

#file-preview #progressUpload {

  position: absolute;

  inset: 0;

}

#file-preview #progressUpload #progressText {

  display: flex;

  gap: 0.25rem;

  align-items: center;

}

#file-preview .ftp-gallery__item .ftp-gallery__file-wrapper {

  position: relative;

}

#file-preview.view-cstm .ftp-gallery__file-main {

  place-content: center;

  height: 227px;

  margin-bottom: 0.5rem;

}

#file-preview.view-cstm figcaption {

  font-size: 1.15rem;

}

#file-preview figcaption {

  order: 2;

}

#file-preview .ftp-gallery__item {

  gap: 0;

  padding: 1rem 2.5rem;

}

#file-preview figure {

  margin: 0 0 0.5rem;

}



:not(#galleryModal) .modal-body {

  max-height: 800px;

}



#galleryModal .modal-body {

  max-height: none;

  height: 70vh;

}



.action-icon.fa.fa-trash::before {

  content: "\ec2a";

  font-family: remixicon !important;

  font-style: normal;

  color: var(--bs-text-danger);

  font-size: 1rem;

  font-weight: normal;

}



.action-icon.ri-eye-line:hover::before {

  content: "\ecb4";

}



.action-icon.ri-file-transfer-line:hover::before {

  content: "\ed10";

}



.ri-add-circle-line:hover::before {

  content: "\ea10";

}



.form-group .card-body {

  padding-left: 0;

  padding-right: 0;

  border-top: 1px dashed var(--bs-border-color);

  padding: 0.5rem;

  margin-top: 0.5rem;

}

.form-group .card-header {

  padding: 0;

  border: hidden;

}

.form-group .card-body label {

  font-weight: 400;

}

.form-group .card-cta {

  padding: 1rem;

  background: var(--bs-light);

}

.form-group .card .form-check-input {

  border: 1px solid var(--bs-body-color);

}

.form-group .card-header label {

  padding-bottom: 0;

}

.form-group .card-header,

.form-group .card input:not(.form-check-input),

.form-group .card textarea {

  background-color: transparent !important;

}



/* aside left 

============= */

.sidebar {

  --sidebar-bg: var(--bs-secondary);

  padding: 0;

  position: fixed;

  scrollbar-width: thin;

  overflow-y: scroll;

  -ms-overflow-style: none;

  scrollbar-width: none;

}

@media (min-width: 992px) {

  .sidebar {

    left: 0;

  }

}



.sidebar-wrapper {

  width: fit-content;

}



.no-scroll::-webkit-scrollbar {

  display: none;

} /* Safari */

.no-scroll::-moz-scrollbars {

  display: none;

}



.no-scroll::-o-scrollbar {

  display: none;

} /* opera */

.no-scroll::-google-ms-scrollbar {

  display: none;

}



.no-scroll::-khtml-scrollbar {

  display: none;

}



.main-header #header-logo .logo-custom {

  display: grid;

  place-content: center;

  height: 70px;

}



.main-header #header-logo a {

  padding: 0;

}



.main-header .navbar {

  padding: 0;

}



@media (min-width: 992px) {

  .main-header {

    background: #3d4043;

  }

}

.main-header #header-logo img,

.main-header #header-logo svg {

  height: 20px;

}



#main-menu .project-item {

  padding: 0 !important;

}

#main-menu .project-item .menu-item-contents {

  background: var(--bs-body-bg);

  color: var(--bs-body-color) !important;

  padding: 15px var(--sidebar-menu-items-padding-left) 15px var(--sidebar-menu-items-padding-left) !important;

  display: flex !important;

  place-items: center;

  font-weight: bold;

  text-transform: capitalize;

  font-size: 1rem !important;

  /* This targets Safari 6.1 to 10.0 */

  /* This targets Safari 10.1+ */

  /* WARNING: This also targets iOS Firefox and Chrome as they use the same rendering engine on iOS */

}

@media not all and (min-resolution: 0.001dpcm) {

  #main-menu .project-item .menu-item-contents span {

    font-weight: 700 !important;

  }

}

@supports (-webkit-appearance: none) and (stroke-color: transparent) {

  #main-menu .project-item .menu-item-contents span {

    font-weight: 700 !important;

  }

}

#main-menu .project-item .menu-item-contents:hover {

  background: var(--bs-primary);

  color: white !important;

}

#main-menu .project-item .menu-item-contents:hover i {

  color: white !important;

}

#main-menu .project-item .menu-item-contents i {

  color: var(--bs-body-color) !important;

}



.project-setting {

  padding: 1rem;

  border-radius: 100vmax;

  width: 45px;

  height: 45px;

  display: grid;

  place-content: center;

  margin: -1rem -1rem -1rem auto;

  color: var(--bs-body-color);

  color: white;

  background: var(--bs-primary-600);

}

.project-setting:hover {

  background: var(--bs-primary-100);

  color: var(--bs-body-color);

  text-decoration: none;

}



#main-menu .menu .menu-item {

  padding-right: var(--sidebar-menu-items-padding-left);

  --sidebar-menu-items-padding-left: 30px;

  font-size: 0.875rem;

  transition: all 0.25s ease-in;

}



#main-menu .submenu .menu-item,

#main-menu .submenu .menu-item-contents {

  padding-left: 0 !important;

}



#main-menu .menu .menu-header {

  padding: 7px var(--sidebar-menu-items-padding-left) 7px var(--sidebar-menu-items-padding-left);

  --sidebar-menu-items-padding-left: 30px;

  color: rgb(200, 200, 200);

  letter-spacing: 0.125em;

}



#main-menu .menu .menu-item-contents {

  display: flex;

  place-items: center;

  --sidebar-menu-color: white;

  /* This targets Safari 6.1 to 10.0 */

  /* This targets Safari 10.1+ */

  /* WARNING: This also targets iOS Firefox and Chrome as they use the same rendering engine on iOS */

}

@media not all and (min-resolution: 0.001dpcm) {

  #main-menu .menu .menu-item-contents span {

    font-weight: 600;

  }

}

@supports (-webkit-appearance: none) and (stroke-color: transparent) {

  #main-menu .menu .menu-item-contents span {

    font-weight: 600;

  }

}



#main-menu .menu .menu-icon {

  height: unset;

  margin-right: 6px;

  font-size: 1.15rem;

  --sidebar-menu-icon-color: white;

}



#main-menu .menu .menu-header {

  line-height: 30px;

  margin-top: 17px;

  /* This targets Safari 6.1 to 10.0 */

  /* This targets Safari 10.1+ */

  /* WARNING: This also targets iOS Firefox and Chrome as they use the same rendering engine on iOS */

}

@media not all and (min-resolution: 0.001dpcm) {

  #main-menu .menu .menu-header {

    font-weight: 700;

  }

}

@supports (-webkit-appearance: none) and (stroke-color: transparent) {

  #main-menu .menu .menu-header {

    font-weight: 700;

  }

}



#main-menu .menu .menu-item {

  --border-radius: 0;

  position: relative;

}



#main-menu .menu .menu-item.active,

#main-menu .menu .menu-item:hover {

  --sidebar-menu-active-item-bg: transparent;

}



#main-menu .menu .menu-item.active:not(.expanded) .menu-icon,

#main-menu .menu .menu-item:hover:not(.expanded) a #main-menu .menu .menu-item.active:not(.expanded) .menu-icon,

#main-menu .menu .menu-item:hover:not(.expanded) a {

  --sidebar-menu-active-item-color: var(--bs-primary-200);

}



#main-menu .menu > .menu-item.active:not(:first-of-type),

#main-menu .menu > .menu-item:hover:not(:first-of-type) {

  --sidebar-menu-active-item-bg: #3d4043;

  position: relative;

  border-left: 5px solid var(--bs-primary-400);

  background: var(--sidebar-menu-active-item-bg);

}



#main-menu .menu > .menu-item.active:not(.expanded) .menu-icon,

#main-menu .menu > .menu-item:hover:not(.expanded) a,

#main-menu .menu > .menu-item.active:not(.expanded) .menu-icon,

#main-menu .menu > .menu-item:hover:not(.expanded) a {

  --sidebar-menu-active-item-color: white;

}



#main-menu .menu > .menu-item.active:not(.expanded):first-of-type .menu-icon,

#main-menu .menu > .menu-item:hover:not(.expanded):first-of-type a,

#main-menu .menu > .menu-item.active:not(.expanded):first-of-type .menu-icon,

#main-menu .menu > .menu-item:hover:not(.expanded):first-of-type a {

  --sidebar-menu-active-item-color: var(--bs-body-color);

}



#main-menu .menu .menu-item.active .menu-item-label {

  --sidebar-menu-active-item-color: white;

  color: var(--sidebar-menu-active-item-color);

}



#main-menu .menu .menu-item .menu-item.active .menu-item-label {

  --sidebar-menu-active-item-color: var(--bs-primary-200);

}



#main-menu .menu .submenu-toggle-icon {

  margin-left: auto;

  margin-top: 0px;

}



#main-menu .menu .menu-item .submenu-toggle .submenu-toggle-icon {

  top: unset;

}



#main-menu .menu .submenu a {

  --sidebar-menu-submenu-color: white;

}



#main-menu .menu .menu-item .submenu-toggle .submenu-toggle-icon {

  --sidebar-menu-icon-color: white;

}



/* aside for mobile 

=================== */

.responsive-header {

  --responsive-header-bg: var(--bs-secondary);

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  z-index: 2000;

}



#navigation-toggler {

  --text-color-dark: white;

}



.responsive-header #responsive-header-logo a {

  --responsive-header-logo-color: white;

  font-family: var(--bs-font-family);

}



/* aside top of a section

========================== */

@media (min-width: 992px) {

  .content-top {

    height: 70px;

  }

}

.content-top .action-btn__wrapper.icons .action-btn::before {

  display: grid;

  place-content: center;

  border-radius: 100vmax;

  width: 35px;

  height: 35px;

}

.content-top .action-btn__wrapper.icons .action-btn:hover::before {

  background: var(--bs-primary-100);

}

.content-top .action-btn__wrapper.icons .action-btn {

  padding: 0;

  display: inline-block;

  margin-left: 0;

}



.content-top .content-wrapper {

  display: flex;

  place-content: space-between;

  width: 100%;

  place-items: center;

  padding: 0 var(--lg-content-padding-right) 0 var(--lg-content-padding-left);

}



.compact-width__btn {

  background: transparent;

  border: hidden;

  font-size: 1.5rem;

  padding: 0;

}



@media (min-width: 992px) {

  .content-top {

    padding: 0;

    position: sticky;

    top: 0;

  }

}

@media (min-width: 992px) {

  .content-top .navbar-custom-menu {

    border-left: 1px solid var(--bs-border-color);

  }

}

.content-top a:hover {

  color: var(--bs-primary);

}



.action-btn {

  margin-left: 5px;

}

.action-btn.logout:before {

  content: "\eede";

  font-family: remixicon;

  font-size: 24px;

}

.action-btn.logout:hover:before {

  content: "\eedd";

}

.action-btn[theme-mode=dark]::before {

  content: "\f1bf";

  font-family: remixicon;

  font-size: 24px;

}

.action-btn[theme-mode=dark]:hover::before {

  content: "\f1bc";

}

.action-btn[theme-mode=light]:before {

  content: "\ef6f";

  font-family: remixicon;

  font-size: 24px;

}

.action-btn[theme-mode=light]:hover:before {

  content: "\ef6e";

}



.user-menu-wrapper .user-details .user-name {

  margin-left: 6px;

  white-space: nowrap;

  font-weight: bold;

  color: var(--bs-body-color);

  font-size: 1rem;

}



@media (max-width: 991.98px) {

  .content-top {

    padding: 0;

    position: sticky;

    top: 45px;

    background-color: var(--bs-card-bg);

    z-index: 1960;

  }

  .content-top__wrapper {

    padding: 0.5rem 1rem;

  }

}

.content-header .page-actions {

  justify-content: start;

}

.content-header .page-actions .global-actions,

.content-header .page-actions .batch-actions {

  margin-left: auto;

}



.dashboard h5,

.dashboard h1 {

  margin-bottom: 0;

}

.dashboard .alert {

  padding-block: 0.75rem;

}

.dashboard .alert p {

  margin-bottom: 0;

}

.dashboard .alert .alert-par-col {

  display: flex;

  place-items: start;

  gap: 0.25rem;

}

.dashboard .alert-dismissible .btn-close {

  bottom: 0;

  margin-block: auto;

}

.dashboard .card-cms.active,

.dashboard a:hover > .card-cms {

  background-image: var(--bs-linear-gradient);

}

.dashboard .card-cms.active .btn-settings,

.dashboard a:hover > .card-cms .btn-settings {

  background-color: var(--bs-primary-600);

}

.dashboard .card-cms.active *:not(.dropdown-item),

.dashboard a:hover > .card-cms *:not(.dropdown-item) {

  color: white !important;

}

.dashboard .card-cms__body {

  display: flex;

  height: 100%;

}

.dashboard .card-cms__info {

  display: grid;

  gap: var(--bs-gutter-y);

}

.dashboard .card-cms__number {

  font-size: 3rem;

  line-height: 1;

}

.dashboard .back-btn {

  display: none;

}

.dashboard .card-cms__icon i {

  font-size: 1.5rem;

}

.dashboard .card-cms__icon {

  width: 45px;

  height: 45px;

  background: var(--bs-primary-100);

  border-radius: 100vmax;

  padding: 1.5rem;

  display: grid;

  place-content: center;

}

.dashboard .card-cms.active .card-cms__icon {

  background: var(--bs-primary-600) !important;

}

.dashboard-body {

  margin-top: 1.5rem;

}

.dashboard .col:nth-child(2n+1) .card-cms__icon {

  background-color: #a26cd0;

  color: white;

}



.project-export .card-title {

  font-size: 1.35rem;

  margin-bottom: 1rem !important;

}

.project-export .card-body {

  padding: 1.25rem;

}

.project a {

  color: var(--bs-body-color);

}

.project .card-cms:hover,

.project .card-cms.active {

  background-image: var(--bs-linear-gradient);

}

.project .card-cms:hover .btn-settings,

.project .card-cms.active .btn-settings {

  background-color: var(--bs-primary-600);

}

.project .card-cms:hover *:not(.dropdown-item),

.project .card-cms.active *:not(.dropdown-item) {

  color: white !important;

}

.project .card-cms.active .card-title {

  display: flex;

  position: relative;

  gap: 0.25rem;

}

.project .card-cms.active .card-title::before {

  content: "\eb7b";

  font-family: remixicon;

  font-weight: bold;

}

.project__logo {

  padding: 0.5rem;

  background: var(--bs-body-bg);

  box-shadow: var(--bs-box-shadow);

}

.project__logo-img {

  width: 50px;

  aspect-ratio: 1/1;

  object-fit: contain;

}

.project__row-1 {

  place-items: center;

  margin-top: -1rem;

}

.project__end-date {

  color: var(--bs-text-color);

  display: flex;

  place-items: center;

  gap: 0.25rem;

  margin-bottom: 0.5rem;

}

.project__url-server {

  display: flex;

  place-items: center;

  gap: 0.25rem;

}

.project__url-server.success {

  color: var(--bs-text-success);

}

.project__url-server.danger {

  color: var(--bs-text-danger);

}

.project .user-role__list {

  display: inline-flex;

  gap: 0.5rem;

  list-style-type: none;

  padding-left: 0;

  color: var(--bs-text-color);

  margin-bottom: 0;

}

.project .user-role__list span {

  color: var(--bs-text-color);

}

.project .user-role__item:not(:last-child) .user-role__icon::after {

  content: ",";

}

.project .user-role__icon {

  margin-left: 0.25rem;

}



/* #index

=============== */

[id=ea-index-Projet] th:first-child a {

  padding-inline: 0 !important;

}



/* #project form

=============== */

[id^=ea-edit-Projet-] .field-boolean .form-switch,

#ea-new-Projet .field-boolean .form-switch {

  flex-direction: column;

  place-items: start;

}

[id^=ea-edit-Projet-] .field-boolean label.form-check-label,

#ea-new-Projet .field-boolean label.form-check-label {

  order: 1;

}

[id^=ea-edit-Projet-] .field-boolean input,

#ea-new-Projet .field-boolean input {

  order: 2;

  margin-top: 0.25rem !important;

}

[id^=ea-edit-Projet-] #monetique,

#ea-new-Projet #monetique {

  margin-top: 1rem;

}

[id^=ea-edit-Projet-] #monetique .form-panel-header,

#ea-new-Projet #monetique .form-panel-header {

  width: auto;

}

[id^=ea-edit-Projet-] #monetique .action-icon,

#ea-new-Projet #monetique .action-icon {

  width: fit-content;

}

[id^=ea-edit-Projet-] #monetique .group-td,

#ea-new-Projet #monetique .group-td {

  padding-top: 1px !important;

}

[id^=ea-edit-Projet-] #monetique .var-monetic__content,

#ea-new-Projet #monetique .var-monetic__content {

  width: 70%;

}

[id^=ea-edit-Projet-] #monetique .var-monetic__content p,

#ea-new-Projet #monetique .var-monetic__content p {

  margin-bottom: 0;

  word-wrap: anywhere;

}

[id^=ea-edit-Projet-] .form-panel-header,

#ea-new-Projet .form-panel-header {

  align-items: start;

}

[id^=ea-edit-Projet-] .form-panel,

#ea-new-Projet .form-panel {

  display: flex;

  flex-direction: column;

  gap: 3rem;

}

[id^=ea-edit-Projet-] .form-panel-collapse-marker,

#ea-new-Projet .form-panel-collapse-marker {

  display: none;

}

[id^=ea-edit-Projet-] .form-panel-header,

#ea-new-Projet .form-panel-header {

  box-shadow: unset;

  flex: 0 0 auto;

  width: 100%;

}

@media (min-width: 768px) {

  [id^=ea-edit-Projet-] .form-panel-header,

  #ea-new-Projet .form-panel-header {

    width: 25%;

  }

}

[id^=ea-edit-Projet-] .form-panel-body,

#ea-new-Projet .form-panel-body {

  width: 100%;

  flex-direction: column;

  background: white;

  padding: 2rem;

}

@media (min-width: 1400px) {

  [id^=ea-edit-Projet-] .form-panel,

  #ea-new-Projet .form-panel {

    flex-direction: row;

  }

  [id^=ea-edit-Projet-] .tab-content,

  #ea-new-Projet .tab-content {

    width: 80%;

    margin-block: 3rem;

  }

}

[id^=ea-edit-Projet-] .form-group .form-widget.has-help small::before,

#ea-new-Projet .form-group .form-widget.has-help small::before {

  content: "(?) ";

}

[id^=ea-edit-Projet-] .datetime-widget-date .form-control,

#ea-new-Projet .datetime-widget-date .form-control {

  width: 100% !important;

}



#ea-index-Page .content-header .datagrid-filters {

  margin-left: 30px;

}

#ea-index-Page .table td {

  height: 45px;

}



[id^=ea-edit-Page] .form-panel,

#ea-new-Page .form-panel {

  background: white;

  height: 100%;

}

[id^=ea-edit-Page] .form-panel-header,

#ea-new-Page .form-panel-header {

  box-shadow: 0 1px 0 var(--table-cell-border-color);

  padding: 0.75rem 1.5rem;

}

[id^=ea-edit-Page] .form-panel-body,

#ea-new-Page .form-panel-body {

  padding: 1rem 1.5rem;

}

[id^=ea-edit-Page] .form-panel,

#ea-new-Page .form-panel {

  padding: 0;

}

[id^=ea-edit-Page] .form-panel-body,

#ea-new-Page .form-panel-body {

  padding: 1.5rem;

}



/* #edit page form

=============== */

[id^=ea-edit-Page-] .tablepageContentPanel .form-panel {

  display: none;

}

[id^=ea-edit-Page-] .table tr {

  vertical-align: middle;

}

[id^=ea-edit-Page-] .w-100 {

  width: auto !important;

}

[id^=ea-edit-Page-] .img-fluid,

[id^=ea-edit-Page-] .img-thumbnail {

  max-height: 50px;

}

[id^=ea-edit-Page-] .dropdown-item {

  place-items: center;

  padding: 0.25rem 1rem;

}

[id^=ea-edit-Page-] .dropdown-item:hover {

  cursor: pointer;

}

[id^=ea-edit-Page-] .dropdown-item i {

  margin-right: 0;

  height: auto;

}



.settings {

  background: var(--bs-card-bg);

  padding: 2rem;

  margin-top: 2rem;

}

.settings nav {

  margin-top: 2rem;

}

.settings hr {

  margin: 0;

}

.settings__profile {

  display: flex;

  gap: 1rem;

}

.settings__profile-img {

  height: 100px;

}

.settings__profile-img {

  height: 135px;

  margin-top: -45px;

  border: 10px solid var(--bs-card-bg);

  border-radius: 100vmax;

}

.settings__titles-wrapper {

  padding-block: 1rem;

}

.settings .form-group > * {

  display: grid;

  grid-template-areas: "label input" "label error";

  grid-template-columns: 20% 1fr;

}

.settings__row {

  display: grid;

  gap: 2rem;

  margin-top: 2rem;

}

.settings__row label {

  grid-area: label;

}

.settings__row .form-control {

  grid-area: input;

}

.settings__row ul {

  list-style-type: none;

  grid-area: error;

  color: var(--bs-text-danger);

  padding-left: 0.85rem;

  margin-top: 0.25rem;

}

.settings__row .form-control {

  max-width: 700px;

}

.settings h2 {

  font-weight: bold;

}



[id^=ea-edit-Article] .form-panel,

#ea-new-Article .form-panel {

  background: white;

  height: 100%;

}

[id^=ea-edit-Article] .form-panel-header,

#ea-new-Article .form-panel-header {

  box-shadow: 0 1px 0 var(--table-cell-border-color);

  padding: 0.75rem 1.5rem;

}

[id^=ea-edit-Article] .form-panel-body,

#ea-new-Article .form-panel-body {

  padding: 1rem 1.5rem;

}

[id^=ea-edit-Article] .form-panel,

#ea-new-Article .form-panel {

  height: 100%;

  padding: 0;

}

[id^=ea-edit-Article] .ri-file-download-line,

#ea-new-Article .ri-file-download-line {

  margin: 0;

}

[id^=ea-edit-Article] .form-panel-body,

#ea-new-Article .form-panel-body {

  padding: 1.5rem;

}

[id^=ea-edit-Article] .img-fluid,

[id^=ea-edit-Article] .img-thumbnail,

#ea-new-Article .img-fluid,

#ea-new-Article .img-thumbnail {

  width: auto;

  height: 55px;

}



[id^=ea-edit-Formulaire] .form-panel,

#ea-new-Formulaire .form-panel {

  background: white;

  height: 100%;

}

[id^=ea-edit-Formulaire] .form-panel-header,

#ea-new-Formulaire .form-panel-header {

  box-shadow: 0 1px 0 var(--table-cell-border-color);

  padding: 0.75rem 1.5rem;

}

[id^=ea-edit-Formulaire] .form-panel-body,

#ea-new-Formulaire .form-panel-body {

  padding: 1rem 1.5rem;

}

[id^=ea-edit-Formulaire] .badge.badge-secondary,

[id^=ea-edit-Formulaire] .badge.badge-currency,

#ea-new-Formulaire .badge.badge-secondary,

#ea-new-Formulaire .badge.badge-currency {

  padding: 0.25rem 0.75rem;

}

[id^=ea-edit-Formulaire] #content-resizer-handler,

#ea-new-Formulaire #content-resizer-handler {

  display: none;

}



/* #style champ

=========== */

#ea-index-FormulaireChamp .show-modal {

  max-width: 360px;

}

#ea-index-FormulaireChamp .show-modal span,

#ea-index-FormulaireChamp .show-modal .data {

  max-width: 355px;

}



[id^=ea-edit-FormulaireChamp] .form-panel,

#ea-new-FormulaireChamp .form-panel {

  background: white;

  height: 100%;

}

[id^=ea-edit-FormulaireChamp] .form-panel-header,

#ea-new-FormulaireChamp .form-panel-header {

  box-shadow: 0 1px 0 var(--table-cell-border-color);

  padding: 0.75rem 1.5rem;

}

[id^=ea-edit-FormulaireChamp] .form-panel-body,

#ea-new-FormulaireChamp .form-panel-body {

  padding: 1rem 1.5rem;

}

[id^=ea-edit-FormulaireChamp] .datagrid th,

#ea-new-FormulaireChamp .datagrid th {

  padding-block: 0.5rem;

}



.response .img-fluid {

  max-height: 50px;

}

.response td {

  height: 66px;

}



/* #style input

=========== */

#ea-index-FormulaireInput .show-modal {

  width: 500px;

}

#ea-index-FormulaireInput .show-modal span,

#ea-index-FormulaireInput .show-modal .data {

  max-width: 500px;

}



[id^=ea-edit-FormulaireInput] .form-panel,

#ea-new-FormulaireInput .form-panel {

  background: white;

  height: 100%;

}

[id^=ea-edit-FormulaireInput] .form-panel-header,

#ea-new-FormulaireInput .form-panel-header {

  box-shadow: 0 1px 0 var(--table-cell-border-color);

  padding: 0.75rem 1.5rem;

}

[id^=ea-edit-FormulaireInput] .form-panel-body,

#ea-new-FormulaireInput .form-panel-body {

  padding: 1rem 1.5rem;

}



#ea-index-CombiVariable .show-modal .data,

#ea-index-CombiVariable .show-modal span {

  min-width: 150px;

}



[id^=ea-edit-CombiVariable] .form-panel,

#ea-new-CombiVariable .form-panel {

  background: white;

  height: 100%;

}

[id^=ea-edit-CombiVariable] .form-panel-header,

#ea-new-CombiVariable .form-panel-header {

  box-shadow: 0 1px 0 var(--table-cell-border-color);

  padding: 0.75rem 1.5rem;

}

[id^=ea-edit-CombiVariable] .form-panel-body,

#ea-new-CombiVariable .form-panel-body {

  padding: 1rem 1.5rem;

}



[id^=ea-edit-User] .form-panel,

#ea-new-User .form-panel {

  background: white;

  height: 100%;

}

[id^=ea-edit-User] .form-panel-header,

#ea-new-User .form-panel-header {

  box-shadow: 0 1px 0 var(--table-cell-border-color);

  padding: 0.75rem 1.5rem;

}

[id^=ea-edit-User] .form-panel-body,

#ea-new-User .form-panel-body {

  padding: 1rem 1.5rem;

}

[id^=ea-edit-User] .table,

#ea-new-User .table {

  border-bottom: 1px dashed var(--gray-300) !important;

}

[id^=ea-edit-User] .table td,

#ea-new-User .table td {

  vertical-align: middle;

}



#ea-index-ImportExport .card-header,

#ea-index-ImportExport .card-footer {

  border: hidden;

  padding: 0;

  background-color: white;

}

#ea-index-ImportExport .card-header {

  margin-bottom: 1rem;

}

#ea-index-ImportExport .card-footer {

  display: flex;

  gap: 1rem;

}

#ea-index-ImportExport .card-footer > * {

  width: 100%;

}



#ea-index-RapportPDF .card-header,

#ea-index-RapportPDF .card-footer {

  border: hidden;

  padding: 0;

  background-color: white;

}

#ea-index-RapportPDF .card-header {

  margin-bottom: 1rem;

}



.nowrap {

  white-space: nowrap;

}



.table-monetique td {

  z-index: 1;

}

.table-monetique tr {

  border-bottom: 1px solid var(--gray-100) !important;

}



.theme-mode [theme-mode=light-mode] {

  background: var(--bs-primary-100);

}

.theme-mode [theme-mode=light-mode]::before {

  content: "\f1bf";

  font-family: "remixicon" !important;

  font-style: normal;

}

.theme-mode [theme-mode=light-mode]:hover {

  color: white;

  background: var(--bs-primary-600);

}

.theme-mode [theme-mode=light-mode]:hover::before {

  content: "\ef75";

}



/* #chart theme

=============== */

.light-mode #chartPageContainerDark,

.light-mode #chartObjetContainerDark {

  display: none;

}



.dark-mode {

  --bs-body-bg: #212529;

  --bs-body-color: white;

  --bs-card-bg: #3d4043;

  --text-color-dark: white;

}

.dark-mode .box-shadow {

  --bs-card-bg: $secondary;

  --bs-box-shadow: 3px 3px 7px rgba(250, 250, 250, 0.05);

}

.dark-mode .sidebar {

  box-shadow: 3px 3px 7px rgba(250, 250, 250, 0.05);

}



.theme-mode[theme-mode=dark-mode] {

  color: white;

  background: var(--bs-primary-600);

}

.theme-mode[theme-mode=dark-mode]::before {

  content: "\ef75";

  font-family: "remixicon" !important;

  font-style: normal;

}

.theme-mode[theme-mode=dark-mode]:hover {

  color: var(--bs-body-color);

  background: var(--bs-primary-100);

}

.theme-mode[theme-mode=dark-mode]:hover::before {

  content: "\f1bf";

}



/* #chart theme

=============== */

.dark-mode #chartPageContainer,

.dark-mode #chartObjetContainer {

  display: none;

}


.sidebar {
  --sidebar-bg: #1e1e1e;
}

@media (min-width: 992px) {
  .main-header {
    background: #1f1f1f;
  }
}

.main-header #header-logo a {
  color: #1e1e1e;
}

.logo-custom>img:nth-child(1) {
  opacity: 0.8;
}

.main-header #header-logo img,
.main-header #header-logo svg {
  height: 32px;
}

.link-url-provider {
  border: 1px solid #DDD;
  padding: 1rem;
  border-radius: 3px;
  background: #f7f7f9;
}

.link-url-provider .form-check {
  margin-top: 0 !important;
  min-height: unset;
}

.link-url-provider .gap-2 {
  margin-bottom: 12px !important;
}

.link-url-provider .form-check-label {
  line-height: 1;
}

#inputNoLink {
  background: #e7e7e7;
  pointer-events: none;
}