@charset "UTF-8";
/*$dark: #453f4f;*/
:root,
[data-bs-theme=light] {
  --bs-blue: #1d7cbe;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #34343a;
  --bs-secondary: #595963;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #fcfcfc;
  --bs-dark: #212529;
  --bs-primary-rgb: 52, 52, 58;
  --bs-secondary-rgb: 89, 89, 99;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 252, 252, 252;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: rgb(20.8, 20.8, 23.2);
  --bs-secondary-text-emphasis: rgb(35.6, 35.6, 39.6);
  --bs-success-text-emphasis: rgb(10, 54, 33.6);
  --bs-info-text-emphasis: rgb(5.2, 80.8, 96);
  --bs-warning-text-emphasis: rgb(102, 77.2, 2.8);
  --bs-danger-text-emphasis: rgb(88, 21.2, 27.6);
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: rgb(214.4, 214.4, 215.6);
  --bs-secondary-bg-subtle: rgb(221.8, 221.8, 223.8);
  --bs-success-bg-subtle: rgb(209, 231, 220.8);
  --bs-info-bg-subtle: rgb(206.6, 244.4, 252);
  --bs-warning-bg-subtle: rgb(255, 242.6, 205.4);
  --bs-danger-bg-subtle: rgb(248, 214.6, 217.8);
  --bs-light-bg-subtle: rgb(251.5, 252, 252.5);
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: rgb(173.8, 173.8, 176.2);
  --bs-secondary-border-subtle: rgb(188.6, 188.6, 192.6);
  --bs-success-border-subtle: rgb(163, 207, 186.6);
  --bs-info-border-subtle: rgb(158.2, 233.8, 249);
  --bs-warning-border-subtle: rgb(255, 230.2, 155.8);
  --bs-danger-border-subtle: rgb(241, 174.2, 180.6);
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #34343a;
  --bs-link-color-rgb: 52, 52, 58;
  --bs-link-decoration: underline;
  --bs-link-hover-color: rgb(41.6, 41.6, 46.4);
  --bs-link-hover-color-rgb: 42, 42, 46;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: rgb(255, 242.6, 205.4);
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(52, 52, 58, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: rgb(42.5, 47.5, 52.5);
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: rgb(133.2, 133.2, 136.8);
  --bs-secondary-text-emphasis: rgb(155.4, 155.4, 161.4);
  --bs-success-text-emphasis: rgb(117, 183, 152.4);
  --bs-info-text-emphasis: rgb(109.8, 223.2, 246);
  --bs-warning-text-emphasis: rgb(255, 217.8, 106.2);
  --bs-danger-text-emphasis: rgb(234, 133.8, 143.4);
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: rgb(10.4, 10.4, 11.6);
  --bs-secondary-bg-subtle: rgb(17.8, 17.8, 19.8);
  --bs-success-bg-subtle: rgb(5, 27, 16.8);
  --bs-info-bg-subtle: rgb(2.6, 40.4, 48);
  --bs-warning-bg-subtle: rgb(51, 38.6, 1.4);
  --bs-danger-bg-subtle: rgb(44, 10.6, 13.8);
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: rgb(31.2, 31.2, 34.8);
  --bs-secondary-border-subtle: rgb(53.4, 53.4, 59.4);
  --bs-success-border-subtle: rgb(15, 81, 50.4);
  --bs-info-border-subtle: rgb(7.8, 121.2, 144);
  --bs-warning-border-subtle: rgb(153, 115.8, 4.2);
  --bs-danger-border-subtle: rgb(132, 31.8, 41.4);
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: rgb(133.2, 133.2, 136.8);
  --bs-link-hover-color: rgb(157.56, 157.56, 160.44);
  --bs-link-color-rgb: 133, 133, 137;
  --bs-link-hover-color-rgb: 158, 158, 160;
  --bs-code-color: rgb(230.4, 132.6, 181.2);
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: rgb(102, 77.2, 2.8);
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: rgb(117, 183, 152.4);
  --bs-form-valid-border-color: rgb(117, 183, 152.4);
  --bs-form-invalid-color: rgb(234, 133.8, 143.4);
  --bs-form-invalid-border-color: rgb(234, 133.8, 143.4);
}

.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  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) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #34343a;
  --bs-btn-border-color: #34343a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(44.2, 44.2, 49.3);
  --bs-btn-hover-border-color: rgb(41.6, 41.6, 46.4);
  --bs-btn-focus-shadow-rgb: 82, 82, 88;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(41.6, 41.6, 46.4);
  --bs-btn-active-border-color: rgb(39, 39, 43.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #34343a;
  --bs-btn-disabled-border-color: #34343a;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #595963;
  --bs-btn-border-color: #595963;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(75.65, 75.65, 84.15);
  --bs-btn-hover-border-color: rgb(71.2, 71.2, 79.2);
  --bs-btn-focus-shadow-rgb: 114, 114, 122;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(71.2, 71.2, 79.2);
  --bs-btn-active-border-color: rgb(66.75, 66.75, 74.25);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #595963;
  --bs-btn-disabled-border-color: #595963;
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(21.25, 114.75, 71.4);
  --bs-btn-hover-border-color: rgb(20, 108, 67.2);
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(20, 108, 67.2);
  --bs-btn-active-border-color: rgb(18.75, 101.25, 63);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754;
}

.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(49.3, 209.95, 242.25);
  --bs-btn-hover-border-color: rgb(37.2, 207.3, 241.5);
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(61.4, 212.6, 243);
  --bs-btn-active-border-color: rgb(37.2, 207.3, 241.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0;
}

.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(255, 202.3, 44.2);
  --bs-btn-hover-border-color: rgb(255, 199.2, 31.8);
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(255, 205.4, 56.6);
  --bs-btn-active-border-color: rgb(255, 199.2, 31.8);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107;
}

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(187, 45.05, 58.65);
  --bs-btn-hover-border-color: rgb(176, 42.4, 55.2);
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(176, 42.4, 55.2);
  --bs-btn-active-border-color: rgb(165, 39.75, 51.75);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;
}

.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #fcfcfc;
  --bs-btn-border-color: #fcfcfc;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(214.2, 214.2, 214.2);
  --bs-btn-hover-border-color: rgb(201.6, 201.6, 201.6);
  --bs-btn-focus-shadow-rgb: 214, 214, 214;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(201.6, 201.6, 201.6);
  --bs-btn-active-border-color: #bdbdbd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #fcfcfc;
  --bs-btn-disabled-border-color: #fcfcfc;
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(66.3, 69.7, 73.1);
  --bs-btn-hover-border-color: rgb(55.2, 58.8, 62.4);
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(77.4, 80.6, 83.8);
  --bs-btn-active-border-color: rgb(55.2, 58.8, 62.4);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}

.btn-outline-primary {
  --bs-btn-color: #34343a;
  --bs-btn-border-color: #34343a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #34343a;
  --bs-btn-hover-border-color: #34343a;
  --bs-btn-focus-shadow-rgb: 52, 52, 58;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #34343a;
  --bs-btn-active-border-color: #34343a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #34343a;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #34343a;
  --bs-gradient: none;
}

.btn-outline-secondary {
  --bs-btn-color: #595963;
  --bs-btn-border-color: #595963;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #595963;
  --bs-btn-hover-border-color: #595963;
  --bs-btn-focus-shadow-rgb: 89, 89, 99;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #595963;
  --bs-btn-active-border-color: #595963;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #595963;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #595963;
  --bs-gradient: none;
}

.btn-outline-success {
  --bs-btn-color: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198754;
  --bs-btn-hover-border-color: #198754;
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #198754;
  --bs-btn-active-border-color: #198754;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #198754;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #198754;
  --bs-gradient: none;
}

.btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none;
}

.btn-outline-warning {
  --bs-btn-color: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffc107;
  --bs-gradient: none;
}

.btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb: 220, 53, 69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none;
}

.btn-outline-light {
  --bs-btn-color: #fcfcfc;
  --bs-btn-border-color: #fcfcfc;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #fcfcfc;
  --bs-btn-hover-border-color: #fcfcfc;
  --bs-btn-focus-shadow-rgb: 252, 252, 252;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #fcfcfc;
  --bs-btn-active-border-color: #fcfcfc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fcfcfc;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #fcfcfc;
  --bs-gradient: none;
}

.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none;
}

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 82, 82, 88;
  text-decoration: underline;
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}

.btn-lg {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg);
}

.btn-sm {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm);
}

:root {
  --light-darken-10: rgb(226.5, 226.5, 226.5);
  --light-darken-20: #c9c9c9;
  --secondary-darken-20: rgb(40.7127659574, 40.7127659574, 45.2872340426);
  --primary-darken-10: rgb(27.8909090909, 27.8909090909, 31.1090909091);
  --primary-darken-15: rgb(15.8363636364, 15.8363636364, 17.6636363636);
  --primary-lighten-10: rgb(76.1090909091, 76.1090909091, 84.8909090909);
  --primary-lighten-25: rgb(112.2727272727, 112.2727272727, 125.2272727273);
  --secondary-lighten-50: rgb(219.7180851064, 219.7180851064, 223.2819148936);
  --primary-lighten-60: rgb(205.4363636364, 205.4363636364, 210.5636363636);
  --darken-f2-5: rgb(229.25, 229.25, 229.25);
  --darken-red-10: rgb(189.2151898734, 32.7848101266, 47.7721518987);
  --darken-gray-400-20: rgb(147.8837209302, 161, 174.1162790698);
  --darken-warning-15: rgb(185.5, 139.125, 0);
  --darken-light-25: rgb(188.25, 188.25, 188.25);
  --darken-dark-50: black;
  --darken-secondary-25: rgb(28.6409574468, 28.6409574468, 31.8590425532);
  --darken-secondary-50: black;
  --darken-secondary-75: black;
  --darken-primary-5: rgb(39.9454545455, 39.9454545455, 44.5545454545);
  --darken-white-10: rgb(229.5, 229.5, 229.5);
  --darken-white-20: #cccccc;
  --darken-white-25: rgb(191.25, 191.25, 191.25);
}

#index-tracking {
  background: url("https://www.tracktyre.com/build/images/background.de29e45a.jpg") 50% no-repeat fixed;
  background-size: cover;
  height: 100vh;
  object-fit: cover;
}
#index-tracking #tracking-container {
  width: 800px;
}
#index-tracking #tracking-card {
  margin: auto;
  border: none;
}
#index-tracking .primary-bg-color {
  background-color: #2e4665;
}
#index-tracking #tracking-card-body {
  font-size: 0.9em;
}
#index-tracking #form_tracking {
  width: 100%;
  resize: none;
}
#index-tracking .table-wrapper {
  width: 100%;
  /*height: 450px;
  overflow: auto;*/
}
#index-tracking #table-tracking-url td {
  max-width: 300px; /* Vous pouvez ajuster la largeur maximale selon vos besoins */
  white-space: normal;
  overflow: auto;
}
#index-tracking #btn-generate-tracking {
  font-size: 12px;
  padding-left: 2px;
  padding-right: 2px;
  margin-top: 0px;
  right: 20px;
  position: absolute;
}
#index-tracking .col-4-specifique {
  max-width: 33.33333333%;
}
#index-tracking textarea::placeholder {
  color: lightgray;
}
#index-tracking #text-btn-generate-url {
  display: inline;
}
#index-tracking #icone-btn-generate-url {
  display: none;
  font-size: large;
}
@media screen and (max-width: 769px) {
  #index-tracking #btn-generate-tracking {
    margin-top: -1px;
    right: 20px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 5px;
  }
  #index-tracking #text-btn-generate-url {
    display: none;
  }
  #index-tracking #icone-btn-generate-url {
    display: inline;
  }
}

header #header-second-bar ul a:hover {
  border-bottom: 7px solid var(--light-darken-20);
}

.bg-easy4d {
  background: url("/logos/easy4d/bg.jpg") center center no-repeat;
  background-size: cover;
  position: relative;
  height: 90vh;
  min-height: 1000px;
}
.bg-easy4d .e4dServices {
  position: absolute;
  left: 10%;
  top: 54%;
  transform: translateY(-50%);
  width: 550px;
}
.bg-easy4d .e4dServices .e4dServiceGrid {
  text-align: center;
  width: 100%;
  margin-bottom: 50px;
}
.bg-easy4d .e4dServices .e4dServiceGrid #e4dServiceIcons {
  width: 45px;
  height: 45px;
  position: absolute;
  left: calc(50% - 22px);
  top: calc(32% - 23px);
}
.bg-easy4d .e4dServices .e4dServiceGrid #e4dServiceIcons .alt {
  left: calc(50% - 91px);
  top: calc(50% - 27px);
}
.bg-easy4d .e4dServices .e4dService {
  position: absolute;
  opacity: 0;
  left: 0px;
  transition: opacity 2500ms;
}
.bg-easy4d .e4dServices .e4dService.shown {
  opacity: 1;
}
.bg-easy4d .e4dServices .e4dService .e4dServiceTitle {
  display: flex;
  align-items: center;
  height: 80px;
  width: 550px;
  font-size: 40px;
  font-family: Trebuchet MS;
  color: #fcfcfc;
  text-shadow: 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000;
}
.bg-easy4d .e4dServices .e4dService .e4dServiceTitle .e4dServiceBar {
  background-color: #595963;
  width: 4px;
  height: 100%;
}
.bg-easy4d .e4dServices .e4dService .e4dServiceTitle span {
  padding: 0px 20px;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 10px 0px;
  margin: 0px 10px;
}
.bg-easy4d .e4dIconsGroup img {
  transition: opacity 2500ms, left 2500ms, top 2500ms;
  transition-timing-function: ease-in-out;
  opacity: 0;
  left: 0px;
  top: 0px;
}
.bg-easy4d #e4dServiceBrandsIcons img {
  left: -69px;
  top: -4px;
}
.bg-easy4d .e4dIconsGroup.shown img {
  opacity: 1;
}
.bg-easy4d .e4dIconsGroup.countries.shown .ico1 {
  left: 0px;
  top: 0px;
}
.bg-easy4d .e4dIconsGroup.countries.shown .ico2 {
  left: 129px;
  top: -53px;
}
.bg-easy4d .e4dIconsGroup.countries.shown .ico3 {
  left: 53px;
  top: -129px;
}
.bg-easy4d .e4dIconsGroup.countries.shown .ico4 {
  left: -53px;
  top: -129px;
}
.bg-easy4d .e4dIconsGroup.countries.shown .ico5 {
  left: -129px;
  top: -53px;
}
.bg-easy4d .e4dIconsGroup.countries.shown .ico6 {
  left: -129px;
  top: 53px;
}
.bg-easy4d .e4dIconsGroup.countries.shown .ico7 {
  left: -53px;
  top: 129px;
}
.bg-easy4d .e4dIconsGroup.countries.shown .ico8 {
  left: 53px;
  top: 129px;
}
.bg-easy4d .e4dIconsGroup.countries.shown .ico9 {
  left: 129px;
  top: 53px;
}
.bg-easy4d .e4dIconsGroup.services.shown .ico1 {
  left: 0px;
  top: 0px;
}
.bg-easy4d .e4dIconsGroup.services.shown .ico2 {
  left: 121px;
  top: -70px;
}
.bg-easy4d .e4dIconsGroup.services.shown .ico3 {
  left: -29px;
  top: -136px;
}
.bg-easy4d .e4dIconsGroup.services.shown .ico4 {
  left: -139px;
  top: -14px;
}
.bg-easy4d .e4dIconsGroup.services.shown .ico5 {
  left: -56px;
  top: 127px;
}
.bg-easy4d .e4dIconsGroup.services.shown .ico6 {
  left: 104px;
  top: 93px;
}
.bg-easy4d .e4dIconsGroup.products.shown .ico1 {
  left: 0px;
  top: 0px;
}
.bg-easy4d .e4dIconsGroup.products.shown .ico2 {
  left: 70px;
  top: -121px;
}
.bg-easy4d .e4dIconsGroup.products.shown .ico3 {
  left: -93px;
  top: -104px;
}
.bg-easy4d .e4dIconsGroup.products.shown .ico4 {
  left: -127px;
  top: 56px;
}
.bg-easy4d .e4dIconsGroup.products.shown .ico5 {
  left: 14px;
  top: 139px;
}
.bg-easy4d .e4dIconsGroup.products.shown .ico6 {
  left: 136px;
  top: 29px;
}
.bg-easy4d #e4dServiceIcons * {
  position: absolute;
}
.bg-easy4d .e4dRibbon {
  margin-top: 140px;
  width: 100%;
  font-size: 25px;
  color: white;
  text-align: center;
  text-shadow: 0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 3px #000;
}
.bg-easy4d .e4dServices {
  /* BRANDS */
}
.bg-easy4d .e4dServices #e4dServiceBrandsIcons.shown .ico_dunlop {
  left: -221px;
  top: -4px;
}
.bg-easy4d .e4dServices #e4dServiceBrandsIcons.shown .ico_goodyear {
  left: 78px;
  top: -2px;
}
.bg-easy4d .e4dServices #e4dServiceBrandsIcons.shown .ico_pirelli {
  left: -71px;
  top: 142px;
}
.bg-easy4d .e4dServices #e4dServiceBrandsIcons.shown .ico_nokian {
  left: -73px;
  top: -165px;
}
.bg-easy4d .e4dServices #e4dServiceBrandsIcons.shown .ico1_nexen {
  left: -73px;
  top: 36px;
}
.bg-easy4d .e4dServices #e4dServiceBrandsIcons.shown .ico_kleber {
  left: -73px;
  top: -49px;
}
.bg-easy4d .e4dServices #e4dServiceBrandsIcons.shown .ico_hankook {
  left: -203px;
  top: 73px;
}
.bg-easy4d .e4dServices #e4dServiceBrandsIcons.shown .ico_michelin {
  left: -192px;
  top: -97px;
}
.bg-easy4d .e4dServices #e4dServiceBrandsIcons.shown .ico_continental {
  left: 50px;
  top: 76px;
}
.bg-easy4d .e4dServices #e4dServiceBrandsIcons.shown .ico_bridgestone {
  left: 53px;
  top: -94px;
}

#home-counter {
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  height: fit-content;
}

.no-result-hide {
  display: none !important;
}

#login-page {
  background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url("/logos/easy4d/bg.jpg") center center no-repeat;
  background-size: cover;
  position: relative;
  height: 90vh;
  min-height: 600px;
}

#provider-page {
  background: url("/logos/easy4d/bg2.jpg") center center repeat-y;
}
#provider-page .btn-clear-search {
  background-color: #34343a;
  color: white;
  border-radius: 6px 6px 6px 6px;
  cursor: pointer;
}
#provider-page .btn-clear-search:hover {
  background-color: rgb(100.2181818182, 100.2181818182, 111.7818181818);
}
#provider-page #table-orders-holder .alert-success {
  color: #fff;
  background-color: #28a745;
  border-color: #222222;
}
#provider-page #table-orders-holder .detail-view {
  border-bottom: 4px solid #1d7cbe;
  border-left: 4px solid #1d7cbe;
  border-right: 4px solid #1d7cbe;
  background-color: #fff !important;
}
#provider-page #table-orders-holder tr.tr-border {
  border-top: 4px solid #1d7cbe;
  border-left: 4px solid #1d7cbe;
  border-right: 4px solid #1d7cbe;
}

#tracktyre-tracking-add #switch-generate-tracking-easy4d #modal-body {
  padding-bottom: 5px;
  padding-top: 5px;
}
#tracktyre-tracking-add .tracktyre-tracking-form_add {
  min-height: 250px;
}
#tracktyre-tracking-add .btn-close {
  z-index: 100;
}
#tracktyre-tracking-add #tracking-container {
  width: 800px;
  padding: 0;
}
#tracktyre-tracking-add #tracking-card {
  margin: auto;
  border: none;
}
#tracktyre-tracking-add .primary-bg-color {
  background-color: #2e4665;
}
#tracktyre-tracking-add #tracking-card-body {
  font-size: 0.9em;
}
#tracktyre-tracking-add #form_tracking {
  width: 100%;
  resize: none;
}
#tracktyre-tracking-add .table-wrapper {
  width: 100%;
  /*height: 450px;
  overflow: auto;*/
}
#tracktyre-tracking-add #table-tracking-url td {
  max-width: 300px; /* Vous pouvez ajuster la largeur maximale selon vos besoins */
  white-space: normal;
  overflow: auto;
}
#tracktyre-tracking-add #btn-generate-tracking {
  font-size: 12px;
  padding-left: 2px;
  padding-right: 2px;
  margin-top: 0px;
  right: 20px;
  position: absolute;
}
#tracktyre-tracking-add .collapse-perso {
  overflow: hidden;
  transition: height 0.35s ease, opacity 0.4s ease-in-out;
  height: 111px;
  opacity: 1;
}
#tracktyre-tracking-add .collapse-perso:not(.show-perso) {
  display: none;
}
#tracktyre-tracking-add .collapsing-perso {
  height: 0 !important;
  opacity: 0;
}
#tracktyre-tracking-add .col-4-specifique {
  max-width: 33.33333333%;
}
#tracktyre-tracking-add .z-index-bs-backdrop {
  --bs-modal-zindex: 1061; /* Ajuster le z-index pour la deuxième modale */
  --bs-backdrop-zindex: 1060;
}
#tracktyre-tracking-add textarea::placeholder {
  color: lightgray;
}
#tracktyre-tracking-add #text-btn-generate-url {
  display: inline;
}
#tracktyre-tracking-add #icone-btn-generate-url {
  display: none;
  font-size: large;
}
@media screen and (max-width: 992px) {
  #tracktyre-tracking-add #btn-generate-tracking {
    margin-top: -1px;
    right: 20px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 5px;
  }
  #tracktyre-tracking-add #text-btn-generate-url {
    display: none;
  }
  #tracktyre-tracking-add #icone-btn-generate-url {
    display: inline;
  }
}

#stats {
  background: url("/logos/easy4d/bg2.jpg") center center no-repeat;
}

#rankings-contener .btn-primary {
  color: white !important;
}
#rankings-contener .positionFilter button {
  font-size: 10px;
}
#rankings-contener .speedSymbolFilter button {
  font-size: 10px;
}
#rankings-contener .loadIndexFilter button {
  font-size: 10px;
}
#rankings-contener .specificationFilter .ms-options-wrap > .ms-options > ul input[type=checkbox] {
  position: static !important;
}
#rankings-contener #rankings {
  background: url("/logos/easy4d/bg2.jpg") center center repeat-y;
}
#rankings-contener #rankings .bootstrap-table-filter-control-ranking_position {
  margin-bottom: 5px;
  box-shadow: rgba(0, 0, 0, 0.055) 0px 2px 4px 0px;
}
#rankings-contener #rankings .bootstrap-table .fixed-table-container .table thead [data-field=ranking_position] {
  width: 200px;
}
#rankings-contener #rankings #button-filter-select-position {
  box-shadow: inset 0px 6px 2px -2px rgba(255, 255, 255, 0.3), 0px 2px 2px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
#rankings-contener #rankings .result-display-position-select {
  border-radius: 5px;
  vertical-align: middle;
}
#rankings-contener #rankings #modal-body-select-position input {
  cursor: pointer;
  font-size: 18px !important;
  font-weight: 500 !important;
}

#modal-search .modal-dialog #modal-body-search .card-header {
  border-radius: 0px;
}

.card-header {
  z-index: 3;
}

.contener-tabs {
  width: 100%;
  border-radius: 5px 5px 0 0;
}
.contener-tabs .tabs {
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  border-radius: 5px 5px 0 0;
  white-space: nowrap;
  background-color: #595963;
}
.contener-tabs .tab-link {
  position: relative;
  height: 100%;
  width: 100%;
  display: inline-block;
  padding: 10px 5px;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  color: white;
  background-color: #595963;
  box-shadow: inset 0px 6px 2px -2px rgba(255, 255, 255, 0.3);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.contener-tabs .tab-link::after {
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  content: "";
  height: 100%;
  width: 100%;
  opacity: 0;
  background-color: white;
  transition: opacity 0.2s ease-in-out;
}
.contener-tabs .effect {
  height: 100%;
  display: inline-block;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
  transition: text-shadow 0.2s ease-in-out, transform 0.2s linear, opacity 0.2s linear;
  z-index: 2;
}
.contener-tabs .effect:hover {
  transform: scaleY(1.05) translateY(1.8%);
  z-index: 1;
}
.contener-tabs .effect:hover .tab-link {
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);
}
.contener-tabs .effect:hover .tab-link::after {
  opacity: 0.1;
}
.contener-tabs .effect:first-child {
  border-radius: 5px 0px 0 0;
}
.contener-tabs .effect:first-child .tab-link {
  border-radius: 5px 0px 0 0;
}
.contener-tabs .effect:last-child {
  border-radius: 0px 5px 0 0;
}
.contener-tabs .effect:last-child .tab-link {
  border-radius: 0px 5px 0 0;
}
.contener-tabs .tab-link:hover:not(.active) {
  text-decoration: none;
}
.contener-tabs .tab-link.active {
  font-weight: bold;
  color: white;
  text-decoration: none;
  background-color: #34343a;
  border-bottom: none;
}

footer {
  background: linear-gradient(#34343a 0%, #595963 100%);
  background-size: cover;
  background-repeat: no-repeat;
}
footer #footer-image {
  max-width: 170px;
}

@media (max-width: 768px) {
  .bg-easy4d .e4dServices {
    left: 0;
    width: 100%;
  }
  .bg-easy4d .e4dServices .e4dService {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .bg-easy4d .e4dServices .e4dService .e4dServiceTitle {
    width: fit-content;
    font-size: 2rem;
    justify-content: center;
  }
  .bg-easy4d .e4dServices .e4dServiceGrid {
    margin-bottom: 6rem;
  }
  .bg-easy4d .e4dRibbon {
    margin-top: 14rem;
  }
}