:root {
    --BG: rgba(114, 19, 19, 0);
    --BGDIV: rgba(255, 255, 255, 0);
    --marginTOP: 10px;
    --radius: 5px;
    --borderCOLOR:rgba(0, 0, 0, 0.175);
    --textCOLOR:#1C5588;
    --btnCOLOR:#08cb53;
  }
 
 
 
body
{
    background-color: var(--BG);
    height: 100%;
}
 
#connexion
{
    /* background-color: rgb(255, 255, 255); */
    width: 30%;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    box-shadow: rgba(0, 0, 0, 1) 3px 1px 10px;
}
 
@media screen and (max-width: 768px) 
{
  #connexion
  {
    min-width: 90%;
  }
}

.btn
{
    margin: 10px auto 10px;
    display: block;
    /* border: 1px solid rgb(90, 150, 230); */
    box-shadow: rgba(0, 0, 0, 1) 1px 1px 5px;
    /* background-color: var(--btnCOLOR);
    border-color: var(--btnCOLOR); */
} 


.captsauv
{
    margin: auto;
    display: block;
    /* border: 1px solid rgb(90, 150, 230); */
    box-shadow: rgba(0, 0, 0, 1) 1px 1px 5px;
    /* background-color: var(--btnCOLOR);
    border-color: var(--btnCOLOR); */
}
 
.textecentrer
{
    color: rgb(65, 65, 65);
    text-align: center;
    margin: 10px auto 0px;
}

.textedroit
{
    color: rgb(65, 65, 65);
    text-align: right;
    margin: 10px 10px 0px 0px;
}

#logo
{
    color: rgb(65, 65, 65);
    text-align: left;
    text-transform: uppercase;
    margin: 10px auto 0px;
    font-size: 10px;
}

.menucentrer
{
    /* border: 5px solid red; */
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    width: auto;
}


.boxL
{
  background-color: var(--BGDIV);
  /* border-radius: 20px 20px 20px 20px; */
  /* min-height: 100vh;  */

  border: 1px solid rgb(199, 197, 197);
}
 
.boxR
{

    /* background-color: var(--textCOLOR); */
  /* border-radius: 20px 20px 20px 20px; */
  /* min-height: 100%;  */
  padding: 0;
  border: 1px solid rgb(199, 197, 197);
}

#profil
{
    margin-left: 10px;
    margin-right: auto; 
    width: auto;
}

#map { 
  height: 91vh;
}

.form-popup
{
  display: none;
  left      : 50%;
  top       : 50%;
  position  : absolute;
  transform : translate(-50%, -50%);
}
 
.form-container {
  /* min-height: 100vh; 
  max-width: 500vh; */
  min-width: 300px; 
  padding: 10px;
  background-color: rgba(160, 157, 157, 0.938);
  border-radius: 20px 20px 20px 20px;
}

.bisupp
{
  color : red;
  font-size: 2em;  
}

.bimod
{
  color : rgb(33, 112, 18);
  font-size: 2em;  
}

.supcap
{

  color: red;
  font-size: 2em; 
}

.bisave
{
  font-size: 2em; 
  color: rgb(13, 187, 85);
}
 

#tableaffichage
{
  
  width: 100%;
  height: 88%;
}

#action
{
  margin-top: 50px;
}

#menuprofil
{
  margin-top: 50px;
}

.form-check
{
  margin-bottom: 30px;
  margin-left: 15px;
}

.form-switch
{
  /* margin-bottom: 30px; */
  margin-left: 15px;
}

input[type=checkbox] 
{
  transform: scale(1.2);
}

.form-check-label
{
  margin-left: 15px;
}



.col-md-12 {
  width: 100%;
}

canvas {
  width: 100% !important;
  height: 100px; /* Vous pouvez ajuster cette valeur selon vos besoins */
  max-height: 27vh; /* Limite la hauteur à un tiers de la hauteur de l'écran */
}

h6 {
  text-align: center;
}

.dropdown {
  display: flex;
  justify-content: center;
  margin: 10px 0;
}

select {
  padding: 5px;
  font-size: 16px;
}