@charset "UTF-8";
/* ************************************************ */
/* ************************************************ */
/*       NE PAS TOUCHER AU FICHIER oxaproc.CSS      */
/* le fichier est écrasé a chaque mise a jours scss */
/* ************************************************ */
/* ************************************************ */
:root {
  --color-bg-default: #FEFEFE;
  --main-color-full: black;
  --main-color-grey1: #7C7C7C;
  --main-color-grey2: #E4E4E4;
  --main-color-grey3: #F7F7F7;
  --main-color-blue: #215ba4;
  --main-color-blue-hover: #1174ef;
  --color-pagination-primary: #337ab7;
  --color-pagination-active: #23527c;
  --color-pagination-hover: #f8f8f8;
  --color-ariane-disabled: var(--main-color-grey1);
  --color-input-color: #555555;
  --color-input-border: #7C7C7C;
  --color-input-border-disabled: #CCC;
  --color-input-option-hover: #E1E1E1;
  --color-input-bg: #FEFEFE;
  --color-menuprofile-btn: #F7F7F7;
  --color-menuprofile-btn-hover: #E4E4E4;
  --color-menuprofile-border: #E4E4E4;
  --color-menuprofile-hover: rgba(74, 85, 107, 0.06);
  --box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  --box-shadow2: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  --color-text-default: #FEFEFE;
  --color-text-light: #FFF;
  --error: #FD0D0D; /* old value #d01944*/
  --warning: #FF6B3D;
  --info: #2B7de2;
  --success: #5BB5AD;
  --good: #39b54a;
  --bad: var(--error);
  --error-opac15: #fd0d0dbf;
  --warning-opac15: #ff6a3dbf;
  --info-opac15: #2B7de2;
  --success-opac15: #5BB5AD;
  --good-opac15: #39b54abf;
  font-size: 12px;
  --fs-32: 1.916rem;
  --fs-23: 1.916rem;
  --fs-21: 1.75rem;
  --fs-18: 1.5rem;
  --fs-16: 1.325rem;
  --fs-15: 1.25rem;
  --fs-14: 1.167rem;
  --fs-11: 0.917rem;
  --fs-10: 0.833rem;
  --fs-ari-tab: 1.167rem;
  --fs-icon: 1.325rem;
  --fs-base: 1rem;
  --fs-btn-notif-count: 0.666rem;
  --space-large: 40px;
  --space-big: 25px;
  --space-base: 15px;
  --space-small: 10px;
  --space-tiny: 5px;
}

/********** Global ********/
html {
  scroll-behavior: smooth;
  position: relative;
  min-height: 100%;
}

body {
  font-size: 1rem;
  color: var(--main-color-full);
  font-family: "Segoe UI", Helvetica, Arial, sans-serif;
}

.body-wrapper {
  overflow-y: hidden;
}

/* Works on Firefox */
* {
  scrollbar-width: thin; /* auto */
  scrollbar-color: var(--main-color-client1) transparent;
}

::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 8px;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  background-color: var(--main-color-client1);
  border: 3px solid transparent;
}

.btn {
  all: unset;
}

header {
  position: relative;
}

.contenu {
  padding: 15px 15px 5% 15px;
  min-height: calc(100vh - 150px);
}

h1 button, h1 a, h2 button, h2 a, h3 button, h3 a, h4 a {
  font-size: var(--fs-base);
  float: right;
  /*margin:-10px 0px 0px 5px!important;*/
}

h2 .ss_parametres a {
  float: none;
  margin: 0px !important;
}

.colorUser {
  color: var(--main-color-client1);
}

ul {
  margin-bottom: 0;
}

.separator {
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px;
  padding-bottom: 8px;
}

.separator-top {
  border-top: 1px solid #ddd;
  margin-top: 15px;
  padding-top: 8px;
}

.font_fam {
  font-family: "Segoe UI", Helvetica, Arial, sans-serif;
}

.dragIcon {
  width: 50px;
  margin-bottom: 10px;
}

.container-fluid {
  min-width: 1280px;
  padding-right: 0px;
  padding-left: 0px;
}

.border_form, .box-form {
  border: solid 1px var(--main-color-grey3);
}

.hover:hover {
  background-color: var(--color-menuprofile-btn-hover);
  cursor: pointer;
}

.td_icon {
  padding: 0px !important;
}

.titre_detail span {
  color: var(--main-color-client1);
  color: #F5F5F5;
}

.titre_block {
  background-color: var(--header-main-color);
  color: var(--header-text-color);
  padding: 5px 15px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
}

.block_edition {
  display: inline-block;
  width: 100%;
  border: 1px solid var(--main-color-grey2);
  margin-bottom: 20px;
  position: relative;
  box-shadow: var(--box-shadow);
}

.form span.champs_label {
  display: inline-block;
  width: 60%;
  padding-top: 5px;
  margin-left: 5%;
}
.form span.resultat {
  display: inline-block;
  width: 27%;
  text-align: right;
}
.form span.resultat.bg_blanc {
  padding: 5px;
}

p.resultat-montant-line {
  display: flex;
}
p.resultat-montant-line span.resultat.montant {
  display: inline;
  width: 27%;
  text-align: right;
}

.zoneError {
  color: var(--error);
}

form span.champs_label {
  margin-left: 0px;
  width: 40%;
  font-weight: bold;
  display: inline-block;
}
form span.resultat {
  margin-left: 0px;
  width: 58%;
  display: inline-block;
  text-align: left;
}
form table > tbody > tr > td > span.resultat {
  width: 100%;
  text-align: left;
}
form .filtre .row {
  margin: 0px;
  display: flex;
  align-items: center;
}
form .filtre .row > div {
  flex-basis: 0;
  flex-grow: 1;
}
form .row.largeLabel label {
  width: 70%;
}
form .doubleInput > .input-wrapper {
  margin-right: 3%;
}
form .doubleInput > div {
  flex-basis: auto !important;
}

.colonne3 .row input {
  float: right;
}
.colonne3 .row textarea {
  float: right;
}
.colonne3 .row select {
  float: right;
}
.colonne3 .row label.switch {
  float: right;
  margin-right: 48px;
}
.colonne3 .row button {
  position: absolute;
  background-color: transparent;
  right: 0px;
}
.colonne3.last {
  width: 32%;
  margin-right: 0%;
  width: 33%;
  vertical-align: top;
}

.colonne2 {
  width: 48%;
  margin-right: 4%;
  vertical-align: middle;
  position: relative;
  float: left;
}
.colonne2 button {
  float: right;
}
.colonne2.champsupp {
  width: 47%;
  margin-right: 3%;
  vertical-align: middle;
  position: relative;
  float: left;
}
.colonne2.last {
  width: 48% !important;
  margin-right: 0px;
}
.colonne2.row {
  margin-right: 1%;
}
.colonne2.row.last {
  margin-right: 0;
}

.colonne2-flex-between {
  display: flex !important;
  justify-content: space-between;
}

.mt-half {
  margin-top: 0.5em;
}

.ml-2 {
  margin-left: 2em;
}

.liste .single {
  text-align: left;
}
.liste .colonne {
  text-align: left;
}
.liste .colonne .row {
  margin: 0px 0px 10px 0px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
.liste .colonne2 {
  text-align: left;
}

.societe label {
  margin-right: 3%;
  width: 20%;
  padding-top: 10px;
}
.societe input {
  display: inline-block;
}

.libelle_societe label {
  margin-right: 3%;
  width: 20%;
  padding-top: 10px;
}
.libelle_societe input {
  display: inline-block;
}
.libelle_societe.last {
  margin-right: 0%;
  width: 33%;
  vertical-align: top;
}

input.champs_recherche {
  padding-right: calc(1rem + 15px);
}

input.datepicker {
  padding-right: calc(1rem + 15px);
}

input.zoom {
  padding-right: calc(1rem + 15px);
}

.row {
  position: relative;
}
.row input.devise {
  padding-right: 12%;
}
.row .input-group-addonSpecial {
  background-color: transparent;
  border: none;
  position: absolute;
  font-size: var(--fs-14);
  right: 12px;
  top: 67%;
  color: #ddd;
}
.row input.devise {
  padding-right: 50px;
  text-align: right;
}
.row input.content_left {
  padding-right: 10px;
  text-align: right;
}

#gestion-facture .filtreRow {
  width: 57% !important;
  margin-left: 3%;
}
#gestion-facture .filtreRow input {
  width: 100% !important;
}

/* bulle filter */
.result {
  border-radius: 15px;
  background-color: var(--main-color-opac15);
  display: inline-block;
  padding: 7px 10px;
  margin-right: 5px;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

/* Couleur Client */
/* CSS Document */
#connexion_backup, .tuiles_index.active {
  background-color: var(--main-color-client1);
}

.tuiles_index {
  border: 1px solid var(--main-color-client1);
  color: var(--main-color-client1);
}
.tuiles_index:hover {
  background-color: var(--main-color-client1);
  opacity: 0.7;
  color: #FFF;
}
.tuiles_index:hover .interactions {
  border: solid 1px #fff;
}
.tuiles_index .interactions {
  border: solid 3px var(--main-color-client1);
  background-color: var(--main-color-client1);
}

#acces-rapide a {
  background-color: var(--main-color-client1);
}

h2.border-bottom {
  border-bottom: solid 1px var(--main-color-client1);
  padding-bottom: 10px;
}

#mes_favoris a, #mes_favoris .favoris-card {
  padding-top: 10px;
  padding-bottom: 5px;
  cursor: pointer;
  border-bottom: 1px dotted var(--main-color-client1);
}
#mes_favoris a span {
  color: var(--main-color-client1);
}
#mes_favoris a:last-child {
  border-bottom: 0px;
}

#detail_fournisseur .parametrage.parametre_general {
  background-position: center -154px;
}

.pictos img {
  fill: var(--main-color-client1);
  height: 100%;
  margin: auto;
}

.panel-default {
  border-color: transparent;
}

a.list-group-item, button.list-group-item {
  border: 1px solid var(--main-color-client1);
}

.node-treeview6 .badge {
  background-color: var(--main-color-client1);
}

.separateur_bottom {
  border-bottom: 1px solid var(--main-color-client1);
}

.svg_color {
  filter: invert(37%) sepia(66%) saturate(1018%) hue-rotate(183deg) brightness(95%) contrast(84%);
}

.listGroupV2 a.list-group-item {
  color: var(--main-color-client1) !important;
}

#picto_loader {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

.picto_loader_load {
  /* position: fixed; */
  position: absolute;
  right: 19px;
  bottom: 10px;
  /* z-index: 1; */
  /* width: auto; */
  margin: -75px 0 0 -75px;
  border: 3px solid #f3f3f3;
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: rgb(243, 243, 243);
  border-radius: 50%;
  border-top: 3px solid #3498db;
  width: 15px;
  height: 15px;
  animation: spin 2s linear infinite;
}

#txt_loader {
  position: fixed;
  left: 47.3%;
  top: 45.5%;
  z-index: 1;
  background-color: #000;
  padding: 5px;
  width: 50px;
  height: 50px;
  color: white;
  font-weight: bold;
  font-size: 30px;
  text-align: center;
  opacity: 1;
  display: none;
}

.signataire {
  float: left;
  margin-left: -219px;
  margin-top: 29px;
}

.input-import {
  position: absolute;
  left: 0;
  top: 0;
  background: red;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.file-wrap {
  position: relative;
  width: 100%;
  padding: 30px;
  display: block;
  border: 2px dashed #ccc;
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box;
  border-radius: 5px;
}

#Importfournisseurs .file-wrap {
  width: 480px;
}

.urgent {
  background-color: red;
  color: white;
  border-radius: 5px;
  padding: 5px;
}

.commentaire {
  background-image: url(../IconeV2/Gestion/Comment.svg);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 20px;
  height: 20px;
}

.commentaire-success {
  background-image: url(../IconeV2/Gestion/Comment-success.svg);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 20px;
  height: 20px;
}

.depassementPreavis {
  background-image: url(../IconeV2/Gestion/Incidental.svg);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 20px;
  height: 20px;
}

.createur {
  background-position: 62px 10px;
  cursor: pointer;
}

.divPassword {
  position: relative;
}

.iconePassword {
  opacity: 0.4;
  position: absolute;
  top: 26%;
  right: 2%;
  width: 18px !important;
}

#changePassword {
  width: 500px;
  margin: auto;
  margin-top: calc(50vh - 175px);
}
#changePassword button {
  margin-left: 50%;
}
#changePassword .infoMDP {
  margin-left: 190px;
}
#changePassword .infoMDP p {
  margin: 0px;
}
#changePassword img {
  width: 16px;
  height: 16px;
}

.commentaire.tooltip {
  background-image: url(../IconeV2/Gestion/Comment.svg);
  width: 20px;
  height: 20px;
  background-position: center bottom;
  background-repeat: no-repeat;
  display: inline-block;
}

#Article td[align=right] input {
  text-align: right;
}

#loader {
  background-color: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 3000;
  opacity: 0.4;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
summary::after {
  margin: -15px 0 0 0;
  width: 0;
  float: right;
  transform: rotate(90deg);
  content: "›";
  font-size: 26px;
  cursor: pointer;
}

details[open] summary::after {
  margin: -5px 5px 0 0;
  transform: rotate(-90deg);
  content: "›";
  cursor: pointer;
  font-size: 26px;
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s;
}
@keyframes animatebottom {
  from {
    bottom: -100px;
    opacity: 0;
  }
  to {
    bottom: 0;
    opacity: 1;
  }
}
.searchBar {
  display: flex;
  margin-top: 10px;
}
.searchBar div, .searchBar button, .searchBar span {
  margin-right: 5px;
}

.divTable {
  width: 80%;
}

.contentFilter .divTable {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  width: calc(100% - 260px);
}
.contentFilter .pannelFilter {
  width: 250px;
  margin-left: 0%;
  padding: 10px;
}
.contentFilter .pannelFilter.on {
  width: 250px;
  display: block;
}
.contentFilter .pannelFilter.off {
  width: 0%;
  display: none;
}
.contentFilter .pannelFilter ul {
  overflow-y: auto;
  max-height: 150px;
  overflow-x: hidden;
}
.contentFilter .pannelFilter li {
  justify-content: space-between;
  margin-right: 3px;
  padding-top: 5px;
}
.contentFilter .pannelFilter li .pannel {
  width: 75%;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 10px;
}

.pannelFilter {
  width: 19%;
  align-self: flex-start;
}
.pannelFilter.on {
  width: 19%;
  display: block;
}
.pannelFilter.off {
  width: 0%;
  display: none;
}
.pannelFilter p {
  margin-bottom: 0px;
  font-weight: bold;
  color: var(--main-color-blue);
}
.pannelFilter button {
  width: 100%;
}
.pannelFilter li {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.captcha_btn {
  border: 0;
  width: 20px;
  height: 20px;
  display: -webkit-inline-flex;
  background: transparent url(../IconeV2/Global/refresh.svg) center no-repeat;
}

.captchaBlock {
  margin-left: 40%;
  margin-top: 5px;
}
.captchaBlock button {
  float: none !important;
  vertical-align: middle;
}

.contentCentre {
  margin: auto;
}

.switchCreation {
  margin-left: -368px;
}

@media (max-width: 1281px) {
  .container-fluid {
    min-width: 100%;
    padding-right: 0px;
    padding-left: 0px;
  }
}
#block-fixed {
  position: fixed;
  top: 50%;
  right: -10px;
  background-color: var(--color-bg-default);
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 10px;
  width: 165px;
  z-index: 200;
  box-shadow: var(--box-shadow);
}
#block-fixed a {
  display: inline-block;
}

a:hover, a:active, a:focus {
  text-decoration: none;
  cursor: pointer;
}

ul, .no-padding {
  padding: 0px !important;
}

ul li {
  list-style: none;
}

.no-margin {
  margin: 0px !important;
}

.no-float {
  float: none !important;
}

.gras {
  font-weight: bold !important;
}

.align-right, .align-right input {
  text-align: right;
}

.align-left {
  text-align: left !important;
}

.align-center {
  text-align: center;
}

.clearfix {
  clear: both;
}

.full {
  width: 100% !important;
}

form .full .row {
  margin: 0px 12px 10px 0px !important;
}

.row.single label,
.row.single .champs_label {
  width: 19.2% !important; /* must be aligned with col2 : 48% (col2 width) x 40% (label width) */
}
.row.single input,
.row.single select,
.row.single .resultat {
  width: 100% !important;
  float: right !important;
}
.row.single textarea {
  width: 80.6% !important;
  float: right !important;
}
.row.single label.label_radio {
  width: 75% !important;
}

input.radioObjet {
  width: 40px !important;
  float: left;
}

#redirection_error {
  border: 1px solid var(--error) !important;
  margin: 10% auto;
  padding: 10px;
  width: 25%;
  text-align: center;
  font-size: 1.2em;
}

.error {
  color: var(--error) !important;
}

.obligatoire {
  color: var(--error) !important;
}

.champs_obligatoires {
  position: absolute;
  font-size: var(--fs-10);
  bottom: 5px;
}

.fixed {
  position: fixed !important;
  top: 0px;
  z-index: 24;
  background-color: #f6f6f6;
  padding: 10px;
  margin-left: 10px;
}

.sticky {
  position: sticky !important;
  top: 0px;
  z-index: 24;
  background-color: #f6f6f6;
  padding: 10px;
}

/* DIV DEPLACEMENT */
.divDeplacement {
  box-shadow: var(--box-shadow2);
  position: fixed;
  left: 20px;
  top: 30%;
  background-color: #f6f6f6;
  width: 46px;
  padding: 10px;
  z-index: 24;
  cursor: move;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
}
.divDeplacement.ui-draggable-dragging {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.divDeplacement .button {
  margin-bottom: 3px;
  width: 25px;
  height: 25px;
}
.divDeplacement .button:nth-child(2) {
  margin-bottom: 10px;
}
.divDeplacement .button:last-child {
  margin-bottom: 0px;
}

.buttonDeplacer {
  width: 35px;
  height: 35px;
}

.apercu_image {
  padding: 15px;
  background-color: var(--color-bg-default);
  box-shadow: var(--box-shadow);
}

.apercu_facture img.fixed {
  top: 120px;
  width: 14.5%;
}

.padding15 {
  padding: 15px;
}

.padding-Vert15 {
  padding: 15px 0px;
}

.margin-bottom {
  margin-bottom: 10px;
}

.border-top {
  border-top: 1px solid #ddd;
  padding-top: 15px;
}

/*.form-control.error{height:34px!important;}*/
.checkbox {
  /*display: inline-block;
     width: 16px!important;
     height: 16px!important;
     cursor: pointer;*/
  /*background-image: url(../IconeV2/Misc/checkbox.png);
  background-position: 0px top!important;*/
  background-image: url(../IconeV2/Global/checkbox-unchecked.png);
  background-repeat: no-repeat;
  display: inline-block;
  -webkit-appearance: unset;
  appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  width: 18px !important;
  height: 18px !important;
  cursor: pointer;
  border: 1px solid transparent;
  background-color: white;
  background-size: 16px;
}
.checkbox.form-control {
  box-shadow: none;
}

.checkbox:checked {
  background-image: url(../IconeV2/Global/checkbox-checked.png);
  /*background-position: 0px bottom!important;*/
}

input.error, textarea.error {
  padding-left: 35px !important;
}

input.error, textarea.error, select.error {
  background-image: url(../IconeV2/Gestion/Error.svg);
  background-repeat: no-repeat;
  background-position: 10px 50%;
  border: 1px solid var(--error);
  padding-left: 33px;
  color: var(--error);
}

.error + .tooltip > .tooltip-inner {
  color: var(--error) !important;
}

.nonBloquant {
  border: 1px solid var(--warning) !important;
  background-image: url(../IconeV2/Gestion/Incidental.svg) !important;
  color: var(--warning) !important;
  background-repeat: no-repeat;
  background-position: 10px 7px;
}

.nonBloquant + .tooltip > .tooltip-inner {
  color: var(--warning) !important;
}

.glyphicon-search {
  color: #c6c6c6;
  position: absolute;
  top: calc(50% - 6px);
  right: 15px;
}

.socIndicateur .glyphicon-search {
  right: 20px;
}

#zoom_filter_DES_FAMILLE {
  right: 27px !important;
}

.firstInput label {
  width: 39% !important;
}

.input_unite {
  color: #c6c6c6;
  position: absolute;
  top: 20%;
  right: 10px;
}

fieldset {
  margin: 1.5em 0 1.5em 0 !important;
  position: relative;
}

legend input.checkbox.right {
  float: right !important;
}

fieldset.scheduler-border {
  border: 1px solid #ddd !important;
  padding: 1.4em 1.4em 1.4em 1.4em !important;
  margin-top: 2.5em;
}

#impression_factures legend {
  margin-bottom: 0px;
}

legend.scheduler-border {
  font-size: 1.2em !important;
  font-weight: bold !important;
  text-align: left !important;
  border-bottom: none;
  padding-left: 10px;
  margin-bottom: 0px !important;
  position: relative;
}

.modalradio .row {
  width: 20%;
  margin: auto;
}
.modalradio .row .radio {
  -webkit-appearance: unset;
  appearance: unset;
  -moz-appearance: unset;
  -ms-appearance: unset;
  -o-appearance: unset;
}

input.radio:checked {
  background-position: center -7px;
}

.colonne4 {
  width: 20%;
  display: inline-block;
}

.interaction_gris .tuiles, .interaction_gris .desactive_index, .interaction_gris .desactive_index:hover {
  background-color: #e9e9e9 !important;
  cursor: not-allowed;
  border: solid 1px #dcdcdc !important;
}
.interaction_gris .titre, .interaction_gris .desactive_index .titre {
  color: #fff !important;
}
.interaction_gris .pictos svg {
  fill: #e9e9e9 !important;
}

::-ms-check {
  display: none; /* unstyle IE checkboxes */
}

/********** Multi accordéon ************/
.panel-body {
  padding: 0px;
}

.panel {
  margin-bottom: 0px;
}

a.list-group-item, button.list-group-item {
  color: var(--main-color-full);
  font-weight: bold;
}

#mg-multisidetabs .list-group-item {
  border: 1px solid #ddd !important;
}
#mg-multisidetabs .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
#mg-multisidetabs .list-group-item:last-child {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
#mg-multisidetabs .list-group {
  margin-bottom: 0;
}
#mg-multisidetabs .list-sub {
  display: none;
}
#mg-multisidetabs .panel {
  margin-bottom: 0;
}
#mg-multisidetabs .panel-body {
  padding-left: 15px;
}

.slide-container {
  overflow: hidden;
}

.mg-icon {
  font-size: var(--fs-10);
  line-height: 20px;
}

.button_multiSidetabs {
  cursor: pointer;
  width: 17px !important;
  position: relative;
  top: 1px;
  float: right !important;
  background-color: var(--main-color-blue);
  right: 10px;
}

/***** popupExport *****/
.popupExport {
  margin: auto;
}

/******** TreeView ***********/
.treeview .list-group-item {
  cursor: pointer;
}
.treeview span .indent {
  margin-left: 10px;
  margin-right: 10px;
}
.treeview span .icon {
  width: 15px;
  margin-right: 5px;
  height: 15px;
  display: inline-block;
  font-size: var(--fs-15);
  color: #333;
}
.treeview .node-disabled {
  color: silver;
  cursor: not-allowed;
}
.treeview .accord-achat {
  background-image: url(../IconeV2/Gestion/documents-rattaches.svg);
  background-repeat: no-repeat;
  background-position: center center;
}

.node-treeview6 {
  color: var(--main-color-full);
}
.node-treeview6:not(.node-disabled):hover {
  background-color: #F5F5F5;
}

.btn_right {
  padding: 6px 8px 6px 8px !important;
  float: right;
}

.inputFileLabel {
  margin: 0 !important;
}

.btn-file {
  position: absolute;
  overflow: hidden;
  width: 24%;
  text-align: left;
  cursor: pointer;
  border: none;
  height: 28px;
  top: 2px;
  margin-left: 1px;
}

.btn-file input[type=file] {
  min-width: 100%;
  text-align: right;
  background: white;
  display: block;
}

#divSignataires .moveUp, #divSignataires #divSignataires .moveDown {
  height: 20px;
}
#divSignataires img {
  height: 20px;
  vertical-align: initial;
}

.pointer {
  cursor: pointer !important;
}

#connexion_backup {
  color: #fff;
  padding: 8px 45px;
  font-size: var(--fs-14);
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 543px;
  text-align: center;
  border-radius: 16px;
  margin-top: 5px;
  box-shadow: var(--box-shadow);
}

.ajout {
  background-color: var(--main-color-blue);
  background-image: url(../IconeV2/Global/add-white.svg);
  background-size: 14px;
}

.secondaire.ajout {
  background-image: url(../IconeV2/Global/add.svg);
  background-repeat: no-repeat;
  padding-left: 35px !important;
  background-size: 12px;
  background-position: 10px center;
}
.secondaire.ajout[data-toggle=collapse][aria-expanded=true] {
  background-image: url(../IconeV2/Misc/cross.png);
}

.btn.ajout {
  padding: 8px 8px 6px 3% !important;
}

.notification {
  width: 1.25rem !important;
  background-color: red;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  color: #fff !important;
  position: absolute !important;
  top: 25%;
  font-size: var(--fs-11);
  height: 1.25rem !important;
}

/*** Onglets ***/
#livraisonCde .nav li a {
  padding: 5px 10px;
}

#livraisonCde .nav li {
  width: 50%;
  text-align: center;
}

.marginLivraison {
  margin-top: 40px !important;
}

.fullDiv li {
  width: 100%;
  text-align: center;
}

.fullDiv2 li {
  width: 50%;
  text-align: center;
}

.fullDiv3 li {
  width: 33%;
  text-align: center;
}

.fullDiv4 li {
  width: 25%;
  text-align: center;
}

.fullDiv5 li {
  width: 20%;
  text-align: center;
}

.fullColonne3 {
  width: 66%;
  display: inline-block;
  margin-right: 1%;
  vertical-align: middle;
  position: relative;
  vertical-align: top;
}

.fullColonne3 input {
  width: 100% !important;
}

#detail_fournisseur h2, .titre_div h2 {
  padding: 0px 15px;
}

#detail_fournisseur h2 button, #detail_fournisseur h2 a.button, #oxalink h2 a.button {
  margin-top: -5px !important;
}

#fiche_fournisseur,
#portail_oxalink,
#evaluation,
#type_achat,
#bdd,
#nouvelle_bdd,
#sous_famille,
#incidents,
#conditions_generales,
#attestations,
#ajout-attestation,
#attestations-visa-global,
#mots-cles,
#articles,
#accords-groupes,
#commandes,
#historique_facture,
#reponses_ao,
#lignes_ao,
#notations,
#visualisation-notations,
#fiche_groupement,
#reporting {
  padding: 15px;
}

/*.contenu {
    .button.principal.ajout {
        background-repeat: no-repeat;
        background-position: 10% 9px;
        padding: 8px 1% 8px 3%;
    }
    .button.ajout.fournisseur {
        right: 125px;
        position:absolute;
        top:-5px;
    }	
}*/
.button_right {
  float: right;
}
.button_right button, .button_right a {
  float: right;
}
.button_right.margin-bottom {
  margin-bottom: 20px;
}

.bg_form, .box-form {
  /*background-color: var(--main-color-grey3);*/
  box-shadow: var(--box-shadow);
  border-radius: 15px;
}

.border_form, .box-form {
  /*border: solid 1px rgba(151, 151, 151, 0.16);*/
}

.border_form.formInvisible, .formInvisible.box-form {
  border: none;
}

.padding_form, .box-form {
  padding: 20px;
}

.padding_form.formInvisible, .formInvisible.box-form {
  padding: 0px;
}

.padding10 {
  padding: 10px;
}

.form .tab-content {
  background-color: #f6f7f8;
}

form .row {
  margin: 0px 0px 10px 0px;
}
form .row label {
  width: 40%;
}
form .row input[type=file] {
  margin-top: 9px;
}
form .title {
  font-weight: bold;
  width: 5%;
  margin-top: 10px;
  float: left;
}
form .filtre {
  display: inline-block;
  border-right: solid 1px rgba(151, 151, 151, 0.16);
  padding: 0px 1%;
  width: 26%;
  position: relative;
  margin-bottom: 3px;
}
form .filtre.first {
  padding-left: 0px;
}
form .filtre.last {
  border-right: none;
  width: 20%;
  padding-right: 0px;
}
form .filtre label {
  margin-right: 3%;
  width: 40%;
  padding-top: 0px;
}
form .filtre select, form .filtre input {
  margin: 0px;
  display: inline-block;
}
form .filtre select#input_selectOptionSietDirection, form .filtre select#input_SELECT_CDC_NA, form .filtre select#input_selectOptionSCAetCA {
  float: left;
  width: 40%;
}
form #charts_filters .filtre {
  display: inline-block;
  border-right: solid 1px rgba(151, 151, 151, 0.16);
  padding: 0px 1%;
  width: 49%;
  position: relative;
  margin-bottom: 3px;
}
form #charts_filters .filtre.first {
  padding-left: 0px;
}
form #charts_filters .filtre.last {
  border-right: none;
  width: 33%;
  padding-right: 0px;
}
form #charts_filters .filtre label {
  margin-right: 3%;
  width: 40%;
  padding-top: 0px;
}
form #charts_filters .filtre select, form #charts_filters .filtre input {
  margin: 0px;
  display: inline-block;
}
form #filter_sub_family .filtre {
  width: 49% !important;
}
form #filter_sub_family .filtre .last {
  width: 49% !important;
}

.form-control {
  font-size: var(--fs-base);
  padding: 6px;
  height: 2.833rem;
  /*border-color: var(--color-input-border);*/
}

.td-form-control {
  height: calc(2.833rem + 16px + 2px);
}

select {
  height: 2.833rem !important;
}

.form-control-file {
  padding-top: 10px;
}

.loupeSpec {
  width: 20px;
  height: 100%;
  background-image: url(../IconeV2/Gestion/zoom.svg);
  background-position: right center;
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: 14px;
}

.loupeSpec:hover {
  background-image: url(../IconeV2/Gestion/zoom_hover.svg);
}

/**** Filtres avancés ****/
#filtre_avances {
  opacity: 0.65;
  background-color: #f6f7f8;
  padding: 10px;
}
#filtre_avances .colonne2 {
  width: 47% !important;
  margin-bottom: 10px;
  margin-right: 3% !important;
}
#filtre_avances .supprimer_filtre {
  cursor: pointer;
  background-position: center -22px;
  position: absolute;
  height: 25px;
  right: -27px;
  top: 0px;
}

.contenu_nom select, .contenu_nom input, .contenu_cp select, .contenu_cp input, .contenu_ville select, .contenu_ville input, .contenu_date select, .contenu_date input, .contenu_recherche select, .contenu_recherche input, .contenu_ajoutcritere select, .contenu_ajoutcritere input {
  width: 23% !important;
  display: inline-block;
  margin-right: 10px;
}

.contenu_recherche .glyphicon-search,
.contenu_date button,
.colonne3 .row button {
  background-color: transparent;
  position: absolute;
  width: 25px;
  height: 25px;
  padding: 0px;
}

.pj button {
  width: 25px;
  height: 25px;
}

.pj button.ajout {
  background-position: 6px 5px;
}

.supprimer_filtre {
  background-image: url(../IconeV2/Misc/fermer.png);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  background-size: cover;
  margin: 0px !important;
}

.resultat_filtre {
  padding: 15px;
}

.result .supprimer_filtre {
  background-position: center 0px;
  margin-left: 10px;
}

.flexbox {
  display: flex;
}
.flexbox > div {
  display: flex;
}
.flexbox > div.colonne4 {
  width: 25%;
  margin-right: 1.25%;
}
.flexbox > div.colonne2 {
  width: 50%;
  margin-right: 1.25%;
}
.flexbox > .last {
  margin-right: 0px;
}

.ajout-favoris {
  background-position: 10px 45%;
  background-repeat: no-repeat;
  cursor: pointer;
  padding-left: 40px !important;
}

.alg {
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 35px;
  height: 17px;
}

.message_info {
  width: 100%;
  text-align: center;
}

.container_Unique msg, .container_Multiple msg {
  height: 25px; /* image's height */
  display: table-cell;
  vertical-align: middle;
}

.icone {
  width: 20px;
  height: 20px;
  background-position: center bottom;
  background-repeat: no-repeat;
  display: inline-block;
}

.icone_commentaire {
  display: inline-block !important;
  width: 14px !important;
  height: 13px;
  margin-left: 10px;
}

.svg_icon {
  height: 20px;
}

.colonneComplement {
  width: 67.7%;
  display: inline-block;
  position: relative;
  vertical-align: top;
}

/** TREEVIEW JSTREE **/
.jstree-node {
  white-space: normal !important;
}

.jstree-anchor {
  white-space: normal !important;
}
.jstree-anchor .ss_parametres {
  line-height: 17px !important;
}

.jstree-default .jstree-hovered {
  background: var(--main-color-opac15);
  box-shadow: inset 1px -1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.jstree-default .jstree-clicked {
  background: var(--main-color-blue) !important;
  color: white !important;
}

.jstree-default-large .jstree-anchor {
  line-height: 30px;
  height: 32px;
  width: 90%;
  padding-left: 15px;
  position: relative;
  padding-right: 25px;
}
.jstree-default-large:not(.no-autotruncate) .jstree-anchor {
  height: auto !important;
  white-space: normal !important;
}

.contenu_date .ui-datepicker-trigger {
  right: 23%;
}

.ui-datepicker-trigger {
  position: absolute;
  top: 20%;
  width: 20px;
  right: 10px;
}

/*** Tooltip-learn ***/
.hiddenLearn {
  display: none;
  z-index: 999;
}

.white-tooltip-learn {
  position: relative;
  cursor: pointer;
}

span.white-tooltip-learn {
  cursor: default;
}

.infos_tooltip-learn.top-right {
  left: 18px;
}

.infos_tooltip-learn.top-left {
  right: 0px;
  bottom: 23px;
}

.infos_tooltip-learn.left {
  right: 102%;
  top: 0%;
}

.infos_tooltip-learn.right {
  left: 102%;
  top: 0%;
}

.infos_tooltip-learn.bottom {
  right: -50%;
}

.infos_tooltip-learn.top {
  bottom: 71%;
  left: -70%;
  margin: 0px auto;
}

.infos_tooltip-learn {
  min-width: 320px;
  display: none;
  position: absolute;
  z-index: 100;
  background: linear-gradient(-380deg, #9b9a9a -25%, #9fbfff 100%);
  box-shadow: 0px 3px 8px #bdbcbc;
  -webkit-box-shadow: 0px 3px 8px #bdbcbc;
  -moz-box-shadow: 0px 3px 8px #bdbcbc;
  color: var(--main-color-full) !important;
  padding: 10px;
  text-align: center;
}

.infos_tooltip-learn.activeLearn {
  display: block;
}

.infos_tooltip-learn.large {
  text-align: justify;
}

.white-tooltip-learn.infos {
  background-position: center center;
}

.white-tooltip-learn.activeLearn span.infos_tooltip-learn {
  display: block;
}

.white-tooltip-learn + .infos_tooltip-learn > .tooltip-inner-learn {
  background-color: var(--color-bg-default);
  box-shadow: 0px 3px 8px #bdbcbc;
  -webkit-box-shadow: 0px 3px 8px #bdbcbc;
  -moz-box-shadow: 0px 3px 8px #bdbcbc;
  color: var(--main-color-full);
  padding: 10px;
  display: block;
}

.infos_tooltip-learn.left-WF {
  right: 105%;
  top: -50%;
}

.activeLearnDiv {
  border: 0.1rem solid #9eb6e6;
}

.createur img {
  margin-bottom: 5px;
  margin-left: 3px;
}

label .icone_input {
  float: right;
  margin-right: 10px;
}

.sous_onglet_filter > li > a {
  padding: 5px 15px !important;
}

.block_edition.supplementaire .informations {
  margin: 0px !important;
}
.block_edition.supplementaire .colonne2:last-child {
  margin: 1% 1% 20px 1% !important;
}
.block_edition.supplementaire .titre_block {
  margin-bottom: 20px;
}

.block_edition .colonne2 {
  margin: 1%;
}
.block_edition table {
  border: 1px solid #ddd;
}
.block_edition table thead tr {
  background-color: var(--main-color-grey3) !important;
  color: var(--main-color-full) !important;
}

.colonne4 {
  display: inline-block;
  width: 24%;
  position: relative;
}

.titre_detail {
  font-size: var(--fs-14);
  margin: 10px 0px 0px 15px;
}

.informations {
  border-left: 3px solid #f8f8f8;
  padding-left: 10px;
  margin: 15px 0px;
  display: inline-block;
  width: 100%;
  font-weight: bold;
  vertical-align: top;
}
.informations p {
  clear: both;
  margin-bottom: 0px;
}
.informations .resultat {
  float: right;
  position: relative;
  width: 55%;
  word-break: break-word;
}
.informations .champs_label {
  display: inline-block;
  width: 45%;
  font-weight: normal;
  float: left;
}

.informations.identite .champs_label {
  width: 40%;
}
.informations.identite .resultat {
  width: 60%;
}

.conditions .champs_label {
  width: 57%;
}
.conditions .resultat {
  width: 43% !important;
}

.details .champs_label {
  width: 80%;
}
.details .resultat {
  width: 20% !important;
}

/** tuiles indicateur **/
.resultTuile {
  text-align: center;
  font-weight: bold;
  display: block;
  width: 100%;
  height: 20px;
  padding-top: 72px;
  position: relative;
  font-size: var(--fs-32);
}

.titreTuile {
  text-align: center;
  font-weight: bold;
  display: block;
  width: 100%;
  height: 20px;
  padding-top: 4px;
  position: relative;
  font-size: var(--fs-18);
}

.tuilesIndicateur {
  width: 23%;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  /*background-color: #fff;*/
  box-shadow: var(--box-shadow);
  /*border: solid 1px #dcdcdc;*/
  display: block;
  padding: 15px;
  height: 250px;
  float: left;
  color: var(--main-color-full);
  margin: auto;
  margin-right: 2%;
}

.colonne4 .tuilesIndicateur {
  width: 90%;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  background-color: var(--color-bg-default);
  box-shadow: 0 1px 0 0 rgba(109, 109, 109, 0.19);
  border: solid 1px #dcdcdc;
  margin: 1%;
  display: block;
  padding: 15px;
  height: 250px;
  float: left;
  color: var(--main-color-full);
}

.texteTuilevert {
  color: var(--success);
}

.texteTuilerouge {
  color: var(--error);
}

.texteTuileorange {
  color: var(--warning);
}

.texteTuilebleu {
  color: var(--main-color-blue);
}

.formIndicateur {
  text-align: right;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 25px;
}

#indicateur_docs {
  margin-top: 30px;
}

.divButton {
  display: flex;
  justify-content: end;
  margin-top: 10px;
}
.divButton .spliter {
  width: 1px;
  height: 30px;
  background-color: var(--main-color-grey2);
  margin-top: 5px;
  margin-right: 5px;
}

/******** Intéractions *************/
.tuiles {
  width: 200px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  /*background-color: #f7f7f7;*/
  box-shadow: var(--box-shadow);
  /*border: solid 1px #dcdcdc;*/
  margin: 1%;
  display: block;
  padding: 15px;
  height: 150px;
  float: left;
  color: var(--main-color-full);
}
.tuiles:hover {
  background-color: #e9e9e9;
}
.tuiles .interactions {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: var(--color-bg-default);
  height: 65px;
  width: 65px;
  vertical-align: middle;
  margin: auto;
  border: solid 1px #dcdcdc;
}
.tuiles .interactions .pictos {
  width: 100%;
  margin: auto;
  height: 100%;
  text-align: center;
  position: relative;
}
.tuiles .interactions .pictos svg {
  fill: var(--main-color-client1);
  height: 100%;
  margin: auto;
}
.tuiles .titre {
  text-align: center;
  font-weight: bold;
  display: block;
  width: 100%;
  height: 20px;
  padding-top: 15px;
  position: relative;
}
.tuiles .titre .notification {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  background-color: rgba(74, 85, 107, 0.44);
  top: 15px;
  margin-left: 10px;
}

#wrapper-menu[data-searching] hr {
  display: none;
}

.btn-tuile {
  display: inline-block;
  width: 16.666rem;
  border-radius: 2px;
  box-shadow: var(--box-shadow);
  color: var(--main-color-full);
  text-align: center;
}
.btn-tuile:hover {
  background-color: #e9e9e9;
}
.btn-tuile .pictos {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: var(--color-bg-default);
  height: 65px;
  width: 65px;
  margin: auto;
  border: solid 1px #dcdcdc;
  margin: auto;
  text-align: center;
  position: relative;
}
.btn-tuile .pictos svg {
  fill: var(--main-color-client1);
}
.btn-tuile .titre {
  font-weight: bold;
  position: relative;
}
.btn-tuile .titre .notification {
  border-radius: 3px;
  background-color: rgba(74, 85, 107, 0.44);
  top: 15px;
  margin-left: 10px;
}

/********** Mail **************/
#rowPJ .colonne2 {
  width: 45%;
  margin-right: 3%;
  margin-bottom: 20px;
  display: flex;
}
#rowPJ .colonne2 input[type=file] {
  margin: 0px !important;
  padding: 0px;
}
#rowPJ .colonne2 a.bloquant {
  width: 20px;
  height: 20px;
  display: inline-block;
  float: right;
}

/********* Planning ********/
#resteACadencer.textVert .resultat {
  color: #53ad53;
}

#resteACadencer.textRouge .resultat {
  color: var(--error);
}

/**** Footer *****/
#footer {
  background-color: var(--main-color-grey3);
  position: absolute;
  bottom: 0px;
  width: 100%;
}
#footer div {
  text-align: center;
  font-size: var(--fs-11);
  color: var(--main-color-full);
}
#footer span {
  padding: 17px;
  display: inline-block;
}

/** page de connexion **/
.colonneImage {
  width: 75%;
}
.colonneImage img {
  width: 80%;
  height: 100%;
}

.colonneLogIn {
  padding: 75px;
  padding-top: 0;
  padding-bottom: 0;
  width: 25%;
}
.colonneLogIn .single {
  margin: 0px 0px 10px 0px;
}

.imageUser {
  margin-left: 50%;
  transform: translateX(-50%);
}

.link-right {
  float: right;
}

.btn-link {
  font-weight: bold;
}

.btn-link-oublie {
  font-weight: bold;
}

#connectForm, #DiagsChangePassword {
  display: flex;
  align-items: center;
  height: calc(100vh - 90px);
}
#connectForm .captchaBlock, #DiagsChangePassword .captchaBlock {
  margin-left: 0% !important;
  margin-top: 5px;
}

.btn_margin {
  padding-bottom: 4px !important;
}
.btn_margin a {
  margin-bottom: 0px !important;
}

#MsgErreur {
  margin-top: 10px;
  color: red;
  font-size: var(--fs-15);
  text-align: center;
  display: none;
}

.tooltip-param-oxalnk-icon {
  cursor: pointer;
  padding-bottom: 4px;
  padding-left: 6px;
}
.tooltip-param-oxalnk-icon:hover + .tooltip-param-oxalnk-txt {
  display: block;
}

.tooltip-param-oxalnk-txt {
  top: 3em;
  right: 10% !important;
  width: 222px !important;
}

.nobr {
  white-space: nowrap;
}

.img_color_tb_v {
  background-color: #007804;
}

.img_color_tb_o {
  background-color: #fb9a00;
}

.img_color_tb_r {
  background-color: #DA0813;
}

.tableau_row_marche {
  text-align: right;
}

/* autocomplete */
.ui-widget {
  font-family: inherit;
}

.ui-menu.ui-autocomplete {
  color: var(--color-input-color);
  border-radius: 8px;
  padding: 4px !important;
}
.ui-menu.ui-autocomplete .ui-state-focus {
  margin: 0px !important;
}
.ui-menu.ui-autocomplete .ui-menu-item-wrapper {
  border-radius: 4px;
}
.ui-menu.ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
  border: none;
  background: var(--color-input-option-hover);
  color: var(--main-color-full);
  margin: 0; /* Counter margin -1px*/
}

.ui-state-focus {
  border: 0px !important;
  background: 0 !important;
  background-color: rgba(74, 85, 107, 0.1) !important;
  font-weight: normal !important;
  color: var(--main-color-full) !important;
}

::-ms-check {
  display: none;
}

/******** INPUT CS DANS UN TABLEAU ********/
.tableWithCS .row {
  margin-left: 0px;
  margin-right: 0px;
}
.tableWithCS .row input {
  width: 100%;
}

select {
  width: 100%;
}

textarea {
  width: 100%;
}

#menuTopAccueil {
  position: relative;
}
#menuTopAccueil:hover > div {
  display: block;
}

#menuTopAccueil > div {
  position: absolute;
  display: none;
  background-color: black;
  top: 40px;
  z-index: 1;
  border-radius: 5px;
}

/*******************************************
********** Tables statistiques *************
*******************************************/
#gestionTablesStatistique form .filtre {
  width: 33%;
}
#gestionTablesStatistique form .filtre.last {
  width: 17%;
}
#gestionTablesStatistique form .filtreBtn {
  width: 100%;
  position: relative;
  display: inline-block;
}

.TablesStatistiques form .colonne2:nth-child(even) {
  width: 48% !important;
  margin-right: 0px;
}

.obj-hide {
  display: none;
}

/*.direction{
    width: 20px;
    background-repeat: no-repeat;
    height: 20px;
    background-position: center center;
    position: absolute;
    top: 31%;
    left: -60%;
}*/
/**
 * Turn <mark> into a synonym for <div> capable to be inside a <a> or a <p>
 */
mark {
  display: block;
  background-color: transparent;
  padding: 0;
  color: inherit;
}

.img-frame-circle {
  background-color: var(--color-bg-default);
  border-radius: 50%;
  height: 65px;
  width: 65px;
  border: solid 1px #dcdcdc;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.container-half {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.form-control:not(textarea, .checkbox),
.button,
.contenu .button,
form a.button,
#historique .button,
.buttonAddCard,
textarea.form-control,
.button_v2,
button.secondaire {
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

.bloc_cc {
  display: flex;
  flex-wrap: wrap;
}
.bloc_cc .row {
  width: 48%;
  margin-right: 1%;
}

#scrollUp {
  position: fixed;
  bottom: 55px;
  right: -100px;
  opacity: 0.5;
  z-index: 100;
}

/********** Component ********/
h1, h2, h3, h4, h5 {
  color: var(--main-color-full);
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
}

h1 {
  font-size: var(--fs-23);
}

h2 {
  font-size: var(--fs-21);
}

h3 {
  font-size: var(--fs-18);
}

h4 {
  font-size: var(--fs-16);
}

.fw-normal {
  font-weight: normal;
}

.fw-bold, .font-bold {
  font-weight: bold;
}

.font-italic {
  font-style: italic;
}

.text-light {
  color: var(--color-text-light);
}

.text-warning {
  color: var(--warning);
}

.text-reset {
  color: inherit !important;
}

.text-right {
  text-align: right !important;
}

.text-left {
  text-align: left !important;
}

.text-client1 {
  color: var(--main-color-client1) !important;
}

.mt-base {
  margin-top: var(--space-base);
}

.m-0 {
  margin: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ml-base {
  margin-left: var(--space-base);
}

.ml-tiny {
  margin-left: var(--space-tiny);
}

.ml-auto {
  margin-left: auto !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mr-base {
  margin-right: var(--space-base);
}

.mr-auto {
  margin-right: auto !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.myc-base > * {
  margin-top: var(--space-base);
  margin-bottom: var(--space-base);
}

.mbc-base > * {
  margin-bottom: 15px;
}

.myc-small > * {
  margin-top: var(--space-small);
  margin-bottom: var(--space-small);
}

.p-big {
  padding: var(--space-big) !important;
}

.pl-big {
  padding-left: var(--space-big) !important;
}

.pr-big {
  padding-right: var(--space-big) !important;
}

.px-big {
  padding-right: var(--space-big) !important;
  padding-left: var(--space-big) !important;
}

.py-big {
  padding-top: var(--space-big) !important;
  padding-bottom: var(--space-big) !important;
}

.m-big {
  margin: var(--space-big) !important;
}

.mb-big {
  margin-bottom: var(--space-big) !important;
}

.mr-big {
  margin-right: var(--space-big) !important;
}

.ml-big {
  margin-left: var(--space-big) !important;
}

.mx-big {
  margin-right: var(--space-big) !important;
  margin-left: var(--space-big) !important;
}

.my-big {
  margin-top: var(--space-big) !important;
  margin-bottom: var(--space-big) !important;
}

.gutter-x-big {
  margin-right: calc(-1 * var(--space-big));
  margin-left: calc(-1 * var(--space-big));
}
.gutter-x-big > * {
  padding-left: var(--space-big);
  padding-right: var(--space-big);
}

.gutter-y-big {
  margin-top: calc(-1 * var(--space-big));
  margin-bottom: calc(-1 * var(--space-big));
}
.gutter-y-big > * {
  padding-top: var(--space-big);
  padding-bottom: var(--space-big);
}

.p-large {
  padding: var(--space-large) !important;
}

.pl-large {
  padding-left: var(--space-large) !important;
}

.pr-large {
  padding-right: var(--space-large) !important;
}

.px-large {
  padding-right: var(--space-large) !important;
  padding-left: var(--space-large) !important;
}

.py-large {
  padding-top: var(--space-large) !important;
  padding-bottom: var(--space-large) !important;
}

.m-large {
  margin: var(--space-large) !important;
}

.mb-large {
  margin-bottom: var(--space-large) !important;
}

.mr-large {
  margin-right: var(--space-large) !important;
}

.ml-large {
  margin-left: var(--space-large) !important;
}

.mx-large {
  margin-right: var(--space-large) !important;
  margin-left: var(--space-large) !important;
}

.my-large {
  margin-top: var(--space-large) !important;
  margin-bottom: var(--space-large) !important;
}

.gutter-x-large {
  margin-right: calc(-1 * var(--space-large));
  margin-left: calc(-1 * var(--space-large));
}
.gutter-x-large > * {
  padding-left: var(--space-large);
  padding-right: var(--space-large);
}

.gutter-y-large {
  margin-top: calc(-1 * var(--space-large));
  margin-bottom: calc(-1 * var(--space-large));
}
.gutter-y-large > * {
  padding-top: var(--space-large);
  padding-bottom: var(--space-large);
}

.p-base {
  padding: var(--space-base) !important;
}

.pl-base {
  padding-left: var(--space-base) !important;
}

.pr-base {
  padding-right: var(--space-base) !important;
}

.px-base {
  padding-right: var(--space-base) !important;
  padding-left: var(--space-base) !important;
}

.py-base {
  padding-top: var(--space-base) !important;
  padding-bottom: var(--space-base) !important;
}

.m-base {
  margin: var(--space-base) !important;
}

.mb-base {
  margin-bottom: var(--space-base) !important;
}

.mr-base {
  margin-right: var(--space-base) !important;
}

.ml-base {
  margin-left: var(--space-base) !important;
}

.mx-base {
  margin-right: var(--space-base) !important;
  margin-left: var(--space-base) !important;
}

.my-base {
  margin-top: var(--space-base) !important;
  margin-bottom: var(--space-base) !important;
}

.gutter-x-base {
  margin-right: calc(-1 * var(--space-base));
  margin-left: calc(-1 * var(--space-base));
}
.gutter-x-base > * {
  padding-left: var(--space-base);
  padding-right: var(--space-base);
}

.gutter-y-base {
  margin-top: calc(-1 * var(--space-base));
  margin-bottom: calc(-1 * var(--space-base));
}
.gutter-y-base > * {
  padding-top: var(--space-base);
  padding-bottom: var(--space-base);
}

.p-small {
  padding: var(--space-small) !important;
}

.pl-small {
  padding-left: var(--space-small) !important;
}

.pr-small {
  padding-right: var(--space-small) !important;
}

.px-small {
  padding-right: var(--space-small) !important;
  padding-left: var(--space-small) !important;
}

.py-small {
  padding-top: var(--space-small) !important;
  padding-bottom: var(--space-small) !important;
}

.m-small {
  margin: var(--space-small) !important;
}

.mb-small {
  margin-bottom: var(--space-small) !important;
}

.mr-small {
  margin-right: var(--space-small) !important;
}

.ml-small {
  margin-left: var(--space-small) !important;
}

.mx-small {
  margin-right: var(--space-small) !important;
  margin-left: var(--space-small) !important;
}

.my-small {
  margin-top: var(--space-small) !important;
  margin-bottom: var(--space-small) !important;
}

.gutter-x-small {
  margin-right: calc(-1 * var(--space-small));
  margin-left: calc(-1 * var(--space-small));
}
.gutter-x-small > * {
  padding-left: var(--space-small);
  padding-right: var(--space-small);
}

.gutter-y-small {
  margin-top: calc(-1 * var(--space-small));
  margin-bottom: calc(-1 * var(--space-small));
}
.gutter-y-small > * {
  padding-top: var(--space-small);
  padding-bottom: var(--space-small);
}

.p-tiny {
  padding: var(--space-tiny) !important;
}

.pl-tiny {
  padding-left: var(--space-tiny) !important;
}

.pr-tiny {
  padding-right: var(--space-tiny) !important;
}

.px-tiny {
  padding-right: var(--space-tiny) !important;
  padding-left: var(--space-tiny) !important;
}

.py-tiny {
  padding-top: var(--space-tiny) !important;
  padding-bottom: var(--space-tiny) !important;
}

.m-tiny {
  margin: var(--space-tiny) !important;
}

.mb-tiny {
  margin-bottom: var(--space-tiny) !important;
}

.mr-tiny {
  margin-right: var(--space-tiny) !important;
}

.ml-tiny {
  margin-left: var(--space-tiny) !important;
}

.mx-tiny {
  margin-right: var(--space-tiny) !important;
  margin-left: var(--space-tiny) !important;
}

.my-tiny {
  margin-top: var(--space-tiny) !important;
  margin-bottom: var(--space-tiny) !important;
}

.gutter-x-tiny {
  margin-right: calc(-1 * var(--space-tiny));
  margin-left: calc(-1 * var(--space-tiny));
}
.gutter-x-tiny > * {
  padding-left: var(--space-tiny);
  padding-right: var(--space-tiny);
}

.gutter-y-tiny {
  margin-top: calc(-1 * var(--space-tiny));
  margin-bottom: calc(-1 * var(--space-tiny));
}
.gutter-y-tiny > * {
  padding-top: var(--space-tiny);
  padding-bottom: var(--space-tiny);
}

.bs-row, .input-wrapper, .bs-row-label, .bs-row-btw {
  display: flex;
  flex-wrap: wrap;
}

.bs-flex {
  display: flex;
  align-items: center;
}

.bs-col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.bs-col, #menu-lateral .menu-label {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.bs-col-3,
.bs-col-quarter {
  flex: 0 0 auto;
  width: 25%;
}

.bs-col-6,
.bs-col-half {
  flex: 0 0 auto;
  width: 50%;
}

.bs-col-12, .single label, .row.single label,
.bs-col-full {
  flex: 0 0 auto;
  width: 100%;
}

.flex-x-btw, .input-wrapper, .bs-row-label, .bs-row-btw {
  justify-content: space-between;
}

.flex-x-end {
  justify-content: flex-end;
}

.flex-y-start, .input-wrapper:not(.input-textarea) {
  align-items: start;
}

.flex-y-center, .bs-row-label {
  align-items: center;
}

.flex-y-stretch {
  align-items: stretch;
}

.flex-dir-vert {
  flex-direction: column;
}

.flex-nowrap, .bs-row-label {
  flex-wrap: nowrap;
}

.flex-item-stretch {
  align-self: stretch;
}

.align-self-start {
  align-self: start;
}

.align-self-center {
  align-self: center;
}

.align-self-end {
  align-self: end;
}

.bs-row-label {
  display: flex !important;
}

.fade-in {
  animation: fadeIn 0.5s;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.form-default .input-wrapper {
  margin-bottom: 10px;
}
.form-default .input-wrapper label {
  width: 40%;
  padding-right: 10px;
}

.switch, .switchV2 {
  position: relative;
  display: inline-block;
  width: 50px !important;
  height: 21px;
  margin: 5px 15px;
}
.switch input, .switchV2 input {
  display: none;
}
.switch .value_switch, .switchV2 .value_switch {
  position: absolute;
  left: 140%;
  top: 10%;
  width: 200px;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: 0.4s left;
}
input:checked + .slider:before {
  left: calc(100% - 15px - 3px);
}
input:checked + .slider {
  background-color: var(--main-color-blue);
}
input:disabled + .slider {
  opacity: 0.4;
  cursor: not-allowed;
}
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input::-ms-reveal,
input::-ms-clear {
  display: none;
}

.input-wrapper .input-group-addon {
  background-color: transparent;
  border: none;
  position: absolute;
  right: 33px;
  top: 12%;
  color: #ddd;
}
.input-wrapper > label:first-of-type {
  padding-top: 9px;
}

input[type=radio]:not(.d-none) {
  display: inline-block;
}

input.numeric {
  text-align: right;
}

.wrapper-radio-inline {
  display: flex;
}
.wrapper-radio-inline .radio-inline {
  border-left-width: 0;
  border-right-width: 0;
}
.wrapper-radio-inline .radio-inline:first-of-type {
  border-left-width: 1px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.wrapper-radio-inline .radio-inline:last-of-type {
  border-right-width: 1px;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

.radio-inline {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  background-color: #f6f6f6;
  border: 1px solid var(--main-color-grey2);
  transition: 0.25s background-color;
}
.radio-inline .icosq-checkmark {
  font-size: 1.666rem;
}
input:checked + .radio-inline {
  border-color: var(--main-color-client1);
  background-color: var(--main-color-client1);
  color: #fff !important;
}
.input-zoom-adv input:-moz-read-only:not(.zoom-desactiveSaisie) + .btn-zoom-open {
  display: none;
}
.input-zoom-adv input:read-only:not(.zoom-desactiveSaisie) + .btn-zoom-open,
.input-zoom-adv input:disabled + .btn-zoom-open {
  display: none;
}

.zoom-desactiveSaisie {
  background-color: white;
}

.ibanInput {
  width: 4rem;
}

.highcharts-title text,
.highcharts-label text,
.highcharts-axis-title,
.highcharts-legend text,
.highcharts-legend-item text,
.highcharts-data-labels text,
.highcharts-label span {
  font-size: 1em !important;
}

/********** Section ********/
#menu-acsblt {
  position: relative;
}
#menu-acsblt:not(:hover) .submenu-acsblt {
  display: none;
}
#menu-acsblt .submenu-acsblt {
  width: 250px;
  position: absolute;
  left: 0;
  bottom: 100%;
}
#menu-acsblt .submenu-acsblt::before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-bottom: none;
  border-top: 10px solid #d9e2ea;
  position: absolute;
  bottom: -10px;
  left: 0px;
  z-index: 1;
}
#menu-acsblt:not(:hover) #menu-acsblt .submenu-acsblt {
  display: none;
}
#menu-acsblt .input-slider-fs .wrapper-input input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  cursor: pointer;
  background: var(--color-input-border);
  border-radius: 10px;
  height: 10px;
  /***** Chrome, Safari, Opera, and Edge Chromium *****/
}
#menu-acsblt .input-slider-fs .wrapper-input input[type=range]::-moz-range-track, #menu-acsblt .input-slider-fs .wrapper-input input[type=range]::-webkit-slider-runnable-track {
  background: var(--color-input-border);
  border-radius: 5px;
  height: 10px;
}
#menu-acsblt .input-slider-fs .wrapper-input input[type=range]::-moz-range-thumb, #menu-acsblt .input-slider-fs .wrapper-input input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  -moz-appearance: none;
       appearance: none;
  margin-top: -12px; /* Centers thumb on the track */
  /*custom styles*/
  background-color: var(--main-color-client1);
  border: 3px solid var(--color-input-bg);
  border-radius: 50%;
  height: 20px;
  width: 20px;
}
#menu-acsblt .input-slider-fs .wrapper-input input[type=range]:focus::-moz-range-thumb, #menu-acsblt .input-slider-fs .wrapper-input input[type=range]:focus::-webkit-slider-thumb {
  border: 3px solid var(--color-input-bg);
  outline: 3px solid var(--main-color-client1);
  outline-offset: 0;
}
#menu-acsblt .input-slider-fs .wrapper-input input[type=range]:focus {
  outline: none;
}
#menu-acsblt .input-slider-fs > div:first-child {
  font-size: 14px;
}
#menu-acsblt .input-slider-fs > div:last-child {
  font-size: 30px;
}

body.hight-contrast-mode {
  --main-color-client1: black;
  --color-input-border: black;
  --color-ariane-disabled: black;
  --main-color-blue: black;
  --main-color-blue-hover: black;
  --color-pagination-primary: black;
}

#section-login > .container,
.container-464 {
  filter: saturate(0);
  color: black;
}

.invalid-feedback {
  background-color: black;
  color: white !important;
}

#main-content {
  background-color: var(--color-bg-default);
  padding-bottom: 50px;
  min-width: 0;
  overflow: auto;
}
#main-content.on {
  width: 87%;
  transition: width 400ms;
  -moz-transition: width 400ms;
  -webit-transition: width 400ms;
}
#main-content.off {
  width: 97%;
  transition: width 400ms;
  -moz-transition: width 400ms;
  -webit-transition: width 400ms;
}

#menu-principal {
  background-color: var(--main-color-grey1);
  /* background: linear-gradient(-380deg, #d5d5d5 -50%, #606775 100%); */
  background: var(--main-color-full);
  max-width: 100%;
}
#menu-principal ul {
  margin-bottom: 0px;
  align-items: stretch;
}
#menu-principal ul li {
  min-height: 3.333rem;
  min-width: 60px;
  text-align: center;
  white-space: nowrap;
  padding-top: 4px;
  border-bottom: 4px solid transparent;
  transition: border-color 0.25s;
}
#menu-principal ul li.active {
  text-decoration: none;
  font-weight: bold;
  background-color: var(--main-color-full);
  border-color: var(--main-color-client1) !important;
}
#menu-principal ul li a {
  color: var(--color-text-light);
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  padding: 0 15px;
  font-size: var(--fs-14);
  justify-content: center;
}
#menu-principal ul li:hover {
  border-color: #717886;
}
#menu-principal .icon-home {
  height: 1.429em;
  width: auto;
}

#menu-lateral {
  width: 256px;
  transition: 0.5s width;
}
#menu-lateral input:not(:checked) + label + .submenu {
  display: none;
}
#menu-lateral.fold {
  width: 3.833rem;
}
#menu-lateral.fold .submenu {
  display: none;
}
#menu-lateral.fold .menu > li:hover {
  position: relative;
}
#menu-lateral.fold .menu > li:hover .submenu-single-link,
#menu-lateral.fold .menu > li:hover .submenu {
  display: block !important;
  position: absolute;
  top: 0;
  left: 100%;
  width: auto;
  display: none;
  min-width: 210px;
  z-index: 20;
  box-shadow: 0px 3px 8px #bdbcbc;
  -webkit-box-shadow: 0px 3px 8px #bdbcbc;
  -moz-box-shadow: 0px 3px 8px #bdbcbc;
}
#menu-lateral.fold .d-fold-none {
  display: none;
}
#menu-lateral:not(.fold) .submenu-item {
  padding-left: 2rem;
}
#menu-lateral:not(.fold) .submenu-item.active {
  padding-left: calc(2rem - 4px);
}
#menu-lateral:not(.fold) .d-unfold-none {
  display: none;
}
#menu-lateral #btn-menu-fold {
  border: 0;
  border-radius: 0;
  width: 100%;
  padding: 0;
  outline: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  min-height: 3.333rem;
  background-color: var(--main-color-client1);
  cursor: pointer;
}
#menu-lateral #btn-menu-fold .menu-label {
  text-align: left;
}
#menu-lateral .badge-counter {
  min-width: 1.5rem;
  padding: 1px 4px;
  font-size: var(--fs-11);
  border-radius: 8px;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  color: var(--color-text-light) !important;
  background-color: var(--main-color-client1);
}
#menu-lateral .list-inline {
  margin-left: 0px !important;
}
#menu-lateral .submenu-single-link,
#menu-lateral .submenu {
  background-color: var(--color-bg-default);
  border-top: solid 1px rgba(151, 151, 151, 0.16);
}
#menu-lateral .menu > li,
#menu-lateral .submenu > li:not(:last-of-type) {
  border-bottom: solid 1px rgba(151, 151, 151, 0.16);
}
#menu-lateral .icosq-chevron {
  width: 1.666rem !important;
  height: 1.666rem !important;
}
#menu-lateral .menu-icon {
  font-size: 1.5rem;
}
#menu-lateral .submenu-item,
#menu-lateral .menu-item {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  min-height: 3.333rem;
  margin-bottom: 0;
  padding-left: 5px;
  padding-right: 5px;
}
#menu-lateral .submenu-item > *,
#menu-lateral .menu-item > * {
  margin-left: 5px;
  margin-right: 5px;
}
#menu-lateral .submenu-item:hover,
#menu-lateral .menu-item:hover {
  background-color: rgba(74, 85, 107, 0.06) !important;
}
#menu-lateral .submenu-item.active,
#menu-lateral .menu-item.active {
  border-left: solid 4px var(--main-color-client1);
  padding-left: 1px;
}
#menu-lateral .submenu-item {
  justify-content: start;
}
#menu-lateral .menu-item {
  position: relative;
}
#menu-lateral .menu-item .badge-counter {
  position: absolute;
  right: -5px;
  bottom: 1px;
  font-size: 0.833rem;
}
#menu-lateral .submenu-single-link {
  display: none;
}
#menu-lateral .menu-label {
  font-weight: bold;
  margin-right: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }
  40% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
/***** Paramètres *****/
.ss_params {
  position: absolute;
  width: 265px;
  right: 51px;
  display: none;
  border-radius: 2px;
  background-color: var(--color-bg-default);
  box-shadow: -1px 3px 8px #bdbcbc;
  -webkit-box-shadow: -1px 3px 8px #bdbcbc;
  -moz-box-shadow: -1px 3px 8px #bdbcbc;
  z-index: 20;
  top: 8px;
}

.btn-menuprofile {
  display: block;
  width: 2.333rem;
  height: 2.333rem;
  border: 0;
  border-radius: 3px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1.333rem;
  box-shadow: var(--box-shadow2);
  cursor: pointer;
}
.btn-menuprofile:hover {
  background-color: var(--color-menuprofile-btn-hover);
}
.btn-menuprofile#menu-creation {
  box-shadow: none;
}

#identification_client {
  border-left: solid 1px rgba(151, 151, 151, 0.16);
}
#identification_client > * {
  padding: 2px 0;
}
#identification_client #nomSocieteHeader {
  font-size: var(--fs-14);
  font-weight: bold;
  color: #5f5f5f;
}

#that-bandeau {
  width: 65%;
  float: left;
}

.img-banner {
  width: auto;
  max-width: 100%;
  height: 60px;
}

ul.menu-list {
  list-style: none;
}
ul.menu-list > li {
  display: block;
}

ul.menu-list-border > li {
  border-bottom: 1px solid #d9e2ea;
}
ul.menu-list-border > li:last-of-type {
  border-bottom: none;
}

#menu-creation {
  position: relative;
}
#menu-creation .btn-menuprofile {
  background-color: var(--main-color-blue);
  background-image: url(../IconeV2/Global/add-white.svg) !important;
  background-repeat: no-repeat;
  background-size: 1.16rem;
  background-position: center 0.583rem;
}
#menu-creation .btn-menuprofile:hover {
  background-color: #1e4e8a;
}
#menu-creation:not(:hover) #menu-creation-submenu {
  display: none;
}

#menu-creation-submenu {
  position: absolute;
  z-index: 20;
  background-color: var(--color-bg-default);
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
  width: 200px;
  right: -23px;
  top: 103.7%;
}
#menu-creation-submenu .menu-list {
  text-align: left;
}
#menu-creation-submenu .menu-list > li {
  display: block;
}
#menu-creation-submenu .menu-list > li > a {
  display: flex;
  padding: 10px;
}
#menu-creation-submenu .menu-list > li > a:hover {
  background-color: var(--color-menuprofile-hover);
}
#menu-creation-submenu .arrow {
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: none;
  border-bottom: 10px solid #d9e2ea;
  position: absolute;
  top: -10px;
  right: 27px;
}

#menu-panier {
  position: relative;
}
#menu-panier .btn-menuprofile {
  background-image: url(../IconeV2/Global/cart.svg);
}
#menu-panier .compteur {
  border-radius: 2px;
  background-color: var(--error);
  position: absolute;
  right: -7px;
  top: -5px;
  text-align: center;
  padding: 2px 5px;
  color: var(--color-text-light);
  font-size: var(--fs-btn-notif-count);
  font-weight: bold;
  border-radius: 10px;
}
#menu-panier:not(:hover) #submenu-panier {
  display: none;
}

#submenu-panier {
  position: absolute;
  z-index: 20;
  background-color: var(--color-bg-default);
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
  min-width: 210px;
  right: -27px;
  top: 100%;
}
#submenu-panier .menu-list {
  text-align: left;
}
#submenu-panier .menu-list > li {
  display: block;
}
#submenu-panier .menu-list > li > a {
  display: flex;
  padding: 10px;
}
#submenu-panier .menu-list > li > a:hover {
  background-color: var(--color-menuprofile-hover);
}
#submenu-panier .arrow {
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: none;
  border-bottom: 10px solid #d9e2ea;
  position: absolute;
  top: -10px;
  right: 27px;
}
#submenu-panier li {
  position: relative;
}
#submenu-panier .badge-panier {
  display: inline-block;
  min-width: 1.5rem;
  padding: 1px 4px;
  font-size: var(--fs-11);
  border-radius: 8px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  color: var(--color-text-light) !important;
  background-color: var(--main-color-client1);
  margin-left: 5px;
}
#submenu-panier .affichage_panier_menu {
  /*background-color: #53ad53;*/
  background-color: var(--main-color-client1);
  color: var(--color-bg-default);
  text-align: center;
  font-size: var(--fs-15);
  font-weight: bold;
  padding: var(--space-small);
}

#menu-notif {
  background-image: url(../IconeV2/Global/notifictaions.svg);
  position: relative;
}
#menu-notif .compteur {
  border-radius: 2px;
  background-color: var(--error);
  position: absolute;
  right: -2px;
  top: -5px;
  text-align: center;
  padding: 2px 5px;
  color: var(--color-text-light);
  font-size: var(--fs-btn-notif-count);
  font-weight: bold;
  border-radius: 10px;
}
#menu-notif:not(:hover) #menu-notif-submenu {
  display: none;
}

#menu-notif-submenu {
  position: absolute;
  z-index: 20;
  background-color: var(--color-bg-default);
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
  width: 250px;
  right: -23px;
  top: calc(100% - 1px);
}
#menu-notif-submenu .menu-list {
  text-align: left;
}
#menu-notif-submenu .menu-list > li {
  display: block;
}
#menu-notif-submenu .menu-list > li > a {
  display: flex;
  padding: 10px;
}
#menu-notif-submenu .menu-list > li > a:hover {
  background-color: var(--color-menuprofile-hover);
}
#menu-notif-submenu .arrow {
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: none;
  border-bottom: 10px solid #d9e2ea;
  position: absolute;
  top: -10px;
  right: 27px;
}
#menu-notif-submenu .badge-counter {
  display: inline-block;
  min-width: 1.5rem;
  padding: 1px 4px;
  font-size: var(--fs-11);
  border-radius: 8px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  color: var(--color-text-light) !important;
  background-color: var(--error);
}

#link-srm {
  background-image: url(../IconeV2/Misc/logo_srm__16x16.png);
}

#link-srm-disabled {
  background-image: url(../IconeV2/Misc/logo_srmfalse__16x16.png);
  cursor: not-allowed;
}

#menu-user {
  position: relative;
}
#menu-user .client {
  white-space: nowrap;
  height: 28px;
  border-radius: 5px;
  padding: 5px 10px;
  display: inline-block;
  position: relative;
  min-width: 165px !important;
  text-align: left;
  /* top: -9px; */
  /* margin-left: 17px; */
  box-shadow: var(--box-shadow2);
}
#menu-user .nom {
  max-width: 30vh;
  display: inline-block;
  overflow: clip;
  white-space: nowrap;
}
#menu-user .initiale {
  width: 18px;
  height: 18px;
  background-position: 0px center;
  background-repeat: no-repeat;
  display: inline-block;
  color: #fff;
  text-align: center;
  margin-right: 5px;
  background-color: var(--main-color-blue);
  border-radius: 5px;
}
#menu-user .btn-menuprofile {
  white-space: nowrap;
  height: 2.333rem;
  border-radius: 2px;
  background-color: var(--main-color-grey3);
  padding: 5px 14px;
  min-width: 165px !important;
  text-align: left;
  color: var(--main-color-full);
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
#menu-user .btn-menuprofile .nom {
  overflow: clip;
  width: 110px;
}
#menu-user:not(:hover) #menu-user-submenu {
  display: none;
}

#menu-user-submenu {
  position: absolute;
  z-index: 20;
  background-color: var(--color-bg-default);
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
  width: 300px;
  right: 15px;
  top: 100%;
}
#menu-user-submenu .menu-list {
  text-align: left;
}
#menu-user-submenu .menu-list > li {
  display: block;
}
#menu-user-submenu .menu-list > li > a {
  display: flex;
  padding: 10px;
}
#menu-user-submenu .menu-list > li > a:hover {
  background-color: var(--color-menuprofile-hover);
}
#menu-user-submenu .arrow {
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: none;
  border-bottom: 10px solid #d9e2ea;
  position: absolute;
  top: -10px;
  right: 27px;
}
#menu-user-submenu .icosq-mg-recherche {
  font-size: var(--fs-icon);
}
#menu-user-submenu .deconnect {
  background-color: var(--error);
  color: var(--color-text-light);
}

.titre_submenu {
  padding: 22px 10px !important;
  height: 54px !important;
}
.titre_submenu a {
  min-height: 25px !important;
}

.submenu li a.gras {
  font-weight: bold !important;
}

.lien_submenu:hover a, .titre_submenu:hover a {
  background-color: var(--color-menuprofile-hover) !important;
}

.lien_submenu a {
  height: 100%;
  padding: 12px 10px !important;
  font-weight: normal !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: clip;
}

/********** Tableau ********/
/* tableau */
#modal-content table.table {
  box-shadow: none;
}

td table {
  box-shadow: none !important;
}

table.table {
  border: 1px solid #ddd;
  box-shadow: var(--box-shadow);
}
table.tableV2 {
  border: 0px;
  border-bottom: 1px solid #ddd;
}
table.tableV2 tr {
  height: 40px;
}
table .rupture1 {
  background-color: var(--main-color-opac50) !important;
}
table .rupture2 {
  background-color: var(--main-color-opac25) !important;
}
table thead tr:first-child {
  background-color: var(--header-main-color);
  color: var(--header-text-color);
}
table thead tr:first-child th {
  border-bottom: 0px !important;
  vertical-align: middle;
}
table thead .secondeThead th {
  border-top: 0px;
}
table tr .recherche {
  background-color: var(--main-color-grey3);
}
table tr .recherche td:first-child {
  padding-left: 0px !important;
}
table tr .recherche .glyphicon-search {
  top: 15px;
  right: 15px;
}
table tbody:not(.noHover) > tr:not(.detail_ligne):not(.recherche):hover {
  background-color: var(--main-color-opac15) !important;
  border-color: #66afe9;
  border-spacing: 1px !important;
  outline: 1;
  box-shadow: inset 1px -1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  position: relative;
}
table .Title_center {
  text-align: center !important;
}
table tr td {
  height: 20px;
  vertical-align: middle !important;
  border-color: transparent;
  position: relative;
}
table tr td button.principal {
  padding: 5px 10px 5px 10px;
}
table td {
  /*&:last-child {
  	padding: 8px 8px 4px 8px !important;
  }
  &:last-child.no_parametrage {
  	padding: 8px 8px 8px 8px !important;
  }*/
}
table td.code {
  font-weight: bold;
}
table td.table_alert {
  color: var(--warning);
}
table td.table_error {
  color: var(--warning);
}
table td.montant, table td.align-right {
  text-align: right;
  white-space: nowrap;
}
table td.montant.loupe, table td.align-right.loupe {
  padding-right: 20px !important;
}
table td.montant.toggleSlide, table td.align-right.toggleSlide {
  padding-right: 30px !important;
}

#listeDroit .tableV2 tr {
  height: 30px;
}

.table-bg-row > tbody > tr:nth-child(odd),
.odd_table_V2 {
  background-color: var(--color-bg-default) !important;
}

.table-bg-row > tbody > tr:nth-child(even),
.even_table_V2 {
  background-color: var(--main-color-grey3);
}

/*tbody tr {
    &:nth-child(2n+1){
        background-color: var(--main-color-grey3);
    }
}*/
.tableFullWhite tbody tr {
  background-color: var(--color-bg-default) !important;
}

.table > * > tr > * {
  padding: 5px;
}
.table thead .ajouter_blanc_v2 {
  background-position: 50% 0px;
  width: 16px;
  height: 16px;
  background-size: 16px;
}
.table > * > tr:hover > td > .action-hover {
  opacity: 1;
}

.action-hover {
  transition: opacity 0.25s;
  opacity: 0;
}
.action-hover:hover > .action-hover {
  opacity: 1;
}

th.align-right .trier {
  padding-right: 20px;
}

table.ui-datepicker-calendar td:last-child {
  padding: 1px !important;
}

#reglement table tr td .glyphicon-search {
  top: 15px;
  right: 15px;
}

.table_recap {
  background: #ddd;
  background-clip: padding-box;
  border-top: 1px solid #fff !important;
}

.thread_recap {
  border-left: 1px solid;
}

.montant {
  text-align: right;
  white-space: nowrap;
}
.montant label {
  text-align: left;
}

.petit_table {
  width: auto;
  margin: auto;
}

.ss_detail {
  padding-right: 30px !important;
}

.loupe, .ss_detail, .toggleSlide, .openDetail, .multiOpenDetail {
  background-image: url(../IconeV2/Gestion/zoom.svg);
  background-position: right 8px center;
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: 14px;
}

.loupe {
  padding-right: 28px !important;
}

.loupe.actif, .loupe:hover, .ss_detail.actif, .ss_detail:hover, .toggleSlide:hover, .openDetail:hover, .multiOpenDetail:hover, .loupe_icon:hover {
  background-image: url(../IconeV2/Gestion/zoom_hover.svg);
}

.loupe.centrer, .loupe.actif.centrer, .loupe:hover.centrer, .loupe.actif.centrer, .toggleSlide.centrer {
  background-position: center center;
}

td.devise {
  padding-left: 0px !important;
  width: 30px;
}

table td .ui-datepicker-trigger {
  right: 15px;
  top: calc(50% - 8px) !important;
  width: 16px;
}

.trier {
  background-repeat: no-repeat;
  background-position: 98% center;
  width: 100%;
  display: inline-block;
  cursor: pointer;
}

.trier.default {
  background-image: var(--tri);
}

.trier.up {
  background-image: var(--triUp);
}

.trier.down {
  background-image: var(--triDown);
}

.ss_parametres li:last-child, .ss_params li:last-child, .ss_parametres_top li:last-child {
  border: none;
}

.tdIcone {
  display: flex;
  gap: 3px;
  align-items: center;
}

.w-fit-content {
  width: 1%;
  white-space: nowrap;
}

dl.dl-info {
  display: grid;
  grid-template-columns: 45% minmax(0, 1fr);
  gap: 0 10px;
  margin-bottom: 0;
  height: -moz-fit-content;
  height: fit-content;
}
dl.dl-info > dt {
  font-weight: normal;
}
dl.dl-info > dt.fullwidth, dl.dl-info > dd.fullwidth {
  grid-column: 1/3;
}
dl.dl-info > dd {
  font-weight: bold;
}

.sb_txt {
  margin-bottom: 0px;
  margin-top: 10px;
  font-size: var(--fs-10);
}

/********** Ariane ********/
/* Ariane */
.nav-tabs {
  display: flex;
  align-items: stretch;
  position: relative;
  margin-bottom: 1px;
  border-bottom: 0px solid;
}
.nav-tabs .hiddenAriane {
  display: none;
}
.nav-tabs li a {
  color: var(--color-ariane-disabled);
  font-size: var(--fs-ari-tab);
  margin-right: 0px;
  border: 0px;
  height: 100%;
}
.nav-tabs li:hover {
  border-radius: 4px 4px 0px 0px;
  -moz-border-radius: 4px 4px 0px 0px;
  -webkit-border-radius: 4px 4px 0px 0px;
}
.nav-tabs .active .nb_affectation {
  color: var(--main-color-client1);
  background-color: var(--main-color-client1);
  color: #F5F5F5;
}
.nav-tabs .nb_affectation {
  background-color: var(--color-ariane-disabled);
  color: #fff;
  padding: 2px 4px;
  margin-left: 10px;
  border-radius: 3px;
  font-size: var(--fs-base);
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  border: 0px solid;
  border-bottom: 2px solid var(--main-color-client1);
  color: var(--main-color-client1) !important;
  background-color: transparent;
  color: #fff;
  border-radius: 4px 4px 0 0;
  font-weight: bold;
  font-size: var(--fs-ari-tab);
  line-height: 16px;
}
.nav-tabs.sous_onglet > li.active > a, .nav-tabs.sous_onglet > li.active > a:hover, .nav-tabs.sous_onglet > li.active > a:focus {
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  -o-border-radius: 0px;
  font-size: var(--fs-base);
}
.nav-tabs.sous_onglet > li > a {
  font-size: var(--fs-base);
}
.nav-tabs.sous_onglet > div {
  padding: 15px;
}

.nav > li > a {
  padding: 6px 15px;
  border-bottom: 2px solid transparent;
}
.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: transparent;
  border-color: var(--color-ariane-disabled);
}

.ariane-icon-close {
  width: 1.325rem;
}

/********** menu contextuel ********/
/* Menu contextuel */
.menuConxtuel.reverse {
  top: unset;
  bottom: 8px;
}

_baseMenuHeader, .menucont-box-simple::before, .menuConxtuel .actionPrincipal {
  min-height: 20px;
  display: flex;
  justify-content: space-around;
  background-color: var(--main-color-opac15);
  border-radius: 4px 4px 0 0;
}

.menuConxtuel {
  width: -moz-fit-content !important;
  width: fit-content !important;
  position: absolute;
  z-index: 20;
  top: 0;
  right: 32px;
}
.menuConxtuel .secondaire {
  display: grid;
  /*grid-template-rows: repeat(8, min-content);*/
  grid-auto-flow: column;
  padding: 10px;
}
.menuConxtuel .secondaireCol {
  display: flex;
  padding: 10px;
}
.menuConxtuel .secondaireCol .col {
  padding-right: 5px;
}
.menuConxtuel .secondaire li, .menuConxtuel .secondaireCol li {
  border-bottom: 0px;
  padding: 0px !important;
}
.menuConxtuel .secondaire li .MG_split, .menuConxtuel .secondaireCol li .MG_split {
  border-bottom: 1px solid var(--main-color-grey2);
}
.menuConxtuel .secondaire li a, .menuConxtuel .secondaireCol li a {
  display: block;
  width: 200px;
  padding: 5px !important;
  padding-left: 5px !important;
}
.menuConxtuel .MG_split:not(:last-child) {
  border-bottom: 1px solid var(--main-color-grey2) !important;
}

.actionPrincipal .MC_tuile {
  width: 80px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  display: block;
  color: var(--main-color-full);
  padding: 10px 5px;
  flex: 1;
}
.actionPrincipal .MC_tuile .titre {
  margin-top: 5px;
}
.actionPrincipal .MC_tuile:hover {
  background-color: var(--main-color-opac25);
  cursor: pointer;
}

.MC_tuile {
  text-align: center;
}
.MC_tuile .interactions {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: #fff;
  height: 30px;
  width: 30px;
  vertical-align: middle;
  margin: auto;
  /*border: solid 1px #dcdcdc;*/
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
.MC_tuile .pictos {
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: 8px 7px;
}
.MC_tuile a {
  color: #000000;
  width: 100%;
  height: 100%;
}

/* Commun */
.pictoList {
  background-image: url(../IconeV2/MenuContextuel/list.svg);
}

.pictoPreview {
  background-image: url(../IconeV2/MenuContextuel/preview.svg);
}

.pictoValidate {
  background-image: url(../IconeV2/MenuContextuel/validate.svg);
}

.pictoFile {
  background-image: url(../IconeV2/MenuContextuel/file.svg);
}

.pictoEdit {
  background-image: url(../IconeV2/MenuContextuel/edit.svg);
}

.pictocreate {
  background-image: url(../IconeV2/MenuContextuel/create.svg);
}

.pictoSend {
  background-image: url(../IconeV2/MenuContextuel/send.svg);
}

.pictoPass {
  background-image: url(../IconeV2/MenuContextuel/pass.svg);
}

.pictoDoc {
  background-image: url(../IconeV2/Gestion/Attached-files.svg);
}

/* Facture */
.pictoEntryassignments {
  background-image: url(../IconeV2/MenuContextuel/entry-assignments.svg);
}

.pictoValidationManagement {
  background-image: url(../IconeV2/MenuContextuel/validation-management.svg);
}

/* Fournisseur */
.pictoSupplierHistorical {
  background-image: url(../IconeV2/MenuContextuel/supplier-historical.svg);
}

/* Accord cadres */
.pictoFrameworkAgreementsHistorical {
  background-image: url(../IconeV2/MenuContextuel/framework-agreements-historical.svg);
}

/* Marchés */
/* Projet achat */
.pictoContracthistorical {
  background-image: url(../IconeV2/MenuContextuel/contract-historical.svg);
}

.pictoClose {
  background-image: url(../IconeV2/MenuContextuel/close.svg);
}

/* Modèle projet achat */
/* Evaluation */
.pictoResult {
  background-image: url(../IconeV2/MenuContextuel/result.svg);
}

/* Commande */
/* Consultation */
.pictoSelectedSupplier {
  background-image: url(../IconeV2/MenuContextuel/selected-supplier.svg);
}

.pictoPrint {
  background-image: url(../IconeV2/MenuContextuel/print.svg);
}

.MC_footer, .menucont-box-simple::after {
  height: 20px;
  background-color: var(--main-color-client1);
  border-radius: 0 0 4px 4px;
}

.MG_titre {
  cursor: context-menu !important;
  color: var(--main-color-client1);
  font-weight: bold !important;
}

.MG_titre {
  background-color: rgba(0, 0, 0, 0) !important;
}

.col .MG_titre:not(:first-child) {
  margin-top: 10px;
}

/* .ss_parametres li a, .ss_params li a, .ss_parametres_top li a {padding-left:0px!important;} */
.ss_parametres .secondaire li a, .ss_parametres .secondaireCol li a {
  padding-left: 0px;
}

.parametrage {
  position: relative;
}

.ss_parametres_top {
  position: absolute;
  width: 265px;
  display: inline-block;
  right: 51px;
  display: none;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: -1px 3px 8px #bdbcbc;
  -webkit-box-shadow: -1px 3px 8px #bdbcbc;
  -moz-box-shadow: -1px 3px 8px #bdbcbc;
  z-index: 20;
  top: 8px;
}
.ss_parametres_top:not(.menuConxtuel) {
  padding: 10px !important;
  border-top: 20px solid var(--main-color-opac25);
  border-bottom: 20px solid var(--main-color-client1);
}
.ss_parametres_top li a {
  background-image: none;
}

_base-menucont-box, .ss_parametres, .menucont-box-simple, .menuConxtuel {
  width: 265px;
  right: 40px;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: -1px 3px 8px #bdbcbc;
  -webkit-box-shadow: -1px 3px 8px #bdbcbc;
  -moz-box-shadow: -1px 3px 8px #bdbcbc;
  text-align: left;
}

.menucont-box-simple {
  width: -moz-max-content !important;
  width: max-content !important;
  position: absolute;
  z-index: 20;
  top: 0;
  right: 32px;
}
.menucont-box-simple > li > * {
  display: block;
  padding: 5px 15px;
}
.menucont-box-simple::before {
  content: " ";
  display: block;
}
.menucont-box-simple::after {
  content: " ";
  display: block;
}

.menucont-container {
  position: relative;
}
.menucont-container:not(:hover) [data-hover-show] {
  display: none !important;
}

.ss_parametres {
  position: absolute;
  z-index: 20;
  top: 8px;
  display: none;
}
.ss_parametres:not(.menuConxtuel) {
  padding: 10px !important;
  border-top: 20px solid var(--main-color-opac25);
  border-bottom: 20px solid var(--main-color-client1);
}
.ss_parametres li a {
  background-image: none;
}

#gestion-marche .ss_parametres {
  top: 36px;
}

.ss_parametres li, .ss_params li, .ss_parametres_top li,
.menuConxtuel li {
  display: inline-block;
  width: 100%;
  /*border-bottom:1px solid #d9e2ea;*/
  padding: 5px;
  font-weight: normal;
  border-bottom: 1px solid var(--main-color-grey2);
}

.ss_parametres li:hover, .ss_params li:hover, .ss_parametres_top li:hover,
.menuConxtuel li:hover {
  background-color: rgba(74, 85, 107, 0.06);
}

.ss_parametres li a, .ss_params li a, .ss_parametres_top li a,
.menuConxtuel li a {
  display: block;
  background-repeat: no-repeat;
  background-position: left center;
  color: var(--main-color-full);
  /*padding-left:20px!important;*/
  cursor: pointer;
}

/********** Popup ********/
/* Modal Content */
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 25; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}
.modal button.ajouter {
  position: absolute;
  font-size: 1.666rem;
  padding: 0px 0px 26px 0px !important;
  width: 20px;
  height: 0px;
  bottom: 1px;
  vertical-align: middle;
  margin: 0px;
  right: -24px;
}
.modal .modal-dialog {
  padding-top: 100px; /* Location of the box */
}

.modal-content {
  position: relative;
  background-color: var(--color-bg-default);
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  max-width: 90%;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.modal-content.modal_small {
  width: 50%;
}
.modal-content.modal_large {
  width: 70%;
}
.modal-content.modal_export {
  width: 850px;
}

.modal-title {
  text-align: left;
}

/* The Close Button */
.modal-close {
  color: #333333;
  float: right;
  font-size: 2.333rem;
  font-weight: bold;
}

.modal-close:hover, .close:focus {
  color: #ff3300;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 2px 16px;
  background-color: var(--main-color-opac15);
  color: #666666;
  border-radius: 10px 10px 0px 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  cursor: move;
}

.modal-body {
  padding: 15px;
}

.modal-footer {
  margin-top: 20px;
}
.modal-footer h3 {
  font-size: var(--fs-10);
}

.zoneHide {
  display: none;
}

#myDiv {
  display: none;
  text-align: center;
}

.display_table {
  display: table;
}

.display_cell {
  display: table-cell;
  vertical-align: middle;
}

div.display_cell {
  padding: 10px;
}

.validation_modal {
  padding: 15px 0px;
}

.modal_attention {
  background-image: url(../IconeV2/Global/alerte.svg);
  background-repeat: no-repeat;
  background-position: 0% center;
  padding: 3% 5% 3% 17%;
  background-size: 80px;
  font-weight: bold;
  min-height: 80px;
}

.modal_erreur {
  background-image: url(../IconeV2/Global/Stop.svg);
  background-repeat: no-repeat;
  background-position: 0% center;
  padding: 3% 5% 3% 17%;
  background-size: 80px;
  min-height: 80px;
  font-weight: bold;
  min-height: 80px;
}

.modal_information {
  background-image: url(../IconeV2/Global/information.svg);
  background-repeat: no-repeat;
  background-position: 0% center;
  padding: 3% 5% 3% 17%;
  background-size: 80px;
  font-weight: bold;
  background-size: 80px;
  min-height: 80px;
}

.icone-modal {
  background-size: 80px;
  min-height: 80px;
  width: 80px;
  height: 80px;
  display: table-cell;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 5% center;
}
.icone-modal.interrogation {
  background-image: url(../IconeV2/Global/interrogation.svg);
}
.icone-modal.information {
  background-image: url(../IconeV2/Global/information.svg);
}
.icone-modal.error {
  background-image: url(../IconeV2/Global/stop.svg);
}
.icone-modal.attention {
  background-image: url(../IconeV2/Global/alerte.svg);
}

/*** Message d'erreur dans popup ***/
#message_erreur_popup {
  display: block;
  width: 60%;
  margin: 0px auto 5px;
  vertical-align: middle;
  text-align: center;
}
#message_erreur_popup img {
  margin: 1%;
  vertical-align: middle;
  height: 100%;
}

/*** Modal question ***/
#modal_interrogation .question {
  background-image: url(../IconeV2/Global/interrogation.svg);
  background-repeat: no-repeat;
  background-position: left 10px;
  padding: 3% 1% 2% 16%;
  background-size: 10%;
  margin: 30px 10px 0px 10px;
  font-weight: bold;
}

#modal_attention .attention {
  background-image: url(../IconeV2/Misc/alerte.png);
  background-repeat: no-repeat;
  background-position: left 10px;
  padding: 3% 1% 2% 16%;
  background-size: 9%;
  margin: 30px 10px 0px 10px;
  font-weight: bold;
}

.popup_informative {
  background-color: rgba(43, 125, 226, 0.1490196078);
}

.popup_error {
  background-color: rgba(253, 13, 13, 0.1490196078);
}

.popup_alert {
  background-color: rgba(254, 107, 61, 0.1490196078);
}

#modal-title {
  word-wrap: anywhere;
}

/********** Notification ********/
/*  NOTIFICATION  */
.header {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  box-shadow: none;
  background-color: #FC466B;
  position: fixed;
  height: 60px !important;
  overflow: hidden;
  z-index: 10;
}

.main {
  margin: 0 auto;
  display: block;
  height: 100%;
  margin-top: 60px;
}

.mainInner {
  display: table;
  height: 100%;
  width: 100%;
  text-align: center;
}
.mainInner div {
  display: table-cell;
  vertical-align: middle;
  font-size: 3em;
  font-weight: bold;
  letter-spacing: 1.25px;
}

#sidebarMenu {
  height: 100%;
  position: fixed;
  right: 0;
  width: 450px;
  transform: translateX(450px);
  transition: transform 250ms ease-in-out;
  background: linear-gradient(1deg, #460c1e -100%, #606775 100%);
}

.sidebarMenuInner {
  margin: 0;
  padding: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.sidebarMenuInner li {
  list-style: none;
  color: #fff;
  /*text-transform: uppercase;*/
  font-weight: bold;
  padding: 20px;
  cursor: pointer;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.sidebarMenuInner li span {
  display: block;
  font-size: var(--fs-14);
  color: rgba(255, 255, 255, 0.5);
}
.sidebarMenuInner li a {
  color: #fff;
  /*text-transform: uppercase;*/
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
}

input[type=checkbox]:checked ~ #sidebarMenu {
  transform: translateX(0);
}

#openSidebarMenu {
  transition: all 0.3s;
  box-sizing: border-box;
  display: none;
}

.spinner {
  transition: all 0.3s;
  box-sizing: border-box;
  position: absolute;
  height: 3px;
  width: 100%;
  background-color: #b92050;
}

.horizontal {
  transition: all 0.3s;
  box-sizing: border-box;
  position: relative;
  float: right;
  margin-top: 3px;
}

.diagonal.part-1 {
  position: relative;
  transition: all 0.3s;
  box-sizing: border-box;
  float: right;
}

.diagonal.part-2 {
  transition: all 0.3s;
  box-sizing: border-box;
  position: relative;
  float: right;
  margin-top: 3px;
}

input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal {
  transition: all 0.3s;
  box-sizing: border-box;
  opacity: 0;
  background-color: var(--color-bg-default);
}

input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 {
  transition: all 0.3s;
  box-sizing: border-box;
  transform: rotate(-135deg);
  margin-top: 8px;
  background-color: var(--color-bg-default);
}

input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {
  transition: all 0.3s;
  box-sizing: border-box;
  transform: rotate(135deg);
  margin-top: -9px;
  background-color: var(--color-bg-default);
}

input[type=checkbox]:checked ~ .sidebarIconToggle {
  transition: all 250ms;
  right: 450px;
}

.sidebarIconToggle {
  cursor: pointer;
  position: fixed;
  z-index: 99;
  height: 5%;
  width: 30%;
  bottom: 50px;
  right: 25px;
  width: 22px;
  border-radius: 100% 0% 0% 100%;
}

.roundedImage {
  overflow: hidden;
  border-radius: 50px;
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

.tourne {
  animation: spin 4.5s linear infinite;
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
.toast__icon .initiale {
  margin-bottom: 20px !important;
  position: absolute;
  top: 0px;
}

.toast__container {
  display: table-cell;
  vertical-align: middle;
  position: fixed;
  left: 30%;
  right: 30%;
  z-index: 9999;
  bottom: 70px;
  display: none;
}

.toast__cell {
  display: inline-block;
  width: 100%;
}

.add-margin {
  margin-top: 20px;
}

.toast__svg {
  fill: #fff;
}

.toast {
  text-align: left;
  padding: 21px 0;
  background-color: var(--color-bg-default);
  border-radius: 4px;
  top: 0px;
  position: relative;
  box-shadow: 1px 7px 14px -5px rgba(0, 0, 0, 0.2);
}

.toast:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
}

.toast__icon {
  position: absolute;
  top: 50%;
  left: 22px;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  padding: 7px;
  border-radius: 50%;
  display: inline-block;
}

.toast__type {
  color: #3e3e3e;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 8px;
}

.toast__message {
  font-size: var(--fs-14);
  margin-top: 0;
  margin-bottom: 0;
  color: #878787;
}

.toast__content {
  padding-left: 70px;
  padding-right: 60px;
}

.toast__close {
  position: absolute;
  right: 22px;
  top: 50%;
  width: 14px;
  cursor: pointer;
  height: 14px;
  fill: #878787;
  transform: translateY(-50%);
}

.toast--green .toast__icon {
  /* background-color:#2BDE3F; */
}

.toast--green:before {
  background-color: #2BDE3F;
}

.toast--blue .toast__icon {
  /* background-color:#1D72F3; */
}

.toast--blue:before {
  background-color: #1D72F3;
}

.toast--yellow .toast__icon {
  /* background-color:#FFC007; */
}

.toast--yellow:before {
  background-color: #FFC007;
}

/* FIN NOTIFACTION */
/********** Icones ********/
/* Icone gestion */
.blocNote {
  background-image: url(../IconeV2/Gestion/bloc-note.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 1px;
}

.demandeModif {
  background-image: url(../IconeV2/Gestion/demande-modif.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 1px;
}

.manual-ligne {
  background-image: url(../IconeV2/Gestion/Manual-line-user-create.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 1px;
}

.icone-validate {
  background-image: url(../IconeV2/MenuContextuel/validate.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 1px;
}

.reglementFac {
  background-image: url(../IconeV2/Gestion/Payments.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 1px;
}

.iconCard {
  background-image: url(../IconeV2/Global/cart.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 1px;
}

.icon-fournisseur {
  background-image: url(../IconeV2/MenuContextuel/supplier-historical.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 25px;
  height: 25px;
  display: inline-block;
  margin-right: 1px;
}

.icon_excel {
  background-image: url(../IconeV2/Global/icon_excel.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 25px;
  height: 25px;
  display: inline-block;
  margin-right: 1px;
}

.icon-infos {
  background-image: url(../IconeV2/Gestion/info.svg);
  background-repeat: no-repeat;
  background-position: center bottom;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 1px;
}

.bloquant {
  background-image: url(../IconeV2/Gestion/Error.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 18px;
  height: 18px;
  display: inline-block;
}

.accessibility {
  height: 28px;
  width: 28px;
  background-image: url(../IconeV2/Global/Accessibility-white.svg);
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: center center;
}

.icon-user {
  background-image: url(../IconeV2/Global/insert-User-informations.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 1px;
}

.pieces_jointes {
  background-image: url(../IconeV2/Gestion/pieces-jointes.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 1px;
}

.planning {
  background-image: url(../IconeV2/Gestion/timing.svg);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 18px;
  height: 18px;
}

.planning .cursor {
  cursor: pointer;
}

.incidents {
  background-image: url(../IconeV2/Gestion/Incidental.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 1px;
}

.documents_attaches {
  background-image: url(../IconeV2/Gestion/documents-rattaches.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 1px;
}

.facture-a-payer {
  background-image: url(../IconeV2/Gestion/Invoice-to-be-paid-blue.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 1px;
}

.facture-valide {
  background-image: url(../IconeV2/Gestion/Header-validated.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 1px;
}

.facture-affect-val {
  background-image: url(../IconeV2/Gestion/Validated-assignment.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 1px;
}

.facture-to-be-paid {
  background-image: url(../IconeV2/Gestion/Invoice-to-be-paid.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 1px;
}

.facture-rejected {
  background-image: url(../IconeV2/Gestion/Rejected-invoice.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 1px;
}

.documents {
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 18px;
  height: 18px;
}
.documents.complémentaires.absent {
  background-image: url(../IconeV2/Gestion/Additional-documents-error.svg);
}
.documents.complémentaires.valide {
  background-image: url(../IconeV2/Gestion/Additional-documents.svg);
}
.documents.complémentaires.peremption {
  background-image: url(../IconeV2/Gestion/Additional-documents-alert.svg);
}
.documents.critiques.absent {
  background-image: url(../IconeV2/Gestion/Critical-documents-error.svg);
}
.documents.critiques.valide {
  background-image: url(../IconeV2/Gestion/Critical-documents.svg);
}
.documents.critiques.peremption {
  background-image: url(../IconeV2/Gestion/Critical-documents-alert.svg);
}

.bestPrice {
  background-image: url(../IconeV2/Gestion/meilleurs-prix.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 1px;
}

.menu_contextuel_v2 {
  background-image: url(../IconeV2/Misc/menu_contextuel.png);
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 12.5%;
  background-repeat: no-repeat;
  padding: 0px 20px;
}

.ajouter_v2 {
  background-image: url(../IconeV2/MenuContextuel/create.svg);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
}

.modifier_v2 {
  background-image: url(../IconeV2/MenuContextuel/edit.svg);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 16px;
  height: 16px;
}

.switch_supplier {
  background-image: url(../IconeV2/Gestion/Change-supplier.svg);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 16px;
  height: 16px;
}

.visualiser_v2 {
  background-image: url(../IconeV2/MenuContextuel/preview.svg);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 18px;
  height: 18px;
}

.eye_V2 {
  background-image: url(../IconeV2/Misc/eye.png);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 18px;
  height: 18px;
}

.eye-slash_V2 {
  background-image: url(../IconeV2/Misc/eye-slash.png);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 20px;
  height: 20px;
}

.bloc_note_V2 {
  background-image: url(../IconeV2/Gestion/bloc-note.svg);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 20px;
  height: 20px;
}

.ajouter_blanc_v2 {
  background-image: url(../IconeV2/Global/add.svg);
  background-repeat: no-repeat;
  background-position: 55% 4px;
  cursor: pointer;
  display: inline-block;
  width: 20px;
  height: 20px;
}

.table > .thead-dark .ajouter_blanc_v2 {
  background-image: var(--image-add) !important;
}

.button_v2 {
  background-color: var(--main-color-blue);
  background-position: 55% 5px;
  margin: 0px !important;
  width: 24px;
  height: 24px;
}
.button_v2:hover {
  background-color: var(--main-color-blue-hover);
}

.moins_blanc_v2 {
  background-color: white;
  background-image: url(../IconeV2/Misc/moins.png);
  background-repeat: no-repeat;
  background-position: 55% -41px;
  cursor: pointer;
  display: inline-block;
  border: 1px solid var(--main-color-blue); /*var(--main-color-grey2);*/
}
.moins_blanc_v2:hover {
  background-color: var(--main-color-grey2);
}

.artFav {
  background-image: url(../IconeV2/Gestion/Favorite.svg);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 24px;
  height: 24px;
}

.artNoFav {
  background-image: url(../IconeV2/Gestion/Add-to-favorite.svg);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 24px;
  height: 24px;
}

.degressif {
  background-image: url(../IconeV2/Gestion/Decreasing-price.svg);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 18px;
  height: 18px;
}

.icon-art-associated {
  background-image: url(../IconeV2/Gestion/Articles-are-associated.svg);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 18px;
  height: 18px;
}

.icon-storage {
  background-image: url(../IconeV2/Gestion/storage.svg);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 18px;
  height: 18px;
}
.icon-storage.red {
  background-image: url(../IconeV2/Gestion/storage_red.svg);
}
.icon-storage.green {
  background-image: url(../IconeV2/Gestion/storage_green.svg);
}

.icon-postage {
  background-image: url(../IconeV2/Gestion/postage.svg);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 18px;
  height: 18px;
}

.icon-fiche-tech {
  background-image: url(../IconeV2/Gestion/Technical-file.svg);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 18px;
  height: 18px;
}

.icon-contrat {
  background-image: url(../IconeV2/Gestion/contract.svg);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 18px;
  height: 18px;
}

.alg.alg_a_jour {
  background-image: url(../IconeV2/Misc/alg_a_jour.png);
}

.alg.alg_peremption {
  background-image: url(../IconeV2/Misc/alg_peremption.png);
}

.alg.alg_perime {
  background-image: url(../IconeV2/Misc/alg_perime.png);
}

.alg.alg_sans_objet {
  background-image: url(../IconeV2/Misc/alg_sans_objet.png);
}

.alg.alg_noir {
  background-image: url(../IconeV2/Misc/alg_noir.png);
}

.alg.alg_gris {
  background-image: url(../IconeV2/Misc/alg_gris.png);
}

.oxalink {
  background-image: url(../IconeV2/MenuLeft/Oxa-link-users-management.svg);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 18px;
  height: 18px;
}

.liste_v2 {
  background-image: url(../IconeV2/MenuContextuel/list.svg);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 18px;
  height: 18px;
}

/* OLD */
.close_v2 {
  background-image: url(../IconeV2/Misc/disabled.png);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 16px;
  height: 16px;
}

.shortlist {
  background-image: url(../IconeV2/Gestion/Supplier-shortlists.svg);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 18px;
  height: 18px;
}

.Supprimer_v2 {
  background-image: url(../IconeV2/Gestion/Delete.svg);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 16px;
  height: 16px;
}

.desassocie_v2 {
  background-image: url(../IconeV2/Gestion/Link-delete.svg);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 16px;
  height: 16px;
}

.erreur_V2 {
  background-image: url(../IconeV2/Gestion/Error.svg);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 16px;
  height: 16px;
}

.presence-of-consult {
  background-image: url(../IconeV2/Gestion/presence-of-Consult.svg);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 16px;
  height: 16px;
}

.duplicate-line {
  background-image: url(../IconeV2/Gestion/duplicate-line.svg);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 18px;
  height: 18px;
}

.equivalence-article {
  background-image: url(../IconeV2/Gestion/equivalence-article.svg);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 18px;
  height: 18px;
}

.automatic-delivery {
  background-image: url(../IconeV2/Global/supplier-automatic-delivery.svg);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 24px;
  height: 24px;
}

.undo_V2 {
  background-image: url(../IconeV2/Misc/picto_undo.svg);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 20px;
  height: 20px;
}

.split_V2 {
  background-image: url(../IconeV2/Gestion/Split-line.svg);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 15px;
  height: 15px;
}

.ajouter_blanc_v2 {
  background-image: url(../IconeV2/Global/add-white.svg);
  background-repeat: no-repeat;
  background-position: 50% 4px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  background-size: 16px;
}

.punchout {
  background-image: url(../IconeV2/Gestion/Punch-out-article.svg);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-top: 5px;
}

.download_blanc_v2 {
  background-image: url(../IconeV2/Global/download-white.svg);
  background-repeat: no-repeat;
  background-position: 55% 5px !important;
  background-size: 16px;
  cursor: pointer;
  display: inline-block;
  width: 24px;
  height: 24px;
}

.download_noir_v2 {
  background-image: url(../IconeV2/Global/download.svg);
  background-repeat: no-repeat;
  background-position: 55% 0px !important;
  cursor: pointer;
  display: inline-block;
  width: 24px;
  height: 24px;
}

.download_v2 {
  background-image: url(../IconeV2/Global/download.svg);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 16px;
  height: 16px;
}

.refresh_v2 {
  background-image: url(../IconeV2/Global/refresh.svg);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer !important;
  display: inline-block;
  width: 12px;
  height: 14px;
}

.ajouter_bleu_v2 {
  background-image: url(../IconeV2/Global/add.svg);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 20px;
  height: 20px;
}

.DOA_est_pere {
  background-image: url(../IconeV2/Gestion/Parent-project.svg);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 16px;
  height: 16px;
}

.DOA_est_fils {
  background-image: url(../IconeV2/Gestion/son-project.svg);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 16px;
  height: 16px;
}

.Projet_Achat_Unique {
  background-image: url(../IconeV2/Misc/Projet_unique.png);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 25px;
  height: 25px;
}

.Projet_Achat_Multiple {
  background-image: url(../IconeV2/Misc/Projet_multiple.png);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 25px;
  height: 25px;
}

.commercial-sign {
  background-image: url(../IconeV2/Gestion/Commercial-sign.svg);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 12px;
  height: 12px;
}

.partenaire {
  background-image: url(../IconeV2/Gestion/Partner-supplier.svg);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 18px;
  height: 18px;
}

.ao_ref {
  background-image: url(../IconeV2/Gestion/Supplier-creation-related-to-consultation.svg);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 20px;
  height: 20px;
}

.Notation {
  background-image: url(../IconeV2/Gestion/Rating-in-progress.svg);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 18px;
  height: 18px;
}

.soldeFinancier {
  background-image: url(../IconeV2/Gestion/Balance-financially.svg);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 18px;
  height: 18px;
}

.btn_supprimer {
  padding: 15px 15px 15px 15px !important;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../IconeV2/Gestion/delete-white.svg);
  width: 50%;
  height: 50%;
  margin-bottom: 5px !important;
}

.btn_visualiser {
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../IconeV2/MenuContextuel/preview.svg);
  width: 100%;
  height: 100%;
  margin-bottom: 5px !important;
  padding: 15px !important;
}

.btn_modifier {
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../IconeV2/Global/edition-white.svg);
  width: 100%;
  height: 100%;
  margin-bottom: 5px !important;
  padding: 15px !important;
}

.btn_reinitialiser {
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../IconeV2/Global/refresh.svg);
  width: 100%;
  height: 100%;
  margin-bottom: 5px !important;
  padding: 15px !important;
}

.btn_telechargement {
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../IconeV2/Global/download-white.svg);
  width: 100%;
  height: 100%;
  margin-bottom: 5px !important;
  padding: 15px !important;
}

.btn-export {
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../IconeV2/Global/download.svg);
  width: 100%;
  height: 100%;
  padding: 15px !important;
}

.container_Unique {
  background: url(../IconeV2/Misc/Projet_unique.png) no-repeat;
  display: inline-block;
  background-size: 25px 25px; /* image's size */
  height: 25px; /* image's height */
  padding-left: 30px; /* image's width plus 10 px (margin between text and image) */
  width: 100%;
}

.multi_societes {
  background-image: url(../IconeV2/Gestion/Multi-company.svg);
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 18px;
  height: 18px;
}

.container_Multiple {
  background: url(../IconeV2/Misc/Projet_multiple.png) no-repeat;
  display: inline-block;
  background-size: 25px 25px; /* image's size */
  height: 25px; /* image's height */
  padding-left: 30px; /* image's width plus 10 px (margin between text and image) */
  width: 100%;
}

.btn_double_top {
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../IconeV2/Misc/btn_double_top.png);
}

.btn_double_bottom {
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../IconeV2/Misc/double_bottom.png);
}

.btn_top {
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../IconeV2/Misc/top.png);
}

.btn_bottom {
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../IconeV2/Misc/bottom.png);
}

.img_panier_32x32 {
  background-image: url(../IconeV2/Misc/panier_b_sur_t_32x32.png);
  left: 8px;
  top: 6px;
  position: absolute;
}

.img32 {
  height: 32px;
  min-width: 32px;
  background-position: center center;
  background-repeat: no-repeat;
}

.ajout-favoris.in {
  background-image: url(../IconeV2/Gestion/Favorite.svg);
  width: 16px;
  height: 16px;
}

.ajout-favoris.out {
  background-image: url(../IconeV2/Gestion/Add-to-favorite.svg);
  width: 16px;
  height: 16px;
}

.img_picto_supprimer_16x16 {
  background-image: url(../IconeV2/Gestion/Delete.svg);
}

.icosq-arrow-left {
  transform: rotate(180deg);
}

.pictoList-white {
  background-image: url(../IconeV2/Global/list-white.svg);
}

.pictoValidate-white {
  background-image: url(../IconeV2/Global/validate-white.svg);
}

.pictoFile-white {
  background-image: url(../IconeV2/Global/File-white.svg);
}

@font-face {
  font-family: "icomoon";
  src: url("../IconeV2/fonts/icomoon.ttf?vcz41u") format("truetype"), url("../IconeV2/fonts/icomoon.woff?vcz41u") format("woff"), url("../IconeV2/fonts/icomoon.svg?vcz41u#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
_baseIcon, .icopastille, [class^=ico-], [class*=" ico-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ico-pastille-progress:before {
  content: "\e900";
}

.ico-pastille-full:before {
  content: "\e901";
}

.icopastille.muted:before {
  font-size: 1.333em;
  content: "\e900";
}

.icopastille.primary:before {
  font-size: 1.333em;
  content: "\e901";
}

[class^=icosq-],
[class*=" icosq-"] {
  font-size: var(--fs-icon);
  width: 1em;
  height: 1em;
  background-size: cover;
  display: inline-block;
}

.icosq-panier {
  background-image: url("../IconeV2/Misc/panier_b_sur_t_32x32.png");
}

.icosq-zoom {
  background-image: url("../IconeV2/Gestion/zoom.svg");
}

.icosq-delete {
  background-image: url("../IconeV2/Gestion/Delete.svg");
}

.icosq-add {
  background-image: url("../IconeV2/Global/add.svg");
}

.icosq-approb {
  background-image: url("../IconeV2/Misc/Actions.svg");
}

.icosq-planning {
  background-image: url("../IconeV2/Gestion/timing.svg");
}

.icosq-error {
  background-image: url("../IconeV2/Gestion/Error.svg");
}

.icosq-warning {
  background-image: url("../IconeV2/Gestion/Incidental.svg");
}

.icosq-partenaire {
  background-image: url("../IconeV2/Gestion/Partner-supplier.svg");
}

.icosq-radio-checkmark-active, input:checked + .radio-inline .icosq-checkmark {
  background-image: url("../IconeV2/Misc/radio_active.png");
}

.icosq-radio-checkmark-inactive, .radio-inline .icosq-checkmark {
  background-image: url("../IconeV2/Misc/radio_inactive.png");
}

.icosq-arrow-left {
  background-image: url("../IconeV2/Misc/arrow-right.svg");
}

.icosq-arrow-right {
  background-image: url("../IconeV2/Misc/arrow-right.svg");
}

.icosq-chevron-down, #menu-lateral input:not(:checked) + label .icosq-chevron {
  background-image: url("../IconeV2/Misc/chevron-down.svg");
}

.icosq-chevron-up, #menu-lateral input:checked + label .icosq-chevron {
  background-image: url("../IconeV2/Misc/chevron-up.svg");
}

.icosq-favoris {
  background-image: url("../IconeV2/MenuLeft/favoris.svg");
}

.icosq-mg-gestion_fournisseur {
  background-image: url("../IconeV2/MenuLeft/supplier.svg");
}

.icosq-mg-groupement_fournisseur {
  background-image: url("../IconeV2/MenuLeft/supplier-groups.svg");
}

.icosq-mg-suivi {
  background-image: url("../IconeV2/MenuLeft/list.svg");
}

.icosq-mg-signature {
  background-image: url("../IconeV2/MenuLeft/signature-and-delegation.svg");
}

.icosq-mg-liste {
  background-image: url("../IconeV2/MenuLeft/short-list.svg");
}

.icosq-mg-incident {
  background-image: url("../IconeV2/MenuLeft/incidental.svg");
}

.icosq-mg-supplier-import {
  background-image: url("../IconeV2/MenuLeft/supplier-import.svg");
}

.icosq-mg-supplier-analysis {
  background-image: url("../IconeV2/MenuLeft/analysis.svg");
}

.icosq-mg-da {
  background-image: url("../IconeV2/MenuLeft/Order-management.svg");
}

.icosq-mg-commande {
  background-image: url("../IconeV2/MenuLeft/Order-management.svg");
}

.icosq-mg-br {
  background-image: url("../IconeV2/MenuLeft/receipt-voucher.svg");
}

.icosq-mg-ao {
  background-image: url("../IconeV2/MenuLeft/consult.svg");
}

.icosq-mg-modeles-consult {
  background-image: url("../IconeV2/MenuLeft/consult-templates.svg");
}

.icosq-mg-referentiel {
  background-image: url("../IconeV2/MenuLeft/consult-categories.svg");
}

.icosq-mg-bibliotheque {
  background-image: url("../IconeV2/MenuLeft/Data-library.svg");
}

.icosq-mg-liste-marche {
  background-image: url("../IconeV2/MenuLeft/Contract-types.svg");
}

.icosq-mg-gestion_contrat {
  background-image: url("../IconeV2/MenuLeft/framework-agreements.svg");
}

.icosq-mg-marche {
  background-image: url("../IconeV2/MenuLeft/contract.svg");
}

.icosq-mg-accord_cadre {
  background-image: url("../IconeV2/MenuLeft/framework-agreements.svg");
}

.icosq-mg-formulaire_contrat {
  background-image: url("../IconeV2/MenuLeft/MG-format_contrat.png");
}

.icosq-mg-gestion-projet {
  background-image: url("../IconeV2/MenuLeft/Purchase-projetcs.svg");
}

.icosq-mg-modeles-projet {
  background-image: url("../IconeV2/MenuLeft/Purchases-templates.svg");
}

.icosq-mg-referentiel-projet {
  background-image: url("../IconeV2/MenuLeft/Referential.svg");
}

.icosq-mg-Dedoublonner {
  background-image: url("../IconeV2/MenuLeft/Duplicate-search.svg");
}

.icosq-mg-listeSuivi {
  background-image: url("../IconeV2/MenuLeft/list.svg");
}

.icosq-mg-indicateurs-projetAchat {
  background-image: url("../IconeV2/MenuLeft/analysis.svg");
}

.icosq-mg-collaborateur {
  background-image: url("../IconeV2/MenuLeft/collaborator.svg");
}

.icosq-mg-droit {
  background-image: url("../IconeV2/MenuLeft/right-management.svg");
}

.icosq-mg_Utilisateurs_OXALINK {
  background-image: url("../IconeV2/MenuLeft/Oxa-link-users-management.svg");
}

.icosq-mg-gestion_facture {
  background-image: url("../IconeV2/MenuLeft/invoices.svg");
}

.icosq-mg-lad {
  background-image: url("../IconeV2/MenuLeft/lad.svg");
}

.icosq-mg-impression {
  background-image: url("../IconeV2/MenuLeft/print.svg");
}

.icosq-mg-edition {
  background-image: url("../IconeV2/MenuLeft/edition.svg");
}

.icosq-mg-edition-light {
  background-image: url("../IconeV2/Global/edition-white.svg");
}

.icosq-mg-cut_off {
  background-image: url("../IconeV2/MenuLeft/cut-of-standard.svg");
}

.icosq-mg-reglement {
  background-image: url("../IconeV2/MenuLeft/invoices-payment.svg");
}

.icosq-mg-archive {
  background-image: url("../IconeV2/MenuLeft/Invoices-archives.svg");
}

.icosq-mg-portail-invoices {
  background-image: url("../IconeV2/MenuLeft/portal-invoices.svg");
}

.icosq-mg-indicateurs {
  background-image: url("../IconeV2/MenuLeft/analysis.svg");
}

.icosq-mg-upload {
  background-image: url("../IconeV2/MenuLeft/mass-export.svg");
}

.icosq-mg-referenciel {
  background-image: url("../IconeV2/MenuLeft/Referential.svg");
}

.icosq-mg-parametrage {
  background-image: url("../IconeV2/MenuLeft/parameters.svg");
}

.icosq-mg-Evaluation {
  background-image: url("../IconeV2/MenuLeft/Assessment.svg");
}

.icosq-mg-referentiel-eval {
  background-image: url("../IconeV2/MenuLeft/Assessment-categories.svg");
}

.icosq-mg-modeles-eval {
  background-image: url("../IconeV2/MenuLeft/Assessment-templates.svg");
}

.icosq-mg-recherche {
  background-image: url("../IconeV2/MenuLeft/search.svg");
}

/********** doubleListe ********/
/***** double liste *******/
.ui-sortable-helper {
  cursor: grabbing !important;
}

.unsortable {
  background-color: #e5e5e5 !important;
  cursor: not-allowed !important;
}

.sortable {
  cursor: grab;
}

.SyncLists_right {
  margin-top: 17px;
}

.div_SyncLists {
  width: 800px;
}
.div_SyncLists > div {
  display: flex;
}

.button_SyncLists {
  margin: auto;
  text-align: center;
}
.button_SyncLists button:first-child {
  margin-bottom: 10px;
}

div.SyncLists {
  width: 45%;
}

ul.SyncLists {
  margin-top: 10px;
  margin-bottom: 0px;
  height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid #ddd;
  color: #312e25;
  width: 100%;
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

li.SyncLists {
  cursor: grab;
  width: 100%;
  height: 35px;
  padding: 1px;
  line-height: 35px;
  padding-left: 10px;
  white-space: nowrap;
}

li.SyncLists:hover {
  padding: 1px;
  padding-left: 10px;
  background-color: rgba(74, 85, 107, 0.06);
  font-weight: bold;
}

/* Variante doublie liste */
li.varianteListe {
  cursor: pointer;
  width: 100%;
  height: 35px;
  padding: 1px;
  line-height: 35px;
  padding-left: 10px;
}

li.varianteListe:hover {
  padding: 1px;
  padding-left: 10px;
  border: 0px solid #327e04;
  background-color: rgba(74, 85, 107, 0.06);
  font-weight: bold;
}

li.varianteListe:active {
  padding: 1px;
  padding-left: 10px;
  border: 0px solid #327e04;
  background-color: rgba(74, 85, 107, 0.06);
  font-weight: bold;
}

/********** tooltips ********/
.white-tooltip.link-tooltip + .tooltip > .tooltip-inner {
  min-width: 150px;
  background-color: var(--color-bg-default);
  box-shadow: 0px 3px 8px #bdbcbc;
  -webkit-box-shadow: 0px 3px 8px #bdbcbc;
  -moz-box-shadow: 0px 3px 8px #bdbcbc;
  color: var(--main-color-full);
  padding: 10px;
  display: block;
  width: 100%;
}
.white-tooltip.link-tooltip + .tooltip.top > .tooltip-arrow {
  border-top-color: #FFF;
}
.white-tooltip.link-tooltip + .tooltip.bottom > .tooltip-arrow {
  border-bottom-color: #FFF;
}
.white-tooltip.link-tooltip + .tooltip.left > .tooltip-arrow {
  border-left-color: #FFF;
}
.white-tooltip.link-tooltip + .tooltip.right > .tooltip-arrow {
  border-right-color: #FFF;
}

#div_tooltip > .tooltip > .tooltip-inner {
  min-width: 150px;
  background-color: var(--color-bg-default);
  box-shadow: 0px 3px 8px #bdbcbc;
  -webkit-box-shadow: 0px 3px 8px #bdbcbc;
  -moz-box-shadow: 0px 3px 8px #bdbcbc;
  color: var(--main-color-full);
  padding: 10px;
  display: block;
  width: 100%;
}
#div_tooltip > .tooltip.top > .tooltip-arrow {
  border-top-color: #FFF;
}
#div_tooltip > .tooltip.bottom > .tooltip-arrow {
  border-bottom-color: #FFF;
}
#div_tooltip > .tooltip.left > .tooltip-arrow {
  border-left-color: #FFF;
}
#div_tooltip > .tooltip.right > .tooltip-arrow {
  border-right-color: #FFF;
}

.white-tooltip.error + .tooltip > .tooltip-inner {
  background-color: var(--color-bg-default);
  box-shadow: 0px 3px 8px #bdbcbc;
  -webkit-box-shadow: 0px 3px 8px #bdbcbc;
  -moz-box-shadow: 0px 3px 8px #bdbcbc;
  color: var(--main-color-full);
  padding: 10px;
  display: block;
}

.white-tooltip {
  position: relative;
  cursor: pointer;
}
.white-tooltip:hover span.infos_tooltip {
  display: block;
}
.white-tooltip:hover span.infos_tooltip.longtext {
  white-space: nowrap;
  text-align: left;
}
.white-tooltip.tooltip-overflow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: unset;
}
.white-tooltip + .infos_tooltip > .tooltip-inner {
  background-color: var(--color-bg-default);
  box-shadow: 0px 3px 8px #bdbcbc;
  -webkit-box-shadow: 0px 3px 8px #bdbcbc;
  -moz-box-shadow: 0px 3px 8px #bdbcbc;
  color: var(--main-color-full);
  padding: 10px;
  display: block;
}

span.white-tooltip {
  cursor: default;
}

.infos_tooltip {
  min-width: 150px;
  display: none;
  position: absolute;
  z-index: 100;
  background-color: var(--color-bg-default);
  box-shadow: 0px 3px 8px #bdbcbc;
  -webkit-box-shadow: 0px 3px 8px #bdbcbc;
  -moz-box-shadow: 0px 3px 8px #bdbcbc;
  color: var(--main-color-full) !important;
  padding: 10px;
  text-align: center;
  border-radius: 6px;
}
.infos_tooltip.true-top {
  bottom: 100%;
  left: 50%;
  transform: translate(-50%);
}
.infos_tooltip.true-top::before {
  bottom: 0;
  right: calc(50% - 5px);
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #fff;
}
.infos_tooltip.bottom-left::before {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #fff;
}
.infos_tooltip.bottom-right::before {
  top: 0;
  left: 5px;
  margin-top: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #fff;
}
.infos_tooltip.top-right {
  left: 18px;
}
.infos_tooltip.top-right::before {
  left: -4px;
  margin-bottom: -5px;
  border-width: 5px 0px 0 5px;
  border-top-color: #fff;
}
.infos_tooltip.top-left {
  right: 0px;
  bottom: 100%;
}
.infos_tooltip.top-left::before {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #fff;
}
.infos_tooltip.left {
  right: 100%;
  top: 0%;
}
.infos_tooltip.left::before {
  /*top: 50%;*/
  top: 9px;
  right: -5px;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #fff;
}
.infos_tooltip.right {
  left: 50%;
  top: 0%;
}
.infos_tooltip.right::before {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #fff;
}
.infos_tooltip.bottom {
  right: -50%;
}
.infos_tooltip.bottom::before {
  top: -7px;
  left: 60%;
  border-width: 0 6px 7px;
  border-bottom-color: #fff;
}
.infos_tooltip.top {
  bottom: 71%;
  margin: 0px auto;
  transform: translate(-50%);
}
.infos_tooltip.top::before {
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #fff;
}
.infos_tooltip.large {
  text-align: justify;
}
.infos_tooltip.right-WF {
  left: 105%;
  top: -50%;
}
.infos_tooltip .left-WF {
  right: 105%;
  top: -50%;
}
.infos_tooltip ul {
  margin-bottom: 0px;
}
.infos_tooltip::before {
  content: " ";
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.white-tooltip.infos {
  background-position: center center;
}

.wf_tooltip {
  position: absolute;
  top: 10%;
  left: 100%;
  margin-left: 5px;
}

.background-jaune {
  background-color: #feff98;
}

.infos_tooltip-learn.right::before {
  left: 0;
  margin-top: -5px;
  border-width: 8px 8px 8px 0;
  border-right-color: #9fbcf8;
  margin-left: -8px;
}
.infos_tooltip-learn.left::before {
  /*top: 50%;*/
  top: 9px;
  right: -8px;
  margin-top: -5px;
  border-width: 8px 0 8px 8px;
  border-left-color: #9fbbf5;
}
.infos_tooltip-learn::before {
  content: " ";
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.in {
  opacity: 1 !important;
}

/********** button ********/
/* bouton */
td button.secondaire, td button.principal, td a.secondaire, td a.principal, td .button.secondaire, td .button.principal {
  padding: 6px 8px;
}

button, .button {
  margin: 0px var(--space-base) 0px 0%;
  display: inline-block;
  word-break: keep-all !important; /* override table tr td {word-break: break-word;} */
}
button.secondaire, button.principal, .button.secondaire, .button.principal {
  padding: 8px 8px 8px 8px;
  border-radius: 8px;
}
button.btn_filtre, .button.btn_filtre {
  padding: 8px 20px 8px 40px !important;
  background-image: url(../IconeV2/Global/filter-white.svg);
  background-repeat: no-repeat;
  background-position: 15% center;
}
button.principal, .button.principal {
  background-color: var(--main-color-blue);
  border: 1px solid var(--main-color-blue);
  font-weight: bold;
  color: #fff;
}
button.principal:hover, button.principal:focus, .button.principal:hover, .button.principal:focus {
  background-color: var(--main-color-blue-hover);
  border: 1px solid var(--main-color-blue-hover);
  font-weight: bold;
  color: #fff !important;
}
button.principal.ajout, .button.principal.ajout {
  background-repeat: no-repeat;
  background-position: 5% 8px;
  padding: 8px 1% 8px 30px;
}
button.secondaire, .button.secondaire {
  font-weight: bold;
  color: var(--main-color-blue) !important;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid var(--main-color-blue); /*var(--main-color-grey2); */
}
button.secondaire.ajout[data-toggle=collapse],
button.secondaire button.secondaire.ajout,
button.secondaire a.secondaire.ajout, .button.secondaire.ajout[data-toggle=collapse],
.button.secondaire button.secondaire.ajout,
.button.secondaire a.secondaire.ajout {
  padding: 8px 1% 8px 3%;
}
button.secondaire:hover, button.secondaire:focus, button.secondaire:disabled, .button.secondaire:hover, .button.secondaire:focus, .button.secondaire:disabled {
  background-color: var(--main-color-grey2);
}

button.principal.editer {
  background-image: url(../IconeV2/Global/edition.svg);
  background-repeat: no-repeat;
  background-position: 15px -30px;
  padding: 8px 8px 8px 40px;
  position: absolute;
  right: 0px;
  top: 5px;
}

button.secondaire.editer {
  background-image: url(../IconeV2/Global/edition.svg);
  background-repeat: no-repeat;
  background-position: 15px 6px;
  padding: 8px 8px 8px 40px;
  position: absolute;
  right: 0px;
  top: 5px;
}

.block_edition button.principal.ajout {
  padding: 8px 8px 8px 40px;
  right: 0px;
  top: 5px;
  position: absolute;
  background-position: 16px 5px;
}

button.last {
  margin: 0px;
}

button.contextuel {
  background-color: #D0D7E0;
  color: #0E0E0E;
}
button.contextuel:hover {
  background-color: #E2E7EF;
  color: #0E0E0E !important;
}
button.contextuel:focus {
  background-color: #9FB1C9;
  color: #0E0E0E !important;
}

button.secondaire.telecharger, a.secondaire.telecharger {
  background-image: url(../IconeV2/Global/download_blue.svg);
  background-repeat: no-repeat;
  background-position: 9px 10px;
  padding: 10px 1% 10px 3%;
  background-size: 18px;
}

.button_right {
  float: right;
}

.bottom_text {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

button.btn_recherche {
  background-color: transparent;
  position: absolute;
  top: 26%;
  right: 5px;
}

button.close {
  position: absolute;
  right: 10px;
  top: 17px;
  font-size: 2.5rem;
}

.closed {
  position: absolute;
  right: 0px;
  top: -30%;
  padding: 8px 15px !important;
}

button.deleteImage {
  position: absolute;
  top: 100px;
}

.contenu .button, form a.button, #historique .button {
  text-align: center;
  display: inline-block;
}

/********** pagination ********/
/************ Pagination **************/
.msg_pagination span {
  margin-left: auto;
  margin-right: 15px;
  font-style: italic;
}

.msg_pagination {
  display: flex;
}

.pagination {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin: 20px 0;
}
.pagination li {
  margin: 0 10px;
  display: inline-block;
}
.pagination > li.active > a,
.pagination > li.active > span {
  background-color: var(--color-pagination-primary) !important;
  border-color: var(--color-pagination-primary) !important;
}
.pagination > li.active > a:hover, .pagination > li.active > a:focus,
.pagination > li.active > span:hover,
.pagination > li.active > span:focus {
  color: var(--color-pagination-hover) !important;
}
.pagination > li:not(.active) > a:hover, .pagination > li:not(.active) > a:focus,
.pagination > li:not(.active) > span:hover,
.pagination > li:not(.active) > span:focus {
  background-color: var(--color-pagination-hover) !important;
}

.page_precedente a {
  background-image: url(../IconeV2/Misc/pagination.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 16px;
  height: 15px;
  padding: 15px !important;
  border-radius: 0px;
  background-position: center 7px;
}

.premiere_page a {
  background-image: url(../IconeV2/Misc/pagination.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 16px;
  height: 15px;
  padding: 15px !important;
  border-radius: 0px;
  background-position: center -52px;
}

.page_suivante a {
  background-image: url(../IconeV2/Misc/pagination.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 16px;
  height: 15px;
  padding: 15px !important;
  border-radius: 0px;
  background-position: center -13px;
}

.derniere_page a {
  background-image: url(../IconeV2/Misc/pagination.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 16px;
  height: 15px;
  padding: 15px !important;
  border-radius: 0px;
  background-position: center -32px;
}

/********** media ********/
@media (max-width: 1280px) {
  #bandeauConnexion {
    width: 100%;
    float: left;
  }
  form .single, form .row.single {
    margin: 0px 1% 10px 0px !important;
  }
}
@media (min-width: 1281px) {
  #bandeauConnexion {
    width: 100%;
    float: left;
  }
}
@media (min-width: 1281px) {
  .single, .row.single, form .single {
    margin: 0px 2% 10px 0px !important;
  }
  #colonneLogIn .single, form .single, form .row.single {
    margin: 0px 0% 10px 0px !important;
  }
}
@media screen and (min-width: 0\0 ) {
  table tbody tr:hover {
    border-color: none;
    border-spacing: 1px !important;
    outline: 1;
    box-shadow: none;
  }
  table tbody tr:hover td {
    box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  }
  table tbody tr:hover td:first-child {
    box-shadow: inset 1px -1px 0px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  }
}
/**************************************/
/* Ecran inférieur à 1500px */
@media (max-width: 1600px) {
  #bandeau {
    width: 65%;
  }
  .btn-link {
    float: none !important;
  }
  .div-link {
    text-align: center !important;
    display: grid;
  }
}
@media (max-width: 1500px) {
  .affichageFicLAD#tableau_affectations {
    width: 100%;
  }
  #bandeau {
    width: 65%;
  }
  #affectations .apercu_facture {
    display: none;
  }
  .lastInput label {
    width: 39% !important;
  }
  /* 	.detail_affectations #btn_afficher_facture{display:inline;} */
}
/* Ecran inférieur à 1280px */
@media (max-width: 1280px) {
  .row.single input,
  .row.single select,
  .row.single .resultat {
    /*width: 80.7% !important;*/
  }
  .row.single textarea {
    width: 80.7% !important;
  }
  .container-fluid {
    width: 1280px !important;
  }
  #menu-lateral.on {
    width: 170px !important;
  }
  #main-content.on {
    width: 1090px !important;
  }
  #bandeau {
    width: 65%;
  }
  /*** Gestion des fournisseurs ***/
  .detail_affectations.fixed {
    overflow: auto;
    width: 1170px;
  }
  #main-content.on .detail_affectations.fixed {
    width: 1025px;
  }
  #main-content.off .detail_affectations.fixed {
    width: 1125px;
  }
  #tableau_affectations {
    float: none;
    width: 100%;
  }
  #affectations .apercu_facture {
    display: none !important;
  }
  #main-content.on #filtre_fournisseur .filtre {
    width: 26% !important;
  }
  #main-content.on #filtre_fournisseur .filtre.last {
    width: 20% !important;
  }
  #main-content.on #filtre_fournisseur .filtre label {
    width: 45% !important;
  }
  /*#main-content.on #filtre_fournisseur .filtre select, form .filtre input, form .filtre select {width: 50%!important;}*/
  #main-content.on #filtre_fournisseur button, #accords_cadres button.ajout {
    padding: 10px 1% 10px 3% !important;
  }
  #main-content.on #filtre_fournisseur button.btn_filtre {
    background-position: 10px center;
  }
  #main-content.on .contenu .button.ajout.fournisseur {
    right: 12%;
    background-position: 15px 10px !important;
  }
  #main-content.off .contenu .button.ajout.fournisseur {
    right: 11%;
  }
  #main-content.on .block_edition button.principal.ajout {
    right: 20%;
  }
  #main-content.off .block_edition button.principal.ajout {
    right: 17%;
  }
  /***** Nouveau fournisseur *****/
  #nouveau_fournisseur button button_right {
    padding: 10px !important;
  }
  /*** Historique ***/
  #historique .champs_label, #modif_centre_emetteur form .row .champs_label {
    width: 34%;
  }
  #historique .resultat, #modif_centre_emetteur form .row .resultat {
    width: 60%;
  }
  /*** Entete ***/
  #entete .colonne2:first-child {
    width: 50%;
    margin-right: 1%;
  }
  #entete .rattacher_documents {
    padding: 15px 3% 15px 6%;
    margin-right: 1%;
    min-width: 47%;
  }
  #entete .colonne2:last-child {
    width: 48%;
  }
  /*** Choix des commandes ***/
  #filtre_commandes {
    font-size: var(--fs-11);
  }
  #filtre_commandes .button_right {
    padding: 10px 15px 10px 30px !important;
  }
  /*** Affectations ***/
  /*.detail_affectations .row {display:inline-block;width:55%!important;margin-right:0px;margin-left:0px;float:right;}
  .detail_affectations .row .colonne3 {margin-right:1%;}
  .detail_affectations .row .colonne3.last {margin-right:0px;}
  .detail_affectations > div > button {margin-right:1px;}
  .detail_affectations > div > button.ajout {padding: 10px 1% 10px 5%!important;}
  .detail_affectations button[type="submit"] {padding: 10px 2%!important;}

  .detail_affectations .row span.montant {padding-right:0px;}
  #main-content.on .montant_affectation {width:32%!important;}
  #main-content.on .colonne3 .row input{width:45%!important;}
  .contenu .button.principal.ajout {background-position:9px 10px!important;}*/
  #main-content.on #affectations, #main-content.on #affectations button {
    font-size: 0.9em !important;
  }
  #main-content.off #affectations, #main-content.off #affectations button {
    font-size: 1em !important;
  }
  #main-content #affectations button.ajout {
    background-size: 7%;
  }
  #affectation_facture .affichageFicLAD#tableau_affectations {
    width: 100%;
  }
  #affectation_facture .apercu_facture {
    display: none;
  }
  /***** Modals *****/
  #creation_ligne_manuelle .modal-dialog, .half_dialog, .large_dialog {
    width: 900px;
  }
  #gestion-commandes .filtre.first, #gestion-commandes .filtre.last {
    width: 16% !important;
  }
  #gestion-commandes .filtre.first input, #gestion-commandes .filtre.last input {
    width: 55% !important;
  }
  #gestion-commandes .filtre {
    width: 37% !important;
  }
  #gestion-commandes .filtre .colonne2 label {
    width: 62% !important;
  }
  #gestion-commandes .filtre .colonne2 input {
    width: 35% !important;
  }
  .colonneImage {
    display: none;
  }
  .colonneLogIn {
    float: none !important;
    margin-left: 10%;
    margin-right: 10%;
    width: 80% !important;
    padding: 0px;
  }
  form .filtre select#input_selectOptionSietDirection, form .filtre select#input_SELECT_CDC_NA, form .filtre select#input_selectOptionSCAetCA {
    width: 40% !important;
  }
}
@media (max-height: 700px) {
  .body-wrapper {
    overflow: auto;
  }
  .body-wrapper #footer {
    position: fixed;
  }
}
/********** utils ********/
.d-none {
  display: none !important;
}

.d-block {
  display: block !important;
}

.d-inline {
  display: inline !important;
}

input:checked ~ .d-unchecked {
  display: none !important;
}

input:not(:checked) ~ .d-checked {
  display: none !important;
}

.cursor-pointer {
  cursor: pointer;
}

.bg-default {
  background-color: var(--color-bg-default);
}

.bg-client-1 {
  background-color: var(--main-color-client1);
}

.border-shadow {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
}

.nowrap {
  white-space: nowrap;
}

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card, .card-link {
  display: block;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  background-color: var(--color-bg-default);
  box-shadow: var(--box-shadow);
  padding: var(--space-base);
}

.card-link:hover {
  background-color: #e9e9e9;
}

.svg-fill-client1 {
  fill: var(--main-color-client1);
}

a.link-unstyled, #menu-lateral a.submenu-item,
#menu-lateral a.menu-item, #menu-creation-submenu .menu-list > li > a, #submenu-panier .menu-list > li > a, #menu-notif-submenu .menu-list > li > a, #menu-user-submenu .menu-list > li > a {
  color: inherit;
  text-decoration: inherit;
}

.h-100 {
  height: 100%;
}

.relative {
  position: relative;
}

.position-fixed {
  position: fixed !important;
}

.word-break {
  overflow-wrap: break-word;
}

.follow-scroll {
  top: 0;
}
.follow-scroll:not(.position-fixed) + [data-followscroll-placeholder] {
  display: none !important;
}

/********** Module - consultation ********/
/** Consultation **/
#Consultation_choixFrs .table-wrap {
  width: 100%;
  overflow: auto;
  max-height: 500px;
}
#Consultation_choixFrs .table-scroll th {
  padding: 5px 10px;
  white-space: nowrap;
  vertical-align: top;
}
#Consultation_choixFrs .fixed-side {
  z-index: 1 !important;
}
#Consultation_choixFrs .fixed-bottom {
  background-color: var(--color-bg-default);
}
#Consultation_choixFrs .main-table .bestPriceFrs {
  color: #42bd42;
  font-weight: bold;
}
#Consultation_choixFrs .main-table .rowSelectionnable {
  cursor: pointer;
}
#Consultation_choixFrs .main-table .selectedRow {
  background-color: #e7eaea;
  cursor: default;
}

.table-scroll td {
  padding: 5px 10px;
  white-space: nowrap;
  vertical-align: top;
}

table.table-V2 {
  border: 0px solid #fff !important;
  border-collapse: separate;
}

.table-V2 th:first-child {
  border-left: 1px solid #ddd;
}
.table-V2 th:last-child {
  border-right: 1px solid #ddd;
}
.table-V2 td:first-child {
  border-left: 1px solid #ddd;
}
.table-V2 td:last-child {
  border-right: 1px solid #ddd;
}
.table-V2 .noBorderLeft {
  border-left: 0px solid #ddd !important;
}
.table-V2 .noBorderRight {
  border-right: 0px solid #ddd !important;
}
.table-V2 .borderBottom {
  border-bottom: 1px solid #ddd;
}
.table-V2 .borderLeft {
  border-left: 1px solid #ddd !important;
}
.table-V2 .borderRight {
  border-right: 1px solid #ddd !important;
}
.table-V2 .noBorderTop {
  border-top: 0px solid #ddd !important;
  background-color: white;
}
.table-V2 .entete_split {
  background-color: var(--color-bg-default);
}
.table-V2 .divPxFrs {
  display: flex;
}
.table-V2 .divPxFrs .quantiteAno {
  color: var(--warning);
}
.table-V2 .divPxFrs .montant {
  margin-left: auto;
}

/** ************ **/
/********** Module - fournisseur ********/
/********* Fournisseur **********/
#nouveau_fournisseur .autorisation {
  height: 23px;
  background-size: 100%;
}
#nouveau_fournisseur .switch {
  margin-left: 0px;
}
#nouveau_fournisseur .switch .autorisation {
  right: -65px;
  top: 0%;
}
#nouveau_fournisseur .autorisation.refusee {
  background-position: center -34px;
}

#fournisseurs .initiale {
  width: 18px;
  height: 18px;
  background-position: 0px center;
  background-repeat: no-repeat;
  display: inline-block;
  color: #fff;
  text-align: center;
  margin-right: 5px;
  background-color: var(--main-color-blue);
  border-radius: 5px;
}

.block_spec {
  border-radius: 10px;
  display: inline-block;
  width: 100%;
  position: relative;
  background-color: var(--color-bg-default);
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  border: none;
  box-shadow: var(--box-shadow);
}

.infos_spec {
  font-size: var(--fs-14);
  padding-left: 0 !important;
  background-color: #F5F7FA;
  display: inline-block;
  width: 100%;
  font-weight: bold;
  vertical-align: top;
  border-radius: 0.25rem 0.25rem 0px 0px;
}

.infos_spec p {
  font-size: var(--fs-base);
  padding: 12px;
  color: #404E67;
  margin-bottom: 0.5rem;
}

.extra_space {
  display: block;
}

.details_spec {
  display: flex;
  justify-content: center;
  padding: 20px;
}
.details_spec span {
  background: #fff;
  border-radius: 50%;
  color: var(--main-color-full) !important;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 0.5rem;
  padding: 20px;
  height: 68px;
  text-align: center;
  width: 80px;
}
.details_spec a {
  color: #1e90ff !important;
}

.br_bc_g {
  border: 4px solid rgb(70, 186, 119);
}

.br_bc_y {
  border: 4px solid rgb(247, 219, 110);
}

.br_bc_o {
  border: 4px solid #fb9a00;
}

.br_bc_r {
  border: 4px solid #DA0813;
}

.td_indicator {
  display: flex;
  justify-content: space-between;
}

.indic_label {
  width: 60%;
}

.indic_span {
  margin: auto;
}

.naos_specs_tooltip {
  width: 500px !important;
}

.second_col_trend {
  width: 46px;
}

.third_col {
  width: 58px;
}

.third_col_trend {
  width: 33px;
}

#BVD #table1 th,
#BVD #specNaosTable th,
#BVD #table1 td,
#BVD #specNaosTable td {
  font-size: var(--fs-base) !important;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.infos_google {
  background-image: url(../IconeV2/Gestion/Location.svg);
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  width: 25px;
  height: 25px;
}

.infos {
  background-image: url(../IconeV2/Gestion/infos.png);
  background-repeat: no-repeat;
  background-position: center 1px;
  display: inline-block;
  width: 20px;
  height: 16px;
}

.suite_information {
  background-color: #ddd;
  text-align: center;
  width: 23px;
  height: 25px;
  display: inline-block;
  position: absolute;
  border-radius: 5px;
  vertical-align: middle;
  margin-left: 5px;
  padding-top: 5px;
  color: var(--main-color-full);
}

#lignes_ao .colonne2 {
  width: 48.5%;
  display: inline-block;
  margin: 0% 1% 0% 0%;
  vertical-align: top;
  position: relative;
  float: left;
}

#fiche_fournisseur .colonne2, #fiche_groupement .colonne2 {
  width: 48%;
  display: inline-block;
  margin: 1%;
  vertical-align: top;
  position: relative;
  float: left;
}

.etatCadenas {
  background-image: url(../IconeV2/Misc/verrou.png);
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  display: inline-block;
  position: absolute;
  top: -20px;
  background-size: 80%;
  right: -6px;
}

.etatLock {
  background-image: url(../IconeV2/Misc/verrou.png);
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  display: inline-block;
  position: absolute;
  background-size: 80%;
  right: -6px;
}

#commentaireBDD .etatCadenas {
  background-image: url(../IconeV2/Misc/verrou.png);
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  display: inline-block;
  position: absolute;
  top: 15px;
  background-size: 80%;
  right: -6px;
}

.etatCadenas.plein.accepte {
  background-position: center -38px;
}

.etatCadenas.plein.refuse {
  background-position: center 10px;
}

.etatCadenas.vide.accepte {
  background-position: center -141px;
}

.etatCadenas.vide.refuse {
  background-position: center -93px;
}

#detail_fournisseur .parametrage {
  float: right;
  margin-top: -5px;
  padding: 5px;
}

.parametrage.parametre_general:hover {
  border-radius: 4px;
  background-color: rgba(176, 183, 197, 0.1);
}
.parametrage.parametre_general .ss_parametres .ss_params {
  right: 0px !important;
  top: 34px !important;
}

/****** Documents rattachés ******/
#documents_rattaches .boutons {
  padding: 15px 0px;
  text-align: right;
}
#documents_rattaches .parametrage {
  width: 46px;
  float: right;
}
#documents_rattaches .ss_parametres {
  top: 30px !important;
  right: 5px !important;
}
#documents_rattaches [type=submit] {
  background-color: transparent;
  position: absolute;
  right: 5px;
  top: 23%;
}

#documents_rattaches_fournisseur .boutons {
  padding-bottom: 15px;
}
#documents_rattaches_fournisseur .parametrage {
  width: 46px;
  float: right;
}
#documents_rattaches_fournisseur .etat span {
  color: #fff;
  padding: 6px 8px;
}
#documents_rattaches_fournisseur .etat .ajour {
  background-color: #53ad53;
}
#documents_rattaches_fournisseur .etat .absent {
  background-color: #f28c3b;
}
#documents_rattaches_fournisseur .etat .perime {
  background-color: #a31923;
}
#documents_rattaches_fournisseur .etat .sans_objet {
  background-color: var(--main-color-blue);
}
#documents_rattaches_fournisseur table tr td button {
  padding: 6px 8px;
}
#documents_rattaches_fournisseur .ss_parametres .ss_params {
  top: 30px !important;
  right: 5px !important;
}
#documents_rattaches_fournisseur [type=submit] {
  background-color: transparent;
  position: absolute;
  right: 5px;
  top: 23%;
}

#Article .boutons {
  padding: 15px 0px;
}

#items .boutons {
  padding: 15px 0px;
}

#gareDeTriage .boutons {
  padding: 0;
  margin-bottom: 10px;
}
#gareDeTriage .textSelected {
  margin-top: 10px;
  margin-bottom: 5px;
}

#signatures .parametrage {
  width: 46px;
  float: right;
}
#signatures table button {
  padding: 5px 9% 8px 9%;
  float: right;
}

.ecart.totaux_egaux {
  background-color: #53ad53;
}

.ecart.totaux_differents {
  background-color: #a31923;
}

.dernier_contact {
  background-image: url(../../IconeV2/Gestion/supplier-contact.svg);
  background-repeat: no-repeat;
  background-position: right center;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 13px;
  width: 23px;
  height: 20px;
  display: inline-block;
}

.rattacher_documents {
  display: block;
  background-image: url(../IconeV2/Gestion/documents-rattaches.svg);
  background-repeat: no-repeat;
  background-position: 15px center;
  border-radius: 2px;
  background-color: #f6f6f6;
  padding: 15px 15px 15px 40px;
  border: 1px solid #d9e2ea;
  margin-right: 1%;
  cursor: pointer;
}
.rattacher_documents:hover {
  background-color: #d8d8d8;
}

.special_tooltip:hover + .infos_tooltip {
  display: block;
}

/*************** Regroupement fournisseurs ******************/
#heritage-groupements .titre {
  font-size: 1.2em;
  color: #333;
}

#creation-groupement {
  padding: 15px 0px;
}

#remise_gamme .colonne2:nth-child(2n) {
  margin-left: 4% !important;
}

/****************** CUSTOM VISU *******/
.visunote_theme_content {
  position: relative;
}

.visunote_theme_libelle {
  position: absolute;
  left: 20em;
}

/* input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; } */
.editions-infos {
  align-items: center;
  display: flex;
  border-right: solid 1px rgba(151, 151, 151, 0.16);
  font-weight: bold;
  padding: 0px 1%;
  width: 25%;
}

.editions-label {
  margin-right: 3%;
  width: 80%;
  padding-right: 2px;
}

.editions-number {
  padding: 8px;
  background-color: #505661;
  border: 1px solid #505661;
  border-radius: 5px;
  font-weight: bold;
  color: white;
}

.apercu-editions {
  display: flex;
  justify-content: center;
}

#tabble_CA input, #tabble_CA select {
  width: 100% !important;
}

/***** PopUp Stats Incidents *****/
#stats_incidents .row > select {
  width: 40%;
}

#stats_incidents .row > select:nth-child(2) {
  width: 19%;
  margin-right: 1%;
}

/**** BVD ****/
#BVD .details {
  text-align: right;
  margin-right: 20px;
}
#BVD .block_edition.bvd {
  height: 160px;
}

/**** Factures sans commandes ****/
#formSocieteUser {
  width: 350px;
  margin-left: auto;
  margin-bottom: 10px;
}

/********** Module - etatStatistique ********/
/******  Etat Statistiques      *********/
.conteneur {
  margin: auto;
  /* display: flow-root; */
  /* Safari 6.1+ */
  /*-webkit-flex-flow: row-reverse wrap;*/
  /* display: flex;
  flex-flow: nowrap; */
  overflow: auto;
  clear: both;
  content: "";
}

.tuilesEtat {
  width: auto;
  min-width: 30.4%;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  /*background-color: #f7f7f7;*/
  box-shadow: var(--box-shadow);
  /*border: solid 1px #dcdcdc;*/
  margin: 1%;
  display: block;
  padding: 15px;
  height: 50px;
  float: left;
  color: var(--main-color-full);
  word-wrap: break-word;
}

.tuilesEtat:hover {
  background-color: #e9e9e9;
}

.tuilesTitle {
  padding-left: 20px;
  text-align: center;
  display: inline-block;
  position: absolute;
  max-width: 18%;
  text-overflow: ellipsis;
  overflow: hidden;
}

#stats_frs .tuilesEtat {
  width: 100%;
}

/****** Fin Etats Statistiques  *********/
/******** SPECIFIQUE ********/
#form_donneesComptables .colonne2:nth-child(odd) {
  width: 48% !important;
  margin-right: 0px;
}

/*************************/
#tableau_split {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
  border: 0px solid white;
}
#tableau_split td:last-child {
  border-right: 1px solid #ddd;
}
#tableau_split td:first-child {
  border-left: 1px solid #ddd;
}
#tableau_split .entete_split {
  background-color: var(--color-bg-default);
}
#tableau_split .ligne_split {
  border-top: 2px solid white;
  border-bottom: 2px solid white;
  border-left: 2px solid #ddd;
  border-right: 2px solid #ddd;
  background-color: var(--color-bg-default);
}
#tableau_split .ligne_split.gauche {
  border-right: transparent;
}
#tableau_split .ligne_split.droite {
  border-left: transparent;
}
#tableau_split .ligne_split.middle {
  border-bottom: transparent;
}
#tableau_split .titre_split {
  border: 1px solid white;
}
#tableau_split .total_middle {
  border-top: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
}

#tableau_split.CBDN {
  border-top: 0px solid white;
  display: inline-table;
  white-space: normal;
  overflow: hidden;
}

.ligne_middle {
  border: 1px solid white;
  background-color: var(--color-bg-default);
}

/********** Module - facture ********/
/***** facture *****/
#creation_ligne_manuelle .modal-dialog {
  width: 50%;
}
#creation_ligne_manuelle .row textarea#designation_ligne {
  float: left;
  width: 80% !important;
}
#creation_ligne_manuelle .row p {
  padding-top: 8px;
  font-weight: bold;
}
#creation_ligne_manuelle label[for=designation_ligne] {
  width: 19% !important;
}

.half_dialog {
  width: 50%;
}

#form_commande_regularisation .resultat {
  left: -20px;
  position: relative;
}

#form_non_facturable input {
  left: -20px;
  position: relative;
}
#form_non_facturable label {
  width: 92%;
}

#zedoc {
  position: relative;
  width: 100%;
  padding: 20px 20px 5% 15px;
  margin-bottom: 15px;
}
#zedoc iframe {
  width: 100%;
  min-height: 900px;
}

#reglement table td:last-child {
  padding: 6px !important;
}

/************* FACTURES ***************/
/****** Gestion des factures *********/
#gestion-facture form .filtre {
  width: 33%;
}
#gestion-facture form .filtre.last {
  width: 17%;
}
#gestion-facture form .filtreBtn {
  width: 100%;
  position: relative;
  display: inline-block;
}
#gestion-facture .bg_form .principal, #gestion-facture .box-form .principal {
  margin-right: 2%;
}
#gestion-facture .ss_parametres {
  width: 450px;
}
#gestion-facture .ss_parametres_top {
  width: 450px;
}
#gestion-facture .infos_tooltip.top {
  left: 0px;
}

.ss_params {
  width: 450px;
}

#commandes .infos_tooltip.top {
  left: 0px;
}

.informations_facture {
  padding: 10px;
}

.lignes_supplementaires {
  background-color: #dbdbdb;
  text-align: center;
  display: block;
  width: 100%;
  margin: 0;
}

.existCde {
  background-image: url(../IconeV2/Misc/existCde.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 1px;
}

.lignes_supplementaires span.voir_plus {
  background-image: url(../IconeV2/Misc/voir_ligne.png);
  background-repeat: no-repeat;
  background-position: 100% 17px;
  text-align: center;
  color: var(--main-color-blue);
  display: inline-block;
  padding: 10px 15px 10px 10px;
  font-weight: bold;
  cursor: pointer;
}

.fondLettre {
  color: white;
  margin-right: 1px;
  margin-bottom: 1px;
  width: 15px;
  display: inline-block;
  text-align: center;
}

.fondGris {
  background: grey;
}

.fondRouge {
  background: var(--error);
}

#gestion-facture .fondBleu {
  background: var(--main-color-blue);
}

.pj input {
  width: 55% !important;
}

.loupe_icon {
  background-image: url(../../IconeV2/Gestion/zoom.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-right: 1px;
}

.alert_ecart {
  background-image: url(../IconeV2/Gestion/Anomaly.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 1px;
}

.pdf {
  background-image: url(../IconeV2/Misc/pdf.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 1px;
}

.pdf_blue {
  background-image: url(../IconeV2/Misc/pdf_blue.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 1px;
}

.alerte_orange {
  background-image: url(../IconeV2/Gestion/Incidental.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 1px;
}

.pre_affectation {
  background-image: url(../IconeV2/Gestion/Validated-assignment-blue.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 1px;
}

.ecart_planning {
  background-image: url(../IconeV2/Gestion/Planning-modify.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 1px;
}

.ligne1 {
  display: flex;
}

.calendrier {
  background-image: url(../IconeV2/Global/deadline-change.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 1px;
}

.statut.transferer {
  background-image: url(../IconeV2/Misc/LAD_Tr_Vali.png);
  width: 20px;
  height: 23px;
  background-position: center bottom;
  background-repeat: no-repeat;
  display: inline-block;
  top: 2px;
}

.statut.enErreur {
  background-image: url(../IconeV2/Misc/LAD_Tr_error.png);
  width: 20px;
  height: 23px;
  background-position: center bottom;
  background-repeat: no-repeat;
  display: inline-block;
  top: 2px;
}

#incidents .btn_modifier, #marche .btn_modifier {
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../IconeV2/Global/edition-white.svg);
  width: 50%;
  height: 50%;
  margin-bottom: 5px !important;
  padding: 12px !important;
  margin-left: 10px !important;
}

/********** Visualisation - Règlement **************/
#visualisation_facture {
  padding: 15px;
}
#visualisation_facture .montant .resultat {
  text-align: right;
  margin-right: 4%;
  width: 39% !important;
}
#visualisation_facture table tr td span.num_cde {
  width: 90%;
  display: inline-block;
}
#visualisation_facture table tr td span.num_br {
  width: 90%;
  display: inline-block;
}
#visualisation_facture table tr td .colonne2 span.champs_label {
  width: 37%;
  display: inline-block;
}
#visualisation_facture table tr td .colonne2 span.resultat {
  width: 60%;
  font-weight: bold;
  display: inline-block;
}

#reglement {
  padding: 15px;
}
#reglement h2 a {
  float: right;
  margin-right: 0px;
  margin-top: -10px;
  font-size: var(--fs-base);
}
#reglement .informations span.resultat {
  width: 85%;
}
#reglement .parametrage .ss_parametres .ss_params {
  top: 33px;
  right: 6px;
}

.detail_commande table thead tr {
  background-color: #eee !important;
  color: var(--main-color-full);
}

.detail_ligne table thead tr {
  background-color: #eee !important;
  color: var(--main-color-full);
}

/********** Nouvelle Facture : Entête *********/
.bg_blanc {
  background-color: var(--color-bg-default);
}

.titre_partie {
  font-size: var(--fs-14);
  font-weight: bold;
  margin-bottom: 20px;
}

.infos_societe {
  border-top: 1px solid #ddd;
  padding: 15px;
}

.fournisseur {
  border-top: 1px solid #ddd;
  padding: 15px;
}

.reglement {
  border-top: 1px solid #ddd;
  padding: 15px;
}

.champs_supplementaires {
  border-top: 1px solid #ddd;
  padding: 15px;
}
.champs_supplementaires .switch {
  margin-left: 15%;
}

.reglementBanque {
  border-top: 1px solid #ddd;
  padding: 15px;
}
.reglementBanque #compte div {
  float: left;
}
.reglementBanque #compte div label {
  width: 95%;
}
.reglementBanque #compte div input {
  width: 95%;
}
.reglementBanque #compte div.last label {
  width: 100%;
}
.reglementBanque #compte div.last input {
  width: 100%;
}
.reglementBanque #div_CODE_BANQ {
  width: 25%;
}
.reglementBanque #div_CODE_GUIC {
  width: 25%;
}
.reglementBanque #div_NUM_COMPT {
  width: 25%;
}
.reglementBanque #div_CLE_RIB {
  width: 25%;
}
.reglementBanque #ibanLabel {
  width: 100%;
  text-align: center;
}
.reglementBanque #ibanLabel label {
  width: 100%;
  text-align: center;
}
.reglementBanque #iban div {
  float: left;
}
.reglementBanque #iban #div_IBANPAYS {
  width: 13%;
}
.reglementBanque #iban #div_IBANPAYS select {
  width: 92%;
}
.reglementBanque #iban #div_IBANCLE {
  width: 12%;
}
.reglementBanque #iban #div_IBANCLE input {
  width: 88%;
}
.reglementBanque #iban div.last {
  width: 75%;
}
.reglementBanque #iban div.last input {
  width: 100%;
}

.champs_btn {
  border-top: 1px solid #ddd;
  padding: 15px;
  clear: both;
}

.rowBtnPj {
  border-top: 1px solid #ddd;
  padding: 15px;
}

.infos_create_projet {
  border-top: 1px solid #ddd;
  padding: 15px;
}

#modificationFacture .infos_societe {
  border: none;
}

.societe {
  width: 31%;
  display: inline-block;
  margin-right: 1%;
  vertical-align: middle;
  position: relative;
  vertical-align: top;
}

.num_enregistrement {
  width: 31%;
  display: inline-block;
  margin-right: 1%;
  vertical-align: middle;
  position: relative;
  vertical-align: top;
}
.num_enregistrement label {
  width: 60%;
  padding-top: 10px;
}
.num_enregistrement input {
  width: 35%;
  display: inline-block;
  float: right;
}

.libelle_societe {
  width: 31%;
  display: inline-block;
  margin-right: 1%;
  vertical-align: middle;
  position: relative;
  vertical-align: top;
}

.colonne3 {
  width: 31%;
  display: inline-block;
  margin-right: 1%;
  vertical-align: middle;
  position: relative;
  vertical-align: top;
}

#attestations .colonne3 {
  vertical-align: top;
}

#lignes_ao .colonne3 {
  vertical-align: top;
}

#factures #entete .reglement .colonne3 {
  vertical-align: top;
}
#factures #entete #txDevise {
  position: relative;
}
#factures #entete #txDevise .span_devise_change {
  padding: 11px 12px;
}
#factures #entete #txDeviseSTE {
  margin-top: 10px;
  margin-bottom: 0px;
  width: 60%;
}
#factures #entete #txDeviseSTE input {
  width: 100%;
}
#factures #entete #txDeviseSTE .span_devise_change {
  padding: 6px 12px;
}

#imageFacture button {
  width: 20px;
  height: 20px;
}

/********************* FACTURES - Choix des commandes **************/
#filtre_commandes .button_right {
  margin: 2% 1% 0px 0px;
}

.filtre_commande {
  width: 35%;
  display: inline-block;
  vertical-align: top;
  padding: 1%;
  border-right: 1px solid #ddd;
}
.filtre_commande:nth-child(2) {
  width: 55%;
}
.filtre_commande:nth-child(2) .champs {
  width: 32%;
  display: inline-block;
  max-height: 30px;
  width: 32%;
  display: inline-block;
  max-height: 30px;
}
.filtre_commande:nth-child(2) .champs label {
  width: 45%;
}
.filtre_commande:nth-child(2) .champs.margin10 {
  margin-top: 10px;
}
.filtre_commande .champs {
  width: 22%;
  display: inline-block;
  position: relative;
  margin-right: 1%;
}
.filtre_commande .champs label {
  width: 29%;
  display: block;
  float: left;
  vertical-align: middle;
  padding: 9px 0px;
  margin-bottom: 0px;
}
.filtre_commande .champs input {
  width: 55%;
  display: inline-block;
  float: right;
}
.filtre_commande .champs select {
  width: 55%;
  display: inline-block;
  float: right;
}
.filtre_commande .champs.crea_debut {
  width: 56%;
}
.filtre_commande .champs.crea_fin {
  margin-right: 0px;
  width: 40%;
}

.filtre_commande.last {
  width: 20%;
  border-right: none;
}

.crea_debut label {
  width: 45% !important;
}

.crea_fin label {
  width: 20% !important;
}
.crea_fin input {
  width: 75% !important;
}

.tblEclatementLigne .ligne1:first-child {
  width: auto !important;
}

#choix_avoir .filtre_commande {
  width: 45%;
}
#choix_avoir .filtre_commande:nth-child(2) .champs {
  width: 49%;
  display: inline-block;
  max-height: 30px;
}

#choix_commandes #divOngletsEtBoutons {
  position: relative;
}
#choix_commandes #divOngletsEtBoutons #divBoutons {
  text-align: right;
  top: 0px;
  position: absolute;
  width: 50%;
  right: 0px;
  top: -5px;
}
#choix_commandes #divOngletsEtBoutons #divBoutons a {
  margin-right: 1%;
}
#choix_commandes #tableau_commandes {
  width: 100%;
  display: inline-block;
}
#choix_commandes .affichageFicLAD#tableau_commandes {
  width: 75%;
  display: inline-block;
}
#choix_commandes thead tr th {
  vertical-align: middle !important;
}
#choix_commandes input[type=checkbox] {
  float: left !important;
}
#choix_commandes .parametrage {
  width: 40px;
  float: right;
}
#choix_commandes .ss_parametres {
  right: 0px;
  top: 30px;
}
#choix_commandes .apercu_facture {
  display: inline-block;
  vertical-align: top;
  float: right;
  width: 25%;
}
#choix_commandes .alerte_orange {
  margin-top: 8px;
  margin-left: 8px;
}

#utilisateurs-autorises input[type=checkbox] {
  float: none;
}

#acquisition .parametrage {
  width: 40px;
  float: right;
}
#acquisition .ss_parametres {
  right: 0px;
  top: 30px;
}

#accords-groupes table th {
  vertical-align: middle;
}

#affectations .ss_parametres .ss_params {
  right: 0px !important;
}

#signatures .ss_parametres {
  right: 0px;
  top: 30px;
}

#importation_facture .apercu_facture {
  display: inline-block;
  vertical-align: top;
  float: right;
  width: 30%;
}

#tableau_commandes .champs_btn .colonne2 button {
  float: left;
}
#tableau_commandes .champs_btn .colonne2.last button {
  float: right;
}

.detail_ligne td table thead tr {
  background-color: #eee !important;
  color: var(--main-color-full);
  font-weight: bold;
}

.background_detail {
  background-color: rgba(74, 85, 107, 0.06);
}

.detail_ligne_show {
  background-color: rgba(74, 85, 107, 0.06);
  border-color: currentcolor rgba(102, 175, 233, 0.9) rgba(102, 175, 233, 0.9);
  border-style: none solid solid;
  border-width: 0px 2px 2px;
  -o-border-image: none 100%/1/0 stretch;
     border-image: none 100%/1/0 stretch;
  box-shadow: none;
}

.entete_ligne_show {
  border-color: rgba(102, 175, 233, 0.9) rgba(102, 175, 233, 0.9) currentcolor;
  border-style: solid solid none;
  border-width: 2px 2px 0px;
  -o-border-image: none 100%/1/0 stretch;
     border-image: none 100%/1/0 stretch;
  box-shadow: none;
}

/********************* FACTURES - Affectations ********************/
.detail_affectations {
  vertical-align: middle;
}
.detail_affectations .row {
  display: inline-block;
  margin-right: 0px;
  float: right;
  background-color: var(--color-bg-default);
  padding: 5px;
  margin: 0px;
  width: 62%;
}
.detail_affectations .row .colonne3 {
  width: 30%;
  margin-right: 1%;
}
.detail_affectations .row .colonne3 label {
  padding: 0px;
}
.detail_affectations .row .colonne3.last {
  width: 37%;
  margin-right: 0%;
}
.detail_affectations .row .ecart.colonne3 label {
  width: 26% !important;
}
.detail_affectations .row span {
  border-radius: 2px;
  padding: 0px 5px;
  float: right;
}
.detail_affectations .row span.montant {
  background-color: #ededed;
}
.detail_affectations .row span.ecart {
  color: #fff;
  margin-left: 2px;
}
.detail_affectations .row p {
  display: inline-block;
  width: 100%;
  margin: 0px;
}
.detail_affectations .row p:last-child {
  margin-bottom: 0px;
}
.detail_affectations div.clearfix {
  width: 38%;
  float: left;
}
.detail_affectations #btnTotaux button {
  float: right;
  margin: 5px;
}
.detail_affectations > div > button {
  margin-top: 5px;
  margin-right: 5px;
}
.detail_affectations > div > a > button {
  margin-top: 5px;
  margin-right: 5px;
}
.detail_affectations > div > button.ajout {
  background-position: 5% 11px !important;
}

.eclatementLigne button.right {
  float: right;
  margin: 5px;
}
.eclatementLigne div.clearfix {
  width: 100%;
  float: left;
}
.eclatementLigne > td {
  padding: 0px !important;
}
.eclatementLigne > td:last-child {
  padding: 0px !important;
}

#affectations table .ligne1 {
  position: relative;
}
#affectations table .ligne1 input {
  height: 25px;
}
#affectations table .ligne2 {
  position: relative;
}
#affectations table .ligne2 input {
  height: 25px;
}
#affectations table .resultat {
  width: 45%;
  float: right;
}
#affectations table tr td {
  padding: 6px;
}
#affectations .notFull {
  width: 90% !important;
}
#affectations td[align=right] .ligne2 input {
  text-align: right;
}
#affectations .parametre {
  background-position: 3px 6px;
}
#affectations #tableau_affectations .resultat {
  width: 50%;
  float: right;
}
#affectations #tableau_affectations .openDetail {
  background-position: right 17px;
}
#affectations #tableau_affectations .alerte_orange {
  float: right;
  margin-right: -3px;
  margin-top: -15px;
}
#affectations .apercu_facture {
  width: 21.5%;
  display: inline-block;
  vertical-align: top;
  float: right;
}
#affectations .parametre.ferme {
  background-position: 3px 5px;
}
#affectations .parametre.ouvert {
  background-position: 2px -36px;
}
#affectations .ss_parametres {
  right: 0px;
  top: 29px;
}

.hide_detail {
  display: none;
}

.affichageFicLAD#tableau_affectations {
  float: left;
  width: 78.5%;
}

.tableau_affectations input[type=checkbox] {
  width: 100%;
  display: inline-block;
  height: 25px;
}

tr.pre-affectation {
  color: var(--main-color-blue);
}
tr.pre-affectation input {
  color: var(--main-color-blue);
}

table tr td.active {
  background-color: transparent !important;
}

#tableau_affectations table tr td {
  vertical-align: top !important;
}
#tableau_affectations table tr td .ligne1 {
  position: relative;
  margin-top: 7px !important;
  display: inline-block;
  width: 100%;
  vertical-align: top !important;
}
#tableau_affectations table tr td .ligne1 input {
  margin-top: -5px;
  font-size: var(--fs-base);
  height: 25px;
  padding: 3px 5px 3px 5px;
  width: 100%;
  margin-top: -8px;
}
#tableau_affectations table tr td .ligne1 .glyphicon-search {
  top: -2px;
  right: 10px;
}
#tableau_affectations table tr td .ligne1 input.left {
  text-align: left;
}
#tableau_affectations table tr td .ligne2 {
  position: relative;
  margin-top: 7px !important;
  display: inline-block;
  width: 100%;
  vertical-align: top !important;
}
#tableau_affectations table tr td .ligne2 input {
  margin-top: -5px;
  font-size: var(--fs-base);
  height: 25px;
  padding: 3px 5px 3px 5px;
  width: 100%;
}
#tableau_affectations table tr td .ligne2 .glyphicon-search {
  top: 2px;
  right: 10px;
}
#tableau_affectations table tr td .ligne2 input.left {
  text-align: left;
}
#tableau_affectations table tr td .ligne1.non_modifiable {
  background-color: var(--color-bg-default);
  padding: 4px 6px 3px 5px !important;
  margin-top: 0px !important;
  width: 100% !important;
}
#tableau_affectations table input.champs_recherche:not(.error) {
  padding: 3px 30px 3px 5px !important;
  vertical-align: top !important;
}
#tableau_affectations .parametre {
  margin-top: -5px;
  width: 25px;
  height: 25px;
}
#tableau_affectations > table > tbody > tr:not(.detail_ligne) > td:first-child span.glyphicon-search {
  right: 25px;
}

form #tableau_affectations .row label.switchV2 {
  margin-left: 15%;
}

/************ Eclatement ligne ****************/
#eclatement_ligne table .row {
  margin: 0px;
}
#eclatement_ligne table .align-center img {
  margin-top: -10px;
}
#eclatement_ligne .row .colonne2 input {
  float: right;
  width: 60%;
  display: inline-block;
}
#eclatement_ligne td[colspan="10"] {
  padding-bottom: 10px !important;
}
#eclatement_ligne form .resultat {
  text-align: left !important;
  padding-top: 8px;
}
#eclatement_ligne form > .row > textarea {
  width: 81%;
}
#eclatement_ligne form > .row > label {
  width: 19%;
}

/************ Choix validation Facture ****************/
#choix_validation #rowToutValider {
  margin-bottom: 70px;
}
#choix_validation button.right {
  float: right;
  margin: 5px;
}

/***** Acquisition des factures + Suppression image *****/
#importation_facture #tableau_acquisition {
  width: 70%;
  display: inline-block;
}
#importation_facture .apercu_facture {
  width: 29%;
  display: inline-block;
  vertical-align: top;
}

#factures_archivees #tableau_factures_archivees {
  width: 70%;
  display: inline-block;
}
#factures_archivees .apercu_facture {
  width: 29%;
  display: inline-block;
  vertical-align: top;
}

#suppression_image_lad #tableau_image_lad {
  width: 70%;
  display: inline-block;
}
#suppression_image_lad .apercu_facture {
  width: 29%;
  display: inline-block;
  vertical-align: top;
}
#suppression_image_lad .champs_label {
  width: 40%;
  margin-left: 0%;
  padding-top: 0px;
}

#tableau_acquisition .champs_label {
  width: 40%;
  margin-left: 0%;
  padding-top: 0px;
}
#tableau_acquisition .resultat {
  width: 60%;
}

#tableau_factures_archivees {
  padding: 15px 0px;
}
#tableau_factures_archivees .champs_label {
  width: 40%;
  margin-left: 0%;
  padding-top: 0px;
}
#tableau_factures_archivees .resultat {
  width: 60%;
}

#suivi_demandes {
  padding: 15px 0px;
}

#signatures {
  padding: 15px 0px;
}

#tableau_image_lad {
  padding: 15px 0px;
}
#tableau_image_lad .resultat {
  width: 60%;
}

/********************* FACTURES - Listes **************/
#liste_entete_factures .filtreBtn {
  width: 100%;
  position: relative;
  display: inline-block;
}
#liste_entete_factures .filtreBtn button {
  margin-top: 5px;
}

#liste_lignes_factures .filtreBtn {
  width: 100%;
  position: relative;
  display: inline-block;
}
#liste_lignes_factures .filtreBtn button {
  margin-top: 5px;
}

#liste-globale-evenements .filtreBtn {
  width: 100%;
  position: relative;
  display: inline-block;
}
#liste-globale-evenements .filtreBtn button {
  margin-top: 5px;
}

#liste-evenements .filtreBtn {
  width: 100%;
  position: relative;
  display: inline-block;
}
#liste-evenements .filtreBtn button {
  margin-top: 5px;
}

.sec-label-tooltip {
  font-size: var(--fs-base);
  margin-top: 0.2em;
  min-width: 163px !important;
  padding: 2px !important;
}

.custom-fixed {
  top: 134px !important;
  z-index: 24 !important;
}

/********** Module - index 55451 ********/
.pictos img {
  fill: #e9e9e9 !important;
}

#modules_index {
  padding-top: 0%;
}

.module {
  width: 440px;
  height: 100%;
  margin: auto;
  margin-top: 25px;
}

.contenutdb .block_edition table {
  width: 98%;
}

.tuiles_index {
  width: 200px;
  box-shadow: var(--box-shadow);
  border: 0px;
  padding: 0px;
  margin: 0% 20px 20px 0%;
  height: 200px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  display: block;
  float: left;
  position: relative;
}
.tuiles_index .tuile {
  height: 100%;
  position: relative;
}
.tuiles_index .interactions {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  height: 110px;
  width: 110px;
  vertical-align: middle;
  margin: auto;
}
.tuiles_index .interactions .pictos {
  width: 100%;
  margin: auto;
  height: 100%;
  text-align: center;
}
.tuiles_index .titre {
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  display: block;
  width: 100%;
  height: 20px;
  padding-top: 20px;
  position: relative;
  font-size: 1.2em;
}
.tuiles_index .pictos {
  background-repeat: no-repeat;
  background-position: center center;
  background-color: var(--main-color-opac50);
  height: 66%;
  border-radius: 6px 6px 0px 0px;
}
.tuiles_index .text {
  height: 33%;
  color: black;
  margin-top: 20px;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}
.tuiles_index .descriptif {
  position: absolute;
  top: 50px;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}
.tuiles_index.active .interactions {
  border: solid 3px #fff !important;
}
.tuiles_index.active .titre {
  color: #fff !important;
}
.tuiles_index.active .text {
  color: white;
}
.tuiles_index.desactive_index .pictos {
  background-color: var(--main-color-opac15);
}
.tuiles_index:hover .interactions {
  display: none;
}
.tuiles_index:hover .titre {
  padding-top: 0px;
}
.tuiles_index:hover .descriptif {
  margin-top: 10px;
  height: 60%;
}
.tuiles_index:hover .text {
  color: white;
}
.tuiles_index:hover .pictos {
  display: none;
}

.desactive_index .interactions {
  background-color: #fff !important;
  border: solid 3px #fff !important;
}
.desactive_index#p2p .pictos {
  background-image: url("../IconeV2/Global/purchase-to-pay-disabled.svg") !important;
}
.desactive_index#s2c .pictos {
  background-image: url("../IconeV2/Global/source-to-contract-disabled.svg") !important;
}
.desactive_index#pilotage_achats .pictos {
  background-image: url("../IconeV2/Global/relation-fournisseur-disabled.svg");
}
.desactive_index#relation_fournisseurs .pictos {
  background-image: url("../IconeV2/Global/pilotage-achats-disabled.svg");
}

#p2p .pictos {
  background-image: url("../IconeV2/Global/purchase-to-pay.svg");
}

#s2c .pictos {
  background-image: url("../IconeV2/Global/source-to-contract.svg");
}

#relation_fournisseurs .pictos {
  background-image: url("../IconeV2/Global/relation-fournisseur.svg");
}

#pilotage_achats .pictos {
  background-image: url("../IconeV2/Global/pilotage-achats.svg");
}

.descriptif {
  width: 85%;
  height: 0px;
  padding-top: 0px;
  overflow: hidden;
  transition: all 0.2s linear;
  margin-top: 110px;
  position: absolute;
  line-height: 18px;
  text-align: justify;
  color: #fff;
}

#tableau_bord {
  height: 480px;
  overflow: auto;
}
#tableau_bord img {
  margin-top: 15px;
  margin-right: 25px;
}

#acces-rapide a {
  padding: 10px 10px;
  width: 100%;
  color: white;
  font-size: var(--fs-14);
  margin-bottom: 2px;
}
#acces-rapide a:hover {
  padding: 10px 15px;
}

.scroll_favoris {
  height: 230px;
  overflow: auto;
}

#mes_favoris a {
  display: inline-block;
  width: 100%;
  color: var(--main-color-full);
  padding: 10px;
  margin-bottom: 10px;
  target: _blank;
}
#mes_favoris a img {
  margin-right: 10px;
}
#mes_favoris a.image_default {
  background-image: url(../IconeV2/Misc/image_default.png);
  background-repeat: no-repeat;
  background-position: 7px -10px;
  background-size: 18%;
  padding-left: 22%;
  vertical-align: middle;
}
#mes_favoris a.ss_images p {
  padding-left: 20%;
}
#mes_favoris .titre_favoris span {
  float: right;
  padding-top: 5px;
}

.contenutdb {
  display: flex;
  flex-wrap: wrap;
  /*gap: 5px 20px;*/
  gap: 2%;
  justify-content: left;
  /*width: 1280px;*/
  font-size: var(--fs-15);
  align-items: flex-start;
  width: 95%;
  margin: auto;
}
.contenutdb a {
  color: var(--main-color-full) !important;
}
.contenutdb .titleBlock {
  font-size: var(--fs-16);
  font-weight: bold;
  margin-bottom: 10px;
}
.contenutdb .block_edition {
  /*width: 400px;*/
  width: 32%;
  border-radius: 10px;
  margin-bottom: 20px;
  border-top: 10px solid var(--main-color-client1);
}
.contenutdb .data.clearfix {
  padding: 10px;
}
.contenutdb .titre {
  width: 80%;
}
.contenutdb .TuileTDB {
  display: flex;
  margin-bottom: 5px;
  align-items: center;
}
.contenutdb .value, .contenutdb a .value {
  width: calc(3.333rem + 10px);
  background-color: var(--main-color-opac25);
  color: black;
  padding: 2px 4px;
  border-radius: 4px;
  font-size: var(--fs-base);
  padding-left: 5px;
  padding-right: 5px;
  white-space: nowrap;
  text-align: center;
  margin: 0 auto;
  font-weight: bold;
  border: 1px solid var(--main-color-client1);
}
.contenutdb .value.vide, .contenutdb a .value.vide {
  background-color: var(--color-bg-default);
  font-weight: initial;
}
.contenutdb .value.alert, .contenutdb a .value.alert {
  background-color: rgba(191, 10, 10, 0.3215686275);
  border-color: rgba(191, 10, 10, 0.3215686275);
}
.contenutdb .titre_block {
  background-color: var(--main-color-client1);
  border-radius: 6px 6px 0px 0px;
  text-align: center;
}
.contenutdb .docFrs .titre {
  width: 50%;
  text-align: left !important;
}
.contenutdb .noColorLign {
  border: 0px !important;
}
.contenutdb .noColorLign td {
  text-align: center;
}
.contenutdb .noColorLign tr {
  height: 30px;
}
.contenutdb .noColorLign tr:hover {
  background-color: transparent !important;
  border-color: 0 !important;
  border-spacing: 0px !important;
  box-shadow: none !important;
}
.contenutdb .titreDoc {
  vertical-align: top !important;
}
.contenutdb .border {
  border-right: 1px solid var(--main-color-grey2);
}

/********** Module - projetAchat ********/
/** PROJET ACHAT **/
#Tableau_projetAchat .informations {
  font-size: var(--fs-18);
  margin-bottom: 50px;
  padding-left: 0px;
  border-left: 0px;
}

#projetAchat .list-group-item {
  border: 0px solid #ddd;
}

.node-treeviewH:hover .imagePoint {
  opacity: 0.7;
}

.node-treeviewImport:hover .imagePoint {
  opacity: 0.7;
}

.node-treeview:hover .imagePoint {
  opacity: 0.7;
}

.jstree-anchor:Hover .imagePoint {
  opacity: 0.7;
}

.imagePoint {
  opacity: 0;
}

.textValue {
  position: relative;
  top: 5px;
}
.textValue .bloquant {
  display: inline-block;
  position: relative;
  top: 5px;
  height: 20px;
}

.cellAvailableDay a {
  background-color: #dddddd !important;
  color: grey !important;
}

.structureData .champs_label {
  width: 100%;
  margin-bottom: 5px;
}
.structureData .resultat {
  width: 100%;
  float: none;
  text-align: left;
}

#popupFormatdoc .list-group-item {
  border: 0px solid #ddd;
}

.informations .bloc_info {
  font-size: var(--fs-14);
  position: relative;
  padding: 5px 0px 5px 10px;
  cursor: pointer;
}
.informations .svg_icon {
  margin-bottom: 5px;
  margin-right: 10px;
}

.bloc_info:hover {
  background-color: #EEEEEE;
}
.bloc_info p {
  margin-right: 50px;
}
.bloc_info .img_cercle {
  position: absolute;
  right: 10px;
  top: 10px;
}

.img_cercle {
  border-radius: 15px;
  height: 15px;
  width: 15px;
}

.rouge {
  background-color: #f81a0d;
}

.vert {
  background-color: #47d831;
}

.orange {
  background-color: #F18B3A;
}

.title-to-long {
  word-wrap: anywhere;
}

#divRefreshDoublons {
  display: flex;
}

/********** Module - contrat ********/
/***** Marché *****/
#nouveau_marche form .row.commentaires_conditions label {
  width: 19.1%;
}
#nouveau_marche form .row label[for=commentaires_conditions] {
  width: 19.1%;
}
#nouveau_marche form .row > textarea {
  width: 80.9%;
}

#visualisation_marche .ss_parametres {
  right: 0px;
  top: 28px;
}

#accords_cadres .colonne3 {
  vertical-align: top;
}

.statut.non_actif {
  background-image: url(../IconeV2/Gestion/info.svg);
  width: 20px;
  height: 20px;
  background-position: center bottom;
  background-repeat: no-repeat;
  display: inline-block;
}

.statut.alert_avpreavis {
  background-image: url(../IconeV2/Gestion/Incidental.svg);
  width: 20px;
  height: 20px;
  background-position: center bottom;
  background-repeat: no-repeat;
  display: inline-block;
}

.statut.alert_appreavis {
  background-image: url(../IconeV2/Gestion/Incidental.svg);
  width: 20px;
  height: 20px;
  background-position: center bottom;
  background-repeat: no-repeat;
  display: inline-block;
}

.statut.desactive {
  background-image: url(../IconeV2/Misc/disabled.png);
  width: 20px;
  height: 20px;
  background-position: center bottom;
  background-repeat: no-repeat;
  display: inline-block;
}

.desactive {
  background-image: url(../IconeV2/Misc/disabled.png);
  width: 20px;
  height: 20px;
  background-position: center bottom;
  background-repeat: no-repeat;
  display: inline-block;
}

.ajouter.bloquant {
  background-image: url(../IconeV2/Misc/bloquant.png);
  width: 12px;
  height: 12px;
  background-position: center bottom;
  background-repeat: no-repeat;
  display: inline-block;
}

#centre_emetteur {
  padding: 15px 0px;
}

#centre_livraison {
  padding: 15px 0px;
}

.sans_actions tr td:last-child {
  padding: 8px !important;
}

/***** Commandes Accords Cadres ******/
#commandes-accord-cadre .full .informations .champs_label,
#incidents .full .informations .champs_label,
#attestations .full .informations .champs_label,
#articles .full .informations .champs_label {
  width: 17%;
}

#commandes-accord-cadre .full .informations .resultat,
#incidents .full .informations .resultat,
#attestations .full .informations .resultat,
#articles .full .informations .resultat {
  width: 82.7%;
}

/******************/
/********** Module - collecteDesBesoins ********/
/******************************************************** COLLECTE DES BESOINS ***************************************************************/
/********* Gestion des commandes *****************/
.label_radio {
  padding-top: 10px;
}

#gestion-commandes .filtre.first {
  width: 16% !important;
}
#gestion-commandes .filtre.first input {
  width: 55%;
}
#gestion-commandes .filtre.last {
  width: 16% !important;
}
#gestion-commandes .filtre.last input {
  width: 55%;
}
#gestion-commandes .filtre {
  width: 37%;
}
#gestion-commandes .filtre .colonne2 label {
  width: 55%;
}
#gestion-commandes .filtre .colonne2 input {
  width: 40%;
}

/**************************
********** DA *************
**************************/
#gestionDA .ss_parametres, #gestionDA .ss_parametres_top {
  width: 450px;
}

#form_creationEnteteDA .colonne2:nth-child(odd), #form_creationDA .colonne2:nth-child(even), #form_modifgroupee .colonne2:nth-child(even), #form_creationFormulaire .tab-content > div:not(.odd) .colonne2:nth-child(even) {
  width: 48% !important;
  margin-right: 0px;
}

#form_creationFormulaire #Param .colonne2:nth-child(odd), #form_creationFormulaire #Imput .colonne2:nth-child(odd) {
  width: 48% !important;
  margin-right: 0px;
}

/****** Gestion des DA *********/
#gestionDA form .filtre {
  width: 33%;
}
#gestionDA form .filtreBtn {
  width: 100%;
  position: relative;
  display: inline-block;
}
#gestionDA .bg_form .principal, #gestionDA .box-form .principal {
  margin-right: 2%;
}

/****** Création des DA *********/
.tableForm td .glyphicon-search {
  top: 38%;
  right: 15px;
}
.tableForm td .ui-datepicker-trigger {
  top: 37% !important;
}

.planningLigne:hover {
  cursor: pointer;
}

#cellPlanning input {
  float: left;
  width: 75%;
}
#cellPlanning input + img {
  right: 45px;
}
#cellPlanning a {
  margin-left: 10px;
  margin-top: 8px;
}

/********* Signature DA *********/
#signatureDA h1 a {
  display: none;
}

#modifImput table .glyphicon-search {
  top: 40%;
  right: 15px;
}

/******* Modification groupée lignes *******/
#DemandeAchat .boutonsRight a {
  float: right;
  margin: 10px 0px 10px 5px;
}

/********** Module - Evaluation ********/
/* evaluation */
#evaluation .parametrage {
  float: none;
}
#evaluation .parametrage .ss_parametres {
  top: 33px;
  right: 5px;
}

#historique .parametrage {
  float: none;
}
#historique .parametrage .ss_parametres .ss_params {
  top: 33px;
  right: 5px;
}
#historique table {
  margin-bottom: 0px;
  border: 1px solid #ddd;
}

#type_achat .parametrage {
  float: none;
}

#incidents .parametrage {
  float: none;
}

#attestations .parametrage {
  float: none;
}

#attestations-visa-global .parametrage {
  float: none;
}

#bdd .parametrage {
  float: none;
}

#mots-cles .parametrage {
  float: none;
}

#articles .parametrage {
  float: none;
}

#accords-groupes .parametrage {
  float: none;
}

#commandes .parametrage {
  float: none;
}

#historique_facture .parametrage {
  float: none;
}

#sous_famille .parametrage {
  float: none;
}

#reponses_ao .parametrage {
  float: none;
}

#notations .parametrage {
  float: none;
}

#accArticle .parametrage {
  float: none;
}

#ajout_doc_rattache p.designations {
  padding-top: 10px;
}
#ajout_doc_rattache p.designations .champs_label {
  width: 40%;
  float: left;
  padding-right: 2px;
}
#ajout_doc_rattache p.designations .resultat {
  width: 60%;
  float: left;
}

/********** Module - Utilisateur ********/
.panel-right {
  transition: 0.25s width;
  overflow: hidden;
  border-left: 1px solid #ddd;
  height: 100%;
}

body:not(.mode-edit) .d-editcontrol {
  display: none;
}

body.mode-edit .d-viewcontrol {
  display: none;
}

/********** Module - recherche Articles ********/
#divCompare {
  width: 100%;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.iconTypeRecherche:hover {
  background-color: var(--main-color-grey3);
  cursor: pointer;
}

#resultat .flex-y-start, #resultat .input-wrapper:not(.input-textarea) {
  gap: 10px;
}

.noArticleFound {
  text-align: center;
  margin-top: 20px;
  font-size: 18px;
  color: var(--error);
  width: calc(98% - 240px);
  float: left;
}

.recapArticle {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: center;
  margin: 0px !important;
}

.accueil {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#caracProd ul li {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#caracProd ul li img {
  width: 18px;
  height: 18px;
  margin-right: 10px;
}
#caracProd p {
  margin-bottom: 0px;
  font-weight: bold;
  color: var(--main-color-blue);
}

.buttonAddCard {
  width: 175px;
  border: 1px solid var(--main-color-blue);
  text-align: center;
  height: 24px;
  font-weight: bold;
  color: var(--main-color-blue);
  padding-top: 1px;
}
.buttonAddCard.blue {
  color: var(--color-text-default);
  background-color: var(--main-color-blue);
}
.buttonAddCard.blue:hover {
  border: 1px solid var(--main-color-blue-hover) !important;
  background-color: var(--main-color-blue-hover) !important;
}
.buttonAddCard:hover {
  background-color: var(--main-color-grey2);
}

#divCatalogue {
  margin-top: 25px;
}

.ref span.white-tooltip {
  cursor: pointer;
}

#listeCatalogue {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  gap: 20px 10px;
}
#listeCatalogue .catalogue {
  width: 300px;
  display: flex;
  gap: 5px;
}
#listeCatalogue .catalogue .titre {
  font-weight: bold;
  color: var(--main-color-blue);
  font-size: 12px;
  padding-bottom: 5px;
}
#listeCatalogue .divLeft {
  display: flex;
  flex-direction: column;
}
#listeCatalogue .divLeft input {
  margin: 0 auto;
}
#listeCatalogue .imgCat {
  width: 35px;
  height: 35px;
  align-self: center;
}
#listeCatalogue .titreComplet {
  /*height: 35px;
  overflow-y:hidden;*/
}

.selectedMode {
  background-color: var(--main-color-grey2);
}

#picto_loaderPannel {
  border: 5px solid white;
  border-radius: 50%;
  border-top: 5px solid #3498db;
  width: 30px;
  height: 30px;
  animation: spin 2s linear infinite;
  margin: auto;
}

#tooltipsSelected li {
  white-space: nowrap;
  overflow: hidden;
}
#tooltipsSelected li img {
  margin-right: 5px;
  cursor: pointer;
}

.rechArt-badge-counter {
  position: absolute;
  right: -10px;
  bottom: 25px;
  font-size: 1rem;
  display: inline-block;
  min-width: 1.5rem;
  padding: 1px 4px;
  font-size: var(--fs-11);
  border-radius: 8px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  color: var(--color-text-light) !important;
  background-color: var(--error);
  background-color: var(--main-color-client1);
}

#searchArticle #filter_pannel {
  order: -1;
}
#searchArticle .spliter {
  width: 1px;
  height: 30px;
  background-color: var(--main-color-grey2);
  margin-top: 5px;
  margin-right: 5px;
}
#searchArticle .searchBar {
  width: 90%;
  margin: auto;
}
#searchArticle .searchBar .deleteSearch {
  align-self: center;
  cursor: pointer;
  width: 20px;
  height: 20px;
  margin-left: 5px;
}
#searchArticle .searchBar .form-control {
  height: 37.15px !important;
}
#searchArticle table.table {
  box-shadow: none !important;
}
#searchArticle .ariane {
  position: relative;
}

#typeFilter a {
  align-items: center;
  background: #fff;
  border: 1px solid var(--main-color-grey2);
  border-radius: 100px;
  box-sizing: border-box;
  color: var(--main-color-full);
  display: flex;
  height: 30px;
  line-height: 40px;
  margin: 5px 6px 0 0;
  padding: 0 14px 0 14px;
}
#typeFilter a.actif {
  background-color: var(--main-color-opac25);
  border: 1px solid var(--main-color-opac25);
}
#typeFilter a:hover {
  background-color: var(--main-color-grey2);
}

.iconeShowHide {
  width: 32px !important;
  cursor: pointer;
  order: -1;
  transform: rotate(180deg);
}

.list .ref, .pannel.ref {
  cursor: pointer;
}

.list .ref:hover, .pannel.ref:hover {
  text-decoration: underline;
}

#searchArticle .infos_tooltip.top {
  bottom: 130%;
}
#searchArticle #DivModulableCreation {
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 6px;
  padding: 15px;
}

/* Commun 2 mode */
.withOutSearch .zoneArticle {
  margin-bottom: 10px;
}

.divQtePanier {
  display: flex;
}

.articlePourPanier {
  display: flex;
  flex-wrap: wrap;
  float: right;
}
.articlePourPanier input {
  width: 75px;
  height: 24px;
  text-align: right;
}
.articlePourPanier .ajouter_blanc_v2 {
  margin: 0px 1px 0px 1px !important;
}

.tooltipsFraisPort .infos_tooltip {
  width: 220px;
  text-align: left;
}
.tooltipsFraisPort .infos_tooltip .dataWrapper li div:first-child {
  width: 60%;
  display: inline-block;
  white-space: nowrap;
}
.tooltipsFraisPort .infos_tooltip .dataWrapper li div:last-child {
  width: 40%;
  display: inline-block;
  white-space: nowrap;
}
.tooltipsFraisPort .infos_tooltip .dataWrapper .articleFraisPort {
  width: 100%;
  display: inline-block;
  white-space: nowrap;
}

.zoneArticle .qte .priceQte {
  text-align: right;
}
.zoneArticle .qte .priceQte .price {
  font-weight: bold;
}
.zoneArticle .qte .priceQte .unite {
  margin-left: 0px;
  margin-bottom: 0px;
  height: 17px;
}
.zoneArticle .qte .priceQte .unite.cond {
  font-style: italic;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.zoneArticle .qte .priceQte .price, .zoneArticle .qte .priceQte .unite {
  display: block;
}
.zoneArticle .infos_tooltip.designTooltip {
  width: 100% !important;
  white-space: initial;
}
.zoneArticle .tooltipsDegressif ul li {
  display: flex;
}
.zoneArticle .tooltipsDegressif ul li div:first-child {
  width: 50%;
  text-align: left;
}
.zoneArticle .tooltipsDegressif ul li li div:last-child {
  width: 50%;
  text-align: right;
}
.zoneArticle .tooltipsStock #libStock {
  margin: 0;
  font-weight: bold;
}
.zoneArticle .tooltipsStock #valueStock {
  margin: 0;
  white-space: nowrap;
}
.zoneArticle .punchout {
  width: 24px;
  height: 24px;
  margin-top: 5px;
}

/* Mode image */
.caseArticle {
  width: 300px;
  height: 300px;
  box-shadow: var(--box-shadow2);
  padding: 5px;
  position: relative;
  border-radius: 15px;
}
.caseArticle .footer {
  position: absolute;
  bottom: 5px;
  width: 290px;
}
.caseArticle .footer span {
  margin-left: 5px;
}
.caseArticle .img {
  width: 90px;
  height: 60px;
  float: left;
  display: flex;
  justify-content: center;
}
.caseArticle .img img {
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  /*margin-left: 15px;*/
}
.caseArticle .principal {
  display: flex;
}
.caseArticle .principal .img {
  width: 90px;
  text-align: center;
}
.caseArticle .principal .img img {
  max-width: 100%;
  max-height: 60px;
}
.caseArticle .design {
  height: 50px;
  color: var(--main-color-blue);
  font-weight: bold;
  cursor: pointer;
}
.caseArticle .qte {
  width: 200px;
  float: right;
}

.ligneArticle {
  width: 600px;
  max-width: 700px;
  height: 140px;
  box-shadow: var(--box-shadow2);
  padding: 5px;
  position: relative;
  border-radius: 15px;
  display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-grow: 1;
}
.ligneArticle #showRayon {
  margin: 0 0 7px;
}
.ligneArticle .design {
  width: 100%;
  color: var(--main-color-blue);
  white-space: nowrap;
  font-weight: bold;
  margin-bottom: 5px;
}
.ligneArticle .img {
  width: 20%;
  height: calc(100% - 42px);
  float: left;
  order: 1;
  display: flex;
  justify-content: center;
}
.ligneArticle .img img {
  max-width: 65%;
  -o-object-fit: contain;
     object-fit: contain;
}
.ligneArticle .qte {
  width: 30%;
  order: 3;
  float: right;
}
.ligneArticle .details {
  width: 50%;
  order: 2;
}
.ligneArticle .details hr {
  display: none;
}
.ligneArticle .footer {
  width: 50%;
  height: 22px;
  order: 5;
  margin-left: 50%;
}
.ligneArticle .footer span {
  margin-left: 2px;
}
.ligneArticle .divRayon {
  position: absolute;
  left: calc(20% + 4px);
  bottom: 0px;
  font-style: italic;
  width: 100px;
}
.ligneArticle .divRayon [data-niv="2"] {
  margin-left: 10px;
}
.ligneArticle .divRayon [data-niv="3"] {
  margin-left: 20px;
}
.ligneArticle .divRayon [data-niv="4"] {
  margin-left: 30px;
}
.ligneArticle .divRayon [data-niv="5"] {
  margin-left: 40px;
}

.listeArticle {
  width: 100%;
  height: auto;
  box-shadow: var(--box-shadow2);
  padding: 5px;
  position: relative;
  border-radius: 15px;
  display: flex;
}
.listeArticle .design {
  height: 50px;
  color: var(--main-color-blue);
  font-weight: bold;
  cursor: pointer;
  order: 1;
  width: 33%;
}
.listeArticle .img {
  display: none;
}
.listeArticle .qte {
  width: 200px;
  float: right;
  order: 3;
}
.listeArticle .details {
  order: 2;
  width: 33%;
}
.listeArticle .details hr {
  display: none;
}
.listeArticle .footer {
  position: absolute;
  bottom: 5px;
  width: 290px;
  right: 10px;
}
.listeArticle .divRayon {
  position: absolute;
  bottom: 0px;
}

.list li > div {
  display: inline-block;
  width: 49%;
  white-space: nowrap;
}
.list li > div.ref {
  overflow: hidden;
  text-overflow: ellipsis;
}
.list li > div.libRef {
  overflow: hidden;
  text-overflow: ellipsis;
}

.list li {
  display: flex;
  padding: 1px;
}

.details .list {
  margin-bottom: 5px;
}

/* RAYON */
.btn_rayon {
  position: relative;
}
.btn_rayon .divRayon {
  text-align: left;
  background: white;
  position: absolute;
  top: 37px;
  left: 0px;
  display: none;
  z-index: 100;
  border-top: 10px solid var(--main-color-opac25);
  border-bottom: 10px solid var(--main-color-opac25);
  border-radius: 6px 0 0 6px;
  box-shadow: var(--box-shadow);
}
.btn_rayon .divRayon ul {
  width: 200px;
  color: var(--main-color-full);
}
.btn_rayon .divRayon li:hover {
  border-right: 0px;
  background-color: var(--main-color-opac15);
}
.btn_rayon .divRayon li:hover > .zone {
  display: flex;
}
.btn_rayon .divRayon .titre {
  padding: 5px 35px 5px 20px;
  margin-right: 0px;
}
.btn_rayon .divRayon .zone {
  display: none;
  background-color: white;
  position: absolute;
  top: -10px;
  left: 200px;
  height: calc(100% + 20px);
  width: 1010px;
  overflow: hidden;
  overflow-y: auto;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-start;
  border-top: 10px solid var(--main-color-opac25);
  border-bottom: 10px solid var(--main-color-opac25);
  border-radius: 0px 6px 6px 0;
  box-shadow: var(--box-shadow);
}
.btn_rayon:hover > div {
  display: block;
}
.btn_rayon #infoCompl {
  width: 100%;
  height: 100px;
  color: white;
  display: flex;
  font-weight: normal;
}
.btn_rayon #infoCompl div {
  display: flex;
  flex-direction: column;
  width: 60%;
  padding: 10px;
}
.btn_rayon #infoCompl div:first-child {
  display: flex;
  flex-direction: column;
  width: 40%;
  padding: 10px;
}
.btn_rayon #infoCompl div span:first-child {
  font-weight: bold;
}

.link {
  cursor: pointer;
}

.divRayon > ul {
  margin-bottom: 0px;
  min-height: 500px;
}

.subZone {
  align-self: flex-start;
}

.niveau1 {
  padding: 10px 35px 10px 20px !important;
}

.niveau3, .niveau4, .niveau5 {
  font-weight: normal;
}

.niveau4, .niveau5 {
  font-size: 11px;
}

.niveau4 {
  /*margin-left: 25px;*/
  padding-left: 45px !important;
}

.niveau5 {
  /*margin-left: 35px;*/
  padding-left: 55px !important;
  font-style: italic;
}

/* breadcrumb*/
.breadcrumb2 {
  list-style-type: none;
  margin-top: 15px;
}

.v1 .breadcrumb2-level::before, .v1 .breadcrumb2-level::after {
  content: "";
  position: absolute;
  left: 0;
  height: 50%;
  width: 100%;
  background: var(--main-color-client1);
  z-index: 1;
}
.v1 .breadcrumb2-level::before {
  top: 0;
  transform: skew(20deg);
}
.v1 .breadcrumb2-level::after {
  bottom: 0;
  transform: skew(-20deg);
}

.v2 .breadcrumb2-level::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: var(--main-color-client1);
  transform: skew(-20deg);
}

.breadcrumb2-level {
  display: inline-block;
  position: relative;
}
.breadcrumb2-level:last-child a {
  cursor: default;
}
.breadcrumb2-level:last-child::before, .breadcrumb2-level:last-child::after {
  filter: brightness(107%);
}
.breadcrumb2-level:not(:last-child):hover::before, .breadcrumb2-level:not(:last-child):hover::after {
  filter: brightness(90%);
}

.breadcrumb2-level a {
  display: inline-block;
  position: relative;
  line-height: 2.5;
  padding: 0 20px;
  color: #fff;
  text-decoration: none;
}

.breadcrumb2.v1 {
  margin-bottom: 50px;
}

.generique {
  width: 49%;
  border-radius: 6px;
  padding: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
  align-items: center;
  box-shadow: var(--box-shadow);
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 10px solid var(--main-color-opac15);
}
.generique .favoris {
  width: 5%;
}
.generique .code {
  width: 20%;
}
.generique .libelle {
  width: 45%;
}
.generique .add {
  width: 30%;
  text-align: right;
}

/* Detail article */
.detailArticle {
  margin: auto;
  box-shadow: var(--box-shadow);
  border-radius: 15px;
  padding: 15px;
}
.detailArticle .titre {
  font-size: var(--fs-16);
  font-weight: bold;
  color: var(--main-color-client1);
}
.detailArticle .code {
  font-size: var(--fs-14);
  height: 20px;
  margin-bottom: 10px;
}
.detailArticle .bloc2 {
  display: flex;
}
.detailArticle .img {
  width: 25%;
  text-align: center;
}
.detailArticle .img img {
  max-width: 200px;
  max-height: 200px;
}
.detailArticle .compl {
  font-style: italic;
  width: 60%;
}
.detailArticle .prix {
  width: 15%;
  display: flex;
  flex-direction: column;
  align-self: center;
}
.detailArticle.contenu {
  padding-bottom: 0px;
}
.detailArticle #divStock {
  display: flex;
  flex-direction: column;
  width: 30%;
  margin-bottom: 15px;
  box-shadow: var(--box-shadow);
  padding: 15px;
  border-radius: 6px;
}
.detailArticle #divStock span {
  width: 100%;
  display: flex;
  display: row;
  height: 25px;
}
.detailArticle #divStock .titre_stock {
  width: 70%;
}
.detailArticle #divStock .value {
  font-weight: bold;
  text-align: right;
  width: 30%;
}
.detailArticle #divStock .split {
  border-bottom: 1px solid var(--main-color-client1);
}
.detailArticle #divStock .niv2 .titre_stock {
  padding-left: 40px;
}
.detailArticle #divStock .niv3 .titre_stock {
  padding-left: 80px;
}

/* Comparatif article */
#comparatif {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
  margin-top: 10px;
  border: 0px;
  box-shadow: none;
}
#comparatif .td_content {
  white-space: initial;
  width: 400px;
}
#comparatif thead tr {
  display: none;
}
#comparatif td {
  border-top: 0px !important;
}
#comparatif tr:hover {
  background-color: transparent !important;
  box-shadow: none;
}
#comparatif .tr_titre td {
  font-weight: bold;
  text-align: center;
}
#comparatif .tr_titre td:first-child {
  border-radius: 10px 0px 0px 0px;
}
#comparatif .tr_frs td:not(:first-child) {
  text-align: center;
}
#comparatif tr td:first-child {
  background-color: var(--main-color-grey2);
}

#comparatif .tr_titre td:first-child, #comparatif .tr_frs td:first-child, #comparatif .tr_article td:first-child {
  width: 200px;
}

#comparatif .tr_titre td:not(:first-child), #comparatif .tr_frs td:not(:first-child), #comparatif .tr_article td:not(:first-child) {
  width: 400px;
}

#comparatif tr > th:first-child, #comparatif tr > td:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
  text-align: right;
  font-weight: bold;
}

/********** Module - Parametre ********/
.noTitleBold label {
  font-weight: initial;
  position: relative;
}

.sp-original-input-container {
  width: 60%;
}

.nav-link.actif {
  font-weight: bold;
}

#Bandeau .icone_input {
  position: absolute;
  left: calc(40% - 25px);
  top: 23px;
}

#divRecapPanier .ligne {
  display: flex;
  align-items: center;
  justify-content: center;
}
#divRecapPanier .ligne.entete {
  font-weight: bold;
}
#divRecapPanier .ligne > span {
  width: 25%;
}

#sousOngletFrs > div > div > label {
  padding-left: 75px;
}

#axeImputBR .ligne {
  display: flex;
  align-items: center;
  justify-content: center;
}
#axeImputBR .ligne.entete {
  font-weight: bold;
}
#axeImputBR .ligne > span {
  width: 25%;
}

.sectorise {
  display: flex;
  gap: 2em;
  justify-content: flex-end;
}

#newFournisseurForm div {
  display: none;
}
#newFournisseurForm button {
  min-width: 175px;
}

.bloc_info.colonne2 .gras {
  padding: 0px;
}

td.modificationFournisseurTableData {
  display: flex;
  gap: 0.65em;
}

#form_div_fournisseur_articles_ss_cmd .div_fournisseur_header {
  display: flex;
  justify-content: space-between;
  gap: 5em;
  margin-bottom: 10px;
}
#form_div_fournisseur_articles_ss_cmd .fournisseurDiv {
  display: flex;
  justify-content: start;
  gap: 0.3em;
}
#form_div_fournisseur_articles_ss_cmd .fournisseurDiv .row {
  width: 95% !important;
}
#form_div_fournisseur_articles_ss_cmd .fournisseurDiv .row .input_fourni {
  display: none;
}
#form_div_fournisseur_articles_ss_cmd .fournisseurDiv .deleteBtn {
  border: none;
  background: none;
  align-self: flex-start;
}
#form_div_fournisseur_articles_ss_cmd .fournisseurDiv .deleteBtn img {
  width: 15px;
  height: 15px;
  margin-bottom: 5px;
}
#form_div_fournisseur_articles_ss_cmd #divTotalPourcentage {
  display: flex;
  justify-content: end;
  width: 96%;
}
#form_div_fournisseur_articles_ss_cmd #divTotalPourcentage p {
  margin-right: 60px;
  border-top: 1px black solid;
  padding-left: 5em;
  padding-top: 0.5em;
}
#form_div_fournisseur_articles_ss_cmd .colonne3.last {
  display: flex;
  justify-content: flex-end;
  flex: 1;
  width: 100%;
  margin-top: 10px;
}

/********** Module - Suivi ********/
#suivi .div_suivi > #filtre > .row {
  margin-bottom: 0px;
}
#suivi .div_suivi > #filtre > .row .filtre {
  width: 24.8%;
}

/********** Module - Workflow ********/
.grid-wf {
  display: inline-grid;
  grid-auto-columns: auto;
  grid-auto-rows: auto;
  grid-gap: 10px;
  align-items: center;
}

.item-grid-wf.wf-status-T {
  color: #5bb5ad;
}
.item-grid-wf.wf-status-C {
  color: #2b7de2;
}
.item-grid-wf.wf-status-N {
  color: #7c7c7c;
}
.item-grid-wf.wf-status-R {
  color: #fe6b3d;
}

/*
.wf-icon-wrapper {
    .wf-status-T & svg * { fill: #5bb5ad }
    .wf-status-C & svg * { fill: #2b7de2 }
    .wf-status-N & svg * { fill: #7c7c7c }
    .wf-status-R & svg * { fill: #fe6b3d }
}
*/
.wf-legend-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
}
.wf-legend-icon.wf-status-T {
  background-color: #5bb5ad;
}
.wf-legend-icon.wf-status-C {
  background-color: #2b7de2;
}
.wf-legend-icon.wf-status-N {
  background-color: #7c7c7c;
}
.wf-legend-icon.wf-status-R {
  background-color: #fe6b3d;
}

/********** Module - Parametre ********/
.score-box {
  position: absolute;
  top: 0;
  right: 60px;
  font-weight: bold;
  font-style: italic;
  font-size: var(--fs-15);
  text-align: right;
}
.score-box.score-box-altares-1 {
  color: #c4e76a;
}
.score-box.score-box-altares-2 {
  color: #bbad16;
}
.score-box.score-box-altares-3 {
  color: #ff9000;
}
.score-box.score-box-altares-4 {
  color: #ff4611;
}
.score-box .text-score {
  font-size: 2.166rem;
}

.text-altares-good {
  color: var(--good);
}

.text-altares-bad {
  color: var(--bad);
}

/********** Module - Panier ********/
#stepBarPanier {
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
}
#stepBarPanier .pictoStep {
  width: 40px;
  height: 40px;
  background-color: var(--main-color-grey2);
  display: block;
  border-radius: 100px;
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 11px 10px;
  position: relative;
}
#stepBarPanier .pictoStep.active {
  background-color: var(--main-color-client1);
}
#stepBarPanier .linkStep {
  display: block;
  background-color: var(--main-color-grey2);
  width: 150px;
  height: 3px;
}
#stepBarPanier .linkStep.active {
  background-color: var(--main-color-client1);
}

#searchArticle #subPanier {
  margin-bottom: 15px;
}

#subPanier {
  box-shadow: var(--box-shadow);
  padding: 10px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: var(--main-color-opac15);
  margin: auto;
}
#subPanier .nombreArtPanier {
  min-width: 1.5rem;
  padding: 1px 4px;
  font-size: var(--fs-base);
  border-radius: 8px;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  color: var(--color-text-light) !important;
  background-color: var(--main-color-client1);
}
#subPanier .chargerPanier {
  width: 16px;
  height: 16px;
  background-size: 16px;
  cursor: pointer;
}
#subPanier .deletePanier {
  cursor: pointer;
}

#panier {
  /**/
  /**/
}
#panier.contenu {
  margin-bottom: 0px !important;
  padding-bottom: 15px;
}
#panier h1 {
  display: flex;
  align-items: center;
  position: relative;
}
#panier h1 .divEntete {
  width: 33%;
}
#panier h1 .divEntete:last-child {
  width: 34%;
}
#panier h1 button {
  margin-left: auto;
}
#panier .artNoFav.panierFav {
  margin-left: auto;
  width: 30px;
  height: 30px;
  font-size: 11px;
  font-weight: initial;
  cursor: pointer;
}
#panier .spliter {
  width: 1px;
  height: 30px;
  background-color: var(--main-color-grey2);
}
#panier #entete {
  display: flex;
  align-items: flex-start;
}
#panier #entete .panier-flex {
  display: flex;
}
#panier #entete .panier-flex > div {
  width: 100%;
}
#panier #entete .divBtn {
  display: flex;
  align-items: end;
}
#panier #entete .divBtn a {
  margin-left: 25%;
}
#panier #entete .divAllLigne {
  display: flex;
  align-items: end;
  justify-content: right;
  margin-bottom: 5px;
}
#panier #entete .divAllLigne span {
  font-weight: bold;
  margin-right: 10px;
}
#panier #zoneLigne {
  margin-top: 50px;
}
#panier #eclatementImputation {
  margin-bottom: 10px;
}
#panier #ligneImputation {
  margin-bottom: 0px;
}
#panier .ligneImput {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
#panier .ligneImput .row:not(.last) {
  width: 19%;
  margin-right: 1%;
}
#panier .ligneImput .row.last {
  width: 20%;
}
#panier #initEntete {
  width: 100%;
}
#panier #initEntete .bg_form:not(.noborder), #panier #initEntete .box-form:not(.noborder) {
  border-top: 10px solid var(--main-color-client1);
  border-radius: 10px;
}
#panier #row1 {
  margin-bottom: 10px;
  display: flex;
  align-items: flex-start;
}
#panier #row1 > div:not(.last) {
  width: 50%;
  margin-right: 15px;
}
#panier #row1 > div.last {
  width: 550px;
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  height: 162px;
}
#panier #row1 > div.last > div {
  width: 100%;
}
#panier #row1 > div.last > div.row {
  margin-bottom: 0px;
}
#panier #row1 p {
  margin-bottom: 0px;
}
#panier #row1 #divCtr > div {
  font-weight: normal;
  position: relative;
}
#panier #row1 #divCtr > div .modifier_v2 {
  position: absolute;
  right: 0px;
  top: 0px;
}
#panier #row1 #divMisc {
  font-weight: normal;
}
#panier #rowImput, #panier #row1 > div:not(.last) {
  border-top: 10px solid var(--main-color-client1);
}
#panier #rowCs .colonne3 {
  width: 32%;
}
#panier #rowCs .colonne3.last {
  width: 34%;
}
#panier .div-budget {
  display: flex;
}
#panier .div-budget .colonne2:first-child {
  width: 70% !important;
}
#panier .div-budget .colonne2:first-child label {
  width: 57%;
}
#panier .div-budget .colonne2:last-child {
  width: 30% !important;
}
#panier .div-budget .row {
  margin-bottom: 0px;
}
#panier .div-deviseBudget {
  width: 26% !important;
  margin-right: 0;
}
#panier .divQtePanier input {
  margin-left: auto;
  width: 75px;
  height: 24px;
  text-align: right;
}
#panier .space .single label {
  width: 52%;
}

#ComplEntete .titre,
#ComplEntete .montant {
  font-size: 14px;
  font-weight: bold;
  display: flex;
  justify-content: space-around;
  padding-top: 10px;
  padding-bottom: 10px;
}
#ComplEntete .titre {
  background-color: var(--main-color-opac50);
  border-radius: 10px 10px 0 0;
}
#ComplEntete .montant {
  padding-bottom: 10px;
  background-color: var(--main-color-opac15);
  border-radius: 0 0 10px 10px;
}

.div_total {
  display: flex;
  width: 400px;
  margin-left: auto;
  flex-direction: column;
}
.div_total .annexes, .div_total .total {
  display: flex;
  padding: 10px;
}
.div_total .annexes {
  display: flex;
  padding: 10px;
  border-radius: 10px 10px 0 0;
}
.div_total .annexes .ajouter_bleu_v2 {
  width: 16px;
  height: 16px;
  position: absolute;
  right: -70px;
  top: 0;
}
.div_total .total {
  display: flex;
  padding: 10px;
  background-color: var(--main-color-opac50);
  border-radius: 0 0 10px 10px;
}

.blocFrs {
  margin-bottom: 50px;
}
.blocFrs h3 {
  color: var(--main-color-client1);
  border-bottom: 1px solid var(--main-color-client1);
}
.blocFrs .showAllDetailLigne td {
  border-top: 0px;
}
.blocFrs .titreTotal {
  width: 160px;
}
.blocFrs .montantTotal {
  font-weight: bold;
  width: calc(100% - 160px);
  margin-right: 75px;
  position: relative;
}
.blocFrs .ligneFrs {
  display: flex;
  flex-wrap: wrap;
  justify-content: right;
}
.blocFrs .ligneFrs label {
  margin-right: 5px;
}
.blocFrs .ligneFrs .spliter {
  margin-left: 10px;
  margin-right: 10px;
}
.blocFrs .ligneFrs .sectionFrs, .blocFrs .ligneFrs .sectionLivraison, .blocFrs .ligneFrs .sectionRecepAuto, .blocFrs .ligneFrs .dossierAchat {
  display: flex;
  align-items: center;
}
.blocFrs .ligneFrs .sectionFrs {
  margin-right: auto;
  width: 450px;
}
.blocFrs .ligneFrs .sectionFrs > .sectionAdr {
  width: 100%;
}
.blocFrs .ligneFrs .sectionRecepAuto .row:not(:first-child) {
  margin-left: 10px;
}
.blocFrs .ligneFrs .sectionAdr {
  margin-left: 10px;
}
.blocFrs .ligneFrs .dossierAchat label {
  padding-top: 0px !important;
}

.sectionOption {
  display: flex;
  gap: 0px 10px;
  margin-bottom: 100px;
  margin-top: 10px;
}
.sectionOption .panier_button {
  display: flex;
}
.sectionOption .panier_button button {
  width: 50%;
}
.sectionOption .bg_form, .sectionOption .box-form {
  display: flex;
  gap: 0px 20px;
  margin-left: 10px;
  border-top: 10px solid var(--main-color-client1);
}
.sectionOption .bg_form:first-child, .sectionOption .box-form:first-child {
  display: flex;
  flex-direction: column;
  width: 500px;
}
.sectionOption .bg_form:first-child .row, .sectionOption .box-form:first-child .row {
  display: flex;
  padding: 0px;
  margin-bottom: 10px !important;
}
.sectionOption .bg_form:first-child .row .input-wrapper:first-child, .sectionOption .box-form:first-child .row .input-wrapper:first-child {
  width: 60%;
}
.sectionOption .bg_form:first-child .row .input-wrapper:first-child label, .sectionOption .box-form:first-child .row .input-wrapper:first-child label {
  width: 50%;
}
.sectionOption .bg_form:first-child .input-switch, .sectionOption .box-form:first-child .input-switch {
  margin-left: 2%;
  width: 38%;
}
.sectionOption .bg_form:nth-child(2) button, .sectionOption .box-form:nth-child(2) button {
  text-align: right;
  white-space: nowrap;
  height: 35px !important;
  align-self: end;
}

#validation_panier h1 {
  display: flex;
  align-items: center;
  position: relative;
}
#validation_panier h1 button.principal {
  margin-left: auto;
}
#validation_panier h1 button.secondaire {
  margin-left: 10px;
}
#validation_panier .listeDocument {
  width: calc(98% - 250px);
  margin-right: 2%;
}
#validation_panier .div-budget {
  width: 250px;
}
#validation_panier details[open] summary {
  border-radius: 10px 10px 0 0;
}
#validation_panier details[open] summary::after {
  margin-right: 5px !important;
}
#validation_panier details summary {
  font-weight: bold;
  font-size: var(--fs-16);
  display: flex;
  align-items: center;
  background-color: var(--main-color-opac15);
  padding: 5px;
  border-radius: 10px;
}
#validation_panier details summary .bloquant {
  margin-left: 10px;
}
#validation_panier details summary::after {
  width: auto;
  margin: 0;
  margin-left: auto;
}
#validation_panier .main_doc {
  box-shadow: var(--box-shadow);
  border-radius: 10px;
  margin-bottom: 20px;
}
#validation_panier .main_doc .white-tooltip {
  font-size: var(--fs-base);
  font-weight: initial;
}
#validation_panier .main_doc > div {
  padding: 10px;
}
#validation_panier .tabAno {
  width: 100%;
  box-shadow: none !important;
}
#validation_panier .tabAno tr {
  background-color: rgba(253, 13, 13, 0.1019607843) !important;
}
#validation_panier .bloc_doc_frs h4 {
  color: var(--main-color-client1);
  border-bottom: 1px solid var(--main-color-client1);
}
#validation_panier .listeDocument .pdf,
#validation_panier .listeDocument .pdf_blue {
  width: 30px;
  height: 30px;
}
#validation_panier .totalDocument {
  width: 300px;
  display: flex;
  background-color: var(--main-color-opac50);
  padding: 10px;
  border-radius: 10px;
  margin-left: auto;
  box-shadow: var(--box-shadow);
}
#validation_panier .totalDocument > span {
  width: 50%;
}
#validation_panier .totalDocument > span:last-child {
  font-weight: bold;
}
#validation_panier .inputDocument {
  display: flex;
  flex-wrap: wrap;
  gap: 1%;
  align-items: center;
}
#validation_panier .inputDocument > div {
  width: 32%;
}
#validation_panier .passDA > span {
  margin-right: 5px;
}
#validation_panier .blocPassDA {
  margin-right: 15px;
  margin-left: auto;
  width: 120px;
}
#validation_panier .blocPassDA span {
  margin-left: 20px;
}

.graph_budget {
  width: 250px;
  position: relative;
  box-shadow: var(--box-shadow);
  border-radius: 15px;
}
.graph_budget .title {
  background-color: var(--main-color-opac50);
  padding: 5px;
  border-radius: 15px 15px 0px 0px;
  font-weight: bold;
  text-align: center;
}
.graph_budget .titreBudget {
  font-weight: bold;
  color: var(--main-color-client2);
  margin-top: 5px;
  margin-left: 10px;
  margin-right: 10px;
}
.graph_budget .budget {
  margin-left: 10px;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  margin-right: 10px;
}
.graph_budget .groupBar {
  position: relative;
  height: 200px;
  width: 65px;
  margin-top: 50px;
  margin-left: 25px;
}
.graph_budget .groupBar .bar {
  width: 100%;
  position: absolute;
  bottom: 0px;
}
.graph_budget .groupBar .MontantBudget {
  z-index: 1;
}
.graph_budget .groupBar .ConsoDocument {
  background: black;
  z-index: 2;
}
.graph_budget .groupBar .DejaConsomme {
  z-index: 3;
}
.graph_budget .groupBar .splitConso {
  position: absolute;
  width: 220px;
  height: 1px;
  background-color: black;
}
.graph_budget .groupBar .lib_conso {
  position: absolute;
  left: 70px;
  width: 155px;
  font-weight: bold;
}
.graph_budget .groupBar .lib_dejaDonso {
  top: -19px;
  text-align: right;
  padding-right: 5px;
}
.graph_budget .groupBar .lib_dejaDonso > span {
  background-color: #3b7a3b;
  color: white;
  padding: 3px;
  border-radius: 6px 6px 0 0;
}
.graph_budget .percentConso {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 15px;
  margin-top: 15px;
}
.graph_budget .noConso {
  margin: 10px;
  text-align: center;
  font-style: italic;
}/*# sourceMappingURL=oxaproc.css.map */