body {
  font-family: 'Montserrat', sans-serif;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: var(--bs-body-color) !important;
}


/* Text selection */

::-moz-selection {
  border-radius: 3px !important;
  background-color: var(--m-indigo-2);
  color: var(--m-indigo-5);
}

::selection {
  border-radius: 3px !important;
  background-color: var(--m-indigo-2);
  color: var(--m-indigo-5);
}


/* Global Scrollbar */

::-webkit-scrollbar-track {
  border-radius: 8px;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-thumb {
  border-radius: 4px;
}

::-webkit-scrollbar-corner {
  background-color: var(--m-indigo-3);
}


::-webkit-scrollbar-thumb {
  background: var(--m-indigo-2);
}

:hover::-webkit-scrollbar-thumb {
  background: var(--m-indigo);
}

body {
  background: linear-gradient(45deg, var(--m-gradient-bg-first), var(--m-gradient-bg-second));
}

.overflow-y {
  overflow-y: scroll !important;
  overflow-x: hidden !important;
}

.overflow-x {
  overflow-x: scroll !important;
  overflow-y: hidden !important;
}

.overflow {
  overflow: scroll !important;
}

/* Main Content Zone */

@media (min-width: 768px) {
  .main-content-zone {
    overflow: auto;
    height: calc(100vh - 156px);
  }
}

@media (max-width: 768px) {
  .main-content-zone {
    overflow: auto;
    height: calc(100vh - 220px);
  }
}

/* Sidebar */
.sidebar-small-text {
  margin-top: -6px;
  font-size: 0.7em;
}

/* Drag & Drop */

.dragging-active {
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  cursor: grabbing !important;
}

.dragging-active * {
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
}