/*.leaflet-tile-pane {*/
/*  -webkit-filter: grayscale(100%);*/
/*  filter: grayscale(100%);*/
/*}*/

html {
    overflow-y: auto !important;
    font-size: 15px !important;
}

/*
.v-application {
    font-family: 'Work Sans', sans-serif !important;
    color: #343434;
    letter-spacing: -0.4pt !important;
}
*/

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

.bold, .active {
  font-weight: bold !important;
}

.pointer {
  cursor: pointer;
}

.helpCursor {
  cursor: help;
}

.subheader {
  color: rgba(0, 0, 0, .54);
  height: 48px;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  padding: 0 16px;
}

/**
Orange - En attente de paiement #FFA500
Jaune - Valide et Payé #FFFF00
Verte - Acceptée par le restaurant #7CFC00
Vert foncé - Prête / #008080
Bleu clair- En cours de pickup / #00BFFF
Bleu foncé- Commande récupérée #0000FF
Violet - En cours de livraison #DA70D6
Noir - Commande terminée / Finalisée #000000
Rouge - En erreur / #FF0000
 */

:root {
  --status_0: #E01414;
  --status_100: #FFA500;
  --status_200: #e5c100;
  --status_300: #6fe200;
  --status_400: #005f0c;
  --status_500: #005f0c;
  --status_600: #DA70D6;
  --status_700: #6F6F6F;
  --status_800: #6F6F6F;
  --status_900: #E01414;
  --status_1000: #535353;

  --status_assign_100: #00FFEA;
  --status_assign_200: #00BFFF;
  --status_assign_300: #0000FF;

  --status_assign_dropoff_100: #a17dbe;
  --status_assign_dropoff_200: #bf6dff;
  --status_assign_dropoff_300: #7e36af;
}

.status_0 {
  background-color: var(--status_0) !important;
  border-color: var(--status_0) !important;
}

.status_100 {
  background-color: var(--status_100) !important;
  border-color: var(--status_100) !important;
}

.status_200 {
  background-color: var(--status_200) !important;
  border-color: var(--status_200) !important;
}

.status_300 {
  background-color: var(--status_300) !important;
  border-color: var(--status_300) !important;
}

.status_400,
.status_500 {
  background-color: var(--status_400) !important;
  border-color: var(--status_400) !important;
}

/* STATUS AVEC PICKUP */
.status_assign_100 {
  background-color: var(--status_assign_100) !important;
  border-color: var(--status_assign_100) !important;
}

.status_assign_200 {
  background-color: var(--status_assign_200) !important;
  border-color: var(--status_assign_200) !important;
}

.status_assign_300 {
  background-color: var(--status_assign_300) !important;
  border-color: var(--status_assign_300) !important;
}

/* STATUS AVEC DROPOFF */
.status_assign_dropoff_100 {
  background-color: var(--status_assign_dropoff_100) !important;
  border-color: var(--status_assign_dropoff_100) !important;
}

.status_assign_dropoff_200 {
  background-color: var(--status_assign_dropoff_200) !important;
  border-color: var(--status_assign_dropoff_200) !important;
}

.status_assign_dropoff_300 {
  background-color: var(--status_assign_dropoff_300) !important;
  border-color: var(--status_assign_dropoff_300) !important;
}

.status_600 {
  background-color: var(--status_600) !important;
  border-color: var(--status_600) !important;
}

.status_700,
.status_800 {
  background-color: var(--status_700) !important;
  border-color: var(--status_700) !important;
}

.status_1000 {
  background-color: var(--status_1000) !important;
  border-color: var(--status_1000) !important;
}

.wBorder {
  border: 2px solid;
}

.wBorderFull{
  border: 9px solid;
}

.roundIcon {
  border-radius: 30px;
}

.datetimepicker .datepicker .pickers-container {
  /*display: inline;*/
  overflow-y: auto !important;
}

.apexcharts-toolbar {
  z-index: 1 !important;
}

.v-data-footer {
  justify-content: center !important;
}

.datepicker {
  right: 0;
}

.picker-left .datepicker {
  left: 0 !important;
}

.is-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.v-select.fit {
  width: min-content;
}
.v-select.fit  .v-select__selection--comma {
  text-overflow: unset;
  margin: 0 !important;
  overflow: visible;
}

.v-select.fit .v-select__selections > input {
  display: none;
}