/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[2].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[2].use[2]!./node_modules/next/font/google/target.css?{"path":"src/app/layout.js","import":"Inter","arguments":[{"subsets":["latin"]}],"variableName":"inter"} ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* cyrillic-ext */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/ba9851c3c22cd980-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/21350d82a1f187e9-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/df0a9ae256c0569c-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/8e9860b6e62d6359-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: '__Inter_Fallback_f367f3';src: local("Arial");ascent-override: 90.49%;descent-override: 22.56%;line-gap-override: 0.00%;size-adjust: 107.06%
}.__className_f367f3 {font-family: '__Inter_f367f3', '__Inter_Fallback_f367f3';font-style: normal
}

/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/app/globals.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
:root {

  --primary-c: #182433;
  --secondary-c: #356EFC;
  --tertiary-c: #F0F4FF;
  --quaternary-c: #536479;

  --primary-gray: #808996;
  /* You can replace #808080 with your desired shade of gray */
  --secondary-gray: #6c7a91;
  --alpha-gray: #f2f2f2;
  --beta-gray: #a4a4a4;
  --tertiary-gray: #d1d5dc;
  --primary-blue: #356efc;
  --secondary-blue: #234e83;
  --light-blue: #f0f4ff;
  --primary-green: #3ebf8f;
  --danger: #f04438;
  --primary-font: #484848;
  /* font color */
  /* border color */
  --primary-border: #f5f5f5;
  --secondary-border: #356efc;
  --border-ligth-blue: #dce6fe;
  /* border color */
  --teritary-border: #fbfbfb;
  --light-green-border: #d8f3e9;
  --border-ligth-blue: #dce6fe;
  /* border color */
  --border-light-red: #fde9e7;

  /* bg color */
  --bg-primary: #182433;
  --bg-primary-gray: #fafafa;
  --bg-secondary-gray: var(--quaternary-c);
  --bg-teritary-gray: #dbe0e6;
  --bg-light-gray: #f0f4ff;
  --bg-light-blue: #f0f4ff;

  /* red */
  --bg-light-red: #fef6f6;
  /* green  */
  --bg-light-green: #ecf9f4;
  /* yellow */
  --bg-alert: #fff6e4;
  /* font color */
  --primary-font: var(--bg-primary);
  --secondary-font: #575f6e;
  --teritary-font: var(--primary-blue);
  --success-font: var(--primary-green);
  --alert-font: #d86a1b;
  --danger-font: #e74c3c;
  --orange-font: #f9803f;

  --primary-c: #182433;
  --secondary-c: #356EFC;
  --tertiary-c: #F0F4FF;
}

* {
  margin: 0;
  padding: 0;
  color: #000;
}

@font-face {
  font-family: "Inter";
  src: url("/fonts/Inter-Variable.ttf") format("truetype");
  /* font-weight: normal;
  font-style: normal; */
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px white;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #d9d9d9;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #d9d9d9;
}

.tablecontainer ::-webkit-scrollbar {
  width: 5px;
}

table ::-webkit-scrollbar {
  width: 5px;
}

.input:disabled {
  background-color: var(--teritary-border);
  border-color: #e9e9e9;
  color: var(--bg-primary);
}

/* .react-datepicker-wrapper {
  width: 100% !important;
} */
/* body {
  background-color: var(--danger);
} */
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/styles/common.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
/*1. font-weight */
/* 2. font-size */
/* 3. margin */
/* 4. padding */
/* 5. border */
/* 6. colors */
/* 7. custom  */
/* 8. button  */
/* 9. background color */
/* 10. checkbox */
/* 11. pointer*/
/* 12. input */
/* 13. width */
/* 14. height */
/* 15. dialogBox */
/* 16. transition and transform */
/* 17. aspect ratio */
/* 17. tooltip */
/* 18.  Form Styles for Activity Form */
/* 19. content */
/* 20. scroll */

.common_l0__20FRj {
  left: 0;
}

.common_r0__RS3o_ {
  right: 0;
}

.common_t0__zVuYc {
  top: 0;
}

.common_b0__Rktq5 {
  bottom: 0;
}

.common_overflowX__6vD9q {
  overflow-x: auto;
}

.common_overflowVisible__Zjg0I {
  overflow: visible;
}

.common_overflowHidden__zgBji {
  overflow: hidden;
}

.common_hidden__ZtSfm {
  display: none;
}

.common_flex__U2a_4 {
  display: flex;
}

.common_flexColumn__6hSR1 {
  flex-direction: column;
}

.common_flexRow__cAV3_ {
  flex-direction: row;
}

.common_flexReverse__mgI5s {
  flex-direction: row-reverse;
}

.common_flexGrow__wIHx_ {
  flex-grow: 1;
}

.common_flexWrap__msjys {
  flex-wrap: wrap;
}

.common_itemsStart__ne5dh {
  align-items: flex-start;
}

.common_itemsEnd__tBgrA {
  align-items: flex-end;
}

.common_itemsCenter__ZLPo5 {
  align-items: center;
}

.common_itemsBaseline__x3BEx {
  align-items: baseline;
}

.common_contentEnd__AR3R9 {
  align-content: flex-end;
}

.common_jcStart__5Me26 {
  justify-content: start;
}

.common_jcCenter__QeaoP {
  justify-content: center;
}

.common_jcBetween__YC2Q5 {
  justify-content: space-between;
}

.common_jcEnd____kUy {
  justify-content: end;
}

.common_upperCase__ozUpF {
  text-transform: uppercase;
}

.common_gap2__qX6fM {
  gap: 5px;
}

.common_gap3__R8HCD {
  gap: 8px;
}

.common_gap4__ExrBP {
  gap: 10px;
  /* 0.625rem */
}

.common_gap14px__G086S {
  gap: 14px;
}

.common_gap5__rNfe3 {
  gap: 20px;
  /* 1.5rem */
}

.common_gap6__rNnhS {
  gap: 24px;
}

.common_gap7__4u0xC {
  gap: 28px;
}

.common_gap8__hEMyl {
  gap: 32px;
}

.common_gapForm__bARnj {
  gap: 14px;
}

.common_lowerCase__dsL2r {
  text-transform: lowercase;
}

.common_capitalize__jTWQP {
  text-transform: capitalize;
}

.common_forceCaptitalize__XCYmn {
  text-transform: lowercase;
}

.common_forceCaptitalize__XCYmn::first-letter {
  text-transform: uppercase;
}

.common_textLeft__e1mXw {
  text-align: left;
}

.common_textRight__IrpuV {
  text-align: right;
}

.common_textCenter__7B40z {
  text-align: center !important;
}

.common_textJustify__9HiPn {
  text-align: justify;
}

.common_textUnderline__xaMkL {
  text-decoration: underline;
}

.common_textLineThrough__i5UZr {
  text-decoration: line-through;
}

.common_textItalic__Nqyk0 {
  font-style: italic;
}

.common_textWrapInherit__hVTqP {
  text-wrap: inherit !important;
}

.common_textUnderline__xaMkL {
  text-decoration: underline !important;
}

.common_truncate__hB5_C {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.common_wordWrap__2H_5B {
  word-wrap: break-word !important;
  white-space: normal !important;
  text-overflow: clip !important;
}

.common_numeric__cvKro {
  text-align: right;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  padding-right: .5rem !important;
  justify-content: flex-end !important;
}

.common_breakSpace__o5Iir {
  white-space: break-spaces;
}

/*1. font-weight */
.common_fwlighter__8FYbR {
  font-weight: lighter !important;
  font-weight: 300 !important;
}

.common_fwRegular__tUctn {
  font-weight: 400 !important;
}

.common_fwBold__0XjFZ {
  font-weight: bold;
}

.common_fwLight__9Ba_2 {
  font-weight: lighter;
}

.common_fwRegular__tUctn {
  font-weight: normal;
}

.common_slideSubTitle__7pLeZ {
  font-size: 10px;
  line-height: 16px;
  font-weight: 600;
  color: #6c7a91;
}

.common_fwMedium__zd_q1 {
  font-weight: 500;
}

.common_fwSemiBold__LkKLc {
  font-weight: 600;
}

.common_fwBolder__2SSKD {
  font-weight: bolder;
}

/*2. font-size */
.common_text2xs__MrW9X {
  font-size: 0.625rem;
  /* 10px */
}

.common_textxs__L1OlD {
  font-size: 0.75rem;
  /* 12px */
}

.common_textsm__giOnS {
  font-size: 0.875rem;
  /* 14px */
  line-height: 1.5rem;
  /* 24px */
}

.common_textmd__VxAL3 {
  font-size: 16px;
  line-height: 24px;
}

.common_textbase__4eIcx {
  font-size: 20px;
  line-height: 24px;
}

.common_textxl__mjGkB {
  font-size: 1.5rem;
  /* 24px */
  line-height: 2rem;
  /* 32px */
}

.common_text2xl__prcor {
  font-size: 2rem;
  /* 32px */
}

.common_text3xl__CYvaf {
  font-size: 3rem;
  /* 48px */
}

.common_textPrimaryGray__IB6lR {
  color: var(--beta-gray);
}

.common_textblack__VOhlY {
  color: #182433;
}

.common_textPrime__uBTkF {
  color: #356efc;
}

.common_textWhite__3xLi4 {
  color: white;
}

.common_textBrick__ZAqim {
  color: #ff5c5c;
}

.common_errorText__dFGL_ {
  font-size: 14px;
  color: red;
  height: 1.5rem;
  overflow-y: hidden;
}

/*3. margin */
.common_m0__TRyqX {
  margin: 0 !important;
}

.common_ml2__WHDAF {
  margin-left: 4px !important;
}

.common_ml3__aeNym {
  margin-left: 8px !important;
}

.common_ml4__DI8cU {
  margin-left: 16px !important;
}

.common_mt3__ts7va {
  margin-top: 8px !important;
}

.common_mb3__CHo_P {
  margin-bottom: 8px !important;
}

.common_my2px__lOmPX {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.common_my5__6TI2w {
  margin-top: 20px !important;
}

.common_mx4__AVnTz {
  margin: 0 16px !important;
}

.common_m1__m5uPF {
  margin: 0.5rem;
}

.common_m5__g__8Y {
  margin: 20px !important;
}

.common_mr5__1n_KA {
  margin-top: 20px !important;
}

.common_mr3__AcGms {
  margin-right: 8px !important;
}

.common_mr4__GQDZm {
  margin-right: 16px !important;
}

.common_mx2__oXlt9 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}

/*4. padding */
.common_p0__SFTgo {
  padding: 0 !important;
}

.common_p1__7QBCD {
  padding: 1px !important;
}

.common_p2__iT5kZ {
  padding: 2px !important;
}

.common_p3__B_VO8 {
  padding: 8px !important;
}

.common_p4__iR55u {
  padding: 10px !important;
}

.common_p16PX__FJlvH {
  padding: 16px !important;
}

.common_p5__xTTMw {
  padding: 20px !important;
}

.common_p50__s5hir {
  padding: 50px;
}

.common_p1__7QBCD {
  padding: 2px !important;
}

.common_py3__eEqNj {
  padding: 8px 0px !important;
}

.common_py4__axeDP {
  padding: 16px !important;
  padding-top: 16px !important;
}

.common_py5__rByWv {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.common_px4__lWEpj {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.common_px5__kBswW {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.common_px13__3iaRc {
  padding-left: 56px !important;
  padding-right: 56px !important;
}

.common_pt5__GrJh2 {
  padding-top: 20px !important;
}

.common_pb3__Mw8_p {
  padding-bottom: 8px !important;
}

.common_pl2__Ts9HX {
  padding-left: 4px !important;
}

.common_pl3__pq0rC {
  padding-left: 8px !important;
}

.common_pr3__apsEq {
  padding-right: 3px !important;
}

.common_pl4__yblE8 {
  padding-left: 0.75rem !important;
  /* 12px */
}

.common_pl5__6IaSV {
  padding-left: 1.25rem;
  /* 20px */
}

.common_pl6__VjCQh {
  padding-left: 1.5rem !important;
  /* 24px */
}

.common_pl10__SBI4T {
  padding-left: 2.5rem !important;
  /* 40px */
}

.common_ml20__3Es59 {
  margin-left: 20px;
}

/*5. border */
.common_primaryBorder__1oTdt {
  border: 1px solid #ccc;
}

.common_secondaryBorder__cgfFa {
  border: 1px solid #d1d5dc;
}

.common_borderBlack__HclQ9 {
  border-color: 1px solid #000 !important;
}

.common_borderBlue__8XCWY {
  border-color: var(--primary-blue) !important;
}

.common_grayBorder__IMZnj {
  border: 1px solid var(--primary-border) !important;
}

.common_roundedXl___GcQJ {
  border-radius: 8px;
}

.common_roundedFull__myCKd {
  border-radius: 50%;
}

.common_bl1__RzQD6 {
  border-left: 1px solid var(--primary-border);
}

.common_br1__PW24w {
  border-right: 1px solid var(--primary-border);
}

.common_bt1__4axNM {
  border-top: 1px solid var(--primary-border);
}

.common_bb1__41q40 {
  border-bottom: 1px solid var(--primary-border);
}

.common_bNone__upCj9 {
  border: none !important;
}

/*6. colors */
.common_primaryGray__2A_yN {
  color: var(--primary-gray);
}

.common_seondaryGray__BLT0t {
  color: var(--secondary-gray);
}

.common_primaryGreen__ofkL0 {
  color: var(--success-font);
}

.common_textRed__8BR3W {
  color: var(--danger-font);
}

.common_textOrange__ZCbKB {
  color: var(--orange-font);
}

.common_primaryBlue__2umo5 {
  color: var(--primary-blue);
}

.common_primaryFont__rzXwk {
  color: var(--primary-font);
}

.common_dialogTittle__giap2 {
  font-weight: 500px;
  font-size: 20px;
  color: #182433;
}

.common_methodSection__hi0SW {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #d3eedc;
  background-color: #f7fff5;
  padding: 0.75rem 1rem;
  border-radius: 6px;

  font-weight: 600;
  font-size: 0.95rem;
}

.common_methodSection__hi0SW p {
  color: #319652;
  margin: 0;
}

.common_selectSection__3x0UR {
  color: #319652;
  font-weight: 600;
}

.common_secondayFont__EMbBj {
  color: var(--secondary-font) !important;
}

.common_error__ycZc0 {
  color: red;
}

/*7. custom  */
.common_AlertMessage__kjllW {
  background-color: var(--bg-alert);
  margin-bottom: 1rem;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  color: var(--alert-font);
  font-size: 14px;
  line-height: 20px;
}

.common_formInput__tGukT {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.common_formInput1__oHQYU {
  display: flex;
  flex-direction: column;
  gap: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 8px 16px;
  outline: none;
}

.common_fontInter__P9Zz3 {
  font-family: "Inter";
  font-size: 14px;
}

.common_textBox__GsM_f {
  flex: 1 1;
  width: -webkit-fill-available;
  width: -moz-available;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 16px;
  padding-right: 16px;
  margin-top: 5px;
  outline: none;
  border: 1px solid var(--primary-border);
  border-radius: 4px;
  transition: box-shadow 0.3s ease;
}

.common_selectedtextBox__xVSDW {
  flex: 1 1;
  width: -webkit-fill-available;
  width: -moz-available;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 16px;
  padding-right: 16px;
  margin-top: 5px;
  outline: none;
  border: 1px solid var(--primary-blue);
  background-color: var(--light-blue);
  border-radius: 4px;
  transition: box-shadow 0.3s ease;
}

/*8. button  */
.common_btnPrimary__kVCfe,
.common_btnWhite__YTsjI {
  background-color: var(--primary-blue);
  display: flex;
  gap: 10px;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  align-items: center;
  padding: 10px 16px;
  line-height: 20px;
  text-align: center;
  font-family: "Inter";
  transition: box-shadow 0.3s ease;
}

.common_btnPrimary__kVCfe>span {
  color: #fff;
}

/* background-color: #234e83;
color: #4074b4; */
.common_btnPrimary__kVCfe:disabled {
  background-color: #234e83;
  color: #4074b4;
  border: none;
  border-radius: 4px;
  cursor: not-allowed;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  font-family: "Inter";
  transition: box-shadow 0.3s ease;
}

.common_btnPrimary__kVCfe:disabled:hover {
  box-shadow: none;
  background-color: #234e83;
  color: #4074b4;
}

.common_btnWhite__YTsjI {
  background-color: white;
  color: #484848;
  border: 1px solid #f2f2f2;
  justify-content: center;
}

.common_btnPrimary__kVCfe:hover {
  background-color: #2988d8;
  color: white;
  box-shadow: 0px 0px 0.1875rem 0px rgba(0, 0, 0, 0.4);
}

.common_btnWhite__YTsjI:hover {
  background-color: #f2f2f2;
  color: #484848;
  box-shadow: 0px 0px 0.1875rem 0px rgba(0, 0, 0, 0.4);
}

/* .btnPrimary:disabled {
  background-color: #d1d5dc;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: not-allowed;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  font-family: "Inter";
  transition: box-shadow 0.3s ease;
} */

.common_btnPrimary__kVCfe:disabled:hover {
  box-shadow: none;
}

.common_outlineBtn__334Bn {
  background-color: #fff;
  display: flex;
  gap: 10px;
  color: #000;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid var(--tertiary-gray);
  font-size: 14px;
  font-weight: 400;
  padding: 10px 16px;
  line-height: 20px;
  text-align: center;
  font-family: "Inter";
  transition: box-shadow 0.3s ease;
}

.common_submitBtn__QcVT0 {
  background-color: #f0f4ff;
  display: flex;
  gap: 10px;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid #dce6fe;
  color: #356efc;
  font-size: 14px;
  font-weight: 400;
  padding: 10px 16px;
  line-height: 20px;
  text-align: center;
  font-family: "Inter";
  transition: box-shadow 0.3s ease;
}

.common_submitBtn__QcVT0>* {
  color: #356efc !important;
}

.common_deleteButton__7HMUS {
  width: 48px !important;
  height: 48px !important;
  justify-content: center !important;
  margin-top: 0.3rem !important;
  border-radius: 4px !important;
  border-color: 2px solid rgba(220, 225, 231, 1) !important;
  background-color: #fff !important;
}

.common_linkButton__rFnvz {
  padding: 4px 16px;
  color: var(--primary-blue);
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 400 !important;
  cursor: pointer;
  background-color: transparent !important;
  border: none !important;
}

.common_gostButton__jmXU3 {
  text-align: center !important;
  display: flex !important;
  gap: 5px;
  background: transparent !important;
  color: var(--primary-blue) !important;
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 400 !important;
  cursor: pointer !important;
  border: 1px;
}

.common_toggleWrapper__F3DH0 {
  /* toogle button */
  position: relative;
  display: inline-block;
}

.common_toggleInput__OzFvg {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.common_toggleSlider__dGKgi {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 24px;
  background-color: var(--tertiary-gray);
  border-radius: 24px;
  cursor: pointer;
  transition: background-color 0.2s;
}

.common_toggleSlider__dGKgi:before {
  content: "";
  position: absolute;
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  border-radius: 50%;
  transition: transform 0.2s;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.common_toggleInput__OzFvg:checked+.common_toggleSlider__dGKgi {
  background-color: var(--primary-blue);
}

.common_toggleInput__OzFvg:checked+.common_toggleSlider__dGKgi:before {
  transform: translateX(16px);
}

.common_toggleInput__OzFvg:focus+.common_toggleSlider__dGKgi {
  box-shadow: 0 0 1px var(--primary-blue);
}

/*9. background color*/

.common_bgTransparent__mlwNY {
  background-color: transparent;
}

.common_bgWhite__yN9u0 {
  background-color: #fff !important;
}

.common_bgGray__fz4cN {
  background-color: var(--alpha-gray) !important;
}

.common_bgPrimaryGray__dPm9d {
  background-color: var(--bg-primary-gray) !important;
}

.common_bgGreen__YjcQX {
  background-color: var(--primary-green) !important;
}

.common_bgLightBlue__xJYzq {
  background-color: var(--light-blue) !important;
}

.common_bgPrimary__F46iD {
  background-color: var(--bg-primary);
}

.common_bgDanger__zZGXm {
  background-color: var(--danger) !important;
}

/* 10. checkbox */

.common_customCheckbox__YjIFr {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  border: 1px solid #d1d5dc !important;
}

/* Style for checked state */
.common_customCheckbox__YjIFr:checked {
  background-color: #206bc4;
  border: 1px solid #206bc4;
}

.common_checkBoxRounded__5f6GW {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--alpha-gray);
}

.common_checkBoxRoundedActive__ZLW6U {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #4ddbff !important;
}

.common_checkBoxRoundedActiveSecondary__9orqj {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--secondary-border) !important;
}

.common_primayCheckbox__imfLf {
  height: 20px;
  width: 20px;
  border: 1px solid #f5f5f5;
  border-radius: 4px;
  background-color: #fff;
  accent-color: black;
}

.common_primayCheckbox__imfLf:checked {
  color: #fff;
  accent-color: "black";
}

/*11. pointer*/
.common_cursorPointer__h6CYz {
  cursor: pointer;
}

.common_inputPointer___QQ_M {
  cursor: text !important;
}

/* 12. input */
.common_input__kRgx3 {
  flex: 1 1;
  /* padding: 14px 16px 14px 16px; */
  width: -webkit-fill-available;
  /* Chrome, Safari */
  width: -moz-available;
  /* Mozilla */
  height: 48px !important;
  padding-left: 16px;
  padding-right: 16px;
  margin-top: 5px;
  outline: none;
  border: 1px solid var(--primary-border);
  border-radius: 4px;
  transition: box-shadow 0.3s ease;
}

.common_input__kRgx3:focus {
  outline: none !important;
}

.common_input__kRgx3:not(:disabled):focus {
  border-color: #83b7e8;
  box-shadow: 0px 0px 0.1875rem 0px rgba(0, 0, 0, 0.4);
}

.common_input__kRgx3:not(:disabled):active {
  border-color: #83b7e8;
}

.common_input__kRgx3:disabled {
  background-color: #f8f9fa;
  border-color: #d1d5dc;
  color: #6c7a91;
}

.common_input__kRgx3:placeholder-shown {
  color: #a4a4a4;
}

.common_gostInput__Mrosi {
  border: none;
  padding: 10px;
  cursor: pointer;
  font-size: 0.875rem;
  /* 14px */
  line-height: 1.5rem;
  /* 24px */
  /* font-weight: 400; */
  text-align: left;
}

.common_gostInput_border__5hiPv {
  border: 1px solid #eeeded;
  border-radius: 0.25rem;
}

.common_gostInput__Mrosi:disabled {
  background-color: transparent !important;
}

.common_tableHeaderBtn__fj5yE {
  cursor: pointer;
  border-radius: 0.5rem;
  border-right: none;
  border-top-right-radius: none;
  border-bottom-left-radius: none;
}

.common_overHeadBtn__n4M7S {
  background-color: #fff7f7;
  border: 1px solid #fcd9d9;
  padding: 0.2rem 0.4rem 0 0.4rem;
  margin-bottom: 0.5rem;
}

.common_expandBtn__6ZEyi {
  border: 1px solid #f2f2f2;
  background-color: #fff;
  padding: 0.2rem 0.4rem 0 0.4rem;
  margin-bottom: 0.5rem;
}

.common_showHideBtn__ExUor {
  background-color: transparent !important;
  border: none;
  padding: 0;
}

.common_tag__AYeaA {
  display: flex;
  align-items: center;
  height: 24px;
  margin: 2px;
  line-height: 22px;
  background-color: var(--bg-primary-gray);
  border: 1px solid var(--primary-border);
  border-radius: 4px;

  box-sizing: content-box;
  padding: 2px 8px;
  margin-left: 6px;
  outline: 0;
  overflow: hidden;
}

.common_tag__AYeaA span {
  color: var(--secondary-font);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* 13. width */

.common_w5__wEW4i {
  width: 20px !important;
}

.common_w6__KoXnw {
  width: 24px !important;
}

.common_w13__9zrUz {
  width: 56px !important;
}

.common_w10__zojg1 {
  width: 40px !important;
}

.common_w50__nZHo5 {
  width: 50px !important;
}

.common_w11__1euJe {
  width: 45px !important;
}

.common_w50__nZHo5 {
  width: 50px !important;
}

.common_w12__jSc5C {
  width: 56px !important;
}

.common_w13__9zrUz {
  width: 60px !important;
}

.common_w20__Jrvg_ {
  width: 80px !important;
}

.common_w24__pfU5O {
  width: 96px !important;
}

.common_w9__wuyCn {
  width: 48px !important;
}

.common_w10__zojg1 {
  width: 56px !important;
}

.common_w25___V42h {
  width: 150px !important;
}

.common_w2Xs__DiVbB {
  width: 100px !important;
  min-width: 100px !important;
}

.common_w3xs__Oatb1 {
  width: 250px !important;
}

.common_w20p__PuSJr {
  width: 20% !important;
}

.common_w30p___39bd {
  width: 30% !important;
}

.common_w35p__KToDn {
  width: 35% !important;
}

.common_w40p__lXU8j {
  width: 40% !important;
}

.common_w50p__FcQv4 {
  width: 50% !important;
}

.common_w60p__YlLW_ {
  width: 60% !important;
}

.common_w65p___hYZ1 {
  width: 65% !important;
}

.common_w70p__7mAlV {
  width: 70% !important;
}

.common_w80p__h7smd {
  width: 80% !important;
}

.common_w90p__76nc4 {
  width: 90% !important;
}

.common_w100__ACYh9 {
  width: 100% !important;
}

.common_h100vh__xsgBd {
  height: 100vh;
}

.common_h50vh__Rzi01 {
  height: 50vh;
}

.common_variantTableInput__ONuRZ {
  width: 100% !important;
  padding-left: 0px !important;
}

/* 14. height */
.common_minhXs__eRvxh {
  min-height: 160px;
}

.common_minW3xs__zxBGS {
  min-width: 15.625rem;
}

.common_h5__S8gL_ {
  height: 20px !important;
}

.common_h6__sOQIa {
  height: 24px !important;
}

.common_h10__y2hwh {
  height: 40px !important;
}

.common_h50__2CT4u {
  height: 50px !important;
}

.common_h12__Gxn87 {
  height: 3rem !important;
  /* 48px */
}

.common_h100__sNIwB {
  height: 100% !important;
}

/* 15. dialogBox */
.common_dialogStyle__k_Ow4 {
  max-width: 65vw;
  width: 100%;
  height: 100vh;
  margin: 0;
  position: fixed;
  right: 0;
  top: 0;
  border-radius: 0;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

@media (min-width: 999px) {
  .common_dialogStyle__k_Ow4 {
    max-width: 85vw;
    width: 100%;
    height: 100vh;
    margin: 0;
    position: fixed;
    right: 0;
    top: 0;
    border-radius: 0;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
}

/* 16. transition and transform */
.common_transition__F5XeI {
  transition: all 0.3s ease;
}

.common_transform__aAQrP {
  transform: translateX(0%);
}

.common_transformOpen__bpT6A {
  transform: translateX(100%);
}

.common_loading__Lvyhx {
  display: inline-block;
}

.common_loadingSpin__p_P2S {
  animation: common_spin__RZl9f 1.5s linear infinite;
}

.common_no_hover_bg_white__DUFM9,
.common_no_hover_bg_white__DUFM9:hover {
  background: white !important;
}

.common_no_hover_bg_gray__0x5pK,
.common_no_hover_bg_gray__0x5pK:hover {
  background: #f2f2f2 !important;
}

@keyframes common_spin__RZl9f {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* 17. aspect ratio */
.common_aspectRatio16_9__ISA95 {
  position: relative;
  aspect-ratio: 16 / 9;
}

/* test case */
.common_buttonWrapper__scegM {
  position: relative;
  display: inline-block;
  /* Gap between buttons */
}

.common_buttonContainer__k8Dc6 {
  display: inline-flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  width: 55px;
  transition: all 0.5s ease;
  z-index: 1;
}

.common_buttonExpanded__URX04 {
  width: auto;
  z-index: 2;
  /* Ensures expanded button stays on top */
}

.common_buttonName__PZQp_ {
  opacity: 0;
  max-width: 0;
  white-space: nowrap;
  overflow: hidden;
  transition: all 0.5s ease;
  /* transition-delay: ; */
  margin-left: 0;
}

.common_buttonNameVisible__zAkiC {
  opacity: 1;
  max-width: 200px;
  /* Adjust based on your longest expected text */
}

/* table */
.common_alignedTable__AvAHO {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}

.common_tableHeader__GT_VI th {
  text-align: left;
  padding: 12px 16px;
  font-weight: 600;
  background-color: #f5f7fb;
  border-bottom: 1px solid #e2e8f0;
}

.common_tableRow__JI1q2 td {
  padding: 12px 16px;
  border-bottom: 1px solid #e2e8f0;
  vertical-align: middle;
}

/* Form Styles for Activity Form */
.common_formContainer__tqlqY {
  display: flex;
  flex-direction: column;
  gap: 20px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.common_formGroup__eLXbg {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 8px;
}

.common_formLabel__DoYbI {
  font-size: 14px;
  font-weight: 500;
  color: #484848;
}

.common_formLabel1__M3uBP {
  font-size: 14px;
  font-weight: 400;
  color: black;
}

.common_formTextarea__DIScl {
  min-height: 100px;
  padding: 12px;
  border: 1px solid #dce1e7;
  border-radius: 4px;
  font-size: 14px;
  width: 100%;
  resize: vertical;
}

.common_uploadContainer__VoRhV {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 12px 0;
}

.common_attachmentTable__ImFTn {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

.common_attachmentTable__ImFTn th,
.common_attachmentTable__ImFTn td {
  padding: 12px;
  text-align: left;
  border-bottom: 1px solid #dce1e7;
}

.common_attachmentTable__ImFTn th {
  font-weight: 500;
  color: #484848;
}

.common_iconButton__tucz2 {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.common_iconButton__tucz2:hover {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 50%;
}

/* End of Form Styles */

/* Start Activity button style */
.common_btnSuccess__4p5FI {
  background-color: #3ebf8f;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  font-family: "Inter";
  transition: box-shadow 0.3s ease;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
}

.common_btnSuccess__4p5FI:hover {
  background-color: #35a67d;
  box-shadow: 0px 0px 0.1875rem 0px rgba(0, 0, 0, 0.4);
}

.common_btnSuccess__4p5FI:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* End Activity button style */
.common_btnDanger__LghbX {
  background-color: #f04438;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  font-family: "Inter";
  transition: box-shadow 0.3s ease;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
}

.common_btnDanger__LghbX:hover {
  background-color: #d63c31;
  box-shadow: 0px 0px 0.1875rem 0px rgba(0, 0, 0, 0.4);
}

.common_btnDanger__LghbX:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* 19. content */
.common_desctiptionContent__DdfRH {
  display: flex;
  border-radius: 4px;
  overflow: hidden;
  margin: 10px 0 24px 0;
}

.common_desctiptionContent__DdfRH> :first-child {
  /* font-family: "Segoe UI"; */
  font-weight: 600;
  padding: 18px 18px;
  text-transform: uppercase;
  align-items: center;
  justify-content: center;
  background-color: var(--bg-teritary-gray);
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 10px;
  line-height: 16px;
}

.common_desctiptionContent__DdfRH> :last-child {
  background-color: var(--alpha-gray);
  width: max-content;
  font-weight: 400;
  padding: 10px 8px;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0%;
  vertical-align: middle;
}

/* 20. scroll */

.common_myScrollableDiv__TmLLX {
  scrollbar-width: thin;
  /* Makes the scrollbar thin */
  scrollbar-color: #888 #f1f1f1;
  /* Thumb and track color */
}

.common_myScrollableDiv__TmLLX::-webkit-scrollbar {
  width: 8px;
  /* Set width for vertical scrollbars */
  height: 8px;
  /* Set height for horizontal scrollbars */
}

.common_myScrollableDiv__TmLLX::-webkit-scrollbar-thumb {
  background: #888;
  /* Thumb color */
  border-radius: 10px;
  /* Optional rounded corners */
}

.common_myScrollableDiv__TmLLX::-webkit-scrollbar-track {
  background: #f1f1f1;
  /* Track color */
}

/* End of Form Styles */
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/styles/tooltip.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
/* Tooltip.module.css */
.tooltip_tooltip__f9OBF {
    position: absolute;
    background-color: #1f2937;
    color: white;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 14px;
    z-index: 1000;
    pointer-events: none;
    max-width: 300px;
    word-break: break-word;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    white-space: nowrap;
}

/* Optional: Add arrow pointing up to the cell */
.tooltip_tooltip__f9OBF::before {
    content: '';
    position: absolute;
    top: -6px;
    left: 20px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #1f2937;
}


.tooltip_tooltipContainer1__uMarq {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.tooltip_tooltip1__59cRa {
    position: absolute;
    top: 125%;
    left: 125%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 13px;
    white-space: nowrap;
    z-index: 1000;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    animation: tooltip_fadeIn__Z3sVq 0.2s ease-in;
}

.tooltip_tooltip__f9OBF::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 125%%;
    transform: translateX(-50%);
    border-width: 6px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}

@keyframes tooltip_fadeIn__Z3sVq {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(-5px);
    }

    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/styles/searchDropDownPagination.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
.searchDropDownPagination_dropdown_container__wstUV {
  width: 100%;
  position: relative;
}

.searchDropDownPagination_teritaryTheme__2zgA3 {
  background-color: var(--secondary-c);
  color: #fff;
  outline: var(--secondary-c);
  border: 1px solid var(--secondary-c);
}

.searchDropDownPagination_teritaryTheme__2zgA3::placeholder {
  color: #fff;
}

.searchDropDownPagination_label__C563_ {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  margin-bottom: 6px;
}

.searchDropDownPagination_search_wrapper__NW8Q0 {
  position: relative;
  display: flex;
  align-items: center;

}

.searchDropDownPagination_search_icon__NnCLb {
  position: absolute;
  left: 12px;
  pointer-events: none;
  opacity: 0.5;
}

.searchDropDownPagination_filter_search__Ds_I0 {
  width: 100%;
  padding: 10px 30px 10px 38px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  transition: border-color 0.2s;
  outline: none;
}


.searchDropDownPagination_firstDropdown__qLee1 {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0% !important;
  border-bottom-right-radius: 0% !important;

}

.searchDropDownPagination_secondDropdown__59YIi {
  border-top-left-radius: 0% !important;
  border-bottom-left-radius: 0% !important;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-left: none !important;
  outline: none !important;
}


.searchDropDownPagination_filter_search_LP10__F00Hx {
  width: 100%;
  padding: 10px 40px 10px 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  transition: border-color 0.2s;
  outline: none;
}

.searchDropDownPagination_filter_search_field__BpMnB {
  width: 100%;
  padding: 14px 16px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  transition: border-color 0.2s;
  outline: none;
}

.searchDropDownPagination_filter_search__Ds_I0:focus {
  border-color: var(--secondary-c);
  box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.1);
}

.searchDropDownPagination_filter_search__Ds_I0:disabled {
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 0.6;
}

.searchDropDownPagination_loading_spinner__Hi7WT {
  position: absolute;
  right: 12px;
  display: flex;
  align-items: center;
}

.searchDropDownPagination_vectorArrow__2hmpR {
  position: absolute;
  right: 12px;
  display: flex;
}

.searchDropDownPagination_spinner__yI_n_ {
  width: 16px;
  height: 16px;
  border: 2px solid #f3f3f3;
  border-top: 2px solid #1976d2;
  border-radius: 50%;
  animation: searchDropDownPagination_spin__Mhmhn 0.8s linear infinite;
}

@keyframes searchDropDownPagination_spin__Mhmhn {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.searchDropDownPagination_suggestions_container__NspuT {
  position: absolute;
  width: 100%;
  z-index: 1000;
}

.searchDropDownPagination_suggestion_item__PSEfn {
  transition: background-color 0.15s;
}

.searchDropDownPagination_suggestion_item__PSEfn:hover {
  background-color: #f5f5f5 !important;
}

.searchDropDownPagination_chip__T6Yol {
  transition: background-color 0.15s;
}

.searchDropDownPagination_chip__T6Yol:hover {
  background-color: #bbdefb;
}

.searchDropDownPagination_chip__T6Yol button:hover {
  transform: scale(1.2);
}

/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/styles/loader.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.loader_overlay__FaJxN {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--tertiary-gray);
    opacity: .4;
    /* Light gray with transparency */
    -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: all;
    /* Prevent clicks from going through */
}

.loader_content__01GES {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    border-radius: 12px;
    max-width: 300px;
    min-width: 200px;
}

.loader_text__O_jxa {
    margin-top: 1rem;
    font-size: 1rem;
    color: #333;
    text-align: center;
    font-weight: 500;
}