/*
 * CENTRALIZED FONT SYSTEM
 * =======================
 *
 * This project uses Poppins as the primary font family throughout the entire application.
 *
 * Font Weights Available:
 * - 100 (Thin)
 * - 200 (Extra Light)
 * - 300 (Light)
 * - 400 (Regular)
 * - 500 (Medium)
 * - 600 (Semi Bold)
 * - 700 (Bold)
 * - 800 (Extra Bold)
 * - 900 (Black)
 *
 * Usage:
 * - Use var(--font-family) for all font-family declarations
 * - This ensures consistency across the entire application
 * - All CSS files have been updated to use this centralized approach
 */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root {
  --main-color: #00a595;
  --body-bg-color: #F5F5F5;
  --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%
  );
  /* Centralized Poppins font family - supports weights 100-900 */
  --font-family: "Poppins", sans-serif;
}
/* Global font application - Poppins for entire application */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: var(--font-family);
}

body {
  background-color: var(--body-bg-color);
  font-family: var(--font-family);
  font-size: 13px;
  /* height: 100vh; */
}

body,
textarea,
input,
select,
button {
  font-family: var(--font-family);
}

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-45 {
  width: 45%;
  margin: 0 auto;
}
.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 20px 10px;
}
.px-15{
  padding: 0 15px;
}
/* ------------------------------------- */
.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: 20px;
  top: 0;
  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;
} */
/* icon three dot----------- */
.icon-three_dot{
  color: var(--light-grey);
  font-size: 16px;
  -moz-transition: left .3s ease-in-out;
    -webkit-transition: left .3s ease-in-out;
    transition: left .3s ease-in-out;
    cursor: pointer;
}
.icon-three_dot:hover{
  color: var(--main-color);
}
.select-default{
  min-width: 150px;
  width: auto;
  height: 36px;
  border: 1px solid #E7E7E7;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: var(--deep-black);
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -o-border-radius: 4px !important;
  margin: 0 7px;
}
.select-default:last-child{
  margin-right: 0;
}
.select-default:focus{
  box-shadow: none;
}