@import 'style.css';

/* taille des container */ 
.container-100{
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
  }
@media (min-width: 576px) {
    .container-sm, .container {
      max-width: 540px;
    }
  }
  @media (min-width: 768px) {
    .container-md, .container-sm, .container {
      max-width: 720px;
    }
  }
  @media (min-width: 992px) {
    .container-lg, .container-md, .container-sm, .container {
      max-width: 960px;
    }
  }
  @media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
      max-width: 1500px;
    }
  }
  @media (min-width: 576px) {
    .container-sm, .container-100 {
      max-width: 100%;
    }
  }
 
  @media (max-width: 1000px) {
    .titre-sm {
      font-size:1rem;
    }
  }

  /* couleurs */
  :root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6101FE;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #1B5EA4;
    --secondary: #FB7244;
    --success: #26AD02;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --primary-dark: #143B64;
    --primary-light: var(--blue);
    --1: rgb(84, 71, 140);
    --2: rgb(44, 105, 154);
    --3: rgb(4, 139, 168);
    --4: rgb(13, 179, 158);
    --5: rgb(22, 219, 147);
    --6: rgb(131, 227, 119);
    --7: rgb(185, 231, 105);
    --8: rgb(239, 234, 90);
    --9: rgb(241, 196, 83);
    --10: rgb(242, 158, 76);
    --11: rgb(255, 135, 0);
    --12: rgb(10, 255, 153);
    --13: rgb(20, 125, 245);
    --14: rgb(10, 239, 255);
    --15: rgb(234, 105, 139);
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  }
  .btn-straight {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0rem;
    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;
  }
  /* boutons */
  .btn-primary {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
  }
  .btn-primary:hover {
    color: #fff;
    background-color: #1a426b;
    border-color: #183c61;
  }
  .btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #1a426b;
    border-color: #183c61;
    box-shadow: 0 0 0 0.2rem rgba(67, 111, 156, 0.5);
  }
  .btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
  }
  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #183c61;
    border-color: #153557;
  }
  .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(67, 111, 156, 0.5);
  }
  
  .btn-secondary {
    color: #fff;
    background-color: var(--secondary);
    border-color: var(--secondary);
  }
  .btn-secondary:hover {
    color: #fff;
    background-color: #f34a4a;
    border-color: #f23e3e;
  }
  .btn-secondary:focus, .btn-secondary.focus {
    color: #fff;
    background-color: var(--secondary);
    border-color: var(--secondary);
    box-shadow: 0 0 0 0.2rem rgba(213, 99, 100, 0.5);
  }
  .btn-secondary.disabled, .btn-secondary:disabled {
    color: #212529;
    background-color: var(--secondary);
    border-color: var(--secondary);
  }
  .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #f23e3e;
    border-color: #f13232;
  }
  .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(213, 99, 100, 0.5);
  }
  
  .btn-success {
    color: #fff;
    background-color: var(--success);
    border-color: var(--success);
  }
  .btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
  }
  .btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
  }
  .btn-success.disabled, .btn-success:disabled {
    color: #fff;
    background-color: var(--success);
    border-color: var(--success);
  }
  .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430;
  }
  .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
  }
  
  .btn-info {
    color: #fff;
    background-color: var(--info);
    border-color: var(--info);
  }
  .btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
  }
  .btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
  }
  .btn-info.disabled, .btn-info:disabled {
    color: #fff;
    background-color: var(--info);
    border-color: var(--info);
  }
  .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f;
  }
  .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
  }
  
  .btn-warning {
    color: #212529;
    background-color: var(--warning);
    border-color: var(--warning);
  }
  .btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
  }
  .btn-warning:focus, .btn-warning.focus {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
    box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
  }
  .btn-warning.disabled, .btn-warning:disabled {
    color: #212529;
    background-color: var(--warning);
    border-color: var(--warning);
  }
  .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500;
  }
  .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
  }
  
  .btn-danger {
    color: #fff;
    background-color: var(--danger);
    border-color: var(--danger);
  }
  .btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
  }
  .btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
    box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
  }
  .btn-danger.disabled, .btn-danger:disabled {
    color: #fff;
    background-color: var(--danger);
    border-color: var(--danger);
  }
  .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d;
  }
  .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
  }
  
  .btn-light {
    color: #212529;
    background-color: #fff;
    border-color: #fff;
  }
  .btn-light:hover {
    color: #212529;
    background-color: #fff;
    border-color: var(--secondary);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  }
  .btn-light:focus, .btn-light.focus {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
    box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
  }
  .btn-light.disabled, .btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
  }
  .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df;
  }
  .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
  }
  
  .btn-dark {
    color: #fff;
    background-color: var(--dark);
    border-color: var(--dark);
  }
  .btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
  }
  .btn-dark:focus, .btn-dark.focus {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
    box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
  }
  .btn-dark.disabled, .btn-dark:disabled {
    color: #fff;
    background-color: var(--dark);
    border-color: var(--dark);
  }
  .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d;
  }
  .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
  }
  
  .btn-primary-dark {
    color: #fff;
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
  }
  .btn-primary-dark:hover {
    color: #fff;
    background-color: #0e2844;
    border-color: #0c223a;
  }
  .btn-primary-dark:focus, .btn-primary-dark.focus {
    color: #fff;
    background-color: #0e2844;
    border-color: #0c223a;
    box-shadow: 0 0 0 0.2rem rgba(55, 88, 123, 0.5);
  }
  .btn-primary-dark.disabled, .btn-primary-dark:disabled {
    color: #fff;
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
  }
  .btn-primary-dark:not(:disabled):not(.disabled):active, .btn-primary-dark:not(:disabled):not(.disabled).active, .show > .btn-primary-dark.dropdown-toggle {
    color: #fff;
    background-color: #0c223a;
    border-color: #091c2f;
  }
  .btn-primary-dark:not(:disabled):not(.disabled):active:focus, .btn-primary-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-primary-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(55, 88, 123, 0.5);
  }
  
  .btn-primary-light {
    color: #fff;
    background-color: var(--blue);
    border-color: var(--blue);
  }
  .btn-primary-light:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
  }
  .btn-primary-light:focus, .btn-primary-light.focus {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }
  .btn-primary-light.disabled, .btn-primary-light:disabled {
    color: #fff;
    background-color: var(--blue);
    border-color: var(--blue);
  }
  .btn-primary-light:not(:disabled):not(.disabled):active, .btn-primary-light:not(:disabled):not(.disabled).active, .show > .btn-primary-light.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf;
  }
  .btn-primary-light:not(:disabled):not(.disabled):active:focus, .btn-primary-light:not(:disabled):not(.disabled).active:focus, .show > .btn-primary-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }
  
  .btn-gray {
    color: #212529;
    background-color: #adb5bd;
    border-color: #adb5bd;
  }
  .btn-gray:hover {
    color: #212529;
    background-color: #98a2ac;
    border-color: #919ca6;
  }
  .btn-gray:focus, .btn-gray.focus {
    color: #212529;
    background-color: #98a2ac;
    border-color: #919ca6;
    box-shadow: 0 0 0 0.2rem rgba(152, 159, 167, 0.5);
  }
  .btn-gray.disabled, .btn-gray:disabled {
    color: #212529;
    background-color: #adb5bd;
    border-color: #adb5bd;
  }
  .btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle {
    color: #212529;
    background-color: #919ca6;
    border-color: #8a95a1;
  }
  .btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(152, 159, 167, 0.5);
  }
  
  .btn-1 {
    color: #fff;
    background-color: var(--1);
    border-color: var(--1);
  }
  .btn-1:hover {
    color: #fff;
    background-color: #4a995c;
    border-color: #469056;
  }
  .btn-1:focus, .btn-1.focus {
    color: #fff;
    background-color: #4a995c;
    border-color: #469056;
    box-shadow: 0 0 0 0.2rem rgba(115, 187, 131, 0.5);
  }
  .btn-1.disabled, .btn-1:disabled {
    color: #fff;
    background-color: var(--1);
    border-color: var(--1);
  }
  .btn-1:not(:disabled):not(.disabled):active, .btn-1:not(:disabled):not(.disabled).active, .show > .btn-1.dropdown-toggle {
    color: #fff;
    background-color: #469056;
    border-color: #428851;
  }
  .btn-1:not(:disabled):not(.disabled):active:focus, .btn-1:not(:disabled):not(.disabled).active:focus, .show > .btn-1.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(115, 187, 131, 0.5);
  }
  
  .btn-2 {
    color: #fff;
    background-color: var(--2);
    border-color: var(--2);
  }
  .btn-2:hover {
    color: #fff;
    background-color: #0e2844;
    border-color: #0c223a;
  }
  .btn-2:focus, .btn-2.focus {
    color: #fff;
    background-color: #0e2844;
    border-color: #0c223a;
    box-shadow: 0 0 0 0.2rem rgba(55, 88, 123, 0.5);
  }
  .btn-2.disabled, .btn-2:disabled {
    color: #fff;
    background-color: var(--2);
    border-color: var(--2);
  }
  .btn-2:not(:disabled):not(.disabled):active, .btn-2:not(:disabled):not(.disabled).active, .show > .btn-2.dropdown-toggle {
    color: #fff;
    background-color: #0c223a;
    border-color: #091c2f;
  }
  .btn-2:not(:disabled):not(.disabled):active:focus, .btn-2:not(:disabled):not(.disabled).active:focus, .show > .btn-2.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(55, 88, 123, 0.5);
  }
  
  .btn-3 {
    color: #fff;
    background-color: var(--3);
    border-color: var(--3);
  }
  .btn-3:hover {
    color: #fff;
    background-color: #384d70;
    border-color: #344767;
  }
  .btn-3:focus, .btn-3.focus {
    color: #fff;
    background-color: #384d70;
    border-color: #344767;
    box-shadow: 0 0 0 0.2rem rgba(97, 118, 155, 0.5);
  }
  .btn-3.disabled, .btn-3:disabled {
    color: #fff;
    background-color: var(--3);
    border-color: var(--3);
  }
  .btn-3:not(:disabled):not(.disabled):active, .btn-3:not(:disabled):not(.disabled).active, .show > .btn-3.dropdown-toggle {
    color: #fff;
    background-color: #344767;
    border-color: #30415f;
  }
  .btn-3:not(:disabled):not(.disabled):active:focus, .btn-3:not(:disabled):not(.disabled).active:focus, .show > .btn-3.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(97, 118, 155, 0.5);
  }
  
  .btn-4 {
    color: #fff;
    background-color: var(--4);
    border-color: var(--4);
  }
  .btn-4:hover {
    color: #fff;
    background-color: #592f57;
    border-color: #512a4f;
  }
  .btn-4:focus, .btn-4.focus {
    color: #fff;
    background-color: #592f57;
    border-color: #512a4f;
    box-shadow: 0 0 0 0.2rem rgba(135, 89, 133, 0.5);
  }
  .btn-4.disabled, .btn-4:disabled {
    color: #fff;
    background-color: var(--4);
    border-color: var(--4);
  }
  .btn-4:not(:disabled):not(.disabled):active, .btn-4:not(:disabled):not(.disabled).active, .show > .btn-4.dropdown-toggle {
    color: #fff;
    background-color: #512a4f;
    border-color: #482647;
  }
  .btn-4:not(:disabled):not(.disabled):active:focus, .btn-4:not(:disabled):not(.disabled).active:focus, .show > .btn-4.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(135, 89, 133, 0.5);
  }
  
  .btn-5 {
    color: #fff;
    background-color: var(--5);
    border-color: var(--5);
  }
  .btn-5:hover {
    color: #fff;
    background-color: #007187;
    border-color: #00667a;
  }
  .btn-5:focus, .btn-5.focus {
    color: #fff;
    background-color: #007187;
    border-color: #00667a;
    box-shadow: 0 0 0 0.2rem rgba(38, 162, 185, 0.5);
  }
  .btn-5.disabled, .btn-5:disabled {
    color: #fff;
    background-color: var(--5);
    border-color: var(--5);
  }
  .btn-5:not(:disabled):not(.disabled):active, .btn-5:not(:disabled):not(.disabled).active, .show > .btn-5.dropdown-toggle {
    color: #fff;
    background-color: #00667a;
    border-color: #005c6d;
  }
  .btn-5:not(:disabled):not(.disabled):active:focus, .btn-5:not(:disabled):not(.disabled).active:focus, .show > .btn-5.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 162, 185, 0.5);
  }
  
  .btn-6 {
    color: #212529;
    background-color: var(--6);
    border-color: var(--6);
  }
  .btn-6:hover {
    color: #212529;
    background-color: #7cbfff;
    border-color: #6fb9ff;
  }
  .btn-6:focus, .btn-6.focus {
    color: #212529;
    background-color: #7cbfff;
    border-color: #6fb9ff;
    box-shadow: 0 0 0 0.2rem rgba(143, 184, 223, 0.5);
  }
  .btn-6.disabled, .btn-6:disabled {
    color: #212529;
    background-color: var(--6);
    border-color: var(--6);
  }
  .btn-6:not(:disabled):not(.disabled):active, .btn-6:not(:disabled):not(.disabled).active, .show > .btn-6.dropdown-toggle {
    color: #212529;
    background-color: #6fb9ff;
    border-color: #62b3ff;
  }
  .btn-6:not(:disabled):not(.disabled):active:focus, .btn-6:not(:disabled):not(.disabled).active:focus, .show > .btn-6.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(143, 184, 223, 0.5);
  }
  
  .btn-7 {
    color: #212529;
    background-color: var(--7);
    border-color: var(--7);
  }
  .btn-7:hover {
    color: #fff;
    background-color: #d57100;
    border-color: #c86a00;
  }
  .btn-7:focus, .btn-7.focus {
    color: #fff;
    background-color: #d57100;
    border-color: #c86a00;
    box-shadow: 0 0 0 0.2rem rgba(218, 119, 6, 0.5);
  }
  .btn-7.disabled, .btn-7:disabled {
    color: #212529;
    background-color: var(--7);
    border-color: var(--7);
  }
  .btn-7:not(:disabled):not(.disabled):active, .btn-7:not(:disabled):not(.disabled).active, .show > .btn-7.dropdown-toggle {
    color: #fff;
    background-color: #c86a00;
    border-color: #bb6300;
  }
  .btn-7:not(:disabled):not(.disabled):active:focus, .btn-7:not(:disabled):not(.disabled).active:focus, .show > .btn-7.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(218, 119, 6, 0.5);
  }
  
  .btn-8 {
    color: #212529;
    background-color: var(--8);
    border-color: var(--8);
  }
  .btn-8:hover {
    color: #212529;
    background-color: #c1db76;
    border-color: #bdd86c;
  }
  .btn-8:focus, .btn-8.focus {
    color: #212529;
    background-color: #c1db76;
    border-color: #bdd86c;
    box-shadow: 0 0 0 0.2rem rgba(181, 199, 132, 0.5);
  }
  .btn-8.disabled, .btn-8:disabled {
    color: #212529;
    background-color: var(--8);
    border-color: var(--8);
  }
  .btn-8:not(:disabled):not(.disabled):active, .btn-8:not(:disabled):not(.disabled).active, .show > .btn-8.dropdown-toggle {
    color: #212529;
    background-color: #bdd86c;
    border-color: #b8d661;
  }
  .btn-8:not(:disabled):not(.disabled):active:focus, .btn-8:not(:disabled):not(.disabled).active:focus, .show > .btn-8.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(181, 199, 132, 0.5);
  }
  
  .btn-9 {
    color: #fff;
    background-color: var(--9);
    border-color: var(--9);
  }
  .btn-9:hover {
    color: #fff;
    background-color: #93073d;
    border-color: #860738;
  }
  .btn-9:focus, .btn-9.focus {
    color: #fff;
    background-color: #93073d;
    border-color: #860738;
    box-shadow: 0 0 0 0.2rem rgba(194, 46, 103, 0.5);
  }
  .btn-9.disabled, .btn-9:disabled {
    color: #fff;
    background-color: var(--9);
    border-color: var(--9);
  }
  .btn-9:not(:disabled):not(.disabled):active, .btn-9:not(:disabled):not(.disabled).active, .show > .btn-9.dropdown-toggle {
    color: #fff;
    background-color: #860738;
    border-color: #7a0633;
  }
  .btn-9:not(:disabled):not(.disabled):active:focus, .btn-9:not(:disabled):not(.disabled).active:focus, .show > .btn-9.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(194, 46, 103, 0.5);
  }
  
  .btn-10 {
    color: #212529;
    background-color: var(--10);
    border-color: var(--10);
  }
  .btn-10:hover {
    color: #212529;
    background-color: #ff89b4;
    border-color: #ff7cab;
  }
  .btn-10:focus, .btn-10.focus {
    color: #212529;
    background-color: #ff89b4;
    border-color: #ff7cab;
    box-shadow: 0 0 0 0.2rem rgba(222, 154, 180, 0.5);
  }
  .btn-10.disabled, .btn-10:disabled {
    color: #212529;
    background-color: var(--10);
    border-color: var(--10);
  }
  .btn-10:not(:disabled):not(.disabled):active, .btn-10:not(:disabled):not(.disabled).active, .show > .btn-10.dropdown-toggle {
    color: #212529;
    background-color: #ff7cab;
    border-color: #ff6fa3;
  }
  .btn-10:not(:disabled):not(.disabled):active:focus, .btn-10:not(:disabled):not(.disabled).active:focus, .show > .btn-10.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(222, 154, 180, 0.5);
  }
  
  .btn-11 {
    color: #212529;
    background-color: var(--11);
    border-color: var(--11);
  }
  .btn-11:hover {
    color: #212529;
    background-color: #bc9acf;
    border-color: #b692ca;
  }
  .btn-11:focus, .btn-11.focus {
    color: #212529;
    background-color: #bc9acf;
    border-color: #b692ca;
    box-shadow: 0 0 0 0.2rem rgba(179, 159, 192, 0.5);
  }
  .btn-11.disabled, .btn-11:disabled {
    color: #212529;
    background-color: var(--11);
    border-color: var(--11);
  }
  .btn-11:not(:disabled):not(.disabled):active, .btn-11:not(:disabled):not(.disabled).active, .show > .btn-11.dropdown-toggle {
    color: #212529;
    background-color: #b692ca;
    border-color: #b089c6;
  }
  .btn-11:not(:disabled):not(.disabled):active:focus, .btn-11:not(:disabled):not(.disabled).active:focus, .show > .btn-11.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(179, 159, 192, 0.5);
  }
  
  .btn-12 {
    color: #212529;
    background-color: var(--12);
    border-color: var(--12);
  }
  .btn-12:hover {
    color: #212529;
    background-color: #97cefd;
    border-color: #8bc8fd;
  }
  .btn-12:focus, .btn-12.focus {
    color: #212529;
    background-color: #97cefd;
    border-color: #8bc8fd;
    box-shadow: 0 0 0 0.2rem rgba(166, 196, 222, 0.5);
  }
  .btn-12.disabled, .btn-12:disabled {
    color: #212529;
    background-color: var(--12);
    border-color: var(--12);
  }
  .btn-12:not(:disabled):not(.disabled):active, .btn-12:not(:disabled):not(.disabled).active, .show > .btn-12.dropdown-toggle {
    color: #212529;
    background-color: #8bc8fd;
    border-color: #7ec3fd;
  }
  .btn-12:not(:disabled):not(.disabled):active:focus, .btn-12:not(:disabled):not(.disabled).active:focus, .show > .btn-12.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(166, 196, 222, 0.5);
  }
  
  .btn-13 {
    color: #212529;
    background-color: var(--13);
    border-color: var(--13);
  }
  .btn-13:hover {
    color: #212529;
    background-color: #e2c7b7;
    border-color: #dec0ae;
  }
  .btn-13:focus, .btn-13.focus {
    color: #212529;
    background-color: #e2c7b7;
    border-color: #dec0ae;
    box-shadow: 0 0 0 0.2rem rgba(206, 193, 185, 0.5);
  }
  .btn-13.disabled, .btn-13:disabled {
    color: #212529;
    background-color: var(--13);
    border-color: var(--13);
  }
  .btn-13:not(:disabled):not(.disabled):active, .btn-13:not(:disabled):not(.disabled).active, .show > .btn-13.dropdown-toggle {
    color: #212529;
    background-color: #dec0ae;
    border-color: #dbb9a4;
  }
  .btn-13:not(:disabled):not(.disabled):active:focus, .btn-13:not(:disabled):not(.disabled).active:focus, .show > .btn-13.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(206, 193, 185, 0.5);
  }
  
  .btn-14 {
    color: #212529;
    background-color: var(--14);
    border-color: var(--14);
  }
  .btn-14:hover {
    color: #212529;
    background-color: #add0cf;
    border-color: #a4ccca;
  }
  .btn-14:focus, .btn-14.focus {
    color: #212529;
    background-color: #add0cf;
    border-color: #a4ccca;
    box-shadow: 0 0 0 0.2rem rgba(172, 194, 194, 0.5);
  }
  .btn-14.disabled, .btn-14:disabled {
    color: #212529;
    background-color: var(--14);
    border-color: var(--14);
  }
  .btn-14:not(:disabled):not(.disabled):active, .btn-14:not(:disabled):not(.disabled).active, .show > .btn-14.dropdown-toggle {
    color: #212529;
    background-color: #a4ccca;
    border-color: #9cc7c5;
  }
  .btn-14:not(:disabled):not(.disabled):active:focus, .btn-14:not(:disabled):not(.disabled).active:focus, .show > .btn-14.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(172, 194, 194, 0.5);
  }
  
  .btn-15 {
    color: #212529;
    background-color: var(--15);
    border-color: var(--15);
  }
  .btn-15:hover {
    color: #212529;
    background-color: #99c9b1;
    border-color: #91c4ab;
  }
  .btn-15:focus, .btn-15.focus {
    color: #212529;
    background-color: #99c9b1;
    border-color: #91c4ab;
    box-shadow: 0 0 0 0.2rem rgba(156, 187, 173, 0.5);
  }
  .btn-15.disabled, .btn-15:disabled {
    color: #212529;
    background-color: var(--15);
    border-color: var(--15);
  }
  .btn-15:not(:disabled):not(.disabled):active, .btn-15:not(:disabled):not(.disabled).active, .show > .btn-15.dropdown-toggle {
    color: #212529;
    background-color: #91c4ab;
    border-color: #88c0a4;
  }
  .btn-15:not(:disabled):not(.disabled):active:focus, .btn-15:not(:disabled):not(.disabled).active:focus, .show > .btn-15.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(156, 187, 173, 0.5);
  }
  
  .btn-outline-primary {
    color: var(--primary);
    border-color: var(--primary);
  }
  .btn-outline-primary:hover {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
    scale:110%;
  }
  .btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(34, 85, 138, 0.5);
  }
  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: var(--primary);
    background-color: transparent;
  }
  .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
  }
  .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(34, 85, 138, 0.5);
  }
  
  .btn-outline-secondary {
    color: var(--secondary);
    border-color: var(--secondary);
  }
  .btn-outline-secondary:hover {
    color: #212529;
    background-color: var(--secondary);
    border-color: var(--secondary);
  }
  .btn-outline-secondary:focus, .btn-outline-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(245, 110, 110, 0.5);
  }
  .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: var(--secondary);
    background-color: transparent;
  }
  .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
    color: #212529;
    background-color: var(--secondary);
    border-color: var(--secondary);
  }
  .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(245, 110, 110, 0.5);
  }
  
  .btn-outline-success {
    color: var(--success);
    border-color: var(--success);
  }
  .btn-outline-success:hover {
    color: #fff;
    background-color: var(--success);
    border-color: var(--success);
  }
  .btn-outline-success:focus, .btn-outline-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
  }
  .btn-outline-success.disabled, .btn-outline-success:disabled {
    color: var(--success);
    background-color: transparent;
  }
  .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: var(--success);
    border-color: var(--success);
  }
  .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
  }
  
  .btn-outline-info {
    color: var(--info);
    border-color: var(--info);
  }
  .btn-outline-info:hover {
    color: #fff;
    background-color: var(--info);
    border-color: var(--info);
  }
  .btn-outline-info:focus, .btn-outline-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
  }
  .btn-outline-info.disabled, .btn-outline-info:disabled {
    color: var(--info);
    background-color: transparent;
  }
  .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: var(--info);
    border-color: var(--info);
  }
  .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
  }
  
  .btn-outline-warning {
    color: var(--warning);
    border-color: var(--warning);
  }
  .btn-outline-warning:hover {
    color: #212529;
    background-color: var(--warning);
    border-color: var(--warning);
  }
  .btn-outline-warning:focus, .btn-outline-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  }
  .btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: var(--warning);
    background-color: transparent;
  }
  .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: var(--warning);
    border-color: var(--warning);
  }
  .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  }
  
  .btn-outline-danger {
    color: var(--danger);
    border-color: var(--danger);
  }
  .btn-outline-danger:hover {
    color: #fff;
    background-color: var(--danger);
    border-color: var(--danger);
  }
  .btn-outline-danger:focus, .btn-outline-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
  }
  .btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: var(--danger);
    background-color: transparent;
  }
  .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: var(--danger);
    border-color: var(--danger);
  }
  .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
  }
  
  .btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa;
  }
  .btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
  }
  .btn-outline-light:focus, .btn-outline-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
  }
  .btn-outline-light.disabled, .btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent;
  }
  .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
  }
  .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
  }
  
  .btn-outline-dark {
    color: var(--dark);
    border-color: var(--dark);
  }
  .btn-outline-dark:hover {
    color: #fff;
    background-color: var(--dark);
    border-color: var(--dark);
  }
  .btn-outline-dark:focus, .btn-outline-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
  }
  .btn-outline-dark.disabled, .btn-outline-dark:disabled {
    color: var(--dark);
    background-color: transparent;
  }
  .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: var(--dark);
    border-color: var(--dark);
  }
  .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
  }
  
  .btn-outline-primary-dark {
    color: var(--primary-dark);
    border-color: var(--primary-dark);
  }
  .btn-outline-primary-dark:hover {
    color: #fff;
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
  }
  .btn-outline-primary-dark:focus, .btn-outline-primary-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(20, 59, 100, 0.5);
  }
  .btn-outline-primary-dark.disabled, .btn-outline-primary-dark:disabled {
    color: var(--primary-dark);
    background-color: transparent;
  }
  .btn-outline-primary-dark:not(:disabled):not(.disabled):active, .btn-outline-primary-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-primary-dark.dropdown-toggle {
    color: #fff;
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
  }
  .btn-outline-primary-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-primary-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(20, 59, 100, 0.5);
  }
  
  .btn-outline-primary-light {
    color: var(--blue);
    border-color: var(--blue);
  }
  .btn-outline-primary-light:hover {
    color: #fff;
    background-color: var(--blue);
    border-color: var(--blue);
  }
  .btn-outline-primary-light:focus, .btn-outline-primary-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
  }
  .btn-outline-primary-light.disabled, .btn-outline-primary-light:disabled {
    color: var(--blue);
    background-color: transparent;
  }
  .btn-outline-primary-light:not(:disabled):not(.disabled):active, .btn-outline-primary-light:not(:disabled):not(.disabled).active, .show > .btn-outline-primary-light.dropdown-toggle {
    color: #fff;
    background-color: var(--blue);
    border-color: var(--blue);
  }
  .btn-outline-primary-light:not(:disabled):not(.disabled):active:focus, .btn-outline-primary-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
  }
  
  .btn-outline-gray {
    color: #adb5bd;
    border-color: #adb5bd;
  }
  .btn-outline-gray:hover {
    color: #212529;
    background-color: #adb5bd;
    border-color: #adb5bd;
  }
  .btn-outline-gray:focus, .btn-outline-gray.focus {
    box-shadow: 0 0 0 0.2rem rgba(173, 181, 189, 0.5);
  }
  .btn-outline-gray.disabled, .btn-outline-gray:disabled {
    color: #adb5bd;
    background-color: transparent;
  }
  .btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle {
    color: #212529;
    background-color: #adb5bd;
    border-color: #adb5bd;
  }
  .btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(173, 181, 189, 0.5);
  }
  
  .btn-outline-1 {
    color: var(--1);
    border-color: var(--1);
  }
  .btn-outline-1:hover {
    color: #fff;
    background-color: var(--1);
    border-color: var(--1);
  }
  .btn-outline-1:focus, .btn-outline-1.focus {
    box-shadow: 0 0 0 0.2rem rgba(90, 175, 109, 0.5);
  }
  .btn-outline-1.disabled, .btn-outline-1:disabled {
    color: var(--1);
    background-color: transparent;
  }
  .btn-outline-1:not(:disabled):not(.disabled):active, .btn-outline-1:not(:disabled):not(.disabled).active, .show > .btn-outline-1.dropdown-toggle {
    color: #fff;
    background-color: var(--1);
    border-color: var(--1);
  }
  .btn-outline-1:not(:disabled):not(.disabled):active:focus, .btn-outline-1:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-1.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(90, 175, 109, 0.5);
  }
  
  .btn-outline-2 {
    color: var(--2);
    border-color: var(--2);
  }
  .btn-outline-2:hover {
    color: #fff;
    background-color: var(--2);
    border-color: var(--2);
  }
  .btn-outline-2:focus, .btn-outline-2.focus {
    box-shadow: 0 0 0 0.2rem rgba(20, 59, 100, 0.5);
  }
  .btn-outline-2.disabled, .btn-outline-2:disabled {
    color: var(--2);
    background-color: transparent;
  }
  .btn-outline-2:not(:disabled):not(.disabled):active, .btn-outline-2:not(:disabled):not(.disabled).active, .show > .btn-outline-2.dropdown-toggle {
    color: #fff;
    background-color: var(--2);
    border-color: var(--2);
  }
  .btn-outline-2:not(:disabled):not(.disabled):active:focus, .btn-outline-2:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-2.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(20, 59, 100, 0.5);
  }
  
  .btn-outline-3 {
    color: var(--3);
    border-color: var(--3);
  }
  .btn-outline-3:hover {
    color: #fff;
    background-color: var(--3);
    border-color: var(--3);
  }
  .btn-outline-3:focus, .btn-outline-3.focus {
    box-shadow: 0 0 0 0.2rem rgba(69, 94, 137, 0.5);
  }
  .btn-outline-3.disabled, .btn-outline-3:disabled {
    color: var(--3);
    background-color: transparent;
  }
  .btn-outline-3:not(:disabled):not(.disabled):active, .btn-outline-3:not(:disabled):not(.disabled).active, .show > .btn-outline-3.dropdown-toggle {
    color: #fff;
    background-color: var(--3);
    border-color: var(--3);
  }
  .btn-outline-3:not(:disabled):not(.disabled):active:focus, .btn-outline-3:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-3.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(69, 94, 137, 0.5);
  }
  
  .btn-outline-4 {
    color: var(--4);
    border-color: var(--4);
  }
  .btn-outline-4:hover {
    color: #fff;
    background-color: var(--4);
    border-color: var(--4);
  }
  .btn-outline-4:focus, .btn-outline-4.focus {
    box-shadow: 0 0 0 0.2rem rgba(114, 60, 112, 0.5);
  }
  .btn-outline-4.disabled, .btn-outline-4:disabled {
    color: var(--4);
    background-color: transparent;
  }
  .btn-outline-4:not(:disabled):not(.disabled):active, .btn-outline-4:not(:disabled):not(.disabled).active, .show > .btn-outline-4.dropdown-toggle {
    color: #fff;
    background-color: var(--4);
    border-color: var(--4);
  }
  .btn-outline-4:not(:disabled):not(.disabled):active:focus, .btn-outline-4:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-4.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(114, 60, 112, 0.5);
  }
  
  .btn-outline-5 {
    color: var(--5);
    border-color: var(--5);
  }
  .btn-outline-5:hover {
    color: #fff;
    background-color: var(--5);
    border-color: var(--5);
  }
  .btn-outline-5:focus, .btn-outline-5.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 145, 173, 0.5);
  }
  .btn-outline-5.disabled, .btn-outline-5:disabled {
    color: var(--5);
    background-color: transparent;
  }
  .btn-outline-5:not(:disabled):not(.disabled):active, .btn-outline-5:not(:disabled):not(.disabled).active, .show > .btn-outline-5.dropdown-toggle {
    color: #fff;
    background-color: var(--5);
    border-color: var(--5);
  }
  .btn-outline-5:not(:disabled):not(.disabled):active:focus, .btn-outline-5:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-5.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 145, 173, 0.5);
  }
  
  .btn-outline-6 {
    color: var(--6);
    border-color: var(--6);
  }
  .btn-outline-6:hover {
    color: #212529;
    background-color: var(--6);
    border-color: var(--6);
  }
  .btn-outline-6:focus, .btn-outline-6.focus {
    box-shadow: 0 0 0 0.2rem rgba(162, 210, 255, 0.5);
  }
  .btn-outline-6.disabled, .btn-outline-6:disabled {
    color: var(--6);
    background-color: transparent;
  }
  .btn-outline-6:not(:disabled):not(.disabled):active, .btn-outline-6:not(:disabled):not(.disabled).active, .show > .btn-outline-6.dropdown-toggle {
    color: #212529;
    background-color: var(--6);
    border-color: var(--6);
  }
  .btn-outline-6:not(:disabled):not(.disabled):active:focus, .btn-outline-6:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-6.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(162, 210, 255, 0.5);
  }
  
  .btn-outline-7 {
    color: var(--7);
    border-color: var(--7);
  }
  .btn-outline-7:hover {
    color: #212529;
    background-color: var(--7);
    border-color: var(--7);
  }
  .btn-outline-7:focus, .btn-outline-7.focus {
    box-shadow: 0 0 0 0.2rem rgba(251, 133, 0, 0.5);
  }
  .btn-outline-7.disabled, .btn-outline-7:disabled {
    color: var(--7);
    background-color: transparent;
  }
  .btn-outline-7:not(:disabled):not(.disabled):active, .btn-outline-7:not(:disabled):not(.disabled).active, .show > .btn-outline-7.dropdown-toggle {
    color: #212529;
    background-color: var(--7);
    border-color: var(--7);
  }
  .btn-outline-7:not(:disabled):not(.disabled):active:focus, .btn-outline-7:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-7.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(251, 133, 0, 0.5);
  }
  
  .btn-outline-8 {
    color: var(--8);
    border-color: var(--8);
  }
  .btn-outline-8:hover {
    color: #212529;
    background-color: var(--8);
    border-color: var(--8);
  }
  .btn-outline-8:focus, .btn-outline-8.focus {
    box-shadow: 0 0 0 0.2rem rgba(207, 227, 148, 0.5);
  }
  .btn-outline-8.disabled, .btn-outline-8:disabled {
    color: var(--8);
    background-color: transparent;
  }
  .btn-outline-8:not(:disabled):not(.disabled):active, .btn-outline-8:not(:disabled):not(.disabled).active, .show > .btn-outline-8.dropdown-toggle {
    color: #212529;
    background-color: var(--8);
    border-color: var(--8);
  }
  .btn-outline-8:not(:disabled):not(.disabled):active:focus, .btn-outline-8:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-8.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(207, 227, 148, 0.5);
  }
  
  .btn-outline-9 {
    color: var(--9);
    border-color: var(--9);
  }
  .btn-outline-9:hover {
    color: #fff;
    background-color: var(--9);
    border-color: var(--9);
  }
  .btn-outline-9:focus, .btn-outline-9.focus {
    box-shadow: 0 0 0 0.2rem rgba(183, 9, 76, 0.5);
  }
  .btn-outline-9.disabled, .btn-outline-9:disabled {
    color: var(--9);
    background-color: transparent;
  }
  .btn-outline-9:not(:disabled):not(.disabled):active, .btn-outline-9:not(:disabled):not(.disabled).active, .show > .btn-outline-9.dropdown-toggle {
    color: #fff;
    background-color: var(--9);
    border-color: var(--9);
  }
  .btn-outline-9:not(:disabled):not(.disabled):active:focus, .btn-outline-9:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-9.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(183, 9, 76, 0.5);
  }
  
  .btn-outline-10 {
    color: var(--10);
    border-color: var(--10);
  }
  .btn-outline-10:hover {
    color: #212529;
    background-color: var(--10);
    border-color: var(--10);
  }
  .btn-outline-10:focus, .btn-outline-10.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 175, 204, 0.5);
  }
  .btn-outline-10.disabled, .btn-outline-10:disabled {
    color: var(--10);
    background-color: transparent;
  }
  .btn-outline-10:not(:disabled):not(.disabled):active, .btn-outline-10:not(:disabled):not(.disabled).active, .show > .btn-outline-10.dropdown-toggle {
    color: #212529;
    background-color: var(--10);
    border-color: var(--10);
  }
  .btn-outline-10:not(:disabled):not(.disabled):active:focus, .btn-outline-10:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-10.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 175, 204, 0.5);
  }
  
  .btn-outline-11 {
    color: var(--11);
    border-color: var(--11);
  }
  .btn-outline-11:hover {
    color: #212529;
    background-color: var(--11);
    border-color: var(--11);
  }
  .btn-outline-11:focus, .btn-outline-11.focus {
    box-shadow: 0 0 0 0.2rem rgba(205, 180, 219, 0.5);
  }
  .btn-outline-11.disabled, .btn-outline-11:disabled {
    color: var(--11);
    background-color: transparent;
  }
  .btn-outline-11:not(:disabled):not(.disabled):active, .btn-outline-11:not(:disabled):not(.disabled).active, .show > .btn-outline-11.dropdown-toggle {
    color: #212529;
    background-color: var(--11);
    border-color: var(--11);
  }
  .btn-outline-11:not(:disabled):not(.disabled):active:focus, .btn-outline-11:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-11.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(205, 180, 219, 0.5);
  }
  
  .btn-outline-12 {
    color: var(--12);
    border-color: var(--12);
  }
  .btn-outline-12:hover {
    color: #212529;
    background-color: var(--12);
    border-color: var(--12);
  }
  .btn-outline-12:focus, .btn-outline-12.focus {
    box-shadow: 0 0 0 0.2rem rgba(189, 224, 254, 0.5);
  }
  .btn-outline-12.disabled, .btn-outline-12:disabled {
    color: var(--12);
    background-color: transparent;
  }
  .btn-outline-12:not(:disabled):not(.disabled):active, .btn-outline-12:not(:disabled):not(.disabled).active, .show > .btn-outline-12.dropdown-toggle {
    color: #212529;
    background-color: var(--12);
    border-color: var(--12);
  }
  .btn-outline-12:not(:disabled):not(.disabled):active:focus, .btn-outline-12:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-12.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(189, 224, 254, 0.5);
  }
  
  .btn-outline-13 {
    color: var(--13);
    border-color: var(--13);
  }
  .btn-outline-13:hover {
    color: #212529;
    background-color: var(--13);
    border-color: var(--13);
  }
  .btn-outline-13:focus, .btn-outline-13.focus {
    box-shadow: 0 0 0 0.2rem rgba(237, 220, 210, 0.5);
  }
  .btn-outline-13.disabled, .btn-outline-13:disabled {
    color: var(--13);
    background-color: transparent;
  }
  .btn-outline-13:not(:disabled):not(.disabled):active, .btn-outline-13:not(:disabled):not(.disabled).active, .show > .btn-outline-13.dropdown-toggle {
    color: #212529;
    background-color: var(--13);
    border-color: var(--13);
  }
  .btn-outline-13:not(:disabled):not(.disabled):active:focus, .btn-outline-13:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-13.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(237, 220, 210, 0.5);
  }
  
  .btn-outline-14 {
    color: var(--14);
    border-color: var(--14);
  }
  .btn-outline-14:hover {
    color: #212529;
    background-color: var(--14);
    border-color: var(--14);
  }
  .btn-outline-14:focus, .btn-outline-14.focus {
    box-shadow: 0 0 0 0.2rem rgba(197, 222, 221, 0.5);
  }
  .btn-outline-14.disabled, .btn-outline-14:disabled {
    color: var(--14);
    background-color: transparent;
  }
  .btn-outline-14:not(:disabled):not(.disabled):active, .btn-outline-14:not(:disabled):not(.disabled).active, .show > .btn-outline-14.dropdown-toggle {
    color: #212529;
    background-color: var(--14);
    border-color: var(--14);
  }
  .btn-outline-14:not(:disabled):not(.disabled):active:focus, .btn-outline-14:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-14.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(197, 222, 221, 0.5);
  }
  
  .btn-outline-15 {
    color: var(--15);
    border-color: var(--15);
  }
  .btn-outline-15:hover {
    color: #212529;
    background-color: var(--15);
    border-color: var(--15);
  }
  .btn-outline-15:focus, .btn-outline-15.focus {
    box-shadow: 0 0 0 0.2rem rgba(178, 214, 196, 0.5);
  }
  .btn-outline-15.disabled, .btn-outline-15:disabled {
    color: var(--15);
    background-color: transparent;
  }
  .btn-outline-15:not(:disabled):not(.disabled):active, .btn-outline-15:not(:disabled):not(.disabled).active, .show > .btn-outline-15.dropdown-toggle {
    color: #212529;
    background-color: var(--15);
    border-color: var(--15);
  }
  .btn-outline-15:not(:disabled):not(.disabled):active:focus, .btn-outline-15:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-15.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(178, 214, 196, 0.5);
  }
  /* backgrounds */
  .bg-primary {
    background-color: var(--primary) !important;
  }
  
  a.bg-primary:hover, a.bg-primary:focus,
  button.bg-primary:hover,
  button.bg-primary:focus {
    background-color: #183c61 !important;
  }
  
  .bg-secondary {
    background-color: var(--secondary) !important;
  }
  
  a.bg-secondary:hover, a.bg-secondary:focus,
  button.bg-secondary:hover,
  button.bg-secondary:focus {
    background-color: #f23e3e !important;
  }
  
  .bg-success {
    background-color: var(--success) !important;
  }
  
  a.bg-success:hover, a.bg-success:focus,
  button.bg-success:hover,
  button.bg-success:focus {
    background-color: #1e7e34 !important;
  }
  
  .bg-info {
    background-color: var(--info) !important;
  }
  
  a.bg-info:hover, a.bg-info:focus,
  button.bg-info:hover,
  button.bg-info:focus {
    background-color: #117a8b !important;
  }
  
  .bg-warning {
    background-color: var(--warning) !important;
  }
  
  a.bg-warning:hover, a.bg-warning:focus,
  button.bg-warning:hover,
  button.bg-warning:focus {
    background-color: #d39e00 !important;
  }
  
  .bg-danger {
    background-color: var(--danger) !important;
  }
  
  a.bg-danger:hover, a.bg-danger:focus,
  button.bg-danger:hover,
  button.bg-danger:focus {
    background-color: #bd2130 !important;
  }
  
  .bg-light {
    background-color: #f8f9fa !important;
  }
  
  a.bg-light:hover, a.bg-light:focus,
  button.bg-light:hover,
  button.bg-light:focus {
    background-color: #dae0e5 !important;
  }
  
  .bg-dark {
    background-color: var(--dark) !important;
  }
  
  a.bg-dark:hover, a.bg-dark:focus,
  button.bg-dark:hover,
  button.bg-dark:focus {
    background-color: #1d2124 !important;
  }
  
  .bg-primary-dark {
    background-color: var(--primary-dark) !important;
  }
  
  a.bg-primary-dark:hover, a.bg-primary-dark:focus,
  button.bg-primary-dark:hover,
  button.bg-primary-dark:focus {
    background-color: #0c223a !important;
  }
  
  .bg-primary-light {
    background-color: var(--blue) !important;
  }
  
  a.bg-primary-light:hover, a.bg-primary-light:focus,
  button.bg-primary-light:hover,
  button.bg-primary-light:focus {
    background-color: #0062cc !important;
  }
  .bg-gray {
    background-color: #adb5bd !important;
  }
  
  a.bg-gray:hover, a.bg-gray:focus,
  button.bg-gray:hover,
  button.bg-gray:focus {
    background-color: #919ca6 !important;
  }
  
  .bg-1 {
    background-color: var(--1) !important;
  }
  
  a.bg-1:hover, a.bg-1:focus,
  button.bg-1:hover,
  button.bg-1:focus {
    background-color: #469056 !important;
  }
  
  .bg-2 {
    background-color: var(--2) !important;
  }
  
  a.bg-2:hover, a.bg-2:focus,
  button.bg-2:hover,
  button.bg-2:focus {
    background-color: #0c223a !important;
  }
  
  .bg-3 {
    background-color: var(--3) !important;
  }
  
  a.bg-3:hover, a.bg-3:focus,
  button.bg-3:hover,
  button.bg-3:focus {
    background-color: #344767 !important;
  }
  
  .bg-4 {
    background-color: var(--4) !important;
  }
  
  a.bg-4:hover, a.bg-4:focus,
  button.bg-4:hover,
  button.bg-4:focus {
    background-color: #512a4f !important;
  }
  
  .bg-5 {
    background-color: var(--5) !important;
  }
  
  a.bg-5:hover, a.bg-5:focus,
  button.bg-5:hover,
  button.bg-5:focus {
    background-color: #00667a !important;
  }
  
  .bg-6 {
    background-color: var(--6) !important;
  }
  
  a.bg-6:hover, a.bg-6:focus,
  button.bg-6:hover,
  button.bg-6:focus {
    background-color: #6fb9ff !important;
  }
  
  .bg-7 {
    background-color: var(--7) !important;
  }
  
  a.bg-7:hover, a.bg-7:focus,
  button.bg-7:hover,
  button.bg-7:focus {
    background-color: #c86a00 !important;
  }
  
  .bg-8 {
    background-color: var(--8) !important;
  }
  
  a.bg-8:hover, a.bg-8:focus,
  button.bg-8:hover,
  button.bg-8:focus {
    background-color: #bdd86c !important;
  }
  
  .bg-9 {
    background-color: var(--9) !important;
  }
  
  a.bg-9:hover, a.bg-9:focus,
  button.bg-9:hover,
  button.bg-9:focus {
    background-color: #860738 !important;
  }
  
  .bg-10 {
    background-color: var(--10) !important;
  }
  
  a.bg-10:hover, a.bg-10:focus,
  button.bg-10:hover,
  button.bg-10:focus {
    background-color: #ff7cab !important;
  }
  
  .bg-11 {
    background-color: var(--11) !important;
  }
  
  a.bg-11:hover, a.bg-11:focus,
  button.bg-11:hover,
  button.bg-11:focus {
    background-color: #b692ca !important;
  }
  
  .bg-12 {
    background-color: var(--12) !important;
  }
  
  a.bg-12:hover, a.bg-12:focus,
  button.bg-12:hover,
  button.bg-12:focus {
    background-color: #8bc8fd !important;
  }
  
  .bg-13 {
    background-color: var(--13) !important;
  }
  
  a.bg-13:hover, a.bg-13:focus,
  button.bg-13:hover,
  button.bg-13:focus {
    background-color: #dec0ae !important;
  }
  
  .bg-14 {
    background-color: var(--14) !important;
  }
  
  a.bg-14:hover, a.bg-14:focus,
  button.bg-14:hover,
  button.bg-14:focus {
    background-color: #a4ccca !important;
  }
  
  .bg-15 {
    background-color: var(--15) !important;
  }
  
  a.bg-15:hover, a.bg-15:focus,
  button.bg-15:hover,
  button.bg-15:focus {
    background-color: #91c4ab !important;
  }
  
  .bg-white {
    background-color: #fff !important;
  }
  
  .bg-transparent {
    background-color: transparent !important;
  }

  /* border */
  .border-fat {
    border: 3px solid #dee2e6 !important;
  }

  .border-primary {
    border-color: var(--primary) !important;
  }
  
  .border-secondary {
    border-color: var(--secondary) !important;
  }
  
  .border-success {
    border-color: var(--success) !important;
  }
  
  .border-info {
    border-color: var(--info) !important;
  }
  
  .border-warning {
    border-color: var(--warning) !important;
  }
  
  .border-danger {
    border-color: var(--danger) !important;
  }
  
  .border-light {
    border-color: #f8f9fa !important;
  }
  
  .border-dark {
    border-color: var(--dark) !important;
  }

  .border-primary-dark {
    border-color: var(--primary-dark) !important;
  }
  
  .border-primary-light {
    border-color: var(--blue) !important;
  }
  
  .border-gray {
    border-color: #adb5bd !important;
  }
  
  .border-1 {
    border-color: var(--1) !important;
  }
  
  .border-2 {
    border-color: var(--2) !important;
  }
  
  .border-3 {
    border-color: var(--3) !important;
  }
  
  .border-4 {
    border-color: var(--4) !important;
  }
  
  .border-5 {
    border-color: var(--5) !important;
  }
  
  .border-6 {
    border-color: var(--6) !important;
  }
  
  .border-7 {
    border-color: var(--7) !important;
  }
  
  .border-8 {
    border-color: var(--8) !important;
  }
  
  .border-9 {
    border-color: var(--9) !important;
  }
  
  .border-10 {
    border-color: var(--10) !important;
  }
  
  .border-11 {
    border-color: var(--11) !important;
  }
  
  .border-12 {
    border-color: var(--12) !important;
  }
  
  .border-13 {
    border-color: var(--13) !important;
  }
  
  .border-14 {
    border-color: var(--14) !important;
  }
  
  .border-15 {
    border-color: var(--15) !important;
  }
  
  .border-white {
    border-color: #fff !important;
  }

  /* text */
  .text-white {
    color: #fff !important;
  }
  
  .text-primary {
    color: var(--primary) !important;
  }
  
  a.text-primary:hover, a.text-primary:focus {
    color: #132f4d !important;
  }
  
  .text-secondary {
    color: var(--secondary) !important;
  }
  
  a.text-secondary:hover, a.text-secondary:focus {
    color: #f02626 !important;
  }
  
  .text-success {
    color: var(--success) !important;
  }
  
  a.text-success:hover, a.text-success:focus {
    color: #19692c !important;
  }
  
  .text-info {
    color: var(--info) !important;
  }
  
  a.text-info:hover, a.text-info:focus {
    color: #0f6674 !important;
  }
  
  .text-warning {
    color: var(--warning) !important;
  }
  
  a.text-warning:hover, a.text-warning:focus {
    color: #ba8b00 !important;
  }
  
  .text-danger {
    color: var(--danger) !important;
  }
  
  a.text-danger:hover, a.text-danger:focus {
    color: #a71d2a !important;
  }
  
  .text-light {
    color: #f8f9fa !important;
  }
  
  a.text-light:hover, a.text-light:focus {
    color: #cbd3da !important;
  }
  
  .text-dark {
    color: var(--dark) !important;
  }
  
  a.text-dark:hover, a.text-dark:focus {
    color: #121416 !important;
  }
  
  .text-primary-dark {
    color: var(--primary-dark) !important;
  }
  
  a.text-primary-dark:hover, a.text-primary-dark:focus {
    color: #071524 !important;
  }
  
  .text-primary-light {
    color: var(--blue) !important;
  }
  
  a.text-primary-light:hover, a.text-primary-light:focus {
    color: #0056b3 !important;
  }
  
  .text-gray {
    color: #adb5bd !important;
  }
  
  a.text-gray:hover, a.text-gray:focus {
    color: #838f9b !important;
  }
  
  .text-1 {
    color: var(--1) !important;
  }
  
  a.text-1:hover, a.text-1:focus {
    color: #3e7f4c !important;
  }
  
  .text-2 {
    color: var(--2) !important;
  }
  
  a.text-2:hover, a.text-2:focus {
    color: #071524 !important;
  }
  
  .text-3 {
    color: var(--3) !important;
  }
  
  a.text-3:hover, a.text-3:focus {
    color: #2b3b56 !important;
  }
  
  .text-4 {
    color: var(--4) !important;
  }
  
  a.text-4:hover, a.text-4:focus {
    color: #40223f !important;
  }
  
  .text-5 {
    color: var(--5) !important;
  }
  
  a.text-5:hover, a.text-5:focus {
    color: #005161 !important;
  }
  
  .text-6 {
    color: var(--6) !important;
  }
  
  a.text-6:hover, a.text-6:focus {
    color: #56adff !important;
  }
  
  .text-7 {
    color: var(--7) !important;
  }
  
  a.text-7:hover, a.text-7:focus {
    color: #af5c00 !important;
  }
  
  .text-8 {
    color: var(--8) !important;
  }
  
  a.text-8:hover, a.text-8:focus {
    color: #b4d357 !important;
  }
  
  .text-9 {
    color: var(--9) !important;
  }
  
  a.text-9:hover, a.text-9:focus {
    color: #6e052e !important;
  }
  
  .text-10 {
    color: var(--10) !important;
  }
  
  a.text-10:hover, a.text-10:focus {
    color: #ff639b !important;
  }
  
  .text-11 {
    color: var(--11) !important;
  }
  
  a.text-11:hover, a.text-11:focus {
    color: #ab80c2 !important;
  }
  
  .text-12 {
    color: var(--12) !important;
  }
  
  a.text-12:hover, a.text-12:focus {
    color: #72bdfd !important;
  }
  
  .text-13 {
    color: var(--13) !important;
  }
  
  a.text-13:hover, a.text-13:focus {
    color: #d7b29b !important;
  }
  
  .text-14 {
    color: var(--14) !important;
  }
  
  a.text-14:hover, a.text-14:focus {
    color: #94c2c0 !important;
  }
  
  .text-15 {
    color: var(--15) !important;
  }
  
  a.text-15:hover, a.text-15:focus {
    color: #80bb9e !important;
  }
  
  .text-body {
    color: #212529 !important;
  }
  
  .text-muted {
    color: var(--gray) !important;
  }
  
  /* ombres */
  .shadow-sm {
    box-shadow: 0.125rem 0.125rem 0.25rem rgba(0, 0, 0, 0.25) !important;
  }
  
  .shadow {
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25) !important;
  }
  .shadow-inset {
    box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.10) !important;
  }
  
  .shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
  }
  
  .shadow-none {
    box-shadow: none !important;
  }

  .rounded {
    border-radius: 0.75rem !important;
  }
  /* .rounded-circle {
    border-radius: 1rem !important;
  } */
  .font-weight-semi-bold {
    font-weight: 600 !important;
  }
  .table .thead-light th {
    color: #495057;
    background-color: #fff;
    border-color: #fff;
  }
  .z-index{
    z-index:110;
  }
  .fixed-bottom-right {
    position: fixed;
    bottom: 10px;
    right: 30px;
    z-index: 1030;
  }
  .fixed-top {
    position: fixed;
    right: 50;
    top: 10;
    left: 1200;
    z-index: 1030;
  }
  .opacity{
      opacity: 0.65;
  }
  .text-shadow{
    text-shadow: 0px 3px rgba(0, 0, 0, 0.25)
  }
  .truncate {
    overflow-wrap: break-word;
  }
  .row {
    display: flex;
    flex-wrap: wrap;
    margin-right: 0px;
    margin-left: 0px;
  }
  hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 2px solid rgba(0, 0, 0, 0.5);
  }
  .w-110 {
    width: 110% !important;
  }
  .smaller{
    font-size:smaller;
  }
  .height-screen50{
    height:50vw;
  }
  .popup {
    z-index: 300;
    padding-top: 100px;
    padding-bottom: 100px;
    padding-left: 300px;
    padding-right: 300px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.9);

  }