/*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-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-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-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-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-BFDBFE: #BFDBFE;
    --color-1D4ED8: #1D4ED8;
    --color-93C5FD: #93C5FD;
    --color-FEFCE8: #FEFCE8;
    --color-FDE68A: #FDE68A;
    --color-FBBF24: #FBBF24;
    --color-F0F2F5: #F0F2F5;
    --color-FAFBFC: #FAFBFC;
    --color-174548: #174548;
    --color-CA8A04: #CA8A04;
    --color-EAF2F2: #EAF2F2;
    --color-212121: #212121;
    --color-E0F7FA: #E0F7FA;
    --color-87CEEB: #87CEEB;
    --color-7A7A7A: #7A7A7A;
    --color-13A89E: #13A89E;
    --color-1D55580F: #1D55580F;
    --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-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-B9B9B9: #B9B9B9;
    --color-00A331: #00A331;
    --color-F7F8FA: #F7F8FA;
    --color-B3B3B3: #B3B3B3;
    --color-909090: #909090;
    --color-DAF1E9: #DAF1E9;
    --color-EBECFD: #EBECFD;
    --color-FEE9E8: #FEE9E8;
    --color-E9F5FD: #E9F5FD;
    --color-FEF1DF: #FEF1DF;
    --color-F0E8FB: #F0E8FB;
    --color-E0F3F2: #E0F3F2;
    --color-EDF5E3: #EDF5E3;
    --color-FFEDE5: #FFEDE5;
    --color-EDEDFE: #EDEDFE;
    --color-838383: #838383
}
/*----------------------------------------------------------------------------------Variables end--------------------------------------------------------------------*/
/*2. Text Colors start*/
.tc__00A331-- {
    color: var(--color-00A331);
}

.tc__838383-- {
    color: var(--color-838383);
}

.tc__B36DCB-- {
    color: var(--color-B36DCB);
}

.tc__2E6E67-- {
    color: var(--color-2E6E67);
}

.tc__475B7C-- {
    color: var(--color-475B7C);
}

.tc__E82B45-- {
    color: var(--color-E82B45);
}

.tc__5E6366-- {
    color: var(--color-5E6366);
}

.tc__344054-- {
    color: var(--color-344054);
}

.tc__101828-- {
    color: var(--color-101828);
}

.tc__054CE7-- {
    color: var(--color-054CE7) !important;
}

.tc__098A09-- {
    color: var(--color-098A09) !important;
}

.tc__006080-- {
    color: var(--color-006080);
}

.tc__909090-- {
    color: var(--color-909090);
}

.tc__B3B3B3-- {
    color: var(--color-B3B3B3);
}

.tc__256780-- {
    color: var(--color-256780);
}

.tc__276096-- {
    color: var(--color-276096);
}

.tc__246A57-- {
    color: var(--color-246A57);
}

.tc__537ACF-- {
    color: var(--color-537ACF) !important;
}

.tc__0F8A0F-- {
    color: var(--color-0F8A0F) !important;
}

.tc__DEDEDE-- {
    color: var(--color-DEDEDE) !important;
}

.tc__5C5C5C-- {
    color: var(--color-5C5C5C);
}

.tc__887DEB-- {
    color: var(--color-887DEB);
}

.tc__F0CCB4-- {
    color: var(--color-F0CCB4);
}

.tc__6F3E1B-- {
    color: var(--color-6F3E1B);
}

.tc__BFEEEB-- {
    color: var(--color-BFEEEB);
}

.tc__AFD3E8-- {
    color: var(--color-AFD3E8);
}

.tc__BBFFDA-- {
    color: var(--color-BBFFDA);
}

.tc__FDEFC1-- {
    color: var(--color-FDEFC1);
}

.tc__FFD3D3-- {
    color: var(--color-FFD3D3);
}

.tc__606060-- {
    color: var(--color-606060) !important;
}

.tc__2DAA2D-- {
    color: var(--color-2DAA2D) !important;
}

.tc__C71D27-- {
    color: var(--color-C71D27) !important;
}

.tc__6A39C8-- {
    color: var(--color-6A39C8) !important;
}

.tc__F37123-- {
    color: var(--color-F37123) !important;
}

.tc__000-- {
    color: var(--color-000) !important;
}

.tc__F9F9F9-- {
    color: var(--color-F9F9F9);
}

.tc__F5F5F5-- {
    color: var(--color-F5F5F5);
}

.tc__E9E9E9-- {
    color: var(--color-E9E9E9);
}

.tc__E4E4E4-- {
    color: var(--color-E4E4E4);
}



.tc__ABAFB1-- {
    color: var(--color-ABAFB1);
}

.tc__A7A7A7-- {
    color: var(--color-A7A7A7);
}



.tc__656565-- {
    color: var(--color-656565) !important;
}

.tc__0D47A1-- {
    color: var(--color-0D47A1) !important;
}

.tc__059669-- {
    color: var(--color-059669) !important;
}

.tc__4A4A4A-- {
    color: var(--color-4A4A4A) !important;
}

.tc__3C3C3C-- {
    color: var(--color-3C3C3C) !important;
}

.tc__E8EEEE-- {
    color: var(--color-E8EEEE);
}

.tc__DDE5E6-- {
    color: var(--color-DDE5E6);
}

.tc__3E6E71-- {
    color: var(--color-3E6E71);
}

.tc__2d2d47-- {
    color: var(--color-2d2d47);
}

.tc__1D5558-- {
    color: var(--color-1D5558) !important;
}

.tc__50C878-- {
    color: var(--color-50C878);
}

.tc__F9E8E9-- {
    color: var(--color-F9E8E9);
}

.tc__EFBCBF-- {
    color: var(--color-EFBCBF);
}



.tc__FFF5EA-- {
    color: var(--color-FFF5EA);
}

.tc__FFE3C0-- {
    color: var(--color-FFE3C0);
}

.tc__FF9F2D-- {
    color: var(--color-FF9F2D) !important;
}

.tc__EBF8F5-- {
    color: var(--color-EBF8F5);
}

.tc__34B698-- {
    color: var(--color-34B698) !important;
}

.tc__FFFFFF-- {
    color: var(--color-FFFFFF) !important;
}

.tc__1D1D1D-- {
    color: var(--color-1D1D1D) !important;
}

.tc__D35DE7-- {
    color: var(--color-D35DE7);
}

.tc__3BAC66-- {
    color: var(--color-3BAC66) !important;
}


.tc__F7981C-- {
    color: var(--color-F7981C);
}

.tc__CFD3D4-- {
    color: var(--color-CFD3D4);
}

.tc__D11A2A-- {
    color: var(--color-D11A2A);
}

.tc__4B8BA3-- {
    color: #4B8BA3;
}

.tc__5EA697-- {
    color: #5EA697;
}

.tc__302C2C-- {
    color: var(--color-302C2C);
}

.tc__FA8800-- {
    color: var(--color-FA8800);
}

.tc__3C2C2C-- {
    color: var(--color-3C2C2C);
}



.tc__A5884F-- {
    color: var(--color-A5884F) !important;
}

.tc__438B7C-- {
    color: var(--color-438B7C);
}

.tc__CF5368-- {
    color: var(--color-CF5368);
}

.tc__4270D4-- {
    color: var(--color-4270D4);
}

.tc__F06300-- {
    color: var(--color-F06300);
}

.tc__5ABA27-- {
    color: var(--color-5ABA27);
}

.tc__A65AF6-- {
    color: var(--color-A65AF6);
}

.tc__C16668-- {
    color: var(--color-C16668);
}

.tc__5C48CC-- {
    color: var(--color-5C48CC);
}

.tc__1E6666-- {
    color: var(--color-1E6666);
}

.tc__3A3A3A-- {
    color: var(--color-3A3A3A);
}

.tc__787777-- {
    color: var(--color-787777);
}

.tc__EAEAEA-- {
    color: var(--color-EAEAEA);
}

.tc__F6981C-- {
    color: #F6981C;
}

.tc__4D4D4D-- {
    color: var(--color-4D4D4D);
}

.tc__9F9F9F-- {
    color: #9f9f9f !important;
}

.tc__3B82F6-- {
    color: var(--color-3B82F6);
}

.tc__27767B-- {
    color: var(--color-27767B);
}

.tc__2BBA8F-- {
    color: var(--color-2BBA8F);
}

.tc__32302C-- {
    color: var(--color-32302C);
}

.tc__6B7280-- {
    color: var(--color-6B7280) !important;
}

.tc__454545-- {
    color: var(--color-454545);
}

.tc__009FDA-- {
    color: var(--color-009FDA);
}

.tc__606260-- {
    color: var(--color-606260);
}

.tc__4BB543-- {
    color: var(--color-4BB543);
}

.tc__3D3D3D-- {
    color: var(--color-3D3D3D);
}

.tc__0478A3-- {
    color: var(--color-0478A3);
}

.tc__E57C00-- {
    color: var(--color-E57C00);
}

.tc__757575-- {
    color: var(--color-757575);
}

.tc__333333-- {
    color: var(--color-333333);
}

.tc__FF7904-- {
    color: var(--color-FF7904);
}

.tc__0040A1-- {
    color: var(--color-0040A1) !important;
}

.tc__7300A1-- {
    color: var(--color-7300A1) !important;
}

.tc__A16300-- {
    color: var(--color-A16300) !important;
}

.tc__364153-- {
    color: var(--color-364153) !important;
}

.tc__4B5563-- {
    color: var(--color-4B5563) !important;
}

.tc__3B6011-- {
    color: var(--color-3B6011) !important;
}

.tc__854F0B-- {
    color: var(--color-854F0B) !important;
}

.tc__7A4400-- {
    color: var(--color-7A4400) !important;
}

.tc__A32D2D-- {
    color: var(--color-A32D2D) !important;
}

.tc__9CA3AF-- {
    color: var(--color-9CA3AF) !important;
}

.tc__DC2626-- {
    color: var(--color-DC2626);
}

.tc__3B6D11-- {
    color: var(--color-3B6D11);
}

.tc__374151-- {
    color: var(--color-374151);
}

.tc__2D6B2A-- {
    color: var(--color-2D6B2A) !important;
}

.tc__4A6B10-- {
    color: var(--color-4A6B10) !important;
}

.tc__6B5A0A-- {
    color: var(--color-6B5A0A) !important;
}

.tc__7A4D08-- {
    color: var(--color-7A4D08) !important;
}

.tc__7A3D08-- {
    color: var(--color-7A3D08) !important;
}

.tc__7A2E0B-- {
    color: var(--color-7A2E0B) !important;
}

.tc__7A230A-- {
    color: var(--color-7A230A) !important;
}

.tc__8B1A1A-- {
    color: var(--color-8B1A1A) !important;
}

.tc__1A3A7A-- {
    color: var(--color-1A3A7A) !important;
}

.tc__256F40-- {
    color: var(--color-256F40) !important;
}

.tc__27673A-- {
    color: var(--color-27673A) !important;
}

.tc__446523-- {
    color: var(--color-446523) !important;
}

.tc__6C6116-- {
    color: var(--color-6C6116) !important;
}

.tc__684915-- {
    color: var(--color-684915) !important;
}

.tc__633514-- {
    color: var(--color-633514) !important;
}

.tc__5E2713-- {
    color: var(--color-5E2713) !important;
}

.tc__571915-- {
    color: var(--color-571915) !important;
}

.tc__161A16-- {
    color: var(--color-161A16) !important;
}

.tc__1E3A8A-- {
    color: var(--color-1E3A8A) !important;
}

.tc__962424-- {
    color: var(--color-962424);
}

.tc__0369A1-- {
    color: var(--color-0369A1);
}

.tc__92400E-- {
    color: var(--color-92400E);
}

.tc__F9FAFB-- {
    color: var(--color-F9FAFB);
}

.tc__FFFFFF59-- {
    color: var(--color-FFFFFF59);
}

.tc__FCA5A5-- {
    color: var(--color-FCA5A5);
}

.tc__E8924A-- {
    color: var(--color-E8924A);
}

.tc__E03C3C-- {
    color: var(--color-E03C3C);
}

.tc__2DA25C-- {
    color: var(--color-2DA25C);
}

.tc__111827-- {
    color: var(--color-111827);
}

.tc__D1D5DB-- {
    color: var(--color-D1D5DB);
}

.tc__166534-- {
    color: var(--color-166534);
}

.tc__D97706-- {
    color: var(--color-D97706);
}

.tc__1E40AF-- {
    color: var(--color-1E40AF);
}

.tc__7C3AED-- {
    color: var(--color-7C3AED);
}

.tc__E2E8F0-- {
    color: var(--color-E2E8F0);
}

.tc__9C9C9C-- {
    color: #9c9c9c;
}

.tc__EF4444-- {
    color: var(--color-EF4444);
}

.tc__1D4ED8-- {
    color: var(--color-1D4ED8);
}

.tc__CA8A04-- {
    color: var(--color-CA8A04);
}

.tc__212121-- {
    color: var(--color-212121);
}

.tc__395cdb-- {
    color: var(--color-395cdb)
}

.tc__99A1AF-- {
    color: var(--color-99A1AF);
}

.tc__00786F-- {
    color: var(--color-00786F);
}

.tc__404957 {
    color: #404957;
}

.tc__0047ED-- {
    color: var(--color-0047ED);
}

.tc__07A0D4-- {
    color: var(--color-07A0D4) !important;
}

.tc__0F172A-- {
    color: var(--color-0F172A);
}

.tc__0F766E-- {
    color: var(--color-0F766E) !important;
}
.tc__7A7A7A-- {
    color: var(--color-7A7A7A);
}
/*--------------------------------------------------------------------------------Text colors End--------------------------------------------------------------------*/
/*3. Background Colors start*/
.bg__FFD9DA-- {
    background-color: var(--color-FFD9DA);
}

.bg__E5E5E5-- {
    background-color: var(--color-E5E5E5);
}

.bg__D5D5D5-- {
    background-color: var(--color-D5D5D5) !important;
}

.bg__5EA697-- {
    background-color: var(--color-5EA697);
}

.bg__219173-- {
    background-color: var(--color-219173);
}

.bg__0596691A-- {
    background-color: var(--color-0596691A);
}

.bg__059669-- {
    background-color: var(--color-059669);
}

.bg__F8FAFC-- {
    background-color: var(--color-F8FAFC);
}

.bg__FEF1E8-- {
    background-color: var(--color-FEF1E8);
}

.bg__DAF1E9-- {
    background-color: var(--color-DAF1E9);
}

.bg__EDEDFE-- {
    background-color: var(--color-EDEDFE);
}

.bg__EDF5E3-- {
    background-color: var(--color-EDF5E3);
}

.bg__FFEDE5-- {
    background-color: var(--color-FFEDE5);
}

.bg__EBECFD-- {
    background-color: var(--color-EBECFD);
}

.bg__E0F3F2-- {
    background-color: var(--color-E0F3F2);
}

.bg__F0E8FB-- {
    background-color: var(--color-F0E8FB);
}

.bg__FEF1DF-- {
    background-color: var(--color-FEF1DF);
}

.bg__FEE9E8-- {
    background-color: var(--color-FEE9E8);
}

.bg__E9F5FD-- {
    background-color: var(--color-E9F5FD);
}

.bg__F1F1F1-- {
    background-color: var(--color-F1F1F1) !important;
}

.bg__F3F3F5-- {
    background-color: var(--color-F3F3F5) !important;
}

.bg__DC26261A-- {
    background-color: var(--color-DC26261A);
}

.bg__F3F4F6-- {
    background-color: var(--color-F3F4F6);
}

.bg__FBFBFB-- {
    background-color: var(--color-FBFBFB) !important
}

.bg__3EB98B-- {
    background-color: var(--color-3EB98B);
}

.bg__f6f9fc-- {
    background-color: var(--color-f6f9fc);
}

.bg__006080-- {
    background-color: var(--color-006080);
}

.bg__E16B16-- {
    background-color: var(--color-E16B16);
}

.bg__119D9F-- {
    background-color: var(--color-119D9F);
}

.bg__AB8D80-- {
    background-color: var(--color-AB8D80);
}

.bg__595D66-- {
    background-color: var(--color-595D66);
}

.bg__8077F2-- {
    background-color: var(--color-8077F2);
}

.bg__1290E0-- {
    background-color: var(--color-1290E0);
}

.bg__EE5F99-- {
    background-color: var(--color-EE5F99);
}

.bg__6A85FF-- {
    background-color: var(--color-6A85FF);
}

.bg__B661E0-- {
    background-color: var(--color-B661E0);
}


.bg__FCFCFC-- {
    background-color: var(--color-FCFCFC) !important;
}

.bg__A8D5FF-- {
    background-color: var(--color-A8D5FF);
}

.bg__B8F1E1-- {
    background-color: var(--color-B8F1E1);
}

.bg__C7F2FD-- {
    background-color: var(--color-C7F2FD) !important;
}

.bg__E5F3FF-- {
    background-color: var(--color-E5F3FF);
}

.bg__EDF8EC-- {
    background-color: var(--color-EDF8EC) !important;
}

.bg__E5F3FF9A-- {
    background-color: var(--color-E5F3FF9A);
}

.bg__F2F2F2-- {
    background-color: #f2f2f2 !important;
}

.bg__F9F9F9-- {
    background-color: var(--color-F9F9F9) !important;
}

.bg__F5F5F5-- {
    background-color: var(--color-F5F5F5) !important;
}

.bg__FEF9C6-- {
    background-color: var(--color-FEF9C6) !important;
}

.bg__FDEAEC-- {
    background-color: var(--color-FDEAEC);
}

.bg__EEEEEE-- {
    background-color: var(--color-EEEEEE) !important;
}

.bg__E9E9E9-- {
    background-color: var(--color-E9E9E9);
}

.bg__DEDEDE-- {
    background-color: var(--color-DEDEDE) !important;
}

.bg__E4E4E4-- {
    background-color: var(--color-E4E4E4) !important;
}

.bg__CFD3D4-- {
    background-color: var(--color-CFD3D4);
}

.bg__ABAFB1-- {
    background-color: var(--color-ABAFB1);
}

.bg__5E6366-- {
    background-color: var(--color-5E6366);
}

.bg__656565-- {
    background-color: var(--color-656565);
}

.bg__4A4A4A-- {
    background-color: var(--color-4A4A4A);
}

.bg__3C3C3C-- {
    background-color: var(--color-3C3C3C);
}

.bg__E8EEEE-- {
    background-color: var(--color-E8EEEE) !important;
}

.bg__DDE5E6-- {
    background-color: var(--color-DDE5E6) !important;
}

.bg__ECEDFD-- {
    background-color: var(--color-ECEDFD) !important;
}

.bg__3E6E71-- {
    background-color: var(--color-3E6E71);
}

.bg__2d2d47-- {
    background-color: var(--color-2d2d47);
}

.bg__1D5558-- {
    background-color: var(--color-1D5558) !important;
}

.bg__F9E8E9-- {
    background-color: var(--color-F9E8E9) !important;
}

.bg__E3E9E9-- {
    background-color: #e3e9e9;
}

.bg__E3E3E3-- {
    background-color: var(--color-E3E3E3);
}

.bg__E1EFEC-- {
    background-color: var(--color-E1EFEC);
}

.bg__EFBCBF-- {
    background-color: var(--color-EFBCBF) !important;
}

.bg__C71D27-- {
    background-color: var(--color-C71D27);
}

.bg__FFF9EB-- {
    background-color: var(--color-FFF9EB) !important;
}

.bg__FBDFD3-- {
    background-color: var(--color-FBDFD3) !important;
}

.bg__FFF5EA-- {
    background-color: var(--color-FFF5EA);
}

.bg__FFE3C0-- {
    background-color: var(--color-FFE3C0) !important;
}

.bg__FF9F2D-- {
    background-color: var(--color-FF9F2D) !important;
}

.bg__EBF8F5-- {
    background-color: var(--color-EBF8F5);
}

.bg__34B698-- {
    background-color: var(--color-34B698) !important;
}

.bg__FFFFFF-- {
    background-color: var(--color-FFFFFF) !important;
}

.bg__1D1D1D-- {
    background-color: var(--color-1D1D1D);
}

.bg__D35DE7-- {
    background-color: var(--color-D35DE7);
}

.bg__3BAC66-- {
    background-color: var(--color-3BAC66) !important;
}



.bg__1D55581A-- {
    background-color: var(--color-1D55581A) !important;
}


.bg__8375EA4D-- {
    background-color: var( --color-8375EA4D);
}

.bg__FF9F2D4D-- {
    background-color: var( --color-FF9F2D4D);
}

.bg__4BB5434D-- {
    background-color: var( --color-4BB5434D);
}

.bg__537ACF-- {
    background-color: var( --color-537ACF) !important;
}

.bg__F8D7DA-- {
    background-color: var(--color-F8D7DA) !important;
}


.bg__DBEEFF-- {
    background-color: var(--color-DBEEFF) !important;
}

.bg__FEE7AC-- {
    background-color: var(--color-FEE7AC) !important;
}

.bg__DBEAFE-- {
    background-color: var(--color-DBEAFE) !important
}

.bg__DCF5FC-- {
    background-color: var(--color-DCF5FC) !important
}

.bg__F7981C1A-- {
    background: #F7981C1A;
}

.bg__E2E2E2-- {
    background-color: var(--color-E2E2E2) !important;
}

.bg__C71D271A-- {
    background: var(--color-C71D271A) !important;
}

.bg__E2F3E8-- {
    background-color: var(--color-E2F3E8) !important;
}

.bg__BABABA61-- {
    background-color: var(--color-BABABA61);
}

.bg__2DAA2D26-- {
    background-color: var(--color-2DAA2D26);
}



.bg__A5884F26-- {
    background-color: var(--color-A5884F26);
}

.bg__4B8BA326-- {
    background-color: var(--color-4B8BA326);
}

.bg__4B8BA3-- {
    background-color: var(--color-4B8BA3);
}

.bg__5EA69726-- {
    background-color: var(--color-5EA69726);
}

.bg__F9FDFF-- {
    background-color: var(--color-F9FDFF);
}

.bg__C8C8C8-- {
    background-color: var(--color-C8C8C8) !important;
}

.bg__F8E5E8-- {
    background-color: var(--color-F8E5E8);
}

.bg__4270D41A-- {
    background-color: var(--color-4270D41A);
}

.bg__F063001A-- {
    background-color: var(--color-F063001A);
}

.bg__E6F5DF-- {
    background-color: var(--color-E6F5DF);
}



.bg__F6EFFE-- {
    background-color: var(--color-F6EFFE);
}

.bg__C166681A-- {
    background-color: var(--color-C166681A);
}

.bg__5C48CC1A-- {
    background-color: var(--color-5C48CC1A);
}

.bg__DCE6FC-- {
    background-color: var(--color-DCE6FC) !important;
}

.bg__CCF0DA-- {
    background-color: var(--color-CCF0DA) !important;
}

.bg__537ACF1A-- {
    background-color: var(--color-537ACF1A);
}

.bg__46B6B621-- {
    background-color: var(--color-46B6B621);
}

.bg__F1F4F5-- {
    background-color: var(--color-F1F4F5);
}

.bg__F8E298-- {
    background-color: var(--color-F8E298);
}

.bg__B2EFFF-- {
    background-color: var(--color-B2EFFF);
}

.bg__FF8B39-- {
    background-color: var(--color-FF8B39);
}

.bg__299836-- {
    background: var(--color-299836);
}

.bg__F0F0F0-- {
    background-color: var(--color-F0F0F0);
}

.bg__58AAAE-- {
    background-color: var(--color-58AAAE);
}

.bg__246C70-- {
    background-color: var(--color-246C70);
}

.bg__A5884F-- {
    background-color: var(--color-A5884F);
}

.bg__E8F6E8-- {
    background: #E8F6E8;
}

.bg__FEF3E4-- {
    background: #FEF3E4;
}


.bg__9D9D4D-- {
    background-color: #9d9d4d;
}

.bg__EDEDED-- {
    background: var(--color-EDEDED);
}

.bg__FFD0D2-- {
    background: var(--color-FFD0D2);
}

.bg__FAECED-- {
    background: var(--color-FAECED);
}

.bg__FFF5F5-- {
    background: var(--color-FFF5F5);
}

.bg__F3F5F7-- {
    background: var(--color-F3F5F7) !important;
}

.bg__FCFAF5-- {
    background: var(--color-FCFAF5) !important;
}

.bg__none-- {
    background: none !important;
}

.bg__F0F7FF-- {
    background: var(--color-F0F7FF);
}

.bg__DBE8EF87-- {
    background: var(--color-DBE8EF87);
}

.bg__EFEFEE-- {
    background: var(--color-EFEFEE);
}

.bg__EFF1F4-- {
    background: var(--color-EFF1F4);
}

.bg__FAFAFA-- {
    background: var(--color-FAFAFA) !important;
}

.bg__D1D1D1-- {
    background: var(--color-D1D1D1);
}

.bg__E7F8FF-- {
    background: var(--color-E7F8FF);
}

.bg__F6F6F6-- {
    background: var(--color-F6F6F6) !important;
}

.bg__FFF4E6-- {
    background: var(--color-FFF4E6);
}

.bg__F7F7F7-- {
    background: var(--color-F7F7F7);
}

.bg__FEFCF8-- {
    background: var(--color-FEFCF8);
}

.bg__EBEBEB-- {
    background: var(--color-EBEBEB);
}

.bg__F8F8F8-- {
    background: var(--color-F8F8F8) !important;
}

.bg__FFF-- {
    background: var(--color-fff) !important;
}

.bg__EBEDEE7D-- {
    background: var(--color-EBEDEE7D);
}

.bg__71585B-- {
    background: var(--color-71585B) !important;
}

.bg__F6981C1A-- {
    background: var(--color-F6981C1A);
}

.bg__0040A1-- {
    background: var(--color-0040A1) !important;
}

.bg__EFF7FF-- {
    background: var(--color-EFF7FF) !important;
}

.bg__F9FAFB-- {
    background: var(--color-F9FAFB);
}

.bg__gradient-- {
    background: linear-gradient( to bottom, transparent, #ddd 30%, #ddd 70%, transparent);
}

.bg__D4D4D4-- {
    background: var(--color-D4D4D4);
}

.bg__EBF3FB-- {
    background: var(--color-EBF3FB);
}

.bg__E5EBF8-- {
    background: var(--color-E5EBF8) !important;
}

.bg__D1DEE5-- {
    background: var(--color-D1DEE5);
}

.bg__FCDFFF-- {
    background: var(--color-FCDFFF);
}

.bg__F3E8DB-- {
    background: var(--color-F3E8DB);
}

.bg__D6B5FF-- {
    background-color: var(--color-D6B5FF);
}

.bg__ECDCFF-- {
    background-color: var(--color-ECDCFF);
}

.bg__FFC796-- {
    background-color: var(--color-FFC796);
}

.bg__FFEEDF-- {
    background-color: var(--color-FFEEDF);
}

.bg__A4FFF9-- {
    background-color: var(--color-A4FFF9);
}

.bg__E9FFFE-- {
    background-color: var(--color-E9FFFE);
}

.bg__96C2FF-- {
    background-color: var(--color-96C2FF);
}

.bg__DFEDFF-- {
    background-color: var(--color-DFEDFF);
}

.bg__C7FFD3-- {
    background-color: var(--color-C7FFD3);
}

.bg__EBFFF0-- {
    background-color: var(--color-EBFFF0);
}

.bg__FEFFC7-- {
    background-color: var(--color-FEFFC7);
}

.bg__FFFFED-- {
    background-color: var(--color-FFFFED);
}

.bg__F0F9F9-- {
    background-color: var(--color-F0F9F9);
}


.bg__FFF4F4-- {
    background-color: var(--color-FFF4F4);
}

.bg__F7F8FA-- {
    background-color: var(--color-F7F8FA);
}

.bg__EAF3DE-- {
    background-color: var(--color-EAF3DE) !important;
}

.bg__FAEEDA-- {
    background-color: var(--color-FAEEDA) !important
}

.bg__FEF3E2-- {
    background-color: var(--color-FEF3E2) !important;
}

.bg__FCEBEB-- {
    background-color: var(--color-FCEBEB) !important;
}

.bg__F0F7F7-- {
    background-color: var(--color-F0F7F7);
}

.bg__FEF2F2-- {
    background-color: var(--color-FEF2F2);
}

.bg__F3F4FF6-- {
    background-color: var(--color-F3F4FF6) !important;
}

.bg__639922-- {
    background-color: #639922;
}

.bg__E8F2F2-- {
    background-color: #E8F2F2 !important;
}

.bg__E4F5E1-- {
    background-color: var(--color-E4F5E1) !important;
}

.bg__F2F8DF-- {
    background-color: var(--color-F2F8DF) !important;
}

.bg__FDF8DB-- {
    background-color: var(--color-FDF8DB) !important;
}

.bg__FEF3D0-- {
    background-color: var(--color-FEF3D0) !important;
}

.bg__FEEAD0-- {
    background-color: var(--color-FEEAD0) !important;
}

.bg__FDE0C8-- {
    background-color: var(--color-FDE0C8) !important;
}

.bg__FDD4C2-- {
    background-color: var(--color-FDD4C2) !important;
}

.bg__F0FDF4-- {
    background-color: var(--color-F0FDF4);
}

.bg__FCE4E4-- {
    background-color: var(--color-FCE4E4) !important;
}

.bg__E8F0FB-- {
    background-color: var(--color-E8F0FB) !important;
}

.bg__C5EED4-- {
    background-color: var(--color-C5EED4) !important;
}

.bg__BCE8CA-- {
    background-color: var(--color-BCE8CA) !important;
}

.bg__BCE7B0-- {
    background-color: var(--color-BCE7B0) !important;
}

.bg__EFE39A-- {
    background-color: var(--color-EFE39A) !important;
}

.bg__EDCA8E-- {
    background-color: var(--color-EDCA8E) !important;
}

.bg__EBAE83-- {
    background-color: var(--color-EBAE83) !important;
}

.bg__E99577-- {
    background-color: var(--color-E99577) !important;
}

.bg__F78464-- {
    background-color: var(--color-F78464) !important;
}

.bg__F49675-- {
    background-color: var(--color-F49675) !important;
}

.bg__DC6868-- {
    background-color: var(--color-DC6868) !important;
}

.bg__BFDBFE-- {
    background-color: var(--color-BFDBFE) !important;
}

.bg__F9DADA-- {
    background-color: var(--color-F9DADA) !important;
}

.bg__FFFBEB-- {
    background-color: var(--color-FFFBEB);
}

.bg__F0F9FF-- {
    background-color: var(--color-F0F9FF);
}

.bg__FFFFFF1A-- {
    background-color: var(--color-FFFFFF1A);
}

.bg__FFFFFF0A-- {
    background-color: var(--color-FFFFFF0A);
}

.bg__D6ECBF-- {
    background-color: var(--color-D6ECBF) !important;
}

.bg__F5E0BC-- {
    background-color: var(--color-F5E0BC) !important;
}

.bg__FDEACC-- {
    background-color: var(--color-FDEACC) !important;
}

.bg__FAFCFC-- {
    background-color: var(--color-FAFCFC);
}

.bg__EFF6FF-- {
    background-color: var(--color-EFF6FF);
}

.bg__FAF5FF-- {
    background-color: var(--color-FAF5FF);
}

.bg__1A1F2E-- {
    background-color: var(--color-1A1F2E);
}

.bg__141824-- {
    background-color: var(--color-141824);
}

.bg__FEFCE8-- {
    background-color: var(--color-FEFCE8);
}

.bg__FDE68A-- {
    background-color: var(--color-FDE68A);
}

.bg__F0F2F5-- {
    background-color: var(--color-F0F2F5);
}

.bg__FAFBFC-- {
    background-color: var(--color-FAFBFC);
}

.bg__D1D5DB-- {
    background-color: var(--color-D1D5DB);
}

.bg__174548-- {
    background-color: var(--color-174548);
}

.bg__00000000-- {
    background-color: var(--color-00000000);
}

.bg__1d485812-- {
    background-color: var(--color-1d485812);
}

.bg__1D55580F-- {
    background-color: var(--color-1D55580F);
}

.bg__EAF2F2-- {
    background-color: var(--color-EAF2F2);
}

.bg__0EA5E9-- {
    background-color: var(--color-0EA5E9);
}

.bg__6366F1-- {
    background-color: var(--color-6366F1);
}

.bg__31CCA0-- {
    background-color: var(--color-31CCA0);
}

.bg__3B82F6-- {
    background-color: var(--color-3B82F6);
}

.bg__FAFDFF-- {
    background-color: var(--color-FAFDFF);
}

.bg__EAEAEA-- {
    background: var(--color-EAEAEA);
}

.bg__13A89E-- {
    background: var(--color-13A89E);
}

.bg__008B86-- {
    background: var(--color-008B86);
}

.bg__od-- {
    border-radius: 2px;
    background: #D1F1FF;
    color: #0BB2FF;
}

.bg__os-- {
    border-radius: 2px;
    background: #DDF0DD;
    color: #339A84;
}

.bg__ou-- {
    color: #A5884F;
    border-radius: 2px;
    background: #FDF0D6;
}

.bg__F2F8FF-- {
    background-color: var(--color-F2F8FF);
}

.bg__0047ED-- {
    background-color: var(--color-0047ED);
}

/*DP colors*/ .bg__149C28-- {
    background-color: Var(--color-149C28) !important;
}

.bg__1889F3-- {
    background-color: Var(--color-1889F3) !important;
}

.bg__DEE2E7-- {
    background-color: var(--color-DEE2E7);
}
.bg__E0F7FA-- {
    background-color: var(--color-E0F7FA);
}
/*--------------------------------------------------------------------------Background colors end--------------------------------------------------------------------*/
/*4. Font Sizes start*/
.fs__9-- {
    font-size: 9px !important;
}

.fs__11-- {
    font-size: 11px;
}

.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__25-- {
    font-size: 25px !important;
}

.fs__20l-- {
    font-size: var(--font-size-20l);
}

.fs__i-- {
    font-style: italic !important;
}

/*--------------------------------------------------------------------------Font sizes end---------------------------------------------------------------------------*/

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

.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__10-- {
    line-height: 10px;
}

.lh__12-- {
    line-height: 12px;
}

.lh__15-- {
    line-height: 15px !important;
}

.lh__16-- {
    line-height: 16px !important;
}

.lh__18-- {
    line-height: 18px !important;
}

.lh__20-- {
    line-height: 20px !important;
}

.lh__22-- {
    line-height: 22px !important;
}

.lh__24-- {
    line-height: 24px !important;
}

.lh__25-- {
    line-height: 25px;
}

.lh__27-- {
    line-height: 27px !important;
}

.lh__28-- {
    line-height: 28px;
}

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

.tt__n-- {
    text-transform: none;
}

/*7.Borders Start*/
.bt__0-- {
    border-top-width: 0px;
}

.bb__0-- {
    border-bottom-width: 0px;
}

.bw__4-- {
    border-width: 4px;
}

.bb__1-- {
    border-bottom-width: 1px;
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;
}

.bt__1-- {
    border-top-width: 1px;
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;
}

.bl__1-- {
    border-left-width: 1px;
}

.bbs__s-- {
    border-bottom-style: solid;
}

.bc__2DAA2D-- {
    border-color: var(--color-2DAA2D)
}

.border__afafaf-- {
    border: 1px solid #afafaf !important;
}

.border__E2E8F0-- {
    border: 1px solid #E2E8F0 !important;
}

.btw__0-- {
    border-top-width: 0px !important;
}

.bbw__0-- {
    border-bottom-width: 0px !important;
}

.brw__0-- {
    border-right-width: 0px !important;
}

.blw__0-- {
    border-left-width: 0px !important;
}

.bw__0-- {
    border-width: 0px !important;
}

.bw__1-- {
    border-width: 1px;
}

.bw__2-- {
    border-width: 2px;
}

.bottom__0-- {
    bottom: 0px !important;
}

.bottom__27-- {
    bottom: 27px !important;
}

.bottom__53-- {
    bottom: 53px !important;
}


.bb__dcdcdc-- {
    border-bottom: 1px solid #dcdcdc;
}

.bb__F2F2F2-- {
    border-bottom: 1px solid #f2f2f2;
}

.bt__E6E6E6-- {
    border-top: 1.5px solid #E6E6E6 !important;
}

.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__C4C4C4-- {
    border: 1px solid #C4C4C4 !important;
}

.border__C9C9C9-- {
    border: 1px solid #C9C9C9 !important;
}

.border__CFD3D4-- {
    border: 1px solid #CFD3D4;
}

.border__1D5558-- {
    border: 1px solid #1D5558 !important;
}

.border__D3D3D3-- {
    border: 1px solid #D3D3D3 !important;
}

.border__1D1D1D-- {
    border: 1px solid #1d1d1d;
}

.border__DEDEDE-- {
    border: 1px solid #DEDEDE;
}

.border__FFFFFF4D-- {
    border: 1px solid var(--color-FFFFFF4D);
}

.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);
}

/* Raise Incident form: the invalid state is shown as a red border only. Inputs and selects
   inside .form__group get their border from ".form__group > input / select" (default.css),
   which out-ranks .border__C71D27-- on its own, so without this the class only ever showed
   on the textareas. Scoped to the incident form's name, which nothing else uses. */
form[name="incidentForm"] .form__group > .border__C71D27-- {
    border-color: var(--color-C71D27);
}

/* Radio buttons in the same form: the visible circle is the label's :before, drawn by
   ".radio-custom + .radio-custom-label:before" (eHnoteMain.css). The invalid class sits on
   the hidden radio input (opacity 0, so nothing rectangular shows) and recolours only that
   circle's border - its size, round shape and checked fill are left as they are. */
form[name="incidentForm"] .radio-custom.border__C71D27-- + .radio-custom-label:before {
    border-color: 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;
}

.borderright__E4E4E4-- {
    border-right: 1px solid var(--color-E4E4E4) !important;
}

.borderleft__E4E4E4-- {
    border-left: 1px solid var(--color-E4E4E4) !important;
}

.borderbottom__C71D27-- {
    border-bottom: 1.5px solid var(--color-C71D27) !important;
}

.box-shadowall-- {
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.12);
}

.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 */
}
/*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: 1px solid var(--color-E5E7EB);
}
.border__87CEEB-- {
    border: 1px solid var(--color-87CEEB);
}

.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;
}

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

.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);
}

.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);
}

.br__E4E4E4-- {
    border-right: 1px solid #E4E4E4;
}

.br__C4C4C4-- {
    border-right: 1px solid #c4c4c4;
}

.bl__1D5558-- {
    border-left: 1px solid #1d5558;
}

.bl__E4E4E4-- {
    border-left: 1px solid #E4E4E4;
}

.br__1D5558-- {
    border-right: 1px solid #1d5558;
}

.bl__D9D9D9-- {
    border-left: 2px solid var(--color-D9D9D9);
}

.bb__D9D9D9-- {
    border-bottom: 2px solid var(--color-D9D9D9);
}

.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__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__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: 0px 0px 6px 6px;
}

.bradius__50--per {
    border-radius: 50%;
}

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

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

.bradius__0--by {
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
}


.br__0-- {
    border-radius: 0 !important
}

.br__1-- {
    border-radius: 1px
}

.br__2-- {
    border-radius: 2px
}

.br__3-- {
    border-radius: 3px
}

.br__4-- {
    border-radius: 4px
}

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

.br__6-- {
    border-radius: 6px
}

.br__7-- {
    border-radius: 7px
}

.br__8-- {
    border-radius: 8px
}

.br__9-- {
    border-radius: 9px
}

.br__10-- {
    border-radius: 10px !important;
}

.br__15-- {
    border-radius: 15px
}

.br__20-- {
    border-radius: 20px
}

.br__100-- {
    border-radius: 100px
}

.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;
}

.ws__pl-- {
    white-space: pre-line !important;
}

.r__0-- {
    right: 0;
}

.l__0-- {
    left: 0;
}

.t__0-- {
    top: 0;
}

.b__0-- {
    bottom: 0;
}

.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;
}

.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__50-- {
    right: 50px !important;
}

.right__57-- {
    right: 57px;
}

.right__76-- {
    right: 76px;
}

.right__82-- {
    right: 82px;
}

.r__23-- {
    right: 23%;
}

.r__24-- {
    right: 24%;
}

.top__0-- {
    top: 0;
}

.top__1-- {
    top: 1px;
}

.top__5-- {
    top: 5px;
}

.top__6-- {
    top: 6px;
}

.top__7-- {
    top: 7px;
}

.top__8-- {
    top: 8px;
}

.top__10-- {
    top: 10px;
}

.top__17-- {
    top: 17px;
}

.top__20-- {
    top: 20px !important;
}

.top__28-- {
    top: 28px;
}

.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__826-- {
    top: 826px !important;
}

.l__102-- {
    left: 102% !important;
}

.left__0-- {
    left: 0px;
}

.left__3-- {
    left: 3px;
}

.left__5-- {
    left: 5px;
}

.left__8-- {
    left: 8px;
}

.left__9-- {
    left: 9px;
}

.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__610-- {
    left: 610px;
}

.left__433-- {
    left: 433px !important;
}

.left__1150-- {
    left: 1150px !important;
}

.l__23-- {
    left: 23%;
}

.l__24-- {
    left: 24%;
}

.ff__nw-- {
    flex-flow: nowrap !important;
}

.b__18-- {
    bottom: 18%;
}

.bottom__100-- {
    bottom: 100%;
}

.l__50-- {
    left: 50%;
}

.r__4-- {
    right: 4%;
}

.right__153-- {
    right: 152px !important;
}

.top__auto-- {
    top: auto;
}

.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__1-- {
    padding: 1px
}

.p__2-- {
    padding: 2px !important;
}

.p__3-- {
    padding: 3px !important;
}

.p__4-- {
    padding: 4px !important;
}

.p__5-- {
    padding: 5px !important;
}

.p__6-- {
    padding: 6px
}

.p__7-- {
    padding: 7px !important;
}

.p__8-- {
    padding: 8px !important;
}

.p__9-- {
    padding: 9px
}

.p__10-- {
    padding: 10px !important;
}

.p__11-- {
    padding: 11px;
}

.p__12-- {
    padding: 12px !important;
}

.p__13-- {
    padding: 13px !important;
}

.p__15-- {
    padding: 15px !important;
}

.p__20-- {
    padding: 20px !important;
}

.p__23-- {
    padding: 23px !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;
}

.pt__0-- {
    padding-top: 0px;
}

.pt__1-- {
    padding-top: 1px;
}

.pt__2-- {
    padding-top: 2px;
}

.pt__3-- {
    padding-top: 3px;
}

.pt__4-- {
    padding-top: 4px;
}

.pt__5-- {
    padding-top: 5px;
}

.pt__6-- {
    padding-top: 6px;
}

.pt__7-- {
    padding-top: 7px;
}

.pt__8-- {
    padding-top: 8px;
}

.pt__9-- {
    padding-top: 9px;
}

.pt__10-- {
    padding-top: 10px !important;
}

.pt__12-- {
    padding-top: 12px !important;
}

.pt__15-- {
    padding-top: 15px !important;
}

.pt__18-- {
    padding-top: 18px;
}

.pt__30-- {
    padding-top: 30px;
}

.pt__44-- {
    padding-top: 44px;
}

.pr__0-- {
    padding-right: 0px !important;
}

.pr__1-- {
    padding-right: 1px;
}

.pr__2-- {
    padding-right: 2px;
}

.pr__3-- {
    padding-right: 3px;
}

.pr__4-- {
    padding-right: 4px;
}

.pr__5-- {
    padding-right: 5px;
}

.pr__6-- {
    padding-right: 6px;
}

.pr__7-- {
    padding-right: 7px;
}

.pr__8-- {
    padding-right: 8px;
}

.pr__9-- {
    padding-right: 9px;
}

.pr__10-- {
    padding-right: 10px;
}

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

.pr__25-- {
    padding-right: 25px !important;
}

.pr__28-- {
    padding-right: 28px;
}

.pr__35-- {
    padding-right: 35px !important;
}

.pr__115-- {
    padding-right: 115px !important;
}

.pb__0-- {
    padding-bottom: 0px !important;
}

.pb__1-- {
    padding-bottom: 1px;
}

.pb__2-- {
    padding-bottom: 2px;
}

.pb__3-- {
    padding-bottom: 3px;
}

.pb__4-- {
    padding-bottom: 4px;
}

.pb__5-- {
    padding-bottom: 5px;
}

.pb__6-- {
    padding-bottom: 6px;
}

.pb__7-- {
    padding-bottom: 7px;
}

.pb__8-- {
    padding-bottom: 8px;
}

.pb__9-- {
    padding-bottom: 9px;
}

.pb__10-- {
    padding-bottom: 10px !important;
}

.pb__15-- {
    padding-bottom: 15px !important;
}


.pb__16-- {
    padding-bottom: 16px;
}

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

.pb__100-- {
    padding-bottom: 100px !important;
}

.pb__30-- {
    padding-bottom: 30px !important;
}

.pl__0-- {
    padding-left: 0px !important;
}

.pl__1-- {
    padding-left: 1px;
}

.pl__2-- {
    padding-left: 2px;
}

.pl__3-- {
    padding-left: 3px;
}

.pl__4-- {
    padding-left: 4px;
}

.pl__5-- {
    padding-left: 5px;
}

.pl__6-- {
    padding-left: 6px;
}

.pl__7-- {
    padding-left: 7px;
}

.pl__8-- {
    padding-left: 8px;
}

.pl__9-- {
    padding-left: 9px;
}

.pl__10-- {
    padding-left: 10px !important;
}

.pl__15-- {
    padding-left: 15px;
}

.pl__18-- {
    padding-left: 18px !important;
}

.pl__20-- {
    padding-left: 20px;
}

.pl__24-- {
    padding-left: 24px !important;
}

.pl__25-- {
    padding-left: 25px !important;
}

.pl__43-- {
    padding-left: 43px;
}

.py__0-- {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.py__1-- {
    padding-top: 1px;
    padding-bottom: 1px;
}

.py__2-- {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.py__3-- {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.py__4-- {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.py__5-- {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.py__6-- {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.py__7-- {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

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

.py__9-- {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}

.py__10-- {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.py__12-- {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.py__14-- {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}

.py__15-- {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

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

.px__0-- {
    padding-right: 0px !important;
    padding-left: 0px !important;
}


.px__1-- {
    padding-right: 1px;
    padding-left: 1px;
}

.px__2-- {
    padding-right: 2px !important;
    padding-left: 2px !important;
}

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

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

.px__5-- {
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.px__6-- {
    padding-right: 6px !important;
    padding-left: 6px !important;
}

.px__7-- {
    padding-right: 7px;
    padding-left: 7px;
}

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

.px__9-- {
    padding-right: 9px;
    padding-left: 9px;
}

.px__10-- {
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.px__11-- {
    padding-right: 11px;
    padding-left: 11px;
}

.px__12-- {
    padding-right: 12px !important;
    padding-left: 12px !important;
}

.px__13-- {
    padding-right: 13px !important;
    padding-left: 13px !important;
}

.px__14-- {
    padding-right: 14px !important;
    padding-left: 14px !important;
}

.px__15-- {
    padding-right: 15px;
    padding-left: 15px;
}

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

.px__18-- {
    padding-right: 18px;
    padding-left: 18px;
}

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

.px__22-- {
    padding-right: 22px !important;
    padding-left: 22px !important;
}

.px__25-- {
    padding-right: 25px !important;
    padding-left: 25px !important;
}

.px__30-- {
    padding-right: 30px !important;
    padding-left: 30px !important;
}

.px__35-- {
    padding-right: 35px !important;
    padding-left: 35px !important;
}

.px__50-- {
    padding-right: 50px !important;
    padding-left: 50px !important;
}

.px__60-- {
    padding-right: 60px !important;
    padding-left: 60px !important;
}
/*-------------------------------------------------------------------------Padding end------------------------------------------------------------------------------*/

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

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

.m__1-- {
    margin: 1px
}

.m__2-- {
    margin: 2px
}

.m__3-- {
    margin: 3px
}

.m__4-- {
    margin: 4px
}

.m__5-- {
    margin: 5px
}

.m__6-- {
    margin: 6px
}

.m__7-- {
    margin: 7px
}

.m__8-- {
    margin: 8px
}

.m__9-- {
    margin: 9px
}

.m__10-- {
    margin: 10px !important;
}

.m__15-- {
    margin: 15px
}

.m__20-- {
    margin: 20px
}

.m__2--x {
    margin-left: 2px;
    margin-right: 2px;
}

.m__4--x {
    margin-left: 4px;
    margin-right: 4px;
}

.m__6--x {
    margin-left: 6px;
    margin-right: 6px;
}

.m__8--x {
    margin-left: 8px;
    margin-right: 8px;
}

.m__10--x {
    margin-left: 10px;
    margin-right: 10px;
}

.m__15--x {
    margin-left: 15px;
    margin-right: 15px;
}

.m__2--y {
    margin-top: 2px;
    margin-bottom: 2px;
}

.m__4--y {
    margin-top: 4px;
    margin-bottom: 4px;
}

.m__6--y {
    margin-top: 6px;
    margin-bottom: 6px;
}

.m__8--y {
    margin-top: 8px;
    margin-bottom: 8px;
}

.m__10--y {
    margin-top: 10px;
    margin-bottom: 10px;
}

.mt__13-- {
    margin-top: 13px !important;
}


.mx__0-- {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.mx__2-- {
    margin-left: 2px;
    margin-right: 2px;
}

.mx__4-- {
    margin-left: 4px;
    margin-right: 4px;
}

.mx__6-- {
    margin-left: 6px;
    margin-right: 6px;
}

.mx__8-- {
    margin-left: 8px;
    margin-right: 8px;
}

.mx__10-- {
    margin-left: 10px;
    margin-right: 10px;
}

.mx__12-- {
    margin-left: 12px;
    margin-right: 12px;
}

.mx__15-- {
    margin-left: 15px;
    margin-right: 15px;
}

.my__2-- {
    margin-top: 2px;
    margin-bottom: 2px;
}

.my__4-- {
    margin-top: 4px;
    margin-bottom: 4px;
}

.my__6-- {
    margin-top: 6px;
    margin-bottom: 6px;
}

.my__8-- {
    margin-top: 8px;
    margin-bottom: 8px;
}

.my__10-- {
    margin-top: 10px;
    margin-bottom: 10px;
}

.my__80-- {
    margin-top: 80px;
    margin-bottom: 80px;
}

.mt__0-- {
    margin-top: 0px !important;
}

.mt__1-- {
    margin-top: 1px;
}

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

.mt__3-- {
    margin-top: 3px !important;
}

.mt__4-- {
    margin-top: 4px;
}

.mt__5-- {
    margin-top: 5px;
}

.mt__6-- {
    margin-top: 6px;
}

.mt__7-- {
    margin-top: 7px;
}

.mt__8-- {
    margin-top: 8px;
}

.mt__9-- {
    margin-top: 9px;
}

.mt__10-- {
    margin-top: 10px !important;
}

.mt__15-- {
    margin-top: 15px;
}

.mt__18-- {
    margin-top: 18px;
}

.mt__20-- {
    margin-top: 20px;
}

.mt__22-- {
    margin-top: 22px !important;
}

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

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

.mt__32-- {
    margin-top: 32px;
}

.mr__0-- {
    margin-right: 0px;
}

.mr__1-- {
    margin-right: 1px;
}

.mr__2-- {
    margin-right: 2px;
}

.mr__3-- {
    margin-right: 3px;
}

.mr__4-- {
    margin-right: 4px;
}

.mr__5-- {
    margin-right: 5px;
}

.mr__6-- {
    margin-right: 6px;
}

.mr__7-- {
    margin-right: 7px;
}

.mr__8-- {
    margin-right: 8px;
}

.mr__9-- {
    margin-right: 9px;
}

.mr__10-- {
    margin-right: 10px;
}

.mb__0-- {
    margin-bottom: 0px;
}

.mb__1-- {
    margin-bottom: 1px;
}

.mb__2-- {
    margin-bottom: 2px;
}

.mb__3-- {
    margin-bottom: 3px;
}

.mb__4-- {
    margin-bottom: 4px;
}

.mb__5-- {
    margin-bottom: 5px;
}

.mb__6-- {
    margin-bottom: 6px;
}

.mb__7-- {
    margin-bottom: 7px;
}

.mb__8-- {
    margin-bottom: 8px;
}

.mb__9-- {
    margin-bottom: 9px;
}

.mb__10-- {
    margin-bottom: 10px !important;
}

.mb__14-- {
    margin-bottom: 14px !important;
}

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

.ml__0-- {
    margin-left: 0px;
}

.ml__1-- {
    margin-left: 1px;
}

.ml__2-- {
    margin-left: 2px;
}

.ml__3-- {
    margin-left: 3px;
}

.ml__4-- {
    margin-left: 4px;
}

.ml__5-- {
    margin-left: 5px;
}

.ml__6-- {
    margin-left: 6px;
}

.ml__7-- {
    margin-left: 7px;
}

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

.ml__9-- {
    margin-left: 9px;
}

.ml__10-- {
    margin-left: 10px;
}

.ml__15-- {
    margin-left: 15px;
}
/*-------------------------------------------------------------------------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__24-- {
    width: 24px;
}

.w__25-- {
    width: 25px !important;
}

.w__28-- {
    width: 28px;
}

.w__30-- {
    width: 30px;
}

.w__32-- {
    width: 32px;
}

.w__34-- {
    width: 34px;
}

.w__35-- {
    width: 35px;
}

.w__40-- {
    width: 40px;
}

.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__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__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__250-- {
    width: 250px;
}

.w__300-- {
    width: 300px !important;
}

.w__330-- {
    width: 330px !important;
}

.w__350-- {
    width: 350px;
}

.w__400-- {
    width: 400px;
}

.w__450-- {
    width: 450px;
}

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

.w__500-- {
    width: 500px;
}

.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__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%;
}

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

.width__52-- {
    width: 52%;
}

.width__56-- {
    width: 56%;
}

.width__49-- {
    width: 49%;
}

.width__45-- {
    width: 45%;
}

.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__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__w400-- {
    max-width: 400px !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__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__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__w150-- {
    min-width: 150px !important;
}

.min__w170-- {
    min-width: 170px;
}

.min__w200-- {
    min-width: 200px !important;
}

.min__w440-- {
    min-width: 440px !important;
}

.min__w500-- {
    min-width: 500px !important;
}

.min__h150-- {
    min-height: 150px;
}

.min__h200-- {
    min-height: 200px;
}

.min__h300-- {
    min-height: 300px;
}
.min__h360-- {
    min-height: 360px !important;
}
.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__h20-- {
    min-height: 20px;
}

.w__234-- {
    width: 234px !important;
}

.w__265-- {
    width: 265px;
}

.w__380-- {
    width: 380px;
}

.w__407-- {
    width: 407px;
}

.w__520-- {
    width: 520px;
}

.width__46-- {
    width: 46%;
}

.max__width100-- {
    max-width: 100px;
}

.max__w130-- {
    max-width: 130px;
}

.mx__h--300 {
    max-height: 300px !important;
}

.mx__h--311 {
    max-height: 311px !important;
}

.h__27-- {
    height: 27px !important;
}
/*-------------------------------------------------------------------------Width end------------------------------------------------------------------------------*/
/*13.Height start*/
.height__15-- {
    height: 15% !important;
}

.height__17-- {
    height: 17%;
}

.height__25-- {
    height: 25%;
}
.height__36-- {
    height: 36px !important;
}
.height__70-- {
    height: 70%;
}

.height__95-- {
    height: 95%;
}

.height__100-- {
    height: 100% !important;
}

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

.mx__h--60 {
    max-height: 60px;
}

.mx__h--270 {
    max-height: 270px !important;
}

.mx__h--290 {
    max-height: 290px !important;
}

.mx__h--295 {
    max-height: 295px !important;
}

.mx__h--330 {
    max-height: 330px !important;
}

.mx__h--340 {
    max-height: 340px !important;
}

.mx__h--350 {
    max-height: 350px !important;
}

.mx__h--360 {
    max-height: 360px !important;
}

.mx__h--370 {
    max-height: 370px !important;
}

.mx__h--380 {
    max-height: 380px !important;
}

.mx__h--390 {
    max-height: 390px !important;
}

.mx__h--400 {
    max-height: 400px !important;
}

.mx__h--410 {
    max-height: 410px !important;
}

.mx__h--420 {
    max-height: 420px !important;
}

.mx__h--470 {
    max-height: 470px !important;
}

.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-- {
    height: 100vh;
}

.h__4-- {
    height: 4px;
}

.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__34-- {
    height: 34px;
}

.h__50-- {
    height: 50px;
}

.h__55-- {
    height: 55px;
}

.h__20-- {
    height: 20px;
}

.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;
}

.h__38-- {
    height: 38px;
}

.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__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;
}

.mh__50-- {
    min-height: 50px;
}
/*---------------------------------------------------------------------------Height end------------------------------------------------------------------------------*/

/*14. Display start*/
.d__b-- {
    display: block !important;
}

.d__ib-- {
    display: inline-block;
}

.d__f-- {
    display: flex !important;
}

.d__if-- {
    display: inline-flex !important;
}

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

.fw__w-- {
    flex-wrap: wrap;
}

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

.d__g-- {
    display: grid;
}

.d__n-- {
    display: none !important;
}

.fd__c-- {
    flex-direction: column;
}

.fd__r-- {
    flex-direction: row !important;
}

.fd__rr-- {
    flex-direction: row-reverse;
}
/*-------------------------------------------------------------------------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__1-- {
    gap: 1px !important;
}

.gap__2-- {
    gap: 2px !important;
}

.gap__4-- {
    gap: 4px !important;
}

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

.gap__8-- {
    gap: 8px;
}

.gap__10-- {
    gap: 10px;
}

.gap__12-- {
    gap: 12px;
}

.gap__14-- {
    gap: 14px;
}

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

.gap__16-- {
    gap: 16px;
}

.gap__20-- {
    gap: 20px;
}

.gap__24-- {
    gap: 24px;
}

.gap__30-- {
    gap: 30px !important;
}

.gap__5--x {
    column-gap: 5px;
}

.gap__10--x {
    column-gap: 10px;
}

.gap__20--x {
    column-gap: 20px;
}

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

.gap__5--y {
    row-gap: 5px;
}

.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__9999-- {
    z-index: 9999 !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*/
.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;
}

.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__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__E5E7EB--border:hover {
    border: 1px solid #E5E7EB;
}

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

.hover__EF4444--bg:hover {
    background-color: #ef4444;
}
/*-------------------------------------------------------------------------Hover end------------------------------------------------------------------------------*/
/*18. Box Shadow start*/
.boxs__none-- {
    box-shadow: none !important;
}

.boxs__00000040--ho-15 {
    box-shadow: 1px 0px 15px 0px #00000040;
}

.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__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;
}

.opacity__049-- {
    opacity: 0.49 !important;
}

.opacity__30-- {
    opacity: 0.3;
}
/*-----------------------------------------------------------------------Box shadow end------------------------------------------------------------------------------*/

/*19. Align Items start*/
.ai__c-- {
    align-items: center !important;
}

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

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

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

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

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

.ai__b-- {
    align-items: baseline;
}
/*----------------------------------------------------------------------Align items end-----------------------------------------------------------------------------*/

/*20. Justify Content start*/
.jc__c-- {
    justify-content: center !important;
}

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

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

.jc__fs-- {
    justify-content: flex-start !important;
}

.jc__fe-- {
    justify-content: flex-end
}

.jc__sb-- {
    justify-content: space-between !important;
}

.jc__se-- {
    justify-content: space-evenly;
}

.jc__sa-- {
    justify-content: space-around;
}
/*-------------------------------------------------------------------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);
}
/*---------------------------------------------------------------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 {
    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;
}

.td__u-- {
    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;
}

.o__h-- {
    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 */
}

/*Indent*/
/* Text Align — only .ta__c-- exists */
.ta__l-- {
    text-align: left !important;
}

.ta__r-- {
    text-align: right;
}

.ta__j-- {
    text-align: justify;
}

/* Cursor — only .c__p-- exists */
.c__d-- {
    cursor: default;
}

.c__na-- {
    cursor: not-allowed;
}

.c__grab-- {
    cursor: grab;
}

.c__text-- {
    cursor: text;
}

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

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

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

.table__row--hover tr:hover td > .view__item {
    display: inline-flex !important;
}

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

.op__25-- {
    opacity: 0.25;
}

.op__50-- {
    opacity: 0.5;
}

.op__75-- {
    opacity: 0.75;
}

.op__100-- {
    opacity: 1;
}

/* Align Self — completely missing */
.as__c-- {
    align-self: center;
}

.as__fs-- {
    align-self: flex-start;
}

.as__fe-- {
    align-self: flex-end;
}

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

/* Justify Self — completely missing */
.js__c-- {
    justify-self: center;
}

.js__s-- {
    justify-self: start;
}

.js__e-- {
    justify-self: end;
}

/* Text Transform — only .tt__n-- exists */
.tt__u-- {
    text-transform: uppercase;
}

.tt__l-- {
    text-transform: lowercase;
}

.tt__c-- {
    text-transform: capitalize;
}

/* 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__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;
}

.c__p-- {
    cursor: pointer !important;
}

.ta__c-- {
    text-align: center;
}

.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;
}

.brtl__10-- {
    border-top-left-radius: 10px !important;
}

.brtr__10-- {
    border-top-right-radius: 10px !important;
}

.bg__transparent {
    background: 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;
}

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

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

.gtc__2--1fr {
    grid-template-columns: 1fr 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);
        }


/*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;
        }

/*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);
    }
/*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 #C8DEDE;
    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__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 */
    color: #d1d5db;
    font-size: 12px;
    line-height: 1.5;
}

    .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;
        }

.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;
}
/*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--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--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;
}

@media (max-width: 1090px) {
    .w__518-- {
        width: 518px !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;
        }



.btn__xl--,
.btn__sm-- {
    border-radius: 5px;
    font-size: var(--font-size-md);
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 5px 10px;
}

.btn__lg-- {
    border-radius: 5px;
    font-size: var(--font-size-lg);
    font-style: normal;
    font-weight: 500;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 5px;
    padding: 6px 12px;
}

.btn__xs-- {
    border-radius: 5px;
    font-size: var(--font-size-md);
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    display: flex;
    align-items: center;
    grid-gap: 5px;
    justify-content: center;
    text-align: center;
    padding: 4px 10px;
}

.btn__xl-- {
    padding: 7px 12px;
    gap: 3px;
}

.btn__5E6366--o {
    background: #fff;
    border: 0.8px solid #5E6366;
    color: #5E6366;
}


.btn__2D2D47--f {
    background: #2D2D47;
    color: #fff;
    border: 0.8px solid #2D2D47
}

.btn__2D2D47--o {
    background: #fff;
    color: #2D2D47;
    border: 0.8px solid #2D2D47
}

.btn__1d5558--f {
    background-color: #1d5558;
    border-color: #1d5558;
    color: var(--color-fff);
    border-style: solid;
    border-width: 1px;
}

.btn__E5E7EB--o {
    background: #ffffff;
    color: #4b5563;
    border: 1.5px solid #e5e7eb;
}

    .btn__E5E7EB--o:hover {
        background: #f0f2f5;
        border: 1.5px solid #d1d5db;
    }

.btn__1d1d1d--f {
    background: #1d1d1d;
    color: #fff;
    border: 0.8px solid #1d1d1d;
}

.btn__FFFFFF--f {
    background: #FFFFFF;
    color: #1d1d1d;
    border: 0.8px solid #FFFFFF;
}

.btn__6c6c6c--f {
    background: #6c6c6c;
    color: #fff;
    border: 0.8px solid #6c6c6c;
}

.btn__6c6c6c--o {
    border: 0.8px solid #6c6c6c;
    color: #6c6c6c;
    background-color: #fff;
}

.btn__008087--f {
    background: #008087;
    color: #fff;
    border: 0.8px solid #008087
}

.btn__909090-- {
    background: #fff;
    color: #909090;
    border: 0.8px solid #909090;
}

.btn__1d5558--o {
    border: 0.8px solid #1d5558;
    color: #1d5558;
    background-color: #fff;
}

.btn__FFFFFF--o {
    border: 0.8px solid #ffffff;
    color: #ffffff;
    background-color: transparent;
}

.btn__FA8800--o {
    border: 0.8px solid #fa8800;
    color: #fa8800;
    background-color: #fff;
}

.btn__1d5558-- {
    border: none;
    color: #1d5558;
    background-color: transparent;
}

.btn__1D55581A-- {
    border: 0.8px solid #1D55581A;
    color: #1d5558;
    background-color: #1D55581A;
}

.btn__392c5a--o {
    border: 0.8px solid #392C5A;
    color: #392C5A;
    background: #fff;
}

.btn__3ea6cde5--f {
    background: #3EA6CDE5;
    color: #fff;
    border: 0.8px solid #3EA6CDE5;
}

.btn__34B698--o {
    background: #fff;
    color: #34B698;
    border: 1px solid #34B698
}

.btn__656565--o {
    background: #fff;
    color: #656565;
    border: 0.8px solid #656565;
}

.btn__C71D271A-- {
    background: #C71D271A;
    color: #1D1D1D;
    border: 0.8px solid #C71D27
}

/*red btn */
.btn__1ABC9C--o {
    border: 0.8px solid #1abc9c;
    color: #1abc9c;
    background-color: #fff;
}

.btn__C71D27--o {
    border: 0.8px solid #C71D27;
    color: #C71D27;
    background-color: #fff;
}

.btn__F6F6F6--f {
    border: 0.8px solid #e4e4e4;
    color: #656565;
    background-color: #f6f6f6;
}

.btn__C71D27-- {
    color: #C71D27;
    background-color: #fff;
    border: none;
}

.btn__C71D27--f {
    border: 0.8px solid #C71D27;
    color: #fff;
    background-color: #C71D27;
}

.btn__3EA6CD--f {
    background: #3EA6CD;
    border: 0.8px solid #3EA6CD;
    color: #fff;
}

.btn__F9E8E9--f {
    background: #F9E8E9;
    color: #C71D27;
    border: 0.8px solid #C71D27;
}

.btn__E8EEEE--f {
    background: #E8EEEE;
    border: 0.8px solid #1d5558;
    color: #1d5558;
}



.btn__C71D2733-- {
    border: 0.8px solid #C71D27;
    color: #C71D27;
    background-color: #C71D2733;
}

.btn__d2ffd2-- {
    border: 0.8px solid #2d0000;
    color: #002900;
    background: #d2ffd2;
}


.btn__5AA7C3--f {
    background: #5AA7C3;
    border: 0.8px solid #5AA7C3;
    color: #fff;
}

.btn__3C82C1--f {
    background: #3C82C1;
    border: 0.8px solid #3C82C1;
    color: #fff;
}

.btn__34B6981A-- {
    background: #34B6981A;
    border: 0.5px solid #34B698;
    color: #656565;
}


.btn__moreinfo {
    border-radius: 100px;
    background: #F2F2F2;
    color: #0E0E0E;
    font-size: var(--font-size-md);
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    padding: 6px 12px;
    display: flex;
    align-items: center;
    border: none;
    grid-gap: 0 6px;
}

.btn__47a447--f {
    color: #fff;
    background-color: #47a447;
    border: 0.8px solid #398439;
}

.btn__DEDEDE--o {
    color: #656565;
    background-color: #fff;
    border: 0.8px solid #DEDEDE;
}

.btn__499297--o {
    color: #499297;
    border-radius: 4px;
    border: 1px solid #499297;
    background: rgba(73, 146, 151, 0.10);
}

.btn__71585B--o {
    color: #71585B;
    border-radius: 4px;
    border: 1px solid #71585B;
    background: rgba(113, 88, 91, 0.20);
}

.btn__537ACF--o {
    color: #537ACF;
    border-radius: 4px;
    border: 1px solid #537ACF;
    background: rgba(83, 122, 207, 0.20);
}

.btn__3C3C3C--o {
    color: #3C3C3C;
    border-radius: 4px;
    background: #E9E9E9;
    border: none;
}

.btn__CFD3D4--o {
    color: #4a4a4a;
    background: #ffffff;
    border-radius: 4px;
    border: 1px solid #CFD3D4;
}

.btn__E4E4E4--o {
    color: #656565;
    background: #ffffff;
    border-radius: 4px;
    border: 1px solid #E4E4E4;
}




.z-index-99999 {
    z-index: 999999 !important;
}

.z-index-9999999 {
    z-index: 99999999 !important;
}

.modal__popup--1,
.modal__popup--right {
    overflow: hidden !important;
}

.modal__popup--1 > .modal-dialog {
    width: 100%;
    position: absolute;
    right: 0;
    left: 0;
    height: 100%;
    margin: 0 auto !important;
    padding-top: 65px;
}

.modal__popup--1 > .modal-dialog > .modal-content {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 0 !important;
}

.modal__popup--1.pt__180-- > .modal-dialog {
    padding-top: 180px !important;
}

.modal__popup--2 > .modal-dialog {
    width: 100%;
    position: absolute;
    right: 0;
    left: 0;
    height: 100%;
    margin: 0 auto !important;
    padding-top: 25px;
}

/* Full-screen sheet with a little space on top and rounded top corners. Kept on its own
   class so the other modal__popup--1 popups keep their 65px offset and square corners. */
.modal__popup--1.modal__popup--sheet > .modal-dialog {
    padding-top: 44px;
}

.modal__popup--1.modal__popup--sheet > .modal-dialog > .modal-content {
    border-radius: 8px 8px 0px 0px !important;
}

.bottom-to-top-modal {
    animation: slideInFromBottom 0.4s ease-in-out !important;
    z-index:10001 !important;
}

/* .bottom-to-top-modal names this animation, but it was never defined, so the popups using
   that class opened without any motion. */
@keyframes slideInFromBottom {
    from {
        transform: translateY(100%);
    }

    to {
        transform: translateY(0);
    }
}

/* Incident Timeline (IncidentTimeline.html): the activity down the left - a coloured ring on a
   connecting line, then date, time, activity and who did it - and the current status in a card
   on the right. On phones the status card moves above the activity. */
.incidentTimeline-- {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 16px;
    background: #FFFFFF;
    border: 1px solid #E4E4E4;
    border-radius: 8px;
}

.incidentTimeline__list-- {
    flex: 1 1 auto;
    min-width: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}

.incidentTimeline__item-- {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: 4px;
    row-gap: 2px;
    padding: 0 0 22px 28px;
    font-size: var(--font-size-md);
    line-height: 18px;
}

    .incidentTimeline__item--::before {
        content: "";
        position: absolute;
        left: 6px;
        top: 14px;
        bottom: -2px;
        width: 2px;
        background: #D6DEE4;
    }

    .incidentTimeline__item--:last-of-type {
        padding-bottom: 0;
    }

        .incidentTimeline__item--:last-of-type::before {
            display: none;
        }

.incidentTimeline__dot-- {
    position: absolute;
    left: 0;
    top: 2px;
    width: 14px;
    height: 14px;
    border: 3px solid #1D5558;
    border-radius: 50%;
    background: #FFFFFF;
}

.incidentTimeline__date-- {
    min-width: 80px;
    color: #4A4A4A;
}

.incidentTimeline__time-- {
    min-width: 64px;
    color: #4A4A4A;
}

.incidentTimeline__title-- {
    font-weight: 600;
    color: #1D1D1D;
}

.incidentTimeline__by-- {
    color: #656565;
}

.incidentTimeline__status-- {
    flex: 0 0 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 16px;
    border: 1px solid #E4E4E4;
    border-radius: 8px;
    text-align: center;
}

.incidentTimeline__statusLabel-- {
    display: block;
    margin: 0 0 6px;
    font-size: var(--font-size-md);
    font-weight: 600;
    color: #1D1D1D;
}

.incidentTimeline__statusBadge-- {
    display: block;
    width: 100%;
    padding: 6px 12px;
    border: 1px solid #E4E4E4;
    border-radius: 4px;
    font-size: var(--font-size-lg);
    font-weight: 600;
}

@media (max-width: 767px) {
    .incidentTimeline-- {
        flex-direction: column-reverse;
        align-items: stretch;
        padding: 12px;
    }

    .incidentTimeline__status-- {
        flex-basis: auto;
    }

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

/* Incident Dashboard summary cards. The active card - the one whose list is on screen - takes
   its own tone (the card's tc__ class, set with incidentStat--active) for its border, a bar
   along the bottom and a light tint, so each card highlights in its own colour. */
.incidentStat-- {
    border: 1px solid transparent;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

    .incidentStat--:hover {
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    }

    .incidentStat--.incidentStat--active {
        border: 1px solid currentColor !important;
        box-shadow: inset 0 -3px 0 currentColor, 0 2px 6px rgba(0, 0, 0, 0.08);
        background: #F7FAFA !important;
    }

/* Incident attachments table (partials/incidentAttachmentTable.html). The container scrolls both
   ways inside its section: max-height caps the rows, and the table's min-width keeps its columns
   readable and scrolls sideways on a narrow section instead of stretching the popup. The sticky
   header (table__style--3) sits at z-index 1 here, below the popup's own dropdowns. */
incident-attachment-table {
    display: block;
    min-width: 0;
}

.incidentAttachments-- {
    max-width: 100%;
    max-height: 240px;
    margin-top: 8px;
    overflow: auto;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
    background: #FFFFFF;
}

    .incidentAttachments-- > .incidentAttachments__table-- {
        min-width: 560px;
        border: none;
    }

        .incidentAttachments__table-- > thead > tr > th {
            z-index: 1;
            white-space: nowrap;
        }

            .incidentAttachments__table-- > thead > tr > th > label {
                font-size: var(--font-size-md);
                margin: 0;
            }

        .incidentAttachments__table-- > tbody > tr > td {
            padding: 6px 8px;
            vertical-align: middle;
        }

            .incidentAttachments__table-- > tbody > tr > td > div > span {
                font-size: var(--font-size-sm);
            }

        .incidentAttachments__table-- > tbody > tr:last-child > td {
            box-shadow: none;
        }

.incidentAttachments__colType-- { width: 30%; }
.incidentAttachments__colFile-- { width: 90px; }
.incidentAttachments__colBy-- { width: 25%; }
.incidentAttachments__colDate-- { width: 100px; }
.incidentAttachments__colAction-- { width: 84px; }

/* The image viewer (viewer.js, image-viewer directive) sets z-index 10000 inline, under the
   popups at 10001 (.bottom-to-top-modal) and 10002 (.modal__popup--fit) it opens from. */
.viewer-container.viewer-fixed {
    z-index: 10003 !important;
}

@media (max-width: 767px) {
    .incidentAttachments-- {
        max-height: 200px;
    }
}

/* Popup sized to its content (Incident Review, Incident Timeline). Width follows how much the popup holds -
   modal__popup--fit-60 / (default) 70% / modal__popup--fit-80 - and the height grows with the
   content up to the screen, where only the screen's body (its .fg__1-- block) scrolls and the
   header and footer stay put. Tablets take 92% of the width; phones get a full-width sheet
   anchored to the bottom. height:auto is !important to override the screen's height__100--. */
/* Above the full-screen popups, which .bottom-to-top-modal puts at 10001: this one opens over
   the workflow popup (Timeline, from a stage screen's summary strip). */
.modal__popup--fit {
    z-index: 10002 !important;
}

.modal__popup--fit > .modal-dialog {
    width: 70%;
    max-width: 1200px;
    margin: 56px auto 24px !important;
}

.modal__popup--fit.modal__popup--fit-60 > .modal-dialog {
    width: 60%;
}

.modal__popup--fit.modal__popup--fit-80 > .modal-dialog {
    width: 80%;
}

.modal__popup--fit > .modal-dialog > .modal-content {
    border-radius: 8px !important;
    overflow: hidden;
}

.modal__popup--fit .modal__style--1 {
    height: auto !important;
    max-height: calc(100vh - 80px);
}

    .modal__popup--fit .modal__style--1 > .fg__1-- {
        flex: 1 1 auto;
        min-height: 0;
        overflow-x: hidden;
        overflow-y: auto;
    }

@media (max-width: 991px) {
    .modal__popup--fit > .modal-dialog,
    .modal__popup--fit.modal__popup--fit-60 > .modal-dialog,
    .modal__popup--fit.modal__popup--fit-80 > .modal-dialog {
        width: 92%;
    }
}

@media (max-width: 767px) {
    .modal__popup--fit > .modal-dialog,
    .modal__popup--fit.modal__popup--fit-60 > .modal-dialog,
    .modal__popup--fit.modal__popup--fit-80 > .modal-dialog {
        width: 100%;
        max-width: none;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 !important;
    }

    .modal__popup--fit > .modal-dialog > .modal-content {
        border-radius: 8px 8px 0 0 !important;
    }

    .modal__popup--fit .modal__style--1 {
        max-height: calc(100vh - 44px);
    }
}

.input__style--3 {
    border-radius: 5px;
    border: none;
    background: #fff;
    font-size: var(--font-size-md);
    font-weight: 500;
    line-height: 1;
    color: #000;
    padding: 6px 12px 6px 30px;
    width: 100%;
    box-sizing: border-box !important;
    background-image: url(../img/newiconss/search-icon.svg);
    background-repeat: no-repeat;
    background-position: 1% center;
}

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

.modal__ninety-- {
    display: flex !important;
    flex-direction: column;
}

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

.bg-4bb8a2 {
    background-color: #4bb8a2 !important;
}

.appointment-full-popup {
    z-index: 21000;
}

    .appointment-full-popup > .modal-dialog {
        /*width: 80%;*/
        position: absolute;
        right: 0;
        left: 0;
    }

@media all and (min-width:1200px) {
    .LabelVision label {
        font-size: var(--font-size-sm);
    }

    .appointment-full-popup > .modal-dialog {
        width: 90%;
    }
}

@media all and (min-width:992px) and (max-width:1300px) {
    .input-easymode label, .custo-easymode label, .group-easymo-label label {
        font-size: 9px;
    }

    .appointment-full-popup > .modal-dialog {
        width: 98%;
        overflow: hidden;
    }
}

@media all and (min-width:768px) and (max-width:991px) {
    .appointment-full-popup > .modal-dialog {
        width: 95%;
    }
}

.modal__ninetynine-- > .modal-dialog {
    width: 99%;
    height: 100%;
    margin-top: 25px !important;
}

.modal__ninetynine-- {
    overflow: hidden;
    display: flex !important;
    flex-direction: column;
}

    .modal__ninetynine-- > .modal-dialog > .modal-content {
        height: 100%;
        border-radius: 8px !important;
    }


.icon__D16-- {
    width: 16px;
    height: 16px;
}

.icon__D17-- {
    width: 17px;
    height: 17px;
}

.icon__D18-- {
    width: 18px;
    height: 18px;
}

.icon__D20-- {
    width: 20px;
    height: 20px;
}

.icon__D22-- {
    width: 22px;
    height: 22px;
}

.icon__D24-- {
    width: 24px;
    height: 24px;
}

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

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

.new-scroll > .modal-dialog > .modal-content {
    height: 100%;
    overflow-y: hidden !important;
    overflow-x: hidden;
}

.tt__lower {
    text-transform: lowercase !important;
}

.overflow__y--none {
    overflow-y: hidden !important;
}

.ws__pw-- {
    white-space: pre-wrap;
}

/*-------------------------------------------------Button------------------------------------------------*/
.btn__428BCA-- {
    background-color: #428BCA;
    border-color: #428BCA;
    color: var(--color-fff);
    border-style: solid;
    border-width: 1px;
}

.btn__5B5B5B-- {
    background-color: #5B5B5B;
    border-color: #E4E4E4;
    color: var(--color-fff);
    border-style: solid;
    border-width: 1px;
}

.btn__D2A905-- {
    background-color: #D2A905;
    border-color: #D2A905;
    color: var(--color-fff);
    border-style: solid;
    border-width: 1px;
}

.btn__0C8986-- {
    background-color: #0C8986;
    border-color: #0C8986;
    color: var(--color-fff);
    border-style: solid;
    border-width: 1px;
}

.btn__5CB85C-- {
    background-color: #5CB85C;
    border-color: #5CB85C;
    color: var(--color-fff);
    border-style: solid;
    border-width: 1px;
}

.btn__D2322D-- {
    background-color: #D2322D;
    border-color: #D2322D;
    color: var(--color-fff);
    border-style: solid;
    border-width: 1px;
}

.btn__3C3C3C--f {
    background: #ECECEC;
    border-color: #ECECEC;
    color: var(--color-4A4A4A);
    border-style: solid;
    border-width: 1px;
}

.dropdown-menu {
    max-height: 200px;
    overflow-y: auto;
}

.dropdown-up {
    bottom: 100%;
    top: auto;
    z-index: 999999;
}

.opacity__inherit-- {
    opacity: inherit !important;
}

.color__FFF-- {
    color: #fff !important;
}

.ti__20-- {
    text-indent: 20px;
}

.table-responsive-custom {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.accordiontablescroll {
    min-width: 1800px; /* content batti adjust cheyyandi */
    white-space: nowrap;
}

.table__auto-- {
    table-layout: auto !important;
}
.alphabet-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: column;
    grid-template-rows: repeat(13, auto); /* 26 letters / 2 columns = 13 rows */
    justify-items: center;
    gap: 4px;
}
.slots__btns--list {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(80px, 1fr));
    grid-gap: 5px;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .slots__btns--list > li > button {
        padding: 5px;
        font-size: var(--font-size-md);
        font-weight: 400;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
        border: 1px solid #E4E4E4;
        background: #fff;
        border-radius: 9px;
        line-height: 1.6;
        width: 100%;
    }

.vs__list--1 {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

    .vs__list--1 > p {
        color: #1D1D1D;
        font-size: var(--font-size-lg);
        font-weight: 500;
        line-height: 1.2;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 0;
    }

    .vs__list--1 > span {
        color: #51565A;
        font-size: var(--font-size-lg);
        font-weight: 400;
        line-height: 1.2;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 0;
    }

    .vs__list--1 > label {
        color: #585858;
        font-size: var(--font-size-lg);
        font-weight: 400;
        line-height: 1.6;
        word-wrap: break-word;
        display: inline-flex;
        align-items: center;
        flex-wrap: wrap;
    }

.form-outline {
    border-radius: 4px;
    border: solid 1.3px #d2d2d2 !important;
    background-color: #fff !important;
    padding: 4px 10px !important;
    width: 100% !important;
    box-shadow: none !important;
    overflow: hidden !important;
    font-size: var(--font-size-md) !important;
    font-weight: 600 !important;
    font-stretch: normal !important;
    font-style: normal !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    color: #000 !important;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
}
.flex-custom-flow {
    display: flex;
    align-items: center;
    grid-gap: 4px;
    flex-flow: wrap;
    margin: 0;
}

    .flex-custom-flow > li {
        list-style: none;
    }


.mainDevDiagnosis > ul {
    display: block;
    grid-gap: 0 5px;
    border-bottom: 1px solid #ddd;
}

    .mainDevDiagnosis > ul > li {
        border-radius: 0;
        list-style: none;
        text-align: center;
    }

        .mainDevDiagnosis > ul > li > a {
            padding: 5px 12px;
            border-radius: 0;
            font-weight: 600;
            font-size: var(--font-size-md);
            color: #2f2d47;
            background-color: transparent;
            border: transparent;
            border-bottom: 2px solid transparent;
            display: block;
        }

            .mainDevDiagnosis > ul > li > a:hover,
            .mainDevDiagnosis > ul > li > a:focus {
                background-color: transparent;
                border: transparent;
            }

        .mainDevDiagnosis > ul > li.active a,
        .mainDevDiagnosis > ul > li:hover a,
        .mainDevDiagnosis > ul > li a.tab-active {
            border-bottom: 2px solid #19987d;
            border-radius: 0;
            color: #1d5558;
        }

/*----------------------------------------*/
/*  04. Select Box
/*----------------------------------------*/
/*----------------------------------------*/
/*  05. Input Box
/*----------------------------------------*/
.ehr-input-color > input {
    background-color: #fff9d6 !important;
    border: 1px solid #e5dcad !important;
}

.pop-ehr-input > input,
.pop-ehr-input > select,
.pop-ehr-input > textarea,
.pop-ehr-input > div.ehr-input-group > input,
.pop-ehr-input > div.ehr-input-group > select,
.pop-ehr-input > div.ehr-input-group > button,
.pop-ehr-input-single {
    padding: 3px 5px !important;
}

.pop-ehr-input > button,
.pop-ehr-input > div.ehr-input-group > button {
    height: 26px !important;
    line-height: 1.1 !important;
}

.material-ehr-input > input,
.material-ehr-input > select,
.material-ehr-input > textarea {
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: solid 2px #bbbbbb !important;
    border-radius: 0 !important
}

.max-ehr-input > input,
.max-ehr-input > select,
.max-ehr-input > textarea,
.max-ehr-input > div.ehr-input-group > input,
.max-ehr-input > div.ehr-input-group > select,
.max-ehr-input > div.ehr-input-group > button,
.max-ehr-input-single {
    padding: 4px 10px !important;
}

.max-ehr-input > button,
.max-ehr-input > div.ehr-input-group > button {
    height: 26px !important;
    line-height: 1.1 !important;
}

.ehr-input > input,
.ehr-input > select,
.ehr-input > div.ehr-input-group > input,
.ehr-input > div.ehr-input-group > select,
.ehr-input-control,
.max-ehr-input > input,
.max-ehr-input > select {
    border-radius: 4px;
    border: solid 1.3px #d5d5d5;
    background-color: #fff;
    padding: 2px 10px;
    width: 100%;
    /*line-height: 1.42857143;*/
    box-shadow: none;
    overflow: hidden;
    font-size: var(--font-size-lg);
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #313131;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 26px;
}

.ehr-input > div.ehr-input-group > textarea,
.ehr-input > textarea {
    border-radius: 4px;
    border: solid 1.4px #909090;
    background-color: #fff;
    padding: 8px 10px;
    width: 100%;
    /*line-height: 1.42857143;*/
    box-shadow: none;
    overflow: hidden;
    font-size: var(--font-size-lg);
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #313131;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.ehr-input > input[type="text"]:disabled,
.ehr-input > select[type="text"]:disabled,
.ehr-input > div.ehr-input-group > input[type="text"]:disabled,
.ehr-input > div.ehr-input-group > select[type="text"]:disabled,
.ehr-input-control {
    background-color: #ccc;
}

.max-ehr-input > label {
    font-size: var(--font-size-lg);
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #4c4b4b;
}

.ehr-input > label > span {
    font-size: var(--font-size-xl);
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ff5151;
}

.ehr-input > label,
.ehr-input-label {
    font-size: var(--font-size-md);
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #068cb0;
    margin-bottom: 2px;
}

.ehr-input > div.ehr-input-group {
    display: flex;
    align-items: center;
}

    .ehr-input > div.ehr-input-group > input,
    .ehr-input > div.ehr-input-group > select,
    .ehr-input > div.ehr-input-group > button {
        border-radius: 0;
    }

        .ehr-input > div.ehr-input-group > button[disabled],
        .ehr-input > div.ehr-input-group > button:hover[disabled] {
            background-color: #e6e6e6 !important;
            color: #000 !important;
            border: 1px solid #e6e6e6 !important;
            /*border: 1px solid #909090 !important;*/
            border-left: none !important;
            font-size: var(--font-size-md) !important;
            font-weight: 600;
        }

        .ehr-input > div.ehr-input-group > input:first-child,
        .ehr-input > div.ehr-input-group > select:first-child,
        .ehr-input > div.ehr-input-group > button:first-child,
        .ehr-input > div.ehr-input-group > textarea:first-child {
            border-bottom-right-radius: 0 !important;
            border-top-right-radius: 0 !important;
            border-top-left-radius: 4px !important;
            border-bottom-left-radius: 4px !important;
        }

        .ehr-input > div.ehr-input-group > select:last-child,
        .ehr-input > div.ehr-input-group > input:last-child,
        .ehr-input > div.ehr-input-group > button:last-child,
        .ehr-input > div.ehr-input-group > textarea:last-child {
            border-bottom-left-radius: 0 !important;
            border-top-left-radius: 0 !important;
            border-top-right-radius: 4px !important;
            border-bottom-right-radius: 4px !important;
            border-left: 0;
        }

        .ehr-input > div.ehr-input-group > button,
        .ehr-input > div.ehr-input-group > button:focus,
        .ehr-input > div.ehr-input-group > button:hover,
        .ehr-input > button,
        .ehr-input > button:focus,
        .ehr-input > button:hover {
            padding: 6px 10px;
            background-color: #1d5558;
            color: #fff !important;
            border: 1px solid #07a0d4;
            font-size: var(--font-size-3l);
            /*height: 36px;*/
        }

.ehr-input > button {
    border-radius: 4px;
}

.ehr-input > input:focus,
.ehr-input > select:focus,
.ehr-input > textarea:focus,
.ehr-input > div.ehr-input-group > input:focus,
.ehr-input > div.ehr-input-group > select:focus {
    border: solid 1px #068cb0;
    -webkit-box-shadow: -1px 0px 7px -3px rgba(7,160,212,1);
    -moz-box-shadow: -1px 0px 7px -3px rgba(7,160,212,1);
    box-shadow: -1px 0px 7px -3px rgba(7,160,212,1);
    background-color: #f3f3f3;
}
.flex-flow-ulli,
.flex-flow-ulli-mb0 {
    margin: 0;
    display: flex;
    align-items: center;
    flex-flow: wrap;
}

    .flex-flow-ulli > li,
    .flex-flow-ulli-mb0 > li {
        list-style: none;
        margin-bottom: 10px;
        /*margin-right: 10px;*/
        margin-right: 5px;
    }

    .flex-flow-ulli-mb0 > li {
        margin-bottom: 0 !important;
    }

        .flex-flow-ulli > li:last-child,
        .flex-flow-ulli-mb0 > li:last-child {
            margin-right: 0;
        }

.ros-notes {
    background-color: rgb(191 186 186 / 10%);
    border: 1px solid #afabab;
    padding: 4px;
    font-size: var(--font-size-xl);
    font-weight: 500;
    color: #2d2d47;
    width: 100%;
}
.yesno-switch {
    margin: 0;
    display: flex;
    align-items: center;
}

    .yesno-switch > li.active {
        background-image: linear-gradient(#1d5558 0%, #339499 100%);
        color: #fff;
        border: 1px solid #1d5558;
        cursor: auto;
    }

    .yesno-switch > li {
        font-size: var(--font-size-md);
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #000;
        list-style: none;
        border: 1px solid #909090;
        padding: 3px 15px;
        cursor: pointer;
    }

.table__style--22 {
    width: 100%;
    border-collapse: separate;
    table-layout: auto;
    border-radius: 4px;
    border: 1px solid #E6E6E6;
}

    .table__style--22 > thead > tr > th {
        background: #F9F9F9;
        font-size: var(--font-size-lg);
        font-weight: 500;
        line-height: 18px;
        text-align: left;
        color: #1D1D1D;
        padding: 3px 10px;
        border-bottom: 1px solid #E6E6E6;
    }

    .table__style--22 > tbody > tr > td {
        padding: 3px 10px;
        border: none;
        text-align: left;
        color: #656565;
        font-weight: 400;
        font-size: var(--font-size-lg);
    }

.ul-Aideret-score {
    margin: 0;
}
    .ul-Aideret-score > li {
        list-style: none;
        display: flex;
        align-items: center;
        padding: 0;
        border-radius: 6px;
    }

        .ul-Aideret-score > li > input,
        .ul-Aideret-score > li > textarea {
            background-color: #fff;
            border: 1px solid #000;
            font-size: var(--font-size-xl);
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: left;
            color: #000;
            padding: 3px 8px;
            width: 100%;
            border-radius: 4px;
        }

        .ul-Aideret-score > li > button {
            background-color: #fff;
            border: 1px solid #000;
            font-size: var(--font-size-md);
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: center;
            color: #000;
            padding: 4px 8px;
            width: 100%;
            border-right: none;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }

            .ul-Aideret-score > li > button:only-child {
                border-radius: 5px;
                border-right: 1px solid #909090;
            }

            .ul-Aideret-score > li > button.active-score {
                background-color: #72B4A6;
                color: #000;
            }

        .ul-Aideret-score > li.active > button,
        .ul-Aideret-score > li.active > span {
            background-color: #1d5558;
            color: #fff;
            border-left: none;
        }

        .ul-Aideret-score > li > span {
            background-color: #fff;
            border: 1px solid #000;
            color: #000;
            font-size: var(--font-size-md);
            /* font-size: var(--font-size-xl);*/
            font-weight: 800;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: center;
            padding: 4px 8px;
            width: 50px;
        }
input[type="file"].docsfilechoose::file-selector-button {
    background-color: #e2e2e2;
    color: #767676;
    font-size: var(--font-size-xl);
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    border-radius: 5px;
    border: none;
    padding: 6px 15px
}

.docsfilechoose {
    padding: 3px 3px !important;
}
.table-graph {
    margin: 0;
    border-spacing: 5px 5px;
    border-collapse: separate;
    table-layout: fixed;
    width: 100%;
}

    .table-graph > thead > tr > th {
        border-radius: 4px;
        border: solid 1px #11b9e3;
        background-color: #dcf8ff;
        padding: 2px 5px;
        font-size: var(--font-size-xl);
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #068cb0;
    }

.table-graph-th-active {
    border: solid 1px #11b9e3 !important;
    background-color: #dcf8ff !important;
    color: #068cb0 !important;
}

.table-graph > thead > tr > td {
    color: #000;
    font-size: var(--font-size-xl);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.table-graph > tbody > tr > td > input {
    width: 100%;
    background-color: #fff;
    border: 1px solid #909090;
    padding: 3px 5px;
    font-size: var(--font-size-xl);
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000;
}

.table-graph > tbody > tr > td > ul > li > input {
    width: 100%;
    background-color: #fff;
    border: 1px solid #909090;
    padding: 3px 5px;
    font-size: var(--font-size-xl);
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000;
}

.table-graph > tbody > tr > td > span,
.table-graph > tbody > tr > td > select {
    border-radius: 4px;
    border: solid 1px #068cb0;
    background-color: #fff;
    padding: 3px 5px;
    display: block;
    text-align: center;
    font-size: var(--font-size-md);
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #313131;
    width: 100%;
}

.table-graph > tbody > tr > th > label {
    margin: 0;
    font-size: var(--font-size-md);
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #313131;
    border-radius: 4px;
    border: solid 1px #068cb0;
    background-color: #fff;
    padding: 5px;
}

.table-graph > tbody > tr > th {
    background-color: #efefef;
    font-size: var(--font-size-xl);
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #313131;
    padding: 3px 20px 3px 10px;
    position: relative;
}
.overflow-x-scroll {
    overflow-x: scroll !important;
}
.gaze-evalution,
.us-table {
    width: 100%;
    margin: 0;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 5px;
}

    .gaze-evalution > tbody > tr > td,
    .us-table > tbody > tr > td {
        position: relative;
    }
    .us-table > thead > tr > th,
    .us-table > tbody > tr > th {
        border-radius: 5px;
        background-color: #e5e5e5;
        padding: 7px 5px;
        font-size: var(--font-size-md);
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: normal;
        text-align: center;
        color: #6f6f6f;
    }

    .us-table > tbody > tr > td > input,
    .us-form {
        border-radius: 5px;
        border: solid 0.5px #d2d2d2;
        background-color: #f9f9f9;
        font-size: var(--font-size-lg);
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        padding: 6px 5px;
        line-height: 1.22;
        letter-spacing: normal;
        text-align: left;
        color: #000;
        width: 100%;
    }

.table-eh,
.summary-table-eh {
    margin: 0;
    border: 1px solid #d2d2d2;
    width: 100%;
}

    .table-eh > thead > tr > th,
    .summary-table-eh > thead > tr > th {
        background-image: linear-gradient(to bottom, #f6f6f6, #e5e5e5);
        padding: 8px 4px;
        font-size: var(--font-size-md);
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #000;
        text-transform: capitalize;
    }

    .table-eh > tbody > tr > td {
        background-color: #fff;
        padding: 8px 4px;
        font-size: var(--font-size-lg);
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #000;
        border-bottom: 1px solid #d2d2d2;
    }
    .table-eh > tbody > tr:last-child,
    .summary-table-eh > tbody:last-child {
        border: none;
    }
/*------------------------------------*/
.vertical-table-eh,
.horizontal-table-eh,
.table-c6-list,
.past-visit-table-inside,
.table-gray-head {
    width: 100%;
    margin: 0;
}

    .vertical-table-eh > tbody > tr > th,
    .horizontal-table-eh > thead > tr > th {
        font-size: var(--font-size-md);
        /*  font-size: var(--font-size-lg);*/
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #6f6f6f;
        padding: 6px 8px;
        background-color: transparent;
    }

    .vertical-table-eh > tbody > tr > td,
    .horizontal-table-eh > tbody > tr > td {
        font-size: var(--font-size-sm);
        /*  font-size: var(--font-size-md);*/
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #000;
        padding: 6px 8px;
        background-color: transparent;
    }
.btn {
    padding: 1px 15px;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    margin: 0;
    font-size: var(--font-size-md);
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 3px;
    opacity: .999;
    position: relative;
    opacity: .999;
    height: 26px;
}
.btn-discard-us,
.btn-discard-us:focus {
    border-radius: 5px;
    background-image: linear-gradient(to bottom, #ff9f9f, #e86868);
    color: #fff;
}
    .btn-discard-us:hover {
        border-radius: 5px;
        background-image: linear-gradient(to bottom, #e86868, #ff9f9f);
        color: #fff;
    }

.btn-save-us,
.btn-save-us:focus {
    border-radius: 5px;
    background-image: linear-gradient(to bottom, #07a0d4, #068cb0);
    color: #fff;
    border: 1px solid #068cb0;
}
    .btn-save-us:hover {
        border-radius: 5px;
        background-image: linear-gradient(to bottom,#068cb0, #07a0d4);
        color: #fff;
    }

.advanced-search-filters {
    padding: 10px;
    background: #F7F7F9;
    border: 1px solid #C0C0C0;
    border-radius: 7px;
    position: relative;
}

    .advanced-search-filters > span {
        position: absolute;
        left: 14px;
        right: 0px;
        top: -15px;
        padding: 3px 6px;
        background: #fff;
        width: 140px;
        height: 20px;
        font-weight: 700;
        color: #1C7794;
        font-size: var(--font-size-xl);
        border-radius: 4px;
        line-height: normal;
    }

    .advanced-search-filters > ul {
        padding: 0;
        margin: 0;
        list-style: none;
        display: flex;
        align-items: center;
        gap: 8px;
    }

        .advanced-search-filters > ul > li > input, .advanced-search-filters > ul > li > select {
            width: 100%;
            padding: 4px 6px;
            border-radius: 5px;
            border: 0.5px solid #8E8E8E !important;
            font-size: var(--font-size-md) !important;
            font-weight: 400;
            text-align: left;
            color: #262626 !important;
        }

        .advanced-search-filters > ul > li > button {
            display: flex;
            gap: 5px;
            align-items: center;
            font-size: var(--font-size-lg);
            color: #fff !important;
            font-weight: 500;
            border-radius: 5px;
            background: #2D2D47;
            border: 1px solid #2D2D47;
            padding: 3px 10px;
            cursor: pointer;
        }
        .advanced-search-filters > ul > li > input > ul {
            background-color: #f2f2f2;
        }

.book__slot--row {
    align-items: stretch;
}

    .book__slot--row > .book__slot--slots {
        height: auto !important;
        position: relative;
        min-height: 300px;
    }

        .book__slot--row > .book__slot--slots > .section__style--4 {
            position: absolute;
            inset: 0;
            height: auto !important;
            margin: 0;
            border: 1px solid #E4E4E4;
            border-radius: 6px;
            background: #fff;
            overflow: hidden;
        }

            .book__slot--row > .book__slot--slots > .section__style--4 > .section__header-- {
                flex-shrink: 0;
                border: none;
                border-bottom: 1px solid #EDEDED;
                border-radius: 0;
            }

            .book__slot--row > .book__slot--slots > .section__style--4 > .section__body-- {
                flex: 1;
                min-height: 0;
                height: auto !important;
                padding: 8px !important;
            }

                .book__slot--row > .book__slot--slots > .section__style--4 > .section__body-- > .position__relative-- {
                    height: 100% !important;
                    overflow-y: auto;
                }

                    .book__slot--row > .book__slot--slots > .section__style--4 > .section__body-- > .position__relative-- .vs__list--1 {
                        padding: 0 !important;
                    }

.slots__btns--card {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 6px;
}

    .slots__btns--card > li {
        position: relative;
    }

        .slots__btns--card > li > button {
            flex-direction: column;
            gap: 0;
            padding: 4px 16px;
            border: 1px solid #D9D9D9;
            border-radius: 6px;
            line-height: 1.25;
            height: 100%;
        }

    .slots__btns--card .slot__time-- {
        font-size: 13px;
        font-weight: 600;
        color: #1D1D1D;
        white-space: nowrap;
    }

    .slots__btns--card .slot__sub-- {
        font-size: 10.5px;
        color: #6B6B6B;
    }

    .slots__btns--card > li > button.slot__nonslotlist-- {
        background: #F7F7F7;
    }

    .slots__btns--card > li > button.slot__booked-- {
        background: #FFE8C7;
        border-color: #F5C58A;
    }

    .slots__btns--card > li > button.slot__disabled-- {
        background: #C8C8C8;
        border-color: #B5B5B5;
    }

        .slots__btns--card > li > button.slot__disabled-- .slot__sub-- {
            color: #4A4A4A;
        }

    .slots__btns--card > li > button.slot__max-- {
        background: #FDECEA;
        border-color: #F2A9A4;
    }

        .slots__btns--card > li > button.slot__max-- .slot__time--,
        .slots__btns--card > li > button.slot__max-- .slot__sub-- {
            color: #D32F2F;
        }

    .slots__btns--card > li > button.slot__selected-- {
        background: #1B7E84;
        border-color: #1B7E84;
    }

        .slots__btns--card > li > button.slot__selected-- .slot__time--,
        .slots__btns--card > li > button.slot__selected-- .slot__sub-- {
            color: #FFFFFF;
        }

    .slots__btns--card .slot__info-- {
        position: absolute;
        top: 4px;
        right: 4px;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background: #E6E6E6;
        color: #333333;
        font-family: Georgia, "Times New Roman", serif;
        font-size: 10px;
        font-style: italic;
        font-weight: 700;
        line-height: 14px;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
    }

.slot__info--legend {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #9A9A9A;
    color: #4A4A4A;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 12px;
    font-style: italic;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.slot__legend--list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

    .slot__legend--list > li {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 12px;
        color: #1D1D1D;
        white-space: nowrap;
    }

.slot__legend--box {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    border: 1px solid #D9D9D9;
    background: #FFFFFF;
    flex-shrink: 0;
}

    .slot__legend--box.slot__booked-- {
        background: #FFE8C7;
        border-color: #F5C58A;
    }

    .slot__legend--box.slot__max-- {
        background: #FDECEA;
        border-color: #F2A9A4;
    }

    .slot__legend--box.slot__disabled-- {
        background: #C8C8C8;
        border-color: #B5B5B5;
    }

    .slot__legend--box.slot__nonslotlist-- {
        background: #F7F7F7;
    }

    .slot__legend--box.slot__selected-- {
        background: #1B7E84;
        border-color: #1B7E84;
    }

.slot__legend--popover.popover {
    z-index: 10002 !important;
    max-width: 260px;
    pointer-events: none;
}

.slot__visittype--popover.popover {
    z-index: 10002 !important;
    max-width: 280px;
    pointer-events: none;
}

/* Show breaks switch in the Available Slots header */
md-switch.slot__break--switch {
    margin: 0;
    min-height: 0;
}

    md-switch.slot__break--switch .md-ink-ripple {
        color: transparent !important;
    }

    md-switch.slot__break--switch.md-checked .md-thumb {
        background-color: #1D5558 !important;
    }

    md-switch.slot__break--switch.md-checked .md-bar {
        background-color: #1D555859 !important;
    }

/* slot type and visit types are one text node with a line break between them */
.slot__visittype--popover.popover .popover-content {
    white-space: pre-line;
    text-align: left;
}

/* Reserved slots (Book Appointment v3) */
.slots__btns--card > li > button.slot__reserved--,
.slot__legend--box.slot__reserved-- {
    background: #E8B93E;
    border-color: #D2A32C;
}

.slots__btns--card > li > button.slot__reserved-- .slot__time--,
.slots__btns--card > li > button.slot__reserved-- .slot__sub-- {
    color: #1D1D1D;
}

/* Popovers opened from inside the Book Appointment popup (z-index 10001) */
.bookappt__popover--.popover {
    z-index: 10002 !important;
}

/* Doctor configuration message badge (Book Appointment v3) */
.slot__config--badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: 8px;
    padding: 3px 10px;
    border: 1px solid #EBC25A;
    border-radius: 20px;
    background: #FDF6E3;
    color: #8A6100;
    font-size: var(--font-size-md);
    font-weight: 600;
    line-height: 16px;
    max-width: 380px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.slot__config--dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #E8B93E;
    flex-shrink: 0;
}

/* Extra slots (Book Appointment v3) */
.slots__btns--card > li > button.slot__extra--,
.slot__legend--box.slot__extra-- {
    background: #C7DCEB;
    border-color: #9EC2DA;
}

.slots__btns--card > li > button.slot__extra-- .slot__time--,
.slots__btns--card > li > button.slot__extra-- .slot__sub-- {
    color: #1D1D1D;
}

/* Partial leave slots (Book Appointment v3) */
.slots__btns--card > li > button.slot__partialleave--,
.slot__legend--box.slot__partialleave-- {
    background: #9B51E0;
    border-color: #7E3EC4;
}

.slots__btns--card > li > button.slot__partialleave-- .slot__time--,
.slots__btns--card > li > button.slot__partialleave-- .slot__sub-- {
    color: #FFFFFF;
}

/* Unblock Remarks popup (Book Appointment v3) */
.unblock__remarks--modal > .modal-dialog {
    width: 440px;
    max-width: calc(100% - 20px);
    margin: 80px auto;
}