:root { /*Color Used*/ --CrTe: rgb(221, 21, 95); /*ColorTheme */ --CrPe: rgb(121,83,202); /*ColorPurple*/ --CrTeRGB: 242 217 56; /*ColorThemeRGB*/ --CrTeHr: rgb(0 0 0); /*ColorThemeHover*/ --CrTeTtLt: white; /*ColorThemeLight*/ --CrTeHrTt: white; /*ColorThemeHoverText*/ --CrTeIcon: rgb(36 34 34 / 0.95); /*ColorThemeIcon*/ --CrTeBnAd: rgba(132, 205, 185, 0.85); /*ColorThemeButtonAdd*/ --CrTeBnCl: rgb(249 3 45 / 0.67); /*ColorThemeButtonCancel*/ --CrTeBnNt: rgb(61 180 219 / 0.86); /*ColorThemeButtonNext*/ --CrTeBnPs: rgb(242, 217, 56, 0.94); /*ColorThemeButtonPreviuos*/ --CrTeBnDe: rgb(228 124 24 / 0.88); /*ColorThemeButtonDelete*/ --CrTeBnTtDk: rgb(36 34 34 / 0.95); /*ColorThemeButtonTextDark*/ --CrTeBnTtLt: rgb(246 244 244 / 0.95); /*ColorThemeButtonTextLight*/ --CrTePr: #f2f2f2; /*colorThemePopper*/ --CrTeBr: rgb(var(--CrTeRGB)/.95); /*ColorThemeBorder*/ --CrTeBnBd: rgb(var(--CrTeRGB)/.5); /*ColorThemeButtonBackground*/ --CrTeSt: rgb(163 130 15); /*ColorThemeSelect*/ --CrTeTtBxBd: rgb(var(--CrTeRGB)/.05); /*ColorThemeTextBoxBackground*/ --CrTeTe-aEnRwBd: rgb(var(--CrTeRGB)/.05); /*ColorThemeTableEvenRowBackground Used For Calender*/ --CrTeTe-aOdRwBd: rgb(244 243 243 / 0.95); /*ColorThemeTableOddRowBackground Used For Calender*/ --CrTeTe-aThRwBd: rgb(var(--CrTeRGB)/.15); --CrBdTt30: rgb(233 231 231 / 0.3); /*ColorBackgroundTranslucent*/ /*Used for selectshadow as well*/ --CrTeHrSw: #719ECE; /*ColorThemeHoverShadow*/ --CrTeTt: rgb(57, 57, 57); /* ColorThemeText*/ --CrTeBdBody: rgb(245 246 246 / 0.95); /*ColorThemeBackground */ --CrSwIr: rgba(39, 59, 111, 0.5); /*ColorShadowInner*/ --CrSwOt: rgba(36,54,101,.15); /*ColorShadowOut*/ --CrPrTbSh: rgb(129 128 128 / 0.95); /*ColorPlaceHolderTableSearch*/ /*Red Green Yellow Black Brown Grey Orange Blue Pink Voilet White*/ --CrRd: 255 0 0; --CrGn: 15, 190, 120; --CrMn: 207,46, 83; --CrYw: 255, 155, 41; --CrBk: 23 22 22; --CrBn: 98 53 3; --CrGy: 108 103 103; --CrGyLt: 159 159 159; --CrOe: 236 134 9; --CrBe: 70 164 199; --CrPk: 222 203 223; --CrVt: 151 9 248; --CrWe: 239 239 239; --CrWeBt: 255 255 255; --CrSsYw: 233 143 48; --CrSsPe: 115 77 168; /* FontFamily*/ --FtFy: 'Manrope', sans-serif; --FtFyHt: 'Kaushan Script'; /*Pixel Equivalent rem*/ --PlRm: calc(1 / 16); /*Use Where Our Pixel Value Not available*/ --Pl0: 0rem; --Pl1: 0.0625rem; --Pl2: 0.125rem; --Pl3: 0.1875rem; --Pl4: 0.25rem; --Pl5: 0.3125rem; --Pl6: 0.375rem; --Pl7: 0.4375rem; --Pl8: 0.5rem; --Pl9: 0.5625rem; --Pl10: 0.625rem; --Pl11: 0.6875rem; --Pl12: 0.75rem; --Pl13: 0.8125rem; --Pl14: 0.875rem; --Pl15: 0.9375rem; --Pl16: 1rem; --Pl17: 1.0625rem; --Pl18: 1.125rem; --Pl19: 1.1875rem; --Pl20: 1.25rem; --Pl21: 1.3125rem; --Pl22: 1.375rem; --Pl23: 1.4375rem; --Pl24: 1.5rem; --Pl25: 1.5625rem; --Pl26: 1.625rem; --Pl27: 1.6875rem; --Pl28: 1.75rem; --Pl29: 1.8125rem; --Pl30: 1.875rem; --Pl31: 1.9375rem; --Pl32: 2rem; --Pl33: 2.0625rem; --Pl34: 2.125rem; --Pl35: 2.1875rem; --Pl36: 2.25rem; --Pl37: 2.3125rem; --Pl38: 2.375rem; --Pl39: 2.4375rem; --Pl40: 2.5rem; --Pl41: 2.5625rem; --Pl42: 2.625rem; --Pl43: 2.6875rem; --Pl44: 2.75rem; --Pl45: 2.8125rem; --Pl46: 2.875rem; --Pl47: 2.9375rem; --Pl48: 3rem; --Pl49: 3.0625rem; --Pl50: 3.125rem; --Pl51: 3.1875rem; --Pl52: 3.25rem; --Pl53: 3.3125rem; --Pl54: 3.375rem; --Pl55: 3.4375rem; --Pl56: 3.5rem; --Pl57: 3.5625rem; --Pl58: 3.625rem; --Pl59: 3.6875rem; --Pl60: 3.75rem; } *, *::before, *::after { box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } body { margin: 0; font-family: var(--FtFy); letter-spacing: 0.3px; font-weight: 500; color: var(--CrTeTt); // background-color: var(--CrTeBdBody); -webkit-text-size-adjust: 100%; max-width: 100%; overflow-x: hidden; } /*Anchor Defaults*/ a { text-decoration-color: none; text-decoration: none; color: var(--CrTeTt); } a:hover { color: var(--CrGy); } button, input[type="button"], input[type="submit"], a { cursor: pointer; } select { // width: 100%; // min-width: 100%; cursor: pointer; font-style: normal; font-family: var(--FtFy); } select:focus { color: var(--CrTeTt); background-color: var(--CrTeTtBxBd); } option { color: var(--CrTeTt); background-color: var(--CrTeTtBxBd); } option:hover { background-color: var(--CrTe) !important; color: var(--CrTeHrTt) !important; } textarea { overflow: hidden; } html, body { height: 100%; font-size: .9rem; } @media (min-width:768px) { html, body { font-size: .85rem; } } @media (min-width: 992px) { html, body { font-size: .9rem; } } @media (min-width: 1200px) { html, body { font-size: 1rem; } } @media (min-width: 1400px) { html, body { font-size: 1rem; } } @media (min-width: 1600px) { html, body { font-size: 1rem; } } @media (min-width: 1800px) { html, body { font-size: 1rem; } } /*ActiveTheme*/ .AeTe { background-color: var(--CrTe); color: var(--CrTeHrTt); } /*Animation*/ .AnRn360 { -webkit-animation: rotating 3s linear infinite; -moz-animation: rotating 3s linear infinite; -ms-animation: rotating 3s linear infinite; -o-animation: rotating 3s linear infinite; animation: rotating 3s linear infinite; } @keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } /*Button*/ /*ButtonIcon*/ .BnInSe14, .BnInSe15, .BnInSe16, .BnInSe17 { display: inline-flex; justify-content: center; align-items: center; margin: var(--Pl2); box-shadow: 0px 2px 6px 3px var(--CrSwOt); } .BnInSe14 { font-size: var(--Pl14); height: var(--Pl26); width: var(--Pl26); border-radius: 7px; padding: var(--Pl3); } .BnInSe15 { font-size: var(--Pl15); height: var(--Pl27); width: var(--Pl27); border-radius: 7px; padding: var(--Pl3); } .BnInSe16 { font-size: var(--Pl16); height: var(--Pl27); width: var(--Pl27); border-radius: 8px; padding: var(--Pl4); } .BnInSe17 { font-size: var(--Pl17); height: var(--Pl28); width: var(--Pl28); border-radius: 8px; padding: var(--Pl4); } .Bn14, .BnRd14 { padding: var(--Pl4) var(--Pl6); font-size: var(--Pl14); font-weight: 400; } .Bn15, .BnRd15 { padding: var(--Pl5) var(--Pl7); font-size: var(--Pl15); font-weight: 400; } .Bn16, .BnRd16 { padding: var(--Pl5) var(--Pl7); font-size: var(--Pl16); font-weight: 500; } .Bn17, .BnRd17 { padding: var(--Pl6) var(--Pl8); font-size: var(--Pl17); font-weight: 500; } .Bn14, .Bn15 { border-radius: var(--Pl4) } .Bn16, .Bn17 { border-radius: var(--Pl5); } .BnRd14 { border-radius: var(--Pl22); padding: var(--Pl4) var(--Pl8); } .BnRd15 { border-radius: var(--Pl22); padding: var(--Pl4) var(--Pl9); } .BnRd16 { border-radius: var(--Pl24); padding: var(--Pl5) var(--Pl10); } .BnRd17 { border-radius: var(--Pl25); padding: var(--Pl6) var(--Pl11); } /*ButtonFullWidth*/ .BnWh100 { width: 100% !important; } /*Outline*/ .BnOtLe { background-color: rgb(249 244 244 / 0.96) !important } /*Button Circle*/ .BnCe35 { height: var(--Pl35); width: var(--Pl35); border-radius: 50%; border: var(--Pl3) solid var(--CrTeBr); display: inline-flex; justify-content: center; align-items: center; } .BnCe28 { height: var(--Pl28); width: var(--Pl28); border-radius: 50%; border: var(--Pl2) solid var(--CrTeBr); display: inline-flex; justify-content: center; align-items: center; } .Bn14, .Bn15, .Bn16, .Bn17, .BnRd14, .BnRd15, .BnRd16, .BnRd17, .BnInSe14, .BnInSe15, .BnInSe16, .BnInSe17 { border-color: transparent; border-width: var(--Pl2); display: inline-flex; justify-content: center; align-items: center; } :where(.Bn14, .Bn15, .Bn16, .Bn17,.BnRd14, .BnRd15, .BnRd16,.BnRd17, .BnInSe14, .BnInSe15, .BnInSe16, .BnInSe17, .BnInSe14, .BnInSe15, .BnInSe16, .BnInSe17,.BnCe35,.BnCe28,.BnWh100,.BnOtLe):focus { outline: none; // transform: scale(.94); } /*Border-- -Cr implies to add class cr to show border*/ .Br1_Cr { border: var(--Pl1) solid !important; } .Br2_Cr { border: var(--Pl2) solid !important; } .Br3_Cr { border: var(--Pl3) solid !important; } .Br4_Cr { border: var(--Pl4) solid !important; } .Br5_Cr { border: var(--Pl5) solid !important; } .Br6_Cr { border: var(--Pl6) solid !important; } .Br7_Cr { border: var(--Pl7) solid !important; } .Br8_Cr { border: var(--Pl8) solid !important; } .Br9_Cr { border: var(--Pl9) solid !important; } .Br10_Cr { border: var(--Pl10) solid !important; } .BrLt1_Cr { border-left: var(--Pl1) solid !important; } .BrLt2_Cr { border-left: var(--Pl2) solid !important; } .BrLt3_Cr { border-left: var(--Pl3) solid !important; } .BrLt4_Cr { border-left: var(--Pl4) solid !important; } .BrLt5_Cr { border-left: var(--Pl5) solid !important; } .BrLt6_Cr { border-left: var(--Pl6) solid !important; } .BrLt7_Cr { border-left: var(--Pl7) solid !important; } .BrLt8_Cr { border-left: var(--Pl8) solid !important; } .BrLt9_Cr { border-left: var(--Pl9) solid !important; } .BrLt10_Cr { border-left: var(--Pl10) solid !important; } .BrTp1_Cr { border-top: var(--Pl1) solid !important; } .BrTp2_Cr { border-top: var(--Pl2) solid !important; } .BrTp3_Cr { border-top: var(--Pl3) solid !important; } .BrTp4_Cr { border-top: var(--Pl4) solid !important; } .BrTp5_Cr { border-top: var(--Pl5) solid !important; } .BrTp6_Cr { border-top: var(--Pl6) solid !important; } .BrTp7_Cr { border-top: var(--Pl7) solid !important; } .BrTp8_Cr { border-top: var(--Pl8) solid !important; } .BrTp9_Cr { border-top: var(--Pl9) solid !important; } .BrTp10_Cr { border-top: var(--Pl10) solid !important; } .BrRt1_Cr { border-right: var(--Pl1) solid !important; } .BrRt2_Cr { border-right: var(--Pl2) solid !important; } .BrRt3_Cr { border-right: var(--Pl3) solid !important; } .BrRt4_Cr { border-right: var(--Pl4) solid !important; } .BrRt5_Cr { border-right: var(--Pl5) solid !important; } .BrRt6_Cr { border-right: var(--Pl6) solid !important; } .BrRt7_Cr { border-right: var(--Pl7) solid !important; } .BrRt8_Cr { border-right: var(--Pl8) solid !important; } .BrRt9_Cr { border-right: var(--Pl9) solid !important; } .BrRt10_Cr { border-right: var(--Pl10) solid !important; } .BrBm1_Cr { border-bottom: var(--Pl1) solid !important; } .BrBm2_Cr { border-bottom: var(--Pl2) solid !important; } .BrBm3_Cr { border-bottom: var(--Pl3) solid !important; } .BrBm4_Cr { border-bottom: var(--Pl4) solid !important; } .BrBm5_Cr { border-bottom: var(--Pl5) solid !important; } .BrBm6_Cr { border-bottom: var(--Pl6) solid !important; } .BrBm7_Cr { border-bottom: var(--Pl7) solid !important; } .BrBm8_Cr { border-bottom: var(--Pl8) solid !important; } .BrBm9_Cr { border-bottom: var(--Pl9) solid !important; } .BrBm10_Cr { border-bottom: var(--Pl10) solid !important; } .BrBmLtRs1 { border-bottom-left-radius: var(--Pl1) !important; } .BrBmLtRs2 { border-bottom-left-radius: var(--Pl2) !important; } .BrBmLtRs3 { border-bottom-left-radius: var(--Pl3) !important; } .BrBmLtRs4 { border-bottom-left-radius: var(--Pl4) !important; } .BrBmLtRs5 { border-bottom-left-radius: var(--Pl5) !important; } .BrBmLtRs6 { border-bottom-left-radius: var(--Pl6) !important; } .BrBmLtRs7 { border-bottom-left-radius: var(--Pl7) !important; } .BrBmLtRs8 { border-bottom-left-radius: var(--Pl8) !important; } .BrBmLtRs9 { border-bottom-left-radius: var(--Pl9) !important; } .BrBmLtRs10 { border-bottom-left-radius: var(--Pl10) !important; } .BrBmLtRs11 { border-bottom-left-radius: var(--Pl11) !important; } .BrBmLtRs12 { border-bottom-left-radius: var(--Pl12) !important; } .BrBmLtRs13 { border-bottom-left-radius: var(--Pl13) !important; } .BrBmLtRs14 { border-bottom-left-radius: var(--Pl14) !important; } .BrBmLtRs15 { border-bottom-left-radius: var(--Pl15) !important; } .BrBmLtRs16 { border-bottom-left-radius: var(--Pl16) !important; } .BrBmLtRs17 { border-bottom-left-radius: var(--Pl17) !important; } .BrBmLtRs18 { border-bottom-left-radius: var(--Pl18) !important; } .BrBmLtRs19 { border-bottom-left-radius: var(--Pl19) !important; } .BrBmLtRs20 { border-bottom-left-radius: var(--Pl20) !important; } .BrBmLtRs25 { border-bottom-left-radius: var(--Pl25) !important; } .BrBmLtRs30 { border-bottom-left-radius: var(--Pl30) !important; } .BrBmRtRs1 { border-bottom-right-radius: var(--Pl1) !important; } .BrBmRtRs2 { border-bottom-right-radius: var(--Pl2) !important; } .BrBmRtRs3 { border-bottom-right-radius: var(--Pl3) !important; } .BrBmRtRs4 { border-bottom-right-radius: var(--Pl4) !important; } .BrBmRtRs5 { border-bottom-right-radius: var(--Pl5) !important; } .BrBmRtRs6 { border-bottom-right-radius: var(--Pl6) !important; } .BrBmRtRs7 { border-bottom-right-radius: var(--Pl7) !important; } .BrBmRtRs8 { border-bottom-right-radius: var(--Pl8) !important; } .BrBmRtRs9 { border-bottom-right-radius: var(--Pl9) !important; } .BrBmRtRs10 { border-bottom-right-radius: var(--Pl10) !important; } .BrBmRtRs11 { border-bottom-right-radius: var(--Pl11) !important; } .BrBmRtRs12 { border-bottom-right-radius: var(--Pl12) !important; } .BrBmRtRs13 { border-bottom-right-radius: var(--Pl13) !important; } .BrBmRtRs14 { border-bottom-right-radius: var(--Pl14) !important; } .BrBmRtRs15 { border-bottom-right-radius: var(--Pl15) !important; } .BrBmRtRs16 { border-bottom-right-radius: var(--Pl16) !important; } .BrBmRtRs17 { border-bottom-right-radius: var(--Pl17) !important; } .BrBmRtRs18 { border-bottom-right-radius: var(--Pl18) !important; } .BrBmRtRs19 { border-bottom-right-radius: var(--Pl19) !important; } .BrBmRtRs20 { border-bottom-right-radius: var(--Pl20) !important; } .BrRs1 { border-radius: var(--Pl1) !important; } .BrRs2 { border-radius: var(--Pl2) !important; } .BrRs3 { border-radius: var(--Pl3) !important; } .BrRs4 { border-radius: var(--Pl4) !important; } .BrRs5 { border-radius: var(--Pl5) !important; } .BrRs6 { border-radius: var(--Pl6) !important; } .BrRs7 { border-radius: var(--Pl7) !important; } .BrRs8 { border-radius: var(--Pl8) !important; } .BrRs9 { border-radius: var(--Pl9) !important; } .BrRs10 { border-radius: var(--Pl10) !important; } .BrRs11 { border-radius: var(--Pl11) !important; } .BrRs12 { border-radius: var(--Pl12) !important; } .BrRs13 { border-radius: var(--Pl13) !important; } .BrRs14 { border-radius: var(--Pl14) !important; } .BrRs15 { border-radius: var(--Pl15) !important; } .BrRs16 { border-radius: var(--Pl16) !important; } .BrRs17 { border-radius: var(--Pl17) !important; } .BrRs18 { border-radius: var(--Pl18) !important; } .BrRs19 { border-radius: var(--Pl19) !important; } .BrRs20 { border-radius: var(--Pl20) !important; } .BrRs30 { border-radius: var(--Pl30) !important; } .BrRs50 { border-radius: 50%; } .BrTpLtRs1 { border-top-left-radius: var(--Pl1) !important; } .BrTpLtRs2 { border-top-left-radius: var(--Pl2) !important; } .BrTpLtRs3 { border-top-left-radius: var(--Pl3) !important; } .BrTpLtRs4 { border-top-left-radius: var(--Pl4) !important; } .BrTpLtRs5 { border-top-left-radius: var(--Pl5) !important; } .BrTpLtRs6 { border-top-left-radius: var(--Pl6) !important; } .BrTpLtRs7 { border-top-left-radius: var(--Pl7) !important; } .BrTpLtRs8 { border-top-left-radius: var(--Pl8) !important; } .BrTpLtRs9 { border-top-left-radius: var(--Pl9) !important; } .BrTpLtRs10 { border-top-left-radius: var(--Pl10) !important; } .BrTpLtRs11 { border-top-left-radius: var(--Pl11) !important; } .BrTpLtRs12 { border-top-left-radius: var(--Pl12) !important; } .BrTpLtRs13 { border-top-left-radius: var(--Pl13) !important; } .BrTpLtRs14 { border-top-left-radius: var(--Pl14) !important; } .BrTpLtRs15 { border-top-left-radius: var(--Pl15) !important; } .BrTpLtRs16 { border-top-left-radius: var(--Pl16) !important; } .BrTpLtRs17 { border-top-left-radius: var(--Pl17) !important; } .BrTpLtRs18 { border-top-left-radius: var(--Pl18) !important; } .BrTpLtRs19 { border-top-left-radius: var(--Pl19) !important; } .BrTpLtRs20 { border-top-left-radius: var(--Pl20) !important; } .BrTpLtRs25 { border-top-left-radius: var(--Pl25) !important; } .BrTpLtRs30 { border-top-left-radius: var(--Pl30) !important; } .BrTpRtRs1 { border-top-right-radius: var(--Pl1) !important; } .BrTpRtRs2 { border-top-right-radius: var(--Pl2) !important; } .BrTpRtRs3 { border-top-right-radius: var(--Pl3) !important; } .BrTpRtRs4 { border-top-right-radius: var(--Pl4) !important; } .BrTpRtRs5 { border-top-right-radius: var(--Pl5) !important; } .BrTpRtRs6 { border-top-right-radius: var(--Pl6) !important; } .BrTpRtRs7 { border-top-right-radius: var(--Pl7) !important; } .BrTpRtRs8 { border-top-right-radius: var(--Pl8) !important; } .BrTpRtRs9 { border-top-right-radius: var(--Pl9) !important; } .BrTpRtRs10 { border-top-right-radius: var(--Pl10) !important; } .BrTpRtRs11 { border-top-right-radius: var(--Pl11) !important; } .BrTpRtRs12 { border-top-right-radius: var(--Pl12) !important; } .BrTpRtRs13 { border-top-right-radius: var(--Pl13) !important; } .BrTpRtRs14 { border-top-right-radius: var(--Pl14) !important; } .BrTpRtRs15 { border-top-right-radius: var(--Pl15) !important; } .BrTpRtRs16 { border-top-right-radius: var(--Pl16) !important; } .BrTpRtRs17 { border-top-right-radius: var(--Pl17) !important; } .BrTpRtRs18 { border-top-right-radius: var(--Pl18) !important; } .BrTpRtRs19 { border-top-right-radius: var(--Pl19) !important; } .BrTpRtRs20 { border-top-right-radius: var(--Pl20) !important; } .BrBm1Dh_Cr { border-bottom: 1px dashed rgb(var(--CrGy) / .5); } /*Calender Css*/ .CalenderDiv, .CalenderMonthDiv, .CalenderYearDiv { width: 17.81rem; text-align: center; border-radius: var(--Pl5); //box-shadow: inset 0 0 var(--Pl3) var(--Pl1) var(--CrSwIr); display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: wrap; gap:var(--Pl4); } .CalenderHead, .CalenderMonthHead, .CalenderYear { // background-color: var(--CrTeTe-aThRwBd); color: var(--CrTeTt); display: flex; align-items: center; justify-content: center; width: 100%; margin: var(--Pl2); height: var(--Pl40); } .CalenderHead > div, .CalenderMonthHead > div, .CalenderYearHead > div { display: flex; align-items: center; justify-content: center; padding: var(--Pl5); font-weight: 600 !important; user-select: none; } .CalenderDayRow, .CalenderDayName { display: flex; flex-direction: row; } .CalenderDayRow > div, .CalenderDayName > div { //padding: var(--Pl6); background-color: var(--CrTeTe-aEnRwBd); // border: var(--Pl1) solid rgb(var(--CrTeRGB)/ 0.05); min-width: var(--Pl40); min-height: var(--Pl41); display: flex; align-items: center; justify-content: center; color: rgb(var(--CrGy)); } .CalenderDay:hover, .CalenderMonthRow > div:hover, .CalenderYearRow > div:hover { background-color: var(--CrTeTe-aThRwBd) !important; border:var(--Pl2) solid Var(--CrTe); //box-shadow: inset 0 0 var(--Pl3) var(--Pl1) var(--CrSwIr); cursor: pointer; color:var(--CrBk); border-radius: 50%; } .CalenderDayActiveUT { background-color: rgb(var(--CrTeRGB)/ 0.14) !important; border-radius:50%; } .CalenderDayDisable { color: #808080d9; background-color: #e1dddd1c; cursor: not-allowed; } .CalenderRowHighlight, .CalenderMonthRowHighlight { //background-color: var(--CrTeTe-aThRwBd) !important; color: var(--CrTeTt) !important; font-weight: 600 !important; user-select: none; font-size: var(--Pl15); } .CalenderSelectColor { background-color: rgb(var(--CrBe)/ 0.09) !important; color: rgb(36 34 34 / 0.95); border-radius: 50%; } .CalenderStartEnd { border-radius: 50%; background-color: var(--CrTe) !important; color: #fff !important; } .CalenderUpDownIcon { display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row; gap: var(--Pl2); width: 50%; } .CalenderYearRow > div, .CalenderMonthRow > div { padding: var(--Pl6); background-color: var(--CrTeTe-aEnRwBd); border: var(--Pl1) solid rgb(var(--CrTeRGB)/ 0.05); height: var(--Pl40); display: flex; align-items: center; justify-content: center; flex-grow: 1; cursor: pointer; } .CalenderMonthRow > div { min-width: 3.95rem; } .CalenderMonthRow, .CalenderYearRow { width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: row; } .DisplayCalenderDiv { position: absolute; background-color: rgb(246 243 243 / 0.98); border-radius: var(--Pl5); top: -500px; z-index: 1000000000; } .FsActive { border: 2px solid rgb(var(--CrBe)); border-radius: var(--Pl6); } .CalenderRangeContainer { padding-left: var(--Pl25); box-shadow: var(--Pl2) var(--Pl2) var(--Pl6) var(--Pl2) var(--CrSwOt); width: max-content; border-radius: var(--Pl5); background-color: rgb(var(--CrWeBt)) !important; padding-right: var(--Pl25); padding-top: var(--Pl14); padding-bottom: var(--Pl9); } .CalenderRangeHead { display: flex; margin: var(--Pl10); justify-content: space-between; } .CalenderRangeHeadDate { margin: 0; font-size: var(--Pl14); color: rgb(var(--CrGy) /.80) !important; padding-left:var(--Pl3); } .CalenderRangeHeadDateDiv { border-radius: var(--Pl7); display: flex; background-color: rgb(var(--CrGy)/.10) !important; border-color: rgb(var(--CrGy)/.25) !important; border: var(--Pl1) solid rgb(var(--CrBe)) !important; margin-left: 10px; } .CalenderRangeHeadDateDivDate { display: flex; flex-direction: column; padding: var(--Pl8); } .CalenderRangeHeadDateDivDateCap { font-weight: 900; font-size: var(--Pl13); text-transform: uppercase; color: var(--CrGy); } .CalenderRangeHeadDateDivDateInp { border-color: transparent; margin: 0; padding: var(--Pl1); font-size: var(--Pl12); font-weight: 400; border: none; width: 80%; background-color: transparent; outline: none; } .CalenderRangeHeadDateDivDateInpClear { position: absolute; font-size: var(--Pl10); position: absolute; right: var(--Pl20); top: 0; } .CalenderRangeFoot { display: flex; margin: var(--Pl10); justify-content: space-between; } .CalenderRangeFootBnDv { display: flex; // margin: var(--Pl10); gap: var(--Pl9) !important; justify-content: center; align-items: center; } .CalenderRangeFootClearDate { text-decoration: underline; cursor: pointer; font-weight: 900; font-size: var(--Pl13); color: rgb(var(--CrBe)); } .CalenderRangeFootCsBn { padding: var(--Pl7); font-size: var(--Pl13); border-radius: var(--Pl5); cursor: pointer; font-weight: 600; background-color: var(--CrTe); color: rgb(var(--CrWeBt)); } .CalenderRangeFootCsBn:hover { transform: scale(.90); transition: transform 0.3s ease; } @media(max-width:786px){ .CalenderDiv, .CalenderMonthDiv, .CalenderYearDiv { padding: var(--Pl4); box-shadow: var(--Pl5) var(--Pl5) var(--Pl5) var(--Pl5) var(--CrSwOt); } .CalenderHead > div, .CalenderMonthHead > div, .CalenderYearHead > div{ padding:var(--Pl14); } } /*Color Red Green Yellow Black Brown Grey Orange Blue Pink Voilet White */ /*ColorBackground*/ .CrBdTt { background-color: transparent !important; } .CrBdTe { background-color: var(--CrTe) !important; } .CrBdPe { background-color: var(--CrPe) !important; } .CrBdTeBody { background-color: var(--CrTeBdBody) !important; } .CrBdTeLt { background-color: var(--CrTeTtLt) !important; } .CrBdTeIcon { background-color: var(--CrTeIcon ) !important; } .CrBdTeBnAd { background-color: var(--CrTeBnAd ) !important; } .CrBdTeBnCl { background-color: var(--CrTeBnCl ) !important; } .CrBdTeBnNt { background-color: var(--CrTeBnNt ) !important; } .CrBdTeBnPs { background-color: var(--CrTeBnPs ) !important; } .CrBdTeBnDe { background-color: var(--CrTeBnDe ) !important; } /*Theme Dont Delete*/ .CrBdTeBn { background-color: var(--CrTeBnBd) !important; } .CrBdRd { background-color: rgb(var(--CrRd)) !important; } .CrBdGn { background-color: rgb(var(--CrGn)) !important; } .CrBdYw { background-color: rgb(var(--CrYw)) !important; } .CrBdBk { background-color: rgb(var(--CrBk)) !important; } .CrBdBr { background-color: rgb(var(--CrBr)) !important; } .CrBdGy { background-color: rgb(var(--CrGy)) !important; } .CrBdOe { background-color: rgb(var(--CrOe)) !important; } .CrBdBe { background-color: rgb(var(--CrBe)) !important; } .CrBdPk { background-color: rgb(var(--CrPk)) !important; } .CrBdVt { background-color: rgb(var(--CrVt)) !important; } .CrBdWe { background-color: rgb(var(--CrWe)) !important; } .CrBdWeBt { background-color: rgb(var(--CrWeBt)) !important; } .CrBdWeBt94 { background-color: rgb(var(--CrWeBt)/.94) !important; } /*BackGround Color Transparency*/ .CrBdRd97 { background-color: rgb(var(--CrRd)/.97) !important; } .CrBdGn97 { background-color: rgb(var(--CrGn)/.97) !important; } .CrBdYw97 { background-color: rgb(var(--CrYw)/.97) !important; } .CrBdBk97 { background-color: rgb(var(--CrBk)/.97) !important; } .CrBdBr97 { background-color: rgb(var(--CrBr)/.97) !important; } .CrBdGy97 { background-color: rgb(var(--CrGy)/.97) !important; } .CrBdOe97 { background-color: rgb(var(--CrOe)/.97) !important; } .CrBdBe97 { background-color: rgb(var(--CrBe)/.97) !important; } .CrBdPk97 { background-color: rgb(var(--CrPk)/.97) !important; } .CrBdVt97 { background-color: rgb(var(--CrVt)/.97) !important; } .CrBdWe97 { background-color: rgb(var(--CrWe)/.97) !important; } .CrBdRd94 { background-color: rgb(var(--CrRd)/.94) !important; } .CrBdGn94 { background-color: rgb(var(--CrGn)/.94) !important; } .CrBdYw94 { background-color: rgb(var(--CrYw)/.94) !important; } .CrBdBk94 { background-color: rgb(var(--CrBk)/.94) !important; } .CrBdBr94 { background-color: rgb(var(--CrBr)/.94) !important; } .CrBdGy94 { background-color: rgb(var(--CrGy)/.94) !important; } .CrBdOe94 { background-color: rgb(var(--CrOe)/.94) !important; } .CrBdBe94 { background-color: rgb(var(--CrBe)/.94) !important; } .CrBdPk94 { background-color: rgb(var(--CrPk)/.94) !important; } .CrBdVt94 { background-color: rgb(var(--CrVt)/.94) !important; } .CrBdWe94 { background-color: rgb(var(--CrWe)/.94) !important; } .CrBdRd90 { background-color: rgb(var(--CrRd)/.90) !important; } .CrBdGn90 { background-color: rgb(var(--CrGn)/.90) !important; } .CrBdYw90 { background-color: rgb(var(--CrYw)/.90) !important; } .CrBdBk90 { background-color: rgb(var(--CrBk)/.90) !important; } .CrBdBr90 { background-color: rgb(var(--CrBr)/.90) !important; } .CrBdGy90 { background-color: rgb(var(--CrGy)/.90) !important; } .CrBdOe90 { background-color: rgb(var(--CrOe)/.90) !important; } .CrBdBe90 { background-color: rgb(var(--CrBe)/.90) !important; } .CrBdPk90 { background-color: rgb(var(--CrPk)/.90) !important; } .CrBdVt90 { background-color: rgb(var(--CrVt)/.90) !important; } .CrBdWe90 { background-color: rgb(var(--CrWe)/.90) !important; } .CrBdRd85 { background-color: rgb(var(--CrRd)/.85) !important; } .CrBdGn85 { background-color: rgb(var(--CrGn)/.85) !important; } .CrBdYw85 { background-color: rgb(var(--CrYw)/.85) !important; } .CrBdBk85 { background-color: rgb(var(--CrBk)/.85) !important; } .CrBdBr85 { background-color: rgb(var(--CrBr)/.85) !important; } .CrBdGy85 { background-color: rgb(var(--CrGy)/.85) !important; } .CrBdOe85 { background-color: rgb(var(--CrOe)/.85) !important; } .CrBdBe85 { background-color: rgb(var(--CrBe)/.85) !important; } .CrBdPk85 { background-color: rgb(var(--CrPk)/.85) !important; } .CrBdVt85 { background-color: rgb(var(--CrVt)/.85) !important; } .CrBdWe85 { background-color: rgb(var(--CrWe)/.85) !important; } .CrBdRd80 { background-color: rgb(var(--CrRd)/.80) !important; } .CrBdGn80 { background-color: rgb(var(--CrGn)/.80) !important; } .CrBdYw80 { background-color: rgb(var(--CrYw)/.80) !important; } .CrBdBk80 { background-color: rgb(var(--CrBk)/.80) !important; } .CrBdBr80 { background-color: rgb(var(--CrBr)/.80) !important; } .CrBdGy80 { background-color: rgb(var(--CrGy)/.80) !important; } .CrBdOe80 { background-color: rgb(var(--CrOe)/.80) !important; } .CrBdBe80 { background-color: rgb(var(--CrBe)/.80) !important; } .CrBdPk80 { background-color: rgb(var(--CrPk)/.80) !important; } .CrBdVt80 { background-color: rgb(var(--CrVt)/.80) !important; } .CrBdWe80 { background-color: rgb(var(--CrWe)/.80) !important; } .CrBdRd70 { background-color: rgb(var(--CrRd)/.70) !important; } .CrBdGn70 { background-color: rgb(var(--CrGn)/.70) !important; } .CrBdYw70 { background-color: rgb(var(--CrYw)/.70) !important; } .CrBdBk70 { background-color: rgb(var(--CrBk)/.70) !important; } .CrBdBr70 { background-color: rgb(var(--CrBr)/.70) !important; } .CrBdGy70 { background-color: rgb(var(--CrGy)/.70) !important; } .CrBdOe70 { background-color: rgb(var(--CrOe)/.70) !important; } .CrBdBe70 { background-color: rgb(var(--CrBe)/.70) !important; } .CrBdPk70 { background-color: rgb(var(--CrPk)/.70) !important; } .CrBdVt70 { background-color: rgb(var(--CrVt)/.70) !important; } .CrBdWe70 { background-color: rgb(var(--CrWe)/.70) !important; } .CrBdRd60 { background-color: rgb(var(--CrRd)/.60) !important; } .CrBdGn60 { background-color: rgb(var(--CrGn)/.60) !important; } .CrBdYw60 { background-color: rgb(var(--CrYw)/.60) !important; } .CrBdBk60 { background-color: rgb(var(--CrBk)/.60) !important; } .CrBdBr60 { background-color: rgb(var(--CrBr)/.60) !important; } .CrBdGy60 { background-color: rgb(var(--CrGy)/.60) !important; } .CrBdOe60 { background-color: rgb(var(--CrOe)/.60) !important; } .CrBdBe60 { background-color: rgb(var(--CrBe)/.60) !important; } .CrBdPk60 { background-color: rgb(var(--CrPk)/.60) !important; } .CrBdVt60 { background-color: rgb(var(--CrVt)/.60) !important; } .CrBdWe60 { background-color: rgb(var(--CrWe)/.60) !important; } .CrBdRd50 { background-color: rgb(var(--CrRd)/.50) !important; } .CrBdGn50 { background-color: rgb(var(--CrGn)/.50) !important; } .CrBdYw50 { background-color: rgb(var(--CrYw)/.50) !important; } .CrBdBk50 { background-color: rgb(var(--CrBk)/.50) !important; } .CrBdBr50 { background-color: rgb(var(--CrBr)/.50) !important; } .CrBdGy50 { background-color: rgb(var(--CrGy)/.50) !important; } .CrBdOe50 { background-color: rgb(var(--CrOe)/.50) !important; } .CrBdBe50 { background-color: rgb(var(--CrBe)/.50) !important; } .CrBdPk50 { background-color: rgb(var(--CrPk)/.50) !important; } .CrBdVt50 { background-color: rgb(var(--CrVt)/.50) !important; } .CrBdWe50 { background-color: rgb(var(--CrWe)/.50) !important; } .CrBdRd40 { background-color: rgb(var(--CrRd)/.40) !important; } .CrBdGn40 { background-color: rgb(var(--CrGn)/.40) !important; } .CrBdYw40 { background-color: rgb(var(--CrYw)/.40) !important; } .CrBdBk40 { background-color: rgb(var(--CrBk)/.40) !important; } .CrBdBr40 { background-color: rgb(var(--CrBr)/.40) !important; } .CrBdGy40 { background-color: rgb(var(--CrGy)/.40) !important; } .CrBdOe40 { background-color: rgb(var(--CrOe)/.40) !important; } .CrBdBe40 { background-color: rgb(var(--CrBe)/.40) !important; } .CrBdPk40 { background-color: rgb(var(--CrPk)/.40) !important; } .CrBdVt40 { background-color: rgb(var(--CrVt)/.40) !important; } .CrBdWe40 { background-color: rgb(var(--CrWe)/.40) !important; } .CrBdRd20 { background-color: rgb(var(--CrRd)/.20) !important; } .CrBdGn20 { background-color: rgb(var(--CrGn)/.20) !important; } .CrBdYw20 { background-color: rgb(var(--CrYw)/.20) !important; } .CrBdBk20 { background-color: rgb(var(--CrBk)/.20) !important; } .CrBdBr20 { background-color: rgb(var(--CrBr)/.20) !important; } .CrBdGy20 { background-color: rgb(var(--CrGy)/.20) !important; } .CrBdOe20 { background-color: rgb(var(--CrOe)/.20) !important; } .CrBdBe20 { background-color: rgb(var(--CrBe)/.20) !important; } .CrBdPk20 { background-color: rgb(var(--CrPk)/.20) !important; } .CrBdVt20 { background-color: rgb(var(--CrVt)/.20) !important; } .CrBdWe20 { background-color: rgb(var(--CrWe)/.20) !important; } .CrBdRd10 { background-color: rgb(var(--CrRd)/.10) !important; } .CrBdGn10 { background-color: rgb(var(--CrGn)/.10) !important; } .CrBdYw10 { background-color: rgb(var(--CrYw)/.10) !important; } .CrBdBk10 { background-color: rgb(var(--CrBk)/.10) !important; } .CrBdBr10 { background-color: rgb(var(--CrBr)/.10) !important; } .CrBdGy10 { background-color: rgb(var(--CrGy)/.10) !important; } .CrBdOe10 { background-color: rgb(var(--CrOe)/.10) !important; } .CrBdBe5 { background-color: rgb(var(--CrBe)/.5) !important; } .CrBdBe10 { background-color: rgb(var(--CrBe)/.10) !important; } .CrBdPk10 { background-color: rgb(var(--CrPk)/.10) !important; } .CrBdVt10 { background-color: rgb(var(--CrVt)/.10) !important; } .CrBdWe10 { background-color: rgb(var(--CrWe)/.10) !important; } .CrBdRd5 { background-color: rgb(var(--CrRd)/.05) !important; } .CrBdGn5 { background-color: rgb(var(--CrGn)/.05) !important; } .CrBdYw5 { background-color: rgb(var(--CrYw)/.05) !important; } .CrBdBk5 { background-color: rgb(var(--CrBk)/.05) !important; } .CrBdBr5 { background-color: rgb(var(--CrBr)/.05) !important; } .CrBdGy5 { background-color: rgb(var(--CrGy)/.05) !important; } .CrBdOe5 { background-color: rgb(var(--CrOe)/.05) !important; } .CrBdBe5 { background-color: rgb(var(--CrBe)/.05) !important; } .CrBdPk5 { background-color: rgb(var(--CrPk)/.05) !important; } .CrBdVt5 { background-color: rgb(var(--CrVt)/.05) !important; } .CrBdWe5 { background-color: rgb(var(--CrWe)/.05) !important; } /*ColorBorderThemeBackground*/ .CrBdTe05 { background-color: rgb(var(--CrTeRGB)/.05) !important; } .CrBdTe10 { background-color: rgb(var(--CrTeRGB)/.10) !important; } .CrBdTe15 { background-color: rgb(var(--CrTeRGB)/.15) !important; } .CrBdTe20 { background-color: rgb(var(--CrTeRGB)/.20) !important; } .CrBdTe25 { background-color: rgb(var(--CrTeRGB)/.25) !important; } .CrBdTe30 { background-color: rgb(var(--CrTeRGB)/.30) !important; } .CrBdTe35 { background-color: rgb(var(--CrTeRGB)/.35) !important; } .CrBdTe40 { background-color: rgb(var(--CrTeRGB)/.40) !important; } .CrBdTe45 { background-color: rgb(var(--CrTeRGB)/.45) !important; } .CrBdTe50 { background-color: rgb(var(--CrTeRGB)/.50) !important; } .CrBdTe55 { background-color: rgb(var(--CrTeRGB)/.55) !important; } .CrBdTe60 { background-color: rgb(var(--CrTeRGB)/.60) !important; } .CrBdTe65 { background-color: rgb(var(--CrTeRGB)/.65) !important; } .CrBdTe70 { background-color: rgb(var(--CrTeRGB)/.70) !important; } .CrBdTe75 { background-color: rgb(var(--CrTeRGB)/.75) !important; } .CrBdTe80 { background-color: rgb(var(--CrTeRGB)/.80) !important; } .CrBdTe85 { background-color: rgb(var(--CrTeRGB)/.85) !important; } .CrBdTe90 { background-color: rgb(var(--CrTeRGB)/.90) !important; } .CrBdTe95 { background-color: rgb(var(--CrTeRGB)/.95) !important; } /*Border Color*/ .CrBrTe { border-color: var(--CrTeBr) !important; } /*Theme Dont Delete*/ .CrBrTt { border-color: transparent; } .CrBrRd { border-color: rgb(var(--CrRd)) !important; } .CrBrGn { border-color: rgb(var(--CrGn)) !important; } .CrBrYw { border-color: rgb(var(--CrYw)) !important; } .CrBrBk { border-color: rgb(var(--CrBk)) !important; } .CrBrBr { border-color: rgb(var(--CrBr)) !important; } .CrBrGy { border-color: rgb(var(--CrGy)) !important; } .CrBrOe { border-color: rgb(var(--CrOe)) !important; } .CrBrBe { border-color: rgb(var(--CrBe)) !important; } .CrBrPk { border-color: rgb(var(--CrPk)) !important; } .CrBrVt { border-color: rgb(var(--CrVt)) !important; } .CrBrWe { border-color: rgb(var(--CrWe)) !important; } .CrBrRd25 { border-color: rgb(var(--CrRd)/.25) !important; } .CrBrGn25 { border-color: rgb(var(--CrGn)/.25) !important; } .CrBrYw25 { border-color: rgb(var(--CrYw)/.25) !important; } .CrBrBk25 { border-color: rgb(var(--CrBk)/.25) !important; } .CrBrBr25 { border-color: rgb(var(--CrBr)/.25) !important; } .CrBrGy10 { border-color: rgb(var(--CrGy)/.10) !important; } .CrBrGy25 { border-color: rgb(var(--CrGy)/.25) !important; } .CrBrOe25 { border-color: rgb(var(--CrOe)/.25) !important; } .CrBrBe25 { border-color: rgb(var(--CrBe)/.25) !important; } .CrBrPk25 { border-color: rgb(var(--CrPk)/.25) !important; } .CrBrVt25 { border-color: rgb(var(--CrVt)/.25) !important; } .CrBrWe25 { border-color: rgb(var(--CrWe)/.25) !important; } .CrBrRd50 { border-color: rgb(var(--CrRd)/.5) !important; } .CrBrGn50 { border-color: rgb(var(--CrGn)/.5) !important; } .CrBrYw50 { border-color: rgb(var(--CrYw)/.5) !important; } .CrBrBk50 { border-color: rgb(var(--CrBk)/.5) !important; } .CrBrBr50 { border-color: rgb(var(--CrBr)/.5) !important; } .CrBrGy50 { border-color: rgb(var(--CrGy)/.5) !important; } .CrBrOe50 { border-color: rgb(var(--CrOe)/.5) !important; } .CrBrBe50 { border-color: rgb(var(--CrBe)/.5) !important; } .CrBrPk50 { border-color: rgb(var(--CrPk)/.5) !important; } .CrBrVt50 { border-color: rgb(var(--CrVt)/.5) !important; } .CrBrWe50 { border-color: rgb(var(--CrWe)/.5) !important; } .CrBrRd75 { border-color: rgb(var(--CrRd)/.75) !important; } .CrBrGn75 { border-color: rgb(var(--CrGn)/.75) !important; } .CrBrYw75 { border-color: rgb(var(--CrYw)/.75) !important; } .CrBrBk75 { border-color: rgb(var(--CrBk)/.75) !important; } .CrBrBr75 { border-color: rgb(var(--CrBr)/.75) !important; } .CrBrGy75 { border-color: rgb(var(--CrGy)/.75) !important; } .CrBrOe75 { border-color: rgb(var(--CrOe)/.75) !important; } .CrBrBe75 { border-color: rgb(var(--CrBe)/.75) !important; } .CrBrPk75 { border-color: rgb(var(--CrPk)/.75) !important; } .CrBrVt75 { border-color: rgb(var(--CrVt)/.75) !important; } .CrBrWe75 { border-color: rgb(var(--CrWe)/.75) !important; } /*ColorText*/ .CrTeTt { color: var(--CrTeTt) !important; } .CrTeTtBnLt { color: var(--CrTeBnTtLt) !important; } .CrTeTtBnDk { color: var(--CrTeBnTtDk) !important; } .CrTeTtLt { color: var(--CrTeTtLt) !important; } .CrTe { color: var(--CrTe) !important; } /*Theme Dont Delete*/ .CrRd { color: rgb(var(--CrRd)) !important; } .CrMn { color: rgb(var(--CrMn)) !important; } .CrGn { color: rgb(var(--CrGn)) !important; } .CrYw { color: rgb(var(--CrYw)) !important; } .CrBk { color: rgb(var(--CrBk)) !important; } .CrBn { color: rgb(var(--CrBn)) !important; } .CrGy { color: rgb(var(--CrGy)) !important; } .CrOe { color: rgb(var(--CrOe)) !important; } .CrBe { color: rgb(var(--CrBe)) !important; } .CrPk { color: rgb(var(--CrPk)) !important; } .CrVt { color: rgb(var(--CrVt)) !important; } .CrWe { color: rgb(var(--CrWe)) !important; } .CrWeBt { color: rgb(var(--CrWeBt)) !important; } .CrRd95 { color: rgb(var(--CrRd) /.95) !important; } .CrGn95 { color: rgb(var(--CrGn) /.95) !important; } .CrYw95 { color: rgb(var(--CrYw) /.95) !important; } .CrBk95 { color: rgb(var(--CrBk) /.95) !important; } .CrBn95 { color: rgb(var(--CrBn) /.95) !important; } .CrGy95 { color: rgb(var(--CrGy) /.95) !important; } .CrOe95 { color: rgb(var(--CrOe) /.95) !important; } .CrBe95 { color: rgb(var(--CrBe) /.95) !important; } .CrBe20 { color: rgb(var(--CrBe) /.20) !important; } .CrPk95 { color: rgb(var(--CrPk) /.95) !important; } .CrVt95 { color: rgb(var(--CrVt) /.95) !important; } .CrWe95 { color: rgb(var(--CrWe) /.95) !important; } .CrRd90 { color: rgb(var(--CrRd) /.90) !important; } .CrGn90 { color: rgb(var(--CrGn) /.90) !important; } .CrYw90 { color: rgb(var(--CrYw) /.90) !important; } .CrBk90 { color: rgb(var(--CrBk) /.90) !important; } .CrBn90 { color: rgb(var(--CrBn) /.90) !important; } .CrGy90 { color: rgb(var(--CrGy) /.90) !important; } .CrOe90 { color: rgb(var(--CrOe) /.90) !important; } .CrBe90 { color: rgb(var(--CrBe) /.90) !important; } .CrPk90 { color: rgb(var(--CrPk) /.90) !important; } .CrVt90 { color: rgb(var(--CrVt) /.90) !important; } .CrWe90 { color: rgb(var(--CrWe) /.90) !important; } .CrRd85 { color: rgb(var(--CrRd) /.85) !important; } .CrGn85 { color: rgb(var(--CrGn) /.85) !important; } .CrYw85 { color: rgb(var(--CrYw) /.85) !important; } .CrBk85 { color: rgb(var(--CrBk) /.85) !important; } .CrBn85 { color: rgb(var(--CrBn) /.85) !important; } .CrGy85 { color: rgb(var(--CrGy) /.85) !important; } .CrOe85 { color: rgb(var(--CrOe) /.85) !important; } .CrBe85 { color: rgb(var(--CrBe) /.85) !important; } .CrPk85 { color: rgb(var(--CrPk) /.85) !important; } .CrVt85 { color: rgb(var(--CrVt) /.85) !important; } .CrWe85 { color: rgb(var(--CrWe) /.85) !important; } .CrRd80 { color: rgb(var(--CrRd) /.80) !important; } .CrGn80 { color: rgb(var(--CrGn) /.80) !important; } .CrYw80 { color: rgb(var(--CrYw) /.80) !important; } .CrBk80 { color: rgb(var(--CrBk) /.80) !important; } .CrBn80 { color: rgb(var(--CrBn) /.80) !important; } .CrGy80 { color: rgb(var(--CrGy) /.80) !important; } .CrOe80 { color: rgb(var(--CrOe) /.80) !important; } .CrBe80 { color: rgb(var(--CrBe) /.80) !important; } .CrPk80 { color: rgb(var(--CrPk) /.80) !important; } .CrVt80 { color: rgb(var(--CrVt) /.80) !important; } .CrWe80 { color: rgb(var(--CrWe) /.80) !important; } .CrRd75 { color: rgb(var(--CrRd) /.75) !important; } .CrGn75 { color: rgb(var(--CrGn) /.75) !important; } .CrYw75 { color: rgb(var(--CrYw) /.75) !important; } .CrBk75 { color: rgb(var(--CrBk) /.75) !important; } .CrBn75 { color: rgb(var(--CrBn) /.75) !important; } .CrGy75 { color: rgb(var(--CrGy) /.75) !important; } .CrOe75 { color: rgb(var(--CrOe) /.75) !important; } .CrBe75 { color: rgb(var(--CrBe) /.75) !important; } .CrPk75 { color: rgb(var(--CrPk) /.75) !important; } .CrVt75 { color: rgb(var(--CrVt) /.75) !important; } .CrWe75 { color: rgb(var(--CrWe) /.75) !important; } .CrRd70 { color: rgb(var(--CrRd) /.70) !important; } .CrGn70 { color: rgb(var(--CrGn) /.70) !important; } .CrYw70 { color: rgb(var(--CrYw) /.70) !important; } .CrBk70 { color: rgb(var(--CrBk) /.70) !important; } .CrBn70 { color: rgb(var(--CrBn) /.70) !important; } .CrGy70 { color: rgb(var(--CrGy) /.70) !important; } .CrOe70 { color: rgb(var(--CrOe) /.70) !important; } .CrBe70 { color: rgb(var(--CrBe) /.70) !important; } .CrPk70 { color: rgb(var(--CrPk) /.70) !important; } .CrVt70 { color: rgb(var(--CrVt) /.70) !important; } .CrWe70 { color: rgb(var(--CrWe) /.70) !important; } .CrRd65 { color: rgb(var(--CrRd) /.65) !important; } .CrGn65 { color: rgb(var(--CrGn) /.65) !important; } .CrYw65 { color: rgb(var(--CrYw) /.65) !important; } .CrBk65 { color: rgb(var(--CrBk) /.65) !important; } .CrBn65 { color: rgb(var(--CrBn) /.65) !important; } .CrGy65 { color: rgb(var(--CrGy) /.65) !important; } .CrOe65 { color: rgb(var(--CrOe) /.65) !important; } .CrBe65 { color: rgb(var(--CrBe) /.65) !important; } .CrPk65 { color: rgb(var(--CrPk) /.65) !important; } .CrVt65 { color: rgb(var(--CrVt) /.65) !important; } .CrWe65 { color: rgb(var(--CrWe) /.65) !important; } .CrRd60 { color: rgb(var(--CrRd) /.60) !important; } .CrGn60 { color: rgb(var(--CrGn) /.60) !important; } .CrYw60 { color: rgb(var(--CrYw) /.60) !important; } .CrBk10 { color: rgb(var(--CrBk) /.10) !important; } .CrBk60 { color: rgb(var(--CrBk) /.60) !important; } .CrGy20 { color: rgb(var(--CrGy) /.20) !important; } .CrGy30 { color: rgb(var(--CrGy) /.30) !important; } .CrGy60 { color: rgb(var(--CrGy) /.60) !important; } .CrOe60 { color: rgb(var(--CrOe) /.60) !important; } .CrBe60 { color: rgb(var(--CrBe) /.60) !important; } .CrPk60 { color: rgb(var(--CrPk) /.60) !important; } .CrVt60 { color: rgb(var(--CrVt) /.60) !important; } .CrWe60 { color: rgb(var(--CrWe) /.60) !important; } /*Cursor*/ .Cr-uPr { cursor: pointer !important; } .Cr-uWt { cursor: wait !important; } .Cr-uZmIn { cursor: zoom-in !important; } .Cr-uZmOt { cursor: zoom-out !important; } .Cr-uCl { cursor: cell !important; } .Cr-uHp { cursor: help !important; } .Cr-uMe { cursor: move !important; } .Cr-uRe { cursor: n-resize !important; } .Cr-uNe { cursor: none !important; } .Cr-uNtAd { cursor: not-allowed !important; } /*LoginPage*/ .CrLogoGs { color: var(--CrTe); } .DisplayCalenderDiv { position: absolute; background-color: rgb(var(--CrWeBt)); border-radius: var(--Pl5); top: -500px; z-index: 1000000000; } .DePr { border-collapse: collapse; text-align: center; border-radius: 5px; box-shadow: inset 0 0 3px 1px var(--CrSwIr); } .DePr td, .DePr th { width: 36px; } .DePr td { padding: var(--Pl6); border-radius: 5px; background-color: var(--CrTeTe-aEnRwBd); border: 1px solid rgb(var(--CrTeRGB)/ 0.15); } .DePr th { padding: var(--Pl5); background-color: var(--CrTeTe-aThRwBd); color: var(--CrTeTt); } .DePr td:hover { background-color: var(--CrTeTe-aThRwBd) !important; box-shadow: inset 0 0 3px 1px var(--CrSwIr); cursor: pointer; } /*Ends DatePicker Css*/ .Disable { -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } /*Display*/ .DyGd{ display:grid !important; } .GdTeCnAo { grid-template-columns: auto auto; } .DyBk { display: block !important; } .DyIe { display: inline !important; } .DyFx { display: flex !important; display: -webkit-box; display: -webkit-flex; } .DyInLeBk{ display:inline-block; } .DyBk { display: block !important; } .WhSeNoWp { white-space:nowrap; } .FtFyHt { font-family: var(--FtFyHt); } .FtSz10 { font-size: var(--Pl10) !important; } .DyNe { display: none !important; } /* Font Size */ .FtSz10 { font-size: var(--Pl10) !important; } .FtSz12 { font-size: var(--Pl12) !important; } /* added by varsha*/ .FtSz12MeVw { font-size: var(--Pl12) !important; } /* added by varsha*/ .FtSz13 { font-size: var(--Pl13) !important; } .FtSz14 { font-size: var(--Pl14) !important; } .FtSz15 { font-size: var(--Pl15) !important; } .FtSz16 { font-size: var(--Pl16) !important; } .FtSz18 { font-size: var(--Pl18) !important; } .FtSz20 { font-size: var(--Pl20) !important; } .FtSz22 { font-size: var(--Pl22) !important; } .FtSz24 { font-size: var(--Pl24) !important; } .FtSz26 { font-size: var(--Pl26) !important; } .FtSz28 { font-size: var(--Pl28) !important; } .FtSz30 { font-size: var(--Pl30) !important; } .FtSz32 { font-size: var(--Pl32) !important; } .FtSz34 { font-size: var(--Pl34) !important; } .FtSz36 { font-size: var(--Pl36) !important; } .FtSz38 { font-size: var(--Pl38) !important; } .FtSz40 { font-size: var(--Pl40) !important; } .FtSz44 { font-size: var(--Pl44) !important; } .FtSz48 { font-size: var(--Pl48) !important; } .FtSz52 { font-size: var(--Pl52) !important; } .FtSz56 { font-size: var(--Pl56) !important; } .FtSz60 { font-size: var(--Pl60) !important; } /*FontSizeRm*/ .FtSzRm0o5 { font-size: 0.5rem; } .FtSzRm1 { font-size: 1rem; } .FtSzRm1o5 { font-size: 1.5rem; } .FtSzRm2 { font-size: 2rem; } .FtSzRm2o5 { font-size: 2.5rem; } .FtSzRm3 { font-size: 3rem; } .FtSzRm3o5 { font-size: 3.5rem; } .FtSzRm4 { font-size: 4rem; } .FtSzRm4o5 { font-size: 4.5rem; } .FtSzRm5 { font-size: 5rem; } .FtSzRm5o5 { font-size: 5.5rem; } .FtSzRm6 { font-size: 6rem; } /*FontWeight*/ .FtWt100 { font-weight: 100 !important; } .FtWt200 { font-weight: 200 !important; } .FtWt300 { font-weight: 300 !important; } .FtWt400 { font-weight: 400 !important; } .FtWt500 { font-weight: 500 !important; } .FtWt600 { font-weight: 600 !important; } .FtWt700 { font-weight: 700 !important; } .FtWt800 { font-weight: 800 !important; } .FtWt900 { font-weight: 900 !important; } /*Flex*/ /*FlexCenter*/ .FxCr { display: flex; align-items: center; justify-content: center; width: 100%; } .FxDnRw { flex-direction: row; } .FxDnRwRe { flex-direction: row-reverse; } .FxDnCn { flex-direction: column; } .FxDnCnRe { flex-direction: column-reverse; } .FxAnImCr { align-items: center; } .FxAnImSh { align-items: stretch; } .FxAnImSt { align-items: start; } .FxAnImEd { align-items: end; } .FxAnSfSt { align-self: start; } .FxJySeArd { justify-content: space-around; } .FxJySeBn { justify-content: space-between; } .FxJyCtCr { justify-content: center; } .FxJyCtEd { justify-content: flex-end; } .FxJySeEy { justify-content: space-evenly; } .FxJyCtSt { justify-content: flex-start; } .FxGw1 { flex-grow: 1; } .FxGw2 { flex-grow: 2; } .FxGw3 { flex-grow: 3; } .FxGw4 { flex-grow: 4; } .FxGw5 { flex-grow: 5; } .FxRw { display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; } .FxSk1 { flex-shrink: 1; } .FxSk2 { flex-shrink: 2; } .FxSk3 { flex-shrink: 3; } .FxSk4 { flex-shrink: 4; } .FxSk5 { flex-shrink: 5; } .FxWp { flex-wrap: wrap !important; } .FxWpNo { flex-wrap: nowrap !important; } .Fx5, .Fx10, .Fx15, .Fx18, .Fx20, .Fx23, .Fx24, .Fx25, .Fx30, .Fx32, .Fx33, .Fx35, .Fx40, .Fx45, .Fx48, .Fx50, .Fx55, .Fx60, .Fx65, .Fx68, .Fx70, .Fx75, .Fx80, .Fx85, .Fx90, .Fx95, .Fx100 { flex: 0 0 100%; max-width: 100%; } @media (min-width: 768px) { .Fx5 { flex: 0 0 5%; max-width: 5%; } .Fx10 { flex: 0 0 10%; max-width: 10%; } .Fx15 { flex: 0 0 15%; max-width: 15%; } .Fx18 { flex: 0 0 18%; max-width: 18%; } .Fx20 { flex: 0 0 20%; max-width: 20%; } .Fx23 { flex: 0 0 23%; max-width: 23%; } .Fx24 { flex: 0 0 24%; max-width: 24%; } .Fx25 { flex: 0 0 25%; max-width: 25%; } .Fx30 { flex: 0 0 30%; max-width: 30%; } .Fx32 { flex: 0 0 32%; max-width: 32%; } .Fx33 { flex: 0 0 33.333%; max-width: 33.333%; } .Fx35 { flex: 0 0 35%; max-width: 35%; } .Fx40 { flex: 0 0 40%; max-width: 40%; } .Fx45 { flex: 0 0 45%; max-width: 45%; } .Fx48 { flex: 0 0 48%; max-width: 48%; } .Fx50 { flex: 0 0 50%; max-width: 50%; } .Fx55 { flex: 0 0 55%; max-width: 55%; } .Fx60 { flex: 0 0 60%; max-width: 60%; } .Fx65 { flex: 0 0 65%; max-width: 65%; } .Fx68 { flex: 0 0 68%; max-width: 68%; } .Fx70 { flex: 0 0 70%; max-width: 70%; } .Fx75 { flex: 0 0 75%; max-width: 75%; } .Fx80 { flex: 0 0 80%; max-width: 80%; } .Fx85 { flex: 0 0 85%; max-width: 85%; } .Fx90 { flex: 0 0 90%; max-width: 90%; } .Fx95 { flex: 0 0 95%; max-width: 95%; } .Fx100 { flex: 0 0 100%; max-width: 100%; } } /*Gap Used form Flex OR Grid*/ .Gp1 { gap: var(--Pl1) !important; } .Gp2 { gap: var(--Pl2) !important; } .Gp3 { gap: var(--Pl3) !important; } .Gp4 { gap: var(--Pl4) !important; } .Gp5 { gap: var(--Pl5) !important; } .Gp6 { gap: var(--Pl6) !important; } .Gp7 { gap: var(--Pl7) !important; } .Gp8 { gap: var(--Pl8) !important; } .Gp9 { gap: var(--Pl9) !important; } .Gp10 { gap: var(--Pl10) !important; } .Gp11 { gap: var(--Pl11) !important; } .Gp12 { gap: var(--Pl12) !important; } .Gp13 { gap: var(--Pl13) !important; } .Gp14 { gap: var(--Pl14) !important; } .Gp15 { gap: var(--Pl15) !important; } .Gp16 { gap: var(--Pl16) !important; } .Gp17 { gap: var(--Pl17) !important; } .Gp18 { gap: var(--Pl18) !important; } .Gp19 { gap: var(--Pl19) !important; } .Gp20 { gap: var(--Pl20) !important; } /*RowGap*/ .GpRw1 { row-gap: var(--Pl1) !important; } .GpRw2 { row-gap: var(--Pl2) !important; } .GpRw3 { row-gap: var(--Pl3) !important; } .GpRw4 { row-gap: var(--Pl4) !important; } .GpRw5 { row-gap: var(--Pl5) !important; } .GpRw6 { row-gap: var(--Pl6) !important; } .GpRw7 { row-gap: var(--Pl7) !important; } .GpRw8 { row-gap: var(--Pl8) !important; } .GpRw9 { row-gap: var(--Pl9) !important; } .GpRw10 { row-gap: var(--Pl10) !important; } .GpRw11 { row-gap: var(--Pl11) !important; } .GpRw12 { row-gap: var(--Pl12) !important; } .GpRw13 { row-gap: var(--Pl13) !important; } .GpRw14 { row-gap: var(--Pl14) !important; } .GpRw15 { row-gap: var(--Pl15) !important; } .GpRw16 { row-gap: var(--Pl16) !important; } .GpRw17 { row-gap: var(--Pl17) !important; } .GpRw18 { row-gap: var(--Pl18) !important; } .GpRw19 { row-gap: var(--Pl19) !important; } .GpRw20 { row-gap: var(--Pl20) !important; } /*GapColumn*/ .GpCn1 { column-gap: var(--Pl1) !important; } .GpCn2 { column-gap: var(--Pl2) !important; } .GpCn3 { column-gap: var(--Pl3) !important; } .GpCn4 { column-gap: var(--Pl4) !important; } .GpCn5 { column-gap: var(--Pl5) !important; } .GpCn6 { column-gap: var(--Pl6) !important; } .GpCn7 { column-gap: var(--Pl7) !important; } .GpCn8 { column-gap: var(--Pl8) !important; } .GpCn9 { column-gap: var(--Pl9) !important; } .GpCn10 { column-gap: var(--Pl10) !important; } .GpCn11 { column-gap: var(--Pl11) !important; } .GpCn12 { column-gap: var(--Pl12) !important; } .GpCn13 { column-gap: var(--Pl13) !important; } .GpCn14 { column-gap: var(--Pl14) !important; } .GpCn15 { column-gap: var(--Pl15) !important; } .GpCn16 { column-gap: var(--Pl16) !important; } .GpCn17 { column-gap: var(--Pl17) !important; } .GpCn18 { column-gap: var(--Pl18) !important; } .GpCn19 { column-gap: var(--Pl19) !important; } .GpCn20 { column-gap: var(--Pl20) !important; } h1, h2, h3, h4, h5, h6 { margin: var(--Pl2); font-weight: 600; } h1 { font-size: var(--Pl32); } h2 { font-size: var(--Pl24); } h3 { font-size: var(--Pl18); } h4 { font-size: var(--Pl16); } h5 { font-size: var(--Pl13); } h6 { font-size: var(--Pl12); } /*Hover*/ /*ColorThemeHover*/ .HrCrTe:hover { background-color: var(--CrTe) !important; color: var(--CrTeHrTt) !important; } .HrCrTe { transition: all ease-in-out .5s; transition-property: background-color,color; } /*HoverTransformScale*/ .HrTmSeo97:hover { transform: scale(.97); } .HrTmSeo94:hover { transform: scale(.94); } .HrTmSeo91:hover { transform: scale(.91); } .HrTmSe1o3:hover { transform: scale(1.03); } .HrTmSe1o6:hover { transform: scale(1.06); } .HrTmSe1o9:hover { transform: scale(1.09); } /*HoverTransformRotate*/ .HrTmRe360:hover { transform: rotate(360deg); } /*HoverTransformRotateScale*/ .HrTmRe360Se1o5:hover { transform: rotate(360deg) scale(1.05); } .HrTmSeo97, .HrTmSeo94, .HrTmSeo91, .HrTmSe1o3, .HrTmSe1o6, .HrTmSe1o9, .HrTmRe360, .HrTmRe360Se1o5 { transition: transform ease-in-out .4s; } /*Height*/ .Ht1 { height: var(--pl1) !important; } .Ht2 { height: var(--pl2) !important; } .Ht3 { height: var(--pl3) !important; } .Ht4 { height: var(--pl4) !important; } .Ht5 { height: var(--pl5) !important; } .Ht6 { height: var(--pl6) !important; } .Ht7 { height: var(--pl7) !important; } .Ht8 { height: var(--pl8) !important; } .Ht9 { height: var(--pl9) !important; } .Ht10 { height: var(--pl10) !important; } .Ht11 { height: var(--pl11) !important; } .Ht12 { height: var(--pl12) !important; } .Ht13 { height: var(--pl13) !important; } .Ht14 { height: var(--pl14) !important; } .Ht15 { height: var(--pl15) !important; } .Ht16 { height: var(--pl16) !important; } .Ht17 { height: var(--pl17) !important; } .Ht18 { height: var(--pl18) !important; } .Ht19 { height: var(--pl19) !important; } .Ht20 { height: var(--pl20) !important; } .Ht21 { height: var(--pl21) !important; } .Ht22 { height: var(--pl22) !important; } .Ht23 { height: var(--pl23) !important; } .Ht24 { height: var(--pl24) !important; } .Ht25 { height: var(--pl25) !important; } .Ht26 { height: var(--pl26) !important; } .Ht27 { height: var(--pl27) !important; } .Ht28 { height: var(--pl28) !important; } .Ht29 { height: var(--pl29) !important; } .Ht30 { height: var(--pl30) !important; } .Ht31 { height: var(--pl31) !important; } .Ht32 { height: var(--pl32) !important; } .Ht33 { height: var(--pl33) !important; } .Ht34 { height: var(--pl34) !important; } .Ht35 { height: var(--pl35) !important; } .Ht36 { height: var(--pl36) !important; } .Ht37 { height: var(--pl37) !important; } .Ht38 { height: var(--pl38) !important; } .Ht39 { height: var(--pl39) !important; } .Ht40 { height: var(--pl40) !important; } .Ht41 { height: var(--pl41) !important; } .Ht42 { height: var(--pl42) !important; } .Ht43 { height: var(--pl43) !important; } .Ht44 { height: var(--pl44) !important; } .Ht45 { height: var(--pl45) !important; } .Ht46 { height: var(--pl46) !important; } .Ht47 { height: var(--pl47) !important; } .Ht48 { height: var(--pl48) !important; } .Ht49 { height: var(--pl49) !important; } .Ht50 { height: var(--pl50) !important; } .Ht51 { height: var(--pl51) !important; } .Ht52 { height: var(--pl52) !important; } .Ht53 { height: var(--pl53) !important; } .Ht54 { height: var(--pl54) !important; } .Ht55 { height: var(--pl55) !important; } .Ht56 { height: var(--pl56) !important; } .Ht57 { height: var(--pl57) !important; } .Ht58 { height: var(--pl58) !important; } .Ht59 { height: var(--pl59) !important; } .Ht60 { height: var(--pl60) !important; } .Ht5p { height: 5% !important; } .Ht10p { height: 10% !important; } .Ht15p { height: 15% !important; } .Ht20p { height: 20% !important; } .Ht25p { height: 25% !important; } .Ht30p { height: 30% !important; } .Ht35p { height: 35% !important; } .Ht40p { height: 40% !important; } .Ht45p { height: 45% !important; } .Ht50p { height: 50% !important; } .Ht55p { height: 55% !important; } .Ht60p { height: 60% !important; } .Ht65p { height: 65% !important; } .Ht70p { height: 70% !important; } .Ht75p { height: 75% !important; } .Ht80p { height: 80% !important; } .Ht85p { height: 85% !important; } .Ht90p { height: 90% !important; } .Ht95p { height: 95% !important; } .Ht100p { height: 100% !important; } .Ht100vh{ height:100vh; } .InRdBr { border-radius: 50%; border-width: 2px; border-style: solid; padding: var(--Pl3); } .LineDiv { width: 100px; height: 3px; margin: 16px auto 8px auto; border-bottom: 2px solid var(--CrTe); display: block; } .WhMnCt { width: min-content; } .MeVw { display: none; } .DpVw { display: block; } @media(max-width:786px) { .MeVw { display: block; } .DpVw { display: none; } } /*Margin All Side*/ .Mn0 { margin: 0; } .MnAo { margin: auto !important; } .Mn2 { margin: var(--Pl2) !important; } .Mn3 { margin: var(--Pl3) !important; } .Mn4 { margin: var(--Pl4) !important; } .Mn5 { margin: var(--Pl5) !important; } .Mn6 { margin: var(--Pl6) !important; } .Mn7 { margin: var(--Pl7) !important; } .Mn8 { margin: var(--Pl8) !important; } .Mn9 { margin: var(--Pl9) !important; } .Mn10 { margin: var(--Pl10) !important; } .Mn11 { margin: var(--Pl11) !important; } .Mn12 { margin: var(--Pl12) !important; } .Mn13 { margin: var(--Pl13) !important; } .Mn14 { margin: var(--Pl14) !important; } .Mn15 { margin: var(--Pl15) !important; } .Mn16 { margin: var(--Pl16) !important; } .Mn17 { margin: var(--Pl17) !important; } .Mn18 { margin: var(--Pl18) !important; } .Mn19 { margin: var(--Pl19) !important; } .Mn20 { margin: var(--Pl20) !important; } .MnBm1 { margin-bottom: var(--Pl1) !important; } .MnBm2 { margin-bottom: var(--Pl2) !important; } .MnBm3 { margin-bottom: var(--Pl3) !important; } .MnBm4 { margin-bottom: var(--Pl4) !important; } .MnBm5 { margin-bottom: var(--Pl5) !important; } .MnBm6 { margin-bottom: var(--Pl6) !important; } .MnBm7 { margin-bottom: var(--Pl7) !important; } .MnBm8 { margin-bottom: var(--Pl8) !important; } .MnBm9 { margin-bottom: var(--Pl9) !important; } .MnBm10 { margin-bottom: var(--Pl10) !important; } .MnBm11 { margin-bottom: var(--Pl11) !important; } .MnBm12 { margin-bottom: var(--Pl12) !important; } .MnBm13 { margin-bottom: var(--Pl13) !important; } .MnBm14 { margin-bottom: var(--Pl14) !important; } .MnBm15 { margin-bottom: var(--Pl15) !important; } .MnBm16 { margin-bottom: var(--Pl16) !important; } .MnBm17 { margin-bottom: var(--Pl17) !important; } .MnBm18 { margin-bottom: var(--Pl18) !important; } .MnBm19 { margin-bottom: var(--Pl19) !important; } .MnBm20 { margin-bottom: var(--Pl20) !important; } .MnBmAo { margin-bottom: auto !important; } .MnLt1 { margin-left: var(--Pl1) !important; } .MnLt2 { margin-left: var(--Pl2) !important; } .MnLt3 { margin-left: var(--Pl3) !important; } .MnLt4 { margin-left: var(--Pl4) !important; } .MnLt5 { margin-left: var(--Pl5) !important; } .MnLt6 { margin-left: var(--Pl6) !important; } .MnLt7 { margin-left: var(--Pl7) !important; } .MnLt8 { margin-left: var(--Pl8) !important; } .MnLt9 { margin-left: var(--Pl9) !important; } .MnLt10 { margin-left: var(--Pl10) !important; } .MnLt11 { margin-left: var(--Pl11) !important; } .MnLt12 { margin-left: var(--Pl12) !important; } .MnLt13 { margin-left: var(--Pl13) !important; } .MnLt14 { margin-left: var(--Pl14) !important; } .MnLt15 { margin-left: var(--Pl15) !important; } .MnLt16 { margin-left: var(--Pl16) !important; } .MnLt17 { margin-left: var(--Pl17) !important; } .MnLt18 { margin-left: var(--Pl18) !important; } .MnLt19 { margin-left: var(--Pl19) !important; } .MnLt20 { margin-left: var(--Pl20) !important; } .MnLtAo { margin-left: auto !important; } .MnLtRt1 { margin-left: var(--Pl1) !important; margin-right: var(--Pl1) !important; } .MnLtRt2 { margin-left: var(--Pl2) !important; margin-right: var(--Pl2) !important; } .MnLtRt3 { margin-left: var(--Pl3) !important; margin-right: var(--Pl3) !important; } .MnLtRt4 { margin-left: var(--Pl4) !important; margin-right: var(--Pl4) !important; } .MnLtRt5 { margin-left: var(--Pl5) !important; margin-right: var(--Pl5) !important; } .MnLtRt6 { margin-left: var(--Pl6) !important; margin-right: var(--Pl6) !important; } .MnLtRt7 { margin-left: var(--Pl7) !important; margin-right: var(--Pl7) !important; } .MnLtRt8 { margin-left: var(--Pl8) !important; margin-right: var(--Pl8) !important; } .MnLtRt9 { margin-left: var(--Pl9) !important; margin-right: var(--Pl9) !important; } .MnLtRt10 { margin-left: var(--Pl10) !important; margin-right: var(--Pl10) !important; } .MnLtRt11 { margin-left: var(--Pl11) !important; margin-right: var(--Pl11) !important; } .MnLtRt12 { margin-left: var(--Pl12) !important; margin-right: var(--Pl12) !important; } .MnLtRt13 { margin-left: var(--Pl13) !important; margin-right: var(--Pl13) !important; } .MnLtRt14 { margin-left: var(--Pl14) !important; margin-right: var(--Pl14) !important; } .MnLtRt15 { margin-left: var(--Pl15) !important; margin-right: var(--Pl15) !important; } .MnLtRt16 { margin-left: var(--Pl16) !important; margin-right: var(--Pl16) !important; } .MnLtRt17 { margin-left: var(--Pl17) !important; margin-right: var(--Pl17) !important; } .MnLtRt18 { margin-left: var(--Pl18) !important; margin-right: var(--Pl18) !important; } .MnLtRt19 { margin-left: var(--Pl19) !important; margin-right: var(--Pl19) !important; } .MnLtRt20 { margin-left: var(--Pl20) !important; margin-right: var(--Pl20) !important; } .MnLtRtAo { margin: 0 auto 0 auto !important; } .MnRt1 { margin-right: var(--Pl1) !important; } .MnRt2 { margin-right: var(--Pl2) !important; } .MnRt3 { margin-right: var(--Pl3) !important; } .MnRt4 { margin-right: var(--Pl4) !important; } .MnRt5 { margin-right: var(--Pl5) !important; } .MnRt6 { margin-right: var(--Pl6) !important; } .MnRt7 { margin-right: var(--Pl7) !important; } .MnRt8 { margin-right: var(--Pl8) !important; } .MnRt9 { margin-right: var(--Pl9) !important; } .MnRt10 { margin-right: var(--Pl10) !important; } .MnRt11 { margin-right: var(--Pl11) !important; } .MnRt12 { margin-right: var(--Pl12) !important; } .MnRt13 { margin-right: var(--Pl13) !important; } .MnRt14 { margin-right: var(--Pl14) !important; } .MnRt15 { margin-right: var(--Pl15) !important; } .MnRt16 { margin-right: var(--Pl16) !important; } .MnRt17 { margin-right: var(--Pl17) !important; } .MnRt18 { margin-right: var(--Pl18) !important; } .MnRt19 { margin-right: var(--Pl19) !important; } .MnRt20 { margin-right: var(--Pl20) !important; } .MnRtAo { margin-right: auto !important; } .MnTp1 { margin-top: var(--Pl1) !important; } .MnTp2 { margin-top: var(--Pl2) !important; } .MnTp3 { margin-top: var(--Pl3) !important; } .MnTp4 { margin-top: var(--Pl4) !important; } .MnTp5 { margin-top: var(--Pl5) !important; } .MnTp6 { margin-top: var(--Pl6) !important; } .MnTp7 { margin-top: var(--Pl7) !important; } .MnTp8 { margin-top: var(--Pl8) !important; } .MnTp9 { margin-top: var(--Pl9) !important; } .MnTp10 { margin-top: var(--Pl10) !important; } .MnTp11 { margin-top: var(--Pl11) !important; } .MnTp12 { margin-top: var(--Pl12) !important; } .MnTp13 { margin-top: var(--Pl13) !important; } .MnTp14 { margin-top: var(--Pl14) !important; } .MnTp15 { margin-top: var(--Pl15) !important; } .MnTp16 { margin-top: var(--Pl16) !important; } .MnTp17 { margin-top: var(--Pl17) !important; } .MnTp18 { margin-top: var(--Pl18) !important; } .MnTp19 { margin-top: var(--Pl19) !important; } .MnTp20 { margin-top: var(--Pl20) !important; } .MnTpAo { margin-top: auto !important; } .MnTpBm1 { margin-top: var(--Pl1) !important; margin-bottom: var(--Pl1) !important; } .MnTpBm2 { margin-top: var(--Pl2) !important; margin-bottom: var(--Pl2) !important; } .MnTpBm3 { margin-top: var(--Pl3) !important; margin-bottom: var(--Pl3) !important; } .MnTpBm4 { margin-top: var(--Pl4) !important; margin-bottom: var(--Pl4) !important; } .MnTpBm5 { margin-top: var(--Pl5) !important; margin-bottom: var(--Pl5) !important; } .MnTpBm6 { margin-top: var(--Pl6) !important; margin-bottom: var(--Pl6) !important; } .MnTpBm7 { margin-top: var(--Pl7) !important; margin-bottom: var(--Pl7) !important; } .MnTpBm8 { margin-top: var(--Pl8) !important; margin-bottom: var(--Pl8) !important; } .MnTpBm9 { margin-top: var(--Pl9) !important; margin-bottom: var(--Pl9) !important; } .MnTpBm10 { margin-top: var(--Pl10) !important; margin-bottom: var(--Pl10) !important; } .MnTpBm11 { margin-top: var(--Pl11) !important; margin-bottom: var(--Pl11) !important; } .MnTpBm12 { margin-top: var(--Pl12) !important; margin-bottom: var(--Pl12) !important; } .MnTpBm13 { margin-top: var(--Pl13) !important; margin-bottom: var(--Pl13) !important; } .MnTpBm14 { margin-top: var(--Pl14) !important; margin-bottom: var(--Pl14) !important; } .MnTpBm15 { margin-top: var(--Pl15) !important; margin-bottom: var(--Pl15) !important; } .MnTpBm16 { margin-top: var(--Pl16) !important; margin-bottom: var(--Pl16) !important; } .MnTpBm17 { margin-top: var(--Pl17) !important; margin-bottom: var(--Pl17) !important; } .MnTpBm18 { margin-top: var(--Pl18) !important; margin-bottom: var(--Pl18) !important; } .MnTpBm19 { margin-top: var(--Pl19) !important; margin-bottom: var(--Pl19) !important; } .MnTpBm20 { margin-top: var(--Pl20) !important; margin-bottom: var(--Pl20) !important; } .MnTpBmAo { margin: auto 0 auto 0 !important; } /*NavSection*/ /*NavTopBackground*/ .NavTop { } .NavLink, .NavTop, .NavLinkPC, .NavLinkTab { font-size: 17px; } .NavLinkRight { justify-content: right; } .NavLinkLeft { justify-content: left; } .NavLink { display: none; } .NavLinkPC { display: none; } .NavLinkTab { display: none; } .NavLinkMob { display: flex; } .NavLink > div, .NavLinkPC > div, .NavLinkMob > div, .NavLinkTab > div { font-size:var(--Pl19); align-items: center; justify-content: center; cursor: pointer; display: flex; } .LinkActive, .LinkActive > a, .NavLink > div:hover, .NavLinkPC div:hover, .NavLinkMob div:hover, .NavLinkTab div:hover, .NavLink > div > a:hover, .NavLinkPC div > a:hover, .NavLinkMob div > a:hover { background-color: var(--CrTeHr) !important; color: var(--CrTeHrTt) !important; } .NavLink > div > a, .NavLinkPC div > a, .NavLinkMob div > a { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; padding: 0px 5px; } @media only screen and (min-width:768px) { .NavLinkMob { display: none; } .NavLinkTab { display: flex; } } @media only screen and (min-width:1024px) { .NavLink, .NavLinkPC { display: flex; } .NavLinkMob, .NavLinkTab { display: none; } } .NavTopLinkShow { position: fixed; width: 90%; left: 0; display: flex !important; flex-direction: column !important; z-index: 10000000; padding: var(--Pl20); gap: var(--Pl18); height:100%; } .NavSlideTop { animation-name: NavTop; animation-duration: 1s; } @keyframes NavTop { from { opacity: 0; top: -100%; } to { opacity: 100%; } } .NavSlideTopOpp { animation-name: NavTopOpp; animation-duration: 1s; } @keyframes NavTopOpp { from { opacity: 100%; } to { opacity: 0; top: -100%; } } .NavSlideLeft { animation-name: NavLeft; animation-duration: 1s; } @keyframes NavLeft { from { opacity: 0; left: -100%; } to { opacity: 100%; } } .NavSlideLeftOpp { animation-name: NavLeftOpp; animation-duration: 1s; } @keyframes NavLeftOpp { from { opacity: 100%; } to { opacity: 0; left: -100%; } } .NavSlideRight { animation-name: NavRight; animation-duration: 1s; } @keyframes NavRight { from { opacity: 0; left: 100%; } to { opacity: 100%; } } .NavSlideRightOpp { animation-name: NavRightOpp; animation-duration: 1s; } @keyframes NavRightOpp { from { opacity: 100%; } to { opacity: 0; left: 100%; } } .parent { position: relative; display: inline-block; } .trigger { padding: 10px; background-color: #f0f0f0; border: 1px solid #ccc; cursor: pointer; } .dropdown { position: absolute; list-style: none; background-color: var(--CrTe); border: 1px solid #ccc; padding: 0; display: none; z-index: 1; margin-top: 1px; } .dropdown li { padding: 5px 10px; border-bottom: 1px solid #ccc; } .parent:hover .dropdown { display: block; } .NvTpBd { position: absolute; height: 32vh; background-color: var(--CrTe); right: -1%; width: 104%; left: -3%; border-bottom-left-radius: 55%; border-bottom-right-radius: 30%; z-index: -100000; order: 0; } .NvTp { display: flex; padding: 0 var(--Pl14); align-items: center; height: var(--Pl51); width: 100%; } .OwAo { overflow: auto; } .OwHn { overflow: hidden; } .OwXAo { overflow-x: auto; } .OwYAo { overflow-y: auto; } /*Padding*/ .Pg1 { padding: var(--Pl1) !important; } .Pg2 { padding: var(--Pl2) !important; } .Pg3 { padding: var(--Pl3) !important; } .Pg4 { padding: var(--Pl4) !important; } .Pg5 { padding: var(--Pl5) !important; } .Pg6 { padding: var(--Pl6) !important; } .Pg7 { padding: var(--Pl7) !important; } .Pg8 { padding: var(--Pl8) !important; } .Pg9 { padding: var(--Pl9) !important; } .Pg10 { padding: var(--Pl10) !important; } .Pg11 { padding: var(--Pl11) !important; } .Pg12 { padding: var(--Pl12) !important; } .Pg13 { padding: var(--Pl13) !important; } .Pg14 { padding: var(--Pl14) !important; } .Pg15 { padding: var(--Pl15) !important; } .Pg16 { padding: var(--Pl16) !important; } .Pg17 { padding: var(--Pl17) !important; } .Pg18 { padding: var(--Pl18) !important; } .Pg19 { padding: var(--Pl19) !important; } .Pg20 { padding: var(--Pl20) !important; } .PgBm0 { padding-bottom: var(--Pl0) !important; } .PgBm1 { padding-bottom: var(--Pl1) !important; } .PgBm2 { padding-bottom: var(--Pl2) !important; } .PgBm3 { padding-bottom: var(--Pl3) !important; } .PgBm4 { padding-bottom: var(--Pl4) !important; } .PgBm5 { padding-bottom: var(--Pl5) !important; } .PgBm6 { padding-bottom: var(--Pl6) !important; } .PgBm7 { padding-bottom: var(--Pl7) !important; } .PgBm8 { padding-bottom: var(--Pl8) !important; } .PgBm9 { padding-bottom: var(--Pl9) !important; } .PgBm10 { padding-bottom: var(--Pl10) !important; } .PgBm11 { padding-bottom: var(--Pl11) !important; } .PgBm12 { padding-bottom: var(--Pl12) !important; } .PgBm13 { padding-bottom: var(--Pl13) !important; } .PgBm14 { padding-bottom: var(--Pl14) !important; } .PgBm15 { padding-bottom: var(--Pl15) !important; } .PgBm16 { padding-bottom: var(--Pl16) !important; } .PgBm17 { padding-bottom: var(--Pl17) !important; } .PgBm18 { padding-bottom: var(--Pl18) !important; } .PgBm19 { padding-bottom: var(--Pl19) !important; } .PgBm20 { padding-bottom: var(--Pl20) !important; } .PgLt0 { padding-left: var(--Pl0) !important; } .PgLt1 { padding-left: var(--Pl1) !important; } .PgLt2 { padding-left: var(--Pl2) !important; } .PgLt3 { padding-left: var(--Pl3) !important; } .PgLt4 { padding-left: var(--Pl4) !important; } .PgLt5 { padding-left: var(--Pl5) !important; } .PgLt6 { padding-left: var(--Pl6) !important; } .PgLt7 { padding-left: var(--Pl7) !important; } .PgLt8 { padding-left: var(--Pl8) !important; } .PgLt9 { padding-left: var(--Pl9) !important; } .PgLt10 { padding-left: var(--Pl10) !important; } .PgLt11 { padding-left: var(--Pl11) !important; } .PgLt12 { padding-left: var(--Pl12) !important; } .PgLt13 { padding-left: var(--Pl13) !important; } .PgLt14 { padding-left: var(--Pl14) !important; } .PgLt15 { padding-left: var(--Pl15) !important; } .PgLt16 { padding-left: var(--Pl16) !important; } .PgLt17 { padding-left: var(--Pl17) !important; } .PgLt18 { padding-left: var(--Pl18) !important; } .PgLt19 { padding-left: var(--Pl19) !important; } .PgLt20 { padding-left: var(--Pl20) !important; } .PgLtRt1 { padding-left: var(--Pl1) !important; padding-right: var(--Pl1) !important; } .PgLtRt2 { padding-left: var(--Pl2) !important; padding-right: var(--Pl2) !important; } .PgLtRt3 { padding-left: var(--Pl3) !important; padding-right: var(--Pl3) !important; } .PgLtRt4 { padding-left: var(--Pl4) !important; padding-right: var(--Pl4) !important; } .PgLtRt5 { padding-left: var(--Pl5) !important; padding-right: var(--Pl5) !important; } .PgLtRt6 { padding-left: var(--Pl6) !important; padding-right: var(--Pl6) !important; } .PgLtRt7 { padding-left: var(--Pl7) !important; padding-right: var(--Pl7) !important; } .PgLtRt8 { padding-left: var(--Pl8) !important; padding-right: var(--Pl8) !important; } .PgLtRt9 { padding-left: var(--Pl9) !important; padding-right: var(--Pl9) !important; } .PgLtRt10 { padding-left: var(--Pl10) !important; padding-right: var(--Pl10) !important; } .PgLtRt11 { padding-left: var(--Pl11) !important; padding-right: var(--Pl11) !important; } .PgLtRt12 { padding-left: var(--Pl12) !important; padding-right: var(--Pl12) !important; } .PgLtRt13 { padding-left: var(--Pl13) !important; padding-right: var(--Pl13) !important; } .PgLtRt14 { padding-left: var(--Pl14) !important; padding-right: var(--Pl14) !important; } .PgLtRt15 { padding-left: var(--Pl15) !important; padding-right: var(--Pl15) !important; } .PgLtRt16 { padding-left: var(--Pl16) !important; padding-right: var(--Pl16) !important; } .PgLtRt17 { padding-left: var(--Pl17) !important; padding-right: var(--Pl17) !important; } .PgLtRt18 { padding-left: var(--Pl18) !important; padding-right: var(--Pl18) !important; } .PgLtRt19 { padding-left: var(--Pl19) !important; padding-right: var(--Pl19) !important; } .PgLtRt20 { padding-left: var(--Pl20) !important; padding-right: var(--Pl20) !important; } .PgRt1 { padding-right: var(--Pl1) !important; } .PgRt2 { padding-right: var(--Pl2) !important; } .PgRt3 { padding-right: var(--Pl3) !important; } .PgRt4 { padding-right: var(--Pl4) !important; } .PgRt5 { padding-right: var(--Pl5) !important; } .PgRt6 { padding-right: var(--Pl6) !important; } .PgRt7 { padding-right: var(--Pl7) !important; } .PgRt8 { padding-right: var(--Pl8) !important; } .PgRt9 { padding-right: var(--Pl9) !important; } .PgRt10 { padding-right: var(--Pl10) !important; } .PgRt11 { padding-right: var(--Pl11) !important; } .PgRt12 { padding-right: var(--Pl12) !important; } .PgRt13 { padding-right: var(--Pl13) !important; } .PgRt14 { padding-right: var(--Pl14) !important; } .PgRt15 { padding-right: var(--Pl15) !important; } .PgRt16 { padding-right: var(--Pl16) !important; } .PgRt17 { padding-right: var(--Pl17) !important; } .PgRt18 { padding-right: var(--Pl18) !important; } .PgRt19 { padding-right: var(--Pl19) !important; } .PgRt20 { padding-right: var(--Pl20) !important; } .PgTp1 { padding-top: var(--Pl1) !important; } .PgTp2 { padding-top: var(--Pl2) !important; } .PgTp3 { padding-top: var(--Pl3) !important; } .PgTp4 { padding-top: var(--Pl4) !important; } .PgTp5 { padding-top: var(--Pl5) !important; } .PgTp6 { padding-top: var(--Pl6) !important; } .PgTp7 { padding-top: var(--Pl7) !important; } .PgTp8 { padding-top: var(--Pl8) !important; } .PgTp9 { padding-top: var(--Pl9) !important; } .PgTp10 { padding-top: var(--Pl10) !important; } .PgTp11 { padding-top: var(--Pl11) !important; } .PgTp12 { padding-top: var(--Pl12) !important; } .PgTp13 { padding-top: var(--Pl13) !important; } .PgTp14 { padding-top: var(--Pl14) !important; } .PgTp15 { padding-top: var(--Pl15) !important; } .PgTp16 { padding-top: var(--Pl16) !important; } .PgTp17 { padding-top: var(--Pl17) !important; } .PgTp18 { padding-top: var(--Pl18) !important; } .PgTp19 { padding-top: var(--Pl19) !important; } .PgTp20 { padding-top: var(--Pl20) !important; } .PgTpBm1 { padding-top: var(--Pl1) !important; padding-bottom: var(--Pl1) !important; } .PgTpBm2 { padding-top: var(--Pl2) !important; padding-bottom: var(--Pl2) !important; } .PgTpBm3 { padding-top: var(--Pl3) !important; padding-bottom: var(--Pl3) !important; } .PgTpBm4 { padding-top: var(--Pl4) !important; padding-bottom: var(--Pl4) !important; } .PgTpBm5 { padding-top: var(--Pl5) !important; padding-bottom: var(--Pl5) !important; } .PgTpBm6 { padding-top: var(--Pl6) !important; padding-bottom: var(--Pl6) !important; } .PgTpBm7 { padding-top: var(--Pl7) !important; padding-bottom: var(--Pl7) !important; } .PgTpBm8 { padding-top: var(--Pl8) !important; padding-bottom: var(--Pl8) !important; } .PgTpBm9 { padding-top: var(--Pl9) !important; padding-bottom: var(--Pl9) !important; } .PgTpBm10 { padding-top: var(--Pl10) !important; padding-bottom: var(--Pl10) !important; } .PgTpBm11 { padding-top: var(--Pl11) !important; padding-bottom: var(--Pl11) !important; } .PgTpBm12 { padding-top: var(--Pl12) !important; padding-bottom: var(--Pl12) !important; } .PgTpBm13 { padding-top: var(--Pl13) !important; padding-bottom: var(--Pl13) !important; } .PgTpBm14 { padding-top: var(--Pl14) !important; padding-bottom: var(--Pl14) !important; } .PgTpBm15 { padding-top: var(--Pl15) !important; padding-bottom: var(--Pl15) !important; } .PgTpBm16 { padding-top: var(--Pl16) !important; padding-bottom: var(--Pl16) !important; } .PgTpBm17 { padding-top: var(--Pl17) !important; padding-bottom: var(--Pl17) !important; } .PgTpBm18 { padding-top: var(--Pl18) !important; padding-bottom: var(--Pl18) !important; } .PgTpBm19 { padding-top: var(--Pl19) !important; padding-bottom: var(--Pl19) !important; } .PgTpBm20 { padding-top: var(--Pl20) !important; padding-bottom: var(--Pl20) !important; } /*Position*/ .PnRe { position: relative; } .PnAe { position: absolute; } .PnFd { position: fixed; } .PnRt0 { right: 0; } .PnLt0 { left: 0; } .PnLt45p { left: 45%; } .PnTp0 { top: 0; } .PnTp40p { top: 40%; } .PnTp50p { top: 50%; } .PnBm0 { bottom: 0; } .PnCr, .TtPnCr { margin: 0; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /*PositionCenterTopInOut*/ /*.PnCrTpInOt, .PnCrLtInOt, .PnCrRtInOt, .PnCrBmInOt { margin: 0; position: absolute; top: 0; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }*/ .PnCrTpInOt { margin: 0; position: absolute; top: 0; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .PnCrLtInOt { margin: 0; position: absolute; top: 50%; left: 0; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .PnCrRtInOt { margin: 0; position: absolute; top: 50%; right: 0; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .PnCrBmInOt { margin: 0; position: absolute; top: 50%; bottom: 0; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .PopUp { position: fixed; top: 5%; left: 15%; width: 70%; min-height: 80vh; max-height: 80vh; z-index: 900000000; display: none; background-color: var(--CrTeBdBody); animation: PopAnimate .4s; } .PopUpTop { position: fixed; top: 35%; left: 30%; width: 30%; min-height: 30vh; max-height: 30vh; z-index: 90000000000; display: none; background-color: var(--CrTeBdBody); animation: PopAnimate .4s; } @keyframes PopAnimate { from { transform: scale(0,0); } to { transform: scale(1,1) } } .PopTopErrorDiv { display: flex; gap: var(--Pl2); justify-content: end; width: inherit; } .PopUpError, .PopUpSuccess { display: none; } .PopUpErrorContent, .PopUpDetailContent { display: block; overflow-y: auto; margin-bottom: 10px; max-height: 50vh; word-wrap: break-word; } .PopUpDetailContent { margin-top: 1vh; height: 48vh; } /* topclosebtn*/ .PopUpTopCloseButton { position: absolute; top: var(--Pl8); right: var(--Pl8) } /*Parallax*/ .Px { background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } /*Scale Input*/ input.SeIt1o14 { -webkit-transform: scale(1.149); -moz-transform: scale(1.149); -o-transform: scale(1.149); -ms-transform: scale(1.149); transform: scale(1.149); } input.SeIt1o15 { -webkit-transform: scale(1.159); -moz-transform: scale(1.159); -o-transform: scale(1.159); -ms-transform: scale(1.159); transform: scale(1.159); } input.SeIt1o16 { -webkit-transform: scale(1.169); -moz-transform: scale(1.169); -o-transform: scale(1.169); -ms-transform: scale(1.169); transform: scale(1.169); } input.SeIt1o17 { -webkit-transform: scale(1.179); -moz-transform: scale(1.179); -o-transform: scale(1.179); -ms-transform: scale(1.179); transform: scale(1.179); } input.SeIt1o5 { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); } input.SeIt2 { -webkit-transform: scale(2); -moz-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); transform: scale(2); } input.SeIt2o5 { -webkit-transform: scale(2.5); -moz-transform: scale(2.5); -o-transform: scale(2.5); -ms-transform: scale(2.5); transform: scale(2.5); } /*Css form thead SuggestionBox/Autocomplete */ .SuggestItem:focus { border: none; background-color: var(--CrTe) !important; color: var(--CrTeHrTt) !important; outline: 0px solid transparent; } .SuggestItem { transition: all ease-in-out .2s; transition-property: background-color,color; padding: var(--Pl4) var(--Pl15); font-size: var(--Pl18); width: 100%; } .SuggestItem:Hover, .SuggestActive { background-color: var(--CrTe) !important; color: var(--CrTeHrTt) !important; cursor: pointer; } .SuggestionDiv { background-color: rgb(246 243 243 / 0.97); border-radius: var(--Pl5); z-index: 900000000; display: block; position: absolute; width: 40%; } .SuggestionBox { max-height: 10.99875rem; background-color: var(--CrTeTtBxBd); overflow: hidden; box-shadow: inset 0 0 var(--Pl3) var(--Pl1) var(--CrSwIr); border-radius: var(--Pl5); width: 100%; } .SuggestionInfo { display: flex; gap: var(--Pl4); flex-direction: row; padding: var(--Pl5); } .SuggestIcon { font-size: var(--Pl18); display: flex; align-items: center; justify-content: center; } /*ShadowBox1Div-Version1*/ .SwBx1Dv-Vn1 { box-shadow: var(--Pl2) var(--Pl2) var(--Pl6) var(--Pl2) var(--CrSwOt); } .SwBx1Dv-Vn3 { box-shadow: var(--Pl0) var(--Pl5) var(--Pl7) rgb(var(--CrGyLt)); } .SwBx2Dv-Vn2 { box-shadow: 0 var(--Pl4) var(--Pl8) 0 rgba(0, 0, 0, 0.2), 0 var(--Pl6) var(--Pl20) 0 rgba(0, 0, 0, 0.19); } /*ShadowBoxInset1Div-Version1*/ .SwBxIt1Dv-Vn1 { box-shadow: inset 0 0 var(--Pl6) var(--CrSwIr) } /*ShadowBoxInsetTextBox-Version1*/ .SwBxIt2TtBx-Vn1 { box-shadow: inset 0 8px var(--Pl4) -8px var(--CrSwIr), inset 0 -8px var(--Pl4) -8px var(--CrSwIr); } .SwBxIt1-Vn2 { box-shadow: rgb(0 0 0 / 0.80) 0px 2px 4px 0px inset; } /*Table*/ .Te, .TeStrip { border-collapse: collapse; width: 100%; text-align: left; } .TeAnLt th, .TeAnLt td { text-align: left !important; } .TeAnRt th, .TeAnRt td { text-align: right !important; } .TeAnCr th, .TeAnCr td { text-align: center !important; } .TeBr td, .TeBr th, .TeBr tr { border: 1px solid var(--CrTeTe-aThRwBd); } .TeBrLe tr { border: var(--Pl1) solid var(--CrTeTe-aThRwBd); } .TeStrip td, .Te td { padding: var(--Pl6); } .TeStrip tr:nth-child(odd) { background-color: var(--CrTeTe-aOdRwBd); } .TeStrip tr:nth-child(even) { background-color: var(--CrTeTe-aEnRwBd); } .TeStrip th, .Te th { padding: var(--Pl7); background-color: var(--CrTeTe-aThRwBd); color: var(--CrTeTt); } .TeStrip :not(:first-child) tr:hover, .Te :not(:first-child) tr:hover { background-color: var(--CrTeTe-aThRwBd); color: var(--CrTeTt); } .TeStrip thead > tr > td, .Te thead > tr > td { padding: 0 !important; } .TeStrip thead { background-color: rgb(245 242 242 / 0.95); } /*table Fix Thead*/ .TeFxHd { position: -webkit-sticky; /* for Safari */ position: sticky; top: 0; z-index: 100000; } /*table Fix Column1*/ .TeFxCl1 thead th:nth-child(1), .TeFxCl1 thead td:nth-child(1), .TeFxCl1 tbody td:nth-child(1) { position: sticky; left: 0; width: 150px; min-width: 150px; } /*table page button parent div*/ .TePgBnPtDv { display: flex; flex-direction: row; flex-wrap: nowrap; padding: 5px; margin: 0 5px; gap: 3px; } /*table page button*/ .TePgBn { background-color: var(--CrTeTe-aEnRwBd); display: flex; align-items: center; justify-content: center; border-radius: 2px; padding: 3px; min-height: 35px; min-width: 35px; transition: all ease-in-out .2s; transition-property: background-color box-shadow; } .TePgBn:hover { background-color: var(--CrTeTe-aThRwBd) !important; box-shadow: inset 0 0 3px 1px var(--CrSwIr); } /*table page button Active*/ .TePgBnAe { background-color: var(--CrTeTe-aThRwBd) !important; box-shadow: inset 0 0 3px 1px var(--CrSwIr); } /*TextAlign*/ .TtAnCr { text-align: center; } .TtAnLt { width: 100%; text-align: left; } .TtAnRt { width: 100%; text-align: right; } .TtJyIrWd { text-align: justify; text-justify: inter-word; } /*Text Box & Text Box Customized Number With Font Size */ .TtBx14, .TtBx14_CrBr, .TtAa14, .TtAa14_CrBr { padding: var(--Pl4); font-size: var(--Pl14); font-weight: 400; border-radius: var(--Pl4); border-width: var(--Pl1); } .TtBx15, .TtBx15_CrBr, .TtAa15, .TtAa15_CrBr { padding: var(--Pl4); font-size: var(--Pl15); font-weight: 400; border-radius: var(--Pl5); border-width: var(--Pl1); } .TtBx16, .TtBx16_CrBr, .TtAa16, .TtAa16_CrBr { padding: var(--Pl5); font-size: var(--Pl16); font-weight: 400; border-radius: var(--Pl5); border-width: var(--Pl1); } .TtBx17, .TtBx17_CrBr, .TtAa17, .TtAa17_CrBr { padding: var(--Pl6); font-size: var(--Pl17); font-weight: 500; border-radius: var(--Pl6); border-width: var(--Pl1); } .TtBxFlStDiv { background-color: var(--CrTeTtBxBd); border-radius: var(--Pl24); border-width: var(--Pl1); border-style: solid; border-color: var(--CrTeBr); transition: border-color 0.14s ease-in-out, box-shadow 0.17s ease-in-out; } .TtBxFlSt { position: relative; padding-top: var(--Pl9); padding-left: var(--Pl5); padding-right: var(--Pl4); padding-bottom: var(--Pl4); display: flex; width: 100%; align-items: center; } .TtBxFlStLl14, .TtBxFlStLl15, .TtBxFlStLl16, .TtBxFlStLl17 { position: absolute; z-index: 10; background-color: rgb(var(--CrTeRGB)/.7); left: var(--Pl11); font-weight: 600; padding: var(--Pl2) var(--Pl7); } .TtBxFlStLl14, .TtBxFlStLl15 { font-size: var(--Pl12); top: calc(-9 * var(--Pl1)); border-radius: var(--Pl3); } .TtBxFlStLl16, .TtBxFlStLl17 { font-size: var(--Pl13); top: calc(-10 * var(--Pl1)); border-radius: var(--Pl4); } .TtBxRd14, .TtBxRdCr14_CrBr, .TtAaRd14, .TtAaRdCr14_CrBr { padding: var(--Pl5) var(--Pl11); font-size: var(--Pl14); font-weight: 400; border-radius: var(--Pl21); border-width: var(--Pl1); } .TtBxRd15, .TtBxRdCr15_CrBr, .TtAaRd15, .TtAaRdCr15_CrBr { padding: var(--Pl6) var(--Pl12); font-size: var(--Pl15); font-weight: 400; border-radius: var(--Pl22); border-width: var(--Pl1); } .TtBxRd16, .TtBxRdCr16_CrBr, .TtAaRd16, .TtAaRdCr16_CrBr { padding: var(--Pl7) var(--Pl13); font-size: var(--Pl16); font-weight: 400; border-radius: var(--Pl23); border-width: var(--Pl1); } .TtBxRd17, .TtBxRdCr17_CrBr, .TtAaRd17, .TtAaRdCr17_CrBr { padding: var(--Pl8) var(--Pl14); font-size: var(--Pl17); font-weight: 500; border-radius: var(--Pl25); border-width: var(--Pl1); } .TtAa14, .TtAaRd14, .TtAaRdCr14_CrBr, .TtAaCr14_CrBr { height: var(--Pl27); } .TtAa15, .TtAaRd15, .TtAaRdCr15_CrBr, .TtAaCr15_CrBr { height: var(--Pl30); } .TtAa16, .TtAaRd16, .TtAaRdCr16_CrBr, .TtAaCr16_CrBr { height: var(--Pl33); } .TtAa17, .TtAaRd17, .TtAaRdCr17_CrBr, .TtAaCr17_CrBr { height: var(--Pl36); } .TtBx14, .TtBxLe14, .TtBxRd14, .TtBx15, .TtBxLe15, .TtBxRd15, .TtBx16, .TtBxLe16, .TtBxRd16, .TtBx17, .TtBxLe17, .TtBxRd17 { border-color: var(--CrTeBr); } /*Common Property For Text Box*/ .TtBx14, .TtBxRd14, .TtBx14_CrBr, .TtBxRdCr14_CrBr, .TtAa14, .TtAaCr14_CrBr, .TtAaRdCr14_CrBr, .TtBx15, .TtBxRd15, .TtBx15_CrBr, .TtBxRdCr15_CrBr, .TtAa15, .TtAaCr15_CrBr, .TtAaRdCr15_CrBr, .TtBx16, .TtBxRd16, .TtBx16_CrBr, .TtBxRdCr16_CrBr, .TtAa16, .TtAaCr16_CrBr, .TtAaRdCr16_CrBr .TtBx17, .TtBxRd17, .TtBx17_CrBr, .TtBxRdCr17_CrBr, .TtAa17, .TtAaCr17_CrBr, .TtAaRdCr17_CrBr { display: block; width: 100%; border-style: solid; background-color: var(--CrTeTtBxBd); transition: border-color 0.14s ease-in-out, box-shadow 0.17s ease-in-out; } .TtBx14:focus, .TtBxLe14:focus, .TtBxRd14:focus, .TtAa14, .TtAaRd14, .TtAaLe14, .TtBx15:focus, .TtBxLe15:focus, .TtBxRd15:focus, .TtAa15, TtAaRd15, .TtAaLe15, .TtBx16:focus, .TtBxLe16:focus, .TtBxRd16:focus, .TtAa16, TtAaRd16, .TtAaLe16, .TtBx17:focus, .TtBxLe17:focus, .TtBxRd17:focus, .TtAa17, TtAaRd17, .TtAaLe17 { outline: none !important; border-width: var(--Pl2) !important; box-shadow: 0 0 var(--Pl7) var(--CrTeHrSw) !important; border-color: var(--CrTe) !important; } .TtBx14_CrBr:focus, .TtBxRdCr14_CrBr:focus, .TtAaCr14_CrBr, .TtAaRdCr14_CrBr:focus, .TtBx15_CrBr:focus, .TtBxRdCr15_CrBr:focus, .TtAaCr15_CrBr, .TtAaRdCr15_CrBr:focus, .TtBx16_CrBr:focus, .TtBxRdCr16_CrBr:focus, .TtAaCr16_CrBr, .TtAaRdCr16_CrBr:focus, .TtBx17_CrBr:focus, .TtBxRdCr17_CrBr:focus, .TtAaCr17_CrBr, .TtAaRdCr17_CrBr:focus { outline: none !important; border-width: var(--Pl2); box-shadow: 0 0 var(--Pl7) var(--CrTeHrSw); } .TtBxLe14, .TtBxLeCr14_CrBr { padding: var(--Pl4); font-size: var(--Pl14); font-weight: 400; } .TtBxLe15, .TtBxLeCr15_CrBr { padding: var(--Pl4); font-size: var(--Pl15); font-weight: 400; } .TtBxLe16, .TtBxLeCr16_CrBr { padding: var(--Pl4); font-size: var(--Pl16); font-weight: 400; } .TtBxLe17, .TtBxLeCr17_CrBr { padding: var(--Pl4); font-size: var(--Pl17); font-weight: 500; } .TtBxLe14, .TtBxLe15, .TtBxLe16, .TtBxLe17, .TtBxLeCr14_CrBr, .TtBxLeCr15_CrBr, .TtBxLeCr16_CrBr, .TtBxLeCr17_CrBr { width: 100%; border-top: none; border-left: none; border-right: none; border-width: var(--Pl2); background-color: transparent; border-radius: var(--Pl2); transition: border-color 0.14s ease-in-out, box-shadow 0.17s ease-in-out; } .TtBxLe14, .TtBxLe15, .TtBxLe16, .TtBxLe17 { border-bottom: var(--Pl2) solid var(--CrTeBr); } .TtBxLe14:focus, .TtBxLe15:focus, .TtBxLe16:focus, .TtBxLe17:focus { outline: none !important; border-width: var(--Pl3); border-radius: var(--Pl5); box-shadow: 0 0 var(--Pl7) #719ECE; border-color: var(--CrTe); } .TtBxLeCr14_CrBr:focus, .TtBxLeCr15_CrBr:focus, .TtBxLeCr16_CrBr:focus, .TtBxLeCr17_CrBr:focus { outline: none !important; border-width: var(--Pl3); border-radius: var(--Pl5); box-shadow: 0 0 var(--Pl7) var(--CrTeHrSw); } /*Text Box Mobile*/ /*Text Box Transparent*/ .TtBxTt14::placeholder, .TtBxTt15::placeholder, .TtBxTt16::placeholder, .TtBxTt17::placeholder { // color: var(--CrPrTbSh); } .TtBxMe14, .TtBxMe15, .TtBxMe16, .TtBxMe17, .TtBxTt14, .TtBxTt15, .TtBxTt16, .TtBxTt17, .TtAaTt14, .TtAaTt15, .TtAaTt16, .TtAaTt17 { margin: 0; border: none; width: 100%; background-color: transparent; } .TtAaTt14, .TtAaTt15, .TtAaTt16, .TtAaTt17 { margin: var(--Pl2) !important; } .TtBxMe14, .TtBxTt14, .TtAaTt14 { padding: var(--Pl4); font-size: var(--Pl14); font-weight: 400; } .TtBxMe15, .TtBxTt15, .TtAaTt15 { padding: var(--Pl4); font-size: var(--Pl15); font-weight: 400; } .TtBxMe16, .TtBxTt16, .TtAaTt16 { padding: var(--Pl5); font-size: var(--Pl16); font-weight: 400; } .TtBxMe17, .TtBxTt17, .TtAaTt17 { padding: var(--Pl6); font-size: var(--Pl17); font-weight: 500; } .TtBxTt14:focus, .TtBxTt15:focus, .TtBxTt16:focus, .TtBxTt17:focus, .TtBxMe14:focus, .TtBxMe15:focus, .TtBxMe16:focus, .TtBxMe17:focus, .TtAaTt14, .TtAaTt15, .TtAaTt16, .TtAaTt17 { outline: none; } .TtBxMeDiv, .TtBxMeDivCr_CrBr { background-color: var(--CrTeTtBxBd); display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; align-items: center; border-radius: var(--Pl5); border-width: var(--Pl1); border-style: solid; transition: border-color 0.14s ease-in-out, box-shadow 0.17s ease-in-out; } .TtBxMeDiv { border-color: var(--CrTeBr); padding: var(--Pl2) var(--Pl4); } .TtBxMeDiv:focus-within, .TtBxFlStDiv:focus-within { border-width: var(--Pl2); box-shadow: 0 0 var(--Pl7) var(--CrTeHrSw); border-color: var(--CrTe); } .TtBxMeDivCr_CrBr:focus-within { border-width: var(--Pl2); box-shadow: 0 0 var(--Pl7) var(--CrTeHrSw); } /* Round*/ .TtBxMeDivRd { padding: var(--Pl2) var(--Pl6) !important; border-radius: var(--Pl22); } /*Text Box Mobile For*/ .TtBxMeFr { padding-left: var(--Pl2); text-align: center; font-weight: 500; display: none; opacity: 0; } @keyframes ShowLabel { 0% { opacity: 0; } 100% { opacity: 1; } } /*TextBoxForShow*/ .TtBxFrSw:hover [TtBxFr=Label] { animation: ShowLabel .4s linear; animation-fill-mode: forwards; } .TtBxFrSw:hover { flex-grow: 1; } .TtBxFrSw:hover [TtBxFr=Label] { display: inline-block; flex-grow: 1; } .TtBxFrSw:hover ~ [TtBx=TtBxMe] { display: none; } .UserDiv { position: fixed; top: var(--Pl50); right: 1%; background-color: var(--CrTePr); display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid var(--CrTeBr); border-radius: var(--Pl3); min-width: 135px; display: none; z-index: 1000000; } .UserDiv > div { width: 100%; padding: var(--Pl8) var(--Pl5); cursor: pointer; transition: all ease-in-out .35s; transition-property: background-color; } .UserDiv > div:hover { background-color: var( --CrTe); color: var(--CrTeHrTt); } .UTPackageImgHt { height: 279px !important; } .UTPackageWh { width: 48%; } .UTPropertyWh { width: 23%!important; } @media (max-width: 768px) { .UTPackageImgHt { height: 138px !important; } .UTPackageWh{ width:100%; } .UTPropertyWh { width: 43% !important; } } .UTLogoSize { width: 79px; margin-top: 8px; } /*Tabs Css*/ .UTabLink { padding: var(--Pl8) var(--Pl5); cursor: pointer; min-height: var(--Pl30); display: flex; align-items: center; justify-content: center; font-weight: 500; border-right: var(--Pl1) solid rgb(236 236 236 / 0.95); box-shadow: inset 0px 0px var(--Pl6) rgb(236 236 236 / 0.95); margin: var(--Pl0) var(--Pl3) var(--Pl0) var(--Pl0); background-color: rgb( var(--CrTeRGB) /.15); transition: all ease-in-out .5s; transition-property: background-color,box-shadow; border-top-left-radius: var(--Pl3); border-top-right-radius: var(--Pl3); font-weight: 600; } .UTabActive, .UTabLink:hover { background-color: rgb( var(--CrTeRGB) /.8) !important; border-top: var(--Pl2) solid var(--CrTeBr) !important; color: var(--CrTeHrTt); } .UTabDeactive { background-color: rgb( var(--CrGy) / .4) !important; color: rgb(var(--CrWe)) !important; border-top: rgb(var(--CrGy)) !important; cursor: no-drop !important; } .UTabs { box-shadow: inset var(--Pl0) var(--Pl0) var(--Pl6) rgb(236 236 236 / 0.95); border-left: var(--Pl1) solid rgb(199 193 193 / 0.80); border-right: var(--Pl1) solid rgb(199 193 193 / 0.80); border-top: var(--Pl1) solid rgb(199 193 193 / 0.80); border-radius: var(--Pl2) var(--Pl2) var(--Pl0) var(--Pl0); box-shadow: var(--Pl0) var(--Pl2) var(--Pl2) rgb(199 193 193 / 0.80); padding: var(--Pl3) var(--Pl3) var(--Pl0) var(--Pl3); display: flex; flex-direction: row; background-color: var(--CrTeBdBody); } .UTabsCont { width: 100%; min-height: 100px; padding: var(--Pl5); display: block; border-radius: var(--Pl0) var(--Pl0) var(--Pl2) var(--Pl2); border-left: var(--Pl1) solid rgb(199 193 193 / 0.80); border-right: var(--Pl1) solid rgb(199 193 193 / 0.80); border-bottom: var(--Pl1) solid rgb(199 193 193 / 0.80); } .UTabsContent > div:not(:first-child) { display: none; } /*Tabs Css Ends*/ .UTArrowLeft { position: absolute; left: 5px; top: 4px; } .UTArrowRight { position: absolute; right: 5px; top: 4px; } /*Validation*/ .VnRd { margin-left: var(--Pl5); padding: var(--Pl5); color: rgb(182 51 51 / 0.90); } /*Width*/ .Wh2o5p { width: 2.5%; } .Wh5p { width: 5%; } .Wh7o5p { width: 7.5%; } .Wh10p { width: 10%; } .Wh12o5p { width: 12.5%; } .Wh15p { width: 15%; } .Wh17o5p { width: 17.5%; } .Wh20p { width: 20%; } .Wh22o5p { width: 22.5%; } .Wh25p { width: 25%; } .Wh27o5p { width: 27.5%; } .Wh30p { width: 30%; } .Wh33p { width: 33%; } .Wh32p { width: 32%; } .Wh32o5p { width: 32.5%; } .Wh35p { width: 35%; } .Wh37o5p { width: 37.5%; } .Wh40p { width: 40%; } .Wh42o5p { width: 42.5%; } .Wh45p { width: 45%; } .Wh47o5p { width: 47.5%; } .Wh50p { width: 50%; } .Wh52o5p { width: 52.5%; } .Wh55p { width: 55%; } .Wh57o5p { width: 57.5%; } .Wh60p { width: 60%; } .Wh62o5p { width: 62.5%; } .Wh65p { width: 65%; } .Wh67o5p { width: 67.5%; } .Wh70p { width: 70%; } .Wh72o5p { width: 72.5%; } .Wh75p { width: 75%; } .Wh77o5p { width: 77.5%; } .Wh80p { width: 80%; } .Wh82o5p { width: 82.5%; } .Wh85p { width: 85%; } .Wh87o5p { width: 87.5%; } .Wh90p { width: 90%; } .Wh92o5p { width: 92.5%; } .Wh95p { width: 95%; } .Wh97o5p { width: 97.5%; } .Wh100p { width: 100%; } @media (max-width: 768px) { .Wh100pMbVw { width: 100%; } .UTLogoSize { width: 50px; margin-top: 8px; } } :root { --size: 5px; } .loader { background-color: var(--CrBdTt30); overflow: hidden; width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: flex; align-items: center; align-content: center; justify-content: center; z-index: 80000000000000; } .loader__element { border-radius: 100%; border: var(--size) solid var(--CrTe); margin: calc(var(--size)*2); } .loader__element:nth-child(1) { animation: preloader .6s ease-in-out alternate infinite; } .loader__element:nth-child(2) { animation: preloader .6s ease-in-out alternate .2s infinite; } .loader__element:nth-child(3) { animation: preloader .6s ease-in-out alternate .4s infinite; } @keyframes preloader { 100% { transform: scale(2); } } .LineThemeFadeDiv { display: block; height: var(--Pl1); width: 94%; margin: var(--Pl3); background-image: linear-gradient(to right, rgba(255,0,0,0), var(--CrTe),rgba(255,0,0,0)); } .TextAreaFooterFixedForm { width: 100%; margin: 2px; height: 32px; } .clearfix::after { content: ""; clear: both; display: table; } .WtAn { background-color: rgb(245 244 244 / 0.95); cursor: pointer; width: 96%; border-left: var(--Pl7) solid var(--CrTe); border-radius: var(--Pl5) var(--Pl3) var(--Pl3) var(--Pl5); text-align: left; outline: none; font-size: var(--Pl20); font-weight: bold; transition: 0.4s; margin: var(--Pl7) auto; padding: var(--Pl6) var(--Pl9); box-shadow: inset 0 0 var(--Pl6) var(--CrSwIr); } .WtAnPl { width: 96%; margin: var(--Pl10) auto 0 auto; border-radius: var(--Pl5); box-shadow: inset 0 0 var(--Pl6) var(--CrSwIr); padding: 0 var(--Pl18); background-color: var(--CrTeBdBody); max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; font-size: var(--Pl16); } .WtAnPlAe, .WtAn:hover { background-color: #ccc; } .WtAn:after { content: '\002B'; color: var(--TextColor); font-weight: 900; font-size: larger; float: right; margin-left: var(--P5); } .WtAnPlAe:after { content: "\2212"; } /*ToolTip*/ .TlTpCt { opacity: 0; visibility: hidden; transition: all 0.05s cubic-bezier(.26,.64,.47,.81); } .TlTpCt::after { content: ""; position: absolute; top: 50%; left: -9px; margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent rgb(var(--CrBk)/.8) transparent transparent; } .TlTpCt.active { opacity: 1; visibility: visible; } .ScrollHide { overflow-y: scroll; /* Add the ability to scroll */ } /* Hide scrollbar for Chrome, Safari and Opera */ .ScrollHide::-webkit-scrollbar { display: none; } /* Hide scrollbar for IE, Edge and Firefox */ .ScrollHide { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } /*Ankita*/ /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } /* varsha*/ .WeSeNoWp { white-space: nowrap; } .WeSeNl { white-space: normal; }