/**
 * 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
 */
// TODO: voir si certaines de ces règles ne devraient pas être rapatriées dans des pages, layouts, components

body {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

client-only-placeholder {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 9999;
  background-color: #2c3a48;  // Les variables vuetify ne semblent pas fonctionner client-side, à revérifier
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,[encoded data, 6188 characters]");
}

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

.e-grid .e-gridheader {
  position: -webkit-sticky; // Safari
  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));
    }
  }
}


// A supprimer quand l'issue  https://github.com/vuetifyjs/vuetify-loader/issues/273 sera règlée
.v-application {
  font-size: 0.9rem;
}
