@syncfusion/ej2-treegrid 25.2.6 → 26.1.35-469198

package/styles/fluent2.css

@@ -0,0 +1,1879 @@
+
+
+:root,
+
+
+:root,
+
+
+/* Font Family */
+/* Font Sizes */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 0px */
+/* 2.857em */
+/* 2.285em */
+/* 2em */
+/* 1.714em */
+/* 1.428em */
+/* 1.142em */
+/* 4vw */
+/* 3vw */
+/* Line Heights */
+/* 1px */
+/* 1.5px */
+/* 1.8px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 51px */
+/* 52px */
+/* 53px */
+/* 54px */
+/* 55px */
+/* 56px */
+/* 57px */
+/* 58px */
+/* 59px */
+/* 60px */
+/* 61px */
+/* 62px */
+/* 63px */
+/* 64px */
+/* 65px */
+/* 66px */
+/* 67px */
+/* 68px */
+/* 69px */
+/* 70px */
+/* 71px */
+/* 72px */
+/* 73px */
+/* 74px */
+/* 75px */
+/* 76px */
+/* 77px */
+/* 78px */
+/* 79px */
+/* 80px */
+/* --- px-based --- */
+/* 24.5px */
+/* 28.5px */
+/* 39.5px */
+/* 1.15 */
+/* 1.2 */
+/* 1.4 */
+/* 1.5 */
+/* 2.25 */
+/* 24.5 */
+/* --- em --- */
+/* .334em */
+/* 1.223em */
+/* 1.477em */
+/* 1.572em */
+/* 1.5em */
+/* 2em */
+/* .9 */
+/* Font Weight */
+/* Letter Spacing */
+/* Negative Spacing */
+/* -1px */
+/* -2px */
+/* -3px */
+/* -4px */
+/* -5px */
+/* -6px */
+/* -7px */
+/* -8px */
+/* -9px */
+/* -10px */
+/* -11px */
+/* -11.2px */
+/* -12px */
+/* -13px */
+/* -14px */
+/* -15px */
+/* -16px */
+/* -17px */
+/* -18px */
+/* -19px */
+/* -20px */
+/* -21px */
+/* -22px */
+/* -23px */
+/* -24px */
+/* -25px */
+/* -26px */
+/* -27px */
+/* -28px */
+/* -29px */
+/* -30px */
+/* -31px */
+/* -32px */
+/* -33px */
+/* -34px */
+/* -35px */
+/* -36px */
+/* -37px */
+/* -38px */
+/* -39px */
+/* -40px */
+/* -41px */
+/* -42px */
+/* -43px */
+/* -44px */
+/* -45px */
+/* -46px */
+/* -47px */
+/* -48px */
+/* -49px */
+/* -50px */
+/* -51px */
+/* -52px */
+/* -53px */
+/* -54px */
+/* -55px */
+/* -56px */
+/* -57px */
+/* -58px */
+/* -59px */
+/* -60px */
+/* -61px */
+/* -62px */
+/* -63px */
+/* -64px */
+/* -65px */
+/* -66px */
+/* -67px */
+/* -68px */
+/* -69px */
+/* -70px */
+/* -71px */
+/* -72px */
+/* -73px */
+/* -74px */
+/* -75px */
+/* -76px */
+/* -77px */
+/* -78px */
+/* -79px */
+/* -80px */
+/* -81px */
+/* -82px */
+/* -83px */
+/* -84px */
+/* -85px */
+/* -86px */
+/* -87px */
+/* -88px */
+/* -89px */
+/* -90px */
+/* -91px */
+/* -92px */
+/* -93px */
+/* -94px */
+/* -95px */
+/* -96px */
+/* -97px */
+/* -98px */
+/* -99px */
+/* -100px */
+/* Spacing */
+/* 1px  */
+/* 1px  */
+/* 2px  */
+/* 364px */
+/* 440px */
+/* 2.5px */
+/* 3px  */
+/* 4px  */
+/* 5px  */
+/* 6px  */
+/* 7px  */
+/* 8px  */
+/* 9px  */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 38.5px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 51px */
+/* 52px */
+/* 53px */
+/* 54px */
+/* 55px */
+/* 56px */
+/* 57px */
+/* 58px */
+/* 59px */
+/* 60px */
+/* 61px */
+/* 62px */
+/* 63px */
+/* 64px */
+/* 65px */
+/* 66px */
+/* 67px */
+/* 68px */
+/* 69px */
+/* 70px */
+/* 71px */
+/* 72px */
+/* 73px */
+/* 74px */
+/* 75px */
+/* 76px */
+/* 77px */
+/* 78px */
+/* 79px */
+/* 80px */
+/* 81px */
+/* 82px */
+/* 83px */
+/* 84px */
+/* 85px */
+/* 86px */
+/* 87px */
+/* 88px */
+/* 89px */
+/* 90px */
+/* 91px */
+/* 92px */
+/* 93px */
+/* 94px */
+/* 95px */
+/* 96px */
+/* 97px */
+/* 98px */
+/* 99px */
+/* 100px */
+/* 105px */
+/* 118px */
+/* 128px */
+/* 138px */
+/* 152px */
+/* 154px */
+/* 155px */
+/* 163px */
+/* 165px */
+/* 170px */
+/* 172px */
+/* 175px */
+/* 176px */
+/* 177px */
+/* 185px */
+/* 186px */
+/* 198px */
+/* 201px */
+/* 204px */
+/* 214px */
+/* 215px */
+/* 232px */
+/* 246px */
+/* 248px */
+/* 285px */
+/* 295px */
+/* 296px */
+/* 311px */
+/* 318px */
+/* 335px */
+/* 340px */
+/* 348px */
+/* 368px */
+/* 380px */
+/* 384px */
+/* 385px */
+/* 396px */
+/* 409px */
+/* 420px */
+/* 424px */
+/* 430px */
+/* 435px */
+/* 450px */
+/* 464px */
+/* 470px */
+/* 476px */
+/* 477px */
+/* 490px */
+/* 525px */
+/* 712px */
+/* 724px */
+/* .5px */
+/* 3.75px */
+/* 10.5px */
+/* 2.68px */
+/* 1.35 */
+/* --- px values --- */
+/* .3px */
+/* .5px */
+/* .8px */
+/* 1.2px */
+/* 1.5px */
+/* 3.5px */
+/* 5.5px */
+/* 6.1px */
+/* 6.2px */
+/* 6.5px */
+/* 7.1px */
+/* 7.5px */
+/* 7.6px */
+/* 7.8px */
+/* 8.5px */
+/* 8.6px */
+/* 8.7px */
+/* 8.85px */
+/* 9.5px */
+/* 9.8px */
+/* 9.92px */
+/* 9.9px */
+/* 10.3px */
+/* 10.7px */
+/* 11.5px */
+/* 11.6px */
+/* 11.7px */
+/* 11.8px */
+/* 11.85px */
+/* 12.5px */
+/* 12.6px */
+/* 13.9px */
+/* 13.92px */
+/* 14.5px */
+/* 15.1px */
+/* 15.48px */
+/* 16.2px */
+/* -274px */
+/* 110px */
+/* 120px */
+/* 140px */
+/* 184px */
+/* 190px */
+/* 275px */
+/* 276px */
+/* 125px */
+/* 122px */
+/* -125px */
+/* -121px */
+/* 5.4px */
+/* 20.4px */
+/* 5.7px */
+/* 28.4px */
+/* 15.5px */
+/* 6.45px */
+/* 5.2px */
+/* 7.2px */
+/* 4.63px */
+/* -274px */
+/* 110px */
+/* 120px */
+/* 140px */
+/* 184px */
+/* 190px */
+/* 275px */
+/* 276px */
+/* 125px */
+/* 122px */
+/* -125px */
+/* -121px */
+/* 5.4px */
+/* 20.4px */
+/* 5.7px */
+/* 28.4px */
+/* 15.5px */
+/* 1em */
+/* --- negative px values --- */
+/* -0.1px */
+/* -3.5px */
+/* -14.5px */
+/* -3.1px */
+/* --- percentage values --- */
+/* 1% */
+/* 2% */
+/* 2.5% */
+/* 5% */
+/* 7% */
+/* 37% */
+/* 43% */
+/* 44% */
+/* 46% */
+/* 52% */
+/* 75% */
+/* 86% */
+/* 98% */
+/* 78% */
+/* 85% */
+/* 94% */
+/* 95% */
+/* 95.5% */
+/* 95.55% */
+/* 97% */
+/* 103% */
+/* 45% */
+/* 274% */
+/* 2.75% */
+/* 3.425% */
+/* 5.205% */
+/* 3.657% */
+/* 3.62% */
+/* 96% */
+/* 68% */
+/* 89.8% */
+/* 90.7% */
+/* 13% */
+/* 5vh */
+/* --- em values --- */
+/* .2em */
+/* .3em */
+/* .4em */
+/* .45em */
+/* .5em */
+/* .6em */
+/* .7em */
+/* .8em */
+/* 1em */
+/* 1.5em */
+/* 2.5em */
+/* 2.8em */
+/* 3em */
+/* 4em */
+/* --- negative em values --- */
+/* -.5em */
+/* -.57143em */
+/* -.6111em */
+/* -1.7em */
+/* -2em */
+/* -2.1em */
+/* -2.25em */
+/* -2.65em */
+/* --- rem --- */
+/* .25rem */
+/* --- viewport units --- */
+/* 1.8vh */
+/* 1.3vh */
+/* 2vw */
+/* 5vw */
+/* 6vw */
+/* 12vh */
+/* 75vw */
+/* --- others --- */
+/* calc(100% - 360px) */
+/* 274px */
+/* 156px */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 0px */
+/* .5px */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* Font icon */
+/* 1px  */
+/* 2px  */
+/* 3px  */
+/* 4px  */
+/* 5px  */
+/* 6px  */
+/* 7px  */
+/* 8px  */
+/* 9px  */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 22px */
+/* 24px */
+/* 26px */
+/* 28px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 51px */
+/* 52px */
+/* 53px */
+/* 54px */
+/* 55px */
+/* 56px */
+/* 57px */
+/* 58px */
+/* 59px */
+/* 60px */
+/* 61px */
+/* 62px */
+/* 63px */
+/* 64px */
+/* 65px */
+/* 66px */
+/* 67px */
+/* 68px */
+/* 69px */
+/* 70px */
+/* 71px */
+/* 72px */
+/* 73px */
+/* 74px */
+/* 75px */
+/* 76px */
+/* 77px */
+/* 78px */
+/* 79px */
+/* 80px */
+/* 81px */
+/* 82px */
+/* 83px */
+/* 84px */
+/* 85px */
+/* 86px */
+/* 87px */
+/* 88px */
+/* 89px */
+/* 90px */
+/* 91px */
+/* 92px */
+/* 93px */
+/* 94px */
+/* 95px */
+/* 96px */
+/* 97px */
+/* 98px */
+/* 99px */
+/* 100px */
+/* 0px */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 52px */
+/* 54px */
+/* 55px */
+/* 56px */
+/* 58px */
+/* 60px */
+/* 62px */
+/* 64px */
+/* 66px */
+/* 70px */
+/* 72px */
+/* 73px */
+/* 75px */
+/* 79px */
+/* 80px */
+/* 81px */
+/* 82px */
+/* 86px */
+/* 87px */
+/* 88px */
+/* 90px */
+/* 94px */
+/* 100px */
+/* 104px */
+/* 106px */
+/* 108px */
+/* 120px */
+/* 123px */
+/* 126px */
+/* 128px */
+/* 129px */
+/* 133px */
+/* 135px */
+/* 140px */
+/* 150px */
+/* 160px */
+/* 165px */
+/* 166px */
+/* 168px */
+/* 170px */
+/* 180px */
+/* 186px */
+/* 192px */
+/* 196px */
+/* 200px */
+/* 210px */
+/* 240px */
+/* 250px */
+/* 251px */
+/* 256px */
+/* 270px */
+/* 280px */
+/* 290px */
+/* 298px */
+/* 300px */
+/* 305px */
+/* 310px */
+/* 327px */
+/* 330px */
+/* 337px */
+/* 340px */
+/* 342px */
+/* 350px */
+/* 360px */
+/* 364px */
+/* 405px */
+/* 454px */
+/* 460px */
+/* 470px */
+/* 485px */
+/* 495px */
+/* 500px */
+/* 520px */
+/* 550px */
+/* 570px */
+/* 575px */
+/* 600px */
+/* 700px */
+/* Height Variables */
+/* 88% */
+/* 75% */
+/* 55% */
+/* 40% */
+/* 45% */
+/* 1% */
+/* 68px */
+/* 78px */
+/* 100% */
+/* 161px */
+/* 202px */
+/* 241px */
+/* 295px */
+/* 308px */
+/* 1.6px */
+/* 2.5em */
+/* 39px */
+/* 220px */
+/* 232px */
+/* 301px */
+/* 65px */
+/* 98px */
+/* 109px */
+/* 112px */
+/* 132px */
+/* 138px */
+/* 195px */
+/* 198px */
+/* 205px */
+/* 220px */
+/* 329px */
+/* 366px */
+/* 465px */
+/* 490px */
+/* 498px */
+/* 505px */
+/* 525px */
+/* 530px */
+/* 535px */
+/* 537px */
+/* 544px */
+/* 555px */
+/* 565px */
+/* 570px */
+/* 576px */
+/* 584px */
+/* 585px */
+/* 590px */
+/* 591px */
+/* 592px */
+/* 600px */
+/* 615px */
+/* 620px */
+/* 627px */
+/* 43px */
+/* 78px */
+/* 89px */
+/* 96px */
+/* 510px */
+/* em-based */
+/* 1.5em */
+/* 5vw */
+/* 2vw */
+/* 3vh */
+/* 2vh */
+/* inherit */
+/* 130px */
+/* 105px */
+/* 115px */
+/* 125px */
+/* 145px */
+/* 152px */
+/* 162px */
+/* 187px */
+/* 220px */
+/* 248px */
+/* 261px */
+/* 369px */
+/* 387px */
+/* 392px */
+/* 400px */
+/* 404px */
+/* 420px */
+/* 440px */
+/* 450px */
+/* 480px */
+/* 540px */
+/* 580px */
+/* 628px */
+/* 660px */
+/* 735px */
+/* 750px */
+/* 800px */
+/* Base Reference: maplayoutvariable('spacing') = 16px */
+/* 1px = 0.0625 */
+/* 130px */
+/* 145px */
+/* 150px */
+/* 180px */
+/* 230px */
+/* 250px */
+/* 265px */
+/* 283px */
+/* 290px */
+/* 300px */
+/* 310px */
+/* 320px */
+/* 325px */
+/* 350px */
+/* 370px */
+/* 375px */
+/* 400px */
+/* 401px */
+/* 460px */
+/* 500px */
+/* 520px */
+/* 550px */
+/* 575px */
+/* 579px */
+/* 580px */
+/* 627px */
+/* 700px */
+/* keyword values */
+/* unset */
+/* none */
+/* inherit */
+/* 10%  */
+/* 20%  */
+/* 25%  */
+/* 30%  */
+/* 40%  */
+/* 45%  */
+/* 49%  */
+/* 50%  */
+/* 53%  */
+/* 60%  */
+/* 70%  */
+/* 74%  */
+/* 90%  */
+/* 100% */
+/* 120% */
+/* 150% */
+/* 160px */
+/* 196px */
+/* 195px */
+/* 2em */
+/* 112px */
+/* 116px */
+/* 120px */
+/* 141px */
+/* 160px */
+/* 178px */
+/* 200px */
+/* 202px */
+/* 240px */
+/* 242px */
+/* 260px */
+/* 288px */
+/* 292px */
+/* 294px */
+/* 314px */
+/* 350px */
+/* 540px */
+/* 600px */
+/* 625px */
+/* 730px */
+/* 770px */
+/* 112px */
+/* 120px */
+/* 178px */
+/* 200px */
+/* 90.6% */
+/* 84.913% */
+/* 84.74% */
+/* 86.3% */
+/* 14% */
+/* 28% */
+/* 33.5% */
+/* 21.25% */
+/* 22.18% */
+/* 21.58% */
+/* 22.42% */
+/* 12.34% */
+/* 13.2% */
+/* 12.28% */
+/* 10.306% */
+/* 50% */
+/* 36% */
+/* 16.3% */
+/* 16.76% */
+/* 29.59% */
+/* 29.9% */
+/* 30.82% */
+/* 31% */
+/* 17.58% */
+/* 17.9% */
+/* 25% */
+/* 80% */
+/* 1em */
+/* 2.2em */
+/* 2.3em */
+/* 57px */
+/* 114px */
+/* .3rem */
+/* 102px */
+/* 136px */
+/* 438px */
+
+
+
+
+/* stylelint-disable property-no-vendor-prefix */
+@-webkit-keyframes e-input-ripple {
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(4);
+            transform: scale(4);
+  }
+}
+@keyframes e-input-ripple {
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(4);
+            transform: scale(4);
+  }
+}
+@-webkit-keyframes slideTopUp {
+  from {
+    -webkit-transform: translate3d(calc(var(--e-spacing) * 0), 0, 0) scale(1);
+            transform: translate3d(calc(var(--e-spacing) * 0), 0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate3d(calc(var(--e-spacing) * 0), 0, 0) scale(1);
+            transform: translate3d(calc(var(--e-spacing) * 0), 0, 0) scale(1);
+  }
+}
+@keyframes slideTopUp {
+  from {
+    -webkit-transform: translate3d(calc(var(--e-spacing) * 0), 0, 0) scale(1);
+            transform: translate3d(calc(var(--e-spacing) * 0), 0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate3d(calc(var(--e-spacing) * 0), 0, 0) scale(1);
+            transform: translate3d(calc(var(--e-spacing) * 0), 0, 0) scale(1);
+  }
+}
+/* stylelint-disable */
+.e-input:focus:not(.e-success):not(.e-warning).e-error,
+.e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group) input:focus,
+.e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group) textarea:focus,
+.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group) input:focus,
+.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group) textarea:focus,
+.e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group).e-input-focus input,
+.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group).e-input-focus input {
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+}
+
+.e-input:focus:not(.e-error):not(.e-warning).e-success,
+.e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group) input:focus,
+.e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group) textarea:focus,
+.e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group) input:focus,
+.e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group) textarea:focus,
+.e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group).e-input-focus input,
+.e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group).e-input-focus input {
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+}
+
+.e-input:focus:not(.e-success):not(.e-error).e-warning,
+.e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group) input:focus,
+.e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group) textarea:focus,
+.e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group) input:focus,
+.e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group) textarea:focus,
+.e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group).e-input-focus input,
+.e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group).e-input-focus input {
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+}
+
+.e-input-group.e-input-focus:not(.e-success):not(.e-warning).e-error,
+.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning).e-error {
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+}
+
+.e-input-group.e-input-focus:not(.e-error):not(.e-warning).e-success,
+.e-input-group.e-control-wrapper.e-input-focus:not(.e-error):not(.e-warning).e-success {
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+}
+
+.e-input-group.e-input-focus:not(.e-success):not(.e-error).e-warning,
+.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-error).e-warning {
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+}
+
+.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error,
+.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error {
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+}
+
+.e-input-group:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success,
+.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success {
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+}
+
+.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning,
+.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning {
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+}
+
+.e-float-input.e-error label.e-float-text,
+.e-float-input.e-control-wrapper.e-error label.e-float-text,
+.e-float-input.e-error input:focus ~ label.e-float-text,
+.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
+.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
+.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+.e-float-input.e-error textarea:focus ~ label.e-float-text,
+.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text {
+  color: var(--color-sf-danger) !important;
+}
+
+.e-outline.e-float-input.e-error.e-input-focus input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-input-group.e-error.e-valid-input label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-bigger.e-error.e-input-focus input:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-error.e-input-focus input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-error.e-input-focus input:focus ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-error input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-bigger.e-error input:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-bigger.e-error textarea:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-error textarea:focus ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-bigger.e-error textarea:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-error input:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-error input:focus ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error input:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-error textarea:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-error textarea:focus ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error textarea:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-error label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-input-group.e-error label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-control-wrapper.e-error label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-valid-input.e-error:not(.e-input-focus) input:valid ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-input-focus) input:focus ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-valid-input.e-error:not(.e-input-focus) textarea:valid ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-input-focus) textarea:focus ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-error.e-input-focus input ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text {
+  color: var(--color-sf-danger) !important;
+}
+
+.e-filled.e-float-input.e-error label.e-float-text,
+.e-filled.e-float-input.e-control-wrapper.e-error label.e-float-text,
+.e-filled.e-float-input.e-error input:focus ~ label.e-float-text,
+.e-filled.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
+.e-filled.e-float-input.e-error textarea:focus ~ label.e-float-text,
+.e-filled.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
+.e-filled.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
+.e-filled.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+  color: var(--color-sf-danger) !important;
+}
+
+.e-underline.e-input-group.e-control-wrapper,
+.e-underline.e-input-group,
+.e-underline.e-input-group:not(.e-float-icon-left),
+.e-underline.e-float-input,
+.e-underline.e-float-input.e-control-wrapper,
+.e-underline.e-input-group:not(.e-float-icon-left),
+.e-underline.e-input-group.e-success:not(.e-float-icon-left),
+.e-underline.e-input-group.e-warning:not(.e-float-icon-left),
+.e-underline.e-input-group.e-error:not(.e-float-icon-left),
+.e-underline.e-input-group.e-control-wrapper:not(.e-float-icon-left),
+.e-underline.e-input-group.e-control-wrapper.e-success:not(.e-float-icon-left),
+.e-underline.e-input-group.e-control-wrapper.e-warning:not(.e-float-icon-left),
+.e-underline.e-input-group.e-control-wrapper.e-error:not(.e-float-icon-left) {
+  border: calc(var(--e-border) * 0.0625) solid var(--color-sf-border-alt);
+  border-width: calc(var(--e-border) * 0) calc(var(--e-border) * 0) calc(var(--e-spacing) * 0.0625) calc(var(--e-border) * 0);
+  padding-top: calc(var(--e-spacing) * 0.0625);
+  border-radius: calc(var(--e-radius) * 0);
+}
+
+.e-underline.e-input-group:not(.e-float-icon-left),
+.e-underline.e-input-group.e-success:not(.e-float-icon-left),
+.e-underline.e-input-group.e-warning:not(.e-float-icon-left),
+.e-underline.e-input-group.e-error:not(.e-float-icon-left),
+.e-underline.e-input-group.e-control-wrapper:not(.e-float-icon-left),
+.e-underline.e-input-group.e-control-wrapper.e-success:not(.e-float-icon-left),
+.e-underline.e-input-group.e-control-wrapper.e-warning:not(.e-float-icon-left),
+.e-underline.e-input-group.e-control-wrapper.e-error:not(.e-float-icon-left) {
+  border: calc(var(--e-border) * 0.0625) solid;
+  border-width: calc(var(--e-border) * 0) calc(var(--e-border) * 0) calc(var(--e-spacing) * 0.0625) calc(var(--e-border) * 0);
+  padding-top: calc(var(--e-spacing) * 0.0625);
+  border-radius: calc(var(--e-radius) * 0);
+}
+
+.e-ddl.e-control-wrapper .e-ddl-icon::before {
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
+  -webkit-transition: -webkit-transform 300ms ease;
+  transition: -webkit-transform 300ms ease;
+  transition: transform 300ms ease;
+  transition: transform 300ms ease, -webkit-transform 300ms ease;
+}
+
+.e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
+  -webkit-transition: -webkit-transform 300ms ease;
+  transition: -webkit-transform 300ms ease;
+  transition: transform 300ms ease;
+  transition: transform 300ms ease, -webkit-transform 300ms ease;
+}
+
+.e-dropdownbase .e-list-item.e-active.e-hover {
+  color: var(--color-sf-content-text-color-selected);
+}
+
+.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
+.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
+.e-input-group:not(.e-disabled) .e-back-icon:active,
+.e-input-group:not(.e-disabled) .e-back-icon:hover,
+.e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:active,
+.e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:hover {
+  background: transparent;
+}
+
+.e-input-group .e-ddl-icon:not(:active)::after {
+  -webkit-animation: none;
+          animation: none;
+}
+
+.e-ddl.e-popup {
+  border: 0;
+  border-radius: 4px;
+  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
+          box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
+  margin-top: 4px;
+}
+
+.e-small .e-ddl.e-popup,
+.e-small.e-ddl.e-popup {
+  border-radius: 4px;
+  margin-top: 2px;
+}
+
+.e-popup.e-ddl .e-dropdownbase {
+  min-height: 26px;
+  padding: 6px 4px;
+}
+
+.e-input-group.e-ddl,
+.e-input-group.e-ddl .e-input,
+.e-input-group.e-ddl .e-ddl-icon {
+  background: var(--color-sf-content-bg-color);
+}
+
+.e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group:hover:not(.e-disabled):not(.e-float-icon-left),
+.e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left) {
+  border-bottom-width: 0;
+}
+
+.e-ddl.e-popup.e-outline .e-filter-parent {
+  padding: 4px 8px;
+}
+
+/* stylelint-disable */
+.e-dialog .e-dlg-content {
+  border-radius: 8px !important;
+}
+
+.e-dlg-overlay {
+  backdrop-filter: blur(2px) !important;
+}
+
+.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn:hover,
+.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn:focus,
+.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn:active {
+  color: var(--color-sf-icon-color-hover);
+  background-color: var(--color-sf-content-bg-color-hover);
+  border-radius: 4px;
+}
+
+/* stylelint-disable property-no-vendor-prefix */
+@-webkit-keyframes material-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+@keyframes material-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+@-webkit-keyframes fabric-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+@keyframes fabric-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+.e-treegrid .e-indent::before,
+.e-grid-menu .e-indent::before {
+  content: "\e810";
+}
+.e-treegrid .e-outdent::before,
+.e-grid-menu .e-outdent::before {
+  content: "\e72a";
+}
+
+.e-treegrid .e-toolbar-item .e-expand::before {
+  content: "\e7c9";
+}
+.e-treegrid .e-toolbar-item .e-collapse::before {
+  content: "\e80f";
+}
+.e-treegrid .e-toolbar-item .e-indent::before {
+  content: "\e810";
+}
+.e-treegrid .e-toolbar-item .e-outdent::before {
+  content: "\e72a";
+}
+
+.e-treegrid .e-treegridexpand::before,
+.e-treegrid .e-treegridcollapse::before,
+.e-grid .e-treegridexpand::before,
+.e-grid .e-treegridcollapse::before {
+  content: "\e75c";
+}
+
+.e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
+.e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
+  content: "\e75c";
+}
+
+@media print {
+  .e-treecell-child {
+    width: 10px;
+    display: inline-block;
+  }
+}
+.e-treegrid .e-icons.e-none::before {
+  content: "";
+}
+.e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
+.e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
+  border-left: 2px dashed var(--color-sf-primary);
+}
+.e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
+  height: auto;
+}
+.e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
+  height: 20px;
+  position: relative;
+  bottom: 8px;
+  vertical-align: middle;
+}
+.e-treegrid .e-treegridexpand::before,
+.e-treegrid .e-treegridcollapse::before {
+  text-align: center;
+  vertical-align: unset;
+}
+.e-treegrid .e-treecolumn-container .e-treecell-icon {
+  width: 4px;
+  display: inline-block;
+}
+.e-treegrid .e-treecolumn-container .e-treecell-child {
+  width: 10px;
+  display: inline-block;
+}
+.e-treegrid .e-expand-iconstyle {
+  width: 16px;
+}
+.e-treegrid .e-print-layout {
+  position: absolute;
+  top: -9999px;
+  left: -9999px;
+}
+.e-treegrid tr.e-childrow-hidden {
+  display: none;
+}
+.e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container span.e-treecell {
+  display: contents;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.e-treegrid .e-templatecell .e-treecolumn-container span {
+  vertical-align: middle;
+}
+.e-treegrid .e-treegridexpand:hover::before,
+.e-treegrid .e-treegridcollapse:hover::before {
+  color: var(--color-sf-icon-color-hover-alt);
+}
+.e-treegrid .e-selectionbackground.e-active .e-treegridexpand::before,
+.e-treegrid .e-selectionbackground.e-active .e-treegridcollapse::before,
+.e-treegrid .e-gridhover .e-gridcontent td.e-rowcell:hover .e-treegridexpand::before,
+.e-treegrid .e-gridhover .e-gridcontent td.e-rowcell:hover .e-treegridcollapse::before,
+.e-treegrid .e-selectionbackground.e-active .e-treegridexpand:hover::before,
+.e-treegrid .e-selectionbackground.e-active .e-treegridcollapse:hover::before,
+.e-treegrid .e-gridhover .e-gridcontent td.e-rowcell:hover .e-treegridexpand:hover::before,
+.e-treegrid .e-gridhover .e-gridcontent td.e-rowcell:hover .e-treegridcollapse:hover::before {
+  color: var(--color-sf-icon-color-pressed);
+}
+.e-treegrid .e-rtl .e-treegridcollapse {
+  -webkit-transform: scale(-1);
+          transform: scale(-1);
+}
+.e-treegrid .e-treegridexpand {
+  -webkit-transform: rotate(90deg);
+          transform: rotate(90deg);
+}
+.e-treegrid .e-treerowexpanded:not(.e-hiddenrow) {
+  display: table-row;
+}
+.e-treegrid .e-treerowcollapsed {
+  display: none;
+}
+.e-treegrid .e-treecheckbox-container {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.e-treegrid .e-treecheckbox-container :not(.e-treecheckbox) {
+  white-space: nowrap;
+}
+.e-treegrid .e-treecheckbox {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  vertical-align: middle;
+}
+.e-treegrid .e-treecolumn-container span {
+  display: inline-block;
+  vertical-align: text-bottom;
+}
+.e-treegrid .e-templatecell .e-treecolumn-container span {
+  vertical-align: middle;
+}
+.e-treegrid .e-cloneproperties .e-treecolumn-container span {
+  vertical-align: text-top;
+}
+.e-treegrid .e-cloneproperties .e-rowcell:not(.e-gridclip) .errorValue .e-treecolumn-container {
+  display: table-row;
+}
+.e-treegrid .e-hierarchycheckbox .e-frame {
+  height: 16px;
+  width: 16px;
+}
+.e-treegrid .e-checkselection .e-frozenheader .e-rowcell,
+.e-treegrid .e-checkselection .e-movableheader .e-rowcell,
+.e-treegrid .e-checkselection .e-frozencontent .e-rowcell,
+.e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
+  line-height: 21px;
+}
+.e-treegrid .e-treegridexpand,
+.e-treegrid .e-treegridcollapse {
+  color: var(--color-sf-icon-color);
+  cursor: pointer;
+  font-size: 16px;
+  height: 16px;
+  padding: 0;
+  text-align: center;
+  vertical-align: text-bottom;
+  width: 16px;
+}
+.e-treegrid .e-treecell {
+  display: table-cell;
+  line-height: 19px;
+}
+.e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container, .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container {
+  white-space: nowrap;
+}
+.e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: normal;
+  word-wrap: break-word;
+}
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
+.e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
+  display: inline-block;
+  white-space: normal;
+  word-wrap: break-word;
+}
+.e-treegrid .e-grid.e-wrap .e-treecolumn-container span {
+  vertical-align: middle;
+}
+.e-treegrid.e-grid.e-print-grid-layout .e-icons {
+  display: inline-block;
+}
+.e-treegrid .e-treecheckselect,
+.e-treegrid .e-treeselectall {
+  margin: 0;
+  opacity: 0;
+  position: absolute;
+  width: 0;
+}
+.e-treegrid .e-detailheadercell,
+.e-treegrid .e-detailcell-visible,
+.e-treegrid .e-headercontent .e-table .e-detail-intent,
+.e-treegrid .e-gridcontent .e-table .e-detail-intent,
+.e-treegrid .e-table .e-detailrow .e-detailindentcell,
+.e-treegrid .e-table .e-detailrowexpand,
+.e-treegrid .e-table .e-detailrowcollapse,
+.e-treegrid tr.e-detailrow.e-childrow-hidden {
+  display: none;
+}
+.e-treegrid .e-table-cell::before {
+  content: none;
+  display: none;
+}
+.e-treegrid .e-table-cell {
+  display: table-cell;
+}
+.e-treegrid .e-icons.e-errorelem {
+  padding-left: 10px;
+  display: inline-block;
+  vertical-align: text-bottom;
+}
+.e-treegrid .e-errorelem::before {
+  color: var(--color-sf-danger);
+  content: "\e839";
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
+}
+.e-treegrid .e-gridcontent td.e-childborder {
+  border-color: var(--color-sf-primary);
+  border-width: 2px 0 0;
+  -webkit-box-shadow: 0 1px 0 0 var(--color-sf-primary);
+          box-shadow: 0 1px 0 0 var(--color-sf-primary);
+  position: relative;
+  z-index: 1;
+}
+.e-treegrid .e-gridcontent td.e-childborder.e-leftfreeze {
+  position: sticky;
+}
+.e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
+.e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
+  -webkit-box-shadow: 0 1px 0 0 var(--color-sf-primary);
+          box-shadow: 0 1px 0 0 var(--color-sf-primary);
+}
+.e-treegrid .e-gridcontent td.e-rowcell.e-dragborder,
+.e-treegrid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
+.e-treegrid .e-gridcontent .e-rowdragdrop.e-dragborder {
+  -webkit-box-shadow: 0 0 0 0;
+          box-shadow: 0 0 0 0;
+}
+.e-treegrid .e-gridcontent td.e-childborder:first-child {
+  border-left: 2px dashed var(--color-sf-primary);
+  -webkit-box-shadow: 0 1px 0 0 var(--color-sf-primary);
+          box-shadow: 0 1px 0 0 var(--color-sf-primary);
+  position: relative;
+  z-index: 1;
+}
+.e-treegrid .e-gridcontent td.e-rowcell.e-childborder:last-child,
+.e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
+  border-right: 2px dashed var(--color-sf-primary);
+}
+.e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder {
+  border-width: 2px 0;
+}
+.e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
+  border-left: 2px dashed var(--color-sf-primary);
+}
+.e-treegrid .e-gridcontent td.e-dropbottom:first-child,
+.e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom,
+.e-treegrid .e-gridcontent td.e-dropbottom {
+  -webkit-box-shadow: 0 1px 0 0 var(--color-sf-primary);
+          box-shadow: 0 1px 0 0 var(--color-sf-primary);
+  position: relative;
+  z-index: 1;
+}
+.e-treegrid .e-gridcontent td.e-dropbottom:first-child.e-leftfreeze,
+.e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-leftfreeze,
+.e-treegrid .e-gridcontent td.e-dropbottom.e-leftfreeze {
+  position: sticky;
+}
+.e-treegrid .e-gridcontent td.e-droptop:first-child,
+.e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
+  border-top-color: var(--color-sf-primary);
+  border-width: 2px 0 0;
+}
+.e-treegrid .e-gridcontent td.e-lastrowcell.e-dropbottom {
+  border-bottom-color: var(--color-sf-primary);
+}
+.e-treegrid .e-gridcontent td.e-rowdragdrop.e-droptop.e-dragborder {
+  -webkit-box-shadow: 0 0 0 0;
+          box-shadow: 0 0 0 0;
+}
+.e-treegrid .e-gridcontent .e-gridheader .e-firstrow-dragborder {
+  height: 1px;
+}
+.e-treegrid .e-gridcontent .e-lastrow-dragborder {
+  height: 0;
+}
+.e-treegrid .e-gridheader .e-firstrow-dragborder,
+.e-treegrid .e-droptop .e-lastrow-dragborder,
+.e-treegrid .e-gridheader .e-firstrow-dragborder tr:first-child.e-dropbottom {
+  height: 0;
+}
+.e-treegrid .e-treegrid-relative {
+  position: relative;
+}
+.e-treegrid .e-gridheader .e-firstrow-border,
+.e-treegrid .e-gridcontent .e-lastrow-border {
+  background-color: var(--color-sf-primary);
+  bottom: 0;
+  display: none;
+  height: 1px;
+  position: absolute;
+  z-index: 1;
+}
+.e-treegrid .e-gridcontent .e-rowcell {
+  line-height: 17px;
+}
+.e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-childborder,
+.e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-childborder {
+  border-bottom: 2px dashed var(--color-sf-primary);
+  border-top: 2px dashed var(--color-sf-primary);
+  -webkit-box-shadow: 0 0 0 0 var(--color-sf-primary);
+          box-shadow: 0 0 0 0 var(--color-sf-primary);
+}
+.e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-droptop,
+.e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-droptop {
+  border-top: 2px solid var(--color-sf-primary);
+}
+.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-childborder {
+  border-bottom: 2px dashed var(--color-sf-primary);
+  border-top: 2px dashed var(--color-sf-primary);
+  -webkit-box-shadow: 0 0 0 0 var(--color-sf-primary);
+          box-shadow: 0 0 0 0 var(--color-sf-primary);
+}
+.e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-childborder {
+  border-bottom: 2px dashed var(--color-sf-primary);
+  border-top: 2px dashed var(--color-sf-primary);
+  -webkit-box-shadow: 0 0 0 0 var(--color-sf-primary);
+          box-shadow: 0 0 0 0 var(--color-sf-primary);
+}
+.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-dropbottom {
+  border-bottom: 2px solid var(--color-sf-primary);
+  -webkit-box-shadow: 0 0 0 0 var(--color-sf-primary);
+          box-shadow: 0 0 0 0 var(--color-sf-primary);
+}
+.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
+  border-top: 2px solid var(--color-sf-primary);
+  -webkit-box-shadow: 0 0 0 0 var(--color-sf-primary);
+          box-shadow: 0 0 0 0 var(--color-sf-primary);
+}
+.e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
+  border-bottom: 2px solid var(--color-sf-primary);
+  -webkit-box-shadow: 0 0 0 0 var(--color-sf-primary);
+          box-shadow: 0 0 0 0 var(--color-sf-primary);
+}
+.e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
+  border-top: 2px solid var(--color-sf-primary);
+  -webkit-box-shadow: 0 0 0 0 var(--color-sf-primary);
+          box-shadow: 0 0 0 0 var(--color-sf-primary);
+}
+.e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder,
+.e-treegrid .e-grid.e-rtl .e-droptop .e-lastrow-dragborder {
+  height: 0;
+}
+.e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder {
+  border-color: var(--color-sf-primary);
+  border-width: 2px 0 2px 0;
+  position: relative;
+  z-index: 1;
+}
+.e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder.e-leftfreeze {
+  position: sticky;
+}
+.e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
+.e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
+.e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
+  -webkit-box-shadow: 0 0 0 0;
+          box-shadow: 0 0 0 0;
+}
+.e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder:first-child {
+  border-right: 2px dashed var(--color-sf-primary);
+  -webkit-box-shadow: 0 1px 0 0 var(--color-sf-primary);
+          box-shadow: 0 1px 0 0 var(--color-sf-primary);
+  position: relative;
+  z-index: 1;
+}
+.e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-childborder:last-child,
+.e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
+  border-left: 2px dashed var(--color-sf-primary);
+}
+.e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder {
+  border-width: 2px 0;
+}
+.e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
+  border-right: 2px dashed var(--color-sf-primary);
+}
+.e-treegrid .e-grid.e-rtl .e-gridcontent td.e-droptop:first-child,
+.e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-droptop {
+  border-top-color: var(--color-sf-primary);
+  border-width: 2px 0 0;
+}
+.e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-dropbottom {
+  border-bottom-color: var(--color-sf-primary);
+}
+
+.e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
+  content: "";
+}
+.e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
+  display: inline-block;
+}
+.e-treelistgrid.e-print-grid-layout .e-treegridexpand {
+  -webkit-transform: rotate(90deg);
+          transform: rotate(90deg);
+}
+
+/* stylelint-disable-line no-empty-source */
+.e-bigger .e-treegrid .e-grid .e-treegridexpand,
+.e-bigger .e-treegrid .e-grid .e-treegridcollapse {
+  font-size: 20px;
+  height: 20px;
+  width: 20px;
+  vertical-align: bottom;
+}
+.e-bigger .e-treegrid .e-grid .e-hierarchycheckbox {
+  padding-left: 2px;
+}
+.e-bigger .e-treegrid .e-grid .e-hierarchycheckbox .e-frame {
+  height: 20px;
+  width: 20px;
+}
+.e-bigger .e-treegrid .e-grid .e-treecell {
+  line-height: 20px;
+}
+.e-bigger .e-treegrid .e-grid .e-treecolumn-container span {
+  vertical-align: middle;
+}
+.e-bigger .e-treegrid .e-grid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
+  bottom: 12px;
+}