:root {
  --el-color-primary: var(
    --tw-palette
  ) !important; /* Replace with your desired primary color */
  /* --el-color-primary-dark: #388e3c; Active color */
  --el-color-primary-dark: #005cb5; /* Active color */

  --el-color-primary-light-3: var(--tw-palette-light) !important;
  --el-color-primary-light-5: var(--tw-palette) !important;
  --el-color-primary-light-9: var(--tw-white) !important;
  --el-color-primary-dark-2: var(--tw-palette) !important;
  --el-fill-color-blank: var(--tw-white) !important;
  --el-table-tr-bg-color: var(--tw-white) !important;
  --el-bg-color: var(--tw-white) !important;
}
.el-button {
  --el-button-hover-border-color: var(--tw-palette) !important;
}
@media (max-width: 768px) {
  .el-button--large {
    --el-button-size: 48px !important;
  }
  .menu .el-button--large {
    --el-button-size: 48px !important;
  }
}
body,
div,
span,
p,
input,
textarea,
button {
  /* font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif; */

  font-family: "Nunito", sans-serif;
  /* font-family: "Roboto", sans-serif;
  font-family: "Poppins", sans-serif;
  font-family: "Montserrat", sans-serif; */
  line-height: 1.5;
  /* background-color: var(--tw-white); */
}
h1,
h2,
h3,
.heading {
  font-family: "Poppins", sans-serif;
  line-height: 1.5;
}

.el-dialog__header {
  font-family: "Poppins", sans-serif !important;
}

body {
  background-color: var(--tw-white) !important;
}
.n-input {
  --n-box-shadow-focus: none !important;

  --n-border-hover: 1px solid #4caf50 !important;
  --n-border-focus: 1px solid #4caf50 !important;
}
input:-webkit-autofill {
  margin-bottom: 2px;
  margin-top: 1px;
  -webkit-box-shadow: 0 0 0px 100px var(--tw-white) INSET !important;
}
.el-table tr {
  background-color: var(--tw-white) !important;
}

/* hiding scrollbar */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none; /* IE/Edge */
  scrollbar-width: none; /* Firefox */
}

.el-overlay.is-message-box {
  z-index: 5000 !important;
}

.el-message-box {
  z-index: 5000 !important;
}
.el-table td.actions-column.el-table__cell div {
  padding: 0 2px !important;
}