/**
 * Ces règles s'appliqueront à toutes les pages, layouts et components de l'application
 *
 * Quand c'est possible, préférer les règles par page, layout ou composant
 */

.theme-primary {
  background-color: rgb(var(--v-theme-primary)) !important;
  color: rgb(var(--v-theme-n-primary)) !important;
}

.theme-secondary {
  background-color: rgb(var(--v-theme-secondary)) !important;
  color: rgb(var(--v-theme-n-secondary)) !important;
}

.theme-neutral-strong {
  background-color: rgb(var(--v-theme-neutral-strong)) !important;
  color: rgb(var(--v-theme-n-neutral-strong)) !important;
}

.theme-neutral {
  background-color: rgb(var(--v-theme-neutral)) !important;
  color: rgb(var(--v-theme-n-neutral)) !important;
}

.theme-neutral-soft {
  background-color: rgb(var(--v-theme-neutral-soft)) !important;
  color: rgb(var(--v-theme-n-neutral-soft)) !important;
}

.theme-danger {
  background-color: rgb(var(--v-theme-danger)) !important;
  color: rgb(var(--v-theme-n-danger)) !important;
}

.theme-success {
  background-color: rgb(var(--v-theme-success)) !important;
  color: rgb(var(--v-theme-n-success)) !important;
}

.theme-warning {
  background-color: rgb(var(--v-theme-warning)) !important;
  color: rgb(var(--v-theme-n-warning)) !important;
}

.theme-info {
  background-color: rgb(var(--v-theme-info)) !important;
  color: rgb(var(--v-theme-n-info)) !important;
}

.theme-x-create-btn {
  background-color: rgb(var(--v-theme-x-create-btn)) !important;
  color: rgb(var(--v-theme-n-x-create-btn)) !important;
}


// TODO: voir si certaines de ces règles ne devraient pas être rapatriées dans des pages, layouts, components

header .v-toolbar__content {
  padding-right: 0;
}

.e-grid .e-gridheader {
  position: -webkit-sticky;
  position: sticky;
  top: 58px; /* The height of top nav menu. */
  z-index: 1;
}

.no-decoration {
  text-decoration: none !important;
  color: inherit !important;
}

.v-application a {
  color: rgb(var(--v-theme-primary))
}

.v-menu__content {
  z-index: 400 !important;
}

.toolbarForm .v-toolbar__content {
  padding-left: 0 !important;
}

.toolbarForm .v-toolbar__title .v-icon {
  height: 46px;
  width: 46px;
}

.header-menu {
  max-height: 300px;
  min-width: 300px;
  overflow-y: auto;
  .v-list{
    .v-list-item{
      border-bottom: 1px solid;
      border-bottom-color: rgb(var(--v-theme-neutral));
    }
  }
}