:root {
    /*Neutral*/
    --color-000: #000;
    --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-3C3C3C: #3C3C3C;
    --color-1D55581A: #1D55581A;
    --color-E8EEEE: #E8EEEE;
    --color-F7981C: #F7981C;
    --color-CFD3D4: #CFD3D4;
    /*Brand*/
    --color-E8EEEE: #E8EEEE;
    --color-DDE5E6: #DDE5E6;
    --color-3E6E71: #3E6E71;
    --color-2d2d47: #2d2d47;
    --color-1D5558: #1D5558;
    --color-ECEDFD: #ECEDFD;
    /*Error*/
    --color-F9E8E9: #F9E8E9;
    --color-EFBCBF: #EFBCBF;
    --color-C71D27: #C71D27;
    /*Warning*/
    --color-FFF5EA: #FFF5EA;
    --color-FFE3C0: #FFE3C0;
    --color-FF9F2D: #FF9F2D;
    /*Success*/
    --color-EBF8F5: #EBF8F5;
    --color-34B698: #34B698;
    /*B/ W*/
    --color-FFFFFF: #FFFFFF;
    --color-1D1D1D: #1D1D1D;
    /*Tertiary*/
    --color-D35DE7: #D35DE7;
    --color-3BAC66: #3BAC66;
    --color-537ACF: #537ACF;
    /*Other colors*/
    --color-8375EA4D: #8375EA4D;
    --color-FF9F2D4D: #FF9F2D4D;
    --color-4BB5434D: #4BB5434D;
}
/*Text Colors*/
.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__CFD3D4-- {
    color: var(--color-CFD3D4);
}

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

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

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

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

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

.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__F9E8E9-- {
    color: var(--color-F9E8E9);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.tc__CFD3D4-- {
    color: var(--color-CFD3D4);
}
/*Background Colors*/
.bg__F9F9F9-- {
    background-color: var(--color-F9F9F9);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bg__3BAC66-- {
    background-color: var( --color-3BAC66);
}
/*Fonts*/
.fs__xs-- {
    font-size: var(--font-size-xs);
}

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

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

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

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

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

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

.fs__4l-- {
    font-size: var(--font-size-4l);
}
/*Font Weight*/
.fw__7-- {
    font-weight: 700;
}

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

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

.fw__4-- {
    font-weight: 400;
}

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

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

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

/*Font Styles*/
.fs__normal-- {
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
}
/*Borders*/
.bw__0-- {
    border-width: 0px !important;
}

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

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

.bb__1-- {
    border-bottom-width: 1px;
}

.bt__1-- {
    border-top-width: 1px;
}

.br__1-- {
    border-right-width: 1px;
}

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

.bs__solid-- {
    border-style: solid;
}

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

.bs__dashed-- {
    border-style: dashed;
}

.bc__E4E4E4-- {
    border-color: #E4E4E4;
}

.bc__f2f2f2-- {
    border-color: #F2F2F2;
}

.bc__C71D27-- {
    border-color: #C71D27;
}

.bc__FF9F2D-- {
    border-color: #FF9F2D;
}

.bc__3BAC66-- {
    border-color: #3BAC66;
}

.bc__34B698-- {
    border-color: #34b698;
}

.bc__dddddd-- {
    border-color: #DDDDDD;
}

.bb__dcdcdc-- {
    border-bottom: 1px solid #dcdcdc;
}
/*Borders*/
.border__E4E4E4-- {
    border: 1px solid #E4E4E4;
}

.border__1D5558-- {
    border: 1px solid #1D5558;
}
/*positions*/
.position__relative-- {
    position: relative;
}

.position__absolute-- {
    position: absolute;
}

.position__fixed-- {
    position: fixed;
}

.position__sticky-- {
    position: sticky;
}

.r__0-- {
    right: 0;
}

.l__0-- {
    left: 0;
}

.t__0-- {
    top: 0;
}

.b__0-- {
    bottom: 0;
}

.r__auto-- {
    right: auto;
}

.l__auto-- {
    left: auto;
}

.t__auto-- {
    top: auto;
}

.b__auto-- {
    bottom: 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;
}
/*Border-radius*/
.br__0-- {
    border-radius: 0
}

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

.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
}
/*List*/
.list__unstyled--,
.list__none-- {
    list-style-type: none;
}
/*Padding*/
.p__0-- {
    padding: 0 !important;
}

.p__1-- {
    padding: 1px
}

.p__2-- {
    padding: 2px
}

.p__3-- {
    padding: 3px
}

.p__4-- {
    padding: 4px
}

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

.p__6-- {
    padding: 6px
}

.p__7-- {
    padding: 7px
}

.p__8-- {
    padding: 8px
}

.p__9-- {
    padding: 9px
}

.p__10-- {
    padding: 10px
}

.p__15-- {
    padding: 15px
}

.p__20-- {
    padding: 20px
}

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

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

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

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

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

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

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

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

.pl__20-- {
    padding-left: 20px;
}
/*Padding Y- co-ordinate*/
.py__1-- {
    padding-top: 1px;
    padding-bottom: 1px;
}

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

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

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

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

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

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

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

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

.py__10-- {
    padding-top: 10px;
    padding-bottom: 10px;
}
/*Padding X- co-ordinate*/
.px__0-- {
    padding-right: 0px;
    padding-left: 0px;
}

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

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

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

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

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

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

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

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

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

.px__10-- {
    padding-right: 10px;
    padding-left: 10px;
}
/*Margin*/
.m__auto-- {
    margin: auto
}

.m__0-- {
    margin: 0
}

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

.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__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__0-- {
    margin-top: 0px;
}

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

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

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

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

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

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

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

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

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

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

/*Width*/
.w__10-- {
    width: 10px;
}

.w__15-- {
    width: 15px;
}

.w__20-- {
    width: 20px;
}

.w__25-- {
    width: 25px;
}

.w__30-- {
    width: 30px;
}

.w__35-- {
    width: 35px;
}

.w__40-- {
    width: 40px;
}

.w__45-- {
    width: 45px;
}

.w__50-- {
    width: 50px;
}

.w__100-- {
    width: 100px;
}

.w__150-- {
    width: 150px;
}

.w__200-- {
    width: 200px;
}

.w__250-- {
    width: 250px;
}

.w__300-- {
    width: 300px;
}

.w__350-- {
    width: 350px;
}

.w__400-- {
    width: 400px;
}

.w__450-- {
    width: 450px;
}

.w__500-- {
    width: 500px;
}

.width__100-- {
    width: 100%;
}

.width__90-- {
    width: 90%;
}

.width__80-- {
    width: 80%;
}

.width__70-- {
    width: 70%;
}

.width__60-- {
    width: 60%;
}

.width__50-- {
    width: 50%;
}

.width__45-- {
    width: 45%;
}

.width__40-- {
    width: 40%;
}

.width__35-- {
    width: 35%;
}

.width__30-- {
    width: 30%;
}

.width__25-- {
    width: 25%;
}

.width__20-- {
    width: 20%;
}

.width__15-- {
    width: 15%;
}

.width__10-- {
    width: 10%;
}

.width__5-- {
    width: 5%;
}

.mw__0-- {
    min-width: 0;
}
/*Height*/
.height__100-- {
    height: 100%;
}

.h__100-- {
    height: 100vh;
}

.h__50-- {
    height: 50vh;
}

.h__25-- {
    height: 25vh;
}
/*Display*/
.d__b-- {
    display: block;
}

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

.d__f-- {
    display: flex;
}

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

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

.d__g-- {
    display: grid;
}

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

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

.fd__r-- {
    flex-direction: row !important;
}
/*Gaps*/
.gap__0-- {
    gap: 0px;
}

.gap__5-- {
    gap: 5px;
}

.gap__10-- {
    gap: 10px;
}

.gap__15-- {
    gap: 15px;
}

.gap__20-- {
    gap: 20px;
}

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

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

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

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

.gap__6--y {
    row-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__20--y {
    row-gap: 20px;
}
/*Gap X-co-ordinate*/
.gap__x--1 {
    column-gap: 1px;
}

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

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

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

.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;
}
/**/
.z__999-- {
    z-index: 999;
}

.z__9999-- {
    z-index: 9999;
}

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

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

.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;
}
/*Hovers*/
.tx__h--d3d3d3:hover {
    color: #222;
}

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

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

.tx__h--fffff:hover {
    color: #ffffff;
}
/*Text-overflows*/
.ws__nowrap-- {
    white-space: nowrap;
}

.to__ellipsis-- {
    text-overflow: ellipsis;
}
/*Sections*/

/*Over Flows*/

.over__hidden-- {
    overflow: hidden;
}


/*Align Items*/
.ai__c-- {
    align-items: center;
}

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

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

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

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

.ai__b-- {
    align-items: baseline;
}
/*Justify Content*/
.jc__c-- {
    justify-content: center
}

.jc__e-- {
    justify-content: end
}

.jc__s-- {
    justify-content: start
}

.jc__fs-- {
    justify-content: flex-start
}

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

.jc__sb-- {
    justify-content: space-between
}

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

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

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

.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;
}
/*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;
    }
/* Tablets (768px and above) */
@media (min-width: 768px) {
    : root {
        --font-size-xs: 0.7rem;
        --font-size-sm: 0.75rem;
        --font-size-md: 0.8125rem;
        --font-size-lg: 0.875rem;
        --font-size-xl: 0.9375rem;
        --font-size-2l: 1rem;
        --font-size-3l: 1.0625rem;
        --font-size-4l: 1.125rem;
    }
}
/* Large Screens (1440px and above) */
@media (min-width: 1024px) {
    :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 */
    }
}

/* -----------------------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;
        }
}