body {
    min-height: 100vh;
    min-height: -webkit-fill-available;
    color: #433dbf;
    font: 1em;
    font-style: normal;
    font-weight: 400;
    line-height: 1.45;
    text-decoration-skip-ink: auto;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans", Cantarell, "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial, sans-serif;
}

@media only screen and (min-width: 1200px) {
    h5 {
      font-size: 12px;
   }
  }
  @media only screen and (min-width: 992px) {
    h5 {
      font-size: 12px;
   }
  }
  @media (max-width: 768px) {
    body {
      font-size: 12px;
   }
  }
  @media (max-width: 1920px) {
    body {
      font-size: 12px;
   }
}
   
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  h6 { font-size: 12px; }
  h5 { font-size: 14px; }
}

@media only screen and (min-width: 992px) {
  h6 { font-size: 12px; }
  h5 { font-size: 14px; }
}

@media (max-width: 768px) {
  body { font-size: 12px; }
}

@media (max-width: 1920px) {
  body { font-size: 12px; }
}

html {
  height: -webkit-fill-available;
  font-size: 0.7.5em;
  font-size: calc(12px * var(--dynamic-font-scale,1)) !important;
}

  html {
    height: -webkit-fill-available;
    font-size: 0.7 0.5em;
    font-size: calc(12px * var(--dynamic-font-scale,1)) !important;
  }
  @media (min-width: 768px) {
    .bd-placeholder-img-lg {
      font-size: 3.5rem;
   }
  }
  @media print {
    .dontPrint {
      display: none;
   }
    @page {
      margin: 0;
   }
    body {
      margin: 0;
   }
    @page :footer {
      display: none;
   }
    @page :header {
      display: none;
   }
  }
  
  /* * Sidebar */
  .sidebar {
    position: fixed;
    top: 0;
   /* rtl:raw: right: 0;
    */
    bottom: 0;
   /* rtl:remove */
    left: 0;
    z-index: 100;
   /* Behind the navbar */
    padding: 48px 0 0;
   /* Height of navbar */
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
  }
  @media (max-width: 767.98px) {
    .sidebar {
      top: 5rem;
   }
  }
  .sidebar-sticky {
    height: calc(100vh - 48px);
    overflow-x: hidden;
    overflow-y: auto;
   /* Scrollable contents if viewport is shorter than content. */
  }
  
  .nav-link{
    font-size: 12pt;
  
  }
  
  .sidebar .nav-link {
    font-weight: 500;
    color: #333;
  }
  .sidebar .nav-link .feather {
    margin-right: 4px;
    color: #727272;
  }
  .sidebar .nav-link.active {
    color: #2470dc;
  }
  .sidebar .nav-link:hover .feather, .sidebar .nav-link.active .feather {
    color: inherit;
  }
  .sidebar-heading {
    font-size: 0.75rem;
  }
  /* * Navbar */
  .navbar-brand {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
  }
  .navbar .navbar-toggler {
    top: 0.25rem;
    right: 1rem;
  }
  .navbar .form-control {
    padding: 0.75rem 1rem;
  }
  .bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }
  .nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden;
  }
  .nav-scroller .nav {
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 1rem;
    margin-top: -1px;
    overflow-x: auto;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  
  
  .nav-scroller .nav {
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 1rem;
    margin-top: -1px;
    overflow-x: auto;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  
  .register-section {
    margin-bottom: 15px;
    padding-top: 15px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    text-align: center;
    color: #333; /* Modifier selon la couleur désirée */
  }
  
  .register-section::before,
  .register-section::after {
    content: '';
    flex: 1;
    height: 1px;
    background: #000; /* Modifier selon la couleur désirée */
    margin: 0 20px; /* Espacement autour du texte */
  }
  
  .register-section span {
    white-space: nowrap;
  }
  
  .section{
    margin-bottom: 10px;
    padding-top: 10px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    text-align: center;
    color: #333; /* Modifier selon la couleur désirée */
  }
  
  .section::before,
  .section::after {
    content: '';
    flex: 1;
    height: 1px;
    background: #000; /* Modifier selon la couleur désirée */
    margin: 0 20px; /* Espacement autour du texte */
  }
  
  .section span {
    white-space: nowrap;
  }
  
  .xsmall{
    font-size: 12px;
  }
  
  .small{
    font-size: 11px;
  }