.total{
    display:inline-block;
    height:20px;
    font-weight:bold;
    color:white;
    border-radius:10px;
    border: 1px solid white;
    padding:3px;
    text-align:center;
}

.total_OK{
    background-color:green;
}

.total_KO{
    background-color:red;
}

.bloc_stock{
    padding: 3px;
    box-sizing:border-box;
    display:block;
    border-radius:6px;
    box-shadow: 1px 2px 3px black;
    margin: 5px;
    margin-bottom:8px;
    cursor:pointer;
    text-align:center;
    font-size:0.85em;
    transition:all 1s ease;
}

.bloc_partenaire{
    background-color:lightgreen;
    color:black;
    position:relative;
}

.bloc_partenaire::before{
    content:'PART';
    top:0px;
    bottom:0px;
    left:0px;
    width:13px;
    background-color:green;
    color:white;
    display:block;
    position:absolute;
    font-size:0.75em;
    writing-mode: vertical-rl;
    transform:rotate(180deg);
    transform-origin:center;
}

.bloc_fourn::before{
    content:'FOURN';
    top:0px;
    bottom:0px;
    left:0px;
    width:13px;
    background-color:orange;
    color:white;
    display:block;
    position:absolute;
    font-size:0.75em;
    writing-mode: vertical-rl;
    transform:rotate(180deg);
    transform-origin:center;
}

.bloc_fourn{
    background-color:orange;
    color:black;
    position:relative;
}

.bloc_selected{
    box-shadow: 2px 2px 5px black inset;
    transform:scale(120%);
}

.bloc_best{
    background-color:green;
    position:relative;
    color:white;
}

.bloc_best::after{
    content:'BEST !!';
    top:0px;
    bottom:0px;
    right:0px;
    width:13px;
    background-color:red;
    color:white;
    display:block;
    position:absolute;
    font-size:0.75em;
    writing-mode: vertical-rl;
}

.bloc_disabled{
    background-color:lightgray;
    opacity:0.6;
    font-style:italic;
    disabled: disabled;
    color:black;
    pointer-events:none;
}

.loadingscreen{
    position:fixed;
    left:5vw;
    top:5vh;
    width:90vw;
    height:90vh;
    border:2px solid black;
    border-radius:10px;
    z-index:3000;
    background-color:white;
}

.retro_loader { 
  width:500px; 
  margin:5vh auto;
  height:8px;
  border-radius:10px;
  border:8px solid transparent;
  position:relative;
  padding:1px;
}

.retro_loader:before {
  content:'';
  border:2px solid #121212; 
  border-radius:10px;
  position:absolute;
  top:-4px; 
  right:-4px; 
  bottom:-4px; 
  left:-4px;
}

.retro_loader .retro_loaderBar { 
  position:absolute;
  border-radius:10px;
  top:0;
  right:100%;
  bottom:0;
  left:0;
  background:#1212FF; 
  width:0;
  height:10px;
  animation:retro_borealisBar 2s linear infinite;
}

@keyframes retro_borealisBar {
  0% {
    left:0%;
    right:100%;
    width:0%;
    background:#1212FF; 
  }
  10% {
    left:0%;
    right:75%;
    width:25%;
    background:#1212FF; 
  }
  90% {
    right:0%;
    left:75%;
    width:25%;
    background:#12DC12; 
  }
  100% {
    left:100%;
    right:0%;
    width:0%;
    background:#1212FF; 
  }
}

#result_choix_prix{
  display:none;
  font-size:1.6em;
  background:rgba(0,150,0,0.3);
  border:2px solid rgba(0,150,0,0.8);
  border-radius:5px;
  padding:5px 15px;
}

.bouton_graph_periode{
  border-radius:6px;
  border: 0.2px solid #cfcfcf;
  padding:3px 4px;
  margin:2px 2px;
  background:rgba(233,234,237,1);
  cursor:pointer;
  box-shadow:  2px 2px 4px #bebebe,
             -2px -2px 4px #dedede;
  font-weight:bold;
  font-size:0.8em;
}

.bouton_graph_periode_enfonce{
  box-shadow:  2px 2px 4px #aeaeae inset,
             -2px -2px 4px #cecece inset;
  color:#646464;
  background:rgba(213,214,217,1);
}