/* Ce fichier a été copié depuis le projet Commun. */
/* Ne pas éditer ce fichier directement; l'éditer depuis le projet Commun. */

#outils,
#partieDroite #boutons {
  width: 250px;
  height: 100vh;
  /* background-color: #fcfcfc; */
  border-left: 1px solid #dadada;
  padding-top: 59px;
  margin-top: -16px;
  float: left;
  user-select: none;
  position: fixed;
  left: calc(50vw + 420px);
  box-shadow: inset 3px 0 4px 0 rgba(0, 0, 0, 0.05);
}

outils-fiche.outilsScenarios #outils,
outils-fiche.outilsBoiteReduite #outils,
outils-liste.outilsScenarios #outils {
  overflow: scroll !important;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

outils-fiche.outilsScenarios #outils {
  overflow: unset !important;
}

/* Hide scrollbar for Chrome, Safari and Opera */
outils-fiche.outilsScenarios #outils::-webkit-scrollbar,
outils-fiche.outilsBoiteReduite #outils::-webkit-scrollbar,
outils-liste.outilsScenarios #outils::-webkit-scrollbar {
  display: none;
}

outils-fiche:not(.outilsScenarios) #outils,
outils-liste:not(.outilsScenarios) #outils {
  padding-bottom: 10vh;
}

outils-fiche.outilsBoiteReduite #outils {
  padding-bottom: 0vh !important;
}

outils-fiche:not(.outilsScenarios):not(.outilsBoiteReduite) #outils #scroll,
outils-liste:not(.outilsScenarios) #outils #scroll {
  height: 80vh;
  overflow: scroll;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
outils-fiche:not(.outilsScenarios) #outils #scroll::-webkit-scrollbar,
outils-fiche:not(.outilsBoiteReduite) #outils #scroll::-webkit-scrollbar,
outils-liste:not(.outilsScenarios) #outils #scroll::-webkit-scrollbar {
  display: none;
}

#outils::-webkit-scrollbar {
  display: none;
}

.ficheFournisseur outils-fiche #outils {
  margin-top: -60px;
}

#contenuPageStatique #outils {
  margin-top: -59px;
}

#w #outils,
#partieDroite #boutons {
  left: calc(50% + 250px);
}

outils-liste .titreBoutons,
outils-fiche .titreBoutons {
  width: 220px;
  padding-bottom: 2px;
  margin: 0 15px 10px;
  font-size: 13px;
  font-weight: 600;
  border-bottom: 1px solid #dddddd;
}

outils-liste #boutons .titreBoutons {
  margin: 0 15px 10px;
}

outils-fiche #boutons .titreBoutons {
  margin: 15px 0 10px;
}

/* #outils #boutons {
  margin-left: 15px;
  margin-bottom: 25px;
} */

outils-liste #boutons {
  margin-bottom: 25px;
}

#boutonsAffinement button,
#outils #boutons button {
  width: 190px;
  text-align: left;
}

#dupliquerAchat button {
  line-height: 16px;
}

#boutonsAffinement {
  margin-left: 15px;
  margin-bottom: 25px;
  overflow: auto;
}

#boutonsAffinement .estApplique button::after {
  content: " (activée)";
}

outils-fiche #messageErreur,
outils-fiche #messageErreurScenario {
  padding: 5px;
  margin: 0 15px 10px;
  border: 2px solid #f75d5b;
  text-align: center;
  background-color: #ffffff;
  color: #f75d5b;
}

outils-fiche #messageErreur .titre,
outils-fiche #messageErreurScenario .titre {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
  color: #f75d5b;
  border-bottom: 2px solid #f75d5b;
}

#tris {
  margin-bottom: 20px;
  overflow: auto;
}

#tris div,
#directions div {
  margin-bottom: 5px;
  clear: both;
  float: left;
  display: block;
  cursor: pointer;
}

#tris div.selectionne,
#tris div:hover,
#directions div.selectionne,
#directions div:hover {
  font-weight: 600;
}

#tris div.selectionne,
#directions div.selectionne {
  cursor: default;
}

outils-liste #recherches input {
  margin-bottom: 10px;
}

outils-liste #recherches ul {
  margin-left: 30px;
}

outils-liste #recherches ul li {
  margin-top: 5px;
}