/*Index of Items*/
/*
        1.Color Variables
        2.Text Colors
        3.Background colors
        4.Font sizes
        5.Font Weight
        6.Line height Start
        7.Borders
        8.Border Radius
        9.Positions
        10.Padding
        11.Margin
        12.Width
        13.Height
        14.Display Properties
        15.Gap
        16.Z-index
        17.Hover
        18.Box Shadow
        19.Align items
        20.Justify content
        21.Table Border
        22.Icons Animations
        23.Others
        24. Navigation
    */


/*----------------*/


/* Dont Remove this */
::selection  {
    background-color: #1d5558;
    color: #fff;
}

:root {
    --color-000: #000;
    --color-fff: #fff;
    --color-F9F9F9: #F9F9F9;
    --color-F5F5F5: #F5F5F5;
    --color-E9E9E9: #E9E9E9;
    --color-E4E4E4: #E4E4E4;
    --color-CFD3D4: #CFD3D4;
    --color-ABAFB1: #ABAFB1;
    --color-5E6366: #5E6366;
    --color-656565: #656565;
    --color-4A4A4A: #4A4A4A;
    --color-A7A7A7: #A7A7A7;
    --color-3C3C3C: #3C3C3C;
    --color-E8EEEE: #E8EEEE;
    --color-F7981C: #F7981C;
    --color-E5F3FF: #E5F3FF;
    --color-50C878: #50C878;
    --color-302C2C: #302C2C;
    --color-DDDDDD: #dddddd;
    --color-3C2C2C: #3c2c2c;
    --color-A5884F: #A5884F;
    --color-438B7C: #438B7C;
    --color-F9FDFF: #f9fdff;
    --color-C8C8C8: #C8C8C8;
    --color-9D9D9D: #9d9d9d;
    --color-DEDEDE: #DEDEDE;
    --color-CF5368: #CF5368 !important;
    --color-F8E5E8: #F8E5E8;
    --color-4270D4: #4270D4;
    --color-F06300: #F06300;
    --color-5ABA27: #5ABA27;
    --color-E6F5DF: #E6F5DF;
    --color-E82B45: #E82B45;
    --color-FDEAEC: #FDEAEC;
    --color-A65AF6: #A65AF6;
    --color-F6EFFE: #F6EFFE;
    --color-EEEEEE: #EEEEEE;
    --color-C16668: #C16668;
    --color-5C48CC: #5C48CC;
    --color-DCE6FC: #DCE6FC;
    --color-1E6666: #1E6666;
    --color-F1F4F5: #f1f4f5;
    --color-F8E298: #F8E298;
    --color-B2EFFF: #B2EFFF;
    --color-FF8B39: #FF8B39;
    --color-F2F2F2: #f2f2f2;
    --color-F0F0F0: #F0F0F0;
    --color-3A3A3A: #3A3A3A;
    --color-787777: #787777;
    --color-58AAAE: #58AAAE;
    --color-EAEAEA: #EAEAEA;
    --color-246C70: #246C70;
    --color-EDEDED: #EDEDED;
    --color-4D4D4D: #4D4D4D;
    --color-27767B: #27767B;
    --color-2BBA8F: #2BBA8F;
    --color-FFD0D2: #FFD0D2;
    --color-FAECED: #FAECED;
    --color-FFF5F5: #FFF5F5;
    --color-F3F5F7: #F3F5F7;
    --color-FCFAF5: #FCFAF5;
    --color-E1EFEC: #E1EFEC;
    --color-E3E3E3: #E3E3E3;
    --color-DDE5E6: #DDE5E6;
    --color-3E6E71: #3E6E71;
    --color-2d2d47: #2d2d47;
    --color-1D5558: #1D5558;
    --color-ECEDFD: #ECEDFD;
    --color-F9E8E9: #F9E8E9;
    --color-EFBCBF: #EFBCBF;
    --color-C71D27: #C71D27;
    --color-6A39C8: #6A39C8;
    --color-D11A2A: #D11A2A;
    --color-FFF5EA: #FFF5EA;
    --color-FFE3C0: #FFE3C0;
    --color-FF9F2D: #FF9F2D;
    --color-FA8800: #FA8800;
    --color-EBF8F5: #EBF8F5;
    --color-34B698: #34B698;
    --color-E2F3E8: #e2f3e8;
    --color-FFFFFF: #FFFFFF;
    --color-1D1D1D: #1D1D1D;
    --color-D35DE7: #D35DE7;
    --color-3BAC66: #3BAC66;
    --color-537ACF: #537ACF;
    --color-887DEB: #887DEB;
    --color-F0CCB4: #F0CCB4;
    --color-BFEEEB: #BFEEEB;
    --color-AFD3E8: #AFD3E8;
    --color-BBFFDA: #BBFFDA;
    --color-FDEFC1: #FDEFC1;
    --color-FFD3D3: #FFD3D3;
    --color-5C5C5C: #5C5C5C;
    --color-606060: #606060;
    --color-2DAA2D: #2DAA2D;
    --color-F37123: #F37123;
    --color-FDEAEC: #FDEAEC;
    --color-E82B45: #E82B45;
    --color-FEF1E8: #FEF1E8;
    --color-F0F7FF: #F0F7FF;
    --color-32302C: #32302C;
    --color-EFEFEE: #EFEFEE;
    --color-EFF1F4: #EFF1F4;
    --color-6B7280: #6B7280;
    --color-454545: #454545;
    --color-FAFAFA: #FAFAFA;
    --color-D1D1D1: #d1d1d1;
    --color-009FDA: #009FDA;
    --color-E7F8FF: #E7F8FF;
    --color-D9D9D9: #D9D9D9;
    --color-F6F6F6: #F6F6F6;
    --color-E38144: #E38144;
    --color-FFF4E6: #FFF4E6;
    --color-606260: #606260;
    --color-4BB543: #4BB543;
    --color-F7F7F7: #f7f7f7;
    --color-FEFCF8: #FEFCF8;
    --color-EBEBEB: #EBEBEB;
    --color-C5C5C5: #c5c5c5;
    --color-F8F8F8: #F8F8F8;
    --color-AEAEAE: #AEAEAE;
    --color-3D3D3D: #3D3D3D;
    --color-7AB4B7: #7AB4B7;
    --color-D4D4D4: #d4d4d4;
    --color-0478A3: #0478A3;
    --color-4B8BA3: #4B8BA3;
    --color-E57C00: #E57C00;
    --color-EBF3FB: #EBF2FB;
    --color-3B82F6: #3B82F6;
    --color-D0D0D0: #D0D0D0;
    --color-71585B: #71585B;
    --color-757575: #757575;
    --color-CDCDCD: #CDCDCD;
    --color-E5EBF8: #E5EBF8;
    --color-E5E5E5: #E5E5E5;
    --color-D1DEE5: #D1DEE5;
    --color-FCDFFF: #FCDFFF;
    --color-F3E8DB: #F3E8DB;
    --color-7300A1: #7300A1;
    --color-A16300: #A16300;
    --color-299836: #299836;
    --color-F6981C: #F6981C;
    --color-333333: #333333;
    --color-0040A1: #0040A1;
    --color-FF7904: #FF7904;
    --color-EFF7FF: #EFF7FF;
    --color-FEE7AC: #FEE7AC;
    --color-DBEAFE: #DBEAFE;
    --color-DCF5FC: #DCF5FC;
    --color-CCF0DA: #CCF0DA;
    --color-F8D7DA: #F8D7DA;
    --color-FFF9EB: #FFF9EB;
    --color-FBDFD3: #FBDFD3;
    --color-DBEEFF: #DBEEFF;
    --color-0F8A0F: #0F8A0F;
    --color-EDF8EC: #EDF8EC;
    --color-C7F2FD: #C7F2FD;
    --color-276096: #276096;
    --color-A8D5FF: #A8D5FF;
    --color-246A57: #246A57;
    --color-B8F1E1: #B8F1E1;
    --color-256780: #256780;
    --color-FCFCFC: #FCFCFC;
    --color-3EB98B: #3EB98B;
    --color-8077F2: #8077F2;
    --color-1290E0: #1290E0;
    --color-EE5F99: #EE5F99;
    --color-B661E0: #B661E0;
    --color-6A85FF: #6A85FF;
    --color-E16B16: #E16B16;
    --color-119D9F: #119D9F;
    --color-AB8D80: #AB8D80;
    --color-595D66: #595D66;
    --color-F3F4F6: #F3F4F6;
    --color-364153: #364153;
    --color-F3F3F5: #F3F3F5;
    --color-E2E2E2: #E2E2E2;
    --color-FBFBFB: #FBFBFB;
    --color-D5D5D5: #D5D5D5;
    --color-6F3E1B: #6F3E1B;
    --color-FEF9C6: #FEF9C6;
    --color-4B5563: #4B5563;
    --color-EAF3DE: #EAF3DE;
    --color-3B6011: #3B6011;
    --color-FCEBEB: #FCEBEB;
    --color-A32D2D: #A32D2D;
    --color-7A4400: #7A4400;
    --color-FEF3E2: #FEF3E2;
    --color-854F0B: #854F0B;
    --color-FAEEDA: #FAEEDA;
    --color-9CA3AF: #9CA3AF;
    --color-C8DEDE: #C8DEDE;
    --color-F0F7F7: #F0F7F7;
    --color-C8DEDE: #C8DEDE;
    --color-FEF2F2: #FEF2F2;
    --color-FECACA: #FECACA;
    --color-DC2626: #DC2626;
    --color-639922: #639922;
    --color-3B6D11: #3B6D11;
    --color-E8F2F2: #E8F2F2;
    --color-374151: #374151;
    --color-E4F5E1: #E4F5E1;
    --color-2D6B2A: #2D6B2A;
    --color-F2F8DF: #F2F8DF;
    --color-4A6B10: #4A6B10;
    --color-FDF8DB: #FDF8DB;
    --color-6B5A0A: #6B5A0A;
    --color-FEF3D0: #FEF3D0;
    --color-7A4D08: #7A4D08;
    --color-FEEAD0: #FEEAD0;
    --color-7A3D08: #7A3D08;
    --color-FDE0C8: #FDE0C8;
    --color-7A2E0B: #7A2E0B;
    --color-FDD4C2: #FDD4C2;
    --color-7A230A: #7A230A;
    --color-FCE4E4: #FCE4E4;
    --color-8B1A1A: #8B1A1A;
    --color-E8F0FB: #E8F0FB;
    --color-1A3A7A: #1A3A7A;
    --color-DEDEDE: #DEDEDE;
    --color-C5EED4: #c5eed4;
    --color-BCE8CA: #bce8ca;
    --color-BCE7B0: #bce7b0;
    --color-EFE39A: #efe39a;
    --color-EDCA8E: #edca8e;
    --color-EBAE83: #ebae83;
    --color-E99577: #e99577;
    --color-F78464: #F78464;
    --color-DC6868: #dc6868;
    --color-256F40: #256f40;
    --color-27673A: #27673a;
    --color-446523: #446523;
    --color-6C6116: #6c6116;
    --color-684915: #684915;
    --color-633514: #633514;
    --color-F49675: #F49675;
    --color-571915: #571915;
    --color-161A16: #161A16;
    --color-5E2713: #5E2713;
    --color-1E3A8A: #1e3a8a;
    --color-F9DADA: #F9DADA;
    --color-F3F4FF6: #F3F4FF6;
    --color-962424: #962424;
    --color-F0F9FF: #F0F9FF;
    --color-FFFBEB: #FFFBEB;
    --color-92400E: #92400E;
    --color-0369A1: #0369A1;
    --color-F9FAFB: #F9FAFB;
    --color-FCA5A5: #FCA5A5;
    --color-D6ECBF: #D6ECBF;
    --color-F5E0BC: #F5E0BC;
    --color-FDEACC: #FDEACC;
    --color-E8924A: #E8924A;
    --color-E03C3C: #E03C3C;
    --color-2DA25C: #2DA25C;
    --color-2E6E67: #2E6E67;
    --color-D5D5D5: #D5D5D5;
    --color-111827: #111827;
    --color-F0F9F9: #F0F9F9;
    --color-D1D5DB: #D1D5DB;
    --color-166534: #166534;
    --color-F0FDF4: #F0FDF4;
    --color-BBF7D0: #BBF7D0;
    --color-D97706: #D97706;
    --color-FAFCFC: #FAFCFC;
    --color-EFF6FF: #EFF6FF;
    --color-1E40AF: #1E40AF;
    --color-FAF5FF: #FAF5FF;
    --color-7C3AED: #7C3AED;
    --color-1A1F2E: #1A1F2E;
    --color-E2E8F0: #E2E8F0;
    --color-141824: #141824;
    --color-2D3348: #2D3348;
    --color-E5E7EB: #E5E7EB;
    --color-EF4444: #EF4444;
    --color-F3F4F6: #F3F4F6;
    --color-BFDBFE: #BFDBFE;
    --color-1D4ED8: #1D4ED8;
    --color-93C5FD: #93C5FD;
    --color-FEFCE8: #FEFCE8;
    --color-FDE68A: #FDE68A;
    --color-FBBF24: #FBBF24;
    --color-F0F2F5: #F0F2F5;
    --color-E5E7EB: #E5E7EB;
    --color-FAFBFC: #FAFBFC;
    --color-D1D5DB: #D1D5DB;
    --color-174548: #174548;
    --color-E5E7EB: #E5E7EB;
    --color-CA8A04: #CA8A04;
    --color-3E6E71: #3E6E71;
    --color-EAF2F2: #EAF2F2;
    --color-212121: #212121;
    --color-EFEFE7: #EFEFE7;
    --color-CFDBDC: #CFDBDC;
    --color-F4F6F7: #F4F6F7;
    --color-888888: #888888;
    --color-1A1A19: #1A1A19;
    --color-F9F9F8: #F9F9F8;
    --color-F9F8FA: #F9F8FA;
    --color-8C919C: #8C919C;
    --color-5F646C: #5F646C;
    --color-15803D: #15803D;
    --color-ECFDF5: #ECFDF5;
    --color-A7F3D0: #A7F3D0;
    --color-4338CA: #4338CA;
    --color-EEF2FF: #EEF2FF;
    --color-F0FAFA: #F0FAFA;
    --color-A3D4D7: #A3D4D7;
    --color-DBDEDF: #DBDEDF;
    --color-DFDAD9: #DFDAD9;
    --color-4A4D50: #4A4D50;
    --color-101314: #101314;
    --color-34383B: #34383B;
    --color-EF4444: #EF4444;
    --color-F59E0B: #F59E0B;
    --color-2563EB: #2563EB;
    --color-111827: #111827;
    --color-0A0D0E: #0A0D0E;
    --color-1A1A1A: #1A1A1A;
    --color-000000: #000000;
    --color-FEE2E2: #FEE2E2;
    --color-F8F9FA: #F8F9FA;
    --color-FEF3C7: #FEF3C7;
    --color-E0F2FE: #E0F2FE;
    --color-FCE7F3: #FCE7F3;
    --color-DB2777: #DB2777;
    --color-EDE9FE: #EDE9FE;
    --color-D1FAE5: #D1FAE5;
    --color-FEF9C3: #FEF9C3;
    --color-E14A52: #E14A52;
    --color-86EFAC: #86EFAC;
    --color-92400E: #92400E;
    --color-FCD34D: #FCD34D;
    --color-F59E0B: #F59E0B;
    --color-D1D5DB: #D1D5DB;
    --color-CFE4E3: #CFE4E3;
    --color-EAF4F4: #EAF4F4;
    --color-174548: #174548;
    --color-3B6F9E: #3B6F9E;
    --color-7FADA0: #7FADA0;
    --color-7C3AED: #7C3AED;
    --color-EF44441A: #EF44441A;
    --color-1d485812: #1d485812;
    --color-FFFFFF59: #FFFFFF59;
    --color-FFFFFF4D: #FFFFFF4D;
    --color-FFFFFF0A: #FFFFFF0A;
    --color-FFFFFF1A: #FFFFFF1A;
    --color-F6981C1A: #F6981C1A;
    --color-EBEDEE7D: #ebedee7d;
    --color-1D55581A: #1D55581A;
    --color-8375EA4D: #8375EA4D;
    --color-FF9F2D4D: #FF9F2D4D;
    --color-4BB5434D: #4BB5434D;
    --color-46B6B621: #46B6B621;
    --color-537ACF1A: #537ACF1A;
    --color-5C48CC1A: #5C48CC1A;
    --color-C166681A: #C166681A;
    --color-F063001A: #F063001A;
    --color-4270D41A: #4270D41A;
    --color-A5884F26: #A5884F26;
    --color-4B8BA326: #4B8BA326;
    --color-5EA69726: #5EA69726;
    --color-BABABA61: #BABABA61;
    --color-2DAA2D26: #2DAA2D26;
    --color-C71D271A: #C71D271A;
    --color-E5F3FF9A: #E5F3FF9A;
    --color-DBE8EF87: #DBE8EF87;
    --color-00000000: #00000000;
    --color-ffffff26: #ffffff26;
    --color-ffffffb3: #ffffffb3;
    --color-ffffff24: #ffffff24;
    --color-ffffff26: #ffffff26;
    --color-00000099: #00000099;
    --color-FFFFFFBF: #FFFFFFBF;
    --color-FFFFFF1F: #FFFFFF1F;
    --color-FFFFFF38: #FFFFFF38;
    --color-FEE2E222: #FEE2E222;
    --color-FEF3C722: #FEF3C722;
    --color-E0F2FE22: #E0F2FE22;
    --color-FCE7F322: #FCE7F322;
    --color-EDE9FE22: #EDE9FE22;
    --color-D1FAE522: #D1FAE522;
    --color-FEF9C322: #FEF9C322;
    --color-D6B5FF: #D6B5FF;
    --color-ECDCFF: #ECDCFF;
    --color-FFC796: #FFC796;
    --color-FFEEDF: #FFEEDF;
    --color-A4FFF9: #A4FFF9;
    --color-E9FFFE: #E9FFFE;
    --color-96C2FF: #96C2FF;
    --color-DFEDFF: #DFEDFF;
    --color-C7FFD3: #C7FFD3;
    --color-EBFFF0: #EBFFF0;
    --color-FEFFC7: #FEFFC7;
    --color-FFFFED: #FFFFED;
    --color-FFD9DA: #FFD9DA;
    --color-FFF4F4: #FFF4F4;
    --color-006080: #006080;
    --color-101828: #101828;
    --color-344054: #344054;
    --color-f6f9fc: #f6f9fc;
    --color-054CE7: #054CE7;
    --color-098A09: #098A09;
    --color-F1F1F1: #F1F1F1;
    --color-F8FAFC: #F8FAFC;
    --color-059669: #059669;
    --color-0596691A: #0596691A;
    --color-0D47A1: #0D47A1;
    --color-DC26261A: #DC26261A;
    --color-5EA697: #5EA697;
    --color-B36DCB: #B36DCB;
    --color-219173: #219173;
    --color-475B7C: #475B7C;
    --color-219173: #219173;
    --color-B9B9B9: #B9B9B9;
    --color-F9FAFB: #F9FAFB;
    --color-00A331: #00A331;
    --color-F7F8FA: #F7F8FA;
    --color-f3f4f6: #f3f4f6;
    --color-1d555899: #1d555899;
    --color-2d7d73: #2d7d73;
    --color-8c6d2f: #8c6d2f;
    --color-32659F: #32659F;
    --color-AD5823: #AD5823;
    --color-8D449C: #8D449C;
    --color-D9D9D933: #D9D9D933;
    --color-06B6D4: #06B6D4;
    --color-78350F: #78350F;
    --color-22C55E: #22C55E;
    --color-16A34A: #16A34A;
    --color-B45309: #B45309;
    --color-302D2D: #302D2D;
    --color-F7F9F9: #F7F9F9;
    --color-D3E6EC: #D3E6EC;
    --color-14232B: #14232B;
    --color-1F8A5B: #1F8A5B;
    --color-EFEFEF: #EFEFEF;
    --color-00B84F: #00B84F;
    --color-228186: #228186;
    --color-1D555838: #1D555838;
    --color-5B6FC4: #5B6FC4;
    --color-FDF1E0: #FDF1E0;
    --color-E3F2EF: #E3F2EF;
}
/*----------------------------------------------------------------------------------Variables end--------------------------------------------------------------------*/
/*2. Text Colors start*/
.tc__E14A52-- {
    color: var(--color-E14A52);
}
.tc__1F8A5B-- {
    color: var(--color-1F8A5B);
}
.tc__1A1A1A-- {
    color: var(--color-1A1A1A);
}
.tc__302D2D-- {
    color: var(--color-302D2D);
}


















.tc__228186-- {
    color: var(--color-228186);
}








































 





.tc__2d7d73-- {
    color: var(--color-2d7d73);
}



























.tc__1d555899-- {
    color: var(--color-1d555899);
}



















 
















 











 























.tc__16A34A-- {
    color: var(--color-16A34A);
}


















































































.tc__174548-- {
    color: var(--color-174548);
}
.tc__888888-- {
    color: var(--color-888888);
}
.tc__1A1A19-- {
    color: var(--color-1A1A19);
}
.tc__F9F9F8-- {
    color: var(--color-F9F9F8);
}
.tc__8c6d2f-- {
    color: var(--color-8c6d2f);
}
.tc__8C919C-- {
    color: var(--color-8C919C);
}
.tc__5F646C-- {
    color: var(--color-5F646C);
}
.tc__15803D-- {
    color: var(--color-15803D);
}
.tc__4338CA-- {
    color: var(--color-4338CA);
}
.tc__ffffffb3-- {
    color: var(--color-ffffffb3);
}
.tc__FFFFFFBF-- {
    color: var(--color-FFFFFFBF);
}
.tc__DB2777-- {
    color: var(--color-DB2777);
}
.tc__14232B-- {
    color: var(--color-14232B);
}
.tc__f59e0b-- {
    color: var(--color--f59e0b);
}
/*--------------------------------------------------------------------------------Text colors End--------------------------------------------------------------------*/
/*3. Background Colors start*/
.bg__E3F2EF-- {
    background-color: var(--color-E3F2EF);
}
.bg__FDF1E0-- {
    background-color: var(--color-FDF1E0);
}
.bg__5B6FC4-- {
    background-color: var(--color-5B6FC4);
}
.bg__D3E6EC-- {
    background-color: var(--color-D3E6EC);
}
.bg__1D555838-- {
    background-color: var(--color-1D555838);
}
.bg__EFEFEF-- {
    background-color: var(--color-EFEFEF);
}
.bg__F7F9F9-- {
    background-color: var(--color-F7F9F9);
}
.bg__4B5563-- {
    background-color: var(--color-4B5563);
}
.bg__B45309-- {
    background-color: var(--color-B45309);
}
.bg__FEF3C7-- {
    background-color: var(--color-FEF3C7);
}
.bg__FEF3C722-- {
    background-color: var(--color-FEF3C722);
}
.bg__E0F2FE-- {
    background-color: var(--color-E0F2FE);
}
.bg__E0F2FE22-- {
    background-color: var(--color-E0F2FE22);
}
.bg__FCE7F3-- {
    background-color: var(--color-FCE7F3);
}
.bg__FCE7F322-- {
    background-color: var(--color-FCE7F322);
}
.bg__EDE9FE-- {
    background-color: var(--color-EDE9FE);
}
.bg__EDE9FE22-- {
    background-color: var(--color-EDE9FE22);
}
.bg__D1FAE5-- {
    background-color: var(--color-D1FAE5);
}
.bg__D1FAE522-- {
    background-color: var(--color-D1FAE522);
}
.bg__FEF9C3-- {
    background-color: var(--color-FEF9C3);
}
.bg__FEF9C322-- {
    background-color: var(--color-FEF9C322);
}
.bg__92400E-- {
    background-color: var(--color-92400E);
}
.bg__EAF4F4-- {
    background-color: var(--color-EAF4F4);
}




.bg__2d7d73-- {
    background-color: var(--color-2d7d73);
}





















.bg__8c6d2f-- {
    background-color: var(--color-8c6d2f);
}






.bg__1D4ED8-- {
    background-color: var(--color-1D4ED8);
}
.bg__00B84F-- {
    background-color: var(--color-00B84F);
}
.bg__EF44441A-- {
    background-color: var(--color-EF44441A);
}







































































































































































































































































































.bg__000000-- {
    background-color: var(--color-000000);
}




.bg__32659F-- {
    background-color: var(--color-32659F);
}
.bg__AD5823-- {
    background-color: var(--color-AD5823);
}
.bg__8D449C-- {
    background-color: var(--color-8D449C);
}
.bg__D9D9D933-- {
    background-color: var(--color-D9D9D933);
}
.bg__EFEFE7-- {
    background-color: var(--color-EFEFE7);
}
.bg__CFDBDC-- {
    background-color: var(--color-CFDBDC);
}
.bg__F4F6F7-- {
    background-color: var(--color-F4F6F7);
}
.bg__F9F9F8-- {
    background-color: var(--color-F9F9F8);
}
.bg__F9F8FA-- {
    background-color: var(--color-F9F8FA);
}
.bg__ECFDF5-- {
    background-color: var(--color-ECFDF5);
}
.bg__EEF2FF-- {
    background-color: var(--color-EEF2FF);
}
.bg__F0FAFA-- {
    background-color: var(--color-F0FAFA);
}
.bg__DBDEDF-- {
    background-color: var(--color-DBDEDF);
}
.bg__4A4D50-- {
    background-color: var(--color-4A4D50);
}
.bg__101314-- {
    background-color: var(--color-101314);
}
.bg__0A0D0E-- {
    background-color: var(--color-0A0D0E);
}
.bg__ffffff24-- {
    background-color: var(--color-ffffff24);
}
.bg__EF4444-- {
    background-color: var(--color-EF4444);
}
.bg__F59E0B-- {
    background-color: var(--color-F59E0B);
}
.bg__06B6D4-- {
    background-color: var(--color-06B6D4);
}
.bg__78350F-- {
    background-color: var(--color-78350F);
}
.bg__22C55E-- {
    background-color: var(--color-22C55E);
}
.bg__3B82F6-- {
    background-color: var(--color-3B82F6);
}
.bg__2563EB-- {
    background-color: var(--color-2563EB);
}
.bg__111827-- {
    background-color: var(--color-111827);
}
.bg__ffffff26-- {
    background-color: var(--color-ffffff26);
}
.bg__1A1A1A-- {
    background-color: var(--color-1A1A1A);
}
.bg__00000099-- {
    background-color: var(--color-00000099);
}
.bg__FFFFFF1F-- {
    background-color: var(--color-FFFFFF1F);
}
.bg__FEE2E2-- {
    background-color: var(--color-FEE2E2);
}
.bg__FEE2E222-- {
    background-color: var(--color-FEE2E222);
}
.bg__F8F9FA-- {
    background-color: var(--color-F8F9FA);
}
.bg__3B6F9E-- {
    background-color: var(--color-3B6F9E);
}
.bg__7FADA0-- {
    background-color: var(--color-7FADA0);
}
.bg__7C3AED-- {
    background-color: var(--color-7C3AED);
}
/*--------------------------------------------------------------------------Background colors end--------------------------------------------------------------------*/
/*4. Font Sizes start*/
.fs__9-- {
    font-size: 9px !important;
}

.fs__xs-- {
    font-size: var(--font-size-xs) !important;
}

.fs__sm-- {
    font-size: var(--font-size-sm) !important;
}

.fs__md-- {
    font-size: var(--font-size-md) !important;
}

.fs__lg-- {
    font-size: var(--font-size-lg) !important;
}

.fs__xl-- {
    font-size: var(--font-size-xl);
}

.fs__2l-- {
    font-size: var(--font-size-2l) !important;
}

.fs__3l-- {
    font-size: var(--font-size-3l) !important;
}

.fs__4l-- {
    font-size: var(--font-size-4l);
}

.fs__5l-- {
    font-size: var(--font-size-5l);
}

.fs__6l-- {
    font-size: var(--font-size-6l);
}
.fs__20l-- {
    font-size: var(--font-size-20l);
}
/*--------------------------------------------------------------------------Font sizes end---------------------------------------------------------------------------*/

/*5. Font Weight start*/
.fw__8-- {
    font-weight: 800 !important;
} 

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

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

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

.fw__4-- {
    font-weight: 400;
}
/*-------------------------------------------------------------------------Font weight end---------------------------------------------------------------------------*/

/*6. Line Height Start*/
.lh__0-- {
    line-height: 0;
}

.lh__1-- {
    line-height: 1px;
}
.lh__1-8-- {
    line-height: 1.8 !important;
}
.lh__5-- {
    line-height: 5px;
}



















.lh__normal-- {
    line-height: normal;
}
/*-------------------------------------------------------------------------Line height end---------------------------------------------------------------------------*/



/*7.Borders Start*/









.bottom__0-- {
    bottom: 0px !important;
}
.bottom__27-- {
    bottom: 27px !important;
}
.bottom__53-- {
    bottom: 53px !important;
}
.bottom__16--{
    bottom:16px;
}
.bottom__60-- {
    bottom: 60px;
}
/* ── Each class only sets its own variable ── */
.bbw__1-- {
    --bbw: 1px;
}
.btw__1-- { --btw: 1px; }
.brw__1-- { --brw: 1px; }
.blw__1-- { --blw: 1px; }

/* ── Shared rule: reads all 4 vars, defaults to 0 if not set ── */
.bbw__1--, .btw__1--, .brw__1--, .blw__1-- {
    border-style: solid !important;
    border-top-width:    var(--btw, 0px) !important;
    border-right-width:  var(--brw, 0px) !important;
    border-bottom-width: var(--bbw, 0px) !important;
    border-left-width:   var(--blw, 0px) !important;
}

 



.bc__B45309-- {
    border-color: var(--color-B45309) !important;
}

























.bc__1D4ED8-- {
    border-color: var(--color-1D4ED8) !important;
}
.bb__dcdcdc-- {
    border-bottom: 1px solid #dcdcdc;
}
.bb__FFFEFF59-- {
    border-bottom: 2px solid #FFFEFF59;
}
.bb__F2F2F2-- {
    border-bottom: 1px solid #f2f2f2;
}
.br__CFD3D4--2 {
    border-right: 2px solid #CFD3D4;
}
.br__ffffff--2 {
    border-right: 2px solid #ffffff;
}
.bb__CFD3D4-- {
    border-bottom: 1px solid #cfd3d4;
}
.bb__2D3348-- {
    border-bottom:1px solid var(--color-2D3348);
}
.border__1--{
    border-width:1px;
}

.border__none-- {
    border: none !important;
}

.border__E4E4E4-- {
    border: 1px solid #E4E4E4 !important;
}
.border__E4E4E4--1half{
    border:1.5px solid #e4e4e4;
}
.border__F3D9A8-- {
    border: 1px solid #F3D9A8;
}
.border__C4C4C4-- {
    border: 1px solid #C4C4C4 !important;
}
.border__C9C9C9-- {
    border: 1px solid #C9C9C9 !important;
}
.border__CFD3D4-- {
    border: 1px solid #CFD3D4;
}
.border__E2E7E9-- {
    border: 1px solid #E2E7E9;
}
.border__1D5558-- {
    border: 1px solid #1D5558 !important;
}
.border__D3D3D3-- {
    border: 1px solid #D3D3D3 !important;
}

.border__1D1D1D-- {
    border: 1px solid #1d1d1d;
}
.border__00000000--2 {
    border: 2px solid var(--color-00000000);
}

.border__DEDEDE-- {
    border: 1px solid #DEDEDE;
}
.border__FFFFFF4D-- {
    border: 1px solid var(--color-FFFFFF4D);
}
.border__FFFFFF38--2 {
    border: 2px solid var(--color-FFFFFF38);
}

.border__DDD-- {
    border: 1px solid #ddd;
}

.border__34B698-- {
    border: 1px solid #34b698;
}

.border__656565-- {
    border: 1px solid #656565;
}
.border__FF9F2D-- {
    border: 1px solid #ff9f2d;
}

.border__D11A2A-- {
    border: 1px solid #D11A2A;
}

.border__99C0C4-- {
    border: 1px solid #99C0C4 !important;
}

.border__4F4F4F-- {
    border: 1px solid #4F4F4F;
}

.border__E9E9E9-- {
    border: 1px solid #e9e9e9 !important;
}
.border__4BB543-- {
    border: 1px solid #4BB543 !important;
}
.border__F2F2F2-- {
    border: 1px solid #f2f2f2;
}
.border__D0D0D0-- {
    border: 1px solid var(--color-D0D0D0);
}
 
.border__3BAC66-- {
    border: 0.5px solid var(--color-3BAC66);
}
.border__009FDA-- {
    border: 0.5px solid var(--color-009FDA);
}
.border__C71D27-- {
    border: 0.5px solid var(--color-C71D27);
}
.border__E38144-- {
    border: 0.5px solid var(--color-E38144);
}
.border__FFFFFF--{
    border:1px solid var(--color-FFFFFF) !important;
}
.border__C5C5C5--{
    border:1px solid var(--color-C5C5C5);
}
.border__7AB4B7-- {
    border: 1px solid var(--color-7AB4B7);
}
 
.border__FFE3C0-- {
    border: 1px solid var(--color-FFE3C0);
}
.border__D5D5D5-- {
    border: 1px solid var(--color-D5D5D5);
}
.border__C8DEDE-- {
    border: 1px solid var(--color-C8DEDE);
}
.border__FECACA-- {
    border: 1px solid #FECACA;
}
.border__FDE68A-- {
    border: 1px solid #FDE68A;
}
.border__BAE6FB-- {
    border: 1px solid #BAE6FB;
}
.border__BBF7D0-- {
    border: 1px solid var(--color-BBF7D0);
}
.border__1A1F2F-- {
    border: 1px solid #1A1F2F;
}
.border__FCA5A5-- {
    border: 1px solid #FCA5A5;
}
.border__d1d5db-- {
    border: 1.5px solid #d1d5db !important;
}
.border__d1d5dd-- {
    border: 1px solid #d1d5db !important
}
.border__DFDAD9-- {
    border: 1px solid var(--color-DFDAD9);
}
.borderright__e5e7eb-- {
    border-right: 1px solid #e5e7eb !important;
}
.bordertop__e5e7eb-- {
    border-top: 1px solid #e5e7eb !important;
}
.borderright__E4E4E4-- {
    border-right: 1px solid var(--color-E4E4E4) !important;
}
.borderleft__e5e7eb-- {
    border-right: 1px solid #e5e7eb !important;
}
.borderleft__E4E4E4--{
    border-left:1px solid var(--color-E4E4E4) !important;
}
.border__E4E4E4--x {
    border-left: 1px solid var(--color-E4E4E4) !important;
    border-right: 1px solid var(--color-E4E4E4) !important;
}
.sticky-top11 {
    position: sticky; /* Make the container sticky */
    top: 0; /* Stick to the top of the viewport */
    z-index: 10; /* Ensure it stays above other content */
    background-color: #F8F8F8; /* Background color to cover content below */
}
.bg__1d555866--active.active {
    background-color: #1d555866;
}
/*Border Active colors*/
.border__1D5558--active.active {
    border: 2px solid var(--color-1D5558) !important;
}
.border__93C5FD-- {
    border: 1px solid var(--color-93C5FD);
}
.border__FBBF24-- {
    border: 1px solid var(--color-FBBF24);
}
.border__E5E7EB-- {
    border: 1.5px solid var(--color-E5E7EB) !important;
}
.border__A7F3D0-- {
    border: 1px solid var(--color-A7F3D0);
}
.border__A3D4D7-- {
    border: 1px solid var(--color-A3D4D7);
}
.border__86EFAC-- {
    border: 1px solid var(--color-86EFAC);
}
.border__FCD34D-- {
    border: 1px solid var(--color-FCD34D);
}
.border__F59E0B-- {
    border: 1px solid var(--color-F59E0B);
}
.border__CFE4E3-- {
    border: 1px solid var(--color-CFE4E3);
}

.border__ffffff26--2 {
    border: 2px solid var(--color-ffffff26);
}
.border__1D5558--2-active.active {
    border: 2px solid var(--color-1D5558) !important;
}
.border__1D5558--1half{
    border:1.5px solid var(--color-1D5558) !important;
}
.border__1D5558--3{
    border:3px solid var(--color-1D5558);
}
.bt__none-- {
    border-top: none !important;
}

.bb__1D5558-- {
    border-bottom: 1px solid #1d5558;
}
.bb__1D5558--5 {
    border-bottom: 5px solid #1d5558;
}
.bb__DDD-- {
    border-bottom: 1px solid #ddd !important;
}
.bt__D1D5DB-- {
    border-top: 1.5px solid #D1D5DB !important;
}
.bb__D1D5DB-- {
    border-bottom: 1.5px solid #D1D5DB !important;
}
.br__D1D5DB-- {
    border-right: 1.5px solid #D1D5DB !important;
}
.bl__DDD-- {
    border-left: 1px solid #ddd;
}
.bl__E5E7EB-- {
    border-left: 1px solid #E5E7EB;
}
.bl__D1D5DB-- {
    border-left: 1px solid var(--color-D1D5DB) !important;
}
.br__DDD-- {
    border-right: 1px solid #ddd !important;
}

.br__D3D3D3-- {
    border-right: 1px solid #D3D3D3 !important;
}
.br__E5E7EB-- {
    border-right: 1px solid var(--color-E5E7EB) !important;
}
.br__BFDBFE-- {
    border-right: 1px solid var(--color-BFDBFE);
}
.bb__e4e4e4-- {
    border-bottom: 1px solid #e4e4e4;
}
.bb__C8DEDE-- {
    border-bottom: 1px solid #C8DEDE;
}
.bb__E5E7EB-- {
    border-bottom: 1px solid var(--color-E5E7EB) !important;
}
.bb__E5E7EB--2 {
    border-bottom: 2px solid var(--color-E5E7EB);
}
.bb__F3F4F6-- {
    border-bottom: 1px solid var(--color-F3F4F6);
}
.bb__none-- {
    border-bottom: none !important;
}
.bb__FFFFFF1A-- {
    border-bottom: 1px solid var(--color-FFFFFF1A);
}

.bt__DDD-- {
    border-top: 1px solid #ddd !important;
}
.bt__E4E4E4--{
    border-top:1px solid #e4e4e4;
}
.bt__F3F4F6-- {
    border-top: 1px solid var(--color-F3F4F6);
}
.bt__E5E7EB-- {
    border-top: 1px solid var(--color-E5E7EB);
}
.bt__34383B-- {
    border-top: 1px solid var(--color-34383B);
}
.br__E4E4E4-- {
    border-right: 1px solid #E4E4E4;
}
.br__F3F4F6-- {
    border-right: 1px solid #F3F4F6;
}

.br__C4C4C4-- {
    border-right: 1px solid #c4c4c4;
}
.bl__1D5558--2 {
    border-left: 2px solid #1d5558;
}
.bl__FFFFFF--2 {
    border-left: 2px solid #FFFFFF;
}

.bl__1D5558-- {
    border-left: 1px solid #1d5558;
}
.bl__1d5558--3 {
    border-left: 3px solid #1d5558;
}
.bl__E4E4E4-- {
    border-left: 1px solid #E4E4E4;
}
.br__1D5558-- {
    border-right: 1px solid #1d5558;
}
.br__D1D5DB--{
    border-right:1px solid #D1D5DB !important;
}
.bl__D9D9D9-- {
    border-left: 2px solid var(--color-D9D9D9);
}
.bb__D9D9D9--{
    border-bottom:2px solid var(--color-D9D9D9);
}
.bb__F3F4F6-- {
    border-bottom: 1px solid var(--color-f3f4f6);
}
.bl__C8DEDE--2 {
    border-left: 2px solid var(--color-C8DEDE);
}
.bl__C71D27--3 {
    border-left: 3px solid var(--color-C71D27);
}
.bl__537ACF--3{
    border-left:3px solid var(--color-537ACF);
}
.bl__F6981C--3{
    border-left:3px solid var(--color-F6981C);
}
.bl__FF7904--5{
    border-left:5px solid var(--color-FF7904);
}
.bl__3BAC66--5 {
    border-left: 5px solid var(--color-3BAC66);
}
.bl__0040A1--5 {
    border-left: 5px solid var(--color-0040A1);
}
.bl__000000--5 {
    border-left: 5px solid var(--color-000);
}
.bl__C71D27--5 {
    border-left: 5px solid var(--color-C71D27);
}
/*-------------------------------------------------------------------------Borders end------------------------------------------------------------------------------*/
/*8. Border radius start*/
.bbrr__0--x {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.bbrr__0--y {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
.bblr__0-- {
    border-bottom-left-radius: 0 !important;
}
.bbrr__0-- {
    border-bottom-right-radius: 0 !important;
}
.btlr__0-- {
    border-top-left-radius: 0 !important;
}
.btrr__0-- {
    border-top-right-radius: 0 !important;
}
/*Remove Bottom*/
.bradius__0-- {
    border-radius: 0 !important;
}

.bradius__2-- {
    border-radius: 2px;
}
.bradius__3--{
    border-radius:3px;
}

.bradius__4-- {
    border-radius: 4px !important;
}

.bradius__5-- {
    border-radius: 5px;
}

.bradius__5--t {
    border-radius: 5px 5px 0px 0px;
}

.bradius__6-- {
    border-radius: 6px !important;
}

.bradius__8-- {
    border-radius: 8px !important;
}
.bradius__9--{
    border-radius:9px;
}
.bradius__10-- {
    border-radius: 10px !important;
}
.bradius__12--{
    border-radius:12px;
}
.bradius__15-- {
    border-radius: 15px;
}

.bradius__20-- {
    border-radius: 20px;
}
.bradius__30-- {
    border-radius: 30px;
}
.bradius__99--{
    border-radius:99px;
}
.bradius__100-- {
    border-radius: 100px;
}

.bradius__15--t {
    border-radius: 15px 15px 0px 0px;
}

.bradius__15--b {
    border-radius: 0px 0px 15px 15px;
}

.bradius__3--tl {
    border-radius: 3px 0px 0px 0px;
}
.bradius__5--tl {
    border-radius: 5px 0px 0px 0px;
}
.bradius__5--tr {
    border-radius: 0px 5px 0px 0px;
}

.bradius__3--tr {
    border-radius: 0px 3px 0px 0px;
}

.bradius__3--bl {
    border-radius: 0px 0px 0px 3px;
}
.bradius__8--xt{
    border-radius:8px 8px 0px 0px;
}
.bradius__10--xt {
    border-radius: 10px 10px 0px 0px;
}
.bradius__12--xt {
    border-radius: 12px 12px 0px 0px;
}
.bradius__10--xb {
    border-radius: 0px 0px 10px 10px;
}

.bradius__3--br {
    border-radius: 0px 0px 3px 0px;
}

.bradius__5--yl {
    border-radius: 5px 0px 0px 5px;
}
.bradius__5--yr {
    border-radius: 0px 5px 5px 0px;
}
.bradius__10--yl {
    border-radius: 10px 0px 0px 10px;
}

.bradius__20--yl {
    border-radius: 20px 0px 0px 20px;
}
.bradius__20--yr {
    border-radius: 0px 20px 20px 0px;
}

.bradius__10--yr {
    border-radius: 0px 10px 10px 0px;
}

.bradius__4--l {
    border-radius: 4px 0px 0px 4px;
}

.bradius__4--r {
    border-radius: 0px 4px 4px 0px;
}
.bradius__6--l {
    border-radius: 6px 0px 0px 6px;
}
.bradius__50--per{
    border-radius:50%;
}
.br__0-- {
    border-radius: 0 !important
}


























.br__999-- {
    border-radius: 999px !important;
}

.br__5--x {
    border-radius: 0 5px
}

.br__10--x {
    border-radius: 0 10px
}

.br__5--y {
    border-radius: 5px 0
}

.br__10--y {
    border-radius: 10px 0
}
.br__50--p{
    border-radius: 50%;
}
/*-------------------------------------------------------------------Border raidus end------------------------------------------------------------------------------*/

/*9. positions start*/
.position__relative-- {
    position: relative !important;
}

.position__absolute-- {
    position: absolute;
}

.position__fixed-- {
    position: fixed;
}

.position__sticky-- {
    position: sticky !important;
}

.ff__w-- {
    flex-flow: wrap !important;
}










.b__35--{
    bottom:35px;
}
.b__41-- {
    bottom: 41px;
}
.b__42-- {
    bottom: 42px;
}
.b__45-- {
    bottom: 45px;
}
.b__88-- {
    bottom: 88px;
}

.r__auto-- {
    right: auto;
}

.l__auto-- {
    left: auto !important;
}

.l__n1-- {
    left: -1px;
}

.l__n12-- {
    left: -12px;
}

.l__n10-- {
    left: -10px;
}

.t__auto-- {
    top: auto;
}

.b__auto-- {
    bottom: auto;
}
.b__none-- {
    border: none;
}
.r__n1-- {
    right: -1px;
}
.right__auto--{
    right:auto;
}

.right__0-- {
    right: 0px;
}

.right__2-- {
    right: 2px;
}

.right__5-- {
    right: 5px;
}

.right__6-- {
    right: 6px;
}

.right__8-- {
    right: 8px;
}
.right__10-- {
    right: 10px !important;
}
.right__12--{
    right:12px;
}
.right__14-- {
    right: 14px;
}
.right__20-- {
    right: 20px;
}
.right__50-- {
    right: 50px !important;
}
.right__57--{
    right:57px;
}
.right__76--{
    right:76px;
}
.right__82-- {
    right: 82px;
}
.right__296-- {
    right: 296px;
}
.r__23-- {
    right: 23%;
}

.r__24-- {
    right: 24%;
}
.t__50-- {
    top: 50%;
}
.top__0-- {
    top: 0;
}
.top__1-- {
    top: 1px;
}
.top__3-- {
    top: 3px;
}
.top__5-- {
    top: 5px;
}

.top__6-- {
    top: 6px;
}

.top__7-- {
    top: 7px;
}

.top__8-- {
    top: 8px;
}

.top__10-- {
    top: 10px;
}
.top__14--{
    top:14px;
}

.top__17-- {
    top: 17px;
}

.top__20-- {
    top: 20px !important;
}
.top__28-- {
    top: 28px;
}
.top__30-- {
    top: 30px;
}
.top__31-- {
    top: 31px;
}
.top__42-- {
    top: 42px;
}

.top__50-- {
    top: 50px;
}

.top__65-- {
    top: 65px;
}
.top__75-- {
    top: 75px !important;
}
.top__156--{
    top: 156px;
}

.top__195-- {
    top: 195px;
}

.top__288-- {
    top: 288px !important;
}
.top__337-- {
    top: -337px !important;
}
.top__350-- {
    top: -350px !important;
}
.left__305-- {
    left: -305px !important;
}
.top__826-- {
    top: 826px !important;
}
.l__102--{
    left:102% !important;
}
.left__0--{
    left:0px;
}
.left__2-- {
    left: 2px;
}
.left__3-- {
    left: 3px;
}
.left__5-- {
    left: 5px;
}
.left__6--{
    left:6px;
}
.left__8-- {
    left: 8px;
}
.left__9--{
    left:9px;
}
.left__10-- {
    left: 10px;
}
.left__16--{
    left:16px;
}
.left__30-- {
    left: 30px !important;
}
.left__45--{
    left:45px;
}
.left__103--{
    left:103px;
}
.left__63-- {
    left: 63px;
}
.left__70-- {
    left: 70px;
}
.left__73-- {
    left: 73px;
}
.left__90-- {
    left: 90px !important;
}
.left__610--{
    left:610px;
}
.left__433-- {
    left: 433px !important;
}
.left__1150-- {
    left: 1150px !important;
}

.l__23-- {
    left: 23%;
}

.l__24-- {
    left: 24%;
}
.left__32--per {
    left: 32%;
}
.left__35--per {
    left: 35%;
}
.left__48-6--per {
    left: 48.6%;
}
.left__49--per {
    left: 49%;
}
.left__50--per{
    left:50%;
}
.inset__0-- {
    inset: 0px;
}

.inset__0--x {
    left: 0px;
    right: 0px;
}

.inset__0--y {
    top: 0px;
    bottom: 0px;
}

.inset__5--x {
    left: 5px;
    right: 5px;
}

.inset__5--y {
    top: 5px;
    bottom: 5px;
}

.inset__10--x {
    left: 10px;
    right: 10px;
}

.inset__10--y {
    top: 10px;
    bottom: 10px;
}

.inset__15--x {
    left: 15px;
    right: 15px;
}

.inset__15--y {
    top: 15px;
    bottom: 15px;
}

.inset__5-- {
    inset: 5px;
}

.inset__10-- {
    inset: 10px;
}

.inset__15-- {
    inset: 15px;
}

.inset__20-- {
    inset: 20px;
}
/*-------------------------------------------------------------------------Position end------------------------------------------------------------------------------*/

/*10. Padding start*/
.p__0-- {
    padding: 0 !important;
}
































.p__2--x {
    padding-right: 2px;
    padding-left: 2px;
}

.p__4--x {
    padding-right: 4px;
    padding-left: 4px;
}

.p__6--x {
    padding-right: 6px;
    padding-left: 6px;
}

.p__8--x {
    padding-right: 8px;
    padding-left: 8px;
}

.p__10--x {
    padding-right: 10px;
    padding-left: 10px;
}

.p__2--y {
    padding-top: 2px;
    padding-bottom: 2px;
}

.p__4--y {
    padding-top: 4px;
    padding-bottom: 4px;
}

.p__6--y {
    padding-top: 6px;
    padding-bottom: 6px;
}

.p__8--y {
    padding-top: 8px;
    padding-bottom: 8px;
}

.p__10--y {
    padding-top: 10px;
    padding-bottom: 10px;
}

































































































































































































/*-------------------------------------------------------------------------Padding end------------------------------------------------------------------------------*/

/*11. Margin Start*/
.m__auto-- {
    margin: auto !important;
}

.m__0-- {
    margin: 0 !important;
}














































































.mt__25-- {
    margin-top: 24px;
}















































.ml__auto-- {
    margin-left: auto;
}
























/*-------------------------------------------------------------------------Margin end------------------------------------------------------------------------------*/

/*12. Width start*/
.w__0-- {
    width: 0px;
}
.w__1--{
    width:1px;
}
.w__2-- {
    width: 2px;
}
.w__4-- {
    width: 4px;
}
.w__5-- {
    width: 5px;
}
.w__6--{
    width:6px;
}
.w__7-- {
    width: 7px;
}
.w__10-- {
    width: 10px;
}

.w__15-- {
    width: 15px;
}

.w__16-- {
    width: 16px;
}
.w__18-- {
    width: 18px;
}

.w__20-- {
    width: 20px;
}
.w__22--{
    width:22px;
}
.w__24-- {
    width: 24px;
}
.w__25-- {
    width: 25px !important;
}
.w__26--{
    width:26px;
}
.w__28-- {
    width: 28px;
}
.w__30-- {
    width: 30px;
}
.w__32-- {
    width: 32px;
}
.w__34-- {
    width: 34px;
}
.w__35-- {
    width: 35px;
}
.w__36-- {
    width: 36px;
}
.w__38--{
    width:38px;
}

.w__40-- {
    width: 40px;
}
.w__43-- {
    width:43px !important;
}

.w__45-- {
    width: 45px;
}

.w__50-- {
    width: 50px;
}

.w__54-- {
    width: 54px;
}
.w__55-- {
    width: 55px !important; 
}
.w__65-- {
    width: 65px !important;
}
.w__68-- {
    width: 68px !important;
}
.w__70-- {
    width: 70px !important;
}
.w__72-- {
    width: 72px !important;
}
.w__75-- {
    width: 75px !important;
}
.w__80-- {
    width : 80px !important;
}
.w__84-- {
    width: 84px !important;
}
.w__90-- {
    width: 90px !important;
}
.w__100-- {
    width: 100px !important;
}
.w__110-- {
    width: 110px !important;
}
.w__112-- {
    width: 112px !important;
}
.w__120-- {
    width: 120px !important;
}
.w__130-- {
    width: 130px !important;
}
.w__132-- {
    width: 132px !important;
}
.w__140-- {
    width: 140px !important;
}
.w__145-- {
    width: 145px !important;
}
.w__150-- {
    width: 150px !important;
}
.w__160-- {
    width: 160px !important;
}
.w__168-- {
    width: 168px !important;
}
.w__170-- {
    width: 170px !important;
}
.w__190-- {
    width: 190px;
}

.w__200-- {
    width: 200px !important;
}
.w__210-- {
    width: 210px !important;
}
.w__220-- {
    width: 220px;
}
.w__230-- {
    width: 230px !important;
}
.w__240-- {
    width: 240px !important;
}
.w__250-- {
    width: 250px;
}
.w__280-- {
    width: 280px;
}
.w__297-- {
    width: 297px;
}

.w__300-- {
    width: 300px !important;
}
.w__320-- {
    width: 320px !important;
}
.w__330-- {
    width: 330px !important;
}
.w__350-- {
    width: 350px;
}
.w__380-- {
    width: 380px;
}
.w__400-- {
    width: 400px;
}

.w__450-- {
    width: 450px;
}

.w__490-- {
    width: 490px !important;
}

.w__500-- {
    width: 500px;
}
.w__811--{
    width:811px;
}

.width__2-- {
    width: 2% !important;
}
.width__3-- {
    width: 3% !important;
}
.width__6-- {
    width: 6%;
}

.width__7-- {
    width: 7%;
}

.width__8-- {
    width: 8% !important;
}

.width__9-- {
    width: 9% !important;
}

.width__10-- {
    width: 10% !important;
}
.width__11-- {
    width: 11% !important;
}
.width__14-- {
    width: 14% !important;
}
.width__100-- {
    width: 100% !important;
}

.width__90-- {
    width: 90%;
}

.width__94-- {
    width: 94%;
}
.width__98-- {
    width: 98%;
}
.width__87-- {
    width: 87%;
}

.width__85-- {
    width: 85%;
}

.width__80-- {
    width: 80% !important;
}

.width__70-- {
    width: 70%;
}

.width__75-- {
    width: 75%;
}
.width__77-- {
    width: 77%;
}
.width__86-- {
    width: 86%;
}
.width__60-- {
    width: 60% !important;
}

.width__50-- {
    width: 50% !important;
}

.width__52-- {
    width: 52%;
}
.width__56-- {
    width: 56%;
}
.width__55-- {
    width: 55% !important;
}
.width__49-- {
    width: 49%;
}

.width__45-- {
    width: 45% !important;
}

.width__40-- {
    width: 40% !important;
}

.width__35-- {
    width: 35% !important;
}

.width__33-- {
    width: 33% !important;
}

.width__30-- {
    width: 30% !important;
}

.width__24-- {
    width: 24% !important;
}

.width__25-- {
    width: 25% !important;
}

.width__26-- {
    width: 26% !important;
}

.width__27-- {
    width: 27% !important;
}

.width__28-- {
    width: 28% !important;
}
.width__18-- {
    width: 18% !important;
}
.width__20-- {
    width: 20% !important;
}

.width__21-- {
    width: 21% !important;
}

.width__22-- {
    width: 22% !important;
}

.width__23-- {
    width: 23% !important;
}
.width__12-- {
    width: 12% !important;
}
.width__13-- {
    width: 13% !important;
}
.width__14-- {
    width: 14%;
}
.width__15-- {
    width: 15% !important;
}
.width__16-- {
    width: 16% !important;
}
.width__17-- {
    width: 17% !important;
}
.width__19-- {
    width: 19% !important;
}
.width__5-- {
    width: 5%;
}

.width__auto--{
    width:auto !important;
}
.max__wnone--{
    max-width:none !important;
}

.max__w40-- {
    max-width: 40%;
}

.max__width210-- {
    max-width: 210px;
}
.max__width240-- {
    max-width: 240px;
}
.max__width300-- {
    max-width: 300px;
}
.max__w85-- {
    max-width: 85%;
}
.max__w33-- {
    max-width: 33% !important;
}
.max__w90-- {
    max-width: 90%;
}
.max__w30-- {
    max-width: 30px !important;
}
.max__w45-- {
    max-width: 45px !important;
}
.max__w80-- {
    max-width: 80px !important;
}
.max__w100-- {
    max-width: 100px !important;
}
.max__w140-- {
    max-width: 140px !important;
}
.max__w150-- {
    max-width: 150px !important;
}
.max__w350-- {
    max-width: 350px !important;
}
.max__w430-- {
    max-width: 430px !important;
}
.max__w400-- {
    max-width: 400px !important;
}
.max__w500-- {
    max-width: 500px !important;
}
.max__w600-- {
    max-width: 600px !important;
}

.max__w170-- {
    max-width: 170px;
}

.max__width250-- {
    max-width: 250px;
}

.max__width400-- {
    max-width: 400px;
}
.max__height85--{
    max-height:85%;
}
.max__height94-- {
    max-height: 94%;
}
.max__height100-- {
    max-height: 100%;
}
.max__h80-- {
    max-height: 80px !important;
}
.max__h100-- {
    max-height: 100px !important;
}
.max__h150-- {
    max-height: 150px !important;
}
.max__h200--{
    max-height:200px;
}
.max__h240-- {
    max-height: 240px;
}
.max__h300-- {
    max-height: 300px;
}
.max__h330-- {
    max-height: 330px;
}
.max__h440--{
    max-height:440px;
}
.max__h500-- {
    max-height: 500px;
}
.max__h535-- {
    max-height: 535px;
}

.mw__0-- {
    min-width: 0;
}
.min__w0--{
    min-width:0px;
}
.min__w20-- {
    min-width: 20px;
}
.min__w30-- {
    min-width: 30px !important;
}
.min__w45-- {
    min-width: 45px !important ;
}
.min__w47-- {
    min-width: 47px;
}

.min__w50-- {
    min-width: 50px !important;
}

.min__w55-- {
    min-width: 55px !important;
}

.min__w56-- {
    min-width: 56px;
}

.min__w60-- {
    min-width: 60px;
}

.min__w80-- {
    min-width: 80px !important;
}
.min__w90-- {
    min-width: 90px !important;
}

.min__w63-- {
    min-width: 63px;
}

.min__w100-- {
    min-width: 100px;
}
.min__w120-- {
    min-width: 120px !important;
}
.min__w130-- {
    min-width: 130px !important;
}
.min__w140-- {
    min-width: 140px !important;
}
.min__w150-- {
    min-width: 150px !important;
}
.min__w160-- {
    min-width: 160px !important;
}
.min__w170--{
    min-width:170px;
}
.min__w200-- {
    min-width: 200px !important;
}
.min__w275-- {
    min-width: 275px !important;
}
.min__w440-- {
    min-width: 440px !important;
}
.min__w500-- {
    min-width: 500px !important;
}
.min__h100-- {
    min-height: 100px !important;
}
.min__h110-- {
    min-height: 110px;
}
.min__h150-- {
    min-height: 150px;
}

.min__h200-- {
    min-height: 200px;
}
.min__h300-- {
    min-height: 300px;
}
.min__h440-- {
    min-height: 440px;
}
.min__h475--{
    min-height:475px;
}
.min__h500-- {
    min-height: 500px !important;
}
.min__h520-- {
    min-height: 520px !important;
}
.min__height85-- {
    min-height: 85%;
}
.min__height100--{
    min-height:100%;
}
.min__width70-- {
    min-width: 70%;
}
.min__width75-- {
    min-width: 75%;
}
.min__width85-- {
    min-width: 85%;
}
.min__width90-- {
    min-width: 90% !important;
}
.min__width100-- {
    min-width: 100% !important;
}
.min__h0-- {
    min-height: 0px;
}
.min__h20--{
    min-height:20px;
}
.min__h30-- {
    min-height: 30px;
}
.min__h54-- {
    min-height:54px !important;
}

.min__h80--vh{
    min-height:80vh;
}
/*-------------------------------------------------------------------------Width end------------------------------------------------------------------------------*/
/*13.Height start*/
.height__15-- {
    height: 15% !important;
}

.height__17-- {
    height: 17%;
}

.height__25-- {
    height: 25%;
}
.height__69--{
    height:69%;
}
.height__70-- {
    height: 70%;
}
.height__90-- {
    height: 90%;
}
.height__95-- {
    height: 95%;
}
.height__100-- {
    height: 100% !important;
}

.height__300-- {
    height: 300% !important;
}

.mx__h--60 {
    max-height: 60px;
}
.mx__h--500{
    max-height: 500px !important;
}
.h__28--vh {
    height: 28vh;
}
.h__40--vh {
    height: 40vh;
}
.h__56--vh{
    height: 56vh;
}
.h__66--vh{
    height:66vh;
}
.h__70--vh{
    height:70vh;
}
.h__100--vh{
    height:100vh;
}
.h__100-- {
    height: 100vh;
}
.h__4-- {
    height: 4px;
}
.h__1--{
    height:1px;
}
.h__5-- {
    height: 5px;
}
.h__6--{
    height:6px;
}
.h__7--{
    height:7px;
}
.h__10-- {
    height: 10px;
}

.h__16-- {
    height: 16px;
}
.h__17--{
    height:17px;
}
.h__18--{
    height:18px;
}
.h__26-- {
    height: 26px;
}

.h__28-- {
    height: 28px;
}
.h__32-- {
    height: 32px;
}
.h__34-- {
    height: 34px;
}
.h__36-- {
    height: 36px;
}
.h__50-- {
    height: 50px;
}

.h__55-- {
    height: 55px;
}
.h__56--{
    height:56px;
}

.h__20-- {
    height: 20px;
}
.h__22-- {
    height: 22px;
}
.h__24-- {
    height: 24px;
}

.h__25-- {
    height: 25vh;
}
.h__25--px{
    height:25px;
}
.h__30-- {
    height: 30px !important;
}
.h__31--{
    height:31px !important;
}
.h__35-- {
    height: 35px !important;
}
.h__38--{
    height:38px !important;
}
.h__39-- {
    height: 39px;
}
.h__40-- {
    height: 40px;
}

.h__45-- {
    height: 45px;
}
.h__48-- {
    height: 48px;
}
.h__65-- {
    height: 65px;
}

.h__70-- {
    height: 70px;
}

.h__72-- {
    height: 72px;
}

.h__80-- {
    height: 80px;
}

.h__84-- {
    height: 84px;
}
.h__90-- {
    height: 90px;
}
.h__60-- {
    height: 60px;
}
.h__120-- {
    height: 120px;
}
.h__130-- {
    height: 130px;
}

.h__140-- {
    height: 140px;
}

.h__150-- {
    height: 150px;
}

.h__170-- {
    height: 170px !important;
}

.h__180-- {
    height: 180px;
}
.h__190-- {
    height: 190px;
}
.h__200-- {
    height: 200px;
}
.h__250-- {
    height: 250px;
}

.h__300-- {
    height: 300px !important;
}

.h__305-- {
    height: 305px !important;
}

.h__100-6-- {
    height: calc(100% - 6px);
}
.w__50-2-- {
    width: calc(50% - 2px);
}
.mh__50-- {
    min-height: 50px;
}
/*---------------------------------------------------------------------------Height end------------------------------------------------------------------------------*/

/*14. Display start*/







.d__it-- {
    display: inline-table !important;
}



.fw__nw-- {
    flex-wrap: nowrap !important;
}




.flex-1 {
    flex: 1 !important;
}






.zindex__1-- {
    z-index: 1;
}
.zindex__2--{
    z-index:2;
}
.zindex__5-- {
    z-index: 5;
}
.zindex__6--{
    z-index:6;
}
/*-------------------------------------------------------------------------Display end------------------------------------------------------------------------------*/
/*Maintain flow*/
.c__2-- {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.c__2-- > * {
    flex: 0 0 calc(50% - 5px);
    box-sizing: border-box
}
/*15. Gaps start*/
.gap__0-- {
    gap: 0px !important;
}

.gap__2-- {
    gap: 2px !important;
}
.gap__3-- {
    gap: 3px !important;
}
.gap__4-- {
    gap: 4px !important;
}

.gap__5-- {
    gap: 5px !important;
}

.gap__8-- {
    gap: 8px;
}

.gap__10-- {
    gap: 10px !important;
}

.gap__12-- {
    gap: 12px;
}
.gap__14--{
    gap:14px;
}

.gap__15-- {
    gap: 15px !important;
}

.gap__16-- {
    gap: 16px;
}
.gap__18-- {
    gap: 18px;
}
.gap__20-- {
    gap: 20px;
}
.gap__22-- {
    gap: 22px;
}
.gap__24-- {
    gap: 24px !important;
}
.gap__24--x{
    column-gap:24px;
}
.gap__25--y {
    row-gap: 25px;
}

.gap__30-- {
    gap: 30px !important;
}
.gap__30--y {
    row-gap: 30px;
}
.gap__5--x {
    column-gap: 5px;
}

.gap__10--x {
    column-gap: 10px;
}
.gap__12--x {
    column-gap: 12px;
}
.gap__17--x {
    column-gap: 17px;
}
.gap__20--x {
    column-gap: 20px;
}

.gap__40--x {
    column-gap: 40px;
}

.gap__5--y {
    row-gap: 5px;
}
.gap__8--y {
    row-gap: 8px;
}
.gap__15--y {
    row-gap: 15px;
}
.gap__y--1 {
    row-gap: 1px;
}

.gap__y--2 {
    row-gap: 2px;
}

.gap__y--3 {
    row-gap: 3px;
}

.gap__y--4 {
    row-gap: 4px;
}

.gap__y--5 {
    row-gap: 5px;
}

.gap__6--y {
    row-gap: 6px;
}
.gap__6-- {
    gap: 6px;
}
.gap__10--y {
    row-gap: 10px;
}

.gap__y--6 {
    row-gap: 6px;
}

.gap__y--7 {
    row-gap: 7px;
}

.gap__y--8 {
    row-gap: 8px;
}

.gap__y--9 {
    row-gap: 9px;
}

.gap__y--10 {
    row-gap: 10px;
}

.gap__y--12 {
    row-gap: 12px;
}
.gap__y--15 {
    row-gap: 15px;
}

.gap__20--y {
    row-gap: 20px;
}

.gap__35--y {
    row-gap: 35px !important;
}
.gap__x--1 {
    column-gap: 1px;
}

.gap__x--2 {
    column-gap: 2px;
}

.gap__x--3 {
    column-gap: 3px;
}

.gap__x--4 {
    column-gap: 4px !important;
}

.gap__x--5 {
    column-gap: 5px;
}

.gap__x--6 {
    column-gap: 6px;
}

.gap__x--7 {
    column-gap: 7px;
}

.gap__x--8 {
    column-gap: 8px;
}

.gap__x--9 {
    column-gap: 9px;
}

.gap__x--10 {
    column-gap: 10px;
}

.gap__x--15 {
    column-gap: 15px;
}

.gap__x--20 {
    column-gap: 20px;
}
/*-------------------------------------------------------------------------Gaps end------------------------------------------------------------------------------*/

/*16. Z-index start*/
.z__99--{
    z-index:99;
}
.z__999-- {
    z-index: 999 !important;
}



.z__99991-- {
    z-index: 99991 !important;
}

.z__99992-- {
    z-index: 99992 !important;
}

.z__99993-- {
    z-index: 99993;
}

.z__99994-- {
    z-index: 99994;
}

.z__99995-- {
    z-index: 99995;
}

.z__99996-- {
    z-index: 99996;
}

.z__99997-- {
    z-index: 99997;
}

.z__99998-- {
    z-index: 99998;
}

.z__99999-- {
    z-index: 99999 !important;
}
/*-------------------------------------------------------------------------Z-index end------------------------------------------------------------------------------*/

/*17. Hovers start*/


@media (min-width: 1190px) {
    .tx__h--d3d3d3:hover {
        color: #222;
    }

    .tx__h--a:hover {
        color: #1D5558;
    }

    .tx__h--f4f4f4:hover {
        color: #f4f4f4;
    }

    .tx__h--fffff:hover {
        color: #ffffff;
    }

    .bg__h--C71D271A:hover {
        background-color: #c71d271a;
        border-radius: 5px;
    }

    .bg__h--1D55581A:hover {
        background-color: #1d55581a;
        border-radius: 5px;
    }

    .hover__underline--:hover {
        text-decoration: underline;
    }

    .hover__D1D5DB--border:hover {
        border: 1px solid #d1d5db !important;
    }

    .hover__F3F4F6--bg:hover {
        background-color: #f3f4f6 !important;
    }

    .hover__1D5558--bg:hover {
        background-color: var(--color-1D5558) !important;
    }

    .hover__F9FAFB--bg:hover {
        background-color: var(--color-F9FAFB) !important;
    }

    .hover__F0F2F5--bg:hover {
        background-color: #f0f2f5 !important;
    }

    .hover__FEF2F2--bg:hover {
        background-color: #fef2f2 !important;
    }

    .hover__0000000F--bg:hover {
        background-color: #0000000f !important;
    }

    .hover__1D5558--txt:hover {
        color: var(--color-1D5558) !important;
    }

    .hover__111827--txt:hover span {
        color: #111827 !important;
    }

    .hover__icon-opacity--1:hover i {
        opacity: 1 !important;
    }

    .hover__filter--097:hover {
        filter: brightness(0.97);
    }

    .hover__1D55581A--accord:hover {
        background-color: var(--color-1D55581A) !important;
        color: #000 !important;
        border-radius: 2px !important;
    }

    .hover__f2f2f2--f:hover {
        background-color: #f2f2f2;
        border-radius: 5px;
    }

    .hover__DCE6FC--f:hover {
        background-color: #dce6fc;
        border-radius: 5px;
    }

    .hover__f5f5f5--f:hover,
    .active-item {
        background-color: var(--color-F5F5F5) !important;
        border-radius: 5px;
    }

    .hover__ABAFB1--f:hover {
        background-color: var(--color-ABAFB1) !important;
        border-radius: 5px;
    }

    .hover__E3E3E3--f:hover {
        background-color: var(--color-E3E3E3) !important;
        border-radius: 5px;
    }

    .hover__back--:hover {
        background: var(--color-F5F5F5) !important;
        border-radius: 50%;
    }

    .hover__EEEEEE--f:hover {
        background-color: var(--color-EEEEEE) !important;
        border-radius: 5px;
    }

    .hover__1D55581A--bg:hover {
        background: #1d55581a !important;
    }

    .hover__1D55581A--bg-t:hover {
        background: #1d55581a;
        border-radius: 5px;
    }

    .hover__1D55581A--bg:hover > .hover__E8EEEE-- {
        background-color: #e8eeee !important;
    }

    .hover__1D55581A--bg-t:hover .outline-icon {
        display: block !important;
    }

    .hover__1D55581A--bg-t:hover .light-icon {
        display: none !important;
    }

    .hover__1D55581A--bg-t:hover label {
        color: #1d5558 !important;
        font-weight: 600 !important;
    }

    .hover__f5f5f5--bg-t:hover label {
        color: #1d5558 !important;
        font-weight: 600 !important;
    }

    .hover__FFFFFF--bg:hover {
        background-color: var(--color-FFFFFF) !important;
    }
    .hover__E8F2F2--bg:hover {
        background-color: #e8f2f2;
        color: #1d5558;
    }

    .hover__F5F5F5--bg:hover {
        background-color: var(--color-F5F5F5) !important;
    }

    .hover__F9E8E9--bg:hover {
        background-color: var(--color-F9E8E9);
    }

    .hover__FFFFFF--:hover {
        background-color: var(--color-FFFFFF) !important;
        border: 1px solid #DDD;
        border-radius: 5px;
    }

    .hover__e8f2f2--:hover {
        border-color: #c8dede;
        background: #e8f2f2 !important;
        color: #1d5558 !important;
    }

    .hover__E5E7EB--border:hover {
        border: 1px solid #E5E7EB;
    }

    .hover__FDE68A--border:hover {
        border: 1px solid #fde68a;
    }

    .hover__EF4444--bg:hover {
        background-color: #ef4444;
    }

    .hover__1D5558--border:hover {
        border: 1px solid #1d5558 !important;
    }
    .hover__93C5FD--:hover {
        background: #eff6ff;
        border-color: #93c5fd;
    }
    .hover__FCA5A5--:hover {
        background: #fef2f2;
        border-color: #fca5a5;
    }
    .hover__1D5558--:hover {
        background: #e8f2f2 !important;
        border-color: #c8dede !important;
        color: #1d5558 !important;
    }
    .hover__C8DEDE--:hover {
        border-color: #c8dede !important;
        background: #e8f2f2 !important;
        color: #1d5558 !important;
    }
    .hover__EF444--tc:hover {
        color: #EF4444;
    }
}
    /*-------------------------------------------------------------------------Hover end------------------------------------------------------------------------------*/
    /*18. Box Shadow start*/
    .boxs__none-- {
        box-shadow: none !important;
    }



    .boxs__1D5558-- {
        box-shadow: 0px -1px 4px 0px #1D555814;
        box-shadow: 0px -4px 24px 0px #1D555821;
    }

    .boxs__0000001A--ho10 {
        box-shadow: 10px 0px 0px 0px #0000001A;
    }

    .boxs__8895C940--ho2 {
        box-shadow: 2px 0px 0px 0px #8895C940;
    }

    .boxs__B7B9C31A--ho-3 {
        box-shadow: -3px 0px 0px 0px #B7B9C31A;
    }

    .boxs__00000026--ho-11 {
        box-shadow: 1px 0px 11px 0px #00000026;
    }

    .boxs__0000001A--vo10 {
        box-shadow: 0px 10px 0px 0px #0000001A;
    }

    .boxs__B7B9C31A--ho3 {
        box-shadow: 0px 3px 0px 0px #B7B9C31A;
    }

    .boxs__0000001A--br10 {
        box-shadow: 0px 0px 10px 0px #0000001A;
    }

    .boxs__0000001A--bb10 {
        box-shadow: 0px 10px 10px 0px #0000001A;
    }

    .boxs__8895C940--br4 {
        box-shadow: 0px 0px 4px 0px #8895C940;
    }

    .boxs__B7B9C31A--ho3h {
        box-shadow: 0px 0px 3.5px 0px #B7B9C31A;
    }

    .boxs__0000001A--sr10 {
        box-shadow: 0px 0px 0px 10px #0000001A;
    }

    .boxs__0000001F--b {
        box-shadow: 0px 8px 12px 0px #0000001F;
    }

    .boxs__toast-- {
        box-shadow: 0px 4px 22px 0px rgba(45, 46, 79, 0.16), 0px 0px 36px 0px rgba(45, 46, 79, 0.32);
    }

    .boxs__000000D-- {
        box-shadow: 0px 4px 10px 0px #0000000d;
    }

    .boxs__2F2A2A29-- {
        box-shadow: 0px 0px 25.5px 0px #2F2A2A29;
    }

    .boxs__1d688c61-- {
        box-shadow: 0px 2px 4px 0px #1D686C61 inset;
    }

    .boxs__00000040-- {
        box-shadow: -2.93px 5.86px 21.8px 0px #00000040;
    }

    .boxs__0000000D-- {
        box-shadow: 0px 0px 12px 0px #0000000D;
    }

    .boxs__00000026-- {
        box-shadow: 0px 0px 10px 0px #00000026;
    }

    .boxs__0000001F-- {
        box-shadow: 0px 8px 12px 0px #0000001F;
    }

.boxs__00000080--8-28 {
    box-shadow: 0 8px 28px rgba(0, 0, 0, .5), 0 2px 8px rgba(0, 0, 0, .35);
}
.opacity__0--{
    opacity:0;
}
.opacity__049-- {
    opacity: 0.49 !important;
}
    /*-----------------------------------------------------------------------Box shadow end------------------------------------------------------------------------------*/

    /*19. Align Items start*/
    

    

    

    .ai__e-- {
        align-items: end;
    }

    .ai__s-- {
        align-items: start !important;
    }

    .ai__stretch-- {
        align-items: stretch !important;
    }

    
    /*----------------------------------------------------------------------Align items end-----------------------------------------------------------------------------*/

    /*20. Justify Content start*/
    

    .jc__e-- {
        justify-content: end !important;
    }

    .jc__s-- {
        justify-content: start !important;
    }

    

    

    

    

    
    /*-------------------------------------------------------------------Justify content end---------------------------------------------------------------------------*/

    /*21. Table border start*/
    .bc__c-- {
        border-collapse: collapse !important;
    }

    .bc__s-- {
        border-collapse: separate !important;
    }

    .bs__0-- {
        border-spacing: 0px;
    }

    .bs__5y-- {
        border-spacing: 0 5px;
    }
    /*------------------------------------------------------------------Table border end--------------------------------------------------------------------------------*/

    /*22. Icons Animations start*/
    .icon__flip--90--m {
        transform: rotate(-90deg);
        transition: all .3s ease-in;
    }

    .icon__flip--90 {
        transform: rotate(90deg);
        transition: all .3s ease-in;
    }

    .icon__flip--180 {
        transform: rotate(180deg);
        transition: all .3s ease-in;
    }

    .icon__flipY--180 {
        transform: rotateY(180deg);
        transition: all .3s ease-in;
    }

    .icon__flip--270 {
        transform: rotate(270deg);
        transition: all .3s ease-in;
    }

    .icon__flip--45 {
        transition: all .3s ease-in;
        transform: scaleX(-1) rotate(45deg);
    }

    .icon__filp-- {
        transition: all .3s ease-in;
        transform: scaleX(-1);
    }

    .icon__rotate--45 {
        transform: rotate(45deg);
        transition: all .3s ease-in;
    }

    .transform__rotate--90 {
        transform: rotate(-90deg);
    }
.transform__rotate--90-plus {
    transform: rotate(90deg);
}
.transform__rotate--180 {
    transform: rotate(-180deg);
}
.transform__x50per--y6px {
    transform: translateX(-50%) translateY(6px);
}
/*---------------------------------------------------------------Icons animation end------------------------------------------------------------------------------*/
/*23. Other start*/
.bb__grad--ddd,
.br__grad--ddd {
    position: relative;
}

        .bb__grad--ddd::after,
        .br__grad--ddd::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 1px;
            background: linear-gradient( to right, transparent, #ddd 30%, #ddd 70%, transparent);
        }

        .br__grad--ddd::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 1px;
            height: 100px;
            background: linear-gradient( to right, transparent, #ddd 30%, #ddd 70%, transparent);
        }

    ul li:hover a.drawarrow__hov--,
    ul li:hover div > .view__item,
    .table__row--hover tr:hover .view__item,
    .table__body--hover tbody:hover tr > td > .view__item,
    .section__header--hover:hover div > div > .view__item,
    .active-item > div > .view__item,
    .td__hover--:hover .view__item,
    .div__hover--:hover .view__item{
        opacity: 1;
        transform: scale(1);
        pointer-events: auto;
    }

    .view__item {
        opacity: 0;
        transform: scale(0.9);
        transition: opacity 0.2s ease, transform 0.2s ease;
        pointer-events: none;
    }

    .table__row--hover tr:hover .view__element {
        display: inline-flex !important;
    }

    .table__bb--F3F4F6 td {
        /*border: none;*/
        border-bottom: 1px solid #f3f4f6;
    }
    /*Alerts*/
    .alert__imp--bg {
        border-left: 2px solid #C71D27;
        background-color: rgba(199, 29, 39, 0.1);
    }

    .alert__info--bg {
        border-left: 2px solid #537ACF;
        background-color: rgba(83, 122, 207, 0.1);
    }

    .alert__waring--bg {
        border-left: 2px solid #FCA004;
        background-color: rgba(246, 152, 28, 0.1);
    }


    /*Font Styles*/
    .fs__normal-- {
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
    }

    .ls__normal-- {
        letter-spacing: normal;
    }

    /*List*/
    .list__unstyled--,
    .list__none-- {
        list-style-type: none;
    }

    /*Text-overflows*/
    .ws__nowrap-- {
        white-space: nowrap;
    }

    .to__ellipsis-- {
        text-overflow: ellipsis;
    }

    .tx__underline-- {
        text-decoration: underline;
    }

    

    /*Over Flows*/
    .overflow__auto-- {
        overflow: auto !important;
        -webkit-transform: translateZ(0);
    }

    .overflow__auto--y {
        overflow-y: auto !important;
        -webkit-transform: translateZ(0);
    }

    .overflow__hidden--y {
        overflow-y: hidden !important;
    }

    .overflow__auto--x {
        overflow-x: auto !important;
        -webkit-transform: translateZ(0);
    }

    .overflow__none--y {
        overflow-y: hidden !important;
        -webkit-transform: translateZ(0);
    }

    .over__hidden-- {
        overflow: hidden;
    }

    

    .two-line-ellipsis {
        display: -webkit-box;
        -webkit-line-clamp: 2; /* Limit to 2 lines */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal; /* Allow wrapping */
        line-height: 1.4em; /* Optional: control spacing */
        max-height: 2.8em; /* line-height × 2 */
    }
.three-line-ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Limit to 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal; /* Allow wrapping */
    line-height: 1.4em; /* Optional: control spacing */
    max-height: 4.8em; /* line-height × 2 */
}


    /*Indent*/
    /* Text Align — only .ta__c-- exists */
    

    

    

    /* Cursor — only .c__p-- exists */
    

    

    .c__grab-- {
        cursor: grab;
    }

    .c__text-- {
        cursor: text;
    }

    /* Opacity — only one hardcoded value exists */
    .op__0-- {
        opacity: 0;
    }

    

    

    

    .op__100-- {
        opacity: 1;
    }

    /* Align Self — completely missing */
    

    

    

    .as__stretch-- {
        align-self: stretch;
    }

    /* Justify Self — completely missing */
    

    

    

    /* Text Transform — only .tt__n-- exists */
    

    

    

    /* Pointer Events — completely missing */
    .pe__none-- {
        pointer-events: none;
    }

    .pe__all-- {
        pointer-events: all;
    }

    /* User Select — completely missing */
    .us__none-- {
        user-select: none;
    }

    .us__all-- {
        user-select: all;
    }

    /* Word Break — completely missing */
    .wb__break-- {
        word-break: break-word;
    }

    .wb__normal-- {
        word-break: normal;
    }

    .wb__all-- {
        word-break: break-all;
    }

    /* White Space — only .ws__nowrap-- and .ws__pl-- exist */
    .ws__pre-- {
        white-space: pre;
    }

    .ws__normal-- {
        white-space: normal;
    }

    /* Flex Grow/Shrink — completely missing */
    .flex__1-- {
        flex: 1;
    }
.flex__1--1-0 {
    flex: 1 1 0%;
}
.flex__43-- {
    flex: 43;
}

.flex__04-- {
    flex: 0 0 40%;
}
.flex__h5-- {
    flex: 5 1 0%;
}
.flex__h4-- {
    flex: 4 1 0%;
}

    .flex__04-- {
        flex: 0 0 40%;
    }

    .flex__grow--1 {
        flex-grow: 1;
    }

    .flex__grow--0 {
        flex-grow: 0;
    }

    .flex__shrink--0 {
        flex-shrink: 0;
    }

    .flex__shrink--1 {
        flex-shrink: 1;
    }

    /* Text Decoration — .td__u-- exists but missing */
    .td__none-- {
        text-decoration: none !important;
    }

    

    

    .bs__1-- {
        box-shadow: 0 4px 16px -2px rgba(0,0,0,.5), 0 0 0 1px rgba(0,0,0,.02);
    }

    .bs__2-- {
        box-shadow: 0px 0px 10px 0px #1D1D1D1A;
    }

    .text-content {
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
    }
    /*Modal*/
    .modal__style--1 {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

        .modal__style--1 > .modal__header-- {
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-bottom: 0.8px solid #DDD;
            padding: 6px 10px;
            position: relative;
        }

            .modal__style--1 > .modal__header-- > h1 {
                color: var(--color-1D1D1D);
                font-size: var(--font-size-3l);
                font-style: normal;
                font-weight: 600;
                line-height: normal;
                margin: 0;
            }

        .modal__style--1 > .modal__body-- {
            height: 100%;
            position: relative;
            padding: 6px 10px;
        }

        .modal__style--1 > .modal__footer-- {
            border-top: 0.8px solid #DDD;
            display: flex;
            align-items: center;
            justify-content: end;
            padding: 6px 10px;
            grid-column-gap: 8px;
        }

    /* Target uib-modal backdrop */
    /* Fix uib-modal vertical centering */
    .modal__style--2.modal-dialog {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: calc(100vh - 60px) !important;
        margin: 30px auto !important;
    }

    /* Target the actual uib modal wrapper */
    .modal__style--2 {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

        .modal__style--2 .modal-content {
            background: #111827;
            color: #e5e7eb;
            border-radius: 10px;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
            width: 560px;
            max-height: 72vh;
            display: flex;
            flex-direction: column;
            overflow: hidden;
        }

            .modal__style--2 .modal-content .modal__header-- {
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 14px 18px 12px;
                border-bottom: 1px solid rgba(255, 255, 255, 0.1);
                flex-shrink: 0;
            }

        .modal__style--2 ~ .modal-backdrop,
        body.modal__style--2-open .modal {
            display: flex !important;
            align-items: center !important;
        }
    /*Input Styles*/
    .input__style--4 {
        display: flex;
        align-items: center;
        position: relative;
    }

        .input__style--4 > input {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            opacity: 0;
        }

        .input__style--4 > label {
            border-radius: 4px 0px 0px 4px;
            border: 0.8px solid #DDD;
            background: #FFF;
            display: flex;
            padding: 7px 12px 7px 8px;
            align-items: center;
            color: #000;
            font-size: var(--font-size-md);
            font-style: normal;
            font-weight: 500;
            width: 100%;
            line-height: 1.5;
            height: 33px;
        }

        .input__style--4 > span {
            border-radius: 0 4px 4px 0;
            padding: 5px;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #1d5558;
            border: 3px solid #1d5558;
        }

    .input__style--5 {
        position: relative;
        display: block;
    }

        .input__style--5 > label {
            color: #5E6366;
            font-size: var(--font-size-md);
            font-style: normal;
            font-weight: 500;
            line-height: 1.8;
        }

        .input__style--5 > div {
            display: flex;
            align-items: stretch;
            width: 100%;
            border-radius: 4px;
        }

        .input__style--5 > input,
        .input__style--5 > textarea,
        .input__style--5 > select {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            /*-webkit-appearance: none;
            appearance: none;*/
            border-radius: 8px;
            border: 1px solid #CFD3D4;
            background-color: #ffffff;
            color: #000000;
            padding: 9px 9px 9px 9px;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            font-size: 14px;
            font-size: var(--font-size-md);
            font-style: normal;
            font-weight: 500;
            width: 100%;
            line-height: normal;
            height: 36px;
        }

            .input__style--5 > textarea:disabled {
                cursor: no-drop !important;
                background-color: #f0f0f0 !important;
            }

    .input__focus--FF9F2D:focus {
        border: 1px solid var(--color-FF9F2D) !important;
        background: var(--color-FEFCF8) !important;
        border-radius: 0px !important;
    }

        .input__focus--FF9F2D:focus:focus-visible {
            border: 1px solid var(--color-FF9F2D) !important;
            background: var(--color-FEFCF8) !important;
            border-radius: 0px !important;
        }

    .typehead__menuwidth--250 > .dropdown-menu {
        min-width: 250px !important;
    }
    /*Grid Styles*/
    .grid__list-- {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 4px;
        margin: 0;
        padding: 0;
    }

        .grid__list-- > li {
            list-style: none;
            min-width: 67px;
            max-width: fit-content;
        }

            .grid__list-- > li > a {
                border: 1px solid #CFD3D4;
                padding: 6px;
                border-radius: 6px;
                font-size: var(--font-size-lg);
                font-weight: 400;
                text-align: center;
                color: #4a4a4a;
                line-height: normal;
                display: block;
            }

            .grid__list-- > li.active > a,
            .grid__list-- > li:hover > a {
                color: #ffffff;
                background: #1D5558;
            }

    /*Close Button*/
    .btn__close-- {
        position: absolute;
        right: 0px;
        top: -40px;
    }

    .btn__close--2 {
        padding: 4px;
        border: 1px solid var(--color-FFFFFF);
        border-radius: 4px;
    }

        .btn__close--2:hover {
            background-color: var(--color-F5F5F5);
            border: 1px solid var(--color-DDDDDD) !important;
            box-shadow: 0px 1px 2px 0px rgb(0,0,0,0.05);
        }

    .btn__close--3 {
        width: 26px;
        height: 26px;
        border-radius: 5px;
        background: rgba(255, 255, 255, 0.08);
        border: none;
        color: #9ca3af;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background 0.12s;
    }

        .btn__close--3:hover {
            background: rgba(255, 255, 255, 0.15);
            color: #f9fafb;
        }

    .open > .dropdown-button {
        background-color: #e3e3e3 !important;
    }

    .td__lt--,
    tr.td__lt-- > td > div > label,
    tr.td__lt-- > td > div > span,
    tr.td__lt-- > td > label,
    tr.td__lt-- > td > span {
        text-decoration: line-through;
        color: var(--color-C71D27);
    }

    .of__c-- {
        object-fit: cover;
    }

    .op__t-- {
        object-position: top
    }

    .vl__middle-- {
        vertical-align: middle !important;
    }

    .vl__top-- {
        vertical-align: top !important;
    }

    .vl__bottom-- {
        vertical-align: bottom !important;
    }

    .vl__inherit-- {
        vertical-align: inherit !important;
    }

    .table__sperate-- {
        border-collapse: separate !important;
    }
    /*Spell checker styles*/
    .spellcheck-wrapper {
        width: 100%;
        position: relative;
    }

    /*.editable-area {
    padding: 7px 12px 7px 8px;
    border: 0.8px solid #dddddd;
    background: #ffffff;
    color: #000000;
    font-size: var(--font-size-md);
    font-style: normal;
    font-weight: 500;
    outline: none;
    border-radius: 4px !important;
    box-sizing: border-box;
    resize: none;
    white-space: unset;
    overflow-wrap: break-word;
    word-break: break-word;
}

    .editable-area > span > u {
        text-decoration: none;
    }
*/
    .spellcheck-singleline {
        white-space: pre;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
    }

    .spellcheck-multiline {
        white-space: pre-wrap;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding: 7px 12px 7px 8px !important;
    }

    .misspelled {
        text-decoration: underline red wavy !important;
        display: inline;
        white-space: pre;
    }

    .suggestion-menu {
        position: fixed;
        background: white;
        border: 0.5px solid #ccc;
        z-index: 1000;
        padding: 5px;
        margin: 0;
        list-style: none;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
        max-width: 12%;
        min-width: 12%;
        border-radius: 10px;
        max-height: 250px;
        overflow-y: auto;
    }

        .suggestion-menu li {
            padding: 4px 8px;
            cursor: pointer;
            border-radius: 8px;
        }

            .suggestion-menu li:hover {
                background-color: var(--color-F5F5F5);
            }


    .editable-area {
        position: relative;
        z-index: 1; /* above hidden textarea, below dropdowns */
        min-height: 1.5em;
        outline: none;
        cursor: text;
    }

        .editable-area.has-placeholder:before {
            content: attr(data-placeholder);
            color: #aaa;
            position: absolute;
            pointer-events: none;
            white-space: pre;
            font-weight: 500;
            top: 0;
            left: 0;
        }

    /*-------------------------------------------------------------------------Others end------------------------------------------------------------------------------*/
    /* Navigation Starts*/

    .nav__style--1 {
        display: flex;
        flex-direction: column;
        row-gap: 8px;
        width: 55px; /* collapsed */
        height: 100%;
        background: #FFF;
        border-right: 1px solid #E4E4E4;
        list-style: none;
        transition: width 0.35s cubic-bezier(.4,0,.2,1), box-shadow 0.3s ease;
        padding: 6px
    }

        .nav__style--1 > li.active > a,
        .nav__style--1 > li.active > ul > li.active > a {
            background: #F2F2F2;
            border-radius: 4px;
        }

        .nav__style--1:hover {
            width: 260px;
            box-shadow: 4px 0 16px rgba(0,0,0,0.08);
            overflow-y: auto;
        }

        .nav__style--1 > li > a {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 8px 11px;
            color: #1C1C1C;
            font-weight: 600;
            text-decoration: none;
            white-space: nowrap;
        }

            .nav__style--1 > li > a > span {
                opacity: 0;
                transform: translateX(-127px);
                transition: opacity 0.25s ease, transform 0.25s ease;
            }

        .nav__style--1:hover > li > a > span {
            opacity: 1;
            transform: translateX(0);
        }

        .nav__style--1 > li > ul {
            max-height: 0;
            overflow: hidden;
            opacity: 0;
            transform: translateY(-6px);
            transition: max-height 0.3s ease, opacity 0.25s ease, transform 0.25s ease;
            margin: 6px 0
        }

        .nav__style--1:hover > li > ul.collapse.in {
            max-height: 500px; /* large enough */
            opacity: 1;
            transform: translateY(0);
        }

        .nav__style--1 > li > ul > li > a {
            display: block;
            padding-left: 30px;
            padding-top: 6px;
            padding-bottom: 6px;
            font-size: 13px;
            color: #555;
            text-decoration: none;
            position: relative
        }

        .nav__style--1 > li > ul > li {
            position: relative;
        }

            .nav__style--1 > li > ul > li.active > a:before {
                content: '';
                position: absolute;
                left: 8px;
                top: 15px;
                bottom: 0;
                margin: auto 0;
                transform: translateY(-50%);
                width: 4px;
                height: 16px;
                background-color: #1D5558;
                border-radius: 5px;
                opacity: 1;
                transition: opacity 0.25s ease, transform 0.25s ease;
            }

            .nav__style--1 > li > ul > li > a:hover {
                color: #000;
            }

        .nav__style--1:hover > li > a > div {
            display: flex;
        }

        .nav__style--1 > li > a > div {
            display: none;
        }

        .nav__style--1,
        .nav__style--1 * {
            will-change: transform, opacity;
        }
    /* Tablets (768px and above) */
    @media (min-width: 320px) and (max-width: 768px) {
        :root {
            --font-size-xs: 0.7rem;
            --font-size-sm: 0.75rem;
            --font-size-md: 0.7125rem;
            --font-size-lg: 0.775rem;
            --font-size-xl: 0.8375rem;
            --font-size-2l: 0.9rem;
            --font-size-3l: 1rem;
            --font-size-4l: 1.25rem;
            --font-size-5l: 1.875rem;
            --font-size-6l: 1.5rem;
            --font-size-20l: clamp(1rem, 2.5vw + 0.5rem, 1.125rem);
        }
    }

    @media (min-width: 769px) and (max-width: 1280px) {
        :root {
            --font-size-xs: 0.625rem; /* Reduced from 0.625rem */
            --font-size-sm: 0.625rem; /* Reduced from 0.6875rem */
            --font-size-md: 0.6875rem; /* Reduced from 0.75rem */
            --font-size-lg: 0.75rem; /* Reduced from 0.8125rem */
            --font-size-xl: 0.8125rem; /* Reduced from 0.875rem */
            --font-size-2l: 0.875rem; /* Reduced from 0.9375rem */
            --font-size-3l: 0.9375rem; /* Reduced from 1rem */
            --font-size-4l: 1rem; /* Reduced from 1.0625rem */
            --font-size-5l: 1.0625rem; /* Reduced from 1.125rem */
            --font-size-6l: 1.125rem; /* Reduced from 1.1875rem */
            --font-size-20l: clamp(1.125rem, 0.8vw + 1rem, 1.25rem);
        }

        .table-responsive {
            width: 100%;
            margin-bottom: 15px;
            overflow-x: scroll;
            overflow-y: hidden;
            -webkit-overflow-scrolling: touch;
            -ms-overflow-style: -ms-autohiding-scrollbar;
            border: 1px solid #ddd;
        }

            .table-responsive table {
                min-width: 1200px;
            }

        .modal__ninety-- > .modal-dialog {
            width: 99%;
            height: 100%;
        }
    }

    /* Large Screens (1440px and above) */
    @media (min-width: 1281px) {
        :root {
            --font-size-xs: 0.625rem; /* Extra Small - 10 */
            --font-size-sm: 0.6875rem; /* Small - 11 */
            --font-size-md: 0.75rem; /* Medium - 12 */
            --font-size-lg: 0.8125rem; /* Large - 13*/
            --font-size-xl: 0.875rem; /* Extra Large - 14 */
            --font-size-2l: 0.9375rem; /* Double Extra Large - 15 */
            --font-size-3l: 1rem; /* Triple Extra Large - 16*/
            --font-size-4l: 1.0625rem; /* Four Extra Large - 17 */
            --font-size-5l: 1.125rem; /* Four Extra Large - 18 */
            --font-size-6l: 1.1875rem; /* Four Extra Large - 19 */
            --font-size-20l: 1.25rem /* Four Extra Large - 20px */
        }
    }
    /* -----------------------END ------------------------ */

    @media screen and (min-width: 1281px) {
        .d-web-none {
            display: none !important;
        }

        .surgery-list-action {
            display: flex;
        }

            .surgery-list-action > li {
                list-style: none;
                width: calc(100% * (1/2) - 0px - 4px);
            }

        .offcanves-right > .modal-dialog {
            width: 91%;
        }

        .border-nthchild > div:nth-child(2n+1) {
            border-right: 1px solid #d2d2d2
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 1280px) {
        .table__style--1 > table {
            min-width: 1400px;
            table-layout: fixed;
        }

        .d-none-tab {
            display: none !important;
        }

        .d-block-tab {
            display: block;
        }

        .pt-0-tab {
            padding-top: 0 !important
        }
        /*.quick-access-tab {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 9999999;
        background-color: #f7f7f7;
        padding: 6px;
        height: calc(100vh - 60px);
        overflow-y: auto;
    }*/
        .offcanves-right > .modal-dialog {
            width: 100%;
        }
    }


    @media only screen and (min-width: 768px) and (max-width: 1235px) {
        .border-nthchild > div:nth-child(2n+1) {
            border-right: none
        }

        .hide-md {
            display: none;
        }

        .arrow-menu {
            margin: 0;
            display: block;
            position: absolute;
            background-color: #fff;
        }

            .arrow-menu > li,
            .menu-dropdown-m,
            .surgery-list-action {
                display: block;
            }

        .asc-actions-main-list > li {
            width: calc(100% * (1/2) - 5px - 0px);
        }

        .surgery-list-action > li {
            width: 100%;
            list-style: none;
            margin: 4px 0px;
        }
    }

    @media only screen and (min-width: 1235px) and (max-width: 1700px) {
        .hide-md {
            display: block;
        }

        .menu-dropdown-m {
            display: none;
        }

        .arrow-menu {
            margin: 0;
            display: flex;
        }

            .arrow-menu > li {
                display: inline-block;
            }
    }



    .dashbord-box {
        display: flex;
        flex-direction: column;
        height: 60px;
        padding: 8px 12px;
        gap: 5px;
        border-radius: 8px;
        background: var(--color-FFFFFF);
        border-right: 1px solid var(--color-CDCDCD);
        border-top: 1px solid var(--color-CDCDCD);
        border-bottom: 1px solid var(--color-CDCDCD);
        cursor: pointer;
    }

    .tbody__hover-- > tbody:hover tr {
        background: #f2f2f2;
    }

    [drag-scroll].active {
        cursor: grabbing !important;
    }

    .settings-popover .arrow {
        display: none !important;
    }

    .settings-popover.popover {
        border: none !important;
    }

    

    

    .bg__transparent {
        background: transparent;
    }
.caret__transparent {
    caret-color: transparent;
}

.ls__20-- {
    letter-spacing: 20px;
}

    /*only form appointment list*/
    p {
        word-break: break-all;
    }

    @media only screen and (min-width: 320px) and (max-width: 1180px) {
        .tab__style--11 > ul {
            overflow-x: auto;
            direction: ltr;
            overflow-x: auto;
            overflow-y: hidden;
            scrollbar-width: none;
            scroll-behavior: smooth;
        }

            .tab__style--11 > ul::-webkit-scrollbar {
                display: none
            }

            .tab__style--11 > ul > li > a {
                white-space: nowrap;
            }

        .mobile__aplist-- {
            overflow-x: auto;
            width: 100%;
            -webkit-overflow-scrolling: touch;
        }

            .mobile__aplist-- table {
                min-width: 1500px;
            }

        #header__Search-- > button.button__search-- {
            max-width: 16px;
            min-width: 16px;
            font-size: var(--font-size-md);
        }

        .ellipsis__tab-- {
            max-width: 42px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            display: block;
            margin: auto !important;
        }
        /*----------------------- For Appointment List*/
        .left__0--md {
            left: 0;
        }
    }

    .popover__style--1.popover {
        height: 350px;
    }

    .popover__style--1 > .popover-inner,
    .popover__style--1 > .popover-inner > .popover-content {
        height: 100% !important;
    }

    @media (max-width: 1180px) {
        /*New Popover style*/
        .popover__style--1.popover {
            position: fixed !important;
            top: 0 !important;
            right: 0 !important;
            bottom: 0 !important;
            left: auto !important;
            width: 520px !important;
            min-width: unset !important;
            max-width: 100vw !important;
            height: 100vh !important;
            max-height: 100vh !important;
            margin: 0 !important;
            padding: 0 !important;
            border-radius: 0 !important;
            border: none !important;
            border-left: 1px solid #ddd !important;
            box-shadow: -6px 0 32px rgba(0, 0, 0, 0.16) !important;
            background: #fff !important;
            z-index: 1060 !important;
            display: flex !important;
            flex-direction: column !important;
            overflow: hidden !important;
            animation: opfilter-slide-in 0.26s cubic-bezier(0.4, 0, 0.2, 1) both;
        }

            .popover__style--1.popover > .arrow {
                display: none !important;
            }

            .popover__style--1.popover .popover-inner,
            .popover__style--1.popover .popover-content {
                flex: 1 !important;
                display: flex !important;
                flex-direction: column !important;
                height: 100% !important;
                padding: 0 !important;
                overflow: hidden !important;
                background: transparent !important;
            }

                .popover__style--1.popover .popover-content > div,
                .popover__style--1.popover .popover-inner > div {
                    display: flex !important;
                    flex-direction: column !important;
                    height: 100% !important;
                    overflow: hidden !important;
                }
        /*End*/
        .opfilter-popover.popover {
            position: fixed !important;
            top: 0 !important;
            right: 0 !important;
            bottom: 0 !important;
            left: auto !important;
            width: 520px !important;
            max-width: 100vw !important;
            height: 100vh !important;
            max-height: 100vh !important;
            margin: 0 !important;
            padding: 0 !important;
            border-radius: 0 !important;
            border: none !important;
            border-left: 1px solid #ddd !important;
            box-shadow: -6px 0 32px rgba(0, 0, 0, 0.16) !important;
            background: #fff !important;
            z-index: 1060 !important;
            display: flex !important;
            flex-direction: column !important;
            overflow: hidden !important;
            animation: opfilter-slide-in 0.26s cubic-bezier(0.4, 0, 0.2, 1) both;
        }

            .opfilter-popover.popover > .arrow {
                display: none !important;
            }

            .opfilter-popover.popover .popover-inner,
            .opfilter-popover.popover .popover-content {
                flex: 1 !important;
                display: flex !important;
                flex-direction: column !important;
                height: 100% !important;
                padding: 0 !important;
                overflow: hidden !important;
                background: transparent !important;
            }

                .opfilter-popover.popover .popover-content > div,
                .opfilter-popover.popover .popover-inner > div {
                    display: flex !important;
                    flex-direction: column !important;
                    height: 100% !important;
                    overflow: hidden !important;
                }

        .opfilter-popover .popover-content .bb__DDD--,
        .opfilter-popover .popover-inner .bb__DDD-- {
            flex-shrink: 0 !important;
            padding: 14px 16px !important;
            border-bottom: 1px solid #ddd !important;
            background: #fff !important;
            position: sticky !important;
            top: 0 !important;
            z-index: 2 !important;
        }

        .opfilter-popover .popover-content .h__250--,
        .opfilter-popover .popover-inner .h__250-- {
            flex: 1 !important;
            height: auto !important;
            max-height: none !important;
            overflow-y: auto !important;
            padding: 8px 12px !important;
        }

        .opfilter-popover .popover-content .bt__DDD--,
        .opfilter-popover .popover-inner .bt__DDD-- {
            /*flex-shrink: 0 !important;*/
            padding: 12px 16px !important;
            border-top: 1px solid #ddd !important;
            background: #fff !important;
            /* position: sticky !important;
        bottom: 0 !important;*/
            z-index: 2 !important;
        }

        .opfilter-popover .h__190-- {
            height: 100% !important;
            max-height: none !important;
            overflow-y: auto !important;
        }

        @keyframes opfilter-slide-in {
            from {
                transform: translateX(100%);
                opacity: 0.5;
            }

            to {
                transform: translateX(0);
                opacity: 1;
            }
        }

        body.opfilter-open::before {
            content: "";
            position: fixed;
            inset: 0;
            background: rgba(0, 0, 0, 0.38);
            z-index: 1059;
            animation: opfilter-fade-in 0.22s ease both;
            pointer-events: none;
        }

        @keyframes opfilter-fade-in {
            from {
                opacity: 0;
            }

            to {
                opacity: 1;
            }
        }
    }

    .w__mc-- {
        width: max-content !important;
    }
    .w__fc--{
        width:fit-content;
    }

    /*Outline*/
    .outline__1D5558--2half {
        outline: 2.5px solid #1d5558;
    }
    .outline__none--{
        outline:none;
    }

    /*Grid template columns*/
    .gtc__4--1fr {
        grid-template-columns: repeat(4, 1fr);
    }

    .gtc__5--1fr {
        grid-template-columns: repeat(5, 1fr);
    }

    .gtc__2--1fr {
        grid-template-columns: 1fr 1fr;
    }

    .gtc__2--2fr {
        grid-template-columns: 2fr 2fr;
    }

    .gtc__3--1fr {
        grid-template-columns: repeat(3, 1fr);
    }

    .gtc__3--1fr {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .gtc__4--1fr {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
.gtc__4--36-100x3 {
    grid-template-columns: 36px repeat(3, 100px);
}
.gtc__4--36-100x5 {
    grid-template-columns: 36px repeat(5, 100px);
}
.gtc__15--36-min40frx14 {
    grid-template-columns: 36px repeat(14, minmax(40px, 1fr));
}
.gtc__15--36-min40frx6 {
    grid-template-columns: 36px repeat(6, minmax(40px, 1fr));
}
.gtc__15--36-min40frx7 {
    grid-template-columns: 36px repeat(7, minmax(40px, 1fr));
}
.gtc__15--36-min40frx12 {
    grid-template-columns: 36px repeat(12, minmax(40px, 1fr));
}
.gtc__15--36-min40frx13 {
    grid-template-columns: 36px repeat(13, minmax(40px, 1fr));
}
.gtc__4--36-min40fr-min40fr-min40fr {
    grid-template-columns: 36px minmax(40px, 1fr) minmax(40px, 1fr) minmax(40px, 1fr);
}
.dropdown.cstm-dropdown.open > .dropdown-button {
    background-color: #1D5558 !important;
}
@media (min-width: 1181px) {
    .gtc__3--1fr-web {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .gtc__2--1fr-web {
        grid-template-columns: repeat(2, 1fr);
    }
}
    @media (min-width: 768px) and (max-width: 1180px) {
        .gtc__2--1fr-tab {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    .oo__2-- {
        outline-offset: 2px;
    }
    /*Claim denial summary screen*/
    .switch__gray-white {
        display: flex;
        align-items: center;
        background: #f3f4f6;
        border-radius: 5px;
        padding: 2px;
        gap: 1px;
    }

        .switch__gray-white .switch__btn-- {
            padding: 4px 14px;
            font-size: 12px;
            font-weight: 600;
            color: #717171;
            border-radius: 4px;
            cursor: pointer;
            transition: all 0.12s;
            white-space: nowrap;
            user-select: none;
        }

            .switch__gray-white .switch__btn--.active {
                background: #fff;
                color: #1d5558;
                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
            }

.switch__gray-brand {
    display: flex;
    align-items: center;
    background: #E0E0E0;
    border-radius: 4px;
    padding: 3px 2px;
    gap: 1px;
}

    .switch__gray-brand .switch__btn-- {
        padding: 0px 10px;
        font-size: 15px;
        font-weight: 500;
        color: #3c3c3c;
        line-height:22px;
        cursor: pointer;
        transition: all 0.12s;
        white-space: nowrap;
        user-select: none;
    }

        .switch__gray-brand .switch__btn--.active {
            background: #1d5558;
            color: #ffffff;
        }
        .switch__gray-brand .switch__btn--:first-child.active {
            border-radius: 4px 0 0 4px;
        }

        .switch__gray-brand .switch__btn--:last-child.active {
            border-radius: 0 4px 4px 0;
        }

    /*New Radio buttons*/
    .radio__style--1 {
        display: flex;
        align-items: center;
        gap: 4px;
        font-size: 11.5px;
        font-weight: 500;
        color: #374151;
        white-space: nowrap;
        cursor: pointer;
        user-select: none;
    }

        .radio__style--1 input[type="radio"] {
            all: unset;
            width: 13px !important;
            height: 13px !important;
            border: 1.5px solid #9ca3af !important;
            border-radius: 50% !important;
            cursor: pointer !important;
            flex-shrink: 0 !important;
            margin: 0 !important;
            box-sizing: border-box !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            transition: border-color 0.15s ease !important;
        }

            .radio__style--1 input[type="radio"]::before {
                content: "";
                width: 6px;
                height: 6px;
                border-radius: 50%;
                background-color: #1d5558;
                transform: scale(0);
                transition: transform 0.15s ease;
                display: block !important;
                flex-shrink: 0 !important;
                line-height: 0 !important;
            }

            .radio__style--1 input[type="radio"]:checked {
                border-color: #1d5558 !important;
            }

                .radio__style--1 input[type="radio"]:checked::before {
                    transform: scale(1) !important;
                }

            .radio__style--1 input[type="radio"]:hover {
                border-color: #1d5558;
            }


    /*New Form group*/
    .form__group--1 {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

        .form__group--1 label {
            display: flex;
            align-items: center;
            gap: 5px;
            font-size: 11.5px;
            font-weight: 500;
            color: #374151;
            white-space: nowrap;
            min-height: 18px;
            line-height: normal;
        }

        .form__group--1 select {
            height: 28px;
            width: 100%;
            border: 1.5px solid #c8dede;
            border-radius: 6px;
            font-size: 12px;
            color: #4b5563;
            outline: none;
            cursor: pointer;
            appearance: none;
            -webkit-appearance: none;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 8px center;
            background-size: 16px;
            padding: 0 28px 0 8px;
        }

        .form__group--1 input {
            height: 28px;
            border: 1.5px solid #c8dede;
            border-radius: 6px;
            padding: 0 28px 0 10px;
            font-size: 12px;
            color: #1d1d1d;
            outline: none;
            background: #fff;
            width: 100%;
        }

            .form__group--1 input:focus,
            .form__group--1 select:focus {
                border-color: #1d5558;
            }

.focus__widthin--1D5558:focus-within {
    border-color: var(--color-1D5558);
    box-shadow: 0 0 0 2px rgba(29, 85, 88, .1);
}

/* Add Findings search bar - new tablet Examination design.
   Two atomic state utilities so the focus look is opt-in per element;
   no global input focus styling is altered. The brand outline is an
   inset shadow rather than a real border so focusing cannot shift the
   1px of layout inside the popover. */
.focuswithin__FFFFFF--bg:focus-within {
    background-color: var(--color-FFFFFF) !important;
}

.focuswithin__1D5558--ring:focus-within {
    box-shadow: inset 0 0 0 1px var(--color-1D5558);
}
.focus__border--1D5558:focus {
    border-color: var(--color-1D5558) !important;
}
.focus__1D55581A--bg:focus{
    background-color:var(--color-1D55581A);
}
/*Input*/
.input__style--7 {
    height: 28px;
    border: 1.5px solid #e4e4e4;
    border-radius: 6px;
    padding: 0 10px;
    font-size: 12px;
    color: #1d1d1d;
    width: 200px;
    outline: none;
}

        .input__style--7:focus {
            border-color: #1d5558;
        }

    .input__style--8 {
        height: 32px;
        border: 1.5px solid #e8a040;
        border-radius: 6px;
        padding: 0 32px 0 12px;
        font-size: 12px;
        font-family: 'Plus Jakarta Sans', sans-serif;
        font-weight: 400;
        color: #1d1d1d;
        outline: none;
        width: 220px;
        background: #fff8f0;
        transition: border-color 0.15s, background 0.15s;
    }

        .input__style--8:focus {
            border-color: #c26a10;
            background: #fff3e6;
            box-shadow: 0 0 0 3px rgba(232, 160, 64, 0.15);
        }

    .input__style--9 {
        width: 100%;
        border: 1.5px solid #d1d5db;
        border-radius: 7px;
        padding: 5px 28px;
        font-size: 12px;
        color: #111827;
        background: #f0f2f5;
        outline: none;
        transition: all .15s;
    }

        .input__style--9:focus {
            border-color: #1d5558;
            background: #fff;
            box-shadow: 0 0 0 3px rgba(29, 85, 88, .07);
        }

    .input__style--10 {
        height: 30px;
        border: 1px solid #FF9F2D;
        border-radius: 6px;
        padding: 0 12px 0 32px;
        font-size: 12px;
        font-weight: 400;
        color: #5e6366;
        outline: none;
        width: 100%;
        background-color: #fcf2e4;
        background-repeat: no-repeat;
        background-position: 7px center;
        background-size: 18px 18px;
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23707070" stroke-width="2"><circle cx="11" cy="11" r="7"/><line x1="16.5" y1="16.5" x2="21" y2="21" stroke-linecap="round"/></svg>');
        transition: border-color 0.15s, background-color 0.15s;
    }

        .input__style--10::placeholder {
            color: #a39685;
        }

        .input__style--10:focus {
            border-color: #c26a10;
            background-color: #fff3e6;
            box-shadow: 0 0 0 3px rgba(232, 160, 64, 0.15);
        }
    /*From and To date input*/
    .input__fromTo-- {
        display: flex;
        align-items: center;
        height: 28px;
        background: #fff;
        border: 1.5px solid #c8dede;
        border-radius: 6px;
        overflow: hidden;
        width: 236px;
    }

        .input__fromTo-- input {
            height: 100%;
            border: none;
            outline: none;
            font-size: 12px;
            color: #1d1d1d;
            background: transparent;
            text-align: center;
            width: 94px;
            padding: 0 6px;
            flex-shrink: 0;
        }

        .input__fromTo-- .arrow {
            font-size: 11px;
            color: #9ca3af;
            font-weight: 500;
            flex-shrink: 0;
            padding: 0 2px;
            user-select: none;
        }

        .input__fromTo-- .icon-box {
            width: 30px;
            /* padding-right:12px;*/
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #e8f2f2;
            border-left: 1.5px solid #c8dede;
            cursor: pointer;
            flex-shrink: 0;
        }

    /*Select*/
    .select__style--1 {
        height: 28px;
        border: 1.5px solid #e4e4e4;
        border-radius: 6px;
        padding: 0 8px;
        font-size: 12px;
        color: #4b5563;
        background: #fff;
        outline: none;
        cursor: pointer;
    }

        .select__style--1:focus {
            border-color: #1d5558;
        }
    /*Button*/
    .button__1D5558--o {
        height: 28px;
        padding: 0 12px;
        border-radius: 6px;
        border: 1.5px solid #1d5558;
        background: #fff;
        color: #1d5558;
        font-size: 12px;
        font-weight: 600;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 5px;
        transition: all 0.12s;
        white-space: nowrap;
    }

        .button__1D5558--o:hover {
            border-color: #1d5558;
            color: #1d5558;
            background: #e8f2f2;
        }
.button__1D5558--f {
    height: 28px;
    border-radius: 8px;
    border: none;
    background: #1d5558;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    font-family: inherit;
    cursor: pointer;
    transition: background .12s;
}
    .button__1D5558--f:hover{
        background-color:#174548;
    }
    .button__1D5558--f.disabled {
        background: #d1d5db;
        color: #9ca3af;
        cursor: not-allowed;
    }
    .button__D1D5DB-- {
        height: 32px;
        padding: 0 14px;
        background: #fff;
        border: 1.5px solid #d1d5db;
        border-radius: 7px;
        display: flex;
        align-items: center;
        gap: 7px;
        cursor: pointer;
        font-size: 12px;
        font-weight: 600;
        color: #4b5563;
        transition: all .12s;
        white-space: nowrap;
        flex-shrink: 0;
    }
    .button__D1D5DB--:hover {
        border-color: #1d5558;
        color: #1d5558;
    }
    .button__D1D5DB--.active {
        background: #e8f2f2;
        border-color: #1d5558;
        color: #1d5558;
    }

    .button__D1D5DB--o {
        height: 32px;
        padding: 0 14px;
        border-radius: 7px;
        border: 1.5px solid #d1d5db;
        background: #fff;
        color: #4b5563;
        font-size: 12px;
        font-weight: 600;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 7px;
        transition: all 0.12s;
        white-space: nowrap;
    }

        .button__D1D5DB--o:hover {
            border-color: #1d5558;
            color: #1d5558;
        }

    .button__DC2626--o {
        height: 26px;
        padding: 0 10px;
        border-radius: 5px;
        border: 1.5px solid #fecaca;
        background: #fff;
        color: #dc2626;
        font-size: 11px;
        font-weight: 700;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 5px;
        transition: all 0.12s;
    }

        .button__DC2626--o:hover {
            background: #fef2f2;
        }

    .button__3D4560-- {
        border-radius: 5px;
        border: 1px solid #3d4560;
        background: #1a1f2e;
        color: #94a3b8;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all .12s;
        flex-shrink: 0;
    }

        .button__3D4560--:hover {
            background: #2d3348;
            color: #e2e8f0;
        }

    .button__FFFFFF1F--o {
        width: 24px;
        height: 24px;
        border-radius: 5px;
        background: #ffffff1f;
        border: 1px solid rgba(255, 255, 255, .2);
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        color: #fff;
    }

        .button__FFFFFF1F--o:hover {
            background: rgba(255, 255, 255, .22);
        }

    .btn__arrow-- {
        width: 28px;
        height: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        border: 1.5px solid #e4e4e4;
        background: #fff;
        cursor: pointer;
        transition: all 0.12s;
        flex-shrink: 0;
    }

        .btn__arrow--.disabled {
            opacity: 0.35;
            cursor: not-allowed;
            pointer-events: none;
        }

        .btn__arrow--:hover:not(.disabled) {
            border-color: #1d5558;
            background: #e8f2f2;
        }
    /*Table*/
    .table__style--31 {
        width: 100%;
        border-collapse: separate;
    }

        .table__style--31 th {
            background: #f9fafb;
            padding: 8px 14px;
            font-size: 10px;
            font-weight: 700;
            color: #9ca3af;
            border-bottom: 1px solid #e4e4e4;
            text-transform: uppercase;
            letter-spacing: 0.4px;
            text-align: left;
            white-space: nowrap;
            position: sticky;
            top: 0;
            z-index: 2;
        }

        .table__style--31 td:not(:first-child) {
            padding: 9px 14px;
            border-bottom: 1px solid #e4e4e4;
            font-size: 12px;
            color: #4B5563;
            font-weight: 500;
            white-space: nowrap;
            background: #fff;
            cursor: default;
        }

        .table__style--31 td:first-child {
            padding: 9px 14px;
            border-bottom: 1px solid #e4e4e4;
            color: #9ca3af;
            font-size: 11px;
            font-weight: 600;
            white-space: nowrap;
            background: #fff;
        }

        .table__style--31 tbody tr:hover td {
            background: #fafafa;
        }

        .table__style--31 td .digit__box-- {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 36px;
            height: 22px;
            border-radius: 4px;
            font-size: 11px;
            font-weight: 700;
            cursor: pointer;
            padding: 0 8px;
            transition: filter 0.1s;
        }

        .table__style--31 td > .digit__box--:hover {
            filter: brightness(0.88);
        }

        .table__style--31 td > .digit__box--.disabled {
            background: #f3f4f6 !important;
            color: #9ca3af !important;
            pointer-events: none;
            cursor: default;
            opacity: 0.5;
        }

    .table__style--32 {
        width: 100%;
        border-collapse: collapse;
        display: block;
        overflow-y: auto;
        max-height: 300px; /* adjust as needed */
    }

        .table__style--32 tbody {
            display: table;
            width: 100%;
        }

        .table__style--32 tr {
            border-bottom: 1px solid #2d3748;
            transition: background 0.15s ease;
            cursor: default;
        }

            .table__style--32 tr:hover {
                background: #ffffff0d;
            }

        .table__style--32 td {
            padding: 10px 14px;
            font-size: 12px;
            vertical-align: middle;
        }

            .table__style--32 td:nth-child(1) {
                color: #6b7280;
                font-size: 11px;
                font-weight: 600;
                width: 40px;
                text-align: center;
            }


    /* Description column */
    .table__style--32 {
        color: #d1d5db;
        font-size: 12px;
        line-height: 1.5;
    }

    .table__outerborder--none {
        border: none;
    }

        .table__outerborder--none tr:first-child td {
            border-top: none;
        }

        .table__outerborder--none tr:last-child td {
            border-bottom: none;
        }

        .table__outerborder--none td:first-child {
            border-left: none;
        }

        .table__outerborder--none td:last-child {
            border-right: none;
        }

    .table__internalborder--F0F0F0 td {
        border: 1px solid #f0f0f0;
    }

    .digit__box--.box__EAF3DE-- {
        background: #EAF3DE;
        color: #3B6D11;
    }

    .digit__box--.box__FAEEDA-- {
        background: #FAEEDA;
        color: #854F0B;
    }

    .digit__box--.box__FEF3E2-- {
        background: #FEF3E2;
        color: #7A4400;
    }

    .digit__box--.box__FCEBEB-- {
        background: #FCEBEB;
        color: #A32D2D;
    }

    .digit__box--.box__EDF7EE-- {
        background: #edf7ee;
        color: #276130;
    }

    .digit__box--.box__E4F5E1-- {
        background: #e4f5e1;
        color: #2d6b2a;
    }

    .digit__box--.box__F2F8DF-- {
        background: #f2f8df;
        color: #4a6b10;
    }

    .digit__box--.box__FDF8DB-- {
        background: #fdf8db;
        color: #6b5a0a;
    }

    .digit__box--.box__FEF3D0-- {
        background: #fef3d0;
        color: #7a4d08;
    }

    .digit__box--.box__FEEAD0-- {
        background: #feead0;
        color: #7a3d08;
    }

    .digit__box--.box__FDE0C8-- {
        background: #fde0c8;
        color: #7a2e08;
    }

    .digit__box--.box__FDD4C2-- {
        background: #fdd4c2;
        color: #7a230a;
    }

    .digit__box--.box__FCE4E4-- {
        background: #fce4e4;
        color: #8b1a1a;
    }
    /*Progressbar*/
    .progressbar__4-- {
        background: rgba(0, 0, 0, 0.08);
        border-radius: 99px;
        height: 4px;
        width: 70px;
        overflow: hidden;
        margin: 3px 0 0;
    }

        .progressbar__4-- .progress__4-- {
            height: 4px;
            border-radius: 99px;
        }



    /*Tooltip*/
    .custom-tooltip {
        font-weight: 400;
        font-size: 11px;
        line-height: 100%;
        letter-spacing: 0px;
    }

        .custom-tooltip .tooltip-inner {
            max-width: 235px !important;
            width: 235px;
            white-space: normal;
            word-wrap: break-word;
        }


    /*Sub-menu*/
    /* Parent li must be relative */
    .sub-menu-parent {
        position: relative;
    }

    /* Arrow indicator */
    .sub-menu-arrow {
        margin-left: auto;
        font-size: 12px;
        color: #999;
        line-height: 1;
    }

    /* Sub-menu hidden by default */
    .sub-menu {
        display: none;
        position: absolute;
        top: -4px;
        z-index: 9999;
        min-width: 140px;
        background: #fff;
        border: 1px solid #e0e0e0;
        border-radius: 10px;
        padding: 4px 0;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }

        .sub-menu.sub-menu--open {
            display: block;
        }

        /* Smart positioning — set by directive */
        .sub-menu.to-right {
            left: calc(100% + 0px);
        }

        .sub-menu.to-left {
            right: calc(100% + 0px);
        }


    .code__box--red {
        display: inline-flex;
        align-items: center;
        padding: 2px 7px;
        border-radius: 4px;
        font-size: 10px;
        font-weight: 700;
        background: #fef2f2;
        border: 1px solid #fecaca;
        color: #dc2626;
        white-space: nowrap;
        cursor: pointer;
        transition: filter 0.1s, box-shadow 0.1s;
    }

        .code__box--red:hover {
            filter: brightness(0.9);
            box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.25);
        }

    /*Status buttons*/
    .btn__status-- {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 4px 10px;
        font-size: 12px;
        font-weight: 500;
        line-height: 1;
        border-radius: 6px;
        cursor: default;
        white-space: nowrap;
        letter-spacing: 0.01em;
        cursor: pointer;
    }

    .btn__2D2AA2D-- { /*Green*/
        background-color: #edfaf3;
        border: 1.5px solid #3dbd73;
        color: #27a25c;
    }

    .btn__E8924A-- { /*Yellow*/
        background-color: #fff5ee;
        border: 1.5px solid #e8924a;
        color: #e8924a;
    }

    .btn__7A7A7A-- { /*Black*/
        background-color: #f5f5f5;
        border: 1.5px solid #7a7a7a;
        color: #4a4a4a;
    }

    .btn__E03C3C-- { /*Red*/
        background-color: #fff0f0;
        border: 1.5px solid #e03c3c;
        color: #e03c3c;
    }

    .btn__1E40AF-- {
        background: #eff6ff;
        color: #1e40af;
        border: 1.5px solid currentColor;
    }

    .btn__3B3D3E-- {
        background: #ffffff;
        color: #3b3d3e;
        border: 1px solid #3b3d3e;
    }
    /*Denial popovers*/
    .denial__codes--Popover.popover,
    .denial__codes--Popover.popover.fade,
    .denial__codes--Popover.popover.fade.in,
    .denial__codes--Popover.popover.in {
        opacity: 1 !important;
        display: block !important;
        animation: none !important;
        -webkit-animation: none !important;
        transition: none !important;
        -webkit-transition: none !important;
        transform: none !important;
        -webkit-transform: none !important;
    }

    .denial__codes--Popover.popover {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        margin: 0 !important;
        max-width: unset !important;
        margin-top: 13px !important;
    }

        .denial__codes--Popover.popover > .arrow,
        .denial__codes--Popover.popover > .arrow::after {
            display: none !important;
        }

        .denial__codes--Popover.popover .popover-inner,
        .denial__codes--Popover.popover .popover-content {
            background: transparent !important;
            border: none !important;
            box-shadow: none !important;
            padding: 0 !important;
            border-radius: 0 !important;
        }

    .denial__popover-- {
        background-color: #1f2937;
        border-radius: 8px;
        padding: 10px;
        min-width: 140px;
        max-width: 250px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    }

    .denial__popover__header-- {
        font-size: 10px;
        font-weight: 700;
        color: #9ca3af;
        letter-spacing: 0.6px;
        text-transform: uppercase;
        margin-bottom: 8px;
    }

    .denial__popover__body-- {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
    }

    .denial__popover__badge-- {
        display: inline-flex;
        align-items: center;
        padding: 3px 10px;
        border-radius: 6px;
        font-size: 11px;
        font-weight: 700;
        background-color: #374151;
        color: #ffffff;
        white-space: nowrap;
    }


    /*Sort buttons*/
    .btn__sort-- {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 16px;
        height: 16px;
        border-radius: 3px;
        margin-left: 4px;
        cursor: pointer;
        vertical-align: middle;
        flex-shrink: 0;
        border: 1.5px solid transparent;
        background: transparent;
        transition: all 0.12s;
    }

        .btn__sort--:hover {
            background: #e8f2f2;
            border-color: #c8dede;
        }

        .btn__sort--.asc,
        .btn__sort--.desc {
            background: #e8f2f2;
            border: 1.5px solid #1d5558;
        }

        .btn__sort-- svg {
            width: 12px;
            height: 12px;
            display: block;
        }

        .btn__sort-- .arr-up,
        .btn__sort-- .arr-dn {
            fill: #6b7280;
        }

        .btn__sort--.asc .arr-up {
            fill: #1d5558;
        }

        .btn__sort--.asc .arr-dn {
            fill: #c8dede;
        }

        .btn__sort--.desc .arr-dn {
            fill: #1d5558;
        }

        .btn__sort--.desc .arr-up {
            fill: #c8dede;
        }



    /* Popover shell reset */
    .drp__popover--.popover {
        border: none !important;
        padding: 0 !important;
        max-width: unset !important;
        border-radius: 12px !important;
        box-shadow: 0 8px 32px rgba(0,0,0,0.15) !important;
        background: #fff !important;
        animation: none !important;
        -webkit-animation: none !important;
        transition: none !important;
        -webkit-transition: none !important;
        transform: none !important;
        -webkit-transform: none !important;
        opacity: 1 !important;
    }

        .drp__popover--.popover.fade {
            opacity: 1 !important;
            transition: none !important;
        }

            .drp__popover--.popover.fade.in {
                opacity: 1 !important;
                margin: 0px;
            }

        .drp__popover--.popover > .arrow {
            display: none !important;
        }

        .drp__popover--.popover .popover-inner,
        .drp__popover--.popover .popover-content {
            padding: 0 !important;
            background: #fff !important;
            border-radius: 12px !important;
        }

    .today__ring-- {
        border: 1.5px solid #1d5558;
        color: #1d5558;
        font-weight: 600;
    }





    /* ============================================
   OVERLAY — Base reusable panel (overlay__style--1)
   Position/size set per-instance via utilities
   ============================================ */

    .overlay__style--1 {
        position: fixed;
        right: 0;
        bottom: 0;
        width: 380px;
        background: #fff;
        border-left: 1px solid #E5E7EB;
        z-index: 100;
        display: flex;
        flex-direction: column;
        transform: translateX(100%);
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease, visibility 0.3s;
        box-shadow: -4px 0 16px rgba(0, 0, 0, 0.08);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }

        .overlay__style--1.open {
            transform: translateX(0);
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
        }

    /* ── Per-instance top positions ── */
    .overlay__top--134 {
        top: 134px;
    }
.overlay__top--146{
    top:146px;
}

.overlay__top--115 {
    top: 115px;
}

    .overlay__top--48 {
        top: 48px;
    }

    .overlay__top--60 {
        top: 60px;
    }

    /* ── Per-instance widths (optional overrides) ── */
    .overlay__w--380 {
        width: 380px;
    }

    .overlay__w--480 {
        width: 480px;
    }

    .overlay__w--300 {
        width: 300px;
    }


    /* ============================================
   BACKDROP
   ============================================ */

    .overlay__backdrop-- {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 99;
    }

    /* ── Per-instance top positions ── */
    .overlaybackdrop__top--115 {
        top: 115px;
    }
        .overlaybackdrop__top--146{
            top:146px;
        }

        .overlaybackdrop__top--134 {
            top: 134px;
        }

    .overlaybackdrop__top--48 {
        top: 48px;
    }

    .overlaybackdrop__top--60 {
        top: 60px;
    }


    /* ============================================
   OVERLAY INNER STRUCTURE
   ============================================ */

    .overlay__header-- {
        display: flex;
        align-items: center;
        justify-content: space-between;
        /*background: #1D5558;*/
        /*color: #fff;*/
        padding: 10px 14px;
        flex-shrink: 0;
    }

    .overlay__body-- {
        flex: 1;
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .overlay__section-- {
        padding: 14px 16px 0;
    }

    .overlay__section-title-- {
        display: block;
        text-transform: uppercase;
        letter-spacing: 0.6px;
        margin-bottom: 10px;
        /* font styled via fs__xs-- fw__7-- tc__6B7280-- in HTML */
        font-size: 10px;
        font-weight: 700;
        color: #6B7280;
    }

    .overlay__row-- {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 0;
        border-bottom: 1px solid #F3F4F6;
        gap: 12px;
    }

    .overlay__subsection-- {
        padding: 10px 0;
        display: flex;
        flex-direction: column;
        gap: 8px;
        border-bottom: 1px solid #F3F4F6;
    }

    .overlay__checkbox-row-- {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        cursor: pointer;
        margin: 0;
    }

        .overlay__checkbox-row-- input[type="checkbox"] {
            margin-top: 2px;
            flex-shrink: 0;
        }


    .popover__style--2.popover {
        padding: 0;
        border: none;
        border-radius: 10px;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
        max-width: none;
        margin: 0px !important;
    }

    .popover__style--2 .popover-inner .popover-content {
        padding: 0 !important;
    }

    .arrow__hidden--.popover .arrow:after,
    .arrow__hidden--.popover .arrow {
        display: none;
    }

    .checkbox__style--1 {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        padding: 4px 10px 4px 6px;
        border-radius: 6px;
        cursor: pointer;
        transition: background .1s;
        user-select: none;
    }

        .checkbox__style--1 input[type=checkbox] {
            width: 13px;
            height: 13px;
            accent-color: #1d5558;
            cursor: pointer;
            flex-shrink: 0;
            margin: 0px !important;
        }

        .checkbox__style--1 span {
            font-size: 11.5px;
            font-weight: 600;
            color: #4b5563;
            line-height: normal;
        }

        .checkbox__style--1:has(input:checked) .instr-label {
            color: var(--brand);
        }

    .vitals-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 14px;
        grid-auto-flow: dense;
    }

    @media (max-width: 1199px) {
        .vitals-grid {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    @media (max-width: 767px) {
        .vitals-grid {
            grid-template-columns: repeat(1, 1fr);
        }
    }

    .custom-width {
        width: 23% !important;
    }

    @media (max-width: 1090px) {
        .custom-width {
            width: 27% !important;
        }
    }

    .w__518-- {
        width: 100% !important;
    }
.mrb__12-- {
    margin: -12px -14px 12px
}
    @media (max-width: 1090px) {
        .w__518-- {
            width: 518px !important;
        }
    }
@media (min-width: 1091px) and (max-width: 1190px) {
    .w__518-- {
        width: 570px !important;
    }
}

    .list__style--656565 {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 13px;
        color: #999;
    }

        .list__style--656565 span {
            display: flex;
            align-items: center;
            gap: 4px;
        }

            .list__style--656565 span::before {
                content: '';
                display: inline-block;
                width: 5px;
                height: 5px;
                border-radius: 50%;
                background-color: #bbb;
            }


    .radio__style--2 {
        display: flex;
        align-items: center;
        gap: 5px;
    }

        .radio__style--2 input[type="radio"] {
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            width: 13px;
            height: 13px;
            border: 2px solid #1D5558;
            border-radius: 50%;
            outline: none;
            cursor: pointer;
            position: relative;
            vertical-align: middle;
            transition: border-color 0.2s ease-in-out;
            margin: 0px !important;
        }

            .radio__style--2 input[type="radio"]:hover {
                border-color: #1D5558;
            }

            .radio__style--2 input[type="radio"]:checked {
                border-color: #1D5558;
            }

                .radio__style--2 input[type="radio"]:checked::after {
                    content: "";
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    width: 7px;
                    height: 7px;
                    background-color: #1D5558;
                    border-radius: 50%;
                    transform: translate(-50%, -50%);
                }

        .radio__style--2 label {
            display: inline-block;
            vertical-align: middle;
            font-size: 12px;
            font-weight: 400;
            color: #555555;
            user-select: none;
            line-height: normal;
        }

    input.checkbox.check__FFFFFF--[type=checkbox] ~ .lbl:before {
        background-color: #FFFFFF !important;
        border: 1px solid #CFD3D4 !important;
        border-radius: 4px !important;
    }

    input.checkbox.check__FFFFFF--[type=checkbox]:checked ~ .lbl:before {
        background-color: #FFFFFF !important;
        border: 1.5px solid #1D5558 !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D5558' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: 65% 65% !important;
    }
}

/*Classes for Visual activity in V&P start*/
.section__style--10 {
    background: #fff;
    border: 1.5px solid #d1d5db;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 1px 4px #00000012;
}
.section__header--10 {
    background: #e8f2f2;
    border-bottom: 1.5px solid #c8dede;
    padding: 5px 10px;
    font-size: 10px;
    font-weight: 800;
    color: #1d5558;
    text-transform: uppercase;
    letter-spacing: .5px;
    text-align: center;
}
.section__body--10 {
    padding: 8px 10px;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.gtc__26px--1fr {
    grid-template-columns: 26px 1fr 1fr
}
.tab__view-- {
    display: none !important;
}

@media (max-width: 1366px) {
    .tab__view-- {
        display: block !important;
    }
}
.web__view-- {
    display: block !important;
}

@media (max-width: 1366px) {
    .web__view-- {
        display: none !important;
    }
}
.step__btn-- {
    width: 24px;
    height: 100%;
    flex-shrink: 0;
    border: none;
    background: #f3f4f6;
    font-size: 13px;
    font-weight: 700;
    color: #4b5563;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .1s;
    user-select: none;
    padding: 0;
    font-family: inherit;
    line-height: 1;
}
    .step__btn--.right {
        border-left: 1px solid #e5e7eb;
    }

    .step__btn--.left {
        border-right: 1px solid #e5e7eb;
    }

.gt__1col-26-- {
    grid-template-columns: 26px 1fr !important;
}

.pagination__dot-- {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #d1d5db;
}
    .pagination__dot--.on {
        background: #1d5558;
    }

.no-arrow .arrow,
.no-arrow .arrow::before,
.no-arrow .arrow::after {
    display: none !important;
}
.consultation-grid {
    margin-left: -6px;
    margin-right: -6px;
}

    .consultation-grid > [class*="col-"] {
        padding: 6px;
    }

.primary-direction-box {
    position: relative;
}

.direction-arrow {
    position: absolute;
    width: 18px;
    height: 18px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    transform-origin: center;
}

    .direction-arrow i {
        width: 16px;
        height: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
    }


/* Up Left ↖ */

.arrow-up-left {
    top: -20px;
    left: -17px;
    transform: rotate(45deg);
}


/* Up ↑ */

.arrow-up {
    top: -19px;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
}


/* Up Right ↗ */

.arrow-up-right {
    top: -19px;
    right: -17px;
    transform: rotate(135deg);
}


/* Left ← */

.arrow-left {
    left: -18px;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
}


/* Right → */

.arrow-right {
    right: -19px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
}


/* Down Left ↙ */

.arrow-down-left {
    bottom: -18px;
    left: -17px;
    transform: rotate(-45deg);
}


/* Down ↓ */

.arrow-down {
    bottom: -19px;
    left: 50%;
    transform: translateX(-50%) rotate(-90deg);
}


/* Down Right ↘ */

.arrow-down-right {
    bottom: -18px;
    right: -17px;
    transform: rotate(-135deg);
}
.cursor__crosshair--{
    cursor:crosshair;
}
.backdrop__filter--blur2{
    backdrop-filter:blur(2px);
}
.trans__opacity-transform--15 {
    transition: opacity .15s ease, transform .15s ease;
}
.trans__border-opacity--12 {
    transition: border-color .12s, opacity .12s;
}
.trans__background-color--12 {
    transition: background .12s, color .12s;
}
.active__show--.active {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateX(-50%) translateY(0) !important;
}
.button__circle--19 {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    border: 2px solid #00000000;
    cursor: pointer;
    flex-shrink: 0;
    transition: transform .1s, border-color .1s;
    padding: 0;
}

.button__circle--19.selected {
    border-color: #fff;
}

.button__tools--ffffff24,
.button__tools--ef44444d {
    width: 28px;
    height: 28px;
    border-radius: 7px;
    border: none;
    background: #00000000;
    color: #ffffffa6;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: background .12s, color .12s;
}

.button__tools--ffffff24:hover {
    background: #ffffff24;
    color: #fff;
}
.button__tools--ffffff24.active {
    background: #ffffff38;
    color: #fff;
}
.button__tools--ef44444d:hover {
    background: #ef44444d;
    color: #fff;
}
.hover__1D5558--:hover {
    background: #e8f2f2 !important;
    color: #1d5558 !important;
}
.hover__fff7e0--:hover {
    background: #fff7e0 !important;
    color: #f59e0b !important;
    padding: 2px 10px !important;
}
.hover__1D5558--bg_bc:hover {
    background-color: #e8f2f2;
    border-color: #1d5558 !important;
}
.hover__1D5558--bg_tc:hover {
    border-color: #1d5558 !important;
    color: #1d5558;
}
.hover__F0F2F5--:hover {
    background: #F0F2F5 !important;
    color: #4B5563;
}
.active__1D5558--.active {
    background: #E8F2F2;
    color: #1D5558;
    border-color: #1D5558;
}
.hover__F0F2F5--:hover {
    background: #F0F2F5 !important;
}
.hover__EF4444--:hover {
    border-color: #EF4444 !important;
    color: #EF4444 !important;
}
.hover__FFFFFF--tc:hover {
    color: #FFFFFF !important;
}
.hover__F59E0B--btn{
    border:1px solid #f59e0b;
    color:#92400e;
}
.aspratio__4of3-- {
    aspect-ratio: 4 / 3;
}
.bg__linear-transparent-black80-- {
    background: linear-gradient(transparent, rgba(0, 0, 0, .8));
}
.tx__s--soft {
    text-shadow: 0 1px 4px rgba(0, 0, 0, .7);
}
.fullview__mode--active {
    position: fixed !important;
    inset: 0 !important;
    z-index: 9999 !important;
    width: 100vw !important;
    height: 100vh !important;
}

.accent__color--1d5558 {
    accent-color: #1d5558;
}


.trn__bc-12 {
    transition: border-color .12s;
}
.wm__vrl-- {
    writing-mode: vertical-rl;
}



.iop__main-- {
    display: flex;
    align-items: center;
    height: 30px;
    border: 1.5px solid #d1d5db;
    border-radius: 6px;
    background: #fff;
    overflow: hidden;
    transition: border-color .12s;
    flex-shrink: 0;
}
.iop__od-- {
    padding: 0 6px;
    font-size: 9px;
    font-weight: 800;
    color: #fff;
    align-self: stretch;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    background: rgb(29, 85, 88);
}
.iop__os-- {
    padding: 0 6px;
    font-size: 9px;
    font-weight: 800;
    color: #fff;
    align-self: stretch;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    background: rgb(45, 125, 115);
}

.iop__main--val {
    padding: 0 7px;
    font-size: 12px;
    font-weight: 700;
    color: #1d5558;
    min-width: 42px;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
}
.iop__main--val.empty {
    color: var(--border2);
    font-weight: 400;
    font-size: 10px;
}


.table__style--41 {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    border: 1px solid #E5E7EB;
}

    .table__style--41 thead {
        background: #F8F9FB;
    }

    .table__style--41 th {
        padding: 2px;
        text-align: center;
        color: #7A8798;
        font-size: 15px;
        font-weight: 600;
        border-bottom: 1px solid #ECECEC;
    }

        .table__style--41 th:first-child {
            text-align: left;
        }

        .table__style--41 th span {
            font-size: 13px;
            font-weight: 500;
            color: #9CA3AF;
        }

.main-row td {    
    padding:2px 5px;
    border-bottom: 1px solid #ECECEC;
    vertical-align: middle;
    font-size: 15px;
}

.typeahead-overlay-add-new a {
    font-weight: 600;
    color: #2e7d32;
}
.typeahead-overlay-no-items {
    width:100%;
    height:100%;
    font-size:16px;
    font-weight:600;
    color: #888;
    pointer-events: none;
    cursor: default;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction:column;
}
.graph-popup {
    width: 800px;
    height: 350px;
    position: relative;
}

    .graph-popup canvas {
        width: 100% !important;
        height: 100% !important;
    }


/*I will remove it after found the solution for typehead in V&P IOP added in 31/07/2026*/
ul.dropdown-menu.ng-isolate-scope {
    background: #FFFFFF !important;
    border: 1px solid #d1d5db !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    width: auto !important;
    min-width: 140px !important;
    max-width: 320px !important;
    z-index: 3000 !important;
    overflow-y: auto !important;
    max-height: 240px !important;
}

.cc__4--{
    column-count:4;
}
.cc__2--{
    column-count:2;
}
@media (max-width: 1366px) {
    .cc__tab3-- {
        column-count: 3;
    }
}
.cg__16--{
    column-gap:16px;
}

.checked-style:has(input:checked) {
    color: var(--color-174548) !important;
    background-color: #e8f2f2 !important;
    border: 1.5px solid #1d5558 !important;
}
/* Refraction summary : one main section per refraction type, the records of that
   type repeat inside it. The row limit per type is carried by .refsum__items--N
   (AR/Retino 3, CGRx/Cyclo/Over 2, Manifest/Final Glass Rx 1) and is expressed as a
   flex-basis, so a row that is not full shares its free space between the records it
   holds : 3 records sit at a third each, 2 at a half each, a lone record fills the row.
   The 1px taken off each basis is slack against sub-pixel rounding, so the intended
   number of records always fits on a row; flex-grow gives it straight back.
   .refsum__sec--full and .refsum__items--1 are the defaults, so they need no rule. */
.refsum__section-- {
    flex: 1 1 100%;
    min-width: 0;
}

.refsum__section--.refsum__sec--half {
    flex-basis: calc(50% - 5px);
}

.refsum__items-- {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.refsum__items-- > * {
    flex: 1 1 100%;
    min-width: 0;
}

.refsum__items--2 > * {
    flex-basis: calc((100% - 8px) / 2 - 1px);
}

.refsum__items--3 > * {
    flex-basis: calc((100% - 16px) / 3 - 1px);
}

/* Tablet / iPad landscape : one record less per row so the tables stay readable. */
@media (max-width: 1180px) {
    .refsum__section--.refsum__sec--half {
        flex-basis: 100%;
    }

    .refsum__items--3 > * {
        flex-basis: calc((100% - 8px) / 2 - 1px);
    }

    .refsum__items--2 > * {
        flex-basis: 100%;
    }
}

/* iPad portrait and phones : every record takes the full row. */
@media (max-width: 900px) {
    .refsum__items--3 > * {
        flex-basis: 100%;
    }
}

/* ---------------------------------------------------------------------------
   New Examination design - per-item action controls
   ---------------------------------------------------------------------------
   Tablet / touch : the three-dot menu, exactly as it already behaves.
   Web / Desktop  : the same actions as individual icons, revealed only while
                    the pointer is over that one finding row.

   The switch is on pointer capability rather than a width breakpoint. A hover
   reveal is meaningless on a device that cannot hover, and a narrowed desktop
   window is still a desktop - width alone cannot tell a landscape tablet from
   a laptop, but "can this pointer hover" always can. It is the same rule the
   app's own tablet checks use (touch-capable device), expressed in CSS so no
   per-item JavaScript is needed.

   The reveal uses visibility rather than display so the icons keep their space
   and the row does not reflow when it lights up - the same technique as the
   existing .show__popover-- rows. :focus-within keeps them up for keyboard use
   and while a tooltip-bearing icon holds focus.
   --------------------------------------------------------------------------- */
.newExamWebActions {
    display: none !important;
}

.newExamTabActions {
    display: inline-flex !important;
    align-items: center;
}

@media (hover: hover) and (pointer: fine) {
    .newExamWebActions {
        display: flex !important;
        visibility: hidden;
    }

    .newExamRow:hover .newExamWebActions,
    .newExamRow:focus-within .newExamWebActions {
        visibility: visible;
    }

    .newExamTabActions {
        display: none !important;
    }
}

/* ---------------------------------------------------------------------------
   Bullet point list - bullet-point-list directive (New Assessment design)

   One auto-growing textarea per point. The list keeps the resting height of
   the rows="4" textarea it replaced (room for three points) and grows with
   every point after that, so it never shows an inner scrollbar - msd-elastic
   sizes each textarea to its wrapped text.

   The bullet takes no space until its point has text, so an empty point, the
   caret in it and the placeholder start at the section's own left edge. It is
   a separate flex item, so wrapped lines stay
   aligned under the first letter. The remove icon keeps its width on every
   row (visibility), so text never reflows when it appears. It follows the
   .newExamWebActions rule: always visible on touch devices, on the point under
   the pointer or holding the caret where the pointer can hover.
   --------------------------------------------------------------------------- */
.bullet__point--list {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
    min-height: 100px;
    cursor: text;
}

.bullet__point--row {
    display: flex;
    align-items: flex-start;
}

.bullet__point--bullet {
    flex-shrink: 0;
    display: none;
    white-space: pre;
    user-select: none;
}

.bullet__point--row.has__text .bullet__point--bullet {
    display: block;
}

.bullet__point--input {
    flex: 1;
    min-width: 0;
    min-height: 0 !important;
    display: block;
    margin: 0;
    padding: 0;
    resize: none;
    overflow: hidden;
    background: transparent;
}

.bullet__point--remove {
    margin: 4.5px 0 0 8px;
    visibility: hidden;
}

.bullet__point--row.has__text .bullet__point--remove {
    visibility: visible;
}

@media (hover: hover) and (pointer: fine) {
    .bullet__point--row.has__text .bullet__point--remove {
        visibility: hidden;
    }

    .bullet__point--row.has__text:hover .bullet__point--remove,
    .bullet__point--row.has__text:focus-within .bullet__point--remove {
        visibility: visible;
    }
}