.wysiwyg-container[data-v-99470f38] {
  border: solid 1px #ccc;
  border-bottom: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.no-border[data-v-99470f38] {
  border-radius: 0 !important;
}


.editor-content {
  border: solid 1px #ccc;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 10px;
  height: auto;
  overflow-y: auto;
  overflow-x: hidden;
  transition: border-color 0.2s;
}
.editor-content:focus {
  border-color: #2196F3; /* Vuetify primary color */
  outline: none;
}
.wysiwyg .editor-content{
  background: linear-gradient(135deg, rgb(45, 45, 48) 0%, rgb(54, 54, 58) 100%);
  font-size: 1.15em;
  color : white;
}






























































































































































































































































































































































































































































































































































































































































































































































































































































































































































/* Variables CSS pour la cohérence des couleurs */
[data-v-294b5184]:root {
  --primary-color: #1976d2;
  --primary-light: #42a5f5;
  --primary-dark: #1565c0;
  --secondary-color: #424242;
  --surface-color: #ffffff;
  --background-color: #fafafa;
  --border-color: #e0e0e0;
  --border-color-dark: #bdbdbd;
  --text-primary: #212121;
  --text-secondary: #757575;
  --success-color: #4caf50;
  --warning-color: #ff9800;
  --error-color: #f44336;
  --shadow-light: 0 2px 4px rgba(0, 0, 0, 0.1);
  --shadow-medium: 0 4px 12px rgba(0, 0, 0, 0.15);
  --border-radius: 8px;
  --border-radius-small: 4px;
  --total-vente: #88c9b0;
  --bleu-fonce: #002438;
}

/* Wrapper pour le composant detail */
.detail-wrapper[data-v-294b5184] {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  overflow: hidden;
  min-height: 0;
}

/* Container avec en-têtes fixes */
.table-container-fixed[data-v-294b5184] {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-height: 0;
  margin: 0;
  border-radius: var(--border-radius);
  width: 100%;
}
.table-card[data-v-294b5184] {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  min-height: 0;
  width: 100%;
}

/* SCROLLBARS */
.table-scroll-wrapper[data-v-294b5184] {
  flex: 1;
  overflow-x: auto !important;
  overflow-y: auto !important;
  position: relative;
  min-height: 0;
  width: 100%;
  height: 100%;
  /* Force l'affichage des scrollbars */
  -webkit-overflow-scrolling: touch;
}

/* Table avec design Material */
.modern-table[data-v-294b5184] {
  border-collapse: separate;
  border-spacing: 0;
  margin: 0;
  font-size: 0.75rem;
  background: var(--surface-color);
  border-radius: 0;
  width: -moz-max-content !important;
  width: max-content !important; /* La table prend sa largeur naturelle */
  min-width: 100%; /* Au minimum la largeur du conteneur */
  table-layout: auto !important;
}

/* Variables CSS pour la cohérence des couleurs */
[data-v-294b5184]:root {
  --primary-color: #1976d2;
  --primary-light: #42a5f5;
  --primary-dark: #1565c0;
  --secondary-color: #424242;
  --surface-color: #ffffff;
  --background-color: #fafafa;
  --border-color: #e0e0e0;
  --border-color-dark: #bdbdbd;
  --text-primary: #212121;
  --text-secondary: #757575;
  --success-color: #4caf50;
  --warning-color: #ff9800;
  --error-color: #f44336;
  --shadow-light: 0 2px 4px rgba(0, 0, 0, 0.1);
  --shadow-medium: 0 4px 12px rgba(0, 0, 0, 0.15);
  --border-radius: 8px;
  --border-radius-small: 4px;
  --total-vente: #88c9b0;
  --bleu-fonce: #002438;
}

/* Loader */
.loading-container[data-v-294b5184] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  text-align: center;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border-radius: var(--border-radius);
  box-shadow: var(--shadow-light);
  margin: 0.5rem;
  border: 1px solid var(--border-color);
}
.loading-container p[data-v-294b5184] {
  color: var(--text-secondary);
  font-size: 1rem;
  margin: 0;
  font-weight: 500;
  letter-spacing: 0.3px;
}

/* En-têtes fixes avec z-index pour superposition */
.sticky-header[data-v-294b5184] {
  position: sticky;
  top: 0;
  z-index: 10;
  background: white;
}
.sticky-header[data-v-294b5184]::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--bleu-fonce) 0%, rgba(0, 36, 56, 0.5) 100%);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Première ligne d'en-tête fixe */
.header-primary[data-v-294b5184] {
  position: sticky;
  top: 0;
  z-index: 12;
  background-color: #002438 !important;
}
.header-primary[data-v-294b5184]::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, #42a5f5 0%, #1976d2 100%);
}
.header-primary th[data-v-294b5184]:nth-child(1), .header-primary th[data-v-294b5184]:nth-child(2){
  position: sticky;
  left : 0;
  background-color: #002438 !important;
}
.header-primary th[data-v-294b5184]:nth-child(2){
  left : 1063px;
}


/* Deuxième ligne d'en-tête fixe */
.header-secondary[data-v-294b5184] {
  position: sticky;
  top: 32px; /* Hauteur de la première ligne (header-main height) */
  z-index: 11;
  background: white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.header-secondary th[data-v-294b5184]:nth-child(n+1):nth-child(-n+14), td[data-v-294b5184]:nth-child(n+1):nth-child(-n+14){
  position: sticky;
  background : white !important;
  left : 0;
  z-index: 5;
}
tr:nth-child(even) td[data-v-294b5184]:nth-child(n+1):nth-child(-n+14){
  background: #eeeeee !important;
}
.header-secondary th[data-v-294b5184]:nth-child(2), td[data-v-294b5184]:nth-child(2){
  left : 80px !important;
}
.header-secondary th[data-v-294b5184]:nth-child(3), td[data-v-294b5184]:nth-child(3){
  left : 496px !important;
}
.header-secondary th[data-v-294b5184]:nth-child(4), td[data-v-294b5184]:nth-child(4){
  left : 556px !important;
}
.header-secondary th[data-v-294b5184]:nth-child(5), td[data-v-294b5184]:nth-child(5){
  left : 616px !important;
}
.header-secondary th[data-v-294b5184]:nth-child(6), td[data-v-294b5184]:nth-child(6){
  left : 676px !important;
}
.header-secondary th[data-v-294b5184]:nth-child(7), td[data-v-294b5184]:nth-child(7){
  left : 736px !important;
}
.header-secondary th[data-v-294b5184]:nth-child(8), td[data-v-294b5184]:nth-child(8){
  left : 796px !important;
}
.header-secondary th[data-v-294b5184]:nth-child(9), td[data-v-294b5184]:nth-child(9){
  left : 856px !important;
}
.header-secondary th[data-v-294b5184]:nth-child(10), td[data-v-294b5184]:nth-child(10){
  left : 916px !important;
}
.header-secondary th[data-v-294b5184]:nth-child(11), td[data-v-294b5184]:nth-child(11){
  left : 976px !important;
}
.header-secondary th[data-v-294b5184]:nth-child(12), td[data-v-294b5184]:nth-child(12){
  left : 1063px !important;
}
.header-secondary th[data-v-294b5184]:nth-child(13), td[data-v-294b5184]:nth-child(13){
  left : 1123px !important;
}
.header-secondary th[data-v-294b5184]:nth-child(14), td[data-v-294b5184]:nth-child(14){
  left : 1183px !important;
}

/* Table avec design Material */
.modern-table[data-v-294b5184] {
  border-collapse: separate;
  border-spacing: 0;
  margin: 0;
  font-size: 0.75rem;
  background: var(--surface-color);
  border-radius: 0;
  width: -moz-max-content !important;
  width: max-content !important; /* La table prend sa largeur naturelle */
  min-width: 100%; /* Au minimum la largeur du conteneur */
  table-layout: auto !important;
}

/* En-têtes principaux */
.header-primary[data-v-294b5184] {
  /* background: linear-gradient(135deg, #1976d2 0%, #1565c0 100%); */
  color: white;
  position: relative;
  background-color: #002438 !important;
}
.header-primary[data-v-294b5184]::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, #42a5f5 0%, #1976d2 100%);
}
.header-main[data-v-294b5184] {
  padding: 8px 6px !important;
  text-align: center !important;
  font-weight: 600 !important;
  color: white !important;
  border-right: 1px solid rgba(255, 255, 255, 0.2) !important;
  font-size: 0.8rem !important;
  letter-spacing: 0.3px;
  /* text-transform: uppercase; */
  height: 32px !important;
  line-height: 1.2;
}
.header-main[data-v-294b5184]:last-child {
  border-right: none !important;
}
.header-content[data-v-294b5184] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}

/* En-têtes secondaires */
.header-secondary[data-v-294b5184] {
  /* background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); */
  /* background: #e0f0e0 !important; */
  border-bottom: 1px solid #002438;
}
.header-sub[data-v-294b5184] {
  padding: 6px 4px !important;
  text-align: center !important;
  font-weight: 600 !important;
  color: var(--text-primary) !important;
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid #002438 !important;
  /* font-size: 0.7rem !important; */
  min-width: 60px !important;
  /* background: transparent; */
  height: 28px !important;
  line-height: 1.1;
  /* background: #e0f0e0 !important; */
}
.header-sub[data-v-294b5184]:last-child {
  border-right: none !important;
}
.header-text[data-v-294b5184] {
  font-weight: 600;
  color: var(--text-primary);
  /* text-transform: uppercase; */
  letter-spacing: 0.2px;
  /* font-size: 0.7rem; */
}
.header-icon-container[data-v-294b5184] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-btn[data-v-294b5184] {
  background: rgba(25, 118, 210, 0.08) !important;
  border: 1px solid rgba(25, 118, 210, 0.15) !important;
  transition: all 0.15s ease !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
}
.header-btn[data-v-294b5184]:hover {
  background: rgba(25, 118, 210, 0.15) !important;
  transform: scale(1.03);
}

/* Lignes de données */
.data-row[data-v-294b5184] {
  transition: all 0.2s ease;
  border-bottom: 1px solid var(--border-color);
  height: 32px !important;
  background: var(--surface-color);
}
.data-row[data-v-294b5184]:hover {
  background: linear-gradient(135deg, rgba(25, 118, 210, 0.25) 0%, rgba(25, 118, 210, 0.18) 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(25, 118, 210, 0.35);
}
.data-row[data-v-294b5184]:nth-child(even) {
  background: linear-gradient(135deg, rgba(0, 36, 56, 0.08) 0%, rgba(0, 36, 56, 0.05) 100%);
}
.data-row[data-v-294b5184]:nth-child(even):hover {
  background: linear-gradient(135deg, rgba(25, 118, 210, 0.2) 0%, rgba(25, 118, 210, 0.15) 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(25, 118, 210, 0.25);
}
.data-row.row-locked[data-v-294b5184] {
  background: linear-gradient(135deg, rgba(255, 152, 0, 0.03) 0%, rgba(255, 152, 0, 0.01) 100%);
}
.data-row.row-locked[data-v-294b5184]:hover {
  background: linear-gradient(135deg, rgba(255, 152, 0, 0.06) 0%, rgba(255, 152, 0, 0.03) 100%);
}

/* Cellules spécialisées */
.cell-code[data-v-294b5184] {
  padding: 4px 6px !important;
  text-align: center !important;
  min-width: 80px;
  height: 32px !important;
  vertical-align: middle !important;
}
.code-badge[data-v-294b5184] {
  background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
  /* color: white; */
  padding: 3px 8px;
  border-radius: 12px;
  font-weight: 600;
  font-size: 0.7rem;
  letter-spacing: 0.3px;
  box-shadow: var(--shadow-light);
  display: inline-block;
  line-height: 1.2;
}
.cell-article[data-v-294b5184] {
  padding: 4px 8px !important;
  text-align: left !important;
  min-width: 400px !important;
  width: 400px !important;
  max-width: none !important;
  height: 32px !important;
  vertical-align: middle !important;
}
.article-info[data-v-294b5184] {
  display: flex;
  flex-direction: column;
  min-width: 400px !important;
  width: 400px !important;
}
.article-title[data-v-294b5184] {
  font-weight: 500;
  color: var(--text-primary);
  font-size: 0.8rem;
  line-height: 1.2;
  overflow: visible !important;
  min-width: 400px !important;
  width: 400px !important;
  text-overflow: initial !important;
  white-space: normal !important;
  word-wrap: break-word;
}
.cell-stock[data-v-294b5184] {
  padding: 2px !important;
  text-align: center !important;
  height: 32px !important;
  vertical-align: middle !important;
}
.cell-previ[data-v-294b5184],
.cell-reel[data-v-294b5184] {
  padding: 2px 4px !important;
  text-align: center !important;
  height: 32px !important;
  vertical-align: middle !important;
}
.commentaire-cell[data-v-294b5184] {
  text-align: center !important;
  vertical-align: middle !important;
}
.commentaire-icon-container[data-v-294b5184] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 100%;
}
.data-cell[data-v-294b5184] {
  position: relative;
  height: 32px;
  padding: 0;
}

/* Séparation visuelle entre les groupes de lignes */
.ligne-separator[data-v-294b5184] {
  border-left: 3px solid var(--bleu-fonce) !important;
  position: relative;
}
.ligne-separator[data-v-294b5184]::before {
  content: '';
  position: absolute;
  left: -3px;
  top: -1px;
  bottom: -1px;
  width: 3px;
  background: linear-gradient(180deg, var(--bleu-fonce) 0%, rgba(0, 36, 56, 0.7) 100%);
  border-radius: 0 2px 2px 0;
  box-shadow: 2px 0 4px rgba(0, 36, 56, 0.2);
}
.saisie-td[data-v-294b5184] {
  max-width: 80px;
  margin: 0 !important;
  padding: 0 !important;
}
.saisie-td input[data-v-294b5184] {
  text-align: center;
  height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 32px !important;
  border-radius: 4px;
  transition: all 0.2s ease;
}
.saisie-td input[data-v-294b5184]:focus {
  box-shadow: 0 0 0 2px var(--v-primary-lighten3);
}
.planifie-td[data-v-294b5184] {
  border-left: 5px solid var(--bleu-fonce) !important;
  height: 32px !important;
  box-sizing: border-box !important;
  position: relative !important;
  background: transparent !important;
}
.realise-td[data-v-294b5184] {
  background: transparent;
  border-left: 1px solid rgba(76, 175, 80, 0.2);
}
.reste-td[data-v-294b5184] {
  height: 32px !important;
  box-sizing: border-box !important;
  position: relative !important;
  background: transparent !important;
  border-right: 4px solid rgba(255, 193, 7, 0.2);
}
.vide-td[data-v-294b5184] {
  background-color: transparent;
  height: 32px !important;
}
.error--text[data-v-294b5184] {
  color: #e53935 !important;
  font-weight: 700;
  text-shadow: 0 1px 2px rgba(229, 57, 53, 0.2);
}
.success--text[data-v-294b5184] {
  color: #43a047 !important;
  font-weight: 700;
  text-shadow: 0 1px 2px rgba(67, 160, 71, 0.2);
}
.v-text-field[data-v-294b5184] .v-input__slot {
  padding: 0 !important;
  min-height: 32px !important;
  height: 32px !important;
  background: transparent !important;
  border-radius: 4px;
}
.v-text-field[data-v-294b5184] .v-input__control {
  min-height: 32px !important;
  height: 32px !important;
}
.v-text-field[data-v-294b5184] input {
  height: 32px !important;
  line-height: 32px !important;
  padding: 0 4px !important;
  font-weight: 500;
}
.planifie-th[data-v-294b5184] {
  border-left: 2px solid rgba(255, 255, 255, 0.3) !important;
  background: rgba(255, 255, 255, 0.1);
}

/* Séparation des en-têtes pour chaque groupe de lignes */
.header-ligne-separator[data-v-294b5184] {
  border-left: 3px solid var(--bleu-fonce) !important;
  position: relative;
  background: transparent !important;
}
.header-ligne-separator[data-v-294b5184]::before {
  content: '';
  position: absolute;
  left: -3px;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, var(--bleu-fonce) 0%, rgba(0, 36, 56, 0.7) 100%);
  border-radius: 0 2px 2px 0;
}

/* Cellules de commentaires */
.comment-cell[data-v-294b5184] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.comment-btn[data-v-294b5184] {
  background: rgba(25, 118, 210, 0.4) !important;
  border: 1px solid rgba(25, 118, 210, 0.15) !important;
  box-shadow: var(--shadow-light) !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
}
.commentOrder-btn[data-v-294b5184] {
  background: rgba(0, 185, 238, 1) !important;
  border: 1px solid rgba(25, 118, 210, 0.15) !important;
  box-shadow: var(--shadow-light) !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
}
.comment-btn[data-v-294b5184]:hover {
  background: rgba(25, 118, 210, 0.4) !important;
  transform: scale(1.05);
}
.comment-btn-empty[data-v-294b5184] {
  background: rgba(184, 183, 183, 0.08) !important;
  border: 1px solid rgba(158, 158, 158, 0.15) !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  color: #918f8f !important;
}
.comment-btn-empty[data-v-294b5184]:hover {
  background: rgba(158, 158, 158, 0.15) !important;
}

/* Champs de saisie */
.input-field-modern[data-v-294b5184] {
  background: rgba(25, 118, 210, 0.04);
  border-radius: 3px !important;
  border: 1px solid rgba(25, 118, 210, 0.15) !important;
  transition: all 0.15s ease !important;
  box-shadow: none !important;
  margin: 0 !important;
  font-size: 0.75rem !important;
}
.input-field-modern[data-v-294b5184]:focus-within {
  background: rgba(25, 118, 210, 0.04);
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.08) !important;
}
.input-field-modern[data-v-294b5184] .v-input__control {
  min-height: 32px !important;
  height: 32px !important;
}
.input-field-modern[data-v-294b5184] .v-input__slot {
  margin: 0 !important;
  padding: 0 4px !important;
  height: 32px !important;
  min-height: 32px !important;
}
.input-field-modern[data-v-294b5184] .v-text-field__slot input,  .v-text-field__slot-fake[data-v-294b5184]{
  text-align: center !important;
  font-weight: 600 !important;
  color: var(--primary-color) !important;
  font-size: 0.75rem !important;
  height: 32px !important;
  line-height: 32px !important;
  padding: 0 2px !important;
}
.v-text-field__slot-fake[data-v-294b5184]{
  color : black !important;
}

/* Amélioration des tooltips */
.v-tooltip__content[data-v-294b5184] {
  background: rgba(33, 33, 33, 0.95) !important;
  backdrop-filter: blur(8px);
  border-radius: var(--border-radius) !important;
  font-size: 0.85rem !important;
  padding: 8px 12px !important;
  box-shadow: var(--shadow-medium) !important;
}

/* Responsive design */
@media (max-width: 1200px) {
.modern-table[data-v-294b5184] {
    font-size: 0.7rem;
}
.cell-article[data-v-294b5184] {
    min-width: 400px !important;
    width: 400px !important;
}
.data-row[data-v-294b5184] {
    height: 28px !important;
}
}
@media (max-width: 768px) {
.table-container[data-v-294b5184] {
    margin: 0.25rem;
}
.modern-table[data-v-294b5184] {
    font-size: 0.65rem;
}
.header-main[data-v-294b5184] {
    padding: 6px 4px !important;
    font-size: 0.7rem !important;
    height: 28px !important;
}
.header-sub[data-v-294b5184] {
    padding: 4px 2px !important;
    font-size: 0.6rem !important;
    min-width: 50px !important;
    height: 24px !important;
}
.cell-article[data-v-294b5184] {
    min-width: 400px !important;
    width: 400px !important;
}
.code-badge[data-v-294b5184] {
    padding: 2px 6px;
    font-size: 0.6rem;
}
.data-row[data-v-294b5184] {
    height: 26px !important;
}
.cell-code[data-v-294b5184],
  .cell-article[data-v-294b5184],
  .cell-stock[data-v-294b5184],
  .cell-previ[data-v-294b5184],
  .cell-reel[data-v-294b5184],
  .cell-lock[data-v-294b5184],
  .cell-atelier[data-v-294b5184] {
    height: 26px !important;
}
.comment-btn[data-v-294b5184],
  .comment-btn-empty[data-v-294b5184] {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
}
.input-field-modern[data-v-294b5184] .v-input__slot {
    height: 20px !important;
    min-height: 20px !important;
}
.input-field-modern[data-v-294b5184] .v-text-field__slot input {
    height: 20px !important;
    line-height: 20px !important;
    font-size: 0.65rem !important;
}
}

/* Animations */
@keyframes fadeInUp-data-v-294b5184 {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.table-container[data-v-294b5184] {
  animation: fadeInUp-data-v-294b5184 0.5s ease-out;
}
tbody tr[data-v-294b5184] {
  animation: fadeInUp-data-v-294b5184 0.3s ease-out;
  animation-fill-mode: both;
}
tbody tr[data-v-294b5184]:nth-child(1) {
  animation-delay: 0.05s;
}
tbody tr[data-v-294b5184]:nth-child(2) {
  animation-delay: 0.1s;
}
tbody tr[data-v-294b5184]:nth-child(3) {
  animation-delay: 0.15s;
}
tbody tr[data-v-294b5184]:nth-child(4) {
  animation-delay: 0.2s;
}
tbody tr[data-v-294b5184]:nth-child(5) {
  animation-delay: 0.25s;
}

/* Effet de survol global */
.modern-table tr:hover .cell-code .code-badge[data-v-294b5184] {
  transform: scale(1.05);
  box-shadow: var(--shadow-medium);
}

/* États de focus */
.header-btn[data-v-294b5184]:focus,
.comment-btn[data-v-294b5184]:focus {
  outline: 1px solid var(--primary-color);
  outline-offset: 2px;
}

/* SCROLLBARS PERSONNALISÉES - À LA FIN DU FICHIER */
.table-scroll-wrapper[data-v-294b5184]::-webkit-scrollbar {
  width: 16px !important;
  height: 16px !important;
  background: #f1f1f1 !important;
}
.table-scroll-wrapper[data-v-294b5184]::-webkit-scrollbar-track {
  background: #e0e0e0 !important;
  border-radius: 8px !important;
  margin: 2px !important;
}
.table-scroll-wrapper[data-v-294b5184]::-webkit-scrollbar-thumb {
  background: #9e9e9e !important;
  border-radius: 8px !important;
  border: 3px solid #e0e0e0 !important;
  min-width: 40px !important;
  min-height: 40px !important;
}
.table-scroll-wrapper[data-v-294b5184]::-webkit-scrollbar-thumb:hover {
  background: #757575 !important;
}
.table-scroll-wrapper[data-v-294b5184]::-webkit-scrollbar-thumb:active {
  background: #616161 !important;
}
.table-scroll-wrapper[data-v-294b5184]::-webkit-scrollbar-corner {
  background: #e0e0e0 !important;
}

/* Firefox */
.table-scroll-wrapper[data-v-294b5184] {
  scrollbar-width: auto !important;
  scrollbar-color: #9e9e9e #e0e0e0 !important;
}
[data-filter-search][data-v-294b5184]{
  cursor : pointer;
}
.search-filter--input[data-v-294b5184]{
  position: absolute;
  left: 15px;
  top: 40px;
  background: white;
  box-shadow: 5px 5px 15px 5px #00000052;
  padding: 6px 20px;
  border-radius: 5px;
  font-size: 1.5em;
}
.search-filter--input>input[data-v-294b5184]{
  padding : 5px;
  margin-bottom: 0.7em;
}



.data-search-show{    
  width: 20px;
  height: 20px;
  background: silver;
  margin-left: -40px;
  position: absolute;
  border-radius: 100%;
  line-height: 20px;
}
.data-search-input-values{
  max-height: 400px;
  overflow-y: scroll;
  text-align: left;
}
.data-search-input-values input{
  display: inline-flex;
  margin-left: 0px;
  width: 20px;
  height: 20px;
  margin-right: 1em;
  margin-bottom : 0.6em;
}
.data-filter-selected{    
  padding: 5px 10px;
  background: lightgray;
  display: inline-flex;
  margin: 0.2em;
  border-radius: 20px;
  font-size: 0.7em;
  cursor: pointer;
}
.data-search-filter-delete{
  text-align: center;
  padding: 4px;
  background: black;
  color: white;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  float: right;
  font-size: 0.8em;
  cursor : pointer;
}


.rounded-border{border-radius:20px !important}.messages-container{height:600px;overflow-y:scroll;display:flex;flex-direction:column;align-items:flex-end}.messages-container>*{flex:none}.theme--light.v-small-dialog__menu-content,.theme--light.v-small-dialog__actions{background:#fff}.theme--dark.v-small-dialog__menu-content,.theme--dark.v-small-dialog__actions{background:#3e3e42}.v-small-dialog{display:block}.v-small-dialog__activator{cursor:pointer}.v-small-dialog__activator__content{display:inline-block}.v-small-dialog__content{padding:0 16px}.v-small-dialog__actions{padding:8px;text-align:right;white-space:pre}

.first-header[data-v-1956ebb4] {
  top: 0;
  height: 28px;
  background-color: gainsboro !important;
  border: 1px solid #002438 !important;
}
table[data-v-1956ebb4],
th[data-v-1956ebb4],
td[data-v-1956ebb4] {
  border: 1px solid #002438;
  border-collapse: collapse;
  height: 26px;
  padding: 0 16px;
}
.total-offre[data-v-1956ebb4] {
  background-color: #e3f2fd;
}
.total-vente[data-v-1956ebb4] {
  background-color: #d7ecd7;
}
.total-condi[data-v-1956ebb4] {
  background-color: rgba(25, 118, 210, 0.247);
}
.stockTheoJ-1[data-v-1956ebb4] {
  background-color: #eeeeee;
}
.total-dechet[data-v-1956ebb4] {
  background-color: #fff8e1;
}


.first-header[data-v-748d7f13] {
  top: 0;
  height: 28px;
  background-color: gainsboro !important;
  border: 1px solid #002438 !important;
}
table[data-v-748d7f13],
th[data-v-748d7f13],
td[data-v-748d7f13] {
  border: 1px solid #002438;
  border-collapse: collapse;
  height: 26px;
  padding: 0 16px;
}
.theme--light.v-data-table > .v-data-table__wrapper > table > thead > tr > th[data-v-748d7f13]{
  background-color: #00BFF1 !important;
}
.total-lignes[data-v-748d7f13] {
  background-color: #e3f2fd !important;
}
.alert-danger[data-v-748d7f13]{
  color : red !important;
}



.list-days {
  margin-top: -2.5em;
}
.list-days .v-input--selection-controls .v-input__slot {
  height: 0px !important;
}
.list-days .v-input--selection-controls.v-input {
  padding: 0px !important;
}
.v-list--dense.list-days .v-list-item {
  min-height: 20px !important;
  padding: 0px !important;
}


.alert-warning[data-v-a9658fc6] {
  font-size: 0.8em;
  color: red;
}
.zoom8[data-v-a9658fc6] {
  zoom: 0.8;
  padding: 1em;
}
.zoom9[data-v-a9658fc6] {
  zoom: 0.9;
  padding: 1em;
}
.first-header[data-v-a9658fc6] {
  top: 0;
  height: 28px;
  background-color: gainsboro !important;
  border: 1px solid #002438 !important;
}
.class-active[data-v-a9658fc6] {
  background-color: #002438 !important;
  color: whitesmoke !important;
}
.fixed-top-section[data-v-a9658fc6] {
  flex-shrink: 0;
  padding-top: 4px;
}
.scrollable-section[data-v-a9658fc6] {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.detail-container[data-v-a9658fc6] {
  display: flex;
  flex: 1;
  overflow: hidden;
  min-height: 0;
}
.famille-list[data-v-a9658fc6] {
  flex-shrink: 0;
  width: auto;
  overflow-y: auto;
  border-right: 1px solid #e0e0e0;
}
.detail-content[data-v-a9658fc6] {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.rounded-border{border-radius:20px !important}.messages-container{height:600px;overflow-y:scroll;display:flex;flex-direction:column;align-items:flex-end}.messages-container>*{flex:none}.v-input--checkbox.v-input--indeterminate.v-input--is-disabled{opacity:.6}.v-input--checkbox.v-input--dense{margin-top:4px}