:root {
  --main-color: #00a595;
  --body-bg-color: #f4f5fa;
  --white-color: #ffffff;
  --pure-black: #2c2d33;
  --deep-black: #45464e;
  --deep-grey: #475366;
  --light-grey: #98a0ac;
  --menu-color: #a4adac;
  --table-color: #6e7079;
  --gradient-bg: linear-gradient(93.66deg, #00a293 0.75%, #17edd9 115.87%);
  --gradient-bg-reverse: linear-gradient(
    93.66deg,
    #17edd9 0.75%,
    #00a293 115.87%
  );
  --font-family: "Poppins", sans-serif;
}
body {
  background-color: var(--body-bg-color);
  /* height: 100vh; */
}

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body,
textarea {
  font-family: var(--font-family);
  font-size: 13px;
}

ul{
  list-style: none;
  padding-left: 0 !important;
}

:focus {
  outline: none;
}
.w-70 {
  width: 70%;
}
.w-68 {
  width: calc(66.66% - 20px);
}
.w-30 {
  width: 30%;
}
.w-32 {
  width: calc(33.33% - 20px);
}
.w-50 {
  width: 50%;
}
.w-49 {
  width: 48%;
}

.w-15{
  width: 15%;
}
/*-------------- margin---------------- */

.mt-15 {
  margin-top: 15px;
}
.mt-20 {
  margin-top: 20px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mx-10 {
  margin: 0 10px;
}
.m-10-minus {
  margin-left: -10px;
  margin-right: -10px;
}
.m-20-minus {
  margin-left: -10px;
  margin-right: -10px;
}
.ml-20 {
  margin-left: 20px;
}
.ml-15 {
  margin-left: 15px;
}
.mt-30 {
  margin-top: 30px;
}

.mt-28{
  margin-top: 28px;
}

.ml-22{
  margin-left: 22px;
}

.w-83{
  width: 83%;
}

/* -------------------------------- */
.text-center {
  text-align: center;
}
/* --------------padding-------------- */
.p-20 {
  padding: 20px;
}
/* ------------------------------------- */
.bg-lt-green {
  background-color: #bfe8e4;
}
.bg-lt-yellow {
  background-color: #fdedd2;
}
.bg-lt-blue {
  background-color: #c9e6f6;
}
.bg-white {
  background-color: #ffffff;
}

/* drop down */
.dropdown {
  min-width: 70px;
  text-align: center;
}
.drop-parent img {
  cursor: pointer;
}
.drop-parent {
  position: relative;
  padding: 5px;
}
.drop-list {
  display: none;
  position: absolute;
  right: 0;
  top: 11px;
  width: auto;
  background-color: var(--white-color);
  z-index: 15;
  box-shadow: 0px 0px 8px rgb(0 0 0 / 10%);
  border-radius: 2px;
  min-width: 150px;
  text-align: left !important;
}
.drop-list a {
  cursor: pointer;
  display: block;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  padding: 10px;
  color: #45464e !important;
  text-decoration: none;
}

.drop-list a:hover {
  background-color: #f4f5fa;
}
.drop-parent:hover .drop-list {
  display: block;
}
.drop-list li.disable a {
  color: #e2e2e2;
  cursor: not-allowed;
}
.drop-list li.disable a:hover {
  background-color: #ffffff;
  color: #e2e2e2;
}

/* .drop-list:last-child {
  top: -42px;
} */