@charset "UTF-8";
/**
 * Color schemes
 */
[data-theme=light],
:root:not([data-theme=dark]) {
  --picx-test-color: #000;
  --picx-test-background-color: #ffff00;
  --picx-alert-background: #FBFCFC;
  --picx-alert-color: #3c465e;
  --picx-alert-border-color: #E5E8EC;
  --picx-alert-border-color--success: #96ea6a;
  --picx-alert-border-color--warning: #fec16e;
  --picx-alert-border-color--danger: #f6968c;
  --picx-alert-border-color--info: #89d6fe;
  --picx-alert-background--success: #e5fada; /*lighten($success, 55%);*/
  --picx-alert-background--warning: #fff7ed;
  --picx-alert-background--danger: #fdeceb;
  --picx-alert-background--info: #eff9ff;
  --picx-alert-a-close-color: #AAA;
  --picx-alert-a-close-hover-color: #888;
  --picx-pagination-background: #eff1f4;
  --picx-pagination-a-color: #3d475c;
  --picx-pagination-a-hover-color: #eff1f4;
  --picx-pagination-a-hover-background: #909ebe;
  --picx-pagination-a-current-color: #FFF;
  --picx-pagination-a-current-background: #48536b;
  --picx-group-input-text-color: #999;
  --picx-group-input-text-background: #EEE;
  /* grey-100 */
  --picx-btn-sm-background-color: #E2E2E2;
  /* grey-600 */
  --picx-btn-sm-color: #5E5E5E;
  color-scheme: light;
}

@media only screen and (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --picx-test-color: #ffff00;
    --picx-test-background-color: #000;
    --picx-alert-background: #161A22;
    --picx-alert-color: #3C465E;
    --picx-alert-border-color: #1C212C;
    --picx-alert-border-color--success: var(--picx-alert-border-color);
    --picx-alert-border-color--warning: var(--picx-alert-border-color);
    --picx-alert-border-color--danger: var(--picx-alert-border-color);
    --picx-alert-border-color--info: var(--picx-alert-border-color);
    --picx-alert-background--success: #161A22;
    --picx-alert-background--warning: #161A22;
    --picx-alert-background--danger: #161A22;
    --picx-alert-background--info: #161A22;
    --picx-alert-a-close-color: #333;
    --picx-alert-a-close-hover-color: #555;
    --picx-group-input-text-color: var(--pico-color);
    --picx-group-input-text-background: #181c25;
    --picx-pagination-background: #202632;
    --picx-pagination-a-color: #909ebe;
    --picx-pagination-a-hover-color: #eff1f4;
    --picx-pagination-a-hover-background: #2a3140;
    --picx-pagination-a-current-color: #FFF;
    --picx-pagination-a-current-background: #333c4e;
    --picx-danger: #ee402e;
    --picx-danger-background: #ee402e;
    --picx-danger-border: var(--picx-danger-background);
    --picx-danger-underline: rgba(238, 64, 46, 0.5);
    --picx-danger-hover: #f5a390;
    --picx-danger-hover-background: #ef4d3c;
    --picx-danger-hover-border: var(--picx-danger-hover-background);
    --picx-danger-hover-underline: var(--picx-danger-hover);
    --picx-danger-focus: rgba(241, 121, 97, 0.25);
    --picx-danger-inverse: #fff;
    /*slate-800*/
    --picx-btn-sm-background-color: #2A3140;
    /*slate-200*/
    --picx-btn-sm-color: #A0ACC7;
    color-scheme: dark;
  }
}
[data-theme=dark] {
  --picx-test-color: #ffff00;
  --picx-test-background-color: #000;
  --picx-alert-background: #161A22;
  --picx-alert-color: #3C465E;
  --picx-alert-border-color: #1C212C;
  --picx-alert-border-color--success: var(--picx-alert-border-color);
  --picx-alert-border-color--warning: var(--picx-alert-border-color);
  --picx-alert-border-color--danger: var(--picx-alert-border-color);
  --picx-alert-border-color--info: var(--picx-alert-border-color);
  --picx-alert-background--success: #161A22;
  --picx-alert-background--warning: #161A22;
  --picx-alert-background--danger: #161A22;
  --picx-alert-background--info: #161A22;
  --picx-alert-a-close-color: #333;
  --picx-alert-a-close-hover-color: #555;
  --picx-group-input-text-color: var(--pico-color);
  --picx-group-input-text-background: #181c25;
  --picx-pagination-background: #202632;
  --picx-pagination-a-color: #909ebe;
  --picx-pagination-a-hover-color: #eff1f4;
  --picx-pagination-a-hover-background: #2a3140;
  --picx-pagination-a-current-color: #FFF;
  --picx-pagination-a-current-background: #333c4e;
  --picx-danger: #ee402e;
  --picx-danger-background: #ee402e;
  --picx-danger-border: var(--picx-danger-background);
  --picx-danger-underline: rgba(238, 64, 46, 0.5);
  --picx-danger-hover: #f5a390;
  --picx-danger-hover-background: #ef4d3c;
  --picx-danger-hover-border: var(--picx-danger-hover-background);
  --picx-danger-hover-underline: var(--picx-danger-hover);
  --picx-danger-focus: rgba(241, 121, 97, 0.25);
  --picx-danger-inverse: #fff;
  /*slate-800*/
  --picx-btn-sm-background-color: #2A3140;
  /*slate-200*/
  --picx-btn-sm-color: #A0ACC7;
  color-scheme: dark;
}

:root {
  --pico-font-family-sans-serif: Inter, system-ui, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, "Helvetica Neue", sans-serif, var(--pico-font-family-emoji);
  --picx-success-color: #47a417;
  --picx-info-color: #018cd4;
  --picx-warning-color: #d27a01;
  --picx-danger-color: #ee402e;
}

.text-mute {
  color: var(--pico-muted-color);
  font-weight: unset;
  font-size: 1rem;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-none {
  text-transform: none;
}

.border {
  border: 1px solid var(--pico-muted-border-color);
}

.border-primary {
  border: 1px solid var(--pico-primary-border);
}

.border-secondary {
  border: 1px solid var(--pico-secondary-border);
}

.border-contrast {
  border: 1px solid var(--pico-contrast-border);
}

.d-flex-align-center {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem;
}

.d-inline-flex-align-center {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem;
}

.d-flex-justify-center {
  display: flex !important;
  justify-content: center !important;
}

.d-none {
  display: none !important;
}

.d-block {
  display: block !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-inline {
  display: inline !important;
}

@media (min-width: 576px) {
  .d-none-sm {
    display: none !important;
  }
  .d-block-sm {
    display: block !important;
  }
  .d-inline-block-sm {
    display: inline-block !important;
  }
  .d-inline-sm {
    display: inline !important;
  }
}
@media (min-width: 768px) {
  .d-none-md {
    display: none !important;
  }
  .d-block-md {
    display: block !important;
  }
  .d-inline-block-md {
    display: inline-block !important;
  }
  .d-inline-md {
    display: inline !important;
  }
}
@media (min-width: 1024px) {
  .d-none-lg {
    display: none !important;
  }
  .d-block-lg {
    display: block !important;
  }
  .d-inline-block-lg {
    display: inline-block !important;
  }
  .d-inline-lg {
    display: inline !important;
  }
}
@media (min-width: 1280px) {
  .d-none-xl {
    display: none !important;
  }
  .d-block-xl {
    display: block !important;
  }
  .d-inline-block-xl {
    display: inline-block !important;
  }
  .d-inline-xl {
    display: inline !important;
  }
}
@media (min-width: 1536px) {
  .d-none-xxl {
    display: none !important;
  }
  .d-block-xxl {
    display: block !important;
  }
  .d-inline-block-xxl {
    display: inline-block !important;
  }
  .d-inline-xxl {
    display: inline !important;
  }
}
.test {
  padding: 1em;
  background-color: var(--picx-test-background-color);
  color: var(--picx-test-color);
}

/* 
Pico scaling on large screen
Inspire by pietz 
@link https://github.com/picocss/pico/discussions/482
*/
:root {
  --pico-font-size: 100%;
  /* Original: 100% */
}

h1,
h2,
h3,
h4,
h5,
h6 {
  --pico-font-weight: 600;
  /* Original: 700 */
}

@media (min-width: 576px) {
  :root {
    --pico-font-size: 100%;
    /* Original: 106.25% */
  }
}
@media (min-width: 1024px) {
  :root {
    --pico-font-size: 87.5%;
    /* Original: 112.5% */
    --pico-line-height: 1.5;
    /* Original: 1.5 */
    --pico-form-element-spacing-vertical: 0.5rem;
    /* Original: 1rem */
    --pico-form-element-spacing-horizontal: 1.0rem;
    /* Original: 1.25rem */
  }
  button, [type=submit], [type=reset], [type=button], [type=file]::file-selector-button, [role=button] {
    padding: 0.375rem 1rem;
  }
}
@media (min-width: 1280px) {
  :root {
    --pico-font-size: 87.5%;
    /* Original: 125% */
  }
}
@media (min-width: 1536px) {
  :root {
    --pico-font-size: 87.5%;
    /* Original: 131.25% */
  }
}
.alert {
  position: relative;
  display: block;
  padding: 0.75rem 1.5rem;
  margin-bottom: 1rem;
  border-radius: var(--pico-border-radius);
  color: var(--picx-alert-color);
  background-color: var(--picx-alert-background);
  border: 1px solid var(--picx-alert-border-color);
  border-left: 4px solid #262C3B;
  box-shadow: var(--pico-box-shadow);
  font-weight: 500;
  align-items: center;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.alert :last-child {
  margin-bottom: 0;
}
.alert .close {
  position: absolute;
  top: 0px;
  right: 5px;
  background: transparent;
  border: none;
  font-size: 1.75rem;
  text-decoration: none;
  color: var(--picx-alert-a-close-color);
  cursor: pointer;
  line-height: 1;
}
.alert .close:hover {
  color: var(--picx-alert-a-close-hover-color);
}
.alert .close::after {
  content: "×"; /* Code Unicode pour × */
}
.alert.closing {
  opacity: 0;
  transform: translateY(-10px);
  pointer-events: none;
}
.alert.hidden {
  display: none;
}

.alert-success {
  border-color: var(--picx-alert-border-color--success);
  border-left-color: var(--picx-success-color);
  background-color: var(--picx-alert-background--success);
  color: var(--picx-success-color);
}
.alert-success > * {
  color: var(--picx-success-color);
}

.alert-warning {
  border-color: var(--picx-alert-border-color--warning);
  border-left-color: var(--picx-warning-color);
  background-color: var(--picx-alert-background--warning);
  color: var(--picx-warning-color);
}
.alert-warning > * {
  color: var(--picx-warning-color);
}

.alert-danger, .alert-error {
  border-color: var(--picx-alert-border-color--danger);
  border-left-color: var(--picx-danger-color);
  background-color: var(--picx-alert-background--danger);
  color: var(--picx-danger-color);
}
.alert-danger > *, .alert-error > * {
  color: var(--picx-danger-color);
}

.alert-info {
  border-color: var(--picx-alert-border-color--info);
  border-left-color: var(--picx-info-color);
  background-color: var(--picx-alert-background--info);
  color: var(--picx-info-color);
}
.alert-info > * {
  color: var(--picx-info-color);
}

.pagination {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem;
  background: var(--picx-pagination-background);
  border-radius: 0.75rem;
  backdrop-filter: blur(8px);
  width: fit-content;
}
.pagination a {
  min-width: 2.25rem;
  height: 2.25rem;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--picx-pagination-a-color);
  text-decoration: none;
  border-radius: 0.5rem;
  transition: 0.2s ease;
}
.pagination a:hover {
  background: var(--picx-pagination-a-hover-background);
  color: var(--picx-pagination-a-hover-color);
}
.pagination a[aria-current=true] {
  background: var(--picx-pagination-a-current-background);
  color: var(--picx-pagination-a-current-color);
}
.pagination a svg {
  width: 1.25rem;
  height: 1.25rem;
}

:is(button, [type=submit], [type=button], [role=button]).danger {
  --pico-background-color: var(--picx-danger-background);
  --pico-border-color: var(--picx-danger-border);
  --pico-color: var(--picx-danger-inverse);
  cursor: pointer;
}
:is(button, [type=submit], [type=button], [role=button]).danger:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
  --pico-background-color: var(--picx-danger-hover-background);
  --pico-border-color: var(--picx-danger-hover-border);
  --pico-color: var(--picx-danger-inverse);
}
:is(button, [type=submit], [type=button], [role=button]).danger:focus, :is(button, [type=submit], [type=button], [role=button]).danger:is([aria-current]:not([aria-current=false])):focus {
  --pico-box-shadow:
    var(--picx-button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),
    0 0 0 var(--picx-outline-width) var(--picx-danger-focus);
}

a.btn-sm {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  background-color: var(--btn-sm-background-color);
  color: var(--btn-sm-color) !important;
  border-radius: 50px;
  font-size: 24px;
  width: 40px;
  height: 40px;
}

a.btn-sm:hover {
  background-color: #47A417;
  color: #eee;
}

a.btn-sm-edit i:before {
  content: "edit";
}

a.btn-sm-edit-square i {
  font-weight: 500;
}

a.btn-sm-edit-square i:before {
  content: "edit_square";
}

a.btn-sm-delete i {
  font-weight: 500;
  font-size: 24px;
}

a.btn-sm-delete:hover {
  background-color: #D93526;
}

a.btn-sm-delete i:before {
  content: "delete";
}

a.btn-sm-delete-cross i {
  font-weight: 800;
  font-size: 26px;
}

a.btn-sm-delete-cross:hover {
  background-color: #D93526;
}

a.btn-sm-delete-cross i:before {
  content: "close";
}

a.btn-sm-addnew {
  color: #eee !important;
  background-color: #47A417;
}

a.btn-sm-addnew:hover {
  background-color: #5DD121;
}

a.btn-sm-addnew i {
  font-weight: 900;
  font-size: 28px;
}

a.btn-sm-addnew i:before {
  content: "add";
}

.float-bottom-actions a.btn-sm-addnew {
  width: 48px;
  height: 48px;
  /* box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.2);*/
  /* Effet lumineux */
  box-shadow: 0px 4px 6px rgba(255, 255, 255, 0.2), 0px 0px 10px rgba(255, 255, 255, 0.1);
}

.btn-sm-viewdetails i:before {
  content: "subject";
}

/**
 * Card (<article>)
 */
article, .card {
  margin-bottom: var(--pico-block-spacing-vertical);
  padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
  border-radius: var(--pico-border-radius);
  background: var(--pico-card-background-color);
  box-shadow: var(--pico-card-box-shadow);
}
article > header, .card > header,
article > footer,
.card > footer {
  margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
  margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
  padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
  background-color: var(--pico-card-sectioning-background-color);
}
article > header, .card > header {
  margin-top: calc(var(--pico-block-spacing-vertical) * -1);
  margin-bottom: var(--pico-block-spacing-vertical);
  border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
  border-top-right-radius: var(--pico-border-radius);
  border-top-left-radius: var(--pico-border-radius);
}
article > footer, .card > footer {
  margin-top: var(--pico-block-spacing-vertical);
  margin-bottom: calc(var(--pico-block-spacing-vertical) * -1);
  border-top: var(--pico-border-width) solid var(--pico-card-border-color);
  border-bottom-right-radius: var(--pico-border-radius);
  border-bottom-left-radius: var(--pico-border-radius);
}

/**** Input group */
.input-group {
  position: relative;
  display: flex;
  align-items: stretch;
  width: 100%;
}

/* Style de base pour l'input */
.input-group input {
  display: block;
  width: 100%;
  margin-bottom: 0;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* Style pour le texte à l'intérieur de l'input */
.input-group-text {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0.75rem 1rem;
  color: var(--picx-group-input-text-color);
  background-color: var(--picx-group-input-text-background);
  border-left: 1px solid var(--pico-form-element-border-color);
  border-radius: 0 var(--pico-border-radius) var(--pico-border-radius) 0;
  display: flex;
  align-items: center;
  line-height: var(--pico-line-height);
  /*height: calc(100% - 2px);*/
  /* Ajustement pour correspondre à la hauteur de l'input */
  margin: 1px 1px 1px 0;
  /* Pour aligner avec la bordure de l'input */
}

.mx-group-text {
  padding: 0.75rem 0.75rem;
  color: var(--picx-group-input-text-color);
  background-color: var(--picx-group-input-text-background);
  border: 1px solid var(--pico-form-element-border-color);
  border-left: none;
  border-radius: 0 var(--pico-border-radius) var(--pico-border-radius) 0;
  display: flex;
  align-items: center;
  line-height: var(--pico-line-height);
  /* Pour aligner avec la bordure de l'input */
}

/* scale fix */
@media (min-width: 1024px) {
  .input-group-text {
    padding: 0.4375rem 1rem;
  }
}

/*# sourceMappingURL=picoextra.output.css.map */