/* Handling navbar offset etc... */
.mantine-AppShell-main {
  padding-inline-start: calc(var(--app-shell-navbar-offset, 0rem));
  padding-inline-end: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
@media (max-width: 992px) {
  .mantine-AppShell-main {
    padding-top: 50px !important;
    padding-bottom: 40px !important;
  }
}
/* No border between the app sidebar & main content */
.m_45252eee:where([data-with-border]) {
  border-inline-end: none;
}

/* Problem with Mantine Images on Firefox */
.m_9e117634 {
  width: inherit;
}

/* Color of the border between app sidebar & main content, header & main content or footer & main content */
.mantine-AppShell-root {
  --app-shell-border-color: rgba(118, 118, 118, 0.7) !important;
}

/* Mantine footer */
.mantine-AppShell-footer {
  position: relative;
}

/* Navlinks font */
.mantine-NavLink-label {
  font-size: 0.95rem;
}

.mantine-MultiSelect-inputField {
  &:not(:only-child)::placeholder {
    color: transparent;
  }
}

.mantine-Switch-body {
  width: fit-content;
}

/* For custom multiselect */
.custom-multiselect .mantine-MultiSelect-pill {
  display: none !important;
}
.mantine-MultiSelect-wrapper,
[data-mantine-color-scheme="light"] .m_6c018570[data-variant="default"] {
  z-index: 2 !important;
  background-color: transparent !important;
  --input-bg: transparent !important;
}