/*
|--------------------------------------------------
| MAIN STYLES SITE
|--------------------------------------------------
|
*/

@font-face {font-family: "Play-Regular"; src: url(fonts/Play-Regular.ttf);}
@font-face {font-family: "Play-Bold"; src: url(fonts/Play-Bold.ttf);}

:root {
  --ws-font-family: "Play-Regular";
  --ws-font-family-semibold: "Play-Bold";
  --ws-font-family-black: "Play-Bold";
  --ws-font-size: 18px;
  --ws-color-white: #ffffff;
  --ws-color-primary-50: #edf8ed;
  --ws-color-primary-100: #dbf1da;
  --ws-color-primary-200: #b6e2b6;
  --ws-color-primary-300: #92d491;
  --ws-color-primary-400: #6ec66c;
  --ws-color-primary-500: #47b145;
  --ws-color-primary-600: #3b9339;
  --ws-color-primary-700: #2c6e2b;
  --ws-color-primary-800: #1d491d;
  --ws-color-primary-900: #0f250e;
  --ws-color-primary-950: #071207;
  --ws-color-secondary-50: #f9fbea;
  --ws-color-secondary-100: #f4f7d4;
  --ws-color-secondary-200: #e9efa9;
  --ws-color-secondary-300: #dee67f;
  --ws-color-secondary-400: #d3de54;
  --ws-color-secondary-500: #cad834;
  --ws-color-secondary-600: #a0ab21;
  --ws-color-secondary-700: #788019;
  --ws-color-secondary-800: #505610;
  --ws-color-secondary-900: #282b08;
  --ws-color-secondary-950: #141504;
  --ws-color-neutral-50: #f1f1f4;
  --ws-color-neutral-100: #e3e4e8;
  --ws-color-neutral-200: #c6c8d2;
  --ws-color-neutral-300: #aaadbb;
  --ws-color-neutral-400: #8d91a5;
  --ws-color-neutral-500: #5a5e72;
  --ws-color-neutral-600: #575b6e;
  --ws-color-neutral-700: #444755;
  --ws-color-neutral-800: #2d2f39;
  --ws-color-neutral-900: #17181c;
  --ws-color-neutral-950: #0b0c0e;
  --ws-color-danger-50: #feece6;
  --ws-color-danger-100: #fed9cd;
  --ws-color-danger-200: #fcb29c;
  --ws-color-danger-300: #fb8c6a;
  --ws-color-danger-400: #f96639;
  --ws-color-danger-500: #f8420b;
  --ws-color-danger-600: #c63306;
  --ws-color-danger-700: #952604;
  --ws-color-danger-800: #631903;
  --ws-color-danger-900: #320d01;
  --ws-color-danger-950: #190601;
  --ws-color-warning-50: #fdf5e8;
  --ws-color-warning-100: #fbebd0;
  --ws-color-warning-200: #f7d7a1;
  --ws-color-warning-300: #f3c472;
  --ws-color-warning-400: #efb043;
  --ws-color-warning-500: #eca120;
  --ws-color-warning-600: #bc7d10;
  --ws-color-warning-700: #8d5e0c;
  --ws-color-warning-800: #5e3e08;
  --ws-color-warning-900: #2f1f04;
  --ws-color-warning-950: #171002;
  --ws-color-dark-50: #f2f2f2;
  --ws-color-dark-100: #e6e6e6;
  --ws-color-dark-200: #cccccc;
  --ws-color-dark-300: #b3b3b3;
  --ws-color-dark-400: #999999;
  --ws-color-dark-500: #666666;
  --ws-color-dark-600: #525252;
  --ws-color-dark-700: #4d4d4d;
  --ws-color-dark-800: #333333;
  --ws-color-dark-900: #1a1a1a;
  --ws-color-dark-950: #0d0d0d;
}
:root, [data-bs-theme=light] {
  --ws-banner-border-light: var(--ws-color-primary-500);
  --ws-banner-border-primary: var(--ws-color-primary-500);
  --ws-banner-border-warning: var(--ws-color-warning-500);
  --ws-banner-border-danger: var(--ws-color-danger-400);
  --ws-banner-border-dark: var(--ws-color-dark-500);
  --ws-banner-border-scroll-light: var(--ws-color-primary-100);
  --ws-banner-border-scroll-primary: var(--ws-color-primary-100);
  --ws-banner-border-scroll-warning: var(--ws-color-warning-100);
  --ws-banner-border-scroll-danger: var(--ws-color-danger-100);
  --ws-banner-border-scroll-dark: var(--ws-color-dark-100);
  --ws-banner-bg-thumb-light: var(--ws-bg-content);
  --ws-banner-bg-thumb-primary: var(--ws-color-primary-50);
  --ws-banner-bg-thumb-warning: var(--ws-color-warning-50);
  --ws-banner-bg-thumb-danger: var(--ws-color-danger-50);
  --ws-banner-bg-thumb-dark: var(--ws-color-dark-50);
  --ws-banner-bg-light: transparent;
  --ws-banner-bg-primary: var(--ws-color-primary-100);
  --ws-banner-bg-warning: var(--ws-color-warning-100);
  --ws-banner-bg-danger: var(--ws-color-danger-100);
  --ws-banner-bg-dark: var(--ws-color-dark-100);

  --ws-product-bg-image: var(--ws-color-primary-50);
  --ws-product-icon-color: var(--ws-color-primary-100);
  --ws-product-border-color: var(--ws-color-neutral-50);
  --ws-product-description-color: var(--ws-color-dark-500);

  --ws-bg-primary-color: var(--ws-color-primary-400);
  --ws-bg-primary-dark-color: var(--ws-color-primary-800);
  --ws-bg-subtle-primary-color: var(--ws-color-primary-100);
  --ws-bg-thin-primary-color: var(--ws-color-primary-50);
  --ws-btn-primary-color: var(--ws-color-primary-500);
  --ws-btn-primary-color-hover: var(--ws-color-primary-600);
  --ws-border-primary-color: var(--ws-color-primary-50);
  --ws-text-primary-color: var(--ws-color-primary-700);
  --ws-text-primary-dark-color: var(--ws-color-primary-800);
  --ws-text-primary-light-color: var(--ws-color-primary-400);
  --ws-icon-primary-color: var(--ws-color-primary-50);

  --ws-bg-secondary-color: var(--ws-color-secondary-400);
  --ws-bg-secondary-dark-color: var(--ws-color-secondary-800);
  --ws-bg-subtle-secondary-color: var(--ws-color-secondary-100);
  --ws-bg-thin-secondary-color: var(--ws-color-secondary-50);
  --ws-btn-secondary-color: var(--ws-color-secondary-500);
  --ws-btn-secondary-color-hover: var(--ws-color-secondary-600);
  --ws-text-secondary-color: var(--ws-color-secondary-700);
  --ws-icon-secondary-color: var(--ws-color-secondary-50);

  --ws-bg-neutral-color: var(--ws-color-neutral-400);
  --ws-bg-neutral-dark-color: var(--ws-color-neutral-800);
  --ws-bg-subtle-neutral-color: var(--ws-color-neutral-100);
  --ws-bg-thin-neutral-color: var(--ws-color-neutral-50);
  --ws-btn-neutral-color: var(--ws-color-neutral-500);
  --ws-btn-neutral-color-hover: var(--ws-color-neutral-600);
  --ws-text-neutral-color: var(--ws-color-neutral-700);
  --ws-text-neutral-dark-color: var(--ws-color-neutral-800);
  --ws-text-neutral-light-color: var(--ws-color-neutral-50);
  --ws-icon-neutral-color: var(--ws-color-neutral-50);

  --ws-bg-danger-color: var(--ws-color-danger-400);
  --ws-bg-danger-dark-color: var(--ws-color-danger-800);
  --ws-bg-subtle-danger-color: var(--ws-color-danger-100);
  --ws-bg-thin-danger-color: var(--ws-color-danger-50);
  --ws-btn-danger-color: var(--ws-color-danger-500);
  --ws-btn-danger-color-hover: var(--ws-color-danger-600);
  --ws-text-danger-color: var(--ws-color-danger-500);

  --ws-bg-warning-color: var(--ws-color-warning-400);
  --ws-bg-warning-dark-color: var(--ws-color-warning-800);
  --ws-bg-subtle-warning-color: var(--ws-color-warning-100);
  --ws-bg-thin-warning-color: var(--ws-color-warning-50);
  --ws-btn-warning-color: var(--ws-color-warning-500);
  --ws-btn-warning-color-hover: var(--ws-color-warning-600);
  --ws-text-warning-color: var(--ws-color-warning-700);

  --ws-bg-light-color: var(--ws-color-dark-100);
  --ws-bg-light-dark-color: var(--ws-color-dark-300);
  --ws-bg-subtle-light-color: var(--ws-color-dark-200);
  --ws-bg-thin-light-color: var(--ws-color-dark-50);
  --ws-btn-light-color: var(--ws-color-dark-100);
  --ws-btn-light-color-hover: var(--ws-color-dark-200);
  --ws-text-light-color: var(--ws-color-dark-600);

  --ws-bg-dark-color: var(--ws-color-dark-800);
  --ws-bg-dark-dark-color: var(--ws-color-dark-900);
  --ws-bg-subtle-dark-color: var(--ws-color-dark-100);
  --ws-bg-thin-dark-color: var(--ws-color-dark-50);
  --ws-btn-dark-color: var(--ws-color-dark-500);
  --ws-btn-dark-color-hover: var(--ws-color-dark-600);
  --ws-text-dark-color: var(--ws-color-dark-700);

  --ws-text-body-color: var(--ws-color-neutral-800);
  --ws-text-body-color-reverse: #ffffff;
  --ws-text-white-color: #ffffff;
  --ws-text-black-color: #262626;

  --ws-bg-body: var(--ws-color-white);
  --ws-bg-content: var(--ws-color-white);
  --ws-bg-content-2: #ffffff;

  --ws-border-light-color: var(--ws-color-neutral-50);
  --ws-border-light-color-hover: var(--ws-color-neutral-100);
  --ws-border-danger-color: var(--ws-color-danger-500);
  --ws-border-dark-color: #333333;
  --ws-box-shadow-color: rgba(64,64,64,.1);

  --ws-logo-text-dark-color: var(--ws-color-primary-800);
  --ws-logo-text-light-color: var(--ws-color-primary-500);
  --ws-nav-bg-color: var(--ws-color-primary-100);
  --ws-nav-link-color: var(--ws-color-neutral-600);
  --ws-nav-icon-bg-color: var(--ws-bg-content);
  --ws-nav-icon-color: var(--ws-color-primary-800);
  --ws-bg-modal-overlay-color: var(--ws-color-dark-800);
  --ws-modal-overlay-opacity: .5;

  --ws-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%28255, 255, 255%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
[data-bs-theme=dark] {
  --ws-banner-border-light: var(--ws-color-primary-400);
  --ws-banner-border-primary: var(--ws-color-primary-400);
  --ws-banner-border-warning: var(--ws-color-warning-400);
  --ws-banner-border-danger: var(--ws-color-danger-400);
  --ws-banner-border-dark: var(--ws-color-dark-400);
  --ws-banner-border-scroll-light: var(--ws-color-primary-100);
  --ws-banner-border-scroll-primary: var(--ws-color-primary-100);
  --ws-banner-border-scroll-warning: var(--ws-color-warning-100);
  --ws-banner-border-scroll-danger: var(--ws-color-danger-100);
  --ws-banner-border-scroll-dark: var(--ws-color-dark-100);
  --ws-banner-bg-thumb-light: var(--ws-bg-content);
  --ws-banner-bg-thumb-primary: var(--ws-color-primary-700);
  --ws-banner-bg-thumb-warning: var(--ws-color-warning-700);
  --ws-banner-bg-thumb-danger: var(--ws-color-danger-700);
  --ws-banner-bg-thumb-dark: var(--ws-color-dark-700);
  --ws-banner-bg-light: transparent;
  --ws-banner-bg-primary: var(--ws-color-primary-900);
  --ws-banner-bg-warning: var(--ws-color-warning-900);
  --ws-banner-bg-danger: var(--ws-color-danger-900);
  --ws-banner-bg-dark: var(--ws-color-dark-900);

  --ws-product-bg-image: var(--ws-color-dark-950);
  --ws-product-icon-color: var(--ws-color-dark-800);
  --ws-product-border-color: var(--ws-color-dark-800);
  --ws-product-description-color: var(--ws-color-dark-400);

  --ws-bg-primary-color: var(--ws-color-primary-300);
  --ws-bg-primary-dark-color: var(--ws-color-primary-800);
  --ws-bg-subtle-primary-color: var(--ws-color-primary-900);
  --ws-bg-thin-primary-color: var(--ws-color-primary-900);
  --ws-btn-primary-color: var(--ws-color-primary-300);
  --ws-btn-primary-color-hover: var(--ws-color-primary-400);
  --ws-border-primary-color: var(--ws-color-primary-800);
  --ws-text-primary-color: var(--ws-color-primary-300);
  --ws-icon-primary-color: var(--ws-color-primary-800);

  --ws-bg-secondary-color: var(--ws-color-secondary-500);
  --ws-bg-secondary-dark-color: var(--ws-color-secondary-800);
  --ws-bg-subtle-secondary-color: var(--ws-color-secondary-900);
  --ws-bg-thin-secondary-color: var(--ws-color-secondary-50);
  --ws-btn-secondary-color: var(--ws-color-secondary-500);
  --ws-btn-secondary-color-hover: var(--ws-color-secondary-600);
  --ws-text-secondary-color: var(--ws-color-secondary-700);
  --ws-icon-secondary-color: var(--ws-color-secondary-800);

  --ws-bg-neutral-color: var(--ws-color-neutral-500);
  --ws-bg-neutral-dark-color: var(--ws-color-neutral-800);
  --ws-bg-subtle-neutral-color: var(--ws-color-neutral-900);
  --ws-bg-thin-neutral-color: var(--ws-color-neutral-50);
  --ws-btn-neutral-color: var(--ws-color-neutral-500);
  --ws-btn-neutral-color-hover: var(--ws-color-neutral-600);
  --ws-text-neutral-color: var(--ws-color-neutral-700);
  --ws-text-neutral-dark-color: var(--ws-color-neutral-800);
  --ws-text-neutral-light-color: var(--ws-color-neutral-200);
  --ws-icon-neutral-color: var(--ws-color-neutral-800);

  --ws-bg-danger-color: var(--ws-color-danger-500);
  --ws-bg-danger-dark-color: var(--ws-color-danger-800);
  --ws-bg-subtle-danger-color: var(--ws-color-danger-900);
  --ws-bg-thin-danger-color: var(--ws-color-danger-900);
  --ws-btn-danger-color: var(--ws-color-danger-300);
  --ws-btn-danger-color-hover: var(--ws-color-danger-400);
  --ws-text-danger-color: var(--ws-color-danger-300);

  --ws-bg-warning-color:#fdc700;
  --ws-bg-subtle-warning-color: #292822;
  --ws-bg-thin-warning-color: #ffea00;
  --ws-btn-warning-color: #ffc300;
  --ws-btn-warning-color-hover: #ffb700;
  --ws-text-warning-color: #ffaa00;
  --ws-text-warning-light-color: #ffb700;

  --ws-bg-light-color: #7a7979;
  --ws-bg-subtle-light-color: #1a1a1a;
  --ws-btn-light-color: #939393;
  --ws-btn-light-color-hover: #838383;
  --ws-btn-light-subtle-color: #eaecec;
  --ws-btn-light-subtle-color-hover: #dee0e0;
  --ws-text-light-color: #818181;
  --ws-icon-light-color: #6e6e6e;

  --ws-bg-dark-color: #242323;
  --ws-bg-subtle-dark-color: #232323;
  --ws-btn-dark-color: #2f2e2e;
  --ws-btn-dark-color-hover: #222121;
  --ws-btn-dark-subtle-color: #504f4f;
  --ws-btn-dark-subtle-color-hover: #3a3939;
  --ws-text-dark-color: #424242;

  --ws-text-body-color: #cccccc;
  --ws-text-body-color-reverse: #262626;
  --ws-text-white-color: #cccccc;
  --ws-text-black-color: #262626;

  --ws-bg-body: var(--ws-color-dark-950);
  --ws-bg-content: var(--ws-color-dark-900);
  --ws-bg-content-2: #222222;

  --ws-border-light-color: var(--ws-color-dark-800);
  --ws-border-light-color-hover: var(--ws-color-dark-700);
  --ws-border-danger-color: var(--ws-color-danger-300);
  --ws-border-dark-color: #222222;
  --ws-box-shadow-color: rgba(0,0,0,.5);

  --ws-logo-text-dark-color: var(--ws-color-neutral-200);
  --ws-logo-text-light-color: var(--ws-color-primary-400);
  --ws-nav-bg-color: var(--ws-color-primary-950);
  --ws-nav-link-color: var(--ws-color-neutral-300);
  --ws-nav-icon-bg-color: var(--ws-bg-content);
  --ws-nav-icon-color: var(--ws-color-primary-800);
  --ws-bg-modal-overlay-color: var(--ws-color-dark-950);
  --ws-modal-overlay-opacity: .9;

  --ws-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%28204, 204, 204%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

body {
  font-family: var(--ws-font-family);
  font-size: var(--ws-font-size);
  background: var(--ws-bg-body);
  background-image: url(../../main/images/pattern_16.png);
  color: var(--ws-text-body-color);
  margin: 0;
}
h1, h2, h3, h4, h5, h6 {
  line-height: normal;
  font-family: var(--ws-font-family-semibold);
  margin-bottom: 1rem;
  word-break: break-word;
}
h1 {
  font-size: 48px;
}
h2 {
  font-size: 40px;
}
h3 {
  font-size: 32px;
}
h4 {
  font-size: 28px;
}
h5 {
  font-size: 24px;
}
h6 {
  font-size: 20px;
}
@media (max-width: 767.98px) {
  h1 {
    font-size: 3rem;
  }
  h2 {
    font-size: 2.4rem;
  }
  h3 {
    font-size: 2rem;
  }
  h4 {
    font-size: 1.6rem;
  }
  h5 {
    font-size: 1.2rem;
  }
  h6 {
    font-size: 1.125rem;
  }
}
p {
  line-height: 1.6;
  margin-bottom: 12px;
}
small {
  font-size: 14px;
}
a {
  outline: none;
  color: var(--ws-text-primary-color);
}
b, strong, dt, label {
  font-family: var(--ws-font-family-black);
  font-weight: normal;
}
section {
  margin-bottom: 16px;
  padding: 16px;
}
section div.col {
  padding: 8px;
}
.content {

}

/* BUTTONS */
.ws-btn {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  height: 36px;
  border: none;
  border-radius: 6px;
  background-color: transparent;
  padding: 4px 16px;
  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;
  outline: none;
}
.ws-btn-sm {
  padding: 4px 12px;
  height: 32px;
  font-size: 14px;
  border-radius: 4px;
}
.ws-btn-primary {
  --ws-button-bg-color: var(--ws-btn-primary-color);
  --ws-button-bg-color-hover: var(--ws-btn-primary-color-hover);
  background: var(--ws-button-bg-color);
  border: 1px solid var(--ws-button-bg-color);
  color: var(--ws-text-body-color-reverse);
}
.ws-btn-primary:hover,
.ws-btn-primary:focus,
.ws-btn-primary:active {
  background: var(--ws-btn-primary-color-hover);
  border: 1px solid var(--ws-btn-primary-color-hover);
}
.ws-btn-secondary {
  --ws-button-bg-color: var(--ws-btn-secondary-color);
  --ws-button-bg-color-hover: var(--ws-btn-secondary-color-hover);
  background: var(--ws-button-bg-color);
  border: 1px solid var(--ws-button-bg-color);
  color: var(--ws-text-body-color-reverse);
}
.ws-btn-secondary:hover,
.ws-btn-secondary:focus,
.ws-btn-secondary:active {
  background: var(--ws-btn-secondary-color-hover);
  border: 1px solid var(--ws-btn-secondary-color-hover);
}
.ws-btn-danger {
  --ws-button-bg-color: var(--ws-btn-danger-color);
  --ws-button-bg-color-hover: var(--ws-btn-danger-color-hover);
  background: var(--ws-button-bg-color);
  border: 1px solid var(--ws-button-bg-color);
  color: var(--ws-text-body-color-reverse);
}
.ws-btn-danger:hover,
.ws-btn-danger:focus,
.ws-btn-danger:active {
  background: var(--ws-btn-danger-color-hover);
  border: 1px solid var(--ws-btn-danger-color-hover);
}
.ws-btn-warning {
  --ws-button-bg-color: var(--ws-btn-warning-color);
  --ws-button-bg-color-hover: var(--ws-btn-warning-color-hover);
  background: var(--ws-button-bg-color);
  border: 1px solid var(--ws-button-bg-color);
  color: var(--ws-text-body-color-reverse);
}
.ws-btn-warning:hover,
.ws-btn-warning:focus,
.ws-btn-warning:active {
  background: var(--ws-btn-warning-color-hover);
  border: 1px solid var(--ws-btn-warning-color-hover);
}
.ws-btn-dark {
  --ws-button-bg-color: var(--ws-btn-dark-color);
  --ws-button-bg-color-hover: var(--ws-btn-dark-color-hover);
  background: var(--ws-button-bg-color);
  border: 1px solid var(--ws-button-bg-color);
  color: var(--ws-text-white-color);
}
.ws-btn-dark:hover,
.ws-btn-dark:focus,
.ws-btn-dark:active {
  background: var(--ws-btn-dark-color-hover);
  border: 1px solid var(--ws-btn-dark-color-hover);
}
.ws-btn-outline-primary {
  --ws-button-bg-color: var(--ws-btn-primary-color);
  --ws-button-bg-color-hover: var(--ws-btn-primary-color-hover);
  border: 1px solid var(--ws-button-bg-color);
  color: var(--ws-text-body-color);
}
.ws-btn-outline-primary:hover,
.ws-btn-outline-primary:focus,
.ws-btn-outline-primary:active {
  background: var(--ws-btn-primary-color-hover);
  border: 1px solid var(--ws-btn-primary-color-hover);
  color: var(--ws-color-white);
}
.ws-btn.loading span.loader {
  display: inline;
  width: fit-content;
  font-weight: bold;
  font-family: monospace;
  clip-path: inset(0 3ch 0 0);
  animation: loader 1s steps(4) infinite;
}
.ws-btn.loading span.loader:before {
  content:"..."
}
@keyframes loader {to{clip-path: inset(0 -1ch 0 0)}}
.ws-form-group {
  margin-bottom: 16px;
}
.ws-form-control {
  display: block;
  width: 100%;
  padding: 4px 8px;
  line-height: 1.6;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid var(--ws-border-light-color);
  border-radius: 6px;
  background: var(--ws-bg-content);
  color: var(--ws-text-body-color);
}
.ws-form-control:hover,
.ws-form-control:focus,
.ws-form-control:active {
  border-color: var(--ws-border-light-color-hover);
  outline: none;
}
.ws-form-control-sm {
  display: block;
  width: 100%;
  padding: 4px 12px;
  font-size: 14px;
  line-height: 1.6;
  border: 1px solid var(--ws-border-light-color);
  background: var(--ws-bg-content);
  color: var(--ws-text-body-color);
}
input::placeholder {
  color: var(--ws-text-body-color);
  font-family: var(--ws-font-family);
}
.ws-form-control::-webkit-input-placeholder {
  color: var(--ws-text-body-color);
  font-family: var(--ws-font-family);
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px var(--ws-bg-content-2) inset !important;
}
.ws-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='%23999999' 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:4px 24px 4px 8px;
  line-height:1.6;
  color:var(--bs-body-color);
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-color:var(--ws-bg-content);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 16px 12px;
  border:1px solid var(--ws-border-light-color);
  transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
  .ws-form-select {
    transition:none
  }
}
.ws-form-select:focus,
.ws-form-select:hover,
.ws-form-select:active {
  outline:none;
}
.ws-form-select[multiple], .ws-form-select[size]:not([size="1"]) {
  padding-right:.75rem;
  background-image:none
}
.ws-form-select:disabled {
  background-color:var(--ws-bg-content)
}
.ws-form-select:-moz-focusring {
  color:transparent;
}
.ws-input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.ws-input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(-1 * 1px);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ws-input-group-sm>.ws-form-control,
.ws-input-group-sm>.ws-form-select,
.ws-input-group-sm>.ws-input-group-text,
.ws-input-group-sm>.ws-btn {
  padding: .25rem .5rem;
  font-size: .7875rem;
  border-radius: 0.25rem;
}
.ws-input-group>.ws-form-control,
.ws-input-group>.ws-form-select,
.ws-input-group>.ws-form-floating {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  height: 36px;
  min-width: 0;
}
.ws-input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.ws-input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.ws-input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
.ws-input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ws-input-group-sm>.ws-form-control,
.ws-input-group-sm>.ws-form-select,
.ws-input-group-sm>.ws-input-group-text,
.ws-input-group-sm>.ws-btn {
  padding: .25rem .5rem;
  font-size: .7875rem;
  border-radius: .25rem;
}
.ws-input-group-text {
  display: flex;
  align-items: center;
  padding: .375rem .75rem;
  font-size: .9rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--ws-bg-light-subtle);
  border: var(--bs-border-width) solid var(--ws-border-light-color);
  border-radius: .25rem;
}
.ws-form-floating {
  position:relative;
}
.ws-form-floating>.ws-form-control,
.ws-form-floating>.ws-form-control-plaintext,
.ws-form-floating>.ws-form-select {
  height:calc(3.5rem+calc(1px * 2));
  min-height:calc(3.5rem+calc(1px * 2));
  line-height:1.25
}
.ws-form-floating>label {
  position:absolute;
  top:0;
  left:0;
  z-index:2;
  max-width:100%;
  height:100%;
  padding:1rem .75rem;
  overflow:hidden;
  color: var(--ws-text-neutral-color);
  text-align:start;
  text-overflow:ellipsis;
  white-space:nowrap;
  pointer-events:none;
  border:1px solid transparent;
  transform-origin:0 0;
  transition:opacity .1s ease-in-out, transform .1s ease-in-out}
@media (prefers-reduced-motion:reduce) {
  .ws-form-floating>label {
  transition:none}
}
.ws-form-floating>.ws-form-control, .ws-form-floating>.ws-form-control-plaintext {
  padding:1rem .75rem}
.ws-form-floating>.ws-form-control::placeholder, .ws-form-floating>.ws-form-control-plaintext::placeholder {
  color:transparent}
.ws-form-floating>.ws-form-control:focus, .ws-form-floating>.ws-form-control:not(:placeholder-shown), .ws-form-floating>.ws-form-control-plaintext:focus, .ws-form-floating>.ws-form-control-plaintext:not(:placeholder-shown) {
  padding-top:1.625rem;
  padding-bottom:.625rem}
.ws-form-floating>.ws-form-control:-webkit-autofill, .ws-form-floating>.ws-form-control-plaintext:-webkit-autofill {
  padding-top:1.625rem;
  padding-bottom:.625rem}
.ws-form-floating>.ws-form-select {
  padding-top:1.625rem;
  padding-bottom:.625rem;
  padding-left:.75rem}
.ws-form-floating>.ws-form-control:focus~label, .ws-form-floating>.ws-form-control:not(:placeholder-shown)~label, .ws-form-floating>.ws-form-control-plaintext~label, .ws-form-floating>.ws-form-select~label {
  transform:scale(.85) translateY(-.5rem) translate(.15rem)}
.ws-form-floating>.ws-form-control:-webkit-autofill~label {
  transform:scale(.85) translateY(-.5rem) translate(.15rem)}
.ws-form-floating>textarea:focus~label:after, .ws-form-floating>textarea:not(:placeholder-shown)~label:after {
  position:absolute;
  top:1rem;
  right:.375rem;
  bottom:1rem;
  left:.375rem;
  z-index:-1;
  height:1.5em;
  content:"";
  background-color:var(--ws-bg-content);
  border-radius:.2rem}
.ws-form-floating>textarea:disabled~label:after {
  background-color:var(--ws-color-light)}
.ws-form-floating>.ws-form-control-plaintext~label {
  border-width:1px 0}
.ws-form-floating>:disabled~label, .ws-form-floating>.ws-form-control:disabled~label {
  color:var(--ws-color-secondary)}
.ws-btn-icon {
/*  text-transform: uppercase;*/
}
.ws-btn-icon i {
  padding-left: 7px;
}
.ws-form-check {
  display:block;
  min-height:1.44rem;
  padding-left:1.5em;
  margin-bottom:.125rem}
.ws-form-check .ws-form-check-input {
  float:left;
  margin-left:-1.5em}
.ws-form-check-reverse {
  padding-right:1.5em;
  padding-left:0;
  text-align:right}
.ws-form-check-reverse .ws-form-check-input {
  float:right;
  margin-right:-1.5em;
  margin-left:0}
.ws-form-check-input {
  --bs-form-check-bg:var(--ws-bg-body);
  flex-shrink:0;
  width:18px;
  height:18px;
  margin-top:4px;
  vertical-align:top;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-color:var(--ws-bg-body);
  background-image:var(--bs-form-check-bg-image);
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  border:1px solid var(--ws-border-light-color);
  -webkit-print-color-adjust:exact;
  print-color-adjust:exact}
.ws-form-check-input[type=checkbox] {
  border-radius:0}
.ws-form-check-input[type=radio] {
  border-radius:50%}
.ws-form-check-input:active {
  filter:brightness(90%)}
.ws-form-check-input:focus {
  border-color:var(--ws-bg-primary-color);
  outline:none}
.ws-form-check-input:checked {
  background-color:var(--ws-bg-primary-color);
  border-color:var(--ws-bg-primary-color)}
.ws-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")}
.ws-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")}
.ws-form-check-input[type=checkbox]:indeterminate {
  background-color:var(--ws-color-primary);
  border-color:var(--ws-color-primary);
  --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")}
.ws-form-check-input:disabled {
  pointer-events:none;
  filter:none;
  opacity:.6}
.ws-form-check-input[disabled]~.ws-form-check-label, .ws-form-check-input:disabled~.ws-form-check-label {
  cursor:default;
  opacity:.7}
.ws-form-switch {
  padding-left:2.5em}
.ws-form-switch .ws-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 .15s ease-in-out}
@media (prefers-reduced-motion:reduce) {
  .ws-form-switch .ws-form-check-input {
  transition:none}
}
.ws-form-switch .ws-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='rgb%280, 167.5, 205%29'/%3e%3c/svg%3e")}
.ws-form-switch .ws-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")}
.ws-form-switch.ws-form-check-reverse {
  padding-right:2.5em;
  padding-left:0}
.ws-form-switch.ws-form-check-reverse .ws-form-check-input {
  margin-right:-2.5em;
  margin-left:0}
.ws-form-check-inline {
  display:inline-block;
  margin-right:1rem}
.ws-btn-check {
  position:absolute;
  clip:rect(0, 0, 0, 0);
  pointer-events:none}
.ws-btn-check[disabled]+.ws-btn, .ws-btn-check:disabled+.ws-btn {
  pointer-events:none;
  filter:none;
  opacity:.65
}
.ws-btn-check+.ws-btn {
  display: inline-flex;
  align-items: center;
}
.ws-btn-check+.ws-btn span.icon-check {
  display: inline-block;
  margin-right: .4rem;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  background-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");
  transition: background-color 0.15s ease-in-out, background-image 0.30s ease-in-out;
}
.ws-btn-check+.ws-btn.ws-btn-outline-primary span.icon-check {
  background-color: var(--ws-btn-primary-color);
}
.ws-btn-check+.ws-btn.ws-btn-outline-primary:hover {
  background-color: var(--ws-btn-primary-color-hover);
}
.ws-btn-check+.ws-btn.ws-btn-outline-secondary span.icon-check {
  background-color: var(--ws-btn-secondary-color);
}
.ws-btn-check+.ws-btn.ws-btn-outline-secondary:hover {
  background-color: var(--ws-btn-secondary-color);
}
.ws-btn-check+.ws-btn.ws-btn-outline-success span.icon-check {
  background-color: var(--ws-btn-success-color);
}
.ws-btn-check+.ws-btn.ws-btn-outline-success:hover {
  background-color: var(--ws-btn-success-color);
}
.ws-btn-check+.ws-btn.ws-btn-outline-danger span.icon-check {
  background-color: var(--ws-btn-danger-color);
}
.ws-btn-check+.ws-btn.ws-btn-outline-danger:hover {
  background-color: var(--ws-btn-danger-color);
}
.ws-btn-check+.ws-btn.ws-btn-outline-warning span.icon-check {
  background-color: var(--ws-btn-warning-color);
}
.ws-btn-check+.ws-btn.ws-btn-outline-warning:hover {
  background-color: var(--ws-btn-warning-color);
}
.ws-btn-check+.ws-btn.ws-btn-outline-info span.icon-check {
  background-color: var(--ws-btn-info-color);
}
.ws-btn-check+.ws-btn.ws-btn-outline-info:hover {
  background-color: var(--ws-btn-info-color);
}
.ws-btn-check+.ws-btn.ws-btn-outline-light span.icon-check {
  background-color: var(--ws-btn-light-color);
}
.ws-btn-check+.ws-btn.ws-btn-outline-light:hover {
  background-color: var(--ws-btn-light-color);
}
.ws-btn-check+.ws-btn.ws-btn-outline-dark span.icon-check {
  background-color: var(--ws-btn-dark-color);
}
.ws-btn-check+.ws-btn.ws-btn-outline-dark:hover {
  background-color: var(--ws-btn-dark-color);
}
.ws-btn-check:checked+.ws-btn,
:not(.ws-btn-check)+.ws-btn:active,
.ws-btn:first-child:active,
.ws-btn.active, .ws-btn.show {
  position: relative;
}
.ws-btn-check:checked+.ws-btn span.icon-check,
:not(.ws-btn-check)+.ws-btn:active span.icon-check,
.ws-btn:first-child:active span.icon-check,
.ws-btn.active span.icon-check, .ws-btn.show span.icon-check {
  display: inline-block;
  width: .8rem;
  height: .8rem;
  background-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");
  background-repeat:no-repeat;
}
.ws-btn-check:checked+.ws-btn.ws-btn-outline-primary,
:not(.ws-btn-check)+.ws-btn.ws-btn-outline-primary:active,
.ws-btn.ws-btn-outline-primary:first-child:active,
.ws-btn.ws-btn-outline-primary.active, .ws-btn.ws-btn-outline-primary.show {
  color:var(--ws-text-white-color);
  background-color:var(--ws-btn-primary-color);
}
.ws-btn-check:checked+.ws-btn.ws-btn-outline-secondary,
:not(.ws-btn-check)+.ws-btn.ws-btn-outline-secondary:active,
.ws-btn.ws-btn-outline-secondary:first-child:active,
.ws-btn.ws-btn-outline-secondary.active, .ws-btn.ws-btn-outline-secondary.show {
  color:var(--ws-text-color-white);
  background-color:var(--ws-color-secondary);
}
.ws-btn-check:checked+.ws-btn.ws-btn-outline-success,
:not(.ws-btn-check)+.ws-btn.ws-btn-outline-success:active,
.ws-btn.ws-btn-outline-success:first-child:active,
.ws-btn.ws-btn-outline-success.active, .ws-btn.ws-btn-outline-success.show {
  color:var(--ws-text-color-white);
  background-color:var(--ws-btn-success-color);
}
.ws-btn-check:checked+.ws-btn.ws-btn-outline-danger,
:not(.ws-btn-check)+.ws-btn.ws-btn-outline-danger:active,
.ws-btn.ws-btn-outline-danger:first-child:active,
.ws-btn.ws-btn-outline-danger.active, .ws-btn.ws-btn-outline-danger.show {
  color:var(--ws-text-color-white);
  background-color:var(--ws-btn-danger-color);
}
.ws-btn-check:checked+.ws-btn.ws-btn-outline-warning,
:not(.ws-btn-check)+.ws-btn.ws-btn-outline-warning:active,
.ws-btn.ws-btn-outline-warning:first-child:active,
.ws-btn.ws-btn-outline-warning.active, .ws-btn.ws-btn-outline-warning.show {
  color:var(--ws-color-white);
  background-color:var(--ws-btn-warning-color);
}
.ws-btn-check:checked+.ws-btn.ws-btn-outline-info,
:not(.ws-btn-check)+.ws-btn.ws-btn-outline-info:active,
.ws-btn.ws-btn-outline-info:first-child:active,
.ws-btn.ws-btn-outline-info.active, .ws-btn.ws-btn-outline-info.show {
  background: var(--ws-color-info);
  color:var(--ws-text-color-white);
  background-color:var(--ws-color-info);
}
.ws-btn-check:checked+.ws-btn.ws-btn-outline-light,
:not(.ws-btn-check)+.ws-btn.ws-btn-outline-light:active,
.ws-btn.ws-btn-outline-light:first-child:active,
.ws-btn.ws-btn-outline-light.active, .ws-btn.ws-btn-outline-light.show {
  background: var(--ws-color-light);
  color:var(--ws-text-body-color);
  background-color:var(--ws-color-light);
}
.ws-btn-check:checked+.ws-btn.ws-btn-outline-dark,
:not(.ws-btn-check)+.ws-btn.ws-btn-outline-dark:active,
.ws-btn.ws-btn-outline-dark:first-child:active,
.ws-btn.ws-btn-outline-dark.active, .ws-btn.ws-btn-outline-dark.show {
  background: var(--ws-color-dark);
  color:var(--ws-text-color-white);
  background-color:var(--ws-color-dark);
}
.ws-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)*/
}
.ws-btn-check:focus-visible+.ws-btn {
/*  border-color:var(--bs-btn-hover-border-color);*/
/*  outline:0;*/
/*  box-shadow:var(--bs-btn-focus-box-shadow)*/
}
.ws-btn-check:checked+.ws-btn:focus-visible, :not(.ws-btn-check)+.ws-btn:active:focus-visible, .ws-btn:first-child:active:focus-visible, .ws-btn.active:focus-visible, .ws-btn.show:focus-visible {
  box-shadow:var(--bs-btn-focus-box-shadow)
}
.ws-btn-check:checked:focus-visible+.ws-btn {
  box-shadow:var(--bs-btn-focus-box-shadow)
}
.ws-btn:disabled, .ws-btn.disabled, fieldset:disabled .ws-btn {
  pointer-events:none;
  background-color: var(--ws-btn-primary-color-hover);
  border-color: var(--ws-btn-primary-color-hover);
  opacity:.7
}
[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")
}
.ws-btn-group {
  border-radius: .375rem;
}
.ws-btn-group, .ws-btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.ws-btn-group>.ws-btn, .ws-btn-group-vertical>.ws-btn {
  position: relative;
  flex: 1 1 auto;
}
.ws-btn-group>.ws-btn:not(:last-child):not(.dropdown-toggle), .ws-btn-group>.ws-btn.dropdown-toggle-split:first-child, .ws-btn-group>.ws-btn-group:not(:last-child)>.ws-btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding-right: 1rem;
}
.ws-btn-group>.ws-btn:nth-child(n+3), .ws-btn-group>:not(.ws-btn-check)+.ws-btn, .ws-btn-group>.ws-btn-group:not(:first-child)>.ws-btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ws-btn-group>:not(.ws-btn-check:first-child)+.ws-btn, .ws-btn-group>.ws-btn-group:not(:first-child) {
  margin-left: calc(-1 * 1px);
  padding-left: 1rem;
  padding-right: 1rem;
}
.ws-btn-check:checked+.ws-btn-primary,
:not(.ws-btn-check)+.ws-btn-primary:active,
.ws-btn-primary:first-child:active,
.ws-btn-primary.active, .ws-btn-primary.show {
  background-color: var(--ws-btn-primary-color-hover);
}
.ws-badge {
  display: inline-block;
  padding: 0px 8px;
  font-size: 12px;
  border-radius: 4px;
}
.ws-badge-primary {
  color: var(--ws-text-primary-color);
  border: 1px solid var(--ws-text-primary-color);
}
.ws-text-primary {
  color: var(--ws-text-primary-color);
}
.ws-bg-text-primary {
  background: color-mix(in oklab, var(--ws-text-primary-color) 80%, transparent);
  box-decoration-break: clone;
  display: inline;
  padding: .0rem .5rem;
}
.ws-text-danger {
  color: var(--ws-text-danger-color);
}
.ws-border-danger {
  border-color: var(--ws-text-danger-color);
}
.ws-border-bottom {
  border-bottom: 1px solid var(--ws-product-border-color) !important;
}
#toast {
  font-family: var(--ws-font-family-black);
  font-size: 18px;
}
.toast-success {
  background-color: var(--ws-bg-content);
  color: var(--ws-text-body-color) !important;
  border: 2px solid var(--ws-btn-primary-color);
}
.toast-danger {
  background-color: var(--ws-bg-content);
  color: var(--ws-text-body-color) !important;
  border: 2px solid var(--ws-btn-danger-color);
}

/* MODAL */
.ws-modal {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 20;
}
.ws-modal.opened {
  display: block;
}
.ws-modal .content {
  position: fixed;
  top: 10%;
  left: calc(50% - 300px);
  display: flex !important;
  flex-direction: column;
  height: auto;
  max-height: 80%;
  min-height: 300px;
  background: var(--ws-bg-content);
  width: 600px;
  padding: 0 15px;
  overflow: hidden;
}
.ws-modal .content .header {
  display: flex;
  align-items: center;
  padding: 15px 0;
  border-bottom: 1px solid var(--ws-border-light-color);
  height: 60px;
}
.ws-modal .content .header .title {
  margin-bottom: 0;
}
.ws-modal .content .header .btn-close {
  padding: 0;
  margin-top: 0;
  margin-left: auto;
}
.ws-modal .content .body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  height: calc(100% - 75px);
  max-height: calc(80vh - 120px);
  min-height: 180px;
  overflow-y: auto;
}
.ws-modal .body::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.ws-modal .body::-webkit-scrollbar-thumb {
  background-color: var(--ws-border-light-color);
  border-radius: 10px;
}
.ws-modal .body::-webkit-scrollbar-thumb:hover {
  background-color: var(--ws-border-light-color);
}
.ws-modal .overlay {
  height: 100%;
  width: 100%;
  background: var(--ws-bg-dark-color);
  opacity: var(--ws-modal-overlay-opacity);
}
.ws-modal .content .footer {
  display: flex;
  align-items: center;
  justify-content: end;
  height: 60px;
}
@media (max-width: 767.98px) {
  .ws-modal .content {
    width: 90%;
    left: 5%;
  }
}
.image_gallery {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.image_gallery .image_gallery_item {
  padding: 8px;
}
.image_gallery .image_gallery_item img {
  max-height: 100%;
  max-width: 100%;
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--ws-color-white);
  text-decoration: none;
  background-color: var(--ws-btn-primary-color-hover);
}

/* HEADER */
header {
  padding: 8px 0;
  position: fixed;
  width: 100%;
  background: var(--ws-bg-body);
  z-index: 3;
}
header .header-logo .logo_1 {
  height: 32px;
}
header .header-logo .half-left {
  fill: var(--ws-logo-text-light-color);
}
header .header-logo .half-right {
  fill: var(--ws-logo-text-dark-color);
}
header .header-logo .logo_2 {
  height: 16px;
}
header .header-logo .letter {
  fill: var(--ws-logo-text-dark-color);
}
.nav-header, .nav-links {
  list-style: none;
  margin-bottom: 0;
}
.nav-links {
  padding-left: 16px;
}
.nav-header > li, .nav-links > li {
  display: inline;
}
.nav-header .nav-header-link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  width: 36px;
  background: var(--ws-nav-icon-bg-color);
  border-radius: 50%;
  color: var(--ws-text-body-color);
}
.nav-header .nav-header-link .icon .border-color {
  stroke: var(--ws-nav-link-color);
}
.nav-links a {
  font-size: 16px;
  letter-spacing: -0.8px;
  padding-right: 8px;
  color: var(--ws-nav-link-color);
  text-decoration: none;
}
.nav-header .nav-header-link i {
  font-size: 16px;
}

/*MENU*/
.nav-scroller {
  position: relative;
  z-index: 2;
  height: 48px;
  overflow-y: hidden;
  position: fixed;
  top: 52px;
  width: 100%;
  background: var(--ws-bg-body);
}
.nav-scroller .nav {
  display: flex;
  flex-wrap: nowrap;
  margin-top: -1px;
  color: var(--ws-text-body-color);
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.nav-scroller .nav-link {
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 14px;
  color: var(--ws-text-body-color);
  text-transform: uppercase;
  font-family: var(--ws-font-family-semibold);
}
.nav-scroller .nav-link:hover {
  color: var(--ws-text-primary-color);
}
.nav-scroller .active {
  color: var(--ws-text-primary-color);
}
.nav-scroller .ws-badge {
  background: var(--ws-color-primary-700);
}
@media (max-width: 991.98px) {
  .nav-scroller {
    top: 108px;
  }
}

/*Cart content*/
.cart_icon {
  position: relative;
}
.cart_icon .count {
  position: absolute;
  top: -5px;
  right: -5px;
  font-family: var(--ws-font-family-black);
  font-size: .6rem;
  background: var(--ws-bg-light-color);
  width: 18px;
  height: 18px;
  line-height: 18px;
  color: var(--ws-text-body-color);
  border-radius: 50%;
  text-align: center;
}
.cart_icon .count.active {
  background: var(--ws-bg-primary-dark-color);
  color: var(--ws-color-white);
}
.nav-header .nav-header-link.cart_icon.active {
  background-color: var(--ws-bg-thin-primary-color);
}
.nav-header .nav-header-link.cart_icon.active .icon .border-color {
  stroke: var(--ws-btn-primary-color);
}
.cart-content {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: 400px;
  height: 100%;
  background: var(--ws-bg-content);
  box-shadow: 0 0px 35px -5px var(--ws-box-shadow-color), 0 8px 25px -6px var(--ws-box-shadow-color);
  padding: 0 15px;
  outline: 0;
  z-index: 15;
}
.cart-content > div {
  height: 100%;
}
@media (max-width: 575.98px) {
  .cart-content {
    max-width: 100%;
  }
}
.cart-content.opened {
  display: block;
}
.cart-content .header {
  display: flex;
  align-items: center;
  padding: 15px 0;
  height: 60px;
}
.cart-content .header .title {
  margin-bottom: 0;
}
.cart-content .header .btn-close {
  padding: 0;
  margin-top: 0;
  margin-left: auto;
}
.cart-content .body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  height: calc(100% - 120px);
  overflow-y: auto;
}
.cart-content .body::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.cart-content .body .ws-form-check-label {
  font-family: var(--ws-font-family);
  font-size: 14px;
  color: var(--ws-product-description-color);
}
.cart-content .body::-webkit-scrollbar-thumb {
  background-color: var(--ws-border-light-color);
  border-radius: 10px;
}
.cart-content .body::-webkit-scrollbar-thumb:hover {
  background-color: var(--ws-border-light-color);
}
.cart-content .cart-item {
  padding: 1rem 0;
}
.cart-content .cart-item-top,
.cart-content .cart-item-bottom {
  display: flex;
  width: 100%;
}
.cart-content .cart-item-top .name {
  width: 50%;
  max-width: 50%;
}
.cart-content .cart-item-top .name h4 {
  font-size: 18px;
  font-family: var(--ws-font-family);
}
.cart-content .cart-item .name h4{
  
}
.cart-content .cart-item-top .qty {
  width: 40%;
  max-width: 40%;
}
.cart-content .cart-item-top .qty .btn-qty {
  display: inline-flex;
  border-radius: 1.2rem;
}
.cart-content .cart-item-top .qty .btn-qty .minus,
.cart-content .cart-item-top .qty .btn-qty .plus {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  float: left;
  align-items: center;
  cursor: pointer;
  text-align: center;
  font-size: 20px;
  text-decoration: none;
  color: var(--ws-text-body-color);
  border: 2px solid var(--ws-product-border-color);
  background: var(--ws-banner-bg-thumb-light);
}
.cart-content .cart-item-top .qty .btn-qty input {
  width: 50%;
  max-width: 42px;
  border: none;
  font-size: 20px;
  box-shadow: none;
  background: none;
}
.cart-content .cart-item-top .qty .btn-qty input:hover,
.cart-content .cart-item-top .qty .btn-qty input:focus,
.cart-content .cart-item-top .qty .btn-qty input:active {
  outline: none;
}
.cart-content .cart-item .remove {
  text-decoration: none;
}
.cart-content .cart-item .cart-item-bottom .price {
  font-size: .8rem;
  width: 50%;
  max-width: 50%;
  margin-bottom: 5px;
}
.cart-content .cart-item .cart-item-bottom .price .number {
  font-size: 1rem;
}
.cart-content .cart-item .cart-item-bottom .subtotal {
  font-size: .8rem;
  text-align: right;
  width: 50%;
  max-width: 50%;
}
.cart-content .cart-item .cart-item-bottom .price .price-empty,
.cart-content .cart-item .cart-item-bottom .subtotal .price-empty {
  font-size: .8rem;
  color: var(--ws-text-secondary-color);
}
.cart-content .cart-item .cart-item-bottom .subtotal span {
  font-size: 1rem;
}
.cart-content .cart-total-item {
  display: flex;
  width: 100%;
  padding: 5px 5px;
}
.cart-content .cart-total-item .label-total {
  width: 50%;
  max-width: 50%;
}
.cart-content .cart-total-item .subtotal {
  font-size: .8rem;
  text-align: right;
  width: 50%;
  max-width: 50%;
}
.cart-content .cart-total-item .subtotal .number {
  font-size: 1rem;
}
.cart-content .cart-total-item .total {
  width: 50%;
  max-width: 50%;
  text-align: right;
}
.cart-content .cart-total-item .total span{
  font-size: 20px;
}
.cart-content .footer {
  height: 60px;
}

/* MODULE BANNERS */
.module-banner {
  margin-bottom: 16px;
  min-height: 20px;
}
.module-banner .swiper {
  width: 100%;
  height: 250px;
  margin-bottom: 16px;
  padding-left: 15px;
  padding-right: 15px;
}
.module-banner .swiper .swiper-slide {
  border-radius: 8px;
  padding: 8px;
}
.module-banner .swiper .swiper-slide .wrap .thumb {
  padding: 8px 16px;
  opacity: .9;
}
.module-banner .swiper .swiper-slide.type_0 {
  width: 200px;
}
.module-banner .swiper .swiper-slide.type_1 {
  width: 350px;
}
.module-banner .swiper .swiper-slide.type_2 {
  width: 350px;
  display: flex;
}
.module-banner .swiper .swiper-slide.type_2 .wrap {
  width: 170px;
}
.module-banner .swiper .swiper-slide.type_2 .thumb,
.module-banner .swiper .swiper-slide.type_3 .thumb {
  display: flex;
  height: 100%;
  width: 170px;
  padding: 8px 8px;
  margin-left: 8px;
}
.module-banner .swiper .swiper-slide .wrap .thumb,
.module-banner .swiper .swiper-slide.type_2 .thumb .description,
.module-banner .swiper .swiper-slide.type_3 .thumb .description {
  flex-grow: 1;
  height: 230px;
  overflow-y: auto;
}
.module-banner .swiper .swiper-slide .wrap .thumb,
.module-banner .swiper .swiper-slide.type_2 .thumb .description,
.module-banner .swiper .swiper-slide.type_3 .thumb .description {
  flex-grow: 1;
  padding: 4px 4px;
  height: auto;
  max-height: 230px;
  overflow-y: auto;
}
.module-banner .swiper .swiper-slide .wrap .thumb::-webkit-scrollbar,
.module-banner .swiper .swiper-slide.type_2 .thumb .description::-webkit-scrollbar,
.module-banner .swiper .swiper-slide.type_3 .thumb .description::-webkit-scrollbar {
  width: 6px;
  height: 8px;
}
.module-banner .swiper .swiper-slide .wrap .thumb::-webkit-scrollbar-thumb,
.module-banner .swiper .swiper-slide.background_0.type_2 .thumb .description::-webkit-scrollbar-thumb,
.module-banner .swiper .swiper-slide.background_0.type_3 .thumb .description::-webkit-scrollbar-thumb {
  background-color: var(--ws-banner-border-scroll-light);
  border-radius: 10px;
}
.module-banner .swiper .swiper-slide .wrap .thumb::-webkit-scrollbar-thumb:hover,
.module-banner .swiper .swiper-slide.background_0.type_2 .thumb .description::-webkit-scrollbar-thumb:hover,
.module-banner .swiper .swiper-slide.background_0.type_3 .thumb .description::-webkit-scrollbar-thumb:hover {
  background-color: var(--ws-banner-border-light);
}
.module-banner .swiper .swiper-slide.background_1.type_2 .thumb .description::-webkit-scrollbar-thumb,
.module-banner .swiper .swiper-slide.background_1.type_3 .thumb .description::-webkit-scrollbar-thumb {
  background-color: var(--ws-banner-border-scroll-primary);
  border-radius: 10px;
}
.module-banner .swiper .swiper-slide.background_1.type_2 .thumb .description::-webkit-scrollbar-thumb:hover,
.module-banner .swiper .swiper-slide.background_1.type_3 .thumb .description::-webkit-scrollbar-thumb:hover {
  background-color: var(--ws-banner-border-primary);
}
.module-banner .swiper .swiper-slide.background_2.type_2 .thumb .description::-webkit-scrollbar-thumb,
.module-banner .swiper .swiper-slide.background_2.type_3 .thumb .description::-webkit-scrollbar-thumb {
  background-color: var(--ws-banner-border-scroll-warning);
  border-radius: 10px;
}
.module-banner .swiper .swiper-slide.background_2.type_2 .thumb .description::-webkit-scrollbar-thumb:hover,
.module-banner .swiper .swiper-slide.background_2.type_3 .thumb .description::-webkit-scrollbar-thumb:hover {
  background-color: var(--ws-banner-border-warning);
}
.module-banner .swiper .swiper-slide.background_3.type_2 .thumb .description::-webkit-scrollbar-thumb,
.module-banner .swiper .swiper-slide.background_3.type_3 .thumb .description::-webkit-scrollbar-thumb {
  background-color: var(--ws-banner-border-scroll-danger);
  border-radius: 10px;
}
.module-banner .swiper .swiper-slide.background_3.type_2 .thumb .description::-webkit-scrollbar-thumb:hover,
.module-banner .swiper .swiper-slide.background_3.type_3 .thumb .description::-webkit-scrollbar-thumb:hover {
  background-color: var(--ws-banner-border-danger);
}
.module-banner .swiper .swiper-slide.background_4.type_2 .thumb .description::-webkit-scrollbar-thumb,
.module-banner .swiper .swiper-slide.background_4.type_3 .thumb .description::-webkit-scrollbar-thumb {
  background-color: var(--ws-banner-border-scroll-dark);
  border-radius: 10px;
}
.module-banner .swiper .swiper-slide.background_4.type_2 .thumb .description::-webkit-scrollbar-thumb:hover,
.module-banner .swiper .swiper-slide.background_4.type_3 .thumb .description::-webkit-scrollbar-thumb:hover {
  background-color: var(--ws-banner-border-dark);
}
.module-banner .swiper .swiper-slide.type_3 {
  width: 500px;
  display: flex;
}
.module-banner .swiper .swiper-slide.type_3 .wrap {
  width: 300px;
}
.module-banner .swiper .swiper-slide.background_0 {
  background: var(--ws-banner-bg-light);
  border: 2px solid var(--ws-banner-border-primary);
}
.module-banner .swiper .swiper-slide.background_0 .wrap .thumb,
.module-banner .swiper .swiper-slide.background_0.type_2 .thumb,
.module-banner .swiper .swiper-slide.background_0.type_3 .thumb {
  background: var(--ws-banner-bg-thumb-light);
}
.module-banner .swiper .swiper-slide.background_1 {
  background-color: var(--ws-banner-bg-primary);
  border: 2px solid var(--ws-banner-border-light);
}
.module-banner .swiper .swiper-slide.background_1 .wrap .thumb,
.module-banner .swiper .swiper-slide.background_1.type_2 .thumb,
.module-banner .swiper .swiper-slide.background_1.type_3 .thumb {
  background: var(--ws-banner-bg-thumb-primary);
}
.module-banner .swiper .swiper-slide.background_2 {
  background: var(--ws-banner-bg-warning);
  border: 2px solid var(--ws-banner-border-warning);
}
.module-banner .swiper .swiper-slide.background_2 .wrap .thumb,
.module-banner .swiper .swiper-slide.background_2.type_2 .thumb,
.module-banner .swiper .swiper-slide.background_2.type_3 .thumb {
  background: var(--ws-banner-bg-thumb-warning);
}
.module-banner .swiper .swiper-slide.background_3 {
  background: var(--ws-banner-bg-danger);
  border: 2px solid var(--ws-banner-border-danger);
}
.module-banner .swiper .swiper-slide.background_3 .wrap .thumb,
.module-banner .swiper .swiper-slide.background_3.type_2 .thumb,
.module-banner .swiper .swiper-slide.background_3.type_3 .thumb {
  background: var(--ws-banner-bg-thumb-danger);
}
.module-banner .swiper .swiper-slide.background_4 {
  background-color: var(--ws-banner-bg-dark);
  border: 2px solid var(--ws-banner-border-dark);
}
.module-banner .swiper .swiper-slide.background_4 .wrap .thumb,
.module-banner .swiper .swiper-slide.background_4.type_2 .thumb,
.module-banner .swiper .swiper-slide.background_4.type_3 .thumb {
  background: var(--ws-banner-bg-thumb-dark);
}
.module-banner .swiper .swiper-slide .wrap {
  height: 100%;
  display: flex;
  border-radius: 8px;
}
.module-banner .swiper .swiper-slide.align_0 .wrap {
  align-items: flex-start !important;
}
.module-banner .swiper .swiper-slide.align_1 .wrap {
  align-items: center !important;
}
.module-banner .swiper .swiper-slide.align_2 .wrap {
  align-items: flex-end !important;
}
.module-banner .swiper .swiper-slide.align_0.type_2 .thumb,
.module-banner .swiper .swiper-slide.align_0.type_3 .thumb {
  align-items: flex-start !important;
}
.module-banner .swiper .swiper-slide.align_1.type_2 .thumb,
.module-banner .swiper .swiper-slide.align_1.type_3 .thumb {
  align-items: center !important;
}
.module-banner .swiper .swiper-slide.align_2.type_2 .thumb,
.module-banner .swiper .swiper-slide.align_2.type_3 .thumb {
  align-items: flex-end !important;
}
.module-banner .swiper .swiper-slide .wrap .thumb {
  padding: 8px 16px;
  background: #fff;
  width: 100%;
}

/* HOME */
.products-row {
  padding: 16px;
  scroll-margin-top: 84px;
}
.products-row h3 {
  font-family: var(--ws-font-family-semibold);
  font-size: 36px;
  text-align: center;
  letter-spacing: -0.4px;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.products-row .product-item {
  
}
.products-row .product-item .image {
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--ws-product-bg-image);
}
.products-row .product-item .image .border-color {
  stroke: var(--ws-product-icon-color);
}
.products-row .product-item .wrap {
  border: 1px solid var(--ws-product-border-color);
  background: var(--ws-bg-content);
  padding: 8px;
  border-radius: 8px;
  box-shadow: 0 0 var(--ws-box-shadow-color), 0 0 var(--ws-box-shadow-color), 0 4px 12px 0 var(--ws-box-shadow-color);
}
.products-row .product-item .title {
  font-size: 20px;
  letter-spacing: -1px;
  margin-top: 8px;
  margin-bottom: 8px;
}
.products-row .product-item .price {
  font-family: var(--ws-font-family-black);
  font-size: 18px;
  letter-spacing: -0.5px;
  margin-bottom: 8px;
}
.products-row .product-item .ws-btn-cart {
  font-size: 14px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  height: 42px;
  color: var(--ws-text-primary-dark-color);
}
.products-row .product-item .ws-btn-cart:hover > span,
.products-row .product-item .ws-btn-cart:focus > span,
.products-row .product-item .ws-btn-cart:active > span {
  background: var(--ws-color-primary-500);
}
.products-row .product-item .ws-btn-cart > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  text-decoration: none;
  background: var(--ws-color-primary-50);
  border-radius: 50%;
  margin-right: 4px;
}
.products-row .product-item .description {
  color: var(--ws-product-description-color);
  font-size: 14px;
}
.products-row .product-item .ws-form-check-label {
  font-family: var(--ws-font-family);
  font-size: 16px;
  color: var(--ws-product-description-color);
}
@media (max-width: 991.98px) {
  .products-row {
    scroll-margin-top: 136px;
  }
}

/* PAGE */
.page-content {
  padding-top: 110px;
  min-height: calc(100vh - 59px);
}
@media (max-width: 991.98px) {
  .page-content {
    padding-top: 156px;
  }
}
.page-content .wrap-bottom-fixed {
  position: fixed;
  left: 0;
  bottom: 1rem;
  width: 100%;
  z-index: 11;
}
.page-content .wrap-bottom-fixed .container {
  position: relative;
}
.page-content .wrap-bottom-fixed #agree_cookie {
  position: absolute!important;
  bottom: 0;
  left: 0;
  width: 400px;
  max-width: 100%;
  padding: 16px;
  background-color: var(--ws-bg-content);
  color: var(--ws-text-body-color) !important;
  border: 2px solid var(--ws-btn-light-color);
  border-radius: 8px;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  z-index: 11;
}
.page-content .wrap-bottom-fixed .toast-container {
  position: absolute!important;
  bottom: 1rem;
  right: 0;
  z-index: 12;
  transition: 0.5s;
}

/* THEME STYLES */
.ws-card {
  position: relative;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--ws-border-light-color);
  border-radius: 0;
}
.ws-card .ws-card-header {
  background: var(--ws-bg-content);
  border-bottom: 1px solid var(--ws-border-light-color);
  margin-bottom: 0;
  padding: 15px 20px;
}
.ws-card .ws-card-body {
  background: var(--ws-bg-content);
  margin-top: 0;
  padding: 16px;
}

/* FOOTER */
footer {
  background: var(--ws-bg-content-2);
  padding: 16px 0;
}
footer .container > div {
  padding: 0 16px;
}