@progress/kendo-theme-material 5.6.1-dev.6 → 5.6.1-dev.7

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.
package/dist/all.css CHANGED
@@ -6588,23 +6588,32 @@ kendo-sortable {
6588
6588
  }
6589
6589
 
6590
6590
  .k-user-select-none {
6591
- user-select: none !important;
6591
+ -webkit-user-select: none !important;
6592
+ -ms-user-select: none !important;
6593
+ user-select: none !important;
6592
6594
  }
6593
6595
 
6594
6596
  .k-user-select-auto {
6595
- user-select: auto !important;
6597
+ -webkit-user-select: auto !important;
6598
+ -ms-user-select: auto !important;
6599
+ user-select: auto !important;
6596
6600
  }
6597
6601
 
6598
6602
  .k-user-select-text {
6599
- user-select: text !important;
6603
+ -webkit-user-select: text !important;
6604
+ -ms-user-select: text !important;
6605
+ user-select: text !important;
6600
6606
  }
6601
6607
 
6602
6608
  .k-user-select-all {
6603
- user-select: all !important;
6609
+ -webkit-user-select: all !important;
6610
+ user-select: all !important;
6604
6611
  }
6605
6612
 
6606
6613
  .k-user-select-contain {
6607
- user-select: contain !important;
6614
+ -webkit-user-select: contain !important;
6615
+ -ms-user-select: element !important;
6616
+ user-select: contain !important;
6608
6617
  }
6609
6618
 
6610
6619
  .k-cursor-auto {
@@ -11852,7 +11861,7 @@ a.k-badge:hover,
11852
11861
  padding: 2px 2px;
11853
11862
  font-size: 10px;
11854
11863
  line-height: 1;
11855
- min-width: calc( 1em + 4px + 2px);
11864
+ min-width: calc(1em + 6px);
11856
11865
  }
11857
11866
 
11858
11867
  .k-badge-sm:empty {
@@ -11864,7 +11873,7 @@ a.k-badge:hover,
11864
11873
  padding: 4px 4px;
11865
11874
  font-size: 10px;
11866
11875
  line-height: 1;
11867
- min-width: calc( 1em + 8px + 2px);
11876
+ min-width: calc(1em + 10px);
11868
11877
  }
11869
11878
 
11870
11879
  .k-badge-md:empty {
@@ -11876,7 +11885,7 @@ a.k-badge:hover,
11876
11885
  padding: 6px 6px;
11877
11886
  font-size: 10px;
11878
11887
  line-height: 1;
11879
- min-width: calc( 1em + 12px + 2px);
11888
+ min-width: calc(1em + 14px);
11880
11889
  }
11881
11890
 
11882
11891
  .k-badge-lg:empty {
@@ -12112,7 +12121,9 @@ kendo-badge-container {
12112
12121
  justify-content: center;
12113
12122
  gap: 8px;
12114
12123
  vertical-align: middle;
12115
- user-select: none;
12124
+ -webkit-user-select: none;
12125
+ -ms-user-select: none;
12126
+ user-select: none;
12116
12127
  cursor: pointer;
12117
12128
  outline: none;
12118
12129
  -webkit-appearance: none;
@@ -12171,8 +12182,8 @@ kendo-badge-container {
12171
12182
  }
12172
12183
 
12173
12184
  .k-button-sm.k-icon-button > .k-button-icon {
12174
- min-width: calc( 14px * 1.4285714286);
12175
- min-height: calc( 14px * 1.4285714286);
12185
+ min-width: 20.0000000004px;
12186
+ min-height: 20.0000000004px;
12176
12187
  }
12177
12188
 
12178
12189
  .k-button-md {
@@ -12186,8 +12197,8 @@ kendo-badge-container {
12186
12197
  }
12187
12198
 
12188
12199
  .k-button-md.k-icon-button > .k-button-icon {
12189
- min-width: calc( 14px * 1.4285714286);
12190
- min-height: calc( 14px * 1.4285714286);
12200
+ min-width: 20.0000000004px;
12201
+ min-height: 20.0000000004px;
12191
12202
  }
12192
12203
 
12193
12204
  .k-button-lg {
@@ -12201,8 +12212,8 @@ kendo-badge-container {
12201
12212
  }
12202
12213
 
12203
12214
  .k-button-lg.k-icon-button > .k-button-icon {
12204
- min-width: calc( 14px * 1.4285714286);
12205
- min-height: calc( 14px * 1.4285714286);
12215
+ min-width: 20.0000000004px;
12216
+ min-height: 20.0000000004px;
12206
12217
  }
12207
12218
 
12208
12219
  .k-button-square {
@@ -13757,11 +13768,20 @@ kendo-badge-container {
13757
13768
  margin: 0;
13758
13769
  }
13759
13770
 
13771
+ .k-input:-ms-input-placeholder, .k-picker:-ms-input-placeholder {
13772
+ color: rgba(0, 0, 0, 0.54);
13773
+ opacity: 1;
13774
+ -ms-user-select: none;
13775
+ user-select: none;
13776
+ }
13777
+
13760
13778
  .k-input::placeholder,
13761
13779
  .k-picker::placeholder {
13762
13780
  color: rgba(0, 0, 0, 0.54);
13763
13781
  opacity: 1;
13764
- user-select: none;
13782
+ -webkit-user-select: none;
13783
+ -ms-user-select: none;
13784
+ user-select: none;
13765
13785
  }
13766
13786
 
13767
13787
  .k-input:-ms-input-placeholder,
@@ -13851,10 +13871,19 @@ select.k-picker:disabled, select.k-picker[disabled] {
13851
13871
  display: none;
13852
13872
  }
13853
13873
 
13874
+ .k-input-inner:-ms-input-placeholder {
13875
+ color: rgba(0, 0, 0, 0.54);
13876
+ opacity: 1;
13877
+ -ms-user-select: none;
13878
+ user-select: none;
13879
+ }
13880
+
13854
13881
  .k-input-inner::placeholder {
13855
13882
  color: rgba(0, 0, 0, 0.54);
13856
13883
  opacity: 1;
13857
- user-select: none;
13884
+ -webkit-user-select: none;
13885
+ -ms-user-select: none;
13886
+ user-select: none;
13858
13887
  }
13859
13888
 
13860
13889
  .k-input-inner:-ms-input-placeholder {
@@ -14106,14 +14135,14 @@ textarea.k-input-inner {
14106
14135
  .k-picker-sm .k-clear-value,
14107
14136
  .k-picker-sm .k-input-prefix > .k-icon,
14108
14137
  .k-picker-sm .k-input-suffix > .k-icon {
14109
- width: calc( 16px + 12px);
14110
- height: calc( 16px + 12px);
14138
+ width: 28px;
14139
+ height: 28px;
14111
14140
  }
14112
14141
 
14113
14142
  .k-input-sm.k-icon-picker .k-input-inner,
14114
14143
  .k-picker-sm.k-icon-picker .k-input-inner {
14115
- width: calc( 1.25em);
14116
- height: calc( 1.25em);
14144
+ width: 1.25em;
14145
+ height: 1.25em;
14117
14146
  padding: 6px;
14118
14147
  box-sizing: content-box;
14119
14148
  }
@@ -14169,14 +14198,14 @@ textarea.k-input-inner {
14169
14198
  .k-picker-md .k-clear-value,
14170
14199
  .k-picker-md .k-input-prefix > .k-icon,
14171
14200
  .k-picker-md .k-input-suffix > .k-icon {
14172
- width: calc( 16px + 16px);
14173
- height: calc( 16px + 16px);
14201
+ width: 32px;
14202
+ height: 32px;
14174
14203
  }
14175
14204
 
14176
14205
  .k-input-md.k-icon-picker .k-input-inner,
14177
14206
  .k-picker-md.k-icon-picker .k-input-inner {
14178
- width: calc( 1.25em);
14179
- height: calc( 1.25em);
14207
+ width: 1.25em;
14208
+ height: 1.25em;
14180
14209
  padding: 8px;
14181
14210
  box-sizing: content-box;
14182
14211
  }
@@ -14232,14 +14261,14 @@ textarea.k-input-inner {
14232
14261
  .k-picker-lg .k-clear-value,
14233
14262
  .k-picker-lg .k-input-prefix > .k-icon,
14234
14263
  .k-picker-lg .k-input-suffix > .k-icon {
14235
- width: calc( 16px + 16px);
14236
- height: calc( 16px + 16px);
14264
+ width: 32px;
14265
+ height: 32px;
14237
14266
  }
14238
14267
 
14239
14268
  .k-input-lg.k-icon-picker .k-input-inner,
14240
14269
  .k-picker-lg.k-icon-picker .k-input-inner {
14241
- width: calc( 1.5em);
14242
- height: calc( 1.5em);
14270
+ width: 1.5em;
14271
+ height: 1.5em;
14243
14272
  padding: 8px;
14244
14273
  box-sizing: content-box;
14245
14274
  }
@@ -14605,7 +14634,7 @@ textarea.k-input-inner {
14605
14634
  }
14606
14635
 
14607
14636
  .k-floating-label-container {
14608
- padding-top: calc( 1.25 * 16px);
14637
+ padding-top: 20px;
14609
14638
  box-sizing: border-box;
14610
14639
  display: inline-flex;
14611
14640
  vertical-align: middle;
@@ -14627,8 +14656,8 @@ textarea.k-input-inner {
14627
14656
  white-space: nowrap;
14628
14657
  text-overflow: ellipsis;
14629
14658
  position: absolute;
14630
- top: calc( calc( 1.25 * 16px) + 1px + 8px);
14631
- left: calc( 16px + 1px);
14659
+ top: 29px;
14660
+ left: 17px;
14632
14661
  overflow: hidden;
14633
14662
  cursor: text;
14634
14663
  transform-origin: left center;
@@ -14641,8 +14670,8 @@ textarea.k-input-inner {
14641
14670
  }
14642
14671
 
14643
14672
  .k-floating-label-container.k-state-empty > .k-label, .k-floating-label-container.k-empty > .k-label {
14644
- top: calc( calc( 1.25 * 16px) + 1px + 8px);
14645
- left: calc( 16px + 1px);
14673
+ top: 29px;
14674
+ left: 17px;
14646
14675
  transform: scale(1);
14647
14676
  pointer-events: none;
14648
14677
  }
@@ -14661,6 +14690,10 @@ textarea.k-input-inner {
14661
14690
  transform: scale(0.75);
14662
14691
  }
14663
14692
 
14693
+ .k-floating-label-container.k-state-empty:not(.k-state-focused) :-ms-input-placeholder, .k-floating-label-container.k-empty:not(.k-focus):not(:focus-within) :-ms-input-placeholder {
14694
+ color: transparent;
14695
+ }
14696
+
14664
14697
  .k-floating-label-container.k-state-empty:not(.k-state-focused) ::placeholder,
14665
14698
  .k-floating-label-container.k-empty:not(.k-focus):not(:focus-within) ::placeholder {
14666
14699
  color: transparent;
@@ -14676,7 +14709,7 @@ textarea.k-input-inner {
14676
14709
  .k-rtl .k-floating-label-container.k-state-empty > .k-label,
14677
14710
  .k-rtl .k-floating-label-container.k-empty > .k-label, .k-floating-label-container[dir="rtl"].k-state-empty > .k-label, .k-floating-label-container[dir="rtl"].k-empty > .k-label {
14678
14711
  left: auto;
14679
- right: calc( 16px + 1px);
14712
+ right: 17px;
14680
14713
  }
14681
14714
 
14682
14715
  [dir="rtl"] .k-floating-label-container > .k-label,
@@ -15290,7 +15323,9 @@ textarea.k-input-inner {
15290
15323
  position: relative;
15291
15324
  overflow: hidden;
15292
15325
  cursor: pointer;
15293
- user-select: none;
15326
+ -webkit-user-select: none;
15327
+ -ms-user-select: none;
15328
+ user-select: none;
15294
15329
  }
15295
15330
 
15296
15331
  .k-chip *,
@@ -15833,7 +15868,7 @@ textarea.k-input-inner {
15833
15868
  }
15834
15869
 
15835
15870
  .k-icon-color-preview .k-color-preview-mask {
15836
- width: calc( 16px - 2px);
15871
+ width: 14px;
15837
15872
  height: 2px;
15838
15873
  }
15839
15874
 
@@ -15996,32 +16031,32 @@ textarea.k-input-inner {
15996
16031
  top: 100%;
15997
16032
  left: 0;
15998
16033
  animation: spinner-3-segment 2s ease infinite;
15999
- animation-delay: calc( -2s / 3);
16034
+ animation-delay: -0.6666666667s;
16000
16035
  }
16001
16036
 
16002
16037
  .k-loader-spinner-3 .k-loader-segment:nth-child(3) {
16003
16038
  top: 100%;
16004
16039
  left: 100%;
16005
16040
  animation: spinner-3-segment 2s ease infinite;
16006
- animation-delay: calc( -4s / 3);
16041
+ animation-delay: -1.3333333333s;
16007
16042
  }
16008
16043
 
16009
16044
  .k-loader-spinner-3.k-loader-sm .k-loader-canvas {
16010
16045
  margin: 2px;
16011
- width: calc( 16px - 4px);
16012
- height: calc( 13.8564064608px - 4px);
16046
+ width: 12px;
16047
+ height: 9.8564064608px;
16013
16048
  }
16014
16049
 
16015
16050
  .k-loader-spinner-3.k-loader-md .k-loader-canvas {
16016
16051
  margin: 4px;
16017
- width: calc( 32px - 8px);
16018
- height: calc( 27.7128129216px - 8px);
16052
+ width: 24px;
16053
+ height: 19.7128129216px;
16019
16054
  }
16020
16055
 
16021
16056
  .k-loader-spinner-3.k-loader-lg .k-loader-canvas {
16022
16057
  margin: 8px;
16023
- width: calc( 64px - 16px);
16024
- height: calc( 55.4256258432px - 16px);
16058
+ width: 48px;
16059
+ height: 39.4256258432px;
16025
16060
  }
16026
16061
 
16027
16062
  @keyframes spinner-4-segment-1 {
@@ -16401,7 +16436,9 @@ textarea.k-input-inner {
16401
16436
  flex-flow: column nowrap;
16402
16437
  flex: none;
16403
16438
  position: relative;
16404
- user-select: none;
16439
+ -webkit-user-select: none;
16440
+ -ms-user-select: none;
16441
+ user-select: none;
16405
16442
  }
16406
16443
 
16407
16444
  .k-menu-item-content {
@@ -16473,12 +16510,12 @@ textarea.k-input-inner {
16473
16510
 
16474
16511
  .k-menu-vertical > .k-menu-item > .k-menu-link {
16475
16512
  padding: 8px 16px;
16476
- padding-right: calc( 32px + 16px);
16513
+ padding-right: 48px;
16477
16514
  }
16478
16515
 
16479
16516
  .k-menu-vertical > .k-menu-item > .k-menu-link > .k-menu-expand-arrow {
16480
16517
  margin-inline-start: 16px;
16481
- margin-inline-end: calc( -1 * (calc( 32px + 16px) - 8px));
16518
+ margin-inline-end: -40px;
16482
16519
  }
16483
16520
 
16484
16521
  .k-menu-vertical > .k-separator {
@@ -16542,12 +16579,12 @@ textarea.k-input-inner {
16542
16579
 
16543
16580
  .k-menu-group-sm .k-menu-link {
16544
16581
  padding: 6px 16px;
16545
- padding-inline-end: calc( 32px + 16px);
16582
+ padding-inline-end: 48px;
16546
16583
  }
16547
16584
 
16548
16585
  .k-menu-group-sm .k-menu-expand-arrow {
16549
16586
  margin-inline-start: 16px;
16550
- margin-inline-end: calc( -1 * (calc( 32px + 16px) - 8px));
16587
+ margin-inline-end: -40px;
16551
16588
  }
16552
16589
 
16553
16590
  .k-menu-group-md {
@@ -16562,12 +16599,12 @@ textarea.k-input-inner {
16562
16599
 
16563
16600
  .k-menu-group-md .k-menu-link {
16564
16601
  padding: 8px 16px;
16565
- padding-inline-end: calc( 32px + 16px);
16602
+ padding-inline-end: 48px;
16566
16603
  }
16567
16604
 
16568
16605
  .k-menu-group-md .k-menu-expand-arrow {
16569
16606
  margin-inline-start: 16px;
16570
- margin-inline-end: calc( -1 * (calc( 32px + 16px) - 8px));
16607
+ margin-inline-end: -40px;
16571
16608
  }
16572
16609
 
16573
16610
  .k-menu-group-lg {
@@ -16582,12 +16619,12 @@ textarea.k-input-inner {
16582
16619
 
16583
16620
  .k-menu-group-lg .k-menu-link {
16584
16621
  padding: 10px 16px;
16585
- padding-inline-end: calc( 32px + 16px);
16622
+ padding-inline-end: 48px;
16586
16623
  }
16587
16624
 
16588
16625
  .k-menu-group-lg .k-menu-expand-arrow {
16589
16626
  margin-inline-start: 16px;
16590
- margin-inline-end: calc( -1 * (calc( 32px + 16px) - 8px));
16627
+ margin-inline-end: -40px;
16591
16628
  }
16592
16629
 
16593
16630
  .k-popups-wrapper {
@@ -16687,13 +16724,13 @@ textarea.k-input-inner {
16687
16724
  .k-rtl .k-menu-vertical > .k-menu-item > .k-menu-link,
16688
16725
  [dir="rtl"] .k-menu-vertical > .k-menu-item > .k-menu-link {
16689
16726
  padding-right: 16px;
16690
- padding-left: calc( 32px + 16px);
16727
+ padding-left: 48px;
16691
16728
  }
16692
16729
 
16693
16730
  .k-rtl .k-menu-group .k-menu-link,
16694
16731
  [dir="rtl"] .k-menu-group .k-menu-link {
16695
16732
  padding-right: 16px;
16696
- padding-left: calc( 32px + 16px);
16733
+ padding-left: 48px;
16697
16734
  }
16698
16735
 
16699
16736
  .k-menu:not(.k-context-menu) > .k-menu-item {
@@ -16705,11 +16742,11 @@ textarea.k-input-inner {
16705
16742
  }
16706
16743
 
16707
16744
  .k-menu-scroll-wrapper.horizontal .k-menu-scroll-button {
16708
- width: calc( 2em + 4px);
16745
+ width: calc(2em + 4px);
16709
16746
  }
16710
16747
 
16711
16748
  .k-menu-scroll-wrapper.vertical .k-menu-scroll-button {
16712
- height: calc( 2em + 4px);
16749
+ height: calc(2em + 4px);
16713
16750
  }
16714
16751
 
16715
16752
  .k-menu:not(.k-context-menu) {
@@ -16816,7 +16853,7 @@ textarea.k-input-inner {
16816
16853
 
16817
16854
  .k-toolbar::before {
16818
16855
  content: "";
16819
- height: calc( 1.4285714286em + 16px + 2px);
16856
+ height: calc(1.4285714286em + 18px);
16820
16857
  margin-inline-start: -8px;
16821
16858
  }
16822
16859
 
@@ -16884,6 +16921,11 @@ textarea.k-input-inner {
16884
16921
  align-items: center;
16885
16922
  }
16886
16923
 
16924
+ .k-toolbar .k-toolbar-item:focus {
16925
+ text-decoration: none;
16926
+ outline: 0;
16927
+ }
16928
+
16887
16929
  .k-toolbar-group {
16888
16930
  display: flex;
16889
16931
  flex-direction: inherit;
@@ -17343,7 +17385,7 @@ kendo-label > .k-label {
17343
17385
  }
17344
17386
 
17345
17387
  .k-form-horizontal .k-form-field-wrap {
17346
- max-width: calc( ( 100% - 25% ) - 10px);
17388
+ max-width: calc(75% - 10px);
17347
17389
  flex: 1 1 auto;
17348
17390
  }
17349
17391
 
@@ -17410,7 +17452,7 @@ kendo-label > .k-label {
17410
17452
  width: 25%;
17411
17453
  text-align: right;
17412
17454
  line-height: 2;
17413
- padding: calc( 4px + 1px) 0;
17455
+ padding: 5px 0;
17414
17456
  padding-right: 24px;
17415
17457
  align-self: center;
17416
17458
  }
@@ -17459,7 +17501,7 @@ kendo-label > .k-label {
17459
17501
 
17460
17502
  .k-edit-label {
17461
17503
  margin: 0 0 1em 0;
17462
- padding: calc( 8px + 1px) 0;
17504
+ padding: 9px 0;
17463
17505
  width: 30%;
17464
17506
  line-height: 2;
17465
17507
  text-align: right;
@@ -17476,7 +17518,7 @@ kendo-label > .k-label {
17476
17518
  }
17477
17519
 
17478
17520
  .k-edit-field.k-no-editor {
17479
- padding: calc( 8px + 1px) 0;
17521
+ padding: 9px 0;
17480
17522
  }
17481
17523
 
17482
17524
  .k-edit-field > .k-widget {
@@ -17732,7 +17774,7 @@ kendo-label > .k-label {
17732
17774
  }
17733
17775
 
17734
17776
  .k-validator-tooltip {
17735
- margin-top: calc( 6px + 0px);
17777
+ margin-top: 6px;
17736
17778
  width: auto;
17737
17779
  white-space: normal;
17738
17780
  display: flex;
@@ -18023,13 +18065,13 @@ kendo-label > .k-label {
18023
18065
  .k-progressbar-horizontal > .k-state-selected,
18024
18066
  .k-progressbar-horizontal > .k-selected {
18025
18067
  width: 0;
18026
- width: calc( var( --kendo-progressbar-progress, 0 ) * 1%);
18068
+ width: calc(var( --kendo-progressbar-progress, 0 )*1%);
18027
18069
  flex-direction: row;
18028
18070
  }
18029
18071
 
18030
18072
  .k-progressbar-horizontal > .k-state-selected > .k-progress-status-wrap,
18031
18073
  .k-progressbar-horizontal > .k-selected > .k-progress-status-wrap {
18032
- width: calc( 100% * ( 100 / var( --kendo-progressbar-progress, 1 ) ));
18074
+ width: calc(100%*(100/var( --kendo-progressbar-progress, 1 )));
18033
18075
  }
18034
18076
 
18035
18077
  .k-progressbar-horizontal > ul {
@@ -18060,13 +18102,14 @@ kendo-label > .k-label {
18060
18102
  }
18061
18103
 
18062
18104
  .k-progressbar-vertical .k-progress-status {
18063
- writing-mode: vertical-lr;
18105
+ -ms-writing-mode: tb-lr;
18106
+ writing-mode: vertical-lr;
18064
18107
  }
18065
18108
 
18066
18109
  .k-progressbar-vertical > .k-state-selected,
18067
18110
  .k-progressbar-vertical > .k-selected {
18068
18111
  height: 0;
18069
- height: calc( var( --kendo-progressbar-progress, 0 ) * 1%);
18112
+ height: calc(var( --kendo-progressbar-progress, 0 )*1%);
18070
18113
  flex-direction: column-reverse;
18071
18114
  align-self: flex-end;
18072
18115
  align-items: flex-end;
@@ -18074,7 +18117,7 @@ kendo-label > .k-label {
18074
18117
 
18075
18118
  .k-progressbar-vertical > .k-state-selected > .k-progress-status-wrap,
18076
18119
  .k-progressbar-vertical > .k-selected > .k-progress-status-wrap {
18077
- height: calc( 100% * ( 100 / var( --kendo-progressbar-progress, 1 ) ));
18120
+ height: calc(100%*(100/var( --kendo-progressbar-progress, 1 )));
18078
18121
  }
18079
18122
 
18080
18123
  .k-progressbar-vertical > ul {
@@ -18688,7 +18731,7 @@ kendo-label > .k-label {
18688
18731
  .k-slider {
18689
18732
  width: min-content;
18690
18733
  height: min-content;
18691
- gap: calc( 14px / 2);
18734
+ gap: 7px;
18692
18735
  }
18693
18736
 
18694
18737
  .k-slider .k-button {
@@ -18711,7 +18754,9 @@ kendo-label > .k-label {
18711
18754
  display: flex;
18712
18755
  flex-flow: inherit;
18713
18756
  justify-content: space-between;
18714
- user-select: none;
18757
+ -webkit-user-select: none;
18758
+ -ms-user-select: none;
18759
+ user-select: none;
18715
18760
  }
18716
18761
 
18717
18762
  .k-slider .k-slider-track-wrap .k-tick {
@@ -18751,31 +18796,31 @@ kendo-label > .k-label {
18751
18796
  }
18752
18797
 
18753
18798
  .k-slider-horizontal .k-slider-track-wrap .k-slider-selection {
18754
- width: calc( (var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0)) * 1%);
18755
- left: calc( var(--kendo-slider-start, 0) * 1%);
18799
+ width: calc((var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0))*1%);
18800
+ left: calc(var(--kendo-slider-start, 0)*1%);
18756
18801
  }
18757
18802
 
18758
18803
  .k-slider-horizontal .k-slider-track-wrap .k-draghandle-start {
18759
- left: calc( var(--kendo-slider-start, 0) * 1%);
18804
+ left: calc(var(--kendo-slider-start, 0)*1%);
18760
18805
  }
18761
18806
 
18762
18807
  .k-slider-horizontal .k-slider-track-wrap .k-draghandle-end {
18763
- left: calc( var(--kendo-slider-end, 0) * 1%);
18808
+ left: calc(var(--kendo-slider-end, 0)*1%);
18764
18809
  }
18765
18810
 
18766
18811
  [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-slider-selection {
18767
18812
  left: unset;
18768
- right: calc( var(--kendo-slider-start, 0) * 1%);
18813
+ right: calc(var(--kendo-slider-start, 0)*1%);
18769
18814
  }
18770
18815
 
18771
18816
  [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle-start {
18772
18817
  left: unset;
18773
- right: calc( var(--kendo-slider-start, 0) * 1%);
18818
+ right: calc(var(--kendo-slider-start, 0)*1%);
18774
18819
  }
18775
18820
 
18776
18821
  [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle-end {
18777
18822
  left: unset;
18778
- right: calc( var(--kendo-slider-end, 0) * 1%);
18823
+ right: calc(var(--kendo-slider-end, 0)*1%);
18779
18824
  }
18780
18825
 
18781
18826
  [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle {
@@ -18806,16 +18851,16 @@ kendo-label > .k-label {
18806
18851
  }
18807
18852
 
18808
18853
  .k-slider-vertical .k-slider-track-wrap .k-slider-selection {
18809
- bottom: calc( var(--kendo-slider-start, 0) * 1%);
18810
- height: calc( (var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0)) * 1%);
18854
+ bottom: calc(var(--kendo-slider-start, 0)*1%);
18855
+ height: calc((var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0))*1%);
18811
18856
  }
18812
18857
 
18813
18858
  .k-slider-vertical .k-slider-track-wrap .k-draghandle-start {
18814
- bottom: calc( var(--kendo-slider-start, 0) * 1%);
18859
+ bottom: calc(var(--kendo-slider-start, 0)*1%);
18815
18860
  }
18816
18861
 
18817
18862
  .k-slider-vertical .k-slider-track-wrap .k-draghandle-end {
18818
- bottom: calc( var(--kendo-slider-end, 0) * 1%);
18863
+ bottom: calc(var(--kendo-slider-end, 0)*1%);
18819
18864
  }
18820
18865
 
18821
18866
  .k-slider-vertical {
@@ -19043,12 +19088,12 @@ kendo-label > .k-label {
19043
19088
  left: auto;
19044
19089
  }
19045
19090
 
19046
- .k-rtl .k-slider-horizontal .k-button .k-i-arrow-e,
19047
- .k-rtl .k-slider-horizontal .k-button .k-i-arrow-w, .k-slider-horizontal.k-rtl .k-button .k-i-arrow-e,
19048
- .k-slider-horizontal.k-rtl .k-button .k-i-arrow-w,
19049
- [dir="rtl"] .k-slider-horizontal .k-button .k-i-arrow-e,
19050
- [dir="rtl"] .k-slider-horizontal .k-button .k-i-arrow-w, .k-slider-horizontal[dir="rtl"] .k-button .k-i-arrow-e,
19051
- .k-slider-horizontal[dir="rtl"] .k-button .k-i-arrow-w {
19091
+ .k-rtl .k-slider-horizontal .k-button-increase .k-icon,
19092
+ .k-rtl .k-slider-horizontal .k-button-decrease .k-icon, .k-slider-horizontal.k-rtl .k-button-increase .k-icon,
19093
+ .k-slider-horizontal.k-rtl .k-button-decrease .k-icon,
19094
+ [dir="rtl"] .k-slider-horizontal .k-button-increase .k-icon,
19095
+ [dir="rtl"] .k-slider-horizontal .k-button-decrease .k-icon, .k-slider-horizontal[dir="rtl"] .k-button-increase .k-icon,
19096
+ .k-slider-horizontal[dir="rtl"] .k-button-decrease .k-icon {
19052
19097
  transform: scaleX(-1);
19053
19098
  }
19054
19099
 
@@ -19134,13 +19179,13 @@ kendo-label > .k-label {
19134
19179
  }
19135
19180
 
19136
19181
  .k-slider-horizontal .k-slider-wrap:not(.k-slider-buttons) {
19137
- padding-left: calc( 14px / 2);
19138
- padding-right: calc( 14px / 2);
19182
+ padding-left: 7px;
19183
+ padding-right: 7px;
19139
19184
  }
19140
19185
 
19141
19186
  .k-slider-vertical .k-slider-wrap:not(.k-slider-buttons) {
19142
- padding-top: calc( 14px / 2);
19143
- padding-bottom: calc( 14px / 2);
19187
+ padding-top: 7px;
19188
+ padding-bottom: 7px;
19144
19189
  }
19145
19190
 
19146
19191
  .k-slider .k-tick {
@@ -19267,7 +19312,9 @@ kendo-label > .k-label {
19267
19312
  overflow: hidden;
19268
19313
  display: inline-flex;
19269
19314
  flex-flow: column nowrap;
19270
- user-select: none;
19315
+ -webkit-user-select: none;
19316
+ -ms-user-select: none;
19317
+ user-select: none;
19271
19318
  -webkit-touch-callout: none;
19272
19319
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
19273
19320
  }
@@ -19975,7 +20022,9 @@ kendo-label > .k-label {
19975
20022
  overflow: hidden;
19976
20023
  display: flex;
19977
20024
  flex-flow: column nowrap;
19978
- user-select: none;
20025
+ -webkit-user-select: none;
20026
+ -ms-user-select: none;
20027
+ user-select: none;
19979
20028
  -webkit-touch-callout: none;
19980
20029
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
19981
20030
  }
@@ -20019,12 +20068,12 @@ kendo-label > .k-label {
20019
20068
  .k-time-highlight,
20020
20069
  .k-time-list-highlight {
20021
20070
  width: 100%;
20022
- height: calc( 20px + 16px);
20071
+ height: 36px;
20023
20072
  border-width: 1px 0px;
20024
20073
  border-style: solid;
20025
20074
  box-sizing: border-box;
20026
20075
  position: absolute;
20027
- top: calc( 50% + 9px);
20076
+ top: calc(50% + 9px);
20028
20077
  left: 0;
20029
20078
  right: 0;
20030
20079
  transform: translateY(-50%);
@@ -20060,7 +20109,7 @@ kendo-label > .k-label {
20060
20109
  width: 100%;
20061
20110
  left: 0;
20062
20111
  pointer-events: none;
20063
- height: calc( 50% - calc( 20px + 16px)/2);
20112
+ height: calc(50% - 18px);
20064
20113
  box-sizing: border-box;
20065
20114
  border-width: 0;
20066
20115
  border-style: solid;
@@ -20150,14 +20199,14 @@ kendo-label > .k-label {
20150
20199
 
20151
20200
  .k-time-separator {
20152
20201
  width: 0;
20153
- height: calc( 20px + 16px);
20202
+ height: 36px;
20154
20203
  align-self: center;
20155
20204
  display: inline-flex;
20156
20205
  justify-content: center;
20157
20206
  align-items: center;
20158
20207
  position: relative;
20159
20208
  z-index: 11;
20160
- top: calc( 9px);
20209
+ top: 9px;
20161
20210
  }
20162
20211
 
20163
20212
  .k-timeselector-sm {
@@ -20167,11 +20216,11 @@ kendo-label > .k-label {
20167
20216
 
20168
20217
  .k-timeselector-sm .k-time-highlight,
20169
20218
  .k-timeselector-sm .k-time-list-highlight {
20170
- height: calc( 20px + 12px);
20219
+ height: 32px;
20171
20220
  }
20172
20221
 
20173
20222
  .k-timeselector-sm .k-time-separator {
20174
- height: calc( 20px + 12px);
20223
+ height: 32px;
20175
20224
  }
20176
20225
 
20177
20226
  .k-timeselector-sm .k-time-list-item,
@@ -20186,11 +20235,11 @@ kendo-label > .k-label {
20186
20235
 
20187
20236
  .k-timeselector-md .k-time-highlight,
20188
20237
  .k-timeselector-md .k-time-list-highlight {
20189
- height: calc( 20px + 16px);
20238
+ height: 36px;
20190
20239
  }
20191
20240
 
20192
20241
  .k-timeselector-md .k-time-separator {
20193
- height: calc( 20px + 16px);
20242
+ height: 36px;
20194
20243
  }
20195
20244
 
20196
20245
  .k-timeselector-md .k-time-list-item,
@@ -20205,11 +20254,11 @@ kendo-label > .k-label {
20205
20254
 
20206
20255
  .k-timeselector-lg .k-time-highlight,
20207
20256
  .k-timeselector-lg .k-time-list-highlight {
20208
- height: calc( 24px + 16px);
20257
+ height: 40px;
20209
20258
  }
20210
20259
 
20211
20260
  .k-timeselector-lg .k-time-separator {
20212
- height: calc( 24px + 16px);
20261
+ height: 40px;
20213
20262
  }
20214
20263
 
20215
20264
  .k-timeselector-lg .k-time-list-item,
@@ -20413,7 +20462,9 @@ kendo-label > .k-label {
20413
20462
  border-radius: 4px;
20414
20463
  position: relative;
20415
20464
  flex: 1 1 auto;
20416
- user-select: none;
20465
+ -webkit-user-select: none;
20466
+ -ms-user-select: none;
20467
+ user-select: none;
20417
20468
  -ms-touch-action: pinch-zoom double-tap-zoom;
20418
20469
  }
20419
20470
 
@@ -20541,7 +20592,7 @@ kendo-label > .k-label {
20541
20592
  vertical-align: middle;
20542
20593
  }
20543
20594
 
20544
- .k-colorgradient-color-contrast .k-contrast-validation .k-i-check + .k-i-check {
20595
+ .k-colorgradient-color-contrast .k-contrast-validation .k-icon + .k-icon {
20545
20596
  margin-left: -13px;
20546
20597
  }
20547
20598
 
@@ -20660,7 +20711,7 @@ kendo-label > .k-label {
20660
20711
  }
20661
20712
 
20662
20713
  .k-coloreditor-views {
20663
- min-width: calc( var(--kendo-color-preview-width, 24px) * var(--kendo-color-preview-columns, 10));
20714
+ min-width: calc(var(--kendo-color-preview-width, 24px)*var(--kendo-color-preview-columns, 10));
20664
20715
  padding: 12px 12px;
20665
20716
  gap: 12px;
20666
20717
  }
@@ -20709,7 +20760,7 @@ kendo-label > .k-label {
20709
20760
  }
20710
20761
 
20711
20762
  .k-datetime-wrap {
20712
- width: calc( 288px + 32px);
20763
+ width: 320px;
20713
20764
  overflow: hidden;
20714
20765
  }
20715
20766
 
@@ -20726,7 +20777,7 @@ kendo-label > .k-label {
20726
20777
  .k-datetime-calendar-wrap,
20727
20778
  .k-datetime-time-wrap {
20728
20779
  text-align: center;
20729
- flex: 0 0 calc( 288px + 32px);
20780
+ flex: 0 0 320px;
20730
20781
  }
20731
20782
 
20732
20783
  .k-date-tab .k-datetime-selector {
@@ -21146,7 +21197,9 @@ kendo-label > .k-label {
21146
21197
  line-height: 1;
21147
21198
  position: relative;
21148
21199
  cursor: pointer;
21149
- user-select: none;
21200
+ -webkit-user-select: none;
21201
+ -ms-user-select: none;
21202
+ user-select: none;
21150
21203
  -webkit-touch-callout: none;
21151
21204
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
21152
21205
  }
@@ -21226,11 +21279,11 @@ kendo-label > .k-label {
21226
21279
  }
21227
21280
 
21228
21281
  .k-switch-sm.k-switch-on .k-switch-thumb-wrap {
21229
- left: calc( 100% - 8px - -2px);
21282
+ left: calc(100% - 6px);
21230
21283
  }
21231
21284
 
21232
21285
  .k-switch-sm.k-switch-off .k-switch-thumb-wrap {
21233
- left: calc( 8px + -2px);
21286
+ left: 6px;
21234
21287
  }
21235
21288
 
21236
21289
  .k-switch-sm[dir="rtl"] .k-switch-label-on,
@@ -21250,13 +21303,13 @@ kendo-label > .k-label {
21250
21303
  .k-switch-sm[dir="rtl"].k-switch-on .k-switch-thumb-wrap,
21251
21304
  [dir="rtl"] .k-switch-sm.k-switch-on .k-switch-thumb-wrap,
21252
21305
  .k-rtl .k-switch-sm.k-switch-on .k-switch-thumb-wrap {
21253
- left: calc( 8px + -2px);
21306
+ left: 6px;
21254
21307
  }
21255
21308
 
21256
21309
  .k-switch-sm[dir="rtl"].k-switch-off .k-switch-thumb-wrap,
21257
21310
  [dir="rtl"] .k-switch-sm.k-switch-off .k-switch-thumb-wrap,
21258
21311
  .k-rtl .k-switch-sm.k-switch-off .k-switch-thumb-wrap {
21259
- left: calc( 100% - 8px - -2px);
21312
+ left: calc(100% - 6px);
21260
21313
  }
21261
21314
 
21262
21315
  .k-switch-md {
@@ -21283,11 +21336,11 @@ kendo-label > .k-label {
21283
21336
  }
21284
21337
 
21285
21338
  .k-switch-md.k-switch-on .k-switch-thumb-wrap {
21286
- left: calc( 100% - 10px - -3px);
21339
+ left: calc(100% - 7px);
21287
21340
  }
21288
21341
 
21289
21342
  .k-switch-md.k-switch-off .k-switch-thumb-wrap {
21290
- left: calc( 10px + -3px);
21343
+ left: 7px;
21291
21344
  }
21292
21345
 
21293
21346
  .k-switch-md[dir="rtl"] .k-switch-label-on,
@@ -21307,13 +21360,13 @@ kendo-label > .k-label {
21307
21360
  .k-switch-md[dir="rtl"].k-switch-on .k-switch-thumb-wrap,
21308
21361
  [dir="rtl"] .k-switch-md.k-switch-on .k-switch-thumb-wrap,
21309
21362
  .k-rtl .k-switch-md.k-switch-on .k-switch-thumb-wrap {
21310
- left: calc( 10px + -3px);
21363
+ left: 7px;
21311
21364
  }
21312
21365
 
21313
21366
  .k-switch-md[dir="rtl"].k-switch-off .k-switch-thumb-wrap,
21314
21367
  [dir="rtl"] .k-switch-md.k-switch-off .k-switch-thumb-wrap,
21315
21368
  .k-rtl .k-switch-md.k-switch-off .k-switch-thumb-wrap {
21316
- left: calc( 100% - 10px - -3px);
21369
+ left: calc(100% - 7px);
21317
21370
  }
21318
21371
 
21319
21372
  .k-switch-lg {
@@ -21340,11 +21393,11 @@ kendo-label > .k-label {
21340
21393
  }
21341
21394
 
21342
21395
  .k-switch-lg.k-switch-on .k-switch-thumb-wrap {
21343
- left: calc( 100% - 12px - -4px);
21396
+ left: calc(100% - 8px);
21344
21397
  }
21345
21398
 
21346
21399
  .k-switch-lg.k-switch-off .k-switch-thumb-wrap {
21347
- left: calc( 12px + -4px);
21400
+ left: 8px;
21348
21401
  }
21349
21402
 
21350
21403
  .k-switch-lg[dir="rtl"] .k-switch-label-on,
@@ -21364,13 +21417,13 @@ kendo-label > .k-label {
21364
21417
  .k-switch-lg[dir="rtl"].k-switch-on .k-switch-thumb-wrap,
21365
21418
  [dir="rtl"] .k-switch-lg.k-switch-on .k-switch-thumb-wrap,
21366
21419
  .k-rtl .k-switch-lg.k-switch-on .k-switch-thumb-wrap {
21367
- left: calc( 12px + -4px);
21420
+ left: 8px;
21368
21421
  }
21369
21422
 
21370
21423
  .k-switch-lg[dir="rtl"].k-switch-off .k-switch-thumb-wrap,
21371
21424
  [dir="rtl"] .k-switch-lg.k-switch-off .k-switch-thumb-wrap,
21372
21425
  .k-rtl .k-switch-lg.k-switch-off .k-switch-thumb-wrap {
21373
- left: calc( 100% - 12px - -4px);
21426
+ left: calc(100% - 8px);
21374
21427
  }
21375
21428
 
21376
21429
  .k-switch[dir="rtl"] .k-switch-thumb,
@@ -21593,7 +21646,7 @@ kendo-label > .k-label {
21593
21646
  }
21594
21647
 
21595
21648
  .k-upload .k-upload-files .k-file {
21596
- padding: 16px 16px calc(16px + 2px);
21649
+ padding: 16px 16px 18px;
21597
21650
  border-width: 0 0 1px;
21598
21651
  border-style: solid;
21599
21652
  outline: none;
@@ -21703,7 +21756,7 @@ kendo-label > .k-label {
21703
21756
 
21704
21757
  .k-upload .k-upload-files .k-file-invalid-extension-wrapper + .k-file-name-size-wrapper,
21705
21758
  .k-upload .k-upload-files .k-file-single > .k-file-extension-wrapper + .k-file-name-size-wrapper {
21706
- margin-left: calc( 24px + 1em);
21759
+ margin-left: calc(24px + 1em);
21707
21760
  min-height: 38px;
21708
21761
  display: block;
21709
21762
  overflow: hidden;
@@ -21711,7 +21764,7 @@ kendo-label > .k-label {
21711
21764
 
21712
21765
  .k-upload .k-upload-files .k-multiple-files-invalid-extension-wrapper + .k-file-name-size-wrapper,
21713
21766
  .k-upload .k-upload-files .k-multiple-files-extension-wrapper + .k-file-name-size-wrapper {
21714
- margin-left: calc( 24px + 1em);
21767
+ margin-left: calc(24px + 1em);
21715
21768
  }
21716
21769
 
21717
21770
  .k-upload .k-upload-files .k-file-extension-wrapper + .k-file-name-size-wrapper {
@@ -21829,7 +21882,7 @@ kendo-label > .k-label {
21829
21882
  height: 2px;
21830
21883
  position: absolute;
21831
21884
  bottom: 8px;
21832
- width: calc(100% - 16px * 2);
21885
+ width: calc(100% - 32px);
21833
21886
  }
21834
21887
 
21835
21888
  .k-upload .k-progressbar .k-progress {
@@ -23014,7 +23067,7 @@ kendo-label > .k-label {
23014
23067
 
23015
23068
  .k-window-actions {
23016
23069
  margin: -5em 0;
23017
- margin-inline-end: calc( 16px - 24px);
23070
+ margin-inline-end: -8px;
23018
23071
  line-height: 1;
23019
23072
  display: flex;
23020
23073
  flex-flow: row nowrap;
@@ -23373,7 +23426,7 @@ kendo-drawer .k-drawer-wrapper {
23373
23426
  }
23374
23427
 
23375
23428
  .k-drawer-mini .k-drawer-wrapper {
23376
- width: calc(2 * 16px + 16px);
23429
+ width: 48px;
23377
23430
  }
23378
23431
 
23379
23432
  .k-rtl.k-drawer-mini .k-drawer-start,
@@ -23548,7 +23601,8 @@ kendo-drawer .k-drawer-wrapper {
23548
23601
  flex: none;
23549
23602
  }
23550
23603
 
23551
- .k-notification-wrap > .k-i-close {
23604
+ .k-notification-wrap > .k-i-close,
23605
+ .k-notification-wrap > .k-i-x {
23552
23606
  margin-right: 0;
23553
23607
  margin-left: 8px;
23554
23608
  flex: none;
@@ -23566,7 +23620,9 @@ kendo-drawer .k-drawer-wrapper {
23566
23620
  }
23567
23621
 
23568
23622
  .k-rtl .k-notification .k-notification-wrap > .k-i-close,
23569
- [dir="rtl"] .k-notification .k-notification-wrap > .k-i-close {
23623
+ .k-rtl .k-notification .k-notification-wrap > .k-i-x,
23624
+ [dir="rtl"] .k-notification .k-notification-wrap > .k-i-close,
23625
+ [dir="rtl"] .k-notification .k-notification-wrap > .k-i-x {
23570
23626
  margin-left: 0;
23571
23627
  margin-right: 8px;
23572
23628
  }
@@ -23577,7 +23633,8 @@ kendo-drawer .k-drawer-wrapper {
23577
23633
  background-color: white;
23578
23634
  }
23579
23635
 
23580
- .k-notification-wrap > .k-i-close {
23636
+ .k-notification-wrap > .k-i-close,
23637
+ .k-notification-wrap > .k-i-x {
23581
23638
  color: inherit;
23582
23639
  }
23583
23640
 
@@ -23677,7 +23734,7 @@ kendo-card-footer {
23677
23734
  }
23678
23735
 
23679
23736
  .k-card > .k-card-inner {
23680
- border-radius: calc( 4px - 0px);
23737
+ border-radius: 4px;
23681
23738
  display: flex;
23682
23739
  flex-direction: inherit;
23683
23740
  overflow: hidden;
@@ -24321,7 +24378,7 @@ kendo-card-footer {
24321
24378
  .k-bottom-nav-item {
24322
24379
  padding: 0 8px;
24323
24380
  min-width: 72px;
24324
- min-height: calc( 40px + 16px - 0px);
24381
+ min-height: 56px;
24325
24382
  border-width: 0;
24326
24383
  box-sizing: border-box;
24327
24384
  font: inherit;
@@ -24821,6 +24878,10 @@ kendo-card-footer {
24821
24878
  z-index: 3;
24822
24879
  }
24823
24880
 
24881
+ .k-rtl .k-pager-wrap .k-i-caret-alt-to-left,
24882
+ .k-rtl .k-pager-wrap .k-i-caret-alt-to-right,
24883
+ .k-rtl .k-pager-wrap .k-i-caret-alt-left,
24884
+ .k-rtl .k-pager-wrap .k-i-caret-alt-right,
24824
24885
  .k-rtl .k-pager-wrap .k-i-arrow-end-left,
24825
24886
  .k-rtl .k-pager-wrap .k-i-arrow-60-left,
24826
24887
  .k-rtl .k-pager-wrap .k-i-arrow-60-right,
@@ -24828,7 +24889,11 @@ kendo-card-footer {
24828
24889
  .k-rtl .k-pager-wrap .k-i-seek-w,
24829
24890
  .k-rtl .k-pager-wrap .k-i-arrow-w,
24830
24891
  .k-rtl .k-pager-wrap .k-i-arrow-e,
24831
- .k-rtl .k-pager-wrap .k-i-seek-e, .k-pager-wrap[dir="rtl"] .k-i-arrow-end-left,
24892
+ .k-rtl .k-pager-wrap .k-i-seek-e, .k-pager-wrap[dir="rtl"] .k-i-caret-alt-to-left,
24893
+ .k-pager-wrap[dir="rtl"] .k-i-caret-alt-to-right,
24894
+ .k-pager-wrap[dir="rtl"] .k-i-caret-alt-left,
24895
+ .k-pager-wrap[dir="rtl"] .k-i-caret-alt-right,
24896
+ .k-pager-wrap[dir="rtl"] .k-i-arrow-end-left,
24832
24897
  .k-pager-wrap[dir="rtl"] .k-i-arrow-60-left,
24833
24898
  .k-pager-wrap[dir="rtl"] .k-i-arrow-60-right,
24834
24899
  .k-pager-wrap[dir="rtl"] .k-i-arrow-end-right,
@@ -24836,6 +24901,10 @@ kendo-card-footer {
24836
24901
  .k-pager-wrap[dir="rtl"] .k-i-arrow-w,
24837
24902
  .k-pager-wrap[dir="rtl"] .k-i-arrow-e,
24838
24903
  .k-pager-wrap[dir="rtl"] .k-i-seek-e,
24904
+ [dir="rtl"] .k-pager-wrap .k-i-caret-alt-to-left,
24905
+ [dir="rtl"] .k-pager-wrap .k-i-caret-alt-to-right,
24906
+ [dir="rtl"] .k-pager-wrap .k-i-caret-alt-left,
24907
+ [dir="rtl"] .k-pager-wrap .k-i-caret-alt-right,
24839
24908
  [dir="rtl"] .k-pager-wrap .k-i-arrow-end-left,
24840
24909
  [dir="rtl"] .k-pager-wrap .k-i-arrow-60-left,
24841
24910
  [dir="rtl"] .k-pager-wrap .k-i-arrow-60-right,
@@ -24844,6 +24913,14 @@ kendo-card-footer {
24844
24913
  [dir="rtl"] .k-pager-wrap .k-i-arrow-w,
24845
24914
  [dir="rtl"] .k-pager-wrap .k-i-arrow-e,
24846
24915
  [dir="rtl"] .k-pager-wrap .k-i-seek-e, .k-rtl
24916
+ .k-pager .k-i-caret-alt-to-left,
24917
+ .k-rtl
24918
+ .k-pager .k-i-caret-alt-to-right,
24919
+ .k-rtl
24920
+ .k-pager .k-i-caret-alt-left,
24921
+ .k-rtl
24922
+ .k-pager .k-i-caret-alt-right,
24923
+ .k-rtl
24847
24924
  .k-pager .k-i-arrow-end-left,
24848
24925
  .k-rtl
24849
24926
  .k-pager .k-i-arrow-60-left,
@@ -24859,6 +24936,10 @@ kendo-card-footer {
24859
24936
  .k-pager .k-i-arrow-e,
24860
24937
  .k-rtl
24861
24938
  .k-pager .k-i-seek-e,
24939
+ .k-pager[dir="rtl"] .k-i-caret-alt-to-left,
24940
+ .k-pager[dir="rtl"] .k-i-caret-alt-to-right,
24941
+ .k-pager[dir="rtl"] .k-i-caret-alt-left,
24942
+ .k-pager[dir="rtl"] .k-i-caret-alt-right,
24862
24943
  .k-pager[dir="rtl"] .k-i-arrow-end-left,
24863
24944
  .k-pager[dir="rtl"] .k-i-arrow-60-left,
24864
24945
  .k-pager[dir="rtl"] .k-i-arrow-60-right,
@@ -24868,6 +24949,14 @@ kendo-card-footer {
24868
24949
  .k-pager[dir="rtl"] .k-i-arrow-e,
24869
24950
  .k-pager[dir="rtl"] .k-i-seek-e,
24870
24951
  [dir="rtl"]
24952
+ .k-pager .k-i-caret-alt-to-left,
24953
+ [dir="rtl"]
24954
+ .k-pager .k-i-caret-alt-to-right,
24955
+ [dir="rtl"]
24956
+ .k-pager .k-i-caret-alt-left,
24957
+ [dir="rtl"]
24958
+ .k-pager .k-i-caret-alt-right,
24959
+ [dir="rtl"]
24871
24960
  .k-pager .k-i-arrow-end-left,
24872
24961
  [dir="rtl"]
24873
24962
  .k-pager .k-i-arrow-60-left,
@@ -24895,8 +24984,8 @@ kendo-card-footer {
24895
24984
  }
24896
24985
 
24897
24986
  .k-pager-nav, .k-pager-numbers .k-link, .k-pager-refresh {
24898
- min-width: calc( 1.4285714286em + 16px + 2px);
24899
- height: calc( 1.4285714286em + 16px + 2px);
24987
+ min-width: calc(1.4285714286em + 18px);
24988
+ height: calc(1.4285714286em + 18px);
24900
24989
  color: inherit;
24901
24990
  text-align: center;
24902
24991
  display: inline-flex;
@@ -25038,7 +25127,7 @@ kendo-card-footer {
25038
25127
  .k-pager-sm .k-pager-numbers-wrap {
25039
25128
  margin-left: 8px;
25040
25129
  margin-right: 8px;
25041
- height: calc( 1.4285714286em + 16px + 2px);
25130
+ height: calc(1.4285714286em + 18px);
25042
25131
  border-color: inherit;
25043
25132
  }
25044
25133
 
@@ -25218,10 +25307,10 @@ kendo-card-footer {
25218
25307
  pointer-events: none;
25219
25308
  display: none;
25220
25309
  position: absolute;
25221
- top: calc( -1 * calc( 1px + 3px));
25222
- right: calc( -1 * calc( 1px + 3px));
25223
- bottom: calc( -1 * calc( 1px + 3px));
25224
- left: calc( -1 * calc( 1px + 3px));
25310
+ top: -4px;
25311
+ right: -4px;
25312
+ bottom: -4px;
25313
+ left: -4px;
25225
25314
  z-index: 2;
25226
25315
  }
25227
25316
 
@@ -25247,7 +25336,7 @@ kendo-card-footer {
25247
25336
  }
25248
25337
 
25249
25338
  .k-stepper .k-step-label .k-step-text {
25250
- max-width: calc(10em - (16px + 8px));
25339
+ max-width: calc(10em - 24px);
25251
25340
  flex-grow: 1;
25252
25341
  white-space: nowrap;
25253
25342
  text-overflow: ellipsis;
@@ -25318,13 +25407,13 @@ kendo-card-footer {
25318
25407
  }
25319
25408
 
25320
25409
  .k-step-list-horizontal .k-step-indicator + .k-step-label {
25321
- margin-top: calc(8px - 3px);
25410
+ margin-top: 5px;
25322
25411
  }
25323
25412
 
25324
25413
  .k-step-list-horizontal ~ .k-progressbar {
25325
25414
  width: 100%;
25326
25415
  height: 2px;
25327
- top: calc(((28px + 2 * 2px) / 2) + 2px / 2);
25416
+ top: 17px;
25328
25417
  }
25329
25418
 
25330
25419
  .k-step-list-vertical {
@@ -25332,7 +25421,7 @@ kendo-card-footer {
25332
25421
  }
25333
25422
 
25334
25423
  .k-step-list-vertical .k-step {
25335
- min-height: calc((28px + 2 * 1px + 2 * 2px) + 20px);
25424
+ min-height: 54px;
25336
25425
  }
25337
25426
 
25338
25427
  .k-step-list-vertical .k-step-label {
@@ -25347,7 +25436,7 @@ kendo-card-footer {
25347
25436
  width: 2px;
25348
25437
  height: 100%;
25349
25438
  min-height: 20px;
25350
- left: calc((28px + 2 * 1px + 2 * 2px) / 2);
25439
+ left: 17px;
25351
25440
  }
25352
25441
 
25353
25442
  .k-step-list-vertical .k-step-content {
@@ -25386,7 +25475,7 @@ kendo-card-footer {
25386
25475
  .k-rtl .k-stepper .k-step-list-vertical ~ .k-progressbar,
25387
25476
  .k-stepper[dir="rtl"] .k-step-list-vertical ~ .k-progressbar {
25388
25477
  left: auto;
25389
- right: calc((28px + 2 * 1px + 2 * 2px) / 2);
25478
+ right: 17px;
25390
25479
  }
25391
25480
 
25392
25481
  .k-step-current .k-step-label {
@@ -25929,7 +26018,7 @@ kendo-card-footer {
25929
26018
 
25930
26019
  .k-wizard .k-wizard-step {
25931
26020
  box-sizing: border-box;
25932
- padding: calc(8px + 2px);
26021
+ padding: 10px;
25933
26022
  width: 100%;
25934
26023
  display: flex;
25935
26024
  flex-direction: column;
@@ -26159,7 +26248,9 @@ kendo-card-footer {
26159
26248
  align-items: center;
26160
26249
  align-content: center;
26161
26250
  position: relative;
26162
- user-select: none;
26251
+ -webkit-user-select: none;
26252
+ -ms-user-select: none;
26253
+ user-select: none;
26163
26254
  cursor: default;
26164
26255
  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;
26165
26256
  }
@@ -26196,7 +26287,9 @@ kendo-card-footer {
26196
26287
  align-items: center;
26197
26288
  align-content: center;
26198
26289
  position: relative;
26199
- user-select: none;
26290
+ -webkit-user-select: none;
26291
+ -ms-user-select: none;
26292
+ user-select: none;
26200
26293
  cursor: default;
26201
26294
  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;
26202
26295
  }
@@ -26234,7 +26327,7 @@ kendo-card-footer {
26234
26327
  .k-panelbar .k-group .k-panelbar-expand,
26235
26328
  .k-panelbar .k-group .k-panelbar-collapse,
26236
26329
  .k-panelbar .k-panelbar-group .k-panelbar-toggle {
26237
- margin-inline-end: calc( 24px - 24px);
26330
+ margin-inline-end: 0px;
26238
26331
  }
26239
26332
 
26240
26333
  .k-rtl .k-panelbar .k-group > .k-item.k-level-1 .k-link,
@@ -26278,7 +26371,7 @@ kendo-card-footer {
26278
26371
  .k-ie .k-group .k-panelbar-expand,
26279
26372
  .k-ie .k-group .k-panelbar-collapse,
26280
26373
  .k-ie .k-panelbar-group .k-panelbar-toggle {
26281
- margin-right: calc( 24px - 24px);
26374
+ margin-right: 0px;
26282
26375
  }
26283
26376
 
26284
26377
  .k-rtl .k-ie .k-panelbar-expand,
@@ -26299,7 +26392,7 @@ kendo-card-footer {
26299
26392
  .k-ie.k-rtl .k-panelbar-group .k-panelbar-toggle, .k-ie[dir="rtl"] .k-group .k-panelbar-expand,
26300
26393
  .k-ie[dir="rtl"] .k-group .k-panelbar-collapse,
26301
26394
  .k-ie[dir="rtl"] .k-panelbar-group .k-panelbar-toggle {
26302
- margin-left: calc( 24px - 24px);
26395
+ margin-left: 0px;
26303
26396
  }
26304
26397
 
26305
26398
  .k-panelbar {
@@ -26594,7 +26687,6 @@ kendo-card-footer {
26594
26687
  outline: 0;
26595
26688
  position: absolute;
26596
26689
  -webkit-user-select: none;
26597
- -moz-user-select: none;
26598
26690
  -ms-user-select: none;
26599
26691
  user-select: none;
26600
26692
  display: flex;
@@ -26851,7 +26943,9 @@ kendo-card-footer {
26851
26943
  .k-pane-wrapper .k-pane {
26852
26944
  width: 100%;
26853
26945
  height: 100%;
26854
- user-select: none;
26946
+ -webkit-user-select: none;
26947
+ -ms-user-select: none;
26948
+ user-select: none;
26855
26949
  box-sizing: border-box;
26856
26950
  font-family: sans-serif;
26857
26951
  overflow-x: hidden;
@@ -26933,8 +27027,8 @@ kendo-card-footer {
26933
27027
  .k-grid-mobile .k-header a {
26934
27028
  -webkit-touch-callout: none;
26935
27029
  -webkit-user-select: none;
26936
- -moz-user-select: none;
26937
- user-select: none;
27030
+ -ms-user-select: none;
27031
+ user-select: none;
26938
27032
  -webkit-user-drag: none;
26939
27033
  -moz-user-drag: none;
26940
27034
  }
@@ -27113,7 +27207,8 @@ kendo-card-footer {
27113
27207
  border-radius: 50%;
27114
27208
  }
27115
27209
 
27116
- .k-scheduler-mobile .k-task .k-i-reload {
27210
+ .k-scheduler-mobile .k-task .k-i-reload,
27211
+ .k-scheduler-mobile .k-task .k-i-arrow-rotate-cw {
27117
27212
  font-size: 1em;
27118
27213
  margin-right: .5em;
27119
27214
  }
@@ -27133,7 +27228,8 @@ kendo-card-footer {
27133
27228
  .k-scheduler-mobile .k-scheduler-times .k-scheduler-groupcolumn .k-scheduler-group-text,
27134
27229
  .k-scheduler-mobile .k-scheduler-agenda .k-scheduler-group-cell .k-scheduler-group-text,
27135
27230
  .k-scheduler-mobile .k-scheduler-agenda .k-scheduler-groupcolumn .k-scheduler-group-text {
27136
- writing-mode: vertical-lr;
27231
+ -ms-writing-mode: tb-lr;
27232
+ writing-mode: vertical-lr;
27137
27233
  transform: rotate(180deg);
27138
27234
  white-space: nowrap;
27139
27235
  }
@@ -27496,7 +27592,7 @@ kendo-card-footer {
27496
27592
  }
27497
27593
 
27498
27594
  .k-grid .k-grouping-row .k-icon {
27499
- margin-left: calc( 8px - 24px);
27595
+ margin-left: -16px;
27500
27596
  margin-right: 8px;
27501
27597
  text-decoration: none;
27502
27598
  }
@@ -27665,7 +27761,7 @@ kendo-card-footer {
27665
27761
  .k-grid[dir="rtl"] .k-grid-header .k-filterable,
27666
27762
  .k-rtl .k-grid .k-grid-header .k-with-icon,
27667
27763
  .k-rtl .k-grid .k-grid-header .k-filterable {
27668
- padding-left: calc( calc( 1.4285714286em + 16px + 2px) + 14px);
27764
+ padding-left: calc(1.4285714286em + 32px);
27669
27765
  padding-right: 24px;
27670
27766
  }
27671
27767
 
@@ -27723,7 +27819,7 @@ kendo-card-footer {
27723
27819
  .k-grid[dir="rtl"] .k-grouping-row .k-icon,
27724
27820
  .k-rtl .k-grid .k-grouping-row .k-icon {
27725
27821
  margin-left: 8px;
27726
- margin-right: calc( 8px - 24px);
27822
+ margin-right: -16px;
27727
27823
  }
27728
27824
 
27729
27825
  .k-grid[dir="rtl"] .k-column-resizer,
@@ -27800,7 +27896,7 @@ kendo-card-footer {
27800
27896
 
27801
27897
  .k-grouping-header::before {
27802
27898
  content: "";
27803
- height: calc( 1.4285714286em + 16px + 2px);
27899
+ height: calc(1.4285714286em + 18px);
27804
27900
  display: inline-block;
27805
27901
  vertical-align: middle;
27806
27902
  }
@@ -27830,7 +27926,7 @@ kendo-card-footer {
27830
27926
  }
27831
27927
 
27832
27928
  .k-group-indicator {
27833
- border-radius: calc( 14px + 8px);
27929
+ border-radius: 22px;
27834
27930
  margin: 0;
27835
27931
  padding: 8px 16px;
27836
27932
  border-width: 1px;
@@ -27879,9 +27975,9 @@ kendo-card-footer {
27879
27975
 
27880
27976
  .k-grouping-dropclue {
27881
27977
  width: 12px;
27882
- height: calc( 28px + 8px);
27978
+ height: 36px;
27883
27979
  position: absolute;
27884
- top: calc( ( calc( 1.4285714286em + 16px + 2px) + 16px - calc( 28px + 8px) ) / 2);
27980
+ top: calc(0.7142857143em - 1px);
27885
27981
  box-sizing: content-box;
27886
27982
  }
27887
27983
 
@@ -27904,7 +28000,7 @@ kendo-card-footer {
27904
28000
  width: 2px;
27905
28001
  height: calc(100% - 6px);
27906
28002
  top: 6px;
27907
- left: calc( 6px - 1px);
28003
+ left: 5px;
27908
28004
  }
27909
28005
 
27910
28006
  .k-grid-header-wrap,
@@ -27958,7 +28054,9 @@ div.k-grid-footer {
27958
28054
  }
27959
28055
 
27960
28056
  .k-grid-header.k-grid-draggable-header {
27961
- user-select: none;
28057
+ -webkit-user-select: none;
28058
+ -ms-user-select: none;
28059
+ user-select: none;
27962
28060
  touch-action: none;
27963
28061
  }
27964
28062
 
@@ -27993,12 +28091,12 @@ div.k-grid-footer {
27993
28091
 
27994
28092
  .k-grid-header .k-with-icon,
27995
28093
  .k-grid-header .k-filterable {
27996
- padding-right: calc( calc( 1.4285714286em + 16px + 2px) + 14px);
28094
+ padding-right: calc(1.4285714286em + 32px);
27997
28095
  }
27998
28096
 
27999
28097
  .k-ie .k-grid-header .k-with-icon, .k-ie
28000
28098
  .k-grid-header .k-filterable {
28001
- padding-right: calc( calc( 1.4285714286em + 16px + 2px) + 14px);
28099
+ padding-right: calc(1.4285714286em + 32px);
28002
28100
  }
28003
28101
 
28004
28102
  .k-grid-header .k-header > .k-link:focus {
@@ -28009,8 +28107,8 @@ div.k-grid-footer {
28009
28107
  .k-grid-header .k-header-column-menu,
28010
28108
  .k-grid-header .k-grid-header-menu {
28011
28109
  padding: 8px;
28012
- width: calc( 1.4285714286em + 16px + 2px);
28013
- height: calc( 1.4285714286em + 16px + 2px);
28110
+ width: calc(1.4285714286em + 18px);
28111
+ height: calc(1.4285714286em + 18px);
28014
28112
  box-sizing: border-box;
28015
28113
  outline: 0;
28016
28114
  line-height: 2;
@@ -28020,7 +28118,7 @@ div.k-grid-footer {
28020
28118
  justify-content: center;
28021
28119
  position: absolute;
28022
28120
  right: 14px;
28023
- bottom: calc( 16px + 1em - calc( 1.4285714286em + 16px)/2);
28121
+ bottom: calc(8px + 0.2857142857em);
28024
28122
  z-index: 1;
28025
28123
  }
28026
28124
 
@@ -28030,7 +28128,7 @@ div.k-grid-footer {
28030
28128
  cursor: pointer;
28031
28129
  }
28032
28130
 
28033
- .k-grid-header .k-cell-inner > .k-link > .k-icon.k-i-sort-desc-sm, .k-grid-header .k-cell-inner > .k-link > .k-icon.k-i-sort-asc-sm {
28131
+ .k-grid-header .k-cell-inner > .k-link > .k-icon.k-i-sort-desc-sm, .k-grid-header .k-cell-inner > .k-link > .k-icon.k-i-sort-asc-sm, .k-grid-header .k-cell-inner > .k-link > .k-icon.k-i-sort-asc-small, .k-grid-header .k-cell-inner > .k-link > .k-icon.k-i-sort-desc-small {
28034
28132
  vertical-align: text-top;
28035
28133
  margin-inline-start: 4px;
28036
28134
  }
@@ -28444,7 +28542,7 @@ div.k-grid-norecords {
28444
28542
  }
28445
28543
 
28446
28544
  .k-filterable > .k-cell-inner {
28447
- margin-inline-end: calc(-1 * calc( calc( 1.4285714286em + 16px + 2px) + 14px));
28545
+ margin-inline-end: calc(-1.4285714286em + -32px);
28448
28546
  }
28449
28547
 
28450
28548
  .k-filterable > .k-cell-inner .k-link {
@@ -28766,7 +28864,9 @@ div.k-grid-norecords {
28766
28864
  display: flex;
28767
28865
  flex: 0 0 auto;
28768
28866
  position: relative;
28769
- user-select: none;
28867
+ -webkit-user-select: none;
28868
+ -ms-user-select: none;
28869
+ user-select: none;
28770
28870
  }
28771
28871
 
28772
28872
  .k-column-menu-group-header-text {
@@ -28860,8 +28960,8 @@ div.k-grid-norecords {
28860
28960
 
28861
28961
  .k-grouping-dropclue {
28862
28962
  width: 0;
28863
- height: calc( 28px + 8px);
28864
- top: calc( ( calc( 1.4285714286em + 16px + 2px) + 16px - calc( 28px + 8px) ) / 2);
28963
+ height: 36px;
28964
+ top: calc(0.7142857143em - 1px);
28865
28965
  border-style: solid;
28866
28966
  border-width: 0 2px 0 0;
28867
28967
  }
@@ -29037,6 +29137,8 @@ th.k-sorted {
29037
29137
 
29038
29138
  .k-grid-header .k-i-sort-asc-sm,
29039
29139
  .k-grid-header .k-i-sort-desc-sm,
29140
+ .k-grid-header .k-i-sort-asc-small,
29141
+ .k-grid-header .k-i-sort-desc-small,
29040
29142
  .k-grid-header .k-sort-order {
29041
29143
  color: rgba(0, 0, 0, 0.54);
29042
29144
  }
@@ -29979,7 +30081,6 @@ thead.k-grid-header > tr:not(:only-child) > th {
29979
30081
  border-color: inherit;
29980
30082
  box-sizing: border-box;
29981
30083
  -webkit-user-select: none;
29982
- -moz-user-select: none;
29983
30084
  -ms-user-select: none;
29984
30085
  user-select: none;
29985
30086
  position: absolute;
@@ -30303,12 +30404,12 @@ thead.k-grid-header > tr:not(:only-child) > th {
30303
30404
 
30304
30405
  .k-spreadsheet-filter-menu > .k-menu .k-link,
30305
30406
  .k-spreadsheet-filter-menu > .k-menu.k-menu-vertical .k-link {
30306
- padding-left: calc( 16px + 8px);
30407
+ padding-left: 24px;
30307
30408
  }
30308
30409
 
30309
30410
  .k-spreadsheet-filter-menu > .k-menu .k-icon,
30310
30411
  .k-spreadsheet-filter-menu > .k-menu.k-menu-vertical .k-icon {
30311
- margin-left: calc(-1 * ( 16px + 4px ));
30412
+ margin-left: -20px;
30312
30413
  margin-right: 4px;
30313
30414
  }
30314
30415
 
@@ -31035,7 +31136,9 @@ thead.k-grid-header > tr:not(:only-child) > th {
31035
31136
  border-style: solid;
31036
31137
  box-sizing: border-box;
31037
31138
  cursor: pointer;
31038
- user-select: none;
31139
+ -webkit-user-select: none;
31140
+ -ms-user-select: none;
31141
+ user-select: none;
31039
31142
  }
31040
31143
 
31041
31144
  .k-flex-row .k-pivotgrid-configurator-button, .k-d-flex-row .k-pivotgrid-configurator-button,
@@ -31046,7 +31149,8 @@ thead.k-grid-header > tr:not(:only-child) > th {
31046
31149
 
31047
31150
  .k-flex-row .k-pivotgrid-configurator-button span, .k-d-flex-row .k-pivotgrid-configurator-button span,
31048
31151
  .k-flex-row-reverse .k-pivotgrid-configurator-button span {
31049
- writing-mode: vertical-rl;
31152
+ -ms-writing-mode: tb-rl;
31153
+ writing-mode: vertical-rl;
31050
31154
  }
31051
31155
 
31052
31156
  .k-flex-row .k-pivotgrid-configurator-button .k-icon, .k-d-flex-row .k-pivotgrid-configurator-button .k-icon,
@@ -31071,19 +31175,19 @@ thead.k-grid-header > tr:not(:only-child) > th {
31071
31175
  }
31072
31176
 
31073
31177
  .k-flex-row .k-pivotgrid-configurator-overlay, .k-d-flex-row .k-pivotgrid-configurator-overlay {
31074
- right: calc( 2em + 8px + 2px);
31178
+ right: calc(2em + 10px);
31075
31179
  }
31076
31180
 
31077
31181
  .k-flex-row-reverse .k-pivotgrid-configurator-overlay {
31078
- left: calc( 2em + 8px + 2px);
31182
+ left: calc(2em + 10px);
31079
31183
  }
31080
31184
 
31081
31185
  .k-flex-col .k-pivotgrid-configurator-overlay, .k-d-flex-col .k-pivotgrid-configurator-overlay, .k-flex-column .k-pivotgrid-configurator-overlay {
31082
- bottom: calc( 2em + 8px + 2px);
31186
+ bottom: calc(2em + 10px);
31083
31187
  }
31084
31188
 
31085
31189
  .k-flex-col-reverse .k-pivotgrid-configurator-overlay, .k-flex-column-reverse .k-pivotgrid-configurator-overlay {
31086
- top: calc( 2em + 8px + 2px);
31190
+ top: calc(2em + 10px);
31087
31191
  }
31088
31192
 
31089
31193
  .k-pivotgrid-configurator-header {
@@ -31879,7 +31983,7 @@ thead.k-grid-header > tr:not(:only-child) > th {
31879
31983
  content: "";
31880
31984
  position: absolute;
31881
31985
  width: 1px;
31882
- top: calc(-8px - 1px);
31986
+ top: -9px;
31883
31987
  bottom: 50%;
31884
31988
  left: -8px;
31885
31989
  }
@@ -32066,7 +32170,7 @@ thead.k-grid-header > tr:not(:only-child) > th {
32066
32170
  .k-filemanager-preview {
32067
32171
  padding: 48px 16px 16px;
32068
32172
  width: 20%;
32069
- min-height: calc( 64px + 192px + 48px);
32173
+ min-height: 304px;
32070
32174
  border-width: 0;
32071
32175
  border-left-width: 1px;
32072
32176
  border-style: solid;
@@ -32625,8 +32729,8 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
32625
32729
 
32626
32730
  .k-editor-toolbar .k-tool {
32627
32731
  padding: 8px;
32628
- width: calc( 1.4285714286em + 16px + 2px);
32629
- height: calc( 1.4285714286em + 16px + 2px);
32732
+ width: calc(1.4285714286em + 18px);
32733
+ height: calc(1.4285714286em + 18px);
32630
32734
  }
32631
32735
 
32632
32736
  .k-editor-toolbar .k-tool-text {
@@ -32688,7 +32792,9 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
32688
32792
  float: left;
32689
32793
  opacity: 1;
32690
32794
  cursor: text;
32691
- user-select: none;
32795
+ -webkit-user-select: none;
32796
+ -ms-user-select: none;
32797
+ user-select: none;
32692
32798
  }
32693
32799
 
32694
32800
  td.k-editor-content {
@@ -32748,7 +32854,8 @@ td.k-editor-content {
32748
32854
  cursor: se-resize;
32749
32855
  }
32750
32856
 
32751
- .k-editor .k-resize-handle .k-i-arrow-45-down-right {
32857
+ .k-editor .k-resize-handle .k-i-arrow-45-down-right,
32858
+ .k-editor .k-resize-handle .k-i-caret-br {
32752
32859
  display: none;
32753
32860
  }
32754
32861
 
@@ -32798,7 +32905,7 @@ td.k-editor-content {
32798
32905
 
32799
32906
  .k-editor-dialog .k-edit-label {
32800
32907
  width: 30%;
32801
- padding: calc( 4px + 1px) 0;
32908
+ padding: 5px 0;
32802
32909
  }
32803
32910
 
32804
32911
  .k-editor-dialog .k-edit-field {
@@ -33147,7 +33254,7 @@ td.k-editor-content {
33147
33254
  }
33148
33255
 
33149
33256
  .k-editor-dialog .k-edit-label {
33150
- padding: calc( 4px - 1px) 0;
33257
+ padding: 3px 0;
33151
33258
  margin: 0 0 -.5em;
33152
33259
  width: auto;
33153
33260
  font-size: 12px;
@@ -33268,7 +33375,7 @@ td.k-editor-content {
33268
33375
 
33269
33376
  .k-imageeditor-action-pane {
33270
33377
  padding: 32px 16px;
33271
- width: calc(240px + 1px);
33378
+ width: 241px;
33272
33379
  border-width: 0;
33273
33380
  border-left-width: 1px;
33274
33381
  border-style: solid;
@@ -33316,14 +33423,14 @@ td.k-editor-content {
33316
33423
 
33317
33424
  .k-imageeditor-crop .k-resize-n,
33318
33425
  .k-imageeditor-crop .k-resize-s {
33319
- left: calc( 50% - (7.5px));
33426
+ left: calc(50% - 7.5px);
33320
33427
  width: 15px;
33321
33428
  height: 0;
33322
33429
  }
33323
33430
 
33324
33431
  .k-imageeditor-crop .k-resize-w,
33325
33432
  .k-imageeditor-crop .k-resize-e {
33326
- top: calc( 50% - (7.5px));
33433
+ top: calc(50% - 7.5px);
33327
33434
  width: 0;
33328
33435
  height: 15px;
33329
33436
  }
@@ -33374,7 +33481,7 @@ td.k-editor-content {
33374
33481
  .k-imageeditor-canvas {
33375
33482
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.09) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.09) 75%, rgba(0, 0, 0, 0.09) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.09) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.09) 75%, rgba(0, 0, 0, 0.09) 0), white;
33376
33483
  background-repeat: repeat, repeat;
33377
- background-position: 0px 0px, calc(10px / 2) calc(10px / 2);
33484
+ background-position: 0px 0px, 5px 5px;
33378
33485
  transform-origin: 0 0 0;
33379
33486
  background-origin: padding-box, padding-box;
33380
33487
  background-size: 10px 10px, 10px 10px;
@@ -33419,7 +33526,7 @@ td.k-editor-content {
33419
33526
  }
33420
33527
 
33421
33528
  .k-gantt .k-grid-header tr {
33422
- height: calc( 2em + 32px + 1px);
33529
+ height: calc(2em + 33px);
33423
33530
  }
33424
33531
 
33425
33532
  .k-gantt .k-grid-header .k-header {
@@ -33431,11 +33538,11 @@ td.k-editor-content {
33431
33538
  }
33432
33539
 
33433
33540
  .k-gantt .k-grid-content tr {
33434
- height: calc( 2em + 20px + 1px);
33541
+ height: calc(2em + 21px);
33435
33542
  }
33436
33543
 
33437
33544
  .k-gantt.k-gantt-planned .k-grid-content tr {
33438
- height: calc( 3.4em + 20px + 1px);
33545
+ height: calc(3.4em + 21px);
33439
33546
  }
33440
33547
 
33441
33548
  .k-gantt .k-gantt-layout {
@@ -33602,8 +33709,8 @@ td.k-editor-content {
33602
33709
  .k-gantt-toolbar .k-gantt-pdf,
33603
33710
  .k-gantt-toolbar .k-gantt-create {
33604
33711
  padding: 8px;
33605
- width: calc( 1.4285714286em + 16px + 2px);
33606
- height: calc( 1.4285714286em + 16px + 2px);
33712
+ width: calc(1.4285714286em + 18px);
33713
+ height: calc(1.4285714286em + 18px);
33607
33714
  }
33608
33715
  .k-gantt-toolbar .k-gantt-pdf .k-button-text,
33609
33716
  .k-gantt-toolbar .k-gantt-create .k-button-text {
@@ -33639,7 +33746,7 @@ td.k-editor-content {
33639
33746
  }
33640
33747
 
33641
33748
  .k-gantt-treelist .k-grid-header tr {
33642
- height: calc( 4em + 64px + 2px);
33749
+ height: calc(4em + 66px);
33643
33750
  vertical-align: bottom;
33644
33751
  }
33645
33752
 
@@ -33653,7 +33760,7 @@ td.k-editor-content {
33653
33760
  }
33654
33761
 
33655
33762
  .k-gantt-treelist .k-gantt-treelist-nested-columns .k-grid-header tr {
33656
- height: calc( 2em + 32px + 1px);
33763
+ height: calc(2em + 33px);
33657
33764
  }
33658
33765
 
33659
33766
  .k-gantt-treelist.k-gantt-treelist-scrollable .k-grid-content {
@@ -33774,8 +33881,8 @@ td.k-editor-content {
33774
33881
  }
33775
33882
 
33776
33883
  .k-task-dot {
33777
- width: calc( 8px + 8px);
33778
- height: calc( 8px + 8px);
33884
+ width: 16px;
33885
+ height: 16px;
33779
33886
  line-height: 1;
33780
33887
  cursor: pointer;
33781
33888
  display: none;
@@ -34046,7 +34153,7 @@ td.k-editor-content {
34046
34153
 
34047
34154
  .k-task-planned .k-task-moment {
34048
34155
  border-width: 2px;
34049
- border-radius: calc( ( 4px + 6px ) / 2);
34156
+ border-radius: 5px;
34050
34157
  border-style: solid;
34051
34158
  height: 6px;
34052
34159
  width: 6px;
@@ -34057,15 +34164,15 @@ td.k-editor-content {
34057
34164
  }
34058
34165
 
34059
34166
  .k-task-planned .k-task-moment.k-moment-left {
34060
- margin-left: calc( 2px / 2 - calc( ( 4px + 6px ) / 2));
34167
+ margin-left: -4px;
34061
34168
  }
34062
34169
 
34063
34170
  .k-task-planned:hover .k-task-duration {
34064
- height: calc( 2px + 1px);
34171
+ height: 3px;
34065
34172
  }
34066
34173
 
34067
34174
  .k-milestone-wrap .k-task-moment {
34068
- margin-left: calc( 3px);
34175
+ margin-left: 3px;
34069
34176
  }
34070
34177
 
34071
34178
  .k-planned-tooltip .k-task-content {
@@ -34878,7 +34985,7 @@ kendo-scheduler .k-event > div,
34878
34985
 
34879
34986
  kendo-scheduler .k-event .k-event-template,
34880
34987
  .k-event .k-event-template {
34881
- line-height: calc( 25px - (2 * 2px));
34988
+ line-height: 21px;
34882
34989
  padding: 4px 16px;
34883
34990
  }
34884
34991
 
@@ -35294,12 +35401,12 @@ kendo-scheduler .k-recurrence-editor {
35294
35401
  }
35295
35402
 
35296
35403
  .k-scheduler-yearview .k-day-indicator {
35297
- margin-top: calc( 36px - (0.25em * 2));
35404
+ margin-top: calc(36px - 0.5em);
35298
35405
  width: 3px;
35299
35406
  height: 3px;
35300
35407
  border-radius: 50%;
35301
35408
  position: absolute;
35302
- left: calc( 50% - (3px / 2));
35409
+ left: calc(50% - 1.5px);
35303
35410
  }
35304
35411
 
35305
35412
  .k-scheduler-tooltip {
@@ -35471,9 +35578,13 @@ kendo-scheduler .k-recurrence-editor {
35471
35578
  float: right;
35472
35579
  }
35473
35580
 
35581
+ .k-rtl .k-scheduler .k-i-caret-alt-left,
35582
+ .k-rtl .k-scheduler .k-i-caret-alt-right,
35474
35583
  .k-rtl .k-scheduler .k-i-arrow-60-left,
35475
35584
  .k-rtl .k-scheduler .k-i-arrow-60-right,
35476
- .k-rtl .k-scheduler .k-current-time-arrow-right, .k-rtl.k-scheduler .k-i-arrow-60-left,
35585
+ .k-rtl .k-scheduler .k-current-time-arrow-right, .k-rtl.k-scheduler .k-i-caret-alt-left,
35586
+ .k-rtl.k-scheduler .k-i-caret-alt-right,
35587
+ .k-rtl.k-scheduler .k-i-arrow-60-left,
35477
35588
  .k-rtl.k-scheduler .k-i-arrow-60-right,
35478
35589
  .k-rtl.k-scheduler .k-current-time-arrow-right {
35479
35590
  transform: scaleX(-1);
@@ -35552,7 +35663,7 @@ kendo-scheduler .k-event .k-event-actions,
35552
35663
 
35553
35664
  .k-event .k-event-delete .k-icon {
35554
35665
  font-size: 12px;
35555
- padding: calc( 14px - 12px);
35666
+ padding: 2px;
35556
35667
  box-sizing: content-box;
35557
35668
  vertical-align: unset;
35558
35669
  }
@@ -35988,11 +36099,11 @@ kendo-scheduler .k-event .k-event-actions,
35988
36099
  }
35989
36100
 
35990
36101
  .k-chat .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar) {
35991
- padding-left: calc( 32px + 8px);
36102
+ padding-left: 40px;
35992
36103
  }
35993
36104
 
35994
36105
  .k-chat .k-avatars .k-message-group.k-alt:not(.k-no-avatar) {
35995
- padding-right: calc( 32px + 8px);
36106
+ padding-right: 40px;
35996
36107
  }
35997
36108
 
35998
36109
  .k-author {
@@ -36026,7 +36137,9 @@ kendo-scheduler .k-event .k-event-actions,
36026
36137
  border-style: solid;
36027
36138
  line-height: 1.25;
36028
36139
  cursor: pointer;
36029
- user-select: none;
36140
+ -webkit-user-select: none;
36141
+ -ms-user-select: none;
36142
+ user-select: none;
36030
36143
  display: inline-block;
36031
36144
  flex: 0 0 auto;
36032
36145
  transition-property: color, background-color, border-color;
@@ -36288,13 +36401,13 @@ kendo-scheduler .k-event .k-event-actions,
36288
36401
  .k-rtl .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar),
36289
36402
  [dir="rtl"] .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar) {
36290
36403
  padding-left: 0;
36291
- padding-right: calc( 32px + 8px);
36404
+ padding-right: 40px;
36292
36405
  }
36293
36406
 
36294
36407
  .k-rtl .k-avatars .k-message-group.k-alt:not(.k-no-avatar),
36295
36408
  [dir="rtl"] .k-avatars .k-message-group.k-alt:not(.k-no-avatar) {
36296
36409
  padding-right: 0;
36297
- padding-left: calc( 32px + 8px);
36410
+ padding-left: 40px;
36298
36411
  }
36299
36412
 
36300
36413
  .k-rtl .k-chat .k-card-deck .k-card-wrap + .k-card-wrap,
@@ -36525,7 +36638,7 @@ kendo-scheduler .k-event .k-event-actions,
36525
36638
  border-radius: 4px;
36526
36639
  line-height: 1.4285714286;
36527
36640
  min-width: 80px;
36528
- max-width: calc(80px + 2 * 40px);
36641
+ max-width: 160px;
36529
36642
  position: relative;
36530
36643
  z-index: 1;
36531
36644
  }
@@ -36605,11 +36718,11 @@ kendo-scheduler .k-event .k-event-actions,
36605
36718
  }
36606
36719
 
36607
36720
  .k-timeline-vertical {
36608
- padding-left: calc(calc(40px + (80px - 6px) / 2) + 50px);
36721
+ padding-left: 127px;
36609
36722
  }
36610
36723
 
36611
36724
  .k-timeline-vertical.k-timeline-dates-hidden {
36612
- padding-left: calc(40px + (80px - 6px) / 2);
36725
+ padding-left: 77px;
36613
36726
  }
36614
36727
 
36615
36728
  .k-timeline-vertical::after {
@@ -36652,7 +36765,7 @@ kendo-scheduler .k-event .k-event-actions,
36652
36765
 
36653
36766
  .k-timeline-vertical .k-timeline-card .k-card {
36654
36767
  margin-left: 16px;
36655
- min-height: calc(2 * (36px - 0px));
36768
+ min-height: 72px;
36656
36769
  width: 400px;
36657
36770
  max-width: 100%;
36658
36771
  }
@@ -36804,9 +36917,9 @@ kendo-scheduler .k-event .k-event-actions,
36804
36917
 
36805
36918
  .k-timeline-horizontal .k-timeline-track-wrap::after {
36806
36919
  top: auto;
36807
- bottom: calc((36px / 2) + 3px);
36808
- left: calc(36px - 2 * 1px);
36809
- right: calc(36px - 2 * 1px);
36920
+ bottom: 21px;
36921
+ left: 34px;
36922
+ right: 34px;
36810
36923
  transform: translateY(-50%);
36811
36924
  height: 6px;
36812
36925
  }
@@ -36823,7 +36936,7 @@ kendo-scheduler .k-event .k-event-actions,
36823
36936
  }
36824
36937
 
36825
36938
  .k-timeline-horizontal .k-timeline-track-wrap .k-timeline-flag {
36826
- margin-bottom: calc(6px + 2 * 1px + 4px + 10px);
36939
+ margin-bottom: 22px;
36827
36940
  position: relative;
36828
36941
  min-width: 60px;
36829
36942
  }
@@ -36849,7 +36962,7 @@ kendo-scheduler .k-event .k-event-actions,
36849
36962
  height: 36px;
36850
36963
  border-radius: 50%;
36851
36964
  position: absolute;
36852
- bottom: calc(6px + 3px + 2 * 1px);
36965
+ bottom: 11px;
36853
36966
  z-index: 3;
36854
36967
  display: flex;
36855
36968
  align-items: center;
@@ -36870,7 +36983,7 @@ kendo-scheduler .k-event .k-event-actions,
36870
36983
  }
36871
36984
 
36872
36985
  .k-timeline-mobile .k-timeline-flag {
36873
- max-width: calc(80px + 2 * 16px);
36986
+ max-width: 112px;
36874
36987
  }
36875
36988
 
36876
36989
  .k-timeline-mobile.k-timeline-horizontal .k-timeline-flag-wrap {
@@ -36878,11 +36991,11 @@ kendo-scheduler .k-event .k-event-actions,
36878
36991
  }
36879
36992
 
36880
36993
  .k-timeline-mobile.k-timeline-vertical {
36881
- padding-left: calc(calc(16px + (80px - 6px) / 2) + 50px);
36994
+ padding-left: 103px;
36882
36995
  }
36883
36996
 
36884
36997
  .k-timeline-mobile.k-timeline-vertical.k-timeline-dates-hidden {
36885
- padding-left: calc(16px + (80px - 6px) / 2);
36998
+ padding-left: 53px;
36886
36999
  }
36887
37000
 
36888
37001
  .k-timeline-mobile.k-timeline-vertical.k-timeline-alternating {
@@ -36977,6 +37090,7 @@ kendo-scheduler .k-event .k-event-actions,
36977
37090
  border-width: 1px;
36978
37091
  border-style: solid;
36979
37092
  box-sizing: border-box;
37093
+ position: relative;
36980
37094
  outline: 0;
36981
37095
  font-family: Roboto, "Helvetica Neue", sans-serif;
36982
37096
  font-size: 14px;
@@ -37006,27 +37120,33 @@ kendo-scheduler .k-event .k-event-actions,
37006
37120
  overflow: visible;
37007
37121
  }
37008
37122
 
37009
- .k-pdf-viewer .k-list-scroller {
37123
+ .k-pdf-viewer .k-canvas {
37124
+ display: flex;
37125
+ flex-direction: column;
37010
37126
  flex: 1 1 auto;
37011
37127
  outline: none;
37012
37128
  }
37013
37129
 
37014
- .k-pdf-viewer .k-list-scroller .k-enable-text-select {
37130
+ .k-pdf-viewer .k-canvas .k-enable-text-select, .k-pdf-viewer .k-canvas.k-enable-text-select {
37015
37131
  -webkit-user-select: text;
37016
- -moz-user-select: text;
37017
37132
  -ms-user-select: text;
37018
37133
  user-select: text;
37019
37134
  cursor: text;
37020
37135
  }
37021
37136
 
37022
- .k-pdf-viewer .k-list-scroller .k-enable-panning {
37137
+ .k-pdf-viewer .k-canvas .k-enable-panning, .k-pdf-viewer .k-canvas.k-enable-panning {
37023
37138
  cursor: grab;
37024
37139
  }
37025
37140
 
37026
- .k-pdf-viewer .k-list-scroller .k-enable-panning span::selection {
37141
+ .k-pdf-viewer .k-canvas .k-enable-panning span::selection,
37142
+ .k-pdf-viewer .k-canvas.k-enable-panning span::selection {
37027
37143
  background-color: transparent;
37028
37144
  }
37029
37145
 
37146
+ .k-pdf-viewer .k-pdf-viewer-pages {
37147
+ flex: 1 1 auto;
37148
+ }
37149
+
37030
37150
  .k-pdf-viewer .k-page {
37031
37151
  position: relative;
37032
37152
  margin: 30px auto;
@@ -37055,11 +37175,38 @@ kendo-scheduler .k-event .k-event-actions,
37055
37175
  color: transparent;
37056
37176
  }
37057
37177
 
37178
+ .k-pdf-viewer .k-page .k-text-layer .k-search-highlight-mark {
37179
+ color: transparent;
37180
+ }
37181
+
37182
+ .k-pdf-viewer .k-blank-page {
37183
+ margin: 0;
37184
+ display: flex;
37185
+ flex-flow: column nowrap;
37186
+ width: 100%;
37187
+ height: 100%;
37188
+ align-items: center;
37189
+ justify-content: center;
37190
+ background-color: inherit !important;
37191
+ }
37192
+
37193
+ .k-pdf-viewer .k-blank-page .k-upload,
37194
+ .k-pdf-viewer .k-blank-page .k-dropzone,
37195
+ .k-pdf-viewer .k-blank-page .k-dropzone-inner {
37196
+ border: 0;
37197
+ background: none;
37198
+ }
37199
+
37200
+ .k-pdf-viewer .k-blank-page > .k-icon {
37201
+ font-size: 48px;
37202
+ }
37203
+
37058
37204
  .k-pdf-viewer-search-dialog {
37059
- padding: 8px;
37205
+ padding: 0 !important;
37060
37206
  }
37061
37207
 
37062
- .k-pdf-viewer-search-dialog .k-search-container {
37208
+ .k-search-panel, .k-search-container {
37209
+ padding: 16px 8px;
37063
37210
  display: flex;
37064
37211
  gap: 8px;
37065
37212
  flex-flow: row nowrap;
@@ -37068,22 +37215,32 @@ kendo-scheduler .k-event .k-event-actions,
37068
37215
  align-items: center;
37069
37216
  }
37070
37217
 
37071
- .k-pdf-viewer-search-dialog .k-search-container .k-search-dialog-draghandle {
37218
+ .k-search-panel .k-search-dialog-draghandle, .k-search-container .k-search-dialog-draghandle {
37072
37219
  cursor: move;
37073
37220
  margin-left: 0;
37074
37221
  }
37075
37222
 
37076
- .k-pdf-viewer-search-dialog .k-search-container .k-textbox {
37223
+ .k-search-panel .k-textbox, .k-search-container .k-textbox {
37077
37224
  width: 10em;
37078
37225
  flex: none;
37079
37226
  }
37080
37227
 
37081
- .k-pdf-viewer-search-dialog .k-search-container .k-textbox .k-button {
37228
+ .k-search-panel .k-textbox .k-button, .k-search-container .k-textbox .k-button {
37082
37229
  border-width: 0;
37083
37230
  }
37084
37231
 
37085
- .k-pdf-viewer-search-dialog .k-search-container .k-search-matches {
37086
- flex: 1 1 auto;
37232
+ .k-search-panel .k-search-matches, .k-search-container .k-search-matches {
37233
+ display: inline-flex;
37234
+ gap: 8px;
37235
+ }
37236
+
37237
+ .k-pdf-viewer-canvas > .k-search-panel, .k-pdf-viewer-canvas > .k-search-container {
37238
+ width: max-content;
37239
+ margin-top: calc(-1.4285714286em + -51px);
37240
+ border-width: 1px;
37241
+ border-style: solid;
37242
+ border-radius: 4px;
37243
+ z-index: 10;
37087
37244
  }
37088
37245
 
37089
37246
  .k-ie .k-pdf-viewer-search-dialog .k-search-container > * + * {
@@ -37111,13 +37268,30 @@ kendo-scheduler .k-event .k-event-actions,
37111
37268
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.12);
37112
37269
  }
37113
37270
 
37271
+ .k-pdf-viewer .k-blank-page > .k-icon {
37272
+ color: rgba(97, 97, 97, 0.9116);
37273
+ }
37274
+
37114
37275
  .k-pdf-viewer .k-search-highlight {
37115
37276
  background-color: rgba(0, 0, 0, 0.87);
37116
37277
  }
37117
37278
 
37279
+ .k-pdf-viewer .k-search-highlight-mark {
37280
+ background-color: yellow;
37281
+ }
37282
+
37283
+ .k-pdf-viewer-canvas > .k-search-panel, .k-pdf-viewer-canvas > .k-search-container {
37284
+ border-color: rgba(0, 0, 0, 0.12);
37285
+ color: rgba(0, 0, 0, 0.87);
37286
+ background-color: white;
37287
+ 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);
37288
+ }
37289
+
37118
37290
  .km-scrollview,
37119
37291
  .km-scroll-container {
37120
- user-select: none;
37292
+ -webkit-user-select: none;
37293
+ -ms-user-select: none;
37294
+ user-select: none;
37121
37295
  border-collapse: separate;
37122
37296
  }
37123
37297
 
@@ -37232,7 +37406,9 @@ kendo-scrollview.k-scrollview,
37232
37406
 
37233
37407
  .k-scrollview-wrap .k-scrollview img,
37234
37408
  .k-scrollview .k-scrollview-wrap img {
37235
- user-select: none;
37409
+ -webkit-user-select: none;
37410
+ -ms-user-select: none;
37411
+ user-select: none;
37236
37412
  }
37237
37413
 
37238
37414
  .k-scrollview-wrap .k-scrollview > li,
@@ -37254,20 +37430,20 @@ kendo-scrollview.k-scrollview,
37254
37430
  .k-scrollview-wrap.k-scrollview-animate {
37255
37431
  display: flex;
37256
37432
  flex-flow: row nowrap;
37257
- width: calc( var(--kendo-scrollview-views, 1) * 100%);
37433
+ width: calc(var(--kendo-scrollview-views, 1)*100%);
37258
37434
  transition-duration: 0.3s;
37259
37435
  transition-timing-function: ease-in-out;
37260
- transform: translateX(calc( -100% / var(--kendo-scrollview-views, 1) * ( var(--kendo-scrollview-current, 1) - 1)));
37436
+ transform: translateX(calc(-100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1)));
37261
37437
  }
37262
37438
 
37263
37439
  .k-scrollview-wrap.k-scrollview-animate .k-scrollview-view {
37264
- width: calc( 100% / var(--kendo-scrollview-views, 1));
37265
- flex: 0 0 calc( 100% / var(--kendo-scrollview-views, 1));
37440
+ width: calc(100%/var(--kendo-scrollview-views, 1));
37441
+ flex: 0 0 calc(100%/var(--kendo-scrollview-views, 1));
37266
37442
  }
37267
37443
 
37268
37444
  [dir="rtl"] .k-scrollview-wrap.k-scrollview-animate,
37269
37445
  .k-rtl .k-scrollview-wrap.k-scrollview-animate {
37270
- transform: translateX(calc( 100% / var(--kendo-scrollview-views, 1) * ( var(--kendo-scrollview-current, 1) - 1)));
37446
+ transform: translateX(calc(100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1)));
37271
37447
  }
37272
37448
 
37273
37449
  kendo-scrollview.k-scrollview-wrap kendo-scrollview-pager,
@@ -37279,7 +37455,7 @@ kendo-scrollview.k-scrollview kendo-scrollview-pager,
37279
37455
  left: 0;
37280
37456
  right: 0;
37281
37457
  bottom: 0;
37282
- height: calc( 10px + 0px + 40px);
37458
+ height: 50px;
37283
37459
  text-align: center;
37284
37460
  }
37285
37461
 
@@ -37355,7 +37531,9 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
37355
37531
  height: 60%;
37356
37532
  top: 20%;
37357
37533
  text-decoration: none;
37358
- user-select: none;
37534
+ -webkit-user-select: none;
37535
+ -ms-user-select: none;
37536
+ user-select: none;
37359
37537
  cursor: pointer;
37360
37538
  }
37361
37539
 
@@ -37832,11 +38010,11 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
37832
38010
  }
37833
38011
 
37834
38012
  .k-treemap .k-treemap-title + .k-treemap-wrap {
37835
- top: calc( 4px + (2 * 14px) + 1px);
38013
+ top: 33px;
37836
38014
  }
37837
38015
 
37838
38016
  .k-treemap .k-treemap-title-vertical + .k-treemap-wrap {
37839
- left: calc( 4px + (2 * 14px) + 1px);
38017
+ left: 33px;
37840
38018
  }
37841
38019
 
37842
38020
  .k-treemap .k-leaf {
@@ -38231,7 +38409,9 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
38231
38409
  .k-map .km-scroll-wrapper {
38232
38410
  width: 100%;
38233
38411
  height: 100%;
38234
- user-select: none;
38412
+ -webkit-user-select: none;
38413
+ -ms-user-select: none;
38414
+ user-select: none;
38235
38415
  position: absolute;
38236
38416
  }
38237
38417
 
@@ -38272,8 +38452,8 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
38272
38452
 
38273
38453
  .k-navigator {
38274
38454
  margin: 1em;
38275
- width: calc( 48px + 4px);
38276
- height: calc( 48px + 4px);
38455
+ width: 52px;
38456
+ height: 52px;
38277
38457
  border-width: 1px;
38278
38458
  border-style: solid;
38279
38459
  box-sizing: border-box;
@@ -38546,8 +38726,8 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
38546
38726
  }
38547
38727
 
38548
38728
  .k-signature-sm .k-signature-line {
38549
- width: calc( 100% - 2 * 6px);
38550
- bottom: calc( calc( 1.4285714286em + 16px + 2px) + 6px);
38729
+ width: calc(100% - 12px);
38730
+ bottom: calc(1.4285714286em + 24px);
38551
38731
  }
38552
38732
 
38553
38733
  .k-signature-md {
@@ -38555,8 +38735,8 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
38555
38735
  }
38556
38736
 
38557
38737
  .k-signature-md .k-signature-line {
38558
- width: calc( 100% - 2 * 8px);
38559
- bottom: calc( calc( 1.4285714286em + 16px + 2px) + 8px);
38738
+ width: calc(100% - 16px);
38739
+ bottom: calc(1.4285714286em + 26px);
38560
38740
  }
38561
38741
 
38562
38742
  .k-signature-lg {
@@ -38564,8 +38744,8 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
38564
38744
  }
38565
38745
 
38566
38746
  .k-signature-lg .k-signature-line {
38567
- width: calc( 100% - 2 * 10px);
38568
- bottom: calc( calc( 1.4285714286em + 16px + 2px) + 10px);
38747
+ width: calc(100% - 20px);
38748
+ bottom: calc(1.4285714286em + 28px);
38569
38749
  }
38570
38750
 
38571
38751
  .k-signature .k-signature-line {