:root {
  --color-1: #4339f2;
  --color-2: #ff3333;
  --color-3: #34b53a;
  --color-4: #c6ebc8;
  --color-5: #ebf8eb;
  --color-6: #ffb200;
  --color-7: #fff7e6;
}

.m-color-blue {
  color: var(--color-1) !important;
}
.m-color-red {
  color: var(--color-2) !important;
}
.m-color-green {
  color: var(--color-3) !important;
}
.m-color-light-green {
  color: var(--color-4) !important;
}
.m-color-lightest-green {
  color: var(--color-5) !important;
}
.m-color-yellow {
  color: var(--color-6) !important;
}
.m-color-light-yellow {
  color: var(--color-7) !important;
}

.m-color-blue-bg {
  background: var(--color-1) !important;
}
.m-color-red-bg {
  background: var(--color-2) !important;
}
.m-color-green-bg {
  background: var(--color-3) !important;
}
.m-color-light-green-bg {
  background: var(--color-4) !important;
}
.m-color-lightest-green-bg {
  background: var(--color-5) !important;
}
.m-color-yellow-bg {
  background: var(--color-6) !important;
}
.m-color-light-yellow-bg {
  background: var(--color-7) !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

thead th {
  color: #898787;
  font-weight: 400;
  min-width: 80px;
}

.loader {
  position: absolute;
  background: white;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  z-index: 999999;
}

.ml-5rem {
  margin-left: 5rem !important;
}

.ml-1rem {
  margin-left: 1rem !important;
}

.ml-2rem {
  margin-left: 2rem !important;
}

.pe-cursor {
  cursor: pointer;
}

.fs-13 {
  font-size: 13px;
}