@syncfusion/ej2-navigations 33.2.7 → 33.2.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (102) hide show
  1. package/dist/ej2-navigations.min.js +2 -2
  2. package/dist/ej2-navigations.umd.min.js +2 -2
  3. package/dist/ej2-navigations.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-navigations.es2015.js +60 -3
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +60 -3
  7. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  8. package/dist/global/ej2-navigations.min.js +2 -2
  9. package/dist/global/ej2-navigations.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +2 -2
  12. package/src/accordion/accordion.d.ts +3 -0
  13. package/src/accordion/accordion.js +27 -2
  14. package/src/common/menu-base.js +3 -0
  15. package/src/sidebar/sidebar.d.ts +1 -0
  16. package/src/sidebar/sidebar.js +9 -1
  17. package/src/tab/tab.d.ts +1 -0
  18. package/src/tab/tab.js +21 -0
  19. package/styles/accordion/_layout.scss +10 -4
  20. package/styles/accordion/_material3-dark-definition.scss +1 -1
  21. package/styles/accordion/_material3-definition.scss +1 -1
  22. package/styles/accordion/_tailwind3-definition.scss +1 -1
  23. package/styles/accordion/_theme.scss +0 -4
  24. package/styles/accordion/bds.css +8 -8
  25. package/styles/accordion/bootstrap-dark.css +8 -8
  26. package/styles/accordion/bootstrap.css +8 -8
  27. package/styles/accordion/bootstrap4.css +8 -8
  28. package/styles/accordion/bootstrap5-dark.css +8 -8
  29. package/styles/accordion/bootstrap5.3.css +8 -8
  30. package/styles/accordion/bootstrap5.css +8 -8
  31. package/styles/accordion/fabric-dark.css +8 -8
  32. package/styles/accordion/fabric.css +8 -8
  33. package/styles/accordion/fluent-dark.css +8 -8
  34. package/styles/accordion/fluent.css +8 -8
  35. package/styles/accordion/fluent2.css +8 -16
  36. package/styles/accordion/highcontrast-light.css +8 -8
  37. package/styles/accordion/highcontrast.css +8 -8
  38. package/styles/accordion/material-dark.css +8 -8
  39. package/styles/accordion/material.css +8 -8
  40. package/styles/accordion/material3-dark.css +8 -8
  41. package/styles/accordion/material3.css +8 -8
  42. package/styles/accordion/tailwind-dark.css +8 -8
  43. package/styles/accordion/tailwind.css +8 -8
  44. package/styles/accordion/tailwind3.css +8 -16
  45. package/styles/bds-lite.css +8 -8
  46. package/styles/bds.css +8 -8
  47. package/styles/bootstrap-dark-lite.css +8 -8
  48. package/styles/bootstrap-dark.css +9 -9
  49. package/styles/bootstrap-lite.css +8 -8
  50. package/styles/bootstrap.css +9 -9
  51. package/styles/bootstrap4-lite.css +8 -8
  52. package/styles/bootstrap4.css +8 -8
  53. package/styles/bootstrap5-dark-lite.css +8 -8
  54. package/styles/bootstrap5-dark.css +8 -8
  55. package/styles/bootstrap5-lite.css +8 -8
  56. package/styles/bootstrap5.3-lite.css +8 -8
  57. package/styles/bootstrap5.3.css +8 -8
  58. package/styles/bootstrap5.css +8 -8
  59. package/styles/fabric-dark-lite.css +8 -8
  60. package/styles/fabric-dark.css +9 -9
  61. package/styles/fabric-lite.css +8 -8
  62. package/styles/fabric.css +9 -9
  63. package/styles/fluent-dark-lite.css +8 -8
  64. package/styles/fluent-dark.css +8 -8
  65. package/styles/fluent-lite.css +8 -8
  66. package/styles/fluent.css +8 -8
  67. package/styles/fluent2-lite.css +8 -16
  68. package/styles/fluent2.css +8 -16
  69. package/styles/highcontrast-light-lite.css +8 -8
  70. package/styles/highcontrast-light.css +9 -9
  71. package/styles/highcontrast-lite.css +8 -8
  72. package/styles/highcontrast.css +9 -9
  73. package/styles/material-dark-lite.css +9 -9
  74. package/styles/material-dark.css +10 -10
  75. package/styles/material-lite.css +9 -9
  76. package/styles/material.css +10 -10
  77. package/styles/material3-dark-lite.css +8 -8
  78. package/styles/material3-dark.css +8 -8
  79. package/styles/material3-lite.css +8 -8
  80. package/styles/material3.css +8 -8
  81. package/styles/tailwind-dark-lite.css +8 -8
  82. package/styles/tailwind-dark.css +8 -8
  83. package/styles/tailwind-lite.css +8 -8
  84. package/styles/tailwind.css +8 -8
  85. package/styles/tailwind3-lite.css +8 -16
  86. package/styles/tailwind3.css +8 -16
  87. package/styles/treeview/_bootstrap-dark-definition.scss +1 -1
  88. package/styles/treeview/_bootstrap-definition.scss +1 -1
  89. package/styles/treeview/_fabric-dark-definition.scss +1 -1
  90. package/styles/treeview/_fabric-definition.scss +1 -1
  91. package/styles/treeview/_highcontrast-definition.scss +1 -1
  92. package/styles/treeview/_highcontrast-light-definition.scss +1 -1
  93. package/styles/treeview/_material-dark-definition.scss +2 -2
  94. package/styles/treeview/_material-definition.scss +2 -2
  95. package/styles/treeview/bootstrap-dark.css +1 -1
  96. package/styles/treeview/bootstrap.css +1 -1
  97. package/styles/treeview/fabric-dark.css +1 -1
  98. package/styles/treeview/fabric.css +1 -1
  99. package/styles/treeview/highcontrast-light.css +1 -1
  100. package/styles/treeview/highcontrast.css +1 -1
  101. package/styles/treeview/material-dark.css +2 -2
  102. package/styles/treeview/material.css +2 -2
@@ -207,6 +207,10 @@
207
207
  .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:hover .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:focus .e-acrdn-header-content {
208
208
  text-decoration: none;
209
209
  }
210
+ .e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
211
+ -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
212
+ box-shadow: inset 0 0 0 2px var(--color-sf-primary);
213
+ }
210
214
  .e-accordion .e-acrdn-item .e-acrdn-header {
211
215
  border-radius: calc(var(--e-radius) * 0);
212
216
  line-height: 22px;
@@ -258,13 +262,13 @@
258
262
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
259
263
  padding: 16px 16px 16px 26px;
260
264
  }
265
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
266
+ -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
267
+ box-shadow: inset 0 0 0 2px var(--color-sf-primary);
268
+ }
261
269
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
262
270
  padding: 10px 0 10px 26px;
263
271
  }
264
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
265
- -webkit-box-shadow: none;
266
- box-shadow: none;
267
- }
268
272
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
269
273
  padding: 0;
270
274
  }
@@ -544,18 +548,12 @@
544
548
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
545
549
  border: 0;
546
550
  background: var(--color-sf-content-bg-color-hover);
547
- -webkit-box-shadow: none;
548
- box-shadow: none;
549
551
  }
550
552
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
551
553
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
552
554
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-toggle-icon {
553
555
  color: var(--color-sf-content-text-color-focus);
554
556
  }
555
- .e-accordion .e-acrdn-item .e-acrdn-header:focus-visible {
556
- -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
557
- box-shadow: inset 0 0 0 2px var(--color-sf-primary);
558
- }
559
557
  .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-acrdn-header-content {
560
558
  color: var(--color-sf-content-text-color-hover);
561
559
  }
@@ -628,12 +626,6 @@
628
626
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
629
627
  position: relative;
630
628
  z-index: 2;
631
- -webkit-box-shadow: none;
632
- box-shadow: none;
633
- }
634
- .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus-visible {
635
- -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
636
- box-shadow: inset 0 0 0 2px var(--color-sf-primary);
637
629
  }
638
630
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
639
631
  border-color: var(--color-sf-border-light);
@@ -2212,6 +2212,10 @@
2212
2212
  .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:hover .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:focus .e-acrdn-header-content {
2213
2213
  text-decoration: none;
2214
2214
  }
2215
+ .e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
2216
+ -webkit-box-shadow: none;
2217
+ box-shadow: none;
2218
+ }
2215
2219
  .e-accordion .e-acrdn-item .e-acrdn-header {
2216
2220
  border-radius: 0;
2217
2221
  line-height: 22px;
@@ -2263,13 +2267,13 @@
2263
2267
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
2264
2268
  padding: 16px 16px 16px 26px;
2265
2269
  }
2266
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2267
- padding: 8px 0 8px 26px;
2268
- }
2269
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2270
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
2270
2271
  -webkit-box-shadow: none;
2271
2272
  box-shadow: none;
2272
2273
  }
2274
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2275
+ padding: 8px 0 8px 26px;
2276
+ }
2273
2277
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
2274
2278
  padding: 0;
2275
2279
  }
@@ -2479,8 +2483,6 @@
2479
2483
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2480
2484
  border: 0;
2481
2485
  background: var(--color-sf-bg-tertiary);
2482
- -webkit-box-shadow: none;
2483
- box-shadow: none;
2484
2486
  }
2485
2487
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
2486
2488
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2559,8 +2561,6 @@
2559
2561
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2560
2562
  position: relative;
2561
2563
  z-index: 2;
2562
- -webkit-box-shadow: none;
2563
- box-shadow: none;
2564
2564
  }
2565
2565
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
2566
2566
  border-color: var(--color-sf-border-secondary);
package/styles/bds.css CHANGED
@@ -2824,6 +2824,10 @@
2824
2824
  .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:hover .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:focus .e-acrdn-header-content {
2825
2825
  text-decoration: none;
2826
2826
  }
2827
+ .e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
2828
+ -webkit-box-shadow: none;
2829
+ box-shadow: none;
2830
+ }
2827
2831
  .e-accordion .e-acrdn-item .e-acrdn-header {
2828
2832
  border-radius: 0;
2829
2833
  line-height: 22px;
@@ -2875,13 +2879,13 @@
2875
2879
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
2876
2880
  padding: 16px 16px 16px 26px;
2877
2881
  }
2878
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2879
- padding: 8px 0 8px 26px;
2880
- }
2881
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2882
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
2882
2883
  -webkit-box-shadow: none;
2883
2884
  box-shadow: none;
2884
2885
  }
2886
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2887
+ padding: 8px 0 8px 26px;
2888
+ }
2885
2889
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
2886
2890
  padding: 0;
2887
2891
  }
@@ -3091,8 +3095,6 @@
3091
3095
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
3092
3096
  border: 0;
3093
3097
  background: var(--color-sf-bg-tertiary);
3094
- -webkit-box-shadow: none;
3095
- box-shadow: none;
3096
3098
  }
3097
3099
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
3098
3100
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -3171,8 +3173,6 @@
3171
3173
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
3172
3174
  position: relative;
3173
3175
  z-index: 2;
3174
- -webkit-box-shadow: none;
3175
- box-shadow: none;
3176
3176
  }
3177
3177
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
3178
3178
  border-color: var(--color-sf-border-secondary);
@@ -1998,6 +1998,10 @@
1998
1998
  .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:hover .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:focus .e-acrdn-header-content {
1999
1999
  text-decoration: underline;
2000
2000
  }
2001
+ .e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
2002
+ -webkit-box-shadow: none;
2003
+ box-shadow: none;
2004
+ }
2001
2005
  .e-accordion .e-acrdn-item .e-acrdn-header {
2002
2006
  border-radius: 4px;
2003
2007
  line-height: 39px;
@@ -2049,13 +2053,13 @@
2049
2053
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
2050
2054
  padding: 15px 15px 15px 30px;
2051
2055
  }
2052
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2053
- padding: 0 30px;
2054
- }
2055
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2056
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
2056
2057
  -webkit-box-shadow: none;
2057
2058
  box-shadow: none;
2058
2059
  }
2060
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2061
+ padding: 0 30px;
2062
+ }
2059
2063
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
2060
2064
  padding: 0;
2061
2065
  }
@@ -2261,8 +2265,6 @@
2261
2265
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2262
2266
  border: 0;
2263
2267
  background: transparent;
2264
- -webkit-box-shadow: none;
2265
- box-shadow: none;
2266
2268
  }
2267
2269
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
2268
2270
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2341,8 +2343,6 @@
2341
2343
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2342
2344
  position: relative;
2343
2345
  z-index: 2;
2344
- -webkit-box-shadow: none;
2345
- box-shadow: none;
2346
2346
  }
2347
2347
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
2348
2348
  border-color: #505050;
@@ -2527,6 +2527,10 @@
2527
2527
  .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:hover .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:focus .e-acrdn-header-content {
2528
2528
  text-decoration: underline;
2529
2529
  }
2530
+ .e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
2531
+ -webkit-box-shadow: none;
2532
+ box-shadow: none;
2533
+ }
2530
2534
  .e-accordion .e-acrdn-item .e-acrdn-header {
2531
2535
  border-radius: 4px;
2532
2536
  line-height: 39px;
@@ -2578,13 +2582,13 @@
2578
2582
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
2579
2583
  padding: 15px 15px 15px 30px;
2580
2584
  }
2581
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2582
- padding: 0 30px;
2583
- }
2584
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2585
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
2585
2586
  -webkit-box-shadow: none;
2586
2587
  box-shadow: none;
2587
2588
  }
2589
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2590
+ padding: 0 30px;
2591
+ }
2588
2592
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
2589
2593
  padding: 0;
2590
2594
  }
@@ -2790,8 +2794,6 @@
2790
2794
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2791
2795
  border: 0;
2792
2796
  background: transparent;
2793
- -webkit-box-shadow: none;
2794
- box-shadow: none;
2795
2797
  }
2796
2798
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
2797
2799
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2870,8 +2872,6 @@
2870
2872
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2871
2873
  position: relative;
2872
2874
  z-index: 2;
2873
- -webkit-box-shadow: none;
2874
- box-shadow: none;
2875
2875
  }
2876
2876
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
2877
2877
  border-color: #505050;
@@ -8688,7 +8688,7 @@
8688
8688
 
8689
8689
  .e-bigger .e-treeview .e-list-text,
8690
8690
  .e-treeview.e-bigger .e-list-text {
8691
- font-size: 15px;
8691
+ font-size: 16px;
8692
8692
  }
8693
8693
  .e-bigger .e-treeview .e-icon-collapsible::before,
8694
8694
  .e-bigger .e-treeview .e-icon-expandable::before,
@@ -2004,6 +2004,10 @@
2004
2004
  .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:hover .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:focus .e-acrdn-header-content {
2005
2005
  text-decoration: underline;
2006
2006
  }
2007
+ .e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
2008
+ -webkit-box-shadow: none;
2009
+ box-shadow: none;
2010
+ }
2007
2011
  .e-accordion .e-acrdn-item .e-acrdn-header {
2008
2012
  border-radius: 4px;
2009
2013
  line-height: 39px;
@@ -2055,13 +2059,13 @@
2055
2059
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
2056
2060
  padding: 15px 15px 15px 30px;
2057
2061
  }
2058
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2059
- padding: 0 30px;
2060
- }
2061
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2062
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
2062
2063
  -webkit-box-shadow: none;
2063
2064
  box-shadow: none;
2064
2065
  }
2066
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2067
+ padding: 0 30px;
2068
+ }
2065
2069
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
2066
2070
  padding: 0;
2067
2071
  }
@@ -2267,8 +2271,6 @@
2267
2271
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2268
2272
  border: 0;
2269
2273
  background: transparent;
2270
- -webkit-box-shadow: none;
2271
- box-shadow: none;
2272
2274
  }
2273
2275
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
2274
2276
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2347,8 +2349,6 @@
2347
2349
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2348
2350
  position: relative;
2349
2351
  z-index: 2;
2350
- -webkit-box-shadow: none;
2351
- box-shadow: none;
2352
2352
  }
2353
2353
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
2354
2354
  border-color: #ddd;
@@ -2535,6 +2535,10 @@
2535
2535
  .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:hover .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:focus .e-acrdn-header-content {
2536
2536
  text-decoration: underline;
2537
2537
  }
2538
+ .e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
2539
+ -webkit-box-shadow: none;
2540
+ box-shadow: none;
2541
+ }
2538
2542
  .e-accordion .e-acrdn-item .e-acrdn-header {
2539
2543
  border-radius: 4px;
2540
2544
  line-height: 39px;
@@ -2586,13 +2590,13 @@
2586
2590
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
2587
2591
  padding: 15px 15px 15px 30px;
2588
2592
  }
2589
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2590
- padding: 0 30px;
2591
- }
2592
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2593
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
2593
2594
  -webkit-box-shadow: none;
2594
2595
  box-shadow: none;
2595
2596
  }
2597
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2598
+ padding: 0 30px;
2599
+ }
2596
2600
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
2597
2601
  padding: 0;
2598
2602
  }
@@ -2798,8 +2802,6 @@
2798
2802
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2799
2803
  border: 0;
2800
2804
  background: transparent;
2801
- -webkit-box-shadow: none;
2802
- box-shadow: none;
2803
2805
  }
2804
2806
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
2805
2807
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2878,8 +2880,6 @@
2878
2880
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2879
2881
  position: relative;
2880
2882
  z-index: 2;
2881
- -webkit-box-shadow: none;
2882
- box-shadow: none;
2883
2883
  }
2884
2884
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
2885
2885
  border-color: #ddd;
@@ -8712,7 +8712,7 @@
8712
8712
 
8713
8713
  .e-bigger .e-treeview .e-list-text,
8714
8714
  .e-treeview.e-bigger .e-list-text {
8715
- font-size: 15px;
8715
+ font-size: 16px;
8716
8716
  }
8717
8717
  .e-bigger .e-treeview .e-icon-collapsible::before,
8718
8718
  .e-bigger .e-treeview .e-icon-expandable::before,
@@ -2004,6 +2004,10 @@
2004
2004
  .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:hover .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:focus .e-acrdn-header-content {
2005
2005
  text-decoration: underline;
2006
2006
  }
2007
+ .e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
2008
+ -webkit-box-shadow: none;
2009
+ box-shadow: none;
2010
+ }
2007
2011
  .e-accordion .e-acrdn-item .e-acrdn-header {
2008
2012
  border-radius: 0;
2009
2013
  line-height: 39px;
@@ -2055,13 +2059,13 @@
2055
2059
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
2056
2060
  padding: 15px 15px 15px 30px;
2057
2061
  }
2058
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2059
- padding: 0 30px;
2060
- }
2061
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2062
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
2062
2063
  -webkit-box-shadow: none;
2063
2064
  box-shadow: none;
2064
2065
  }
2066
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2067
+ padding: 0 30px;
2068
+ }
2065
2069
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
2066
2070
  padding: 0;
2067
2071
  }
@@ -2267,8 +2271,6 @@
2267
2271
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2268
2272
  border: 0;
2269
2273
  background: #f8f9fa;
2270
- -webkit-box-shadow: none;
2271
- box-shadow: none;
2272
2274
  }
2273
2275
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
2274
2276
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2347,8 +2349,6 @@
2347
2349
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2348
2350
  position: relative;
2349
2351
  z-index: 2;
2350
- -webkit-box-shadow: none;
2351
- box-shadow: none;
2352
2352
  }
2353
2353
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
2354
2354
  border-color: #000 #000 rgba(0, 0, 0, 0.13);
@@ -2535,6 +2535,10 @@
2535
2535
  .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:hover .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:focus .e-acrdn-header-content {
2536
2536
  text-decoration: underline;
2537
2537
  }
2538
+ .e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
2539
+ -webkit-box-shadow: none;
2540
+ box-shadow: none;
2541
+ }
2538
2542
  .e-accordion .e-acrdn-item .e-acrdn-header {
2539
2543
  border-radius: 0;
2540
2544
  line-height: 39px;
@@ -2586,13 +2590,13 @@
2586
2590
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
2587
2591
  padding: 15px 15px 15px 30px;
2588
2592
  }
2589
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2590
- padding: 0 30px;
2591
- }
2592
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2593
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
2593
2594
  -webkit-box-shadow: none;
2594
2595
  box-shadow: none;
2595
2596
  }
2597
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2598
+ padding: 0 30px;
2599
+ }
2596
2600
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
2597
2601
  padding: 0;
2598
2602
  }
@@ -2798,8 +2802,6 @@
2798
2802
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2799
2803
  border: 0;
2800
2804
  background: #f8f9fa;
2801
- -webkit-box-shadow: none;
2802
- box-shadow: none;
2803
2805
  }
2804
2806
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
2805
2807
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2878,8 +2880,6 @@
2878
2880
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2879
2881
  position: relative;
2880
2882
  z-index: 2;
2881
- -webkit-box-shadow: none;
2882
- box-shadow: none;
2883
2883
  }
2884
2884
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
2885
2885
  border-color: #000 #000 rgba(0, 0, 0, 0.13);
@@ -2075,6 +2075,10 @@
2075
2075
  .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:hover .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:focus .e-acrdn-header-content {
2076
2076
  text-decoration: none;
2077
2077
  }
2078
+ .e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
2079
+ -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2080
+ box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2081
+ }
2078
2082
  .e-accordion .e-acrdn-item .e-acrdn-header {
2079
2083
  border-radius: 0;
2080
2084
  line-height: 22px;
@@ -2126,13 +2130,13 @@
2126
2130
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
2127
2131
  padding: 16px 16px 16px 26px;
2128
2132
  }
2129
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2130
- padding: 10px 0 10px 26px;
2131
- }
2132
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2133
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
2133
2134
  -webkit-box-shadow: inset 0 0 0 4px rgba(13, 110, 253, 0.25);
2134
2135
  box-shadow: inset 0 0 0 4px rgba(13, 110, 253, 0.25);
2135
2136
  }
2137
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2138
+ padding: 10px 0 10px 26px;
2139
+ }
2136
2140
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
2137
2141
  padding: 0;
2138
2142
  }
@@ -2338,8 +2342,6 @@
2338
2342
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2339
2343
  border: 0;
2340
2344
  background: none;
2341
- -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2342
- box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2343
2345
  }
2344
2346
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
2345
2347
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2418,8 +2420,6 @@
2418
2420
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2419
2421
  position: relative;
2420
2422
  z-index: 2;
2421
- -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2422
- box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2423
2423
  }
2424
2424
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
2425
2425
  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
@@ -2630,6 +2630,10 @@
2630
2630
  .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:hover .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:focus .e-acrdn-header-content {
2631
2631
  text-decoration: none;
2632
2632
  }
2633
+ .e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
2634
+ -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2635
+ box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2636
+ }
2633
2637
  .e-accordion .e-acrdn-item .e-acrdn-header {
2634
2638
  border-radius: 0;
2635
2639
  line-height: 22px;
@@ -2681,13 +2685,13 @@
2681
2685
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
2682
2686
  padding: 16px 16px 16px 26px;
2683
2687
  }
2684
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2685
- padding: 10px 0 10px 26px;
2686
- }
2687
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2688
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
2688
2689
  -webkit-box-shadow: inset 0 0 0 4px rgba(13, 110, 253, 0.25);
2689
2690
  box-shadow: inset 0 0 0 4px rgba(13, 110, 253, 0.25);
2690
2691
  }
2692
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2693
+ padding: 10px 0 10px 26px;
2694
+ }
2691
2695
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
2692
2696
  padding: 0;
2693
2697
  }
@@ -2893,8 +2897,6 @@
2893
2897
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2894
2898
  border: 0;
2895
2899
  background: none;
2896
- -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2897
- box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2898
2900
  }
2899
2901
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
2900
2902
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2973,8 +2975,6 @@
2973
2975
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2974
2976
  position: relative;
2975
2977
  z-index: 2;
2976
- -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2977
- box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2978
2978
  }
2979
2979
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
2980
2980
  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
@@ -2075,6 +2075,10 @@
2075
2075
  .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:hover .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:focus .e-acrdn-header-content {
2076
2076
  text-decoration: none;
2077
2077
  }
2078
+ .e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
2079
+ -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2080
+ box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2081
+ }
2078
2082
  .e-accordion .e-acrdn-item .e-acrdn-header {
2079
2083
  border-radius: 0;
2080
2084
  line-height: 22px;
@@ -2126,13 +2130,13 @@
2126
2130
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
2127
2131
  padding: 16px 16px 16px 26px;
2128
2132
  }
2129
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2130
- padding: 10px 0 10px 26px;
2131
- }
2132
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2133
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
2133
2134
  -webkit-box-shadow: inset 0 0 0 4px rgba(13, 110, 253, 0.25);
2134
2135
  box-shadow: inset 0 0 0 4px rgba(13, 110, 253, 0.25);
2135
2136
  }
2137
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2138
+ padding: 10px 0 10px 26px;
2139
+ }
2136
2140
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
2137
2141
  padding: 0;
2138
2142
  }
@@ -2338,8 +2342,6 @@
2338
2342
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2339
2343
  border: 0;
2340
2344
  background: none;
2341
- -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2342
- box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2343
2345
  }
2344
2346
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
2345
2347
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2418,8 +2420,6 @@
2418
2420
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2419
2421
  position: relative;
2420
2422
  z-index: 2;
2421
- -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2422
- box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2423
2423
  }
2424
2424
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
2425
2425
  border-color: #dee2e6;
@@ -2927,6 +2927,10 @@
2927
2927
  .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:hover .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:focus .e-acrdn-header-content {
2928
2928
  text-decoration: none;
2929
2929
  }
2930
+ .e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
2931
+ -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-primary-shadow), 0.5);
2932
+ box-shadow: 0 0 0 4px rgba(var(--color-sf-primary-shadow), 0.5);
2933
+ }
2930
2934
  .e-accordion .e-acrdn-item .e-acrdn-header {
2931
2935
  border-radius: calc(var(--e-radius) * 0);
2932
2936
  line-height: 22px;
@@ -2978,13 +2982,13 @@
2978
2982
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
2979
2983
  padding: 16px 16px 16px 26px;
2980
2984
  }
2981
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2982
- padding: 10px 0 10px 26px;
2983
- }
2984
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2985
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
2985
2986
  -webkit-box-shadow: inset 0 0 0 4px rgba(var(--color-sf-primary-shadow), 0.25);
2986
2987
  box-shadow: inset 0 0 0 4px rgba(var(--color-sf-primary-shadow), 0.25);
2987
2988
  }
2989
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2990
+ padding: 10px 0 10px 26px;
2991
+ }
2988
2992
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
2989
2993
  padding: 0;
2990
2994
  }
@@ -3274,8 +3278,6 @@
3274
3278
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
3275
3279
  border: 0;
3276
3280
  background: none;
3277
- -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-primary-shadow), 0.5);
3278
- box-shadow: 0 0 0 4px rgba(var(--color-sf-primary-shadow), 0.5);
3279
3281
  }
3280
3282
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
3281
3283
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -3354,8 +3356,6 @@
3354
3356
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
3355
3357
  position: relative;
3356
3358
  z-index: 2;
3357
- -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-primary-shadow), 0.5);
3358
- box-shadow: 0 0 0 4px rgba(var(--color-sf-primary-shadow), 0.5);
3359
3359
  }
3360
3360
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
3361
3361
  border-color: var(--color-sf-border-light);