@progress/kendo-theme-classic 6.8.0-dev.1 → 7.0.0-dev.0

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 (44) hide show
  1. package/dist/all.css +422 -116
  2. package/dist/all.scss +684 -134
  3. package/dist/meta/sassdoc-data.json +15929 -13925
  4. package/dist/meta/sassdoc-raw-data.json +988 -63
  5. package/dist/meta/variables.json +249 -113
  6. package/lib/swatches/classic-green-dark.json +1 -1
  7. package/lib/swatches/classic-green.json +1 -1
  8. package/lib/swatches/classic-lavender-dark.json +1 -1
  9. package/lib/swatches/classic-lavender.json +1 -1
  10. package/lib/swatches/classic-main-dark.json +1 -1
  11. package/lib/swatches/classic-main.json +1 -1
  12. package/lib/swatches/classic-metro-dark.json +1 -1
  13. package/lib/swatches/classic-metro.json +1 -1
  14. package/lib/swatches/classic-moonlight.json +1 -1
  15. package/lib/swatches/classic-opal-dark.json +1 -1
  16. package/lib/swatches/classic-opal.json +1 -1
  17. package/lib/swatches/classic-silver-dark.json +1 -1
  18. package/lib/swatches/classic-silver.json +1 -1
  19. package/lib/swatches/classic-uniform.json +1 -1
  20. package/package.json +5 -5
  21. package/scss/action-sheet/_variables.scss +1 -1
  22. package/scss/appbar/_variables.scss +2 -2
  23. package/scss/bottom-navigation/_variables.scss +2 -2
  24. package/scss/card/_variables.scss +2 -2
  25. package/scss/chat/_variables.scss +6 -6
  26. package/scss/coloreditor/_variables.scss +2 -2
  27. package/scss/colorgradient/_variables.scss +14 -8
  28. package/scss/common/_index.scss +1 -0
  29. package/scss/common/_indicators.scss +1 -0
  30. package/scss/core/_index.scss +3 -0
  31. package/scss/dock-manager/_index.scss +38 -0
  32. package/scss/dock-manager/_layout.scss +6 -0
  33. package/scss/dock-manager/_theme.scss +6 -0
  34. package/scss/dock-manager/_variables.scss +113 -0
  35. package/scss/fab/_variables.scss +2 -2
  36. package/scss/index.scss +2 -0
  37. package/scss/pdf-viewer/_variables.scss +4 -5
  38. package/scss/pivotgrid/_variables.scss +5 -4
  39. package/scss/popup/_variables.scss +1 -1
  40. package/scss/scheduler/_variables.scss +1 -3
  41. package/scss/tabstrip/_variables.scss +1 -1
  42. package/scss/timeline/_variables.scss +1 -1
  43. package/scss/tooltip/_variables.scss +2 -0
  44. package/scss/window/_variables.scss +2 -2
package/dist/all.css CHANGED
@@ -373,6 +373,18 @@ kendo-sortable {
373
373
  color: white;
374
374
  }
375
375
 
376
+ :root {
377
+ --kendo-elevation-1: 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12);
378
+ --kendo-elevation-2: 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12);
379
+ --kendo-elevation-3: 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12);
380
+ --kendo-elevation-4: 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12);
381
+ --kendo-elevation-5: 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12);
382
+ --kendo-elevation-6: 0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12);
383
+ --kendo-elevation-7: 0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12);
384
+ --kendo-elevation-8: 0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12);
385
+ --kendo-elevation-9: 0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12);
386
+ }
387
+
376
388
  .k-reset {
377
389
  margin: 0;
378
390
  padding: 0;
@@ -1123,6 +1135,34 @@ kendo-sortable {
1123
1135
  transform: translateY(-100%);
1124
1136
  }
1125
1137
 
1138
+ .k-current-time {
1139
+ width: 1px;
1140
+ position: absolute;
1141
+ }
1142
+
1143
+ .k-current-time.k-current-time-arrow-left, .k-current-time.k-current-time-arrow-right, .k-current-time.k-current-time-arrow-down {
1144
+ width: 0;
1145
+ height: 0;
1146
+ background: transparent;
1147
+ border: 4px solid transparent;
1148
+ }
1149
+
1150
+ .k-current-time {
1151
+ background: #ff0000;
1152
+ }
1153
+
1154
+ .k-current-time.k-current-time-arrow-left {
1155
+ border-right-color: #ff0000;
1156
+ }
1157
+
1158
+ .k-current-time.k-current-time-arrow-right {
1159
+ border-left-color: #ff0000;
1160
+ }
1161
+
1162
+ .k-current-time.k-current-time-arrow-down {
1163
+ border-top-color: #ff0000;
1164
+ }
1165
+
1126
1166
  .k-resize-handle,
1127
1167
  .k-resize-hint {
1128
1168
  position: absolute;
@@ -25947,6 +25987,42 @@ kendo-sortable {
25947
25987
  stroke: white !important;
25948
25988
  }
25949
25989
 
25990
+ .k-elevation-1 {
25991
+ box-shadow: 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12);
25992
+ }
25993
+
25994
+ .k-elevation-2 {
25995
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12);
25996
+ }
25997
+
25998
+ .k-elevation-3 {
25999
+ box-shadow: 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12);
26000
+ }
26001
+
26002
+ .k-elevation-4 {
26003
+ box-shadow: 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12);
26004
+ }
26005
+
26006
+ .k-elevation-5 {
26007
+ box-shadow: 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12);
26008
+ }
26009
+
26010
+ .k-elevation-6 {
26011
+ box-shadow: 0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12);
26012
+ }
26013
+
26014
+ .k-elevation-7 {
26015
+ box-shadow: 0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12);
26016
+ }
26017
+
26018
+ .k-elevation-8 {
26019
+ box-shadow: 0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12);
26020
+ }
26021
+
26022
+ .k-elevation-9 {
26023
+ box-shadow: 0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12);
26024
+ }
26025
+
25950
26026
  .k-body,
25951
26027
  .k-typography {
25952
26028
  font-size: 14px;
@@ -31490,14 +31566,14 @@ kendo-sortable {
31490
31566
  }
31491
31567
 
31492
31568
  .k-shadow {
31493
- box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
31569
+ box-shadow: var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12));
31494
31570
  }
31495
31571
 
31496
31572
  .k-popup {
31497
31573
  border-color: #cacaca;
31498
31574
  color: #272727;
31499
31575
  background-color: #ffffff;
31500
- box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
31576
+ box-shadow: var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12));
31501
31577
  }
31502
31578
 
31503
31579
  .k-animation-container {
@@ -36071,7 +36147,7 @@ kendo-label > .k-label {
36071
36147
  }
36072
36148
 
36073
36149
  .k-tooltip-wrapper .k-tooltip {
36074
- box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
36150
+ box-shadow: var(--kendo-elevation-2, 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12));
36075
36151
  }
36076
36152
 
36077
36153
  .k-tooltip {
@@ -39374,6 +39450,8 @@ select.k-picker-lg {
39374
39450
  height: 14px;
39375
39451
  border-width: 1px;
39376
39452
  border-style: solid;
39453
+ outline-width: 1px;
39454
+ outline-style: solid;
39377
39455
  box-sizing: border-box;
39378
39456
  }
39379
39457
 
@@ -39494,7 +39572,7 @@ select.k-picker-lg {
39494
39572
 
39495
39573
  .k-colorgradient:focus,
39496
39574
  .k-colorgradient.k-focus {
39497
- box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.3);
39575
+ box-shadow: var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12));
39498
39576
  }
39499
39577
 
39500
39578
  .k-colorgradient-canvas .k-hsv-gradient {
@@ -39504,19 +39582,21 @@ select.k-picker-lg {
39504
39582
  .k-colorgradient .k-draghandle {
39505
39583
  border-color: rgba(255, 255, 255, 0.8);
39506
39584
  background-color: transparent;
39507
- box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
39585
+ outline-color: #000000;
39586
+ box-shadow: rgba(0, 0, 0, 0.5);
39508
39587
  }
39509
39588
 
39510
39589
  .k-colorgradient .k-draghandle:focus, .k-colorgradient .k-draghandle.k-focus {
39511
39590
  border-color: #ffffff;
39512
39591
  background-color: transparent;
39513
- box-shadow: 0 1px 4px black;
39592
+ outline-color: #000000;
39593
+ box-shadow: rgba(0, 0, 0, 0.5);
39514
39594
  }
39515
39595
 
39516
39596
  .k-colorgradient .k-draghandle:hover, .k-colorgradient .k-draghandle.k-hover, .k-colorgradient .k-draghandle.k-active, .k-colorgradient .k-draghandle:active {
39517
39597
  border-color: #ffffff;
39518
39598
  background-color: transparent;
39519
- box-shadow: 0 1px 4px black;
39599
+ outline-color: #000000;
39520
39600
  }
39521
39601
 
39522
39602
  .k-colorgradient-slider.k-hue-slider.k-slider-horizontal .k-slider-track {
@@ -39627,7 +39707,7 @@ select.k-picker-lg {
39627
39707
 
39628
39708
  .k-coloreditor:focus,
39629
39709
  .k-coloreditor.k-focus {
39630
- box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.3);
39710
+ box-shadow: var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12));
39631
39711
  }
39632
39712
 
39633
39713
  .k-coloreditor .k-colorgradient:focus,
@@ -40096,7 +40176,7 @@ select.k-picker-lg {
40096
40176
  }
40097
40177
 
40098
40178
  .k-rating:focus .k-rating-item > .k-svg-icon, .k-rating.k-focus .k-rating-item > .k-svg-icon {
40099
- filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
40179
+ filter: drop-shadow(0) drop-shadow(2px) drop-shadow(4px) drop-shadow(rgba(0, 0, 0, 0.1)) ;
40100
40180
  }
40101
40181
 
40102
40182
  .k-rating:focus .k-rating-item.k-selected > .k-icon, .k-rating.k-focus .k-rating-item.k-selected > .k-icon {
@@ -40104,7 +40184,7 @@ select.k-picker-lg {
40104
40184
  }
40105
40185
 
40106
40186
  .k-rating:focus .k-rating-item.k-selected > .k-svg-icon, .k-rating.k-focus .k-rating-item.k-selected > .k-svg-icon {
40107
- filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
40187
+ filter: drop-shadow(0) drop-shadow(2px) drop-shadow(4px) drop-shadow(rgba(0, 0, 0, 0.1)) ;
40108
40188
  }
40109
40189
 
40110
40190
  .k-rating-item {
@@ -40891,11 +40971,11 @@ select.k-picker-lg {
40891
40971
  }
40892
40972
 
40893
40973
  .k-appbar {
40894
- box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.16);
40974
+ box-shadow: var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12));
40895
40975
  }
40896
40976
 
40897
40977
  .k-appbar-bottom {
40898
- box-shadow: 0px -1px 1px rgba(0, 0, 0, 0.16);
40978
+ box-shadow: var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12));
40899
40979
  }
40900
40980
 
40901
40981
  .k-appbar-primary {
@@ -41083,7 +41163,7 @@ select.k-picker-lg {
41083
41163
  }
41084
41164
 
41085
41165
  .k-fab-solid-primary {
41086
- box-shadow: 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12), 0 3px 5px rgba(0, 0, 0, 0.2);
41166
+ box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
41087
41167
  outline: 1px solid #f35800;
41088
41168
  outline-offset: -1px;
41089
41169
  border-color: #f35800;
@@ -41092,7 +41172,7 @@ select.k-picker-lg {
41092
41172
  }
41093
41173
 
41094
41174
  .k-fab-solid-secondary {
41095
- box-shadow: 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12), 0 3px 5px rgba(0, 0, 0, 0.2);
41175
+ box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
41096
41176
  outline: 1px solid #e9e9e9;
41097
41177
  outline-offset: -1px;
41098
41178
  border-color: #e9e9e9;
@@ -41101,7 +41181,7 @@ select.k-picker-lg {
41101
41181
  }
41102
41182
 
41103
41183
  .k-fab-solid-tertiary {
41104
- box-shadow: 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12), 0 3px 5px rgba(0, 0, 0, 0.2);
41184
+ box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
41105
41185
  outline: 1px solid #03a9f4;
41106
41186
  outline-offset: -1px;
41107
41187
  border-color: #03a9f4;
@@ -41110,7 +41190,7 @@ select.k-picker-lg {
41110
41190
  }
41111
41191
 
41112
41192
  .k-fab-solid-info {
41113
- box-shadow: 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12), 0 3px 5px rgba(0, 0, 0, 0.2);
41193
+ box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
41114
41194
  outline: 1px solid #2498bc;
41115
41195
  outline-offset: -1px;
41116
41196
  border-color: #2498bc;
@@ -41119,7 +41199,7 @@ select.k-picker-lg {
41119
41199
  }
41120
41200
 
41121
41201
  .k-fab-solid-success {
41122
- box-shadow: 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12), 0 3px 5px rgba(0, 0, 0, 0.2);
41202
+ box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
41123
41203
  outline: 1px solid #3ea44e;
41124
41204
  outline-offset: -1px;
41125
41205
  border-color: #3ea44e;
@@ -41128,7 +41208,7 @@ select.k-picker-lg {
41128
41208
  }
41129
41209
 
41130
41210
  .k-fab-solid-warning {
41131
- box-shadow: 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12), 0 3px 5px rgba(0, 0, 0, 0.2);
41211
+ box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
41132
41212
  outline: 1px solid #ff9800;
41133
41213
  outline-offset: -1px;
41134
41214
  border-color: #ff9800;
@@ -41137,7 +41217,7 @@ select.k-picker-lg {
41137
41217
  }
41138
41218
 
41139
41219
  .k-fab-solid-error {
41140
- box-shadow: 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12), 0 3px 5px rgba(0, 0, 0, 0.2);
41220
+ box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
41141
41221
  outline: 1px solid #d92800;
41142
41222
  outline-offset: -1px;
41143
41223
  border-color: #d92800;
@@ -41146,7 +41226,7 @@ select.k-picker-lg {
41146
41226
  }
41147
41227
 
41148
41228
  .k-fab-solid-dark {
41149
- box-shadow: 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12), 0 3px 5px rgba(0, 0, 0, 0.2);
41229
+ box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
41150
41230
  outline: 1px solid #404040;
41151
41231
  outline-offset: -1px;
41152
41232
  border-color: #404040;
@@ -41155,7 +41235,7 @@ select.k-picker-lg {
41155
41235
  }
41156
41236
 
41157
41237
  .k-fab-solid-light {
41158
- box-shadow: 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12), 0 3px 5px rgba(0, 0, 0, 0.2);
41238
+ box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
41159
41239
  outline: 1px solid #ebebeb;
41160
41240
  outline-offset: -1px;
41161
41241
  border-color: #ebebeb;
@@ -41164,7 +41244,7 @@ select.k-picker-lg {
41164
41244
  }
41165
41245
 
41166
41246
  .k-fab-solid-inverse {
41167
- box-shadow: 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12), 0 3px 5px rgba(0, 0, 0, 0.2);
41247
+ box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
41168
41248
  outline: 1px solid #404040;
41169
41249
  outline-offset: -1px;
41170
41250
  border-color: #404040;
@@ -41354,7 +41434,7 @@ select.k-picker-lg {
41354
41434
 
41355
41435
  .k-disabled.k-fab-solid-primary,
41356
41436
  .k-fab-solid-primary:disabled {
41357
- box-shadow: 0 6px 10px rgba(91, 91, 91, 0.1744), 0 1px 18px rgba(101, 101, 101, 0.1552), 0 3px 5px rgba(70, 70, 70, 0.232);
41437
+ box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
41358
41438
  background-color: #f89b66;
41359
41439
  color: white;
41360
41440
  opacity: 1;
@@ -41362,7 +41442,7 @@ select.k-picker-lg {
41362
41442
 
41363
41443
  .k-disabled.k-fab-solid-secondary,
41364
41444
  .k-fab-solid-secondary:disabled {
41365
- box-shadow: 0 6px 10px rgba(91, 91, 91, 0.1744), 0 1px 18px rgba(101, 101, 101, 0.1552), 0 3px 5px rgba(70, 70, 70, 0.232);
41445
+ box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
41366
41446
  background-color: #f2f2f2;
41367
41447
  color: #666666;
41368
41448
  opacity: 1;
@@ -41370,7 +41450,7 @@ select.k-picker-lg {
41370
41450
 
41371
41451
  .k-disabled.k-fab-solid-tertiary,
41372
41452
  .k-fab-solid-tertiary:disabled {
41373
- box-shadow: 0 6px 10px rgba(91, 91, 91, 0.1744), 0 1px 18px rgba(101, 101, 101, 0.1552), 0 3px 5px rgba(70, 70, 70, 0.232);
41453
+ box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
41374
41454
  background-color: #68cbf8;
41375
41455
  color: white;
41376
41456
  opacity: 1;
@@ -41378,7 +41458,7 @@ select.k-picker-lg {
41378
41458
 
41379
41459
  .k-disabled.k-fab-solid-info,
41380
41460
  .k-fab-solid-info:disabled {
41381
- box-shadow: 0 6px 10px rgba(91, 91, 91, 0.1744), 0 1px 18px rgba(101, 101, 101, 0.1552), 0 3px 5px rgba(70, 70, 70, 0.232);
41461
+ box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
41382
41462
  background-color: #7cc1d7;
41383
41463
  color: white;
41384
41464
  opacity: 1;
@@ -41386,7 +41466,7 @@ select.k-picker-lg {
41386
41466
 
41387
41467
  .k-disabled.k-fab-solid-success,
41388
41468
  .k-fab-solid-success:disabled {
41389
- box-shadow: 0 6px 10px rgba(91, 91, 91, 0.1744), 0 1px 18px rgba(101, 101, 101, 0.1552), 0 3px 5px rgba(70, 70, 70, 0.232);
41469
+ box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
41390
41470
  background-color: #8bc895;
41391
41471
  color: white;
41392
41472
  opacity: 1;
@@ -41394,7 +41474,7 @@ select.k-picker-lg {
41394
41474
 
41395
41475
  .k-disabled.k-fab-solid-warning,
41396
41476
  .k-fab-solid-warning:disabled {
41397
- box-shadow: 0 6px 10px rgba(91, 91, 91, 0.1744), 0 1px 18px rgba(101, 101, 101, 0.1552), 0 3px 5px rgba(70, 70, 70, 0.232);
41477
+ box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
41398
41478
  background-color: #ffc166;
41399
41479
  color: white;
41400
41480
  opacity: 1;
@@ -41402,7 +41482,7 @@ select.k-picker-lg {
41402
41482
 
41403
41483
  .k-disabled.k-fab-solid-error,
41404
41484
  .k-fab-solid-error:disabled {
41405
- box-shadow: 0 6px 10px rgba(91, 91, 91, 0.1744), 0 1px 18px rgba(101, 101, 101, 0.1552), 0 3px 5px rgba(70, 70, 70, 0.232);
41485
+ box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
41406
41486
  background-color: #e87e66;
41407
41487
  color: white;
41408
41488
  opacity: 1;
@@ -41410,7 +41490,7 @@ select.k-picker-lg {
41410
41490
 
41411
41491
  .k-disabled.k-fab-solid-dark,
41412
41492
  .k-fab-solid-dark:disabled {
41413
- box-shadow: 0 6px 10px rgba(91, 91, 91, 0.1744), 0 1px 18px rgba(101, 101, 101, 0.1552), 0 3px 5px rgba(70, 70, 70, 0.232);
41493
+ box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
41414
41494
  background-color: #8c8c8c;
41415
41495
  color: white;
41416
41496
  opacity: 1;
@@ -41418,7 +41498,7 @@ select.k-picker-lg {
41418
41498
 
41419
41499
  .k-disabled.k-fab-solid-light,
41420
41500
  .k-fab-solid-light:disabled {
41421
- box-shadow: 0 6px 10px rgba(91, 91, 91, 0.1744), 0 1px 18px rgba(101, 101, 101, 0.1552), 0 3px 5px rgba(70, 70, 70, 0.232);
41501
+ box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
41422
41502
  background-color: #f3f3f3;
41423
41503
  color: #666666;
41424
41504
  opacity: 1;
@@ -41426,7 +41506,7 @@ select.k-picker-lg {
41426
41506
 
41427
41507
  .k-disabled.k-fab-solid-inverse,
41428
41508
  .k-fab-solid-inverse:disabled {
41429
- box-shadow: 0 6px 10px rgba(91, 91, 91, 0.1744), 0 1px 18px rgba(101, 101, 101, 0.1552), 0 3px 5px rgba(70, 70, 70, 0.232);
41509
+ box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
41430
41510
  background-color: #8c8c8c;
41431
41511
  color: white;
41432
41512
  opacity: 1;
@@ -41436,14 +41516,14 @@ select.k-picker-lg {
41436
41516
  border-color: #cacaca;
41437
41517
  color: #272727;
41438
41518
  background-color: #ffffff;
41439
- box-shadow: 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12), 0 3px 5px rgba(0, 0, 0, 0.2);
41519
+ box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
41440
41520
  }
41441
41521
 
41442
41522
  .k-fab-item-icon {
41443
41523
  border-color: #cacaca;
41444
41524
  color: #272727;
41445
41525
  background-color: #f0f0f0;
41446
- box-shadow: 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12), 0 3px 5px rgba(0, 0, 0, 0.2);
41526
+ box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
41447
41527
  outline: 1px solid rgba(0, 0, 0, 0.08);
41448
41528
  outline-offset: -1px;
41449
41529
  }
@@ -41476,7 +41556,7 @@ select.k-picker-lg {
41476
41556
  .k-fab-item.k-disabled .k-fab-item-icon,
41477
41557
  .k-fab-item:disabled .k-fab-item-text,
41478
41558
  .k-fab-item:disabled .k-fab-item-icon {
41479
- box-shadow: 0 6px 10px rgba(91, 91, 91, 0.1744), 0 1px 18px rgba(101, 101, 101, 0.1552), 0 3px 5px rgba(70, 70, 70, 0.232);
41559
+ box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
41480
41560
  background-color: white;
41481
41561
  color: #7d7d7d;
41482
41562
  }
@@ -41826,7 +41906,7 @@ select.k-picker-lg {
41826
41906
  border-color: #cacaca;
41827
41907
  color: #272727;
41828
41908
  background-color: #ffffff;
41829
- box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
41909
+ box-shadow: var(--kendo-elevation-7, 0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12));
41830
41910
  }
41831
41911
 
41832
41912
  .k-actionsheet-subtitle {
@@ -42019,12 +42099,12 @@ select.k-picker-lg {
42019
42099
  border-color: #cacaca;
42020
42100
  color: #272727;
42021
42101
  background-color: #ffffff;
42022
- box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.12);
42102
+ box-shadow: var(--kendo-elevation-8, 0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12));
42023
42103
  }
42024
42104
 
42025
42105
  .k-window:focus,
42026
42106
  .k-window.k-focus {
42027
- box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.25);
42107
+ box-shadow: var(--kendo-elevation-9, 0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12));
42028
42108
  }
42029
42109
 
42030
42110
  .k-window-titlebar {
@@ -42487,7 +42567,7 @@ kendo-drawer .k-drawer-wrapper {
42487
42567
  border-color: #cacaca;
42488
42568
  color: #272727;
42489
42569
  background-color: #ffffff;
42490
- box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
42570
+ box-shadow: var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12));
42491
42571
  }
42492
42572
 
42493
42573
  .k-notification-inverse {
@@ -42884,6 +42964,10 @@ kendo-card-footer {
42884
42964
  transform: translate(-50%, -50%) rotate(45deg);
42885
42965
  }
42886
42966
 
42967
+ .k-card-solid {
42968
+ box-shadow: var(--kendo-elevation-1, 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12));
42969
+ }
42970
+
42887
42971
  .k-card-flat {
42888
42972
  box-shadow: none;
42889
42973
  }
@@ -42892,6 +42976,7 @@ kendo-card-footer {
42892
42976
  border-color: #cacaca;
42893
42977
  color: #272727;
42894
42978
  background-color: #ffffff;
42979
+ box-shadow: var(--kendo-elevation-1, 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12));
42895
42980
  }
42896
42981
 
42897
42982
  .k-card .k-card-inner {
@@ -42901,11 +42986,11 @@ kendo-card-footer {
42901
42986
 
42902
42987
  .k-card:focus, .k-card.k-focus {
42903
42988
  border-color: rgba(0, 0, 0, 0.15);
42904
- box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
42989
+ box-shadow: var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12));
42905
42990
  }
42906
42991
 
42907
42992
  .k-card.k-selected {
42908
- box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
42993
+ box-shadow: var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12));
42909
42994
  }
42910
42995
 
42911
42996
  .k-card-actions {
@@ -43032,7 +43117,7 @@ kendo-card-footer {
43032
43117
  }
43033
43118
 
43034
43119
  .k-card-wrap:focus > .k-card, .k-card-wrap.k-focus > .k-card, .k-card-wrap.k-selected > .k-card {
43035
- box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
43120
+ box-shadow: var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12));
43036
43121
  }
43037
43122
 
43038
43123
  .k-card-callout {
@@ -43124,7 +43209,7 @@ kendo-card-footer {
43124
43209
  }
43125
43210
 
43126
43211
  .k-popover {
43127
- box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
43212
+ box-shadow: var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12));
43128
43213
  border-color: #cacaca;
43129
43214
  color: #272727;
43130
43215
  background-color: #ffffff;
@@ -43223,7 +43308,7 @@ kendo-card-footer {
43223
43308
  }
43224
43309
 
43225
43310
  .k-bottom-nav-shadow {
43226
- box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.12);
43311
+ box-shadow: var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12));
43227
43312
  }
43228
43313
 
43229
43314
  .k-bottom-nav-item {
@@ -44612,7 +44697,7 @@ kendo-card-footer {
44612
44697
  }
44613
44698
 
44614
44699
  .k-tabstrip-items-wrapper .k-item.k-tabstrip-dragging {
44615
- box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.15);
44700
+ box-shadow: var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12));
44616
44701
  }
44617
44702
 
44618
44703
  .k-tabstrip-content,
@@ -45118,6 +45203,7 @@ kendo-card-footer {
45118
45203
 
45119
45204
  .k-splitter .k-pane {
45120
45205
  overflow: hidden;
45206
+ box-sizing: border-box;
45121
45207
  }
45122
45208
 
45123
45209
  .k-splitter .k-scrollable {
@@ -45360,7 +45446,7 @@ kendo-card-footer {
45360
45446
 
45361
45447
  .k-tilelayout-item:focus,
45362
45448
  .k-tilelayout-item.k-focus {
45363
- box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
45449
+ box-shadow: var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12));
45364
45450
  }
45365
45451
 
45366
45452
  .k-layout-item-hint {
@@ -45368,6 +45454,260 @@ kendo-card-footer {
45368
45454
  background-color: rgba(255, 255, 255, 0.2);
45369
45455
  }
45370
45456
 
45457
+ .k-dock-manager {
45458
+ width: 100%;
45459
+ height: 100%;
45460
+ border-width: 1px;
45461
+ border-style: solid;
45462
+ position: relative;
45463
+ display: flex;
45464
+ flex-flow: row nowrap;
45465
+ overflow: auto;
45466
+ box-sizing: border-box;
45467
+ }
45468
+
45469
+ .k-dock-manager-toolbar {
45470
+ border-width: 0 1px 0 0;
45471
+ border-color: inherit;
45472
+ flex-shrink: 0;
45473
+ -ms-writing-mode: tb-lr;
45474
+ writing-mode: vertical-lr;
45475
+ box-shadow: none;
45476
+ }
45477
+
45478
+ .k-dock-manager-toolbar::before {
45479
+ height: 0;
45480
+ }
45481
+
45482
+ .k-dock-manager-toolbar .k-separator-horizontal {
45483
+ width: 1.4285714286em;
45484
+ height: 0;
45485
+ border-width: 1px 0 0;
45486
+ }
45487
+
45488
+ @supports (not (-ms-ime-mode: none)) and (not (overflow: -webkit-marquee)) and (not (-moz-appearance: none)) {
45489
+ .k-dock-manager-toolbar .k-toolbar-button {
45490
+ padding-block: 8px;
45491
+ padding-inline: 4px;
45492
+ }
45493
+ .k-dock-manager-toolbar .k-toolbar-button .k-button-text {
45494
+ -ms-writing-mode: tb-lr;
45495
+ writing-mode: vertical-lr;
45496
+ }
45497
+ }
45498
+
45499
+ .k-dock-manager-pane-container {
45500
+ width: 100%;
45501
+ height: 100%;
45502
+ display: flex;
45503
+ flex-grow: 1;
45504
+ overflow: hidden;
45505
+ }
45506
+
45507
+ .k-dock-manager-splitter,
45508
+ .k-dock-manager-unpinned-container {
45509
+ height: 100%;
45510
+ border-width: 0;
45511
+ align-items: stretch;
45512
+ }
45513
+
45514
+ .k-dock-manager-splitter > .k-pane,
45515
+ .k-dock-manager-unpinned-container > .k-pane {
45516
+ height: auto;
45517
+ flex-direction: column;
45518
+ border-color: inherit;
45519
+ }
45520
+
45521
+ .k-dock-manager-splitter .k-pane-header,
45522
+ .k-dock-manager-unpinned-container .k-pane-header {
45523
+ display: flex;
45524
+ align-items: center;
45525
+ justify-content: center;
45526
+ padding-block: 8px;
45527
+ padding-inline: 16px;
45528
+ border-block-end-width: 1px;
45529
+ border-block-end-style: solid;
45530
+ border-color: inherit;
45531
+ }
45532
+
45533
+ .k-dock-manager-splitter .k-pane-title,
45534
+ .k-dock-manager-unpinned-container .k-pane-title {
45535
+ font-family: inherit;
45536
+ font-size: 16px;
45537
+ line-height: 1.25;
45538
+ font-weight: 400;
45539
+ flex: 1 1 auto;
45540
+ white-space: nowrap;
45541
+ text-overflow: ellipsis;
45542
+ overflow: hidden;
45543
+ }
45544
+
45545
+ .k-dock-manager-splitter .k-pane-scrollable,
45546
+ .k-dock-manager-unpinned-container .k-pane-scrollable {
45547
+ height: 100%;
45548
+ display: flex;
45549
+ flex-direction: column;
45550
+ border-color: inherit;
45551
+ }
45552
+
45553
+ .k-dock-manager-splitter .k-pane-content,
45554
+ .k-dock-manager-unpinned-container .k-pane-content {
45555
+ height: 100%;
45556
+ padding-block: 16px;
45557
+ padding-inline: 16px;
45558
+ overflow: auto;
45559
+ flex: 1;
45560
+ }
45561
+
45562
+ .k-dock-manager-splitter .k-pane-actions,
45563
+ .k-dock-manager-unpinned-container .k-pane-actions {
45564
+ display: flex;
45565
+ flex-flow: row nowrap;
45566
+ align-items: center;
45567
+ justify-content: center;
45568
+ }
45569
+
45570
+ .k-dock-manager-splitter .k-pane-tabbed,
45571
+ .k-dock-manager-unpinned-container .k-pane-tabbed {
45572
+ padding-block-start: 16px;
45573
+ padding-block-end: 8px;
45574
+ padding-inline: 8px;
45575
+ }
45576
+
45577
+ .k-dock-manager-splitter .k-splitbar,
45578
+ .k-dock-manager-unpinned-container .k-splitbar {
45579
+ border-width: 0 1px;
45580
+ border-style: solid;
45581
+ border-color: inherit;
45582
+ }
45583
+
45584
+ .k-dock-manager-splitter .k-splitbar-vertical,
45585
+ .k-dock-manager-unpinned-container .k-splitbar-vertical {
45586
+ border-width: 1px 0;
45587
+ }
45588
+
45589
+ .k-dock-manager-unpinned-container {
45590
+ width: 300px;
45591
+ position: absolute;
45592
+ display: flex;
45593
+ height: 100%;
45594
+ border-color: inherit;
45595
+ z-index: 20;
45596
+ }
45597
+
45598
+ .k-dock-manager-unpinned-container .k-pane {
45599
+ display: inline-flex;
45600
+ flex-direction: column;
45601
+ position: relative;
45602
+ flex: 1 1 auto;
45603
+ }
45604
+
45605
+ .k-dock-manager-unpinned-container .k-splitbar {
45606
+ height: 100%;
45607
+ position: relative;
45608
+ flex: none;
45609
+ }
45610
+
45611
+ .k-docking-preview {
45612
+ width: 100%;
45613
+ height: 100%;
45614
+ box-sizing: border-box;
45615
+ display: flex;
45616
+ position: absolute;
45617
+ top: 0;
45618
+ left: 0;
45619
+ border-width: 1px;
45620
+ border-style: dashed;
45621
+ border-radius: 2px;
45622
+ z-index: 10;
45623
+ }
45624
+
45625
+ .k-dock-navigator-container {
45626
+ width: 100%;
45627
+ height: 100%;
45628
+ display: flex;
45629
+ flex-direction: column;
45630
+ align-items: center;
45631
+ position: absolute;
45632
+ z-index: 10001;
45633
+ pointer-events: none;
45634
+ }
45635
+
45636
+ .k-dock-navigator {
45637
+ display: grid;
45638
+ grid-template-columns: repeat(3, auto);
45639
+ grid-template-rows: repeat(3, auto);
45640
+ justify-content: center;
45641
+ position: absolute;
45642
+ }
45643
+
45644
+ .k-dock-indicator {
45645
+ padding: 6px;
45646
+ display: inline-flex;
45647
+ align-items: center;
45648
+ justify-content: center;
45649
+ box-sizing: border-box;
45650
+ position: relative;
45651
+ pointer-events: all;
45652
+ outline-width: 1px;
45653
+ outline-style: solid;
45654
+ }
45655
+
45656
+ .k-dock-indicator.k-dock-indicator-middle {
45657
+ filter: none;
45658
+ }
45659
+
45660
+ .k-dock-indicator-top {
45661
+ grid-area: 1 / 2 / auto;
45662
+ }
45663
+
45664
+ .k-dock-indicator-right {
45665
+ grid-area: 2 / 3 / auto;
45666
+ }
45667
+
45668
+ .k-dock-indicator-bottom {
45669
+ grid-area: 3 / 2 / auto;
45670
+ }
45671
+
45672
+ .k-dock-indicator-left {
45673
+ grid-area: 2 / 1 / auto;
45674
+ }
45675
+
45676
+ .k-dock-indicator-middle {
45677
+ grid-area: 2 / 2 / auto;
45678
+ }
45679
+
45680
+ .k-dock-manager {
45681
+ border-color: #cacaca;
45682
+ }
45683
+
45684
+ .k-dock-manager-splitter .k-pane-header,
45685
+ .k-dock-manager-unpinned-container .k-pane-header {
45686
+ background-color: #f0f0f0;
45687
+ }
45688
+
45689
+ .k-dock-manager-unpinned-container {
45690
+ background-color: #ffffff;
45691
+ box-shadow: 4px 0px 5px 0px rgba(0, 0, 0, 0.04), 2px 0px 4px 0px rgba(0, 0, 0, 0.03);
45692
+ }
45693
+
45694
+ .k-docking-preview {
45695
+ background-color: rgba(243, 88, 0, 0.16);
45696
+ border-color: #f35800;
45697
+ }
45698
+
45699
+ .k-dock-indicator {
45700
+ color: #f35800;
45701
+ background-color: #f5f5f5;
45702
+ outline-color: #f35800;
45703
+ filter: drop-shadow(0px 1px 18px rgba(0, 0, 0, 0.12)) drop-shadow(0px 6px 10px rgba(0, 0, 0, 0.14)) drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.2));
45704
+ }
45705
+
45706
+ .k-dock-indicator:hover, .k-dock-indicator.k-hover {
45707
+ background-color: #f35800;
45708
+ color: #ffffff;
45709
+ }
45710
+
45371
45711
  .k-pane-wrapper {
45372
45712
  border-width: 1px;
45373
45713
  border-style: solid;
@@ -49677,19 +50017,19 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
49677
50017
  }
49678
50018
 
49679
50019
  .k-flex-row .k-pivotgrid-configurator-overlay, .k-d-flex-row .k-pivotgrid-configurator-overlay {
49680
- box-shadow: -3px 0px 6px rgba(0, 0, 0, 0.16);
50020
+ box-shadow: var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12));
49681
50021
  }
49682
50022
 
49683
50023
  .k-flex-row-reverse .k-pivotgrid-configurator-overlay {
49684
- box-shadow: 3px 0px 6px rgba(0, 0, 0, 0.16);
50024
+ box-shadow: var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12));
49685
50025
  }
49686
50026
 
49687
50027
  .k-flex-col .k-pivotgrid-configurator-overlay, .k-d-flex-col .k-pivotgrid-configurator-overlay, .k-flex-column .k-pivotgrid-configurator-overlay {
49688
- box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.16);
50028
+ box-shadow: var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12));
49689
50029
  }
49690
50030
 
49691
50031
  .k-flex-col-reverse .k-pivotgrid-configurator-overlay, .k-flex-column-reverse .k-pivotgrid-configurator-overlay {
49692
- box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
50032
+ box-shadow: var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12));
49693
50033
  }
49694
50034
 
49695
50035
  .k-pivot {
@@ -50412,6 +50752,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
50412
50752
  border-color: #cacaca;
50413
50753
  color: #272727;
50414
50754
  background-color: #ffffff;
50755
+ box-shadow: var(--kendo-elevation-1, 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12));
50415
50756
  }
50416
50757
 
50417
50758
  .k-taskboard-card .k-card-title {
@@ -52900,17 +53241,6 @@ kendo-scheduler .k-event .k-event-bottom-actions,
52900
53241
  transform: translate(-50%, -50%);
52901
53242
  }
52902
53243
 
52903
- .k-current-time {
52904
- position: absolute;
52905
- }
52906
-
52907
- .k-current-time.k-current-time-arrow-left, .k-current-time.k-current-time-arrow-right, .k-current-time.k-current-time-arrow-down {
52908
- width: 0;
52909
- height: 0;
52910
- background: transparent;
52911
- border: 4px solid transparent;
52912
- }
52913
-
52914
53244
  .k-event-drag-hint {
52915
53245
  opacity: .5;
52916
53246
  z-index: 3;
@@ -53359,22 +53689,6 @@ kendo-scheduler .k-recurrence-editor {
53359
53689
  background-color: #ffffff;
53360
53690
  }
53361
53691
 
53362
- .k-current-time {
53363
- background: #ff0000;
53364
- }
53365
-
53366
- .k-current-time.k-current-time-arrow-left {
53367
- border-right-color: #ff0000;
53368
- }
53369
-
53370
- .k-current-time.k-current-time-arrow-right {
53371
- border-left-color: #ff0000;
53372
- }
53373
-
53374
- .k-current-time.k-current-time-arrow-down {
53375
- border-top-color: #ff0000;
53376
- }
53377
-
53378
53692
  .k-scheduler-toolbar {
53379
53693
  border-color: #cacaca;
53380
53694
  color: #272727;
@@ -53482,7 +53796,7 @@ kendo-scheduler .k-recurrence-editor {
53482
53796
  .k-tooltip.k-scheduler-tooltip {
53483
53797
  color: #272727;
53484
53798
  background-color: white;
53485
- box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
53799
+ box-shadow: var(--kendo-elevation-2, 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12));
53486
53800
  }
53487
53801
 
53488
53802
  .k-tooltip.k-scheduler-tooltip .k-callout {
@@ -53960,7 +54274,7 @@ kendo-scheduler .k-recurrence-editor {
53960
54274
  border-color: #ffffff;
53961
54275
  color: #272727;
53962
54276
  background-color: #ffffff;
53963
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
54277
+ box-shadow: var(--kendo-elevation-1, 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12));
53964
54278
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
53965
54279
  order: -1;
53966
54280
  }
@@ -53974,26 +54288,26 @@ kendo-scheduler .k-recurrence-editor {
53974
54288
  }
53975
54289
 
53976
54290
  .k-chat .k-chat-bubble:hover {
53977
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
54291
+ box-shadow: var(--kendo-elevation-2, 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12));
53978
54292
  }
53979
54293
 
53980
54294
  .k-chat .k-selected .k-chat-bubble {
53981
- box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
54295
+ box-shadow: var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12));
53982
54296
  }
53983
54297
 
53984
54298
  .k-chat .k-alt .k-chat-bubble {
53985
54299
  border-color: #f35800;
53986
54300
  color: white;
53987
54301
  background-color: #f35800;
53988
- box-shadow: 0 1px 2px rgba(243, 88, 0, 0.2);
54302
+ box-shadow: var(--kendo-elevation-1, 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12));
53989
54303
  }
53990
54304
 
53991
54305
  .k-chat .k-alt .k-chat-bubble:hover {
53992
- box-shadow: 0 1px 2px rgba(243, 88, 0, 0.2);
54306
+ box-shadow: var(--kendo-elevation-2, 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12));
53993
54307
  }
53994
54308
 
53995
54309
  .k-chat .k-alt .k-selected .k-chat-bubble {
53996
- box-shadow: 0 3px 10px rgba(243, 88, 0, 0.4);
54310
+ box-shadow: var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12));
53997
54311
  }
53998
54312
 
53999
54313
  .k-chat .k-quick-reply {
@@ -54589,7 +54903,7 @@ kendo-scheduler .k-recurrence-editor {
54589
54903
  }
54590
54904
 
54591
54905
  .k-timeline-track-item.k-focus .k-timeline-circle {
54592
- box-shadow: 0 3px 4px 0 rgba(243, 88, 0, 0.4);
54906
+ box-shadow: var(--kendo-elevation-2, 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12));
54593
54907
  }
54594
54908
 
54595
54909
  .k-pdf-viewer {
@@ -54633,18 +54947,17 @@ kendo-scheduler .k-recurrence-editor {
54633
54947
  outline: none;
54634
54948
  }
54635
54949
 
54636
- .k-pdf-viewer .k-canvas .k-enable-text-select, .k-pdf-viewer .k-canvas.k-enable-text-select {
54950
+ .k-pdf-viewer .k-canvas.k-enable-text-select {
54637
54951
  -webkit-user-select: text;
54638
54952
  -ms-user-select: text;
54639
54953
  user-select: text;
54640
54954
  cursor: text;
54641
54955
  }
54642
54956
 
54643
- .k-pdf-viewer .k-canvas .k-enable-panning, .k-pdf-viewer .k-canvas.k-enable-panning {
54957
+ .k-pdf-viewer .k-canvas.k-enable-panning {
54644
54958
  cursor: grab;
54645
54959
  }
54646
54960
 
54647
- .k-pdf-viewer .k-canvas .k-enable-panning span::selection,
54648
54961
  .k-pdf-viewer .k-canvas.k-enable-panning span::selection {
54649
54962
  background-color: transparent;
54650
54963
  }
@@ -54678,10 +54991,6 @@ kendo-scheduler .k-recurrence-editor {
54678
54991
  color: transparent;
54679
54992
  }
54680
54993
 
54681
- .k-pdf-viewer .k-page .k-text-layer mark {
54682
- color: transparent;
54683
- }
54684
-
54685
54994
  .k-pdf-viewer .k-page .k-text-layer .k-search-highlight-mark {
54686
54995
  color: transparent;
54687
54996
  }
@@ -54704,50 +55013,43 @@ kendo-scheduler .k-recurrence-editor {
54704
55013
  background: none;
54705
55014
  }
54706
55015
 
54707
- .k-pdf-viewer-search-dialog {
54708
- padding: 0 !important;
54709
- }
54710
-
54711
- .k-search-panel, .k-search-container {
55016
+ .k-pdf-viewer-canvas > .k-search-panel {
55017
+ width: max-content;
55018
+ margin-top: calc(-1.4285714286em + -36px);
54712
55019
  padding-block: 12px;
54713
55020
  padding-inline: 8px;
55021
+ border-width: 1px;
55022
+ border-style: solid;
55023
+ border-radius: 4px;
54714
55024
  display: flex;
54715
55025
  gap: 8px;
54716
55026
  flex-flow: row nowrap;
54717
55027
  flex: 0 0 auto;
54718
55028
  justify-content: flex-start;
54719
55029
  align-items: center;
55030
+ z-index: 10;
55031
+ cursor: default;
54720
55032
  }
54721
55033
 
54722
- .k-search-panel .k-search-dialog-draghandle, .k-search-container .k-search-dialog-draghandle {
55034
+ .k-pdf-viewer-canvas > .k-search-panel .k-search-dialog-draghandle {
54723
55035
  cursor: move;
54724
55036
  margin-left: 0;
54725
55037
  }
54726
55038
 
54727
- .k-search-panel .k-textbox, .k-search-container .k-textbox {
55039
+ .k-pdf-viewer-canvas > .k-search-panel .k-textbox {
54728
55040
  width: 10em;
54729
55041
  flex: none;
54730
55042
  }
54731
55043
 
54732
- .k-search-panel .k-textbox .k-button, .k-search-container .k-textbox .k-button {
55044
+ .k-pdf-viewer-canvas > .k-search-panel .k-textbox .k-button {
54733
55045
  border-width: 0;
54734
55046
  }
54735
55047
 
54736
- .k-search-panel .k-search-matches, .k-search-container .k-search-matches {
55048
+ .k-pdf-viewer-canvas > .k-search-panel .k-search-matches {
54737
55049
  display: inline-flex;
54738
55050
  gap: 4px;
54739
55051
  }
54740
55052
 
54741
- .k-pdf-viewer-canvas > .k-search-panel, .k-pdf-viewer-canvas > .k-search-container {
54742
- width: max-content;
54743
- margin-top: calc(-1.4285714286em + -36px);
54744
- border-width: 1px;
54745
- border-style: solid;
54746
- border-radius: 4px;
54747
- z-index: 10;
54748
- cursor: default;
54749
- }
54750
-
54751
55053
  .k-pdf-viewer {
54752
55054
  border-color: #cacaca;
54753
55055
  color: #272727;
@@ -54762,7 +55064,7 @@ kendo-scheduler .k-recurrence-editor {
54762
55064
  border-color: #cacaca;
54763
55065
  color: #272727;
54764
55066
  background-color: white;
54765
- box-shadow: 0 0 15px #cacaca;
55067
+ box-shadow: var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12));
54766
55068
  }
54767
55069
 
54768
55070
  .k-pdf-viewer .k-blank-page > .k-icon,
@@ -54778,11 +55080,11 @@ kendo-scheduler .k-recurrence-editor {
54778
55080
  background-color: yellow;
54779
55081
  }
54780
55082
 
54781
- .k-pdf-viewer-canvas > .k-search-panel, .k-pdf-viewer-canvas > .k-search-container {
55083
+ .k-pdf-viewer-canvas > .k-search-panel {
54782
55084
  border-color: #cacaca;
54783
55085
  color: #272727;
54784
55086
  background-color: #ffffff;
54785
- box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.12);
55087
+ box-shadow: var(--kendo-elevation-8, 0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12));
54786
55088
  }
54787
55089
 
54788
55090
  .km-scrollview,
@@ -56078,12 +56380,16 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
56078
56380
  background-color: #ffffff;
56079
56381
  }
56080
56382
 
56383
+ .k-orgchart-card {
56384
+ box-shadow: var(--kendo-elevation-1, 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12));
56385
+ }
56386
+
56081
56387
  .k-orgchart-card .k-card-body {
56082
56388
  border-color: transparent;
56083
56389
  }
56084
56390
 
56085
56391
  .k-orgchart-card:focus, .k-orgchart-card.k-focus {
56086
- box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
56392
+ box-shadow: var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12));
56087
56393
  }
56088
56394
 
56089
56395
  .k-orgchart-node-group-container {
@@ -56094,7 +56400,7 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
56094
56400
 
56095
56401
  .k-orgchart-node-group-container:focus,
56096
56402
  .k-orgchart-node-group-container.k-focus {
56097
- box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
56403
+ box-shadow: var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12));
56098
56404
  border-color: rgba(0, 0, 0, 0.15);
56099
56405
  }
56100
56406