@progress/kendo-theme-classic 5.6.1-dev.6 → 5.8.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.
package/dist/all.css CHANGED
@@ -167,7 +167,6 @@ kendo-sortable {
167
167
  background-color: #ffffff;
168
168
  }
169
169
 
170
- .k-state-disabled,
171
170
  .k-disabled,
172
171
  .k-widget[disabled],
173
172
  .k-disabled {
@@ -179,7 +178,6 @@ kendo-sortable {
179
178
  box-shadow: none;
180
179
  }
181
180
 
182
- .k-state-disabled .k-link,
183
181
  .k-disabled .k-link,
184
182
  .k-widget[disabled] .k-link,
185
183
  .k-disabled .k-link {
@@ -187,18 +185,12 @@ kendo-sortable {
187
185
  outline: 0;
188
186
  }
189
187
 
190
- .k-state-disabled [disabled],
191
- .k-state-disabled .k-disabled,
192
- .k-state-disabled .k-state-disabled,
193
188
  .k-disabled [disabled],
194
189
  .k-disabled .k-disabled,
195
- .k-disabled .k-state-disabled,
196
190
  .k-widget[disabled] [disabled],
197
191
  .k-widget[disabled] .k-disabled,
198
- .k-widget[disabled] .k-state-disabled,
199
192
  .k-disabled [disabled],
200
- .k-disabled .k-disabled,
201
- .k-disabled .k-state-disabled {
193
+ .k-disabled .k-disabled {
202
194
  opacity: 1;
203
195
  filter: grayscale(0);
204
196
  }
@@ -6311,180 +6303,197 @@ kendo-sortable {
6311
6303
  color: #272727;
6312
6304
  }
6313
6305
 
6306
+ .\!k-text-base,
6307
+ .\!k-color-base {
6308
+ color: #272727 !important;
6309
+ }
6310
+
6314
6311
  .k-color-inherit {
6315
6312
  color: inherit;
6316
6313
  }
6317
6314
 
6315
+ .\!k-color-inherit {
6316
+ color: inherit !important;
6317
+ }
6318
+
6318
6319
  .k-text-primary,
6319
6320
  .k-color-primary {
6321
+ color: #f35800;
6322
+ }
6323
+
6324
+ .\!k-text-primary,
6325
+ .\!k-color-primary {
6320
6326
  color: #f35800 !important;
6321
6327
  }
6322
6328
 
6323
6329
  .k-text-secondary,
6324
6330
  .k-color-secondary {
6331
+ color: #e9e9e9;
6332
+ }
6333
+
6334
+ .\!k-text-secondary,
6335
+ .\!k-color-secondary {
6325
6336
  color: #e9e9e9 !important;
6326
6337
  }
6327
6338
 
6328
6339
  .k-text-tertiary,
6329
6340
  .k-color-tertiary {
6341
+ color: #03a9f4;
6342
+ }
6343
+
6344
+ .\!k-text-tertiary,
6345
+ .\!k-color-tertiary {
6330
6346
  color: #03a9f4 !important;
6331
6347
  }
6332
6348
 
6333
6349
  .k-text-info,
6334
6350
  .k-color-info {
6351
+ color: #2498bc;
6352
+ }
6353
+
6354
+ .\!k-text-info,
6355
+ .\!k-color-info {
6335
6356
  color: #2498bc !important;
6336
6357
  }
6337
6358
 
6338
6359
  .k-text-success,
6339
6360
  .k-color-success {
6361
+ color: #3ea44e;
6362
+ }
6363
+
6364
+ .\!k-text-success,
6365
+ .\!k-color-success {
6340
6366
  color: #3ea44e !important;
6341
6367
  }
6342
6368
 
6343
6369
  .k-text-warning,
6344
6370
  .k-color-warning {
6371
+ color: #ff9800;
6372
+ }
6373
+
6374
+ .\!k-text-warning,
6375
+ .\!k-color-warning {
6345
6376
  color: #ff9800 !important;
6346
6377
  }
6347
6378
 
6348
6379
  .k-text-error,
6349
6380
  .k-color-error {
6381
+ color: #d92800;
6382
+ }
6383
+
6384
+ .\!k-text-error,
6385
+ .\!k-color-error {
6350
6386
  color: #d92800 !important;
6351
6387
  }
6352
6388
 
6353
6389
  .k-text-dark,
6354
6390
  .k-color-dark {
6391
+ color: #404040;
6392
+ }
6393
+
6394
+ .\!k-text-dark,
6395
+ .\!k-color-dark {
6355
6396
  color: #404040 !important;
6356
6397
  }
6357
6398
 
6358
6399
  .k-text-light,
6359
6400
  .k-color-light {
6401
+ color: #ebebeb;
6402
+ }
6403
+
6404
+ .\!k-text-light,
6405
+ .\!k-color-light {
6360
6406
  color: #ebebeb !important;
6361
6407
  }
6362
6408
 
6363
6409
  .k-text-inverse,
6364
6410
  .k-color-inverse {
6411
+ color: #404040;
6412
+ }
6413
+
6414
+ .\!k-text-inverse,
6415
+ .\!k-color-inverse {
6365
6416
  color: #404040 !important;
6366
6417
  }
6367
6418
 
6368
6419
  .k-bg-primary {
6420
+ background-color: #f35800;
6421
+ }
6422
+
6423
+ .\!k-bg-primary {
6369
6424
  background-color: #f35800 !important;
6370
6425
  }
6371
6426
 
6372
6427
  .k-bg-secondary {
6428
+ background-color: #e9e9e9;
6429
+ }
6430
+
6431
+ .\!k-bg-secondary {
6373
6432
  background-color: #e9e9e9 !important;
6374
6433
  }
6375
6434
 
6376
6435
  .k-bg-tertiary {
6436
+ background-color: #03a9f4;
6437
+ }
6438
+
6439
+ .\!k-bg-tertiary {
6377
6440
  background-color: #03a9f4 !important;
6378
6441
  }
6379
6442
 
6380
6443
  .k-bg-info {
6444
+ background-color: #2498bc;
6445
+ }
6446
+
6447
+ .\!k-bg-info {
6381
6448
  background-color: #2498bc !important;
6382
6449
  }
6383
6450
 
6384
6451
  .k-bg-success {
6452
+ background-color: #3ea44e;
6453
+ }
6454
+
6455
+ .\!k-bg-success {
6385
6456
  background-color: #3ea44e !important;
6386
6457
  }
6387
6458
 
6388
6459
  .k-bg-warning {
6460
+ background-color: #ff9800;
6461
+ }
6462
+
6463
+ .\!k-bg-warning {
6389
6464
  background-color: #ff9800 !important;
6390
6465
  }
6391
6466
 
6392
6467
  .k-bg-error {
6393
- background-color: #d92800 !important;
6468
+ background-color: #d92800;
6394
6469
  }
6395
6470
 
6396
- .k-bg-dark {
6397
- background-color: #404040 !important;
6471
+ .\!k-bg-error {
6472
+ background-color: #d92800 !important;
6398
6473
  }
6399
6474
 
6400
- .k-bg-light {
6401
- background-color: #ebebeb !important;
6475
+ .k-bg-dark {
6476
+ background-color: #404040;
6402
6477
  }
6403
6478
 
6404
- .k-bg-inverse {
6479
+ .\!k-bg-dark {
6405
6480
  background-color: #404040 !important;
6406
6481
  }
6407
6482
 
6408
- .k-state-primary {
6409
- background-color: #fddecc;
6410
- color: #7e2e00;
6411
- border-color: #fcd0b8;
6412
- }
6413
-
6414
- .k-state-secondary {
6415
- background-color: #fbfbfb;
6416
- color: #797979;
6417
- border-color: #f9f9f9;
6418
- }
6419
-
6420
- .k-state-tertiary {
6421
- background-color: #cdeefd;
6422
- color: #02587f;
6423
- border-color: #b8e7fc;
6424
- }
6425
-
6426
- .k-state-info {
6427
- background-color: #d3eaf2;
6428
- color: #134f62;
6429
- border-color: #c2e2ec;
6430
- }
6431
-
6432
- .k-state-success {
6433
- background-color: #d8eddc;
6434
- color: #205529;
6435
- border-color: #c9e6cd;
6436
- }
6437
-
6438
- .k-state-warning {
6439
- background-color: #ffeacc;
6440
- color: #854f00;
6441
- border-color: #ffe2b8;
6442
- }
6443
-
6444
- .k-state-error {
6445
- background-color: #f7d4cc;
6446
- color: #711500;
6447
- border-color: #f4c3b8;
6448
- }
6449
-
6450
- .k-state-dark {
6451
- background-color: #d9d9d9;
6452
- color: #212121;
6453
- border-color: #cacaca;
6454
- }
6455
-
6456
- .k-state-light {
6457
- background-color: #fbfbfb;
6458
- color: #7a7a7a;
6459
- border-color: #f9f9f9;
6460
- }
6461
-
6462
- .k-state-inverse {
6463
- background-color: #d9d9d9;
6464
- color: #212121;
6465
- border-color: #cacaca;
6466
- }
6467
-
6468
- .k-info-colored {
6469
- color: #50607f;
6470
- border-color: #d0d9df;
6471
- background-color: #f0f9ff;
6483
+ .k-bg-light {
6484
+ background-color: #ebebeb;
6472
6485
  }
6473
6486
 
6474
- .k-success-colored {
6475
- color: #507f50;
6476
- border-color: #d0dfd0;
6477
- background-color: #f0fff0;
6487
+ .\!k-bg-light {
6488
+ background-color: #ebebeb !important;
6478
6489
  }
6479
6490
 
6480
- .k-error-colored {
6481
- color: #7f5050;
6482
- border-color: #dfd0d0;
6483
- background-color: #fff0f0;
6491
+ .k-bg-inverse {
6492
+ background-color: #404040;
6484
6493
  }
6485
6494
 
6486
- .k-inset {
6487
- box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.03), inset 0 4px 5px 0 rgba(0, 0, 0, 0.04);
6495
+ .\!k-bg-inverse {
6496
+ background-color: #404040 !important;
6488
6497
  }
6489
6498
 
6490
6499
  .k-touch-action-none {
@@ -6584,23 +6593,32 @@ kendo-sortable {
6584
6593
  }
6585
6594
 
6586
6595
  .k-user-select-none {
6587
- user-select: none !important;
6596
+ -webkit-user-select: none !important;
6597
+ -ms-user-select: none !important;
6598
+ user-select: none !important;
6588
6599
  }
6589
6600
 
6590
6601
  .k-user-select-auto {
6591
- user-select: auto !important;
6602
+ -webkit-user-select: auto !important;
6603
+ -ms-user-select: auto !important;
6604
+ user-select: auto !important;
6592
6605
  }
6593
6606
 
6594
6607
  .k-user-select-text {
6595
- user-select: text !important;
6608
+ -webkit-user-select: text !important;
6609
+ -ms-user-select: text !important;
6610
+ user-select: text !important;
6596
6611
  }
6597
6612
 
6598
6613
  .k-user-select-all {
6599
- user-select: all !important;
6614
+ -webkit-user-select: all !important;
6615
+ user-select: all !important;
6600
6616
  }
6601
6617
 
6602
6618
  .k-user-select-contain {
6603
- user-select: contain !important;
6619
+ -webkit-user-select: contain !important;
6620
+ -ms-user-select: element !important;
6621
+ user-select: contain !important;
6604
6622
  }
6605
6623
 
6606
6624
  .k-cursor-auto {
@@ -11839,7 +11857,7 @@ a.k-badge:hover,
11839
11857
  padding: 2px 2px;
11840
11858
  font-size: 10px;
11841
11859
  line-height: 1;
11842
- min-width: calc( 1em + 4px + 2px);
11860
+ min-width: calc(1em + 6px);
11843
11861
  }
11844
11862
 
11845
11863
  .k-badge-sm:empty {
@@ -11851,7 +11869,7 @@ a.k-badge:hover,
11851
11869
  padding: 4px 4px;
11852
11870
  font-size: 10px;
11853
11871
  line-height: 1;
11854
- min-width: calc( 1em + 8px + 2px);
11872
+ min-width: calc(1em + 10px);
11855
11873
  }
11856
11874
 
11857
11875
  .k-badge-md:empty {
@@ -11863,7 +11881,7 @@ a.k-badge:hover,
11863
11881
  padding: 6px 6px;
11864
11882
  font-size: 10px;
11865
11883
  line-height: 1;
11866
- min-width: calc( 1em + 12px + 2px);
11884
+ min-width: calc(1em + 14px);
11867
11885
  }
11868
11886
 
11869
11887
  .k-badge-lg:empty {
@@ -12099,7 +12117,9 @@ kendo-badge-container {
12099
12117
  justify-content: center;
12100
12118
  gap: 4px;
12101
12119
  vertical-align: middle;
12102
- user-select: none;
12120
+ -webkit-user-select: none;
12121
+ -ms-user-select: none;
12122
+ user-select: none;
12103
12123
  cursor: pointer;
12104
12124
  outline: none;
12105
12125
  -webkit-appearance: none;
@@ -12158,8 +12178,8 @@ kendo-badge-container {
12158
12178
  }
12159
12179
 
12160
12180
  .k-button-sm.k-icon-button > .k-button-icon {
12161
- min-width: calc( 14px * 1.4285714286);
12162
- min-height: calc( 14px * 1.4285714286);
12181
+ min-width: 20.0000000004px;
12182
+ min-height: 20.0000000004px;
12163
12183
  }
12164
12184
 
12165
12185
  .k-button-md {
@@ -12173,8 +12193,8 @@ kendo-badge-container {
12173
12193
  }
12174
12194
 
12175
12195
  .k-button-md.k-icon-button > .k-button-icon {
12176
- min-width: calc( 14px * 1.4285714286);
12177
- min-height: calc( 14px * 1.4285714286);
12196
+ min-width: 20.0000000004px;
12197
+ min-height: 20.0000000004px;
12178
12198
  }
12179
12199
 
12180
12200
  .k-button-lg {
@@ -12188,8 +12208,8 @@ kendo-badge-container {
12188
12208
  }
12189
12209
 
12190
12210
  .k-button-lg.k-icon-button > .k-button-icon {
12191
- min-width: calc( 16px * 1.5);
12192
- min-height: calc( 16px * 1.5);
12211
+ min-width: 24px;
12212
+ min-height: 24px;
12193
12213
  }
12194
12214
 
12195
12215
  .k-button-square {
@@ -13387,11 +13407,20 @@ kendo-badge-container {
13387
13407
  margin: 0;
13388
13408
  }
13389
13409
 
13410
+ .k-input:-ms-input-placeholder, .k-picker:-ms-input-placeholder {
13411
+ color: #646464;
13412
+ opacity: 1;
13413
+ -ms-user-select: none;
13414
+ user-select: none;
13415
+ }
13416
+
13390
13417
  .k-input::placeholder,
13391
13418
  .k-picker::placeholder {
13392
13419
  color: #646464;
13393
13420
  opacity: 1;
13394
- user-select: none;
13421
+ -webkit-user-select: none;
13422
+ -ms-user-select: none;
13423
+ user-select: none;
13395
13424
  }
13396
13425
 
13397
13426
  .k-input:-ms-input-placeholder,
@@ -13416,19 +13445,13 @@ textarea.k-textarea[disabled] {
13416
13445
  }
13417
13446
 
13418
13447
  [disabled] input.k-input:disabled,
13419
- .k-disabled input.k-input:disabled,
13420
- .k-state-disabled input.k-input:disabled, [disabled] input.k-input[disabled],
13421
- .k-disabled input.k-input[disabled],
13422
- .k-state-disabled input.k-input[disabled], [disabled]
13448
+ .k-disabled input.k-input:disabled, [disabled] input.k-input[disabled],
13449
+ .k-disabled input.k-input[disabled], [disabled]
13423
13450
  textarea.k-textarea:disabled,
13424
13451
  .k-disabled
13425
- textarea.k-textarea:disabled,
13426
- .k-state-disabled
13427
13452
  textarea.k-textarea:disabled, [disabled]
13428
13453
  textarea.k-textarea[disabled],
13429
13454
  .k-disabled
13430
- textarea.k-textarea[disabled],
13431
- .k-state-disabled
13432
13455
  textarea.k-textarea[disabled] {
13433
13456
  opacity: 1;
13434
13457
  filter: grayscale(0);
@@ -13453,10 +13476,8 @@ select.k-picker:disabled, select.k-picker[disabled] {
13453
13476
  }
13454
13477
 
13455
13478
  [disabled] select.k-picker:disabled,
13456
- .k-disabled select.k-picker:disabled,
13457
- .k-state-disabled select.k-picker:disabled, [disabled] select.k-picker[disabled],
13458
- .k-disabled select.k-picker[disabled],
13459
- .k-state-disabled select.k-picker[disabled] {
13479
+ .k-disabled select.k-picker:disabled, [disabled] select.k-picker[disabled],
13480
+ .k-disabled select.k-picker[disabled] {
13460
13481
  opacity: 1;
13461
13482
  filter: grayscale(0);
13462
13483
  }
@@ -13481,10 +13502,19 @@ select.k-picker:disabled, select.k-picker[disabled] {
13481
13502
  display: none;
13482
13503
  }
13483
13504
 
13505
+ .k-input-inner:-ms-input-placeholder {
13506
+ color: #646464;
13507
+ opacity: 1;
13508
+ -ms-user-select: none;
13509
+ user-select: none;
13510
+ }
13511
+
13484
13512
  .k-input-inner::placeholder {
13485
13513
  color: #646464;
13486
13514
  opacity: 1;
13487
- user-select: none;
13515
+ -webkit-user-select: none;
13516
+ -ms-user-select: none;
13517
+ user-select: none;
13488
13518
  }
13489
13519
 
13490
13520
  .k-input-inner:-ms-input-placeholder {
@@ -13736,14 +13766,14 @@ textarea.k-input-inner {
13736
13766
  .k-picker-sm .k-clear-value,
13737
13767
  .k-picker-sm .k-input-prefix > .k-icon,
13738
13768
  .k-picker-sm .k-input-suffix > .k-icon {
13739
- width: calc( 16px + 4px);
13740
- height: calc( 16px + 4px);
13769
+ width: 20px;
13770
+ height: 20px;
13741
13771
  }
13742
13772
 
13743
13773
  .k-input-sm.k-icon-picker .k-input-inner,
13744
13774
  .k-picker-sm.k-icon-picker .k-input-inner {
13745
- width: calc( 1.4285714286em);
13746
- height: calc( 1.4285714286em);
13775
+ width: 1.4285714286em;
13776
+ height: 1.4285714286em;
13747
13777
  padding: 2px;
13748
13778
  box-sizing: content-box;
13749
13779
  }
@@ -13799,14 +13829,14 @@ textarea.k-input-inner {
13799
13829
  .k-picker-md .k-clear-value,
13800
13830
  .k-picker-md .k-input-prefix > .k-icon,
13801
13831
  .k-picker-md .k-input-suffix > .k-icon {
13802
- width: calc( 16px + 8px);
13803
- height: calc( 16px + 8px);
13832
+ width: 24px;
13833
+ height: 24px;
13804
13834
  }
13805
13835
 
13806
13836
  .k-input-md.k-icon-picker .k-input-inner,
13807
13837
  .k-picker-md.k-icon-picker .k-input-inner {
13808
- width: calc( 1.4285714286em);
13809
- height: calc( 1.4285714286em);
13838
+ width: 1.4285714286em;
13839
+ height: 1.4285714286em;
13810
13840
  padding: 4px;
13811
13841
  box-sizing: content-box;
13812
13842
  }
@@ -13862,14 +13892,14 @@ textarea.k-input-inner {
13862
13892
  .k-picker-lg .k-clear-value,
13863
13893
  .k-picker-lg .k-input-prefix > .k-icon,
13864
13894
  .k-picker-lg .k-input-suffix > .k-icon {
13865
- width: calc( 16px + 16px);
13866
- height: calc( 16px + 16px);
13895
+ width: 32px;
13896
+ height: 32px;
13867
13897
  }
13868
13898
 
13869
13899
  .k-input-lg.k-icon-picker .k-input-inner,
13870
13900
  .k-picker-lg.k-icon-picker .k-input-inner {
13871
- width: calc( 1.5em);
13872
- height: calc( 1.5em);
13901
+ width: 1.5em;
13902
+ height: 1.5em;
13873
13903
  padding: 8px;
13874
13904
  box-sizing: content-box;
13875
13905
  }
@@ -14085,7 +14115,7 @@ textarea.k-input-inner {
14085
14115
  }
14086
14116
 
14087
14117
  .k-floating-label-container {
14088
- padding-top: calc( 1.4285714286 * 14px);
14118
+ padding-top: 20.0000000004px;
14089
14119
  box-sizing: border-box;
14090
14120
  display: inline-flex;
14091
14121
  vertical-align: middle;
@@ -14107,8 +14137,8 @@ textarea.k-input-inner {
14107
14137
  white-space: nowrap;
14108
14138
  text-overflow: ellipsis;
14109
14139
  position: absolute;
14110
- top: calc( calc( 1.4285714286 * 14px) + 1px + 4px);
14111
- left: calc( 8px + 1px);
14140
+ top: 25.0000000004px;
14141
+ left: 9px;
14112
14142
  overflow: hidden;
14113
14143
  cursor: text;
14114
14144
  transform-origin: left center;
@@ -14120,15 +14150,14 @@ textarea.k-input-inner {
14120
14150
  width: auto;
14121
14151
  }
14122
14152
 
14123
- .k-floating-label-container.k-state-empty > .k-label, .k-floating-label-container.k-empty > .k-label {
14124
- top: calc( calc( 1.4285714286 * 14px) + 1px + 4px);
14125
- left: calc( 8px + 1px);
14153
+ .k-floating-label-container.k-empty > .k-label {
14154
+ top: 25.0000000004px;
14155
+ left: 9px;
14126
14156
  transform: scale(1);
14127
14157
  pointer-events: none;
14128
14158
  }
14129
14159
 
14130
14160
  .k-floating-label-container > .k-label,
14131
- .k-floating-label-container.k-state-focused > .k-label,
14132
14161
  .k-floating-label-container.k-focus > .k-label {
14133
14162
  top: 0;
14134
14163
  left: 0;
@@ -14141,7 +14170,10 @@ textarea.k-input-inner {
14141
14170
  transform: scale(1);
14142
14171
  }
14143
14172
 
14144
- .k-floating-label-container.k-state-empty:not(.k-state-focused) ::placeholder,
14173
+ .k-floating-label-container.k-empty:not(.k-focus):not(:focus-within) :-ms-input-placeholder {
14174
+ color: transparent;
14175
+ }
14176
+
14145
14177
  .k-floating-label-container.k-empty:not(.k-focus):not(:focus-within) ::placeholder {
14146
14178
  color: transparent;
14147
14179
  }
@@ -14152,20 +14184,16 @@ textarea.k-input-inner {
14152
14184
  transition: transform 0.2s ease-out, color 0.2s ease-out, top 0.2s ease-out, right 0.2s ease-out;
14153
14185
  }
14154
14186
 
14155
- [dir="rtl"] .k-floating-label-container.k-state-empty > .k-label, [dir="rtl"] .k-floating-label-container.k-empty > .k-label,
14156
- .k-rtl .k-floating-label-container.k-state-empty > .k-label,
14157
- .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 {
14187
+ [dir="rtl"] .k-floating-label-container.k-empty > .k-label,
14188
+ .k-rtl .k-floating-label-container.k-empty > .k-label, .k-floating-label-container[dir="rtl"].k-empty > .k-label {
14158
14189
  left: auto;
14159
- right: calc( 8px + 1px);
14190
+ right: 9px;
14160
14191
  }
14161
14192
 
14162
14193
  [dir="rtl"] .k-floating-label-container > .k-label,
14163
- [dir="rtl"] .k-floating-label-container.k-state-focused > .k-label,
14164
14194
  [dir="rtl"] .k-floating-label-container.k-focus > .k-label,
14165
14195
  .k-rtl .k-floating-label-container > .k-label,
14166
- .k-rtl .k-floating-label-container.k-state-focused > .k-label,
14167
14196
  .k-rtl .k-floating-label-container.k-focus > .k-label, .k-floating-label-container[dir="rtl"] > .k-label,
14168
- .k-floating-label-container[dir="rtl"].k-state-focused > .k-label,
14169
14197
  .k-floating-label-container[dir="rtl"].k-focus > .k-label {
14170
14198
  left: auto;
14171
14199
  right: 0;
@@ -14747,7 +14775,9 @@ textarea.k-input-inner {
14747
14775
  position: relative;
14748
14776
  overflow: hidden;
14749
14777
  cursor: pointer;
14750
- user-select: none;
14778
+ -webkit-user-select: none;
14779
+ -ms-user-select: none;
14780
+ user-select: none;
14751
14781
  }
14752
14782
 
14753
14783
  .k-chip *,
@@ -15136,7 +15166,7 @@ textarea.k-input-inner {
15136
15166
  }
15137
15167
 
15138
15168
  .k-icon-color-preview .k-color-preview-mask {
15139
- width: calc( 16px - 2px);
15169
+ width: 14px;
15140
15170
  height: 2px;
15141
15171
  }
15142
15172
 
@@ -15299,32 +15329,32 @@ textarea.k-input-inner {
15299
15329
  top: 100%;
15300
15330
  left: 0;
15301
15331
  animation: spinner-3-segment 2s ease infinite;
15302
- animation-delay: calc( -2s / 3);
15332
+ animation-delay: -0.6666666667s;
15303
15333
  }
15304
15334
 
15305
15335
  .k-loader-spinner-3 .k-loader-segment:nth-child(3) {
15306
15336
  top: 100%;
15307
15337
  left: 100%;
15308
15338
  animation: spinner-3-segment 2s ease infinite;
15309
- animation-delay: calc( -4s / 3);
15339
+ animation-delay: -1.3333333333s;
15310
15340
  }
15311
15341
 
15312
15342
  .k-loader-spinner-3.k-loader-sm .k-loader-canvas {
15313
15343
  margin: 2px;
15314
- width: calc( 16px - 4px);
15315
- height: calc( 13.8564064608px - 4px);
15344
+ width: 12px;
15345
+ height: 9.8564064608px;
15316
15346
  }
15317
15347
 
15318
15348
  .k-loader-spinner-3.k-loader-md .k-loader-canvas {
15319
15349
  margin: 4px;
15320
- width: calc( 32px - 8px);
15321
- height: calc( 27.7128129216px - 8px);
15350
+ width: 24px;
15351
+ height: 19.7128129216px;
15322
15352
  }
15323
15353
 
15324
15354
  .k-loader-spinner-3.k-loader-lg .k-loader-canvas {
15325
15355
  margin: 8px;
15326
- width: calc( 64px - 16px);
15327
- height: calc( 55.4256258432px - 16px);
15356
+ width: 48px;
15357
+ height: 39.4256258432px;
15328
15358
  }
15329
15359
 
15330
15360
  @keyframes spinner-4-segment-1 {
@@ -15595,7 +15625,8 @@ textarea.k-input-inner {
15595
15625
  border-color: #cacaca;
15596
15626
  }
15597
15627
 
15598
- .k-loader-container-inner .k-text-secondary {
15628
+ .k-loader-container-inner .k-text-secondary,
15629
+ .k-loader-container-inner .\!k-text-secondary {
15599
15630
  color: #656565 !important;
15600
15631
  }
15601
15632
 
@@ -15704,7 +15735,9 @@ textarea.k-input-inner {
15704
15735
  flex-flow: column nowrap;
15705
15736
  flex: none;
15706
15737
  position: relative;
15707
- user-select: none;
15738
+ -webkit-user-select: none;
15739
+ -ms-user-select: none;
15740
+ user-select: none;
15708
15741
  }
15709
15742
 
15710
15743
  .k-menu-item-content {
@@ -15768,12 +15801,12 @@ textarea.k-input-inner {
15768
15801
 
15769
15802
  .k-menu-vertical > .k-menu-item > .k-menu-link {
15770
15803
  padding: 4px 8px;
15771
- padding-right: calc( 16px + 16px);
15804
+ padding-right: 32px;
15772
15805
  }
15773
15806
 
15774
15807
  .k-menu-vertical > .k-menu-item > .k-menu-link > .k-menu-expand-arrow {
15775
15808
  margin-inline-start: 8px;
15776
- margin-inline-end: calc( -1 * (calc( 16px + 16px) - 4px));
15809
+ margin-inline-end: -28px;
15777
15810
  }
15778
15811
 
15779
15812
  .k-menu-vertical > .k-separator {
@@ -15837,12 +15870,12 @@ textarea.k-input-inner {
15837
15870
 
15838
15871
  .k-menu-group-sm .k-menu-link {
15839
15872
  padding: 2px 8px;
15840
- padding-inline-end: calc( 16px + 16px);
15873
+ padding-inline-end: 32px;
15841
15874
  }
15842
15875
 
15843
15876
  .k-menu-group-sm .k-menu-expand-arrow {
15844
15877
  margin-inline-start: 8px;
15845
- margin-inline-end: calc( -1 * (calc( 16px + 16px) - 4px));
15878
+ margin-inline-end: -28px;
15846
15879
  }
15847
15880
 
15848
15881
  .k-menu-group-md {
@@ -15857,12 +15890,12 @@ textarea.k-input-inner {
15857
15890
 
15858
15891
  .k-menu-group-md .k-menu-link {
15859
15892
  padding: 4px 8px;
15860
- padding-inline-end: calc( 16px + 16px);
15893
+ padding-inline-end: 32px;
15861
15894
  }
15862
15895
 
15863
15896
  .k-menu-group-md .k-menu-expand-arrow {
15864
15897
  margin-inline-start: 8px;
15865
- margin-inline-end: calc( -1 * (calc( 16px + 16px) - 4px));
15898
+ margin-inline-end: -28px;
15866
15899
  }
15867
15900
 
15868
15901
  .k-menu-group-lg {
@@ -15877,12 +15910,12 @@ textarea.k-input-inner {
15877
15910
 
15878
15911
  .k-menu-group-lg .k-menu-link {
15879
15912
  padding: 6px 8px;
15880
- padding-inline-end: calc( 16px + 16px);
15913
+ padding-inline-end: 32px;
15881
15914
  }
15882
15915
 
15883
15916
  .k-menu-group-lg .k-menu-expand-arrow {
15884
15917
  margin-inline-start: 8px;
15885
- margin-inline-end: calc( -1 * (calc( 16px + 16px) - 4px));
15918
+ margin-inline-end: -28px;
15886
15919
  }
15887
15920
 
15888
15921
  .k-popups-wrapper {
@@ -15981,13 +16014,13 @@ textarea.k-input-inner {
15981
16014
  .k-rtl .k-menu-vertical > .k-menu-item > .k-menu-link,
15982
16015
  [dir="rtl"] .k-menu-vertical > .k-menu-item > .k-menu-link {
15983
16016
  padding-right: 8px;
15984
- padding-left: calc( 16px + 16px);
16017
+ padding-left: 32px;
15985
16018
  }
15986
16019
 
15987
16020
  .k-rtl .k-menu-group .k-menu-link,
15988
16021
  [dir="rtl"] .k-menu-group .k-menu-link {
15989
16022
  padding-right: 8px;
15990
- padding-left: calc( 16px + 16px);
16023
+ padding-left: 32px;
15991
16024
  }
15992
16025
 
15993
16026
  .k-menu:not(.k-context-menu) {
@@ -16083,7 +16116,7 @@ textarea.k-input-inner {
16083
16116
 
16084
16117
  .k-toolbar::before {
16085
16118
  content: "";
16086
- height: calc( 1.4285714286em + 8px + 2px);
16119
+ height: calc(1.4285714286em + 10px);
16087
16120
  margin-inline-start: -8px;
16088
16121
  }
16089
16122
 
@@ -16151,6 +16184,11 @@ textarea.k-input-inner {
16151
16184
  align-items: center;
16152
16185
  }
16153
16186
 
16187
+ .k-toolbar .k-toolbar-item:focus {
16188
+ text-decoration: none;
16189
+ outline: 0;
16190
+ }
16191
+
16154
16192
  .k-toolbar-group {
16155
16193
  display: flex;
16156
16194
  flex-direction: inherit;
@@ -16266,6 +16304,11 @@ kendo-toolbar-renderer {
16266
16304
  border-color: inherit;
16267
16305
  }
16268
16306
 
16307
+ .k-toolbar .k-toolbar-item:focus,
16308
+ .k-toolbar .k-toolbar-item.k-focus {
16309
+ box-shadow: 0 0 4px 0 rgba(202, 202, 202, 0.75);
16310
+ }
16311
+
16269
16312
  .k-overflow-container .k-button:hover, .k-overflow-container .k-button.k-hover {
16270
16313
  color: #272727;
16271
16314
  background: #dddddd;
@@ -16559,7 +16602,7 @@ kendo-label > .k-label {
16559
16602
  }
16560
16603
 
16561
16604
  .k-form-horizontal .k-form-field-wrap {
16562
- max-width: calc( ( 100% - 25% ) - 10px);
16605
+ max-width: calc(75% - 10px);
16563
16606
  flex: 1 1 auto;
16564
16607
  }
16565
16608
 
@@ -16626,7 +16669,7 @@ kendo-label > .k-label {
16626
16669
  width: 25%;
16627
16670
  text-align: right;
16628
16671
  line-height: 1.4285714286;
16629
- padding: calc( 4px + 1px) 0;
16672
+ padding: 5px 0;
16630
16673
  padding-right: 12px;
16631
16674
  align-self: center;
16632
16675
  }
@@ -16675,7 +16718,7 @@ kendo-label > .k-label {
16675
16718
 
16676
16719
  .k-edit-label {
16677
16720
  margin: 0 0 1em 0;
16678
- padding: calc( 4px + 1px) 0;
16721
+ padding: 5px 0;
16679
16722
  width: 30%;
16680
16723
  line-height: 1.4285714286;
16681
16724
  text-align: right;
@@ -16692,7 +16735,7 @@ kendo-label > .k-label {
16692
16735
  }
16693
16736
 
16694
16737
  .k-edit-field.k-no-editor {
16695
- padding: calc( 4px + 1px) 0;
16738
+ padding: 5px 0;
16696
16739
  }
16697
16740
 
16698
16741
  .k-edit-field > .k-widget {
@@ -16915,7 +16958,7 @@ kendo-label > .k-label {
16915
16958
  }
16916
16959
 
16917
16960
  .k-validator-tooltip {
16918
- margin-top: calc( 6px + 0px);
16961
+ margin-top: 6px;
16919
16962
  width: auto;
16920
16963
  white-space: normal;
16921
16964
  display: flex;
@@ -17131,7 +17174,6 @@ kendo-label > .k-label {
17131
17174
  box-sizing: border-box;
17132
17175
  }
17133
17176
 
17134
- .k-progressbar > .k-state-selected,
17135
17177
  .k-progressbar > .k-selected {
17136
17178
  border-width: 0;
17137
17179
  border-style: solid;
@@ -17204,16 +17246,14 @@ kendo-label > .k-label {
17204
17246
  flex-direction: row;
17205
17247
  }
17206
17248
 
17207
- .k-progressbar-horizontal > .k-state-selected,
17208
17249
  .k-progressbar-horizontal > .k-selected {
17209
17250
  width: 0;
17210
- width: calc( var( --kendo-progressbar-progress, 0 ) * 1%);
17251
+ width: calc(var( --kendo-progressbar-progress, 0 )*1%);
17211
17252
  flex-direction: row;
17212
17253
  }
17213
17254
 
17214
- .k-progressbar-horizontal > .k-state-selected > .k-progress-status-wrap,
17215
17255
  .k-progressbar-horizontal > .k-selected > .k-progress-status-wrap {
17216
- width: calc( 100% * ( 100 / var( --kendo-progressbar-progress, 1 ) ));
17256
+ width: calc(100%*(100/var( --kendo-progressbar-progress, 1 )));
17217
17257
  }
17218
17258
 
17219
17259
  .k-progressbar-horizontal > ul {
@@ -17226,7 +17266,6 @@ kendo-label > .k-label {
17226
17266
  border-inline-end-width: 0;
17227
17267
  }
17228
17268
 
17229
- .k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected,
17230
17269
  .k-progressbar-horizontal.k-progressbar-reverse > .k-selected {
17231
17270
  flex-direction: row-reverse;
17232
17271
  justify-self: flex-end;
@@ -17244,21 +17283,20 @@ kendo-label > .k-label {
17244
17283
  }
17245
17284
 
17246
17285
  .k-progressbar-vertical .k-progress-status {
17247
- writing-mode: vertical-lr;
17286
+ -ms-writing-mode: tb-lr;
17287
+ writing-mode: vertical-lr;
17248
17288
  }
17249
17289
 
17250
- .k-progressbar-vertical > .k-state-selected,
17251
17290
  .k-progressbar-vertical > .k-selected {
17252
17291
  height: 0;
17253
- height: calc( var( --kendo-progressbar-progress, 0 ) * 1%);
17292
+ height: calc(var( --kendo-progressbar-progress, 0 )*1%);
17254
17293
  flex-direction: column-reverse;
17255
17294
  align-self: flex-end;
17256
17295
  align-items: flex-end;
17257
17296
  }
17258
17297
 
17259
- .k-progressbar-vertical > .k-state-selected > .k-progress-status-wrap,
17260
17298
  .k-progressbar-vertical > .k-selected > .k-progress-status-wrap {
17261
- height: calc( 100% * ( 100 / var( --kendo-progressbar-progress, 1 ) ));
17299
+ height: calc(100%*(100/var( --kendo-progressbar-progress, 1 )));
17262
17300
  }
17263
17301
 
17264
17302
  .k-progressbar-vertical > ul {
@@ -17275,22 +17313,18 @@ kendo-label > .k-label {
17275
17313
  flex-direction: column;
17276
17314
  }
17277
17315
 
17278
- .k-progressbar-vertical.k-progressbar-reverse > .k-state-selected,
17279
17316
  .k-progressbar-vertical.k-progressbar-reverse > .k-selected {
17280
17317
  flex-direction: column;
17281
17318
  align-self: flex-start;
17282
17319
  }
17283
17320
 
17284
17321
  .k-progressbar-indeterminate .k-progress-status-wrap,
17285
- .k-progressbar-indeterminate .k-state-selected,
17286
17322
  .k-progressbar-indeterminate .k-selected,
17287
17323
  .k-progressbar-indeterminate .k-item {
17288
17324
  display: none;
17289
17325
  }
17290
17326
 
17291
- .telerik-blazor.k-progressbar-horizontal > .k-state-selected,
17292
17327
  .telerik-blazor.k-progressbar-horizontal > .k-selected,
17293
- .telerik-blazor.k-progressbar-horizontal > .k-state-selected > .k-progress-status-wrap,
17294
17328
  .telerik-blazor.k-progressbar-horizontal > .k-selected > .k-progress-status-wrap {
17295
17329
  transition: width .1s ease-in-out;
17296
17330
  }
@@ -17305,7 +17339,6 @@ kendo-label > .k-label {
17305
17339
  }
17306
17340
 
17307
17341
  .k-progressbar > .k-progress-status-wrap,
17308
- .k-progressbar > .k-state-selected,
17309
17342
  .k-progressbar > .k-selected {
17310
17343
  -ms-grid-column: 1;
17311
17344
  -ms-grid-row: 1;
@@ -17316,7 +17349,6 @@ kendo-label > .k-label {
17316
17349
  -ms-grid-rows: 22px;
17317
17350
  }
17318
17351
 
17319
- .k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected,
17320
17352
  .k-progressbar-horizontal.k-progressbar-reverse > .k-selected {
17321
17353
  -ms-grid-column-align: end;
17322
17354
  }
@@ -17326,12 +17358,10 @@ kendo-label > .k-label {
17326
17358
  -ms-grid-rows: 1fr;
17327
17359
  }
17328
17360
 
17329
- .k-progressbar-vertical > .k-state-selected,
17330
17361
  .k-progressbar-vertical > .k-selected {
17331
17362
  -ms-grid-row-align: end;
17332
17363
  }
17333
17364
 
17334
- .k-progressbar-vertical.k-progressbar-reverse > .k-state-selected,
17335
17365
  .k-progressbar-vertical.k-progressbar-reverse > .k-selected {
17336
17366
  -ms-grid-row-align: start;
17337
17367
  }
@@ -17390,7 +17420,6 @@ kendo-label > .k-label {
17390
17420
  background-color: #ebebeb;
17391
17421
  }
17392
17422
 
17393
- .k-progressbar .k-state-selected,
17394
17423
  .k-progressbar .k-selected {
17395
17424
  border-color: #e05100;
17396
17425
  color: white;
@@ -17550,13 +17579,11 @@ kendo-label > .k-label {
17550
17579
  }
17551
17580
 
17552
17581
  .k-ripple-container .k-radio:focus,
17553
- .k-ripple-container .k-radio.k-state-focus,
17554
17582
  .k-ripple-container .k-radio.k-focus {
17555
17583
  box-shadow: none !important;
17556
17584
  }
17557
17585
 
17558
17586
  .k-ripple-container .k-radio:focus::after,
17559
- .k-ripple-container .k-radio.k-state-focus::after,
17560
17587
  .k-ripple-container .k-radio.k-focus::after {
17561
17588
  transform: translate(-50%, -50%) scale(1);
17562
17589
  }
@@ -17619,20 +17646,17 @@ kendo-label > .k-label {
17619
17646
  }
17620
17647
 
17621
17648
  .k-radio:focus,
17622
- .k-radio.k-state-focus,
17623
17649
  .k-radio.k-focus {
17624
17650
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.06);
17625
17651
  }
17626
17652
 
17627
17653
  .k-radio.k-invalid,
17628
- .k-radio.k-state-invalid,
17629
17654
  .k-radio.ng-invalid.ng-touched,
17630
17655
  .k-radio.ng-invalid.ng-dirty {
17631
17656
  border-color: #d92800;
17632
17657
  }
17633
17658
 
17634
17659
  .k-radio.k-invalid + .k-radio-label,
17635
- .k-radio.k-state-invalid + .k-radio-label,
17636
17660
  .k-radio.ng-invalid.ng-touched + .k-radio-label,
17637
17661
  .k-radio.ng-invalid.ng-dirty + .k-radio-label {
17638
17662
  color: #d92800;
@@ -17646,7 +17670,6 @@ kendo-label > .k-label {
17646
17670
  }
17647
17671
 
17648
17672
  .k-radio:checked:focus,
17649
- .k-radio.k-checked.k-state-focus,
17650
17673
  .k-radio.k-checked.k-focus {
17651
17674
  box-shadow: 0 0 0 2px rgba(243, 88, 0, 0.3);
17652
17675
  }
@@ -17699,9 +17722,7 @@ kendo-label > .k-label {
17699
17722
  position: relative;
17700
17723
  }
17701
17724
 
17702
- .k-slider.k-state-disabled .k-tick,
17703
- .k-slider.k-state-disabled .k-slider-track,
17704
- .k-slider.k-state-disabled .k-draghandle, .k-slider.k-disabled .k-tick,
17725
+ .k-slider.k-disabled .k-tick,
17705
17726
  .k-slider.k-disabled .k-slider-track,
17706
17727
  .k-slider.k-disabled .k-draghandle {
17707
17728
  cursor: default;
@@ -17726,7 +17747,7 @@ kendo-label > .k-label {
17726
17747
  .k-slider {
17727
17748
  width: min-content;
17728
17749
  height: min-content;
17729
- gap: calc( 14px / 2);
17750
+ gap: 7px;
17730
17751
  }
17731
17752
 
17732
17753
  .k-slider .k-button {
@@ -17749,7 +17770,9 @@ kendo-label > .k-label {
17749
17770
  display: flex;
17750
17771
  flex-flow: inherit;
17751
17772
  justify-content: space-between;
17752
- user-select: none;
17773
+ -webkit-user-select: none;
17774
+ -ms-user-select: none;
17775
+ user-select: none;
17753
17776
  }
17754
17777
 
17755
17778
  .k-slider .k-slider-track-wrap .k-tick {
@@ -17789,31 +17812,31 @@ kendo-label > .k-label {
17789
17812
  }
17790
17813
 
17791
17814
  .k-slider-horizontal .k-slider-track-wrap .k-slider-selection {
17792
- width: calc( (var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0)) * 1%);
17793
- left: calc( var(--kendo-slider-start, 0) * 1%);
17815
+ width: calc((var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0))*1%);
17816
+ left: calc(var(--kendo-slider-start, 0)*1%);
17794
17817
  }
17795
17818
 
17796
17819
  .k-slider-horizontal .k-slider-track-wrap .k-draghandle-start {
17797
- left: calc( var(--kendo-slider-start, 0) * 1%);
17820
+ left: calc(var(--kendo-slider-start, 0)*1%);
17798
17821
  }
17799
17822
 
17800
17823
  .k-slider-horizontal .k-slider-track-wrap .k-draghandle-end {
17801
- left: calc( var(--kendo-slider-end, 0) * 1%);
17824
+ left: calc(var(--kendo-slider-end, 0)*1%);
17802
17825
  }
17803
17826
 
17804
17827
  [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-slider-selection {
17805
17828
  left: unset;
17806
- right: calc( var(--kendo-slider-start, 0) * 1%);
17829
+ right: calc(var(--kendo-slider-start, 0)*1%);
17807
17830
  }
17808
17831
 
17809
17832
  [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle-start {
17810
17833
  left: unset;
17811
- right: calc( var(--kendo-slider-start, 0) * 1%);
17834
+ right: calc(var(--kendo-slider-start, 0)*1%);
17812
17835
  }
17813
17836
 
17814
17837
  [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle-end {
17815
17838
  left: unset;
17816
- right: calc( var(--kendo-slider-end, 0) * 1%);
17839
+ right: calc(var(--kendo-slider-end, 0)*1%);
17817
17840
  }
17818
17841
 
17819
17842
  [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle {
@@ -17844,16 +17867,16 @@ kendo-label > .k-label {
17844
17867
  }
17845
17868
 
17846
17869
  .k-slider-vertical .k-slider-track-wrap .k-slider-selection {
17847
- bottom: calc( var(--kendo-slider-start, 0) * 1%);
17848
- height: calc( (var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0)) * 1%);
17870
+ bottom: calc(var(--kendo-slider-start, 0)*1%);
17871
+ height: calc((var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0))*1%);
17849
17872
  }
17850
17873
 
17851
17874
  .k-slider-vertical .k-slider-track-wrap .k-draghandle-start {
17852
- bottom: calc( var(--kendo-slider-start, 0) * 1%);
17875
+ bottom: calc(var(--kendo-slider-start, 0)*1%);
17853
17876
  }
17854
17877
 
17855
17878
  .k-slider-vertical .k-slider-track-wrap .k-draghandle-end {
17856
- bottom: calc( var(--kendo-slider-end, 0) * 1%);
17879
+ bottom: calc(var(--kendo-slider-end, 0)*1%);
17857
17880
  }
17858
17881
 
17859
17882
  .k-slider-vertical {
@@ -18081,12 +18104,12 @@ kendo-label > .k-label {
18081
18104
  left: auto;
18082
18105
  }
18083
18106
 
18084
- .k-rtl .k-slider-horizontal .k-button .k-i-arrow-e,
18085
- .k-rtl .k-slider-horizontal .k-button .k-i-arrow-w, .k-slider-horizontal.k-rtl .k-button .k-i-arrow-e,
18086
- .k-slider-horizontal.k-rtl .k-button .k-i-arrow-w,
18087
- [dir="rtl"] .k-slider-horizontal .k-button .k-i-arrow-e,
18088
- [dir="rtl"] .k-slider-horizontal .k-button .k-i-arrow-w, .k-slider-horizontal[dir="rtl"] .k-button .k-i-arrow-e,
18089
- .k-slider-horizontal[dir="rtl"] .k-button .k-i-arrow-w {
18107
+ .k-rtl .k-slider-horizontal .k-button-increase .k-icon,
18108
+ .k-rtl .k-slider-horizontal .k-button-decrease .k-icon, .k-slider-horizontal.k-rtl .k-button-increase .k-icon,
18109
+ .k-slider-horizontal.k-rtl .k-button-decrease .k-icon,
18110
+ [dir="rtl"] .k-slider-horizontal .k-button-increase .k-icon,
18111
+ [dir="rtl"] .k-slider-horizontal .k-button-decrease .k-icon, .k-slider-horizontal[dir="rtl"] .k-button-increase .k-icon,
18112
+ .k-slider-horizontal[dir="rtl"] .k-button-decrease .k-icon {
18090
18113
  transform: scaleX(-1);
18091
18114
  }
18092
18115
 
@@ -18172,13 +18195,13 @@ kendo-label > .k-label {
18172
18195
  }
18173
18196
 
18174
18197
  .k-slider-horizontal .k-slider-wrap:not(.k-slider-buttons) {
18175
- padding-left: calc( 14px / 2);
18176
- padding-right: calc( 14px / 2);
18198
+ padding-left: 7px;
18199
+ padding-right: 7px;
18177
18200
  }
18178
18201
 
18179
18202
  .k-slider-vertical .k-slider-wrap:not(.k-slider-buttons) {
18180
- padding-top: calc( 14px / 2);
18181
- padding-bottom: calc( 14px / 2);
18203
+ padding-top: 7px;
18204
+ padding-bottom: 7px;
18182
18205
  }
18183
18206
 
18184
18207
  .k-slider {
@@ -18215,11 +18238,11 @@ kendo-label > .k-label {
18215
18238
  background-color: #cc4a00;
18216
18239
  }
18217
18240
 
18218
- .k-slider .k-draghandle:focus, .k-slider .k-draghandle.k-state-focused, .k-slider .k-draghandle.k-focus {
18241
+ .k-slider .k-draghandle:focus, .k-slider .k-draghandle.k-focus {
18219
18242
  box-shadow: 0 0 4px 0 rgba(204, 74, 0, 0.75);
18220
18243
  }
18221
18244
 
18222
- .k-slider.k-state-focused .k-draghandle, .k-slider.k-focus .k-draghandle {
18245
+ .k-slider.k-focus .k-draghandle {
18223
18246
  box-shadow: 0 0 4px 0 rgba(204, 74, 0, 0.75);
18224
18247
  }
18225
18248
 
@@ -18245,7 +18268,9 @@ kendo-label > .k-label {
18245
18268
  overflow: hidden;
18246
18269
  display: inline-flex;
18247
18270
  flex-flow: column nowrap;
18248
- user-select: none;
18271
+ -webkit-user-select: none;
18272
+ -ms-user-select: none;
18273
+ user-select: none;
18249
18274
  -webkit-touch-callout: none;
18250
18275
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
18251
18276
  }
@@ -18760,13 +18785,11 @@ kendo-label > .k-label {
18760
18785
  color: #f35800;
18761
18786
  }
18762
18787
 
18763
- .k-calendar .k-nav-today:hover, .k-calendar .k-nav-today.k-hover, .k-calendar .k-nav-today.k-state-hover, .k-calendar .k-nav-today:focus, .k-calendar .k-nav-today.k-focus, .k-calendar .k-nav-today.k-state-focus,
18788
+ .k-calendar .k-nav-today:hover, .k-calendar .k-nav-today.k-hover, .k-calendar .k-nav-today:focus, .k-calendar .k-nav-today.k-focus,
18764
18789
  .k-calendar .k-calendar-nav-today:hover,
18765
18790
  .k-calendar .k-calendar-nav-today.k-hover,
18766
- .k-calendar .k-calendar-nav-today.k-state-hover,
18767
18791
  .k-calendar .k-calendar-nav-today:focus,
18768
- .k-calendar .k-calendar-nav-today.k-focus,
18769
- .k-calendar .k-calendar-nav-today.k-state-focus {
18792
+ .k-calendar .k-calendar-nav-today.k-focus {
18770
18793
  color: #cc4a00;
18771
18794
  }
18772
18795
 
@@ -18792,17 +18815,13 @@ kendo-label > .k-label {
18792
18815
 
18793
18816
  .k-calendar .k-calendar-td:hover .k-calendar-cell-inner, .k-calendar .k-calendar-td:hover .k-link,
18794
18817
  .k-calendar .k-calendar-td.k-hover .k-calendar-cell-inner,
18795
- .k-calendar .k-calendar-td.k-hover .k-link,
18796
- .k-calendar .k-calendar-td.k-state-hover .k-calendar-cell-inner,
18797
- .k-calendar .k-calendar-td.k-state-hover .k-link {
18818
+ .k-calendar .k-calendar-td.k-hover .k-link {
18798
18819
  border-color: #bababa;
18799
18820
  color: #272727;
18800
18821
  background-color: #dddddd;
18801
18822
  }
18802
18823
 
18803
- .k-calendar .k-calendar-td.k-selected .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected .k-link,
18804
- .k-calendar .k-calendar-td.k-state-selected .k-calendar-cell-inner,
18805
- .k-calendar .k-calendar-td.k-state-selected .k-link {
18824
+ .k-calendar .k-calendar-td.k-selected .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected .k-link {
18806
18825
  border-color: #cc4a00;
18807
18826
  color: white;
18808
18827
  background-color: #f35800;
@@ -18810,9 +18829,7 @@ kendo-label > .k-label {
18810
18829
 
18811
18830
  .k-calendar .k-calendar-td.k-selected:hover .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected:hover .k-link,
18812
18831
  .k-calendar .k-calendar-td.k-selected.k-hover .k-calendar-cell-inner,
18813
- .k-calendar .k-calendar-td.k-selected.k-hover .k-link,
18814
- .k-calendar .k-calendar-td.k-state-selected:hover .k-calendar-cell-inner,
18815
- .k-calendar .k-calendar-td.k-state-selected:hover .k-link {
18832
+ .k-calendar .k-calendar-td.k-selected.k-hover .k-link {
18816
18833
  border-color: #cc4a00;
18817
18834
  color: white;
18818
18835
  background-color: #e05100;
@@ -18820,19 +18837,13 @@ kendo-label > .k-label {
18820
18837
 
18821
18838
  .k-calendar .k-calendar-td:focus .k-calendar-cell-inner, .k-calendar .k-calendar-td:focus .k-link,
18822
18839
  .k-calendar .k-calendar-td.k-focus .k-calendar-cell-inner,
18823
- .k-calendar .k-calendar-td.k-focus .k-link,
18824
- .k-calendar .k-calendar-td.k-state-focus .k-calendar-cell-inner,
18825
- .k-calendar .k-calendar-td.k-state-focus .k-link,
18826
- .k-calendar .k-calendar-td.k-state-focused .k-calendar-cell-inner,
18827
- .k-calendar .k-calendar-td.k-state-focused .k-link {
18840
+ .k-calendar .k-calendar-td.k-focus .k-link {
18828
18841
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.08);
18829
18842
  }
18830
18843
 
18831
18844
  .k-calendar .k-calendar-td.k-selected:focus .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected:focus .k-link,
18832
18845
  .k-calendar .k-calendar-td.k-selected.k-focus .k-calendar-cell-inner,
18833
- .k-calendar .k-calendar-td.k-selected.k-focus .k-link,
18834
- .k-calendar .k-calendar-td.k-state-selected.k-state-focus .k-calendar-cell-inner,
18835
- .k-calendar .k-calendar-td.k-state-selected.k-state-focus .k-link {
18846
+ .k-calendar .k-calendar-td.k-selected.k-focus .k-link {
18836
18847
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.08);
18837
18848
  }
18838
18849
 
@@ -18843,8 +18854,7 @@ kendo-label > .k-label {
18843
18854
  }
18844
18855
 
18845
18856
  .k-calendar .k-calendar-navigation li:hover,
18846
- .k-calendar .k-calendar-navigation li.k-hover,
18847
- .k-calendar .k-calendar-navigation li.k-state-hover {
18857
+ .k-calendar .k-calendar-navigation li.k-hover {
18848
18858
  color: #cc4a00;
18849
18859
  }
18850
18860
 
@@ -18859,7 +18869,7 @@ kendo-label > .k-label {
18859
18869
  box-shadow: inset 1px 0 #cacaca;
18860
18870
  }
18861
18871
 
18862
- .k-calendar.k-invalid, .k-calendar.k-invalid:hover, .k-calendar.k-state-invalid, .k-calendar.ng-invalid.ng-touched, .k-calendar.ng-invalid.ng-dirty {
18872
+ .k-calendar.k-invalid, .k-calendar.k-invalid:hover, .k-calendar.ng-invalid.ng-touched, .k-calendar.ng-invalid.ng-dirty {
18863
18873
  border-color: #d92800;
18864
18874
  }
18865
18875
 
@@ -18886,12 +18896,8 @@ kendo-label > .k-label {
18886
18896
  }
18887
18897
 
18888
18898
  .k-calendar .k-range-start.k-active .k-calendar-cell-inner, .k-calendar .k-range-start.k-active .k-link,
18889
- .k-calendar .k-range-start.k-state-active .k-calendar-cell-inner,
18890
- .k-calendar .k-range-start.k-state-active .k-link,
18891
18899
  .k-calendar .k-range-end.k-active .k-calendar-cell-inner,
18892
- .k-calendar .k-range-end.k-active .k-link,
18893
- .k-calendar .k-range-end.k-state-active .k-calendar-cell-inner,
18894
- .k-calendar .k-range-end.k-state-active .k-link {
18900
+ .k-calendar .k-range-end.k-active .k-link {
18895
18901
  box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.2);
18896
18902
  }
18897
18903
 
@@ -18934,7 +18940,9 @@ kendo-label > .k-label {
18934
18940
  overflow: hidden;
18935
18941
  display: flex;
18936
18942
  flex-flow: column nowrap;
18937
- user-select: none;
18943
+ -webkit-user-select: none;
18944
+ -ms-user-select: none;
18945
+ user-select: none;
18938
18946
  -webkit-touch-callout: none;
18939
18947
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
18940
18948
  }
@@ -18978,12 +18986,12 @@ kendo-label > .k-label {
18978
18986
  .k-time-highlight,
18979
18987
  .k-time-list-highlight {
18980
18988
  width: 100%;
18981
- height: calc( 20px + 8px);
18989
+ height: 28px;
18982
18990
  border-width: 1px 0px;
18983
18991
  border-style: solid;
18984
18992
  box-sizing: border-box;
18985
18993
  position: absolute;
18986
- top: calc( 50% + 9px);
18994
+ top: calc(50% + 9px);
18987
18995
  left: 0;
18988
18996
  right: 0;
18989
18997
  transform: translateY(-50%);
@@ -19012,24 +19020,24 @@ kendo-label > .k-label {
19012
19020
  display: block;
19013
19021
  }
19014
19022
 
19015
- .k-time-list-wrapper.k-state-focused::before, .k-time-list-wrapper.k-state-focused::after, .k-time-list-wrapper.k-focus::before, .k-time-list-wrapper.k-focus::after {
19023
+ .k-time-list-wrapper.k-focus::before, .k-time-list-wrapper.k-focus::after {
19016
19024
  display: block;
19017
19025
  content: "\200b";
19018
19026
  position: absolute;
19019
19027
  width: 100%;
19020
19028
  left: 0;
19021
19029
  pointer-events: none;
19022
- height: calc( 50% - calc( 20px + 8px)/2);
19030
+ height: calc(50% - 14px);
19023
19031
  box-sizing: border-box;
19024
19032
  border-width: 0;
19025
19033
  border-style: solid;
19026
19034
  }
19027
19035
 
19028
- .k-time-list-wrapper.k-state-focused::before, .k-time-list-wrapper.k-focus::before {
19036
+ .k-time-list-wrapper.k-focus::before {
19029
19037
  top: 18px;
19030
19038
  }
19031
19039
 
19032
- .k-time-list-wrapper.k-state-focused::after, .k-time-list-wrapper.k-focus::after {
19040
+ .k-time-list-wrapper.k-focus::after {
19033
19041
  bottom: 0;
19034
19042
  }
19035
19043
 
@@ -19109,14 +19117,14 @@ kendo-label > .k-label {
19109
19117
 
19110
19118
  .k-time-separator {
19111
19119
  width: 0;
19112
- height: calc( 20px + 8px);
19120
+ height: 28px;
19113
19121
  align-self: center;
19114
19122
  display: inline-flex;
19115
19123
  justify-content: center;
19116
19124
  align-items: center;
19117
19125
  position: relative;
19118
19126
  z-index: 11;
19119
- top: calc( 9px);
19127
+ top: 9px;
19120
19128
  }
19121
19129
 
19122
19130
  .k-timeselector-sm {
@@ -19126,11 +19134,11 @@ kendo-label > .k-label {
19126
19134
 
19127
19135
  .k-timeselector-sm .k-time-highlight,
19128
19136
  .k-timeselector-sm .k-time-list-highlight {
19129
- height: calc( 20px + 4px);
19137
+ height: 24px;
19130
19138
  }
19131
19139
 
19132
19140
  .k-timeselector-sm .k-time-separator {
19133
- height: calc( 20px + 4px);
19141
+ height: 24px;
19134
19142
  }
19135
19143
 
19136
19144
  .k-timeselector-sm .k-time-list-item,
@@ -19145,11 +19153,11 @@ kendo-label > .k-label {
19145
19153
 
19146
19154
  .k-timeselector-md .k-time-highlight,
19147
19155
  .k-timeselector-md .k-time-list-highlight {
19148
- height: calc( 20px + 8px);
19156
+ height: 28px;
19149
19157
  }
19150
19158
 
19151
19159
  .k-timeselector-md .k-time-separator {
19152
- height: calc( 20px + 8px);
19160
+ height: 28px;
19153
19161
  }
19154
19162
 
19155
19163
  .k-timeselector-md .k-time-list-item,
@@ -19164,11 +19172,11 @@ kendo-label > .k-label {
19164
19172
 
19165
19173
  .k-timeselector-lg .k-time-highlight,
19166
19174
  .k-timeselector-lg .k-time-list-highlight {
19167
- height: calc( 24px + 16px);
19175
+ height: 40px;
19168
19176
  }
19169
19177
 
19170
19178
  .k-timeselector-lg .k-time-separator {
19171
- height: calc( 24px + 16px);
19179
+ height: 40px;
19172
19180
  }
19173
19181
 
19174
19182
  .k-timeselector-lg .k-time-list-item,
@@ -19196,11 +19204,11 @@ kendo-label > .k-label {
19196
19204
  color: #646464;
19197
19205
  }
19198
19206
 
19199
- .k-time-list-wrapper.k-state-focused .k-title, .k-time-list-wrapper.k-focus .k-title {
19207
+ .k-time-list-wrapper.k-focus .k-title {
19200
19208
  color: #272727;
19201
19209
  }
19202
19210
 
19203
- .k-time-list-wrapper.k-state-focused::before, .k-time-list-wrapper.k-state-focused::after, .k-time-list-wrapper.k-focus::before, .k-time-list-wrapper.k-focus::after {
19211
+ .k-time-list-wrapper.k-focus::before, .k-time-list-wrapper.k-focus::after {
19204
19212
  background-color: rgba(0, 0, 0, 0.04);
19205
19213
  }
19206
19214
 
@@ -19316,25 +19324,25 @@ kendo-label > .k-label {
19316
19324
  -ms-high-contrast-adjust: none;
19317
19325
  }
19318
19326
 
19319
- .k-colorpalette-tile:hover, .k-colorpalette-tile.k-state-hover, .k-colorpalette-tile.k-hover {
19327
+ .k-colorpalette-tile:hover, .k-colorpalette-tile.k-hover {
19320
19328
  position: relative;
19321
19329
  z-index: 101;
19322
19330
  }
19323
19331
 
19324
- .k-colorpalette-tile:focus, .k-colorpalette-tile.k-state-focus, .k-colorpalette-tile.k-focus, .k-colorpalette-tile.k-state-selected, .k-colorpalette-tile.k-selected, .k-colorpalette-tile.k-state-selected:hover, .k-colorpalette-tile.k-selected:hover {
19332
+ .k-colorpalette-tile:focus, .k-colorpalette-tile.k-focus, .k-colorpalette-tile.k-selected, .k-colorpalette-tile.k-selected:hover {
19325
19333
  position: relative;
19326
19334
  z-index: 100;
19327
19335
  }
19328
19336
 
19329
- .k-colorpalette-tile:focus, .k-colorpalette-tile.k-state-focus, .k-colorpalette-tile.k-focus {
19337
+ .k-colorpalette-tile:focus, .k-colorpalette-tile.k-focus {
19330
19338
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
19331
19339
  }
19332
19340
 
19333
- .k-colorpalette-tile:hover, .k-colorpalette-tile.k-state-hover, .k-colorpalette-tile.k-hover {
19341
+ .k-colorpalette-tile:hover, .k-colorpalette-tile.k-hover {
19334
19342
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.8);
19335
19343
  }
19336
19344
 
19337
- .k-colorpalette-tile.k-state-selected, .k-colorpalette-tile.k-selected, .k-colorpalette-tile.k-state-selected:hover, .k-colorpalette-tile.k-selected, .k-colorpalette-tile.k-selected:hover {
19345
+ .k-colorpalette-tile.k-selected, .k-colorpalette-tile.k-selected:hover {
19338
19346
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px white;
19339
19347
  }
19340
19348
 
@@ -19371,7 +19379,9 @@ kendo-label > .k-label {
19371
19379
  border-radius: 4px;
19372
19380
  position: relative;
19373
19381
  flex: 1 1 auto;
19374
- user-select: none;
19382
+ -webkit-user-select: none;
19383
+ -ms-user-select: none;
19384
+ user-select: none;
19375
19385
  -ms-touch-action: pinch-zoom double-tap-zoom;
19376
19386
  }
19377
19387
 
@@ -19499,7 +19509,7 @@ kendo-label > .k-label {
19499
19509
  vertical-align: middle;
19500
19510
  }
19501
19511
 
19502
- .k-colorgradient-color-contrast .k-contrast-validation .k-i-check + .k-i-check {
19512
+ .k-colorgradient-color-contrast .k-contrast-validation .k-icon + .k-icon {
19503
19513
  margin-left: -13px;
19504
19514
  }
19505
19515
 
@@ -19524,7 +19534,6 @@ kendo-label > .k-label {
19524
19534
  }
19525
19535
 
19526
19536
  .k-colorgradient:focus,
19527
- .k-colorgradient.k-state-focus,
19528
19537
  .k-colorgradient.k-focus {
19529
19538
  box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.3);
19530
19539
  }
@@ -19539,13 +19548,13 @@ kendo-label > .k-label {
19539
19548
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
19540
19549
  }
19541
19550
 
19542
- .k-colorgradient .k-draghandle:focus, .k-colorgradient .k-draghandle.k-state-focus, .k-colorgradient .k-draghandle.k-focus {
19551
+ .k-colorgradient .k-draghandle:focus, .k-colorgradient .k-draghandle.k-focus {
19543
19552
  border-color: #ffffff;
19544
19553
  background-color: transparent;
19545
19554
  box-shadow: 0 1px 4px black;
19546
19555
  }
19547
19556
 
19548
- .k-colorgradient .k-draghandle:active, .k-colorgradient .k-draghandle:hover, .k-colorgradient .k-draghandle.k-state-hover, .k-colorgradient .k-draghandle.k-hover {
19557
+ .k-colorgradient .k-draghandle:hover, .k-colorgradient .k-draghandle.k-hover, .k-colorgradient .k-draghandle.k-active, .k-colorgradient .k-draghandle:active {
19549
19558
  border-color: #ffffff;
19550
19559
  background-color: transparent;
19551
19560
  box-shadow: 0 1px 4px black;
@@ -19617,7 +19626,7 @@ kendo-label > .k-label {
19617
19626
  }
19618
19627
 
19619
19628
  .k-coloreditor-views {
19620
- min-width: calc( var(--kendo-color-preview-width, 24px) * var(--kendo-color-preview-columns, 10));
19629
+ min-width: calc(var(--kendo-color-preview-width, 24px)*var(--kendo-color-preview-columns, 10));
19621
19630
  padding: 12px 12px;
19622
19631
  gap: 12px;
19623
19632
  }
@@ -19650,7 +19659,6 @@ kendo-label > .k-label {
19650
19659
  }
19651
19660
 
19652
19661
  .k-coloreditor:focus,
19653
- .k-coloreditor.k-state-focus,
19654
19662
  .k-coloreditor.k-focus {
19655
19663
  box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.3);
19656
19664
  }
@@ -19665,7 +19673,7 @@ kendo-label > .k-label {
19665
19673
  }
19666
19674
 
19667
19675
  .k-datetime-wrap {
19668
- width: calc( 256px + 32px);
19676
+ width: 288px;
19669
19677
  overflow: hidden;
19670
19678
  }
19671
19679
 
@@ -19682,7 +19690,7 @@ kendo-label > .k-label {
19682
19690
  .k-datetime-calendar-wrap,
19683
19691
  .k-datetime-time-wrap {
19684
19692
  text-align: center;
19685
- flex: 0 0 calc( 256px + 32px);
19693
+ flex: 0 0 288px;
19686
19694
  }
19687
19695
 
19688
19696
  .k-date-tab .k-datetime-selector {
@@ -19995,7 +20003,7 @@ kendo-label > .k-label {
19995
20003
  box-sizing: border-box;
19996
20004
  }
19997
20005
 
19998
- .k-rating.k-state-readonly {
20006
+ .k-rating.k-readonly {
19999
20007
  pointer-events: none;
20000
20008
  }
20001
20009
 
@@ -20065,14 +20073,11 @@ kendo-label > .k-label {
20065
20073
  color: #272727;
20066
20074
  }
20067
20075
 
20068
- .k-rating:focus .k-rating-item > .k-icon, .k-rating.k-state-focused .k-rating-item > .k-icon, .k-rating.k-focus .k-rating-item > .k-icon {
20076
+ .k-rating:focus .k-rating-item > .k-icon, .k-rating.k-focus .k-rating-item > .k-icon {
20069
20077
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
20070
20078
  }
20071
20079
 
20072
- .k-rating:focus .k-rating-item.k-state-selected > .k-icon,
20073
- .k-rating:focus .k-rating-item.k-selected > .k-icon, .k-rating.k-state-focused .k-rating-item.k-state-selected > .k-icon,
20074
- .k-rating.k-state-focused .k-rating-item.k-selected > .k-icon, .k-rating.k-focus .k-rating-item.k-state-selected > .k-icon,
20075
- .k-rating.k-focus .k-rating-item.k-selected > .k-icon {
20080
+ .k-rating:focus .k-rating-item.k-selected > .k-icon, .k-rating.k-focus .k-rating-item.k-selected > .k-icon {
20076
20081
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
20077
20082
  }
20078
20083
 
@@ -20080,15 +20085,15 @@ kendo-label > .k-label {
20080
20085
  color: #272727;
20081
20086
  }
20082
20087
 
20083
- .k-rating-item.k-state-selected, .k-rating-item.k-selected {
20088
+ .k-rating-item.k-selected {
20084
20089
  color: #f35800;
20085
20090
  }
20086
20091
 
20087
- .k-rating-item.k-state-selected:focus, .k-rating-item.k-state-selected.k-state-focused, .k-rating-item.k-state-selected.k-focus, .k-rating-item.k-selected:focus, .k-rating-item.k-selected.k-state-focused, .k-rating-item.k-selected.k-focus {
20092
+ .k-rating-item.k-selected:focus, .k-rating-item.k-selected.k-focus {
20088
20093
  color: #f35800;
20089
20094
  }
20090
20095
 
20091
- .k-rating-item:hover, .k-rating-item.k-state-hover, .k-rating-item.k-hover {
20096
+ .k-rating-item:hover, .k-rating-item.k-hover {
20092
20097
  color: #f35800;
20093
20098
  cursor: pointer;
20094
20099
  }
@@ -20102,7 +20107,9 @@ kendo-label > .k-label {
20102
20107
  line-height: 1;
20103
20108
  position: relative;
20104
20109
  cursor: pointer;
20105
- user-select: none;
20110
+ -webkit-user-select: none;
20111
+ -ms-user-select: none;
20112
+ user-select: none;
20106
20113
  -webkit-touch-callout: none;
20107
20114
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
20108
20115
  }
@@ -20187,11 +20194,11 @@ kendo-label > .k-label {
20187
20194
  }
20188
20195
 
20189
20196
  .k-switch-sm.k-switch-on .k-switch-thumb-wrap {
20190
- left: calc( 100% - 10px - 3px);
20197
+ left: calc(100% - 13px);
20191
20198
  }
20192
20199
 
20193
20200
  .k-switch-sm.k-switch-off .k-switch-thumb-wrap {
20194
- left: calc( 10px + 3px);
20201
+ left: 13px;
20195
20202
  }
20196
20203
 
20197
20204
  .k-switch-sm[dir="rtl"] .k-switch-label-on,
@@ -20211,13 +20218,13 @@ kendo-label > .k-label {
20211
20218
  .k-switch-sm[dir="rtl"].k-switch-on .k-switch-thumb-wrap,
20212
20219
  [dir="rtl"] .k-switch-sm.k-switch-on .k-switch-thumb-wrap,
20213
20220
  .k-rtl .k-switch-sm.k-switch-on .k-switch-thumb-wrap {
20214
- left: calc( 10px + 3px);
20221
+ left: 13px;
20215
20222
  }
20216
20223
 
20217
20224
  .k-switch-sm[dir="rtl"].k-switch-off .k-switch-thumb-wrap,
20218
20225
  [dir="rtl"] .k-switch-sm.k-switch-off .k-switch-thumb-wrap,
20219
20226
  .k-rtl .k-switch-sm.k-switch-off .k-switch-thumb-wrap {
20220
- left: calc( 100% - 10px - 3px);
20227
+ left: calc(100% - 13px);
20221
20228
  }
20222
20229
 
20223
20230
  .k-switch-md {
@@ -20245,11 +20252,11 @@ kendo-label > .k-label {
20245
20252
  }
20246
20253
 
20247
20254
  .k-switch-md.k-switch-on .k-switch-thumb-wrap {
20248
- left: calc( 100% - 12px - 3px);
20255
+ left: calc(100% - 15px);
20249
20256
  }
20250
20257
 
20251
20258
  .k-switch-md.k-switch-off .k-switch-thumb-wrap {
20252
- left: calc( 12px + 3px);
20259
+ left: 15px;
20253
20260
  }
20254
20261
 
20255
20262
  .k-switch-md[dir="rtl"] .k-switch-label-on,
@@ -20269,13 +20276,13 @@ kendo-label > .k-label {
20269
20276
  .k-switch-md[dir="rtl"].k-switch-on .k-switch-thumb-wrap,
20270
20277
  [dir="rtl"] .k-switch-md.k-switch-on .k-switch-thumb-wrap,
20271
20278
  .k-rtl .k-switch-md.k-switch-on .k-switch-thumb-wrap {
20272
- left: calc( 12px + 3px);
20279
+ left: 15px;
20273
20280
  }
20274
20281
 
20275
20282
  .k-switch-md[dir="rtl"].k-switch-off .k-switch-thumb-wrap,
20276
20283
  [dir="rtl"] .k-switch-md.k-switch-off .k-switch-thumb-wrap,
20277
20284
  .k-rtl .k-switch-md.k-switch-off .k-switch-thumb-wrap {
20278
- left: calc( 100% - 12px - 3px);
20285
+ left: calc(100% - 15px);
20279
20286
  }
20280
20287
 
20281
20288
  .k-switch-lg {
@@ -20303,11 +20310,11 @@ kendo-label > .k-label {
20303
20310
  }
20304
20311
 
20305
20312
  .k-switch-lg.k-switch-on .k-switch-thumb-wrap {
20306
- left: calc( 100% - 14px - 3px);
20313
+ left: calc(100% - 17px);
20307
20314
  }
20308
20315
 
20309
20316
  .k-switch-lg.k-switch-off .k-switch-thumb-wrap {
20310
- left: calc( 14px + 3px);
20317
+ left: 17px;
20311
20318
  }
20312
20319
 
20313
20320
  .k-switch-lg[dir="rtl"] .k-switch-label-on,
@@ -20327,13 +20334,13 @@ kendo-label > .k-label {
20327
20334
  .k-switch-lg[dir="rtl"].k-switch-on .k-switch-thumb-wrap,
20328
20335
  [dir="rtl"] .k-switch-lg.k-switch-on .k-switch-thumb-wrap,
20329
20336
  .k-rtl .k-switch-lg.k-switch-on .k-switch-thumb-wrap {
20330
- left: calc( 14px + 3px);
20337
+ left: 17px;
20331
20338
  }
20332
20339
 
20333
20340
  .k-switch-lg[dir="rtl"].k-switch-off .k-switch-thumb-wrap,
20334
20341
  [dir="rtl"] .k-switch-lg.k-switch-off .k-switch-thumb-wrap,
20335
20342
  .k-rtl .k-switch-lg.k-switch-off .k-switch-thumb-wrap {
20336
- left: calc( 100% - 14px - 3px);
20343
+ left: calc(100% - 17px);
20337
20344
  }
20338
20345
 
20339
20346
  .k-switch[dir="rtl"] .k-switch-thumb,
@@ -20545,7 +20552,7 @@ kendo-label > .k-label {
20545
20552
  }
20546
20553
 
20547
20554
  .k-upload .k-upload-files .k-file {
20548
- padding: 8px 8px calc(8px + 2px);
20555
+ padding: 8px 8px 10px;
20549
20556
  border-width: 0 0 1px;
20550
20557
  border-style: solid;
20551
20558
  outline: none;
@@ -20655,7 +20662,7 @@ kendo-label > .k-label {
20655
20662
 
20656
20663
  .k-upload .k-upload-files .k-file-invalid-extension-wrapper + .k-file-name-size-wrapper,
20657
20664
  .k-upload .k-upload-files .k-file-single > .k-file-extension-wrapper + .k-file-name-size-wrapper {
20658
- margin-left: calc( 24px + 1em);
20665
+ margin-left: calc(24px + 1em);
20659
20666
  min-height: 38px;
20660
20667
  display: block;
20661
20668
  overflow: hidden;
@@ -20663,7 +20670,7 @@ kendo-label > .k-label {
20663
20670
 
20664
20671
  .k-upload .k-upload-files .k-multiple-files-invalid-extension-wrapper + .k-file-name-size-wrapper,
20665
20672
  .k-upload .k-upload-files .k-multiple-files-extension-wrapper + .k-file-name-size-wrapper {
20666
- margin-left: calc( 24px + 1em);
20673
+ margin-left: calc(24px + 1em);
20667
20674
  }
20668
20675
 
20669
20676
  .k-upload .k-upload-files .k-file-extension-wrapper + .k-file-name-size-wrapper {
@@ -20781,7 +20788,7 @@ kendo-label > .k-label {
20781
20788
  height: 2px;
20782
20789
  position: absolute;
20783
20790
  bottom: 4px;
20784
- width: calc(100% - 8px * 2);
20791
+ width: calc(100% - 16px);
20785
20792
  }
20786
20793
 
20787
20794
  .k-upload .k-progressbar .k-progress {
@@ -20855,7 +20862,6 @@ kendo-label > .k-label {
20855
20862
  }
20856
20863
 
20857
20864
  .k-upload-button input[disabled],
20858
- .k-upload-button input.k-state-disabled,
20859
20865
  .k-upload-button input.k-disabled {
20860
20866
  visibility: hidden;
20861
20867
  }
@@ -20885,11 +20891,10 @@ kendo-label > .k-label {
20885
20891
  border-color: #cacaca;
20886
20892
  }
20887
20893
 
20888
- .k-upload .k-file.k-state-focused, .k-upload .k-file.k-focus {
20894
+ .k-upload .k-file.k-focus {
20889
20895
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
20890
20896
  }
20891
20897
 
20892
- .k-upload .k-file .k-upload-action.k-state-focused,
20893
20898
  .k-upload .k-file .k-upload-action.k-focus {
20894
20899
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
20895
20900
  }
@@ -20966,7 +20971,7 @@ kendo-label > .k-label {
20966
20971
  color: #272727;
20967
20972
  }
20968
20973
 
20969
- .k-upload.k-state-invalid, .k-upload.k-invalid, .k-upload.ng-invalid.ng-touched, .k-upload.ng-invalid.ng-dirty {
20974
+ .k-upload.k-invalid, .k-upload.ng-invalid.ng-touched, .k-upload.ng-invalid.ng-dirty {
20970
20975
  border-color: #d92800;
20971
20976
  }
20972
20977
 
@@ -21889,11 +21894,11 @@ kendo-label > .k-label {
21889
21894
  color: #646464;
21890
21895
  }
21891
21896
 
21892
- .k-actionsheet-action:hover, .k-actionsheet-action.k-state-hover, .k-actionsheet-action.k-hover {
21897
+ .k-actionsheet-action:hover, .k-actionsheet-action.k-hover {
21893
21898
  background-color: #dddddd;
21894
21899
  }
21895
21900
 
21896
- .k-actionsheet-action:focus, .k-actionsheet-action.k-state-focus, .k-actionsheet-action.k-focus {
21901
+ .k-actionsheet-action:focus, .k-actionsheet-action.k-focus {
21897
21902
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
21898
21903
  }
21899
21904
 
@@ -21969,7 +21974,7 @@ kendo-label > .k-label {
21969
21974
 
21970
21975
  .k-window-actions {
21971
21976
  margin: -5em 0;
21972
- margin-inline-end: calc( 8px - 12px);
21977
+ margin-inline-end: -4px;
21973
21978
  line-height: 1;
21974
21979
  display: flex;
21975
21980
  flex-flow: row nowrap;
@@ -22061,7 +22066,7 @@ kendo-label > .k-label {
22061
22066
  box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.12);
22062
22067
  }
22063
22068
 
22064
- .k-window:focus, .k-window.k-state-focused, .k-window.k-focus {
22069
+ .k-window:focus, .k-window.k-focus {
22065
22070
  box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.25);
22066
22071
  }
22067
22072
 
@@ -22324,7 +22329,7 @@ kendo-drawer .k-drawer-wrapper {
22324
22329
  }
22325
22330
 
22326
22331
  .k-drawer-mini .k-drawer-wrapper {
22327
- width: calc(4 * 8px + 16px);
22332
+ width: 48px;
22328
22333
  }
22329
22334
 
22330
22335
  .k-rtl.k-drawer-mini .k-drawer-start,
@@ -22397,27 +22402,27 @@ kendo-drawer .k-drawer-wrapper {
22397
22402
  background: #9c9c9c;
22398
22403
  }
22399
22404
 
22400
- .k-drawer-item:hover, .k-drawer-item.k-state-hover, .k-drawer-item.k-hover {
22405
+ .k-drawer-item:hover, .k-drawer-item.k-hover {
22401
22406
  color: #272727;
22402
22407
  background-color: #dddddd;
22403
22408
  }
22404
22409
 
22405
- .k-drawer-item:focus, .k-drawer-item.k-state-focused, .k-drawer-item.k-focus {
22410
+ .k-drawer-item:focus, .k-drawer-item.k-focus {
22406
22411
  background-color: #ffffff;
22407
22412
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
22408
22413
  }
22409
22414
 
22410
- .k-drawer-item:focus:hover, .k-drawer-item:focus.k-state-hover, .k-drawer-item:focus.k-hover, .k-drawer-item.k-state-focused:hover, .k-drawer-item.k-state-focused.k-state-hover, .k-drawer-item.k-state-focused.k-hover, .k-drawer-item.k-focus:hover, .k-drawer-item.k-focus.k-state-hover, .k-drawer-item.k-focus.k-hover {
22415
+ .k-drawer-item:focus:hover, .k-drawer-item:focus.k-hover, .k-drawer-item.k-focus:hover, .k-drawer-item.k-focus.k-hover {
22411
22416
  color: #272727;
22412
22417
  background-color: #dddddd;
22413
22418
  }
22414
22419
 
22415
- .k-drawer-item.k-state-selected, .k-drawer-item.k-selected {
22420
+ .k-drawer-item.k-selected {
22416
22421
  color: white;
22417
22422
  background-color: #f35800;
22418
22423
  }
22419
22424
 
22420
- .k-drawer-item.k-state-selected:hover, .k-drawer-item.k-state-selected.k-state-hover, .k-drawer-item.k-state-selected.k-hover, .k-drawer-item.k-selected:hover, .k-drawer-item.k-selected.k-state-hover, .k-drawer-item.k-selected.k-hover {
22425
+ .k-drawer-item.k-selected:hover, .k-drawer-item.k-selected.k-hover {
22421
22426
  color: white;
22422
22427
  background-color: #e05100;
22423
22428
  }
@@ -22476,7 +22481,8 @@ kendo-drawer .k-drawer-wrapper {
22476
22481
  flex: none;
22477
22482
  }
22478
22483
 
22479
- .k-notification-wrap > .k-i-close {
22484
+ .k-notification-wrap > .k-i-close,
22485
+ .k-notification-wrap > .k-i-x {
22480
22486
  margin-right: 0;
22481
22487
  margin-left: 4px;
22482
22488
  flex: none;
@@ -22494,7 +22500,9 @@ kendo-drawer .k-drawer-wrapper {
22494
22500
  }
22495
22501
 
22496
22502
  .k-rtl .k-notification .k-notification-wrap > .k-i-close,
22497
- [dir="rtl"] .k-notification .k-notification-wrap > .k-i-close {
22503
+ .k-rtl .k-notification .k-notification-wrap > .k-i-x,
22504
+ [dir="rtl"] .k-notification .k-notification-wrap > .k-i-close,
22505
+ [dir="rtl"] .k-notification .k-notification-wrap > .k-i-x {
22498
22506
  margin-left: 0;
22499
22507
  margin-right: 4px;
22500
22508
  }
@@ -22505,7 +22513,8 @@ kendo-drawer .k-drawer-wrapper {
22505
22513
  background-color: #ffffff;
22506
22514
  }
22507
22515
 
22508
- .k-notification-wrap > .k-i-close {
22516
+ .k-notification-wrap > .k-i-close,
22517
+ .k-notification-wrap > .k-i-x {
22509
22518
  color: inherit;
22510
22519
  }
22511
22520
 
@@ -22605,7 +22614,7 @@ kendo-card-footer {
22605
22614
  }
22606
22615
 
22607
22616
  .k-card > .k-card-inner {
22608
- border-radius: calc( 8px - 1px);
22617
+ border-radius: 7px;
22609
22618
  display: flex;
22610
22619
  flex-direction: inherit;
22611
22620
  overflow: hidden;
@@ -22922,12 +22931,12 @@ kendo-card-footer {
22922
22931
  border-color: inherit;
22923
22932
  }
22924
22933
 
22925
- .k-card:focus, .k-card.k-focus, .k-card.k-state-focus {
22934
+ .k-card:focus, .k-card.k-focus {
22926
22935
  border-color: rgba(0, 0, 0, 0.15);
22927
22936
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
22928
22937
  }
22929
22938
 
22930
- .k-card.k-selected, .k-card.k-state-selected {
22939
+ .k-card.k-selected {
22931
22940
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
22932
22941
  }
22933
22942
 
@@ -23054,7 +23063,7 @@ kendo-card-footer {
23054
23063
  color: inherit;
23055
23064
  }
23056
23065
 
23057
- .k-card-wrap.k-state-focused > .k-card, .k-card-wrap.k-focus > .k-card, .k-card-wrap:focus > .k-card, .k-card-wrap.k-state-selected > .k-card, .k-card-wrap.k-selected > .k-card {
23066
+ .k-card-wrap:focus > .k-card, .k-card-wrap.k-focus > .k-card, .k-card-wrap.k-selected > .k-card {
23058
23067
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
23059
23068
  }
23060
23069
 
@@ -23246,7 +23255,7 @@ kendo-card-footer {
23246
23255
  .k-bottom-nav-item {
23247
23256
  padding: 0 8px;
23248
23257
  min-width: 72px;
23249
- min-height: calc( 40px + 16px - 8px);
23258
+ min-height: 48px;
23250
23259
  border-width: 0;
23251
23260
  border-radius: 4px;
23252
23261
  box-sizing: border-box;
@@ -23286,7 +23295,6 @@ kendo-card-footer {
23286
23295
  outline: 0;
23287
23296
  }
23288
23297
 
23289
- .k-bottom-nav-item.k-state-disabled,
23290
23298
  .k-bottom-nav-item.k-disabled {
23291
23299
  background-color: initial;
23292
23300
  }
@@ -23319,15 +23327,11 @@ kendo-card-footer {
23319
23327
  background-color: #f35800;
23320
23328
  }
23321
23329
 
23322
- .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-state-focus,
23323
- .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-focus,
23324
- .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-state-focused,
23325
23330
  .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-focus,
23326
23331
  .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item:focus {
23327
23332
  background-color: rgba(251, 197, 166, 0.2);
23328
23333
  }
23329
23334
 
23330
- .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-state-selected,
23331
23335
  .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-selected {
23332
23336
  color: white;
23333
23337
  }
@@ -23337,15 +23341,11 @@ kendo-card-footer {
23337
23341
  background-color: #e9e9e9;
23338
23342
  }
23339
23343
 
23340
- .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-state-focus,
23341
- .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-focus,
23342
- .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-state-focused,
23343
23344
  .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-focus,
23344
23345
  .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item:focus {
23345
23346
  background-color: rgba(82, 82, 82, 0.2);
23346
23347
  }
23347
23348
 
23348
- .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-state-selected,
23349
23349
  .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-selected {
23350
23350
  color: black;
23351
23351
  }
@@ -23355,15 +23355,11 @@ kendo-card-footer {
23355
23355
  background-color: #03a9f4;
23356
23356
  }
23357
23357
 
23358
- .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-state-focus,
23359
- .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-focus,
23360
- .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-state-focused,
23361
23358
  .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-focus,
23362
23359
  .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item:focus {
23363
23360
  background-color: rgba(167, 225, 251, 0.2);
23364
23361
  }
23365
23362
 
23366
- .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-state-selected,
23367
23363
  .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-selected {
23368
23364
  color: white;
23369
23365
  }
@@ -23373,15 +23369,11 @@ kendo-card-footer {
23373
23369
  background-color: #2498bc;
23374
23370
  }
23375
23371
 
23376
- .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-state-focus,
23377
- .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-focus,
23378
- .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-state-focused,
23379
23372
  .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-focus,
23380
23373
  .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item:focus {
23381
23374
  background-color: rgba(178, 219, 232, 0.2);
23382
23375
  }
23383
23376
 
23384
- .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-state-selected,
23385
23377
  .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-selected {
23386
23378
  color: white;
23387
23379
  }
@@ -23391,15 +23383,11 @@ kendo-card-footer {
23391
23383
  background-color: #3ea44e;
23392
23384
  }
23393
23385
 
23394
- .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-state-focus,
23395
- .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-focus,
23396
- .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-state-focused,
23397
23386
  .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-focus,
23398
23387
  .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item:focus {
23399
23388
  background-color: rgba(187, 223, 193, 0.2);
23400
23389
  }
23401
23390
 
23402
- .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-state-selected,
23403
23391
  .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-selected {
23404
23392
  color: white;
23405
23393
  }
@@ -23409,15 +23397,11 @@ kendo-card-footer {
23409
23397
  background-color: #ff9800;
23410
23398
  }
23411
23399
 
23412
- .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-state-focus,
23413
- .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-focus,
23414
- .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-state-focused,
23415
23400
  .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-focus,
23416
23401
  .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item:focus {
23417
23402
  background-color: rgba(255, 219, 166, 0.2);
23418
23403
  }
23419
23404
 
23420
- .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-state-selected,
23421
23405
  .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-selected {
23422
23406
  color: white;
23423
23407
  }
@@ -23427,15 +23411,11 @@ kendo-card-footer {
23427
23411
  background-color: #d92800;
23428
23412
  }
23429
23413
 
23430
- .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-state-focus,
23431
- .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-focus,
23432
- .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-state-focused,
23433
23414
  .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-focus,
23434
23415
  .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item:focus {
23435
23416
  background-color: rgba(242, 180, 166, 0.2);
23436
23417
  }
23437
23418
 
23438
- .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-state-selected,
23439
23419
  .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-selected {
23440
23420
  color: white;
23441
23421
  }
@@ -23445,15 +23425,11 @@ kendo-card-footer {
23445
23425
  background-color: #404040;
23446
23426
  }
23447
23427
 
23448
- .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-state-focus,
23449
- .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-focus,
23450
- .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-state-focused,
23451
23428
  .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-focus,
23452
23429
  .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item:focus {
23453
23430
  background-color: rgba(188, 188, 188, 0.2);
23454
23431
  }
23455
23432
 
23456
- .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-state-selected,
23457
23433
  .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-selected {
23458
23434
  color: white;
23459
23435
  }
@@ -23463,15 +23439,11 @@ kendo-card-footer {
23463
23439
  background-color: #ebebeb;
23464
23440
  }
23465
23441
 
23466
- .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-state-focus,
23467
- .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-focus,
23468
- .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-state-focused,
23469
23442
  .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-focus,
23470
23443
  .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item:focus {
23471
23444
  background-color: rgba(82, 82, 82, 0.2);
23472
23445
  }
23473
23446
 
23474
- .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-state-selected,
23475
23447
  .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-selected {
23476
23448
  color: black;
23477
23449
  }
@@ -23481,15 +23453,11 @@ kendo-card-footer {
23481
23453
  background-color: #404040;
23482
23454
  }
23483
23455
 
23484
- .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-state-focus,
23485
- .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-focus,
23486
- .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-state-focused,
23487
23456
  .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-focus,
23488
23457
  .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item:focus {
23489
23458
  background-color: rgba(188, 188, 188, 0.2);
23490
23459
  }
23491
23460
 
23492
- .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-state-selected,
23493
23461
  .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-selected {
23494
23462
  color: white;
23495
23463
  }
@@ -23500,60 +23468,47 @@ kendo-card-footer {
23500
23468
  background-color: #ffffff;
23501
23469
  }
23502
23470
 
23503
- .k-bottom-nav-flat .k-bottom-nav-item.k-state-focus,
23504
- .k-bottom-nav-flat .k-bottom-nav-item.k-focus,
23505
- .k-bottom-nav-flat .k-bottom-nav-item.k-state-focused,
23506
23471
  .k-bottom-nav-flat .k-bottom-nav-item.k-focus,
23507
23472
  .k-bottom-nav-flat .k-bottom-nav-item:focus {
23508
23473
  background-color: rgba(39, 39, 39, 0.05);
23509
23474
  }
23510
23475
 
23511
- .k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item.k-state-selected,
23512
23476
  .k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item.k-selected {
23513
23477
  color: #f35800;
23514
23478
  }
23515
23479
 
23516
- .k-bottom-nav-flat.k-bottom-nav-secondary .k-bottom-nav-item.k-state-selected,
23517
23480
  .k-bottom-nav-flat.k-bottom-nav-secondary .k-bottom-nav-item.k-selected {
23518
23481
  color: #b1b1b1;
23519
23482
  }
23520
23483
 
23521
- .k-bottom-nav-flat.k-bottom-nav-tertiary .k-bottom-nav-item.k-state-selected,
23522
23484
  .k-bottom-nav-flat.k-bottom-nav-tertiary .k-bottom-nav-item.k-selected {
23523
23485
  color: #03a9f4;
23524
23486
  }
23525
23487
 
23526
- .k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item.k-state-selected,
23527
23488
  .k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item.k-selected {
23528
23489
  color: #2498bc;
23529
23490
  }
23530
23491
 
23531
- .k-bottom-nav-flat.k-bottom-nav-success .k-bottom-nav-item.k-state-selected,
23532
23492
  .k-bottom-nav-flat.k-bottom-nav-success .k-bottom-nav-item.k-selected {
23533
23493
  color: #3ea44e;
23534
23494
  }
23535
23495
 
23536
- .k-bottom-nav-flat.k-bottom-nav-warning .k-bottom-nav-item.k-state-selected,
23537
23496
  .k-bottom-nav-flat.k-bottom-nav-warning .k-bottom-nav-item.k-selected {
23538
23497
  color: #ff9800;
23539
23498
  }
23540
23499
 
23541
- .k-bottom-nav-flat.k-bottom-nav-error .k-bottom-nav-item.k-state-selected,
23542
23500
  .k-bottom-nav-flat.k-bottom-nav-error .k-bottom-nav-item.k-selected {
23543
23501
  color: #d92800;
23544
23502
  }
23545
23503
 
23546
- .k-bottom-nav-flat.k-bottom-nav-dark .k-bottom-nav-item.k-state-selected,
23547
23504
  .k-bottom-nav-flat.k-bottom-nav-dark .k-bottom-nav-item.k-selected {
23548
23505
  color: #404040;
23549
23506
  }
23550
23507
 
23551
- .k-bottom-nav-flat.k-bottom-nav-light .k-bottom-nav-item.k-state-selected,
23552
23508
  .k-bottom-nav-flat.k-bottom-nav-light .k-bottom-nav-item.k-selected {
23553
23509
  color: #b3b3b3;
23554
23510
  }
23555
23511
 
23556
- .k-bottom-nav-flat.k-bottom-nav-inverse .k-bottom-nav-item.k-state-selected,
23557
23512
  .k-bottom-nav-flat.k-bottom-nav-inverse .k-bottom-nav-item.k-selected {
23558
23513
  color: #404040;
23559
23514
  }
@@ -23678,7 +23633,7 @@ kendo-card-footer {
23678
23633
  background-color: #ffffff;
23679
23634
  }
23680
23635
 
23681
- .k-breadcrumb:focus, .k-breadcrumb.k-state-focused, .k-breadcrumb.k-focus {
23636
+ .k-breadcrumb:focus, .k-breadcrumb.k-focus {
23682
23637
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.06);
23683
23638
  }
23684
23639
 
@@ -23686,21 +23641,21 @@ kendo-card-footer {
23686
23641
  color: #f35800;
23687
23642
  }
23688
23643
 
23689
- .k-breadcrumb-link:hover, .k-breadcrumb-link.k-state-hover, .k-breadcrumb-link.k-hover {
23644
+ .k-breadcrumb-link:hover, .k-breadcrumb-link.k-hover {
23690
23645
  color: #cc4a00;
23691
23646
  background-color: #f0f0f0;
23692
23647
  }
23693
23648
 
23694
- .k-breadcrumb-link:focus, .k-breadcrumb-link.k-state-focused, .k-breadcrumb-link.k-focus {
23649
+ .k-breadcrumb-link:focus, .k-breadcrumb-link.k-focus {
23695
23650
  color: #f35800;
23696
23651
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
23697
23652
  }
23698
23653
 
23699
- .k-breadcrumb-root-link:hover, .k-breadcrumb-root-link.k-state-hover, .k-breadcrumb-root-link.k-hover {
23654
+ .k-breadcrumb-root-link:hover, .k-breadcrumb-root-link.k-hover {
23700
23655
  background-color: #f0f0f0;
23701
23656
  }
23702
23657
 
23703
- .k-breadcrumb-root-link:focus, .k-breadcrumb-root-link.k-state-focused, .k-breadcrumb-root-link.k-focus {
23658
+ .k-breadcrumb-root-link:focus, .k-breadcrumb-root-link.k-focus {
23704
23659
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
23705
23660
  }
23706
23661
 
@@ -23742,13 +23697,16 @@ kendo-card-footer {
23742
23697
  background-color: inherit;
23743
23698
  }
23744
23699
 
23745
- .k-pager-wrap .k-link:focus, .k-pager-wrap .k-link.k-state-focus, .k-pager-wrap .k-link.k-focus,
23700
+ .k-pager-wrap .k-link:focus, .k-pager-wrap .k-link.k-focus,
23746
23701
  .k-pager .k-link:focus,
23747
- .k-pager .k-link.k-state-focus,
23748
23702
  .k-pager .k-link.k-focus {
23749
23703
  z-index: 3;
23750
23704
  }
23751
23705
 
23706
+ .k-rtl .k-pager-wrap .k-i-caret-alt-to-left,
23707
+ .k-rtl .k-pager-wrap .k-i-caret-alt-to-right,
23708
+ .k-rtl .k-pager-wrap .k-i-caret-alt-left,
23709
+ .k-rtl .k-pager-wrap .k-i-caret-alt-right,
23752
23710
  .k-rtl .k-pager-wrap .k-i-arrow-end-left,
23753
23711
  .k-rtl .k-pager-wrap .k-i-arrow-60-left,
23754
23712
  .k-rtl .k-pager-wrap .k-i-arrow-60-right,
@@ -23756,7 +23714,11 @@ kendo-card-footer {
23756
23714
  .k-rtl .k-pager-wrap .k-i-seek-w,
23757
23715
  .k-rtl .k-pager-wrap .k-i-arrow-w,
23758
23716
  .k-rtl .k-pager-wrap .k-i-arrow-e,
23759
- .k-rtl .k-pager-wrap .k-i-seek-e, .k-pager-wrap[dir="rtl"] .k-i-arrow-end-left,
23717
+ .k-rtl .k-pager-wrap .k-i-seek-e, .k-pager-wrap[dir="rtl"] .k-i-caret-alt-to-left,
23718
+ .k-pager-wrap[dir="rtl"] .k-i-caret-alt-to-right,
23719
+ .k-pager-wrap[dir="rtl"] .k-i-caret-alt-left,
23720
+ .k-pager-wrap[dir="rtl"] .k-i-caret-alt-right,
23721
+ .k-pager-wrap[dir="rtl"] .k-i-arrow-end-left,
23760
23722
  .k-pager-wrap[dir="rtl"] .k-i-arrow-60-left,
23761
23723
  .k-pager-wrap[dir="rtl"] .k-i-arrow-60-right,
23762
23724
  .k-pager-wrap[dir="rtl"] .k-i-arrow-end-right,
@@ -23764,6 +23726,10 @@ kendo-card-footer {
23764
23726
  .k-pager-wrap[dir="rtl"] .k-i-arrow-w,
23765
23727
  .k-pager-wrap[dir="rtl"] .k-i-arrow-e,
23766
23728
  .k-pager-wrap[dir="rtl"] .k-i-seek-e,
23729
+ [dir="rtl"] .k-pager-wrap .k-i-caret-alt-to-left,
23730
+ [dir="rtl"] .k-pager-wrap .k-i-caret-alt-to-right,
23731
+ [dir="rtl"] .k-pager-wrap .k-i-caret-alt-left,
23732
+ [dir="rtl"] .k-pager-wrap .k-i-caret-alt-right,
23767
23733
  [dir="rtl"] .k-pager-wrap .k-i-arrow-end-left,
23768
23734
  [dir="rtl"] .k-pager-wrap .k-i-arrow-60-left,
23769
23735
  [dir="rtl"] .k-pager-wrap .k-i-arrow-60-right,
@@ -23772,6 +23738,14 @@ kendo-card-footer {
23772
23738
  [dir="rtl"] .k-pager-wrap .k-i-arrow-w,
23773
23739
  [dir="rtl"] .k-pager-wrap .k-i-arrow-e,
23774
23740
  [dir="rtl"] .k-pager-wrap .k-i-seek-e, .k-rtl
23741
+ .k-pager .k-i-caret-alt-to-left,
23742
+ .k-rtl
23743
+ .k-pager .k-i-caret-alt-to-right,
23744
+ .k-rtl
23745
+ .k-pager .k-i-caret-alt-left,
23746
+ .k-rtl
23747
+ .k-pager .k-i-caret-alt-right,
23748
+ .k-rtl
23775
23749
  .k-pager .k-i-arrow-end-left,
23776
23750
  .k-rtl
23777
23751
  .k-pager .k-i-arrow-60-left,
@@ -23787,6 +23761,10 @@ kendo-card-footer {
23787
23761
  .k-pager .k-i-arrow-e,
23788
23762
  .k-rtl
23789
23763
  .k-pager .k-i-seek-e,
23764
+ .k-pager[dir="rtl"] .k-i-caret-alt-to-left,
23765
+ .k-pager[dir="rtl"] .k-i-caret-alt-to-right,
23766
+ .k-pager[dir="rtl"] .k-i-caret-alt-left,
23767
+ .k-pager[dir="rtl"] .k-i-caret-alt-right,
23790
23768
  .k-pager[dir="rtl"] .k-i-arrow-end-left,
23791
23769
  .k-pager[dir="rtl"] .k-i-arrow-60-left,
23792
23770
  .k-pager[dir="rtl"] .k-i-arrow-60-right,
@@ -23796,6 +23774,14 @@ kendo-card-footer {
23796
23774
  .k-pager[dir="rtl"] .k-i-arrow-e,
23797
23775
  .k-pager[dir="rtl"] .k-i-seek-e,
23798
23776
  [dir="rtl"]
23777
+ .k-pager .k-i-caret-alt-to-left,
23778
+ [dir="rtl"]
23779
+ .k-pager .k-i-caret-alt-to-right,
23780
+ [dir="rtl"]
23781
+ .k-pager .k-i-caret-alt-left,
23782
+ [dir="rtl"]
23783
+ .k-pager .k-i-caret-alt-right,
23784
+ [dir="rtl"]
23799
23785
  .k-pager .k-i-arrow-end-left,
23800
23786
  [dir="rtl"]
23801
23787
  .k-pager .k-i-arrow-60-left,
@@ -23823,8 +23809,8 @@ kendo-card-footer {
23823
23809
  }
23824
23810
 
23825
23811
  .k-pager-nav, .k-pager-numbers .k-link, .k-pager-refresh {
23826
- min-width: calc( 1.4285714286em + 8px + 2px);
23827
- height: calc( 1.4285714286em + 8px + 2px);
23812
+ min-width: calc(1.4285714286em + 10px);
23813
+ height: calc(1.4285714286em + 10px);
23828
23814
  color: inherit;
23829
23815
  text-align: center;
23830
23816
  display: inline-flex;
@@ -23837,7 +23823,7 @@ kendo-card-footer {
23837
23823
  z-index: 2;
23838
23824
  }
23839
23825
 
23840
- .k-state-disabled.k-pager-nav, .k-pager-numbers .k-state-disabled.k-link, .k-state-disabled.k-pager-refresh, .k-disabled.k-pager-nav, .k-pager-numbers .k-disabled.k-link, .k-disabled.k-pager-refresh {
23826
+ .k-disabled.k-pager-nav, .k-pager-numbers .k-disabled.k-link, .k-disabled.k-pager-refresh {
23841
23827
  color: inherit;
23842
23828
  }
23843
23829
 
@@ -23877,7 +23863,6 @@ kendo-card-footer {
23877
23863
  border-style: solid;
23878
23864
  }
23879
23865
 
23880
- .k-pager-numbers .k-state-selected,
23881
23866
  .k-pager-numbers .k-selected {
23882
23867
  cursor: inherit;
23883
23868
  z-index: 2;
@@ -23942,7 +23927,7 @@ kendo-card-footer {
23942
23927
  .k-pager-sm .k-pager-numbers-wrap {
23943
23928
  margin-left: 1em;
23944
23929
  margin-right: 1em;
23945
- height: calc( 1.4285714286em + 8px + 2px);
23930
+ height: calc(1.4285714286em + 10px);
23946
23931
  border-color: inherit;
23947
23932
  }
23948
23933
 
@@ -23966,26 +23951,23 @@ kendo-card-footer {
23966
23951
  background-color: #f0f0f0;
23967
23952
  }
23968
23953
 
23969
- .k-pager-wrap:focus, .k-pager-wrap.k-focus, .k-pager-wrap.k-state-focus, .k-pager-wrap.k-state-focused, .k-pager-wrap.k-focus,
23954
+ .k-pager-wrap:focus, .k-pager-wrap.k-focus,
23970
23955
  .k-pager:focus,
23971
- .k-pager.k-focus,
23972
- .k-pager.k-state-focus,
23973
- .k-pager.k-state-focused,
23974
23956
  .k-pager.k-focus {
23975
23957
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
23976
23958
  }
23977
23959
 
23978
- .k-pager-nav.k-link:hover, .k-pager-refresh:hover, .k-state-hover.k-pager-nav.k-link, .k-state-hover.k-pager-refresh, .k-hover.k-pager-nav.k-link, .k-hover.k-pager-refresh {
23960
+ .k-pager-nav.k-link:hover, .k-pager-refresh:hover, .k-hover.k-pager-nav.k-link, .k-hover.k-pager-refresh {
23979
23961
  color: #272727;
23980
23962
  background-color: #dddddd;
23981
23963
  }
23982
23964
 
23983
- .k-state-selected.k-pager-nav.k-link, .k-state-selected.k-pager-refresh, .k-selected.k-pager-nav.k-link, .k-selected.k-pager-refresh {
23965
+ .k-selected.k-pager-nav.k-link, .k-selected.k-pager-refresh {
23984
23966
  color: white;
23985
23967
  background-color: #f35800;
23986
23968
  }
23987
23969
 
23988
- .k-pager-nav.k-link:focus, .k-pager-refresh:focus, .k-state-focus.k-pager-nav.k-link, .k-state-focus.k-pager-refresh, .k-focus.k-pager-nav.k-link, .k-focus.k-pager-refresh {
23970
+ .k-pager-nav.k-link:focus, .k-pager-refresh:focus, .k-focus.k-pager-nav.k-link, .k-focus.k-pager-refresh {
23989
23971
  background-color: transparent;
23990
23972
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
23991
23973
  }
@@ -23994,17 +23976,17 @@ kendo-card-footer {
23994
23976
  color: #f35800;
23995
23977
  }
23996
23978
 
23997
- .k-pager-numbers .k-link:hover, .k-pager-numbers .k-link.k-state-hover, .k-pager-numbers .k-link.k-hover {
23979
+ .k-pager-numbers .k-link:hover, .k-pager-numbers .k-link.k-hover {
23998
23980
  color: #f35800;
23999
23981
  background-color: rgba(243, 88, 0, 0.08);
24000
23982
  }
24001
23983
 
24002
- .k-pager-numbers .k-link:focus, .k-pager-numbers .k-link.k-state-focus, .k-pager-numbers .k-link.k-focus {
23984
+ .k-pager-numbers .k-link:focus, .k-pager-numbers .k-link.k-focus {
24003
23985
  background-color: transparent;
24004
23986
  box-shadow: inset 0 0 0 2px rgba(243, 88, 0, 0.12);
24005
23987
  }
24006
23988
 
24007
- .k-pager-numbers .k-link.k-state-selected, .k-pager-numbers .k-link.k-selected {
23989
+ .k-pager-numbers .k-link.k-selected {
24008
23990
  color: #f35800;
24009
23991
  background-color: rgba(243, 88, 0, 0.2);
24010
23992
  }
@@ -24016,33 +23998,30 @@ kendo-card-footer {
24016
23998
  background-color: #f0f0f0;
24017
23999
  }
24018
24000
 
24019
- .k-pager-md .k-pager-numbers .k-current-page .k-link:hover, .k-pager-md .k-pager-numbers .k-current-page .k-link.k-state-hover, .k-pager-md .k-pager-numbers .k-current-page .k-link.k-hover,
24001
+ .k-pager-md .k-pager-numbers .k-current-page .k-link:hover, .k-pager-md .k-pager-numbers .k-current-page .k-link.k-hover,
24020
24002
  .k-pager-sm .k-pager-numbers .k-current-page .k-link:hover,
24021
- .k-pager-sm .k-pager-numbers .k-current-page .k-link.k-state-hover,
24022
24003
  .k-pager-sm .k-pager-numbers .k-current-page .k-link.k-hover {
24023
24004
  border-color: #b6b6b6;
24024
24005
  background-color: #dddddd;
24025
24006
  }
24026
24007
 
24027
- .k-pager-md .k-pager-numbers.k-state-expanded,
24028
- .k-pager-sm .k-pager-numbers.k-state-expanded {
24008
+ .k-pager-md .k-pager-numbers.k-expanded,
24009
+ .k-pager-sm .k-pager-numbers.k-expanded {
24029
24010
  border-color: #cacaca;
24030
24011
  color: #272727;
24031
24012
  background-color: #ffffff;
24032
24013
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
24033
24014
  }
24034
24015
 
24035
- .k-pager-md .k-pager-numbers.k-state-expanded .k-link:hover, .k-pager-md .k-pager-numbers.k-state-expanded .k-link.k-state-hover, .k-pager-md .k-pager-numbers.k-state-expanded .k-link.k-hover,
24036
- .k-pager-sm .k-pager-numbers.k-state-expanded .k-link:hover,
24037
- .k-pager-sm .k-pager-numbers.k-state-expanded .k-link.k-state-hover,
24038
- .k-pager-sm .k-pager-numbers.k-state-expanded .k-link.k-hover {
24016
+ .k-pager-md .k-pager-numbers.k-expanded .k-link:hover, .k-pager-md .k-pager-numbers.k-expanded .k-link.k-hover,
24017
+ .k-pager-sm .k-pager-numbers.k-expanded .k-link:hover,
24018
+ .k-pager-sm .k-pager-numbers.k-expanded .k-link.k-hover {
24039
24019
  color: #272727;
24040
24020
  background-color: #dddddd;
24041
24021
  }
24042
24022
 
24043
- .k-pager-md .k-pager-numbers.k-state-expanded .k-link.k-state-selected, .k-pager-md .k-pager-numbers.k-state-expanded .k-link.k-selected,
24044
- .k-pager-sm .k-pager-numbers.k-state-expanded .k-link.k-state-selected,
24045
- .k-pager-sm .k-pager-numbers.k-state-expanded .k-link.k-selected {
24023
+ .k-pager-md .k-pager-numbers.k-expanded .k-link.k-selected,
24024
+ .k-pager-sm .k-pager-numbers.k-expanded .k-link.k-selected {
24046
24025
  color: white;
24047
24026
  background-color: #f35800;
24048
24027
  }
@@ -24115,10 +24094,10 @@ kendo-card-footer {
24115
24094
  pointer-events: none;
24116
24095
  display: none;
24117
24096
  position: absolute;
24118
- top: calc( -1 * calc( 1px + 3px));
24119
- right: calc( -1 * calc( 1px + 3px));
24120
- bottom: calc( -1 * calc( 1px + 3px));
24121
- left: calc( -1 * calc( 1px + 3px));
24097
+ top: -4px;
24098
+ right: -4px;
24099
+ bottom: -4px;
24100
+ left: -4px;
24122
24101
  z-index: 2;
24123
24102
  }
24124
24103
 
@@ -24144,7 +24123,7 @@ kendo-card-footer {
24144
24123
  }
24145
24124
 
24146
24125
  .k-stepper .k-step-label .k-step-text {
24147
- max-width: calc(10em - (16px + 4px));
24126
+ max-width: calc(10em - 20px);
24148
24127
  flex-grow: 1;
24149
24128
  white-space: nowrap;
24150
24129
  text-overflow: ellipsis;
@@ -24215,13 +24194,13 @@ kendo-card-footer {
24215
24194
  }
24216
24195
 
24217
24196
  .k-step-list-horizontal .k-step-indicator + .k-step-label {
24218
- margin-top: calc(8px - 3px);
24197
+ margin-top: 5px;
24219
24198
  }
24220
24199
 
24221
24200
  .k-step-list-horizontal ~ .k-progressbar {
24222
24201
  width: 100%;
24223
24202
  height: 2px;
24224
- top: calc(((28px + 2 * 2px) / 2) + 2px / 2);
24203
+ top: 17px;
24225
24204
  }
24226
24205
 
24227
24206
  .k-step-list-vertical {
@@ -24229,7 +24208,7 @@ kendo-card-footer {
24229
24208
  }
24230
24209
 
24231
24210
  .k-step-list-vertical .k-step {
24232
- min-height: calc((28px + 2 * 1px + 2 * 2px) + 20px);
24211
+ min-height: 54px;
24233
24212
  }
24234
24213
 
24235
24214
  .k-step-list-vertical .k-step-label {
@@ -24244,7 +24223,7 @@ kendo-card-footer {
24244
24223
  width: 2px;
24245
24224
  height: 100%;
24246
24225
  min-height: 20px;
24247
- left: calc((28px + 2 * 1px + 2 * 2px) / 2);
24226
+ left: 17px;
24248
24227
  }
24249
24228
 
24250
24229
  .k-step-list-vertical .k-step-content {
@@ -24283,7 +24262,7 @@ kendo-card-footer {
24283
24262
  .k-rtl .k-stepper .k-step-list-vertical ~ .k-progressbar,
24284
24263
  .k-stepper[dir="rtl"] .k-step-list-vertical ~ .k-progressbar {
24285
24264
  left: auto;
24286
- right: calc((28px + 2 * 1px + 2 * 2px) / 2);
24265
+ right: 17px;
24287
24266
  }
24288
24267
 
24289
24268
  .k-stepper {
@@ -24474,15 +24453,13 @@ kendo-card-footer {
24474
24453
  z-index: 1;
24475
24454
  }
24476
24455
 
24477
- .k-tabstrip-content.k-state-active, .k-tabstrip-content.k-active,
24478
- .k-tabstrip > .k-content.k-state-active,
24456
+ .k-tabstrip-content.k-active,
24479
24457
  .k-tabstrip > .k-content.k-active {
24480
24458
  display: block;
24481
24459
  }
24482
24460
 
24483
- .k-tabstrip-content:focus, .k-tabstrip-content.k-state-focused, .k-tabstrip-content.k-focus,
24461
+ .k-tabstrip-content:focus, .k-tabstrip-content.k-focus,
24484
24462
  .k-tabstrip > .k-content:focus,
24485
- .k-tabstrip > .k-content.k-state-focused,
24486
24463
  .k-tabstrip > .k-content.k-focus {
24487
24464
  outline-width: 1px;
24488
24465
  outline-style: dotted;
@@ -24555,7 +24532,6 @@ kendo-card-footer {
24555
24532
  margin-left: 0px;
24556
24533
  }
24557
24534
 
24558
- .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-state-active,
24559
24535
  .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active {
24560
24536
  border-bottom-color: transparent;
24561
24537
  }
@@ -24586,7 +24562,6 @@ kendo-card-footer {
24586
24562
  margin-left: 0px;
24587
24563
  }
24588
24564
 
24589
- .k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item.k-state-active,
24590
24565
  .k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item.k-active {
24591
24566
  border-top-color: transparent;
24592
24567
  }
@@ -24623,7 +24598,6 @@ kendo-card-footer {
24623
24598
  margin-top: 0px;
24624
24599
  }
24625
24600
 
24626
- .k-tabstrip-left > .k-tabstrip-items-wrapper .k-item.k-state-active,
24627
24601
  .k-tabstrip-left > .k-tabstrip-items-wrapper .k-item.k-active {
24628
24602
  border-right-color: transparent;
24629
24603
  }
@@ -24661,7 +24635,6 @@ kendo-card-footer {
24661
24635
  margin-top: 0px;
24662
24636
  }
24663
24637
 
24664
- .k-tabstrip-right > .k-tabstrip-items-wrapper .k-item.k-state-active,
24665
24638
  .k-tabstrip-right > .k-tabstrip-items-wrapper .k-item.k-active {
24666
24639
  border-left-color: transparent;
24667
24640
  }
@@ -24711,19 +24684,19 @@ kendo-card-footer {
24711
24684
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
24712
24685
  }
24713
24686
 
24714
- .k-tabstrip-items-wrapper .k-item:hover, .k-tabstrip-items-wrapper .k-item.k-state-hover, .k-tabstrip-items-wrapper .k-item.k-hover {
24687
+ .k-tabstrip-items-wrapper .k-item:hover, .k-tabstrip-items-wrapper .k-item.k-hover {
24715
24688
  border-color: #bababa;
24716
24689
  color: #272727;
24717
24690
  background-color: #dddddd;
24718
24691
  }
24719
24692
 
24720
- .k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-items-wrapper .k-item.k-state-active, .k-tabstrip-items-wrapper .k-item.k-active, .k-tabstrip-items-wrapper .k-item.k-state-selected, .k-tabstrip-items-wrapper .k-item.k-selected {
24693
+ .k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-items-wrapper .k-item.k-active, .k-tabstrip-items-wrapper .k-item.k-selected {
24721
24694
  border-color: #cacaca;
24722
24695
  color: #272727;
24723
24696
  background-color: #ffffff;
24724
24697
  }
24725
24698
 
24726
- .k-tabstrip-items-wrapper .k-item:focus, .k-tabstrip-items-wrapper .k-item.k-state-focused, .k-tabstrip-items-wrapper .k-item.k-focus {
24699
+ .k-tabstrip-items-wrapper .k-item:focus, .k-tabstrip-items-wrapper .k-item.k-focus {
24727
24700
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
24728
24701
  }
24729
24702
 
@@ -24738,9 +24711,8 @@ kendo-card-footer {
24738
24711
  background-color: #ffffff;
24739
24712
  }
24740
24713
 
24741
- .k-tabstrip-content:focus, .k-tabstrip-content.k-state-focused, .k-tabstrip-content.k-focus,
24714
+ .k-tabstrip-content:focus, .k-tabstrip-content.k-focus,
24742
24715
  .k-tabstrip > .k-content:focus,
24743
- .k-tabstrip > .k-content.k-state-focused,
24744
24716
  .k-tabstrip > .k-content.k-focus {
24745
24717
  outline-color: #272727;
24746
24718
  }
@@ -24770,7 +24742,7 @@ kendo-card-footer {
24770
24742
 
24771
24743
  .k-wizard .k-wizard-step {
24772
24744
  box-sizing: border-box;
24773
- padding: calc(8px + 2px);
24745
+ padding: 10px;
24774
24746
  width: 100%;
24775
24747
  display: flex;
24776
24748
  flex-direction: column;
@@ -24778,7 +24750,7 @@ kendo-card-footer {
24778
24750
  justify-content: space-between;
24779
24751
  }
24780
24752
 
24781
- .k-wizard .k-wizard-step:focus, .k-wizard .k-wizard-step.k-state-focused, .k-wizard .k-wizard-step.k-focus {
24753
+ .k-wizard .k-wizard-step:focus, .k-wizard .k-wizard-step.k-focus {
24782
24754
  outline-width: 1px;
24783
24755
  outline-style: dotted;
24784
24756
  outline-offset: -1px;
@@ -24853,12 +24825,11 @@ kendo-card-footer {
24853
24825
  margin-left: 0;
24854
24826
  }
24855
24827
 
24856
- .k-wizard-step:focus, .k-wizard-step.k-state-focused, .k-wizard-step.k-focus {
24828
+ .k-wizard-step:focus, .k-wizard-step.k-focus {
24857
24829
  outline-color: #656565;
24858
24830
  }
24859
24831
 
24860
24832
  .k-ie .k-wizard-step:focus,
24861
- .k-ie .k-wizard-step.k-state-focused,
24862
24833
  .k-ie .k-wizard-step.k-focus {
24863
24834
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
24864
24835
  outline: none;
@@ -24930,7 +24901,7 @@ kendo-card-footer {
24930
24901
  background-color: #ffffff;
24931
24902
  }
24932
24903
 
24933
- .k-expander.k-state-focus, .k-expander.k-focus {
24904
+ .k-expander.k-focus {
24934
24905
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
24935
24906
  }
24936
24907
 
@@ -24940,11 +24911,11 @@ kendo-card-footer {
24940
24911
  outline: none;
24941
24912
  }
24942
24913
 
24943
- .k-expander-header:hover, .k-expander-header.k-state-hover, .k-expander-header.k-hover {
24914
+ .k-expander-header:hover, .k-expander-header.k-hover {
24944
24915
  background-color: #ebebeb;
24945
24916
  }
24946
24917
 
24947
- .k-expander-header.k-state-focused, .k-expander-header.k-focus {
24918
+ .k-expander-header.k-focus {
24948
24919
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
24949
24920
  }
24950
24921
 
@@ -24999,7 +24970,9 @@ kendo-card-footer {
24999
24970
  align-items: center;
25000
24971
  align-content: center;
25001
24972
  position: relative;
25002
- user-select: none;
24973
+ -webkit-user-select: none;
24974
+ -ms-user-select: none;
24975
+ user-select: none;
25003
24976
  cursor: default;
25004
24977
  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;
25005
24978
  }
@@ -25036,7 +25009,9 @@ kendo-card-footer {
25036
25009
  align-items: center;
25037
25010
  align-content: center;
25038
25011
  position: relative;
25039
- user-select: none;
25012
+ -webkit-user-select: none;
25013
+ -ms-user-select: none;
25014
+ user-select: none;
25040
25015
  cursor: default;
25041
25016
  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;
25042
25017
  }
@@ -25061,6 +25036,10 @@ kendo-card-footer {
25061
25036
  padding-left: 32px;
25062
25037
  }
25063
25038
 
25039
+ .k-panelbar .k-panelbar-item {
25040
+ outline-style: none;
25041
+ }
25042
+
25064
25043
  .k-panelbar .k-panelbar-content {
25065
25044
  display: flow-root;
25066
25045
  }
@@ -25074,7 +25053,7 @@ kendo-card-footer {
25074
25053
  .k-panelbar .k-group .k-panelbar-expand,
25075
25054
  .k-panelbar .k-group .k-panelbar-collapse,
25076
25055
  .k-panelbar .k-panelbar-group .k-panelbar-toggle {
25077
- margin-inline-end: calc( 8px - 8px);
25056
+ margin-inline-end: 0px;
25078
25057
  }
25079
25058
 
25080
25059
  .k-rtl .k-panelbar .k-group > .k-item.k-level-1 .k-link,
@@ -25118,7 +25097,7 @@ kendo-card-footer {
25118
25097
  .k-ie .k-group .k-panelbar-expand,
25119
25098
  .k-ie .k-group .k-panelbar-collapse,
25120
25099
  .k-ie .k-panelbar-group .k-panelbar-toggle {
25121
- margin-right: calc( 8px - 8px);
25100
+ margin-right: 0px;
25122
25101
  }
25123
25102
 
25124
25103
  .k-rtl .k-ie .k-panelbar-expand,
@@ -25139,7 +25118,7 @@ kendo-card-footer {
25139
25118
  .k-ie.k-rtl .k-panelbar-group .k-panelbar-toggle, .k-ie[dir="rtl"] .k-group .k-panelbar-expand,
25140
25119
  .k-ie[dir="rtl"] .k-group .k-panelbar-collapse,
25141
25120
  .k-ie[dir="rtl"] .k-panelbar-group .k-panelbar-toggle {
25142
- margin-left: calc( 8px - 8px);
25121
+ margin-left: 0px;
25143
25122
  }
25144
25123
 
25145
25124
  .k-panelbar {
@@ -25164,10 +25143,8 @@ kendo-card-footer {
25164
25143
  }
25165
25144
 
25166
25145
  .k-panelbar > .k-item > .k-link:hover,
25167
- .k-panelbar > .k-item > .k-link.k-state-hover,
25168
25146
  .k-panelbar > .k-item > .k-link.k-hover,
25169
25147
  .k-panelbar > .k-panelbar-header > .k-link:hover,
25170
- .k-panelbar > .k-panelbar-header > .k-link.k-state-hover,
25171
25148
  .k-panelbar > .k-panelbar-header > .k-link.k-hover {
25172
25149
  border-color: #bababa;
25173
25150
  color: #272727;
@@ -25175,114 +25152,70 @@ kendo-card-footer {
25175
25152
  }
25176
25153
 
25177
25154
  .k-panelbar > .k-item > .k-link:focus,
25178
- .k-panelbar > .k-item > .k-link.k-state-focus,
25179
- .k-panelbar > .k-item > .k-link.k-focus,
25180
- .k-panelbar > .k-item > .k-link.k-state-focused,
25181
25155
  .k-panelbar > .k-item > .k-link.k-focus,
25182
25156
  .k-panelbar > .k-panelbar-header > .k-link:focus,
25183
- .k-panelbar > .k-panelbar-header > .k-link.k-state-focus,
25184
- .k-panelbar > .k-panelbar-header > .k-link.k-focus,
25185
- .k-panelbar > .k-panelbar-header > .k-link.k-state-focused,
25186
25157
  .k-panelbar > .k-panelbar-header > .k-link.k-focus {
25187
25158
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
25188
25159
  }
25189
25160
 
25190
- .k-panelbar > .k-item > .k-link.k-state-selected,
25191
25161
  .k-panelbar > .k-item > .k-link.k-selected,
25192
- .k-panelbar > .k-panelbar-header > .k-link.k-state-selected,
25193
25162
  .k-panelbar > .k-panelbar-header > .k-link.k-selected {
25194
25163
  border-color: #cc4a00;
25195
25164
  color: white;
25196
25165
  background-color: #f35800;
25197
25166
  }
25198
25167
 
25199
- .k-panelbar > .k-item > .k-link.k-state-selected .k-icon,
25200
- .k-panelbar > .k-item > .k-link.k-state-selected .k-panelbar-item-icon,
25201
25168
  .k-panelbar > .k-item > .k-link.k-selected .k-icon,
25202
25169
  .k-panelbar > .k-item > .k-link.k-selected .k-panelbar-item-icon,
25203
- .k-panelbar > .k-panelbar-header > .k-link.k-state-selected .k-icon,
25204
- .k-panelbar > .k-panelbar-header > .k-link.k-state-selected .k-panelbar-item-icon,
25205
25170
  .k-panelbar > .k-panelbar-header > .k-link.k-selected .k-icon,
25206
25171
  .k-panelbar > .k-panelbar-header > .k-link.k-selected .k-panelbar-item-icon {
25207
25172
  color: inherit;
25208
25173
  }
25209
25174
 
25210
- .k-panelbar > .k-item > .k-link.k-state-selected:hover,
25211
25175
  .k-panelbar > .k-item > .k-link.k-selected:hover,
25212
- .k-panelbar > .k-item > .k-link.k-state-selected.k-state-hover,
25213
25176
  .k-panelbar > .k-item > .k-link.k-selected.k-hover,
25214
- .k-panelbar > .k-panelbar-header > .k-link.k-state-selected:hover,
25215
25177
  .k-panelbar > .k-panelbar-header > .k-link.k-selected:hover,
25216
- .k-panelbar > .k-panelbar-header > .k-link.k-state-selected.k-state-hover,
25217
25178
  .k-panelbar > .k-panelbar-header > .k-link.k-selected.k-hover {
25218
25179
  background-color: #e05100;
25219
25180
  }
25220
25181
 
25221
25182
  .k-panelbar .k-group > .k-item > .k-link:hover,
25222
- .k-panelbar .k-group > .k-item > .k-link.k-state-hover,
25223
25183
  .k-panelbar .k-group > .k-item > .k-link.k-hover,
25224
25184
  .k-panelbar .k-group > .k-panelbar-item > .k-link:hover,
25225
- .k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-hover,
25226
25185
  .k-panelbar .k-group > .k-panelbar-item > .k-link.k-hover,
25227
25186
  .k-panelbar .k-panelbar-group > .k-item > .k-link:hover,
25228
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-hover,
25229
25187
  .k-panelbar .k-panelbar-group > .k-item > .k-link.k-hover,
25230
25188
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link:hover,
25231
- .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-hover,
25232
25189
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-hover {
25233
25190
  background-color: whitesmoke;
25234
25191
  }
25235
25192
 
25236
25193
  .k-panelbar .k-group > .k-item > .k-link:focus,
25237
- .k-panelbar .k-group > .k-item > .k-link.k-state-focus,
25238
- .k-panelbar .k-group > .k-item > .k-link.k-focus,
25239
- .k-panelbar .k-group > .k-item > .k-link.k-state-focused,
25240
25194
  .k-panelbar .k-group > .k-item > .k-link.k-focus,
25241
25195
  .k-panelbar .k-group > .k-panelbar-item > .k-link:focus,
25242
- .k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-focus,
25243
- .k-panelbar .k-group > .k-panelbar-item > .k-link.k-focus,
25244
- .k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-focused,
25245
25196
  .k-panelbar .k-group > .k-panelbar-item > .k-link.k-focus,
25246
25197
  .k-panelbar .k-panelbar-group > .k-item > .k-link:focus,
25247
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-focus,
25248
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-focus,
25249
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-focused,
25250
25198
  .k-panelbar .k-panelbar-group > .k-item > .k-link.k-focus,
25251
25199
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link:focus,
25252
- .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-focus,
25253
- .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-focus,
25254
- .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-focused,
25255
25200
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-focus {
25256
25201
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
25257
25202
  }
25258
25203
 
25259
- .k-panelbar .k-group > .k-item > .k-link.k-state-selected,
25260
25204
  .k-panelbar .k-group > .k-item > .k-link.k-selected,
25261
- .k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-selected,
25262
25205
  .k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected,
25263
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-selected,
25264
25206
  .k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected,
25265
- .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-selected,
25266
25207
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected {
25267
25208
  color: white;
25268
25209
  background-color: #f35800;
25269
25210
  }
25270
25211
 
25271
- .k-panelbar .k-group > .k-item > .k-link.k-state-selected:hover,
25272
25212
  .k-panelbar .k-group > .k-item > .k-link.k-selected:hover,
25273
- .k-panelbar .k-group > .k-item > .k-link.k-state-selected.k-state-hover,
25274
25213
  .k-panelbar .k-group > .k-item > .k-link.k-selected.k-hover,
25275
- .k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-selected:hover,
25276
25214
  .k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected:hover,
25277
- .k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-selected.k-state-hover,
25278
25215
  .k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected.k-hover,
25279
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-selected:hover,
25280
25216
  .k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected:hover,
25281
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-selected.k-state-hover,
25282
25217
  .k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected.k-hover,
25283
- .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-selected:hover,
25284
25218
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected:hover,
25285
- .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-selected.k-state-hover,
25286
25219
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected.k-hover {
25287
25220
  background-color: #e05100;
25288
25221
  }
@@ -25331,7 +25264,6 @@ kendo-card-footer {
25331
25264
  outline: 0;
25332
25265
  position: absolute;
25333
25266
  -webkit-user-select: none;
25334
- -moz-user-select: none;
25335
25267
  -ms-user-select: none;
25336
25268
  user-select: none;
25337
25269
  display: flex;
@@ -25461,8 +25393,8 @@ kendo-card-footer {
25461
25393
  flex: 0 0 auto;
25462
25394
  }
25463
25395
 
25464
- .k-splitter-flex .k-pane.k-state-hidden, .k-splitter-flex .k-pane[hidden],
25465
- .k-splitter-flex .k-pane-flex.k-state-hidden,
25396
+ .k-splitter-flex .k-pane.k-hidden, .k-splitter-flex .k-pane[hidden],
25397
+ .k-splitter-flex .k-pane-flex.k-hidden,
25466
25398
  .k-splitter-flex .k-pane-flex[hidden] {
25467
25399
  flex: 0 1 0% !important;
25468
25400
  overflow: hidden !important;
@@ -25494,7 +25426,6 @@ kendo-card-footer {
25494
25426
  }
25495
25427
 
25496
25428
  .k-splitbar:hover,
25497
- .k-splitbar.k-state-hover,
25498
25429
  .k-splitbar.k-hover,
25499
25430
  .k-splitbar-horizontal-hover,
25500
25431
  .k-splitbar-vertical-hover {
@@ -25503,9 +25434,6 @@ kendo-card-footer {
25503
25434
  }
25504
25435
 
25505
25436
  .k-splitbar:focus,
25506
- .k-splitbar.k-state-focus,
25507
- .k-splitbar.k-focus,
25508
- .k-splitbar.k-state-focused,
25509
25437
  .k-splitbar.k-focus {
25510
25438
  color: white;
25511
25439
  background: #f35800;
@@ -25559,9 +25487,6 @@ kendo-card-footer {
25559
25487
  }
25560
25488
 
25561
25489
  .k-tilelayout-item:focus,
25562
- .k-tilelayout-item.k-focus,
25563
- .k-tilelayout-item.k-state-focus,
25564
- .k-tilelayout-item.k-state-focused,
25565
25490
  .k-tilelayout-item.k-focus {
25566
25491
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
25567
25492
  }
@@ -25588,7 +25513,9 @@ kendo-card-footer {
25588
25513
  .k-pane-wrapper .k-pane {
25589
25514
  width: 100%;
25590
25515
  height: 100%;
25591
- user-select: none;
25516
+ -webkit-user-select: none;
25517
+ -ms-user-select: none;
25518
+ user-select: none;
25592
25519
  box-sizing: border-box;
25593
25520
  font-family: sans-serif;
25594
25521
  overflow-x: hidden;
@@ -25670,8 +25597,8 @@ kendo-card-footer {
25670
25597
  .k-grid-mobile .k-header a {
25671
25598
  -webkit-touch-callout: none;
25672
25599
  -webkit-user-select: none;
25673
- -moz-user-select: none;
25674
- user-select: none;
25600
+ -ms-user-select: none;
25601
+ user-select: none;
25675
25602
  -webkit-user-drag: none;
25676
25603
  -moz-user-drag: none;
25677
25604
  }
@@ -25850,7 +25777,8 @@ kendo-card-footer {
25850
25777
  border-radius: 50%;
25851
25778
  }
25852
25779
 
25853
- .k-scheduler-mobile .k-task .k-i-reload {
25780
+ .k-scheduler-mobile .k-task .k-i-reload,
25781
+ .k-scheduler-mobile .k-task .k-i-arrow-rotate-cw {
25854
25782
  font-size: 1em;
25855
25783
  margin-right: .5em;
25856
25784
  }
@@ -25870,7 +25798,8 @@ kendo-card-footer {
25870
25798
  .k-scheduler-mobile .k-scheduler-times .k-scheduler-groupcolumn .k-scheduler-group-text,
25871
25799
  .k-scheduler-mobile .k-scheduler-agenda .k-scheduler-group-cell .k-scheduler-group-text,
25872
25800
  .k-scheduler-mobile .k-scheduler-agenda .k-scheduler-groupcolumn .k-scheduler-group-text {
25873
- writing-mode: vertical-lr;
25801
+ -ms-writing-mode: tb-lr;
25802
+ writing-mode: vertical-lr;
25874
25803
  transform: rotate(180deg);
25875
25804
  white-space: nowrap;
25876
25805
  }
@@ -26085,13 +26014,11 @@ kendo-card-footer {
26085
26014
  color: #f35800;
26086
26015
  }
26087
26016
 
26088
- .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-state-selected,
26089
26017
  .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-selected {
26090
26018
  color: #f35800;
26091
26019
  background: none;
26092
26020
  }
26093
26021
 
26094
- .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-state-selected .k-link,
26095
26022
  .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-selected .k-link {
26096
26023
  color: inherit;
26097
26024
  }
@@ -26233,7 +26160,7 @@ kendo-card-footer {
26233
26160
  }
26234
26161
 
26235
26162
  .k-grid .k-grouping-row .k-icon {
26236
- margin-left: calc( 8px - 8px);
26163
+ margin-left: 0px;
26237
26164
  margin-right: 8px;
26238
26165
  text-decoration: none;
26239
26166
  }
@@ -26402,7 +26329,7 @@ kendo-card-footer {
26402
26329
  .k-grid[dir="rtl"] .k-grid-header .k-filterable,
26403
26330
  .k-rtl .k-grid .k-grid-header .k-with-icon,
26404
26331
  .k-rtl .k-grid .k-grid-header .k-filterable {
26405
- padding-left: calc( calc( 1.4285714286em + 8px + 2px) + 4px);
26332
+ padding-left: calc(1.4285714286em + 14px);
26406
26333
  padding-right: 8px;
26407
26334
  }
26408
26335
 
@@ -26460,7 +26387,7 @@ kendo-card-footer {
26460
26387
  .k-grid[dir="rtl"] .k-grouping-row .k-icon,
26461
26388
  .k-rtl .k-grid .k-grouping-row .k-icon {
26462
26389
  margin-left: 8px;
26463
- margin-right: calc( 8px - 8px);
26390
+ margin-right: 0px;
26464
26391
  }
26465
26392
 
26466
26393
  .k-grid[dir="rtl"] .k-column-resizer,
@@ -26537,7 +26464,7 @@ kendo-card-footer {
26537
26464
 
26538
26465
  .k-grouping-header::before {
26539
26466
  content: "";
26540
- height: calc( 1.4285714286em + 8px + 2px);
26467
+ height: calc(1.4285714286em + 10px);
26541
26468
  display: inline-block;
26542
26469
  vertical-align: middle;
26543
26470
  }
@@ -26616,7 +26543,7 @@ kendo-card-footer {
26616
26543
 
26617
26544
  .k-grouping-dropclue {
26618
26545
  width: 12px;
26619
- height: calc( 1.4285714286em + 8px + 2px);
26546
+ height: calc(1.4285714286em + 10px);
26620
26547
  position: absolute;
26621
26548
  top: 3px;
26622
26549
  box-sizing: content-box;
@@ -26641,7 +26568,7 @@ kendo-card-footer {
26641
26568
  width: 2px;
26642
26569
  height: calc(100% - 6px);
26643
26570
  top: 6px;
26644
- left: calc( 6px - 1px);
26571
+ left: 5px;
26645
26572
  }
26646
26573
 
26647
26574
  .k-grid-header-wrap,
@@ -26694,7 +26621,9 @@ div.k-grid-footer {
26694
26621
  }
26695
26622
 
26696
26623
  .k-grid-header.k-grid-draggable-header {
26697
- user-select: none;
26624
+ -webkit-user-select: none;
26625
+ -ms-user-select: none;
26626
+ user-select: none;
26698
26627
  touch-action: none;
26699
26628
  }
26700
26629
 
@@ -26729,12 +26658,12 @@ div.k-grid-footer {
26729
26658
 
26730
26659
  .k-grid-header .k-with-icon,
26731
26660
  .k-grid-header .k-filterable {
26732
- padding-right: calc( calc( 1.4285714286em + 8px + 2px) + 4px);
26661
+ padding-right: calc(1.4285714286em + 14px);
26733
26662
  }
26734
26663
 
26735
26664
  .k-ie .k-grid-header .k-with-icon, .k-ie
26736
26665
  .k-grid-header .k-filterable {
26737
- padding-right: calc( calc( 1.4285714286em + 8px + 2px) + 4px);
26666
+ padding-right: calc(1.4285714286em + 14px);
26738
26667
  }
26739
26668
 
26740
26669
  .k-grid-header .k-header > .k-link:focus {
@@ -26745,8 +26674,8 @@ div.k-grid-footer {
26745
26674
  .k-grid-header .k-header-column-menu,
26746
26675
  .k-grid-header .k-grid-header-menu {
26747
26676
  padding: 4px;
26748
- width: calc( 1.4285714286em + 8px + 2px);
26749
- height: calc( 1.4285714286em + 8px + 2px);
26677
+ width: calc(1.4285714286em + 10px);
26678
+ height: calc(1.4285714286em + 10px);
26750
26679
  box-sizing: border-box;
26751
26680
  outline: 0;
26752
26681
  line-height: 1.4285714286;
@@ -26756,7 +26685,7 @@ div.k-grid-footer {
26756
26685
  justify-content: center;
26757
26686
  position: absolute;
26758
26687
  right: 4px;
26759
- bottom: calc( 8px + 0.7142857143em - calc( 1.4285714286em + 8px)/2);
26688
+ bottom: 4px;
26760
26689
  z-index: 1;
26761
26690
  }
26762
26691
 
@@ -26766,9 +26695,9 @@ div.k-grid-footer {
26766
26695
  cursor: pointer;
26767
26696
  }
26768
26697
 
26769
- .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 {
26698
+ .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 {
26770
26699
  vertical-align: text-top;
26771
- margin-inline-start: calc( 8px - 1px);
26700
+ margin-inline-start: 7px;
26772
26701
  }
26773
26702
 
26774
26703
  .k-grid-header .k-sort-order {
@@ -27180,7 +27109,7 @@ div.k-grid-norecords {
27180
27109
  }
27181
27110
 
27182
27111
  .k-filterable > .k-cell-inner {
27183
- margin-inline-end: calc(-1 * calc( calc( 1.4285714286em + 8px + 2px) + 4px));
27112
+ margin-inline-end: calc(-1.4285714286em + -14px);
27184
27113
  }
27185
27114
 
27186
27115
  .k-filterable > .k-cell-inner .k-link {
@@ -27502,7 +27431,9 @@ div.k-grid-norecords {
27502
27431
  display: flex;
27503
27432
  flex: 0 0 auto;
27504
27433
  position: relative;
27505
- user-select: none;
27434
+ -webkit-user-select: none;
27435
+ -ms-user-select: none;
27436
+ user-select: none;
27506
27437
  }
27507
27438
 
27508
27439
  .k-column-menu-group-header-text {
@@ -27595,28 +27526,23 @@ tbody .k-group-cell {
27595
27526
  }
27596
27527
 
27597
27528
  .k-grid tbody > tr:not(.k-detail-row):hover,
27598
- .k-grid tbody > tr:not(.k-detail-row).k-state-hover,
27599
27529
  .k-grid tbody > tr:not(.k-detail-row).k-hover {
27600
27530
  background-color: #ebebeb;
27601
27531
  }
27602
27532
 
27603
- .k-grid td.k-state-selected,
27604
27533
  .k-grid td.k-selected,
27605
- .k-grid tr.k-state-selected > td,
27606
27534
  .k-grid tr.k-selected > td {
27607
27535
  background-color: rgba(243, 88, 0, 0.25);
27608
27536
  }
27609
27537
 
27610
- .k-grid td.k-state-focused,
27538
+ .k-grid td:focus,
27611
27539
  .k-grid td.k-focus,
27612
- .k-grid th.k-state-focused,
27613
- .k-grid th.k-focus,
27614
27540
  .k-grid th:focus,
27541
+ .k-grid th.k-focus,
27615
27542
  .k-grid .k-master-row > td:focus,
27616
27543
  .k-grid .k-grouping-row > td:focus,
27617
27544
  .k-grid .k-detail-row > td:focus,
27618
27545
  .k-grid .k-group-footer > td:focus,
27619
- .k-grid .k-grid-pager.k-state-focused,
27620
27546
  .k-grid .k-grid-pager.k-focus {
27621
27547
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
27622
27548
  }
@@ -27657,19 +27583,15 @@ tbody .k-group-cell {
27657
27583
  border-top-color: #cacaca;
27658
27584
  }
27659
27585
 
27660
- .k-grid .k-grid-content-locked .k-state-selected td,
27661
27586
  .k-grid .k-grid-content-locked .k-selected td {
27662
27587
  background-color: rgba(243, 88, 0, 0.25);
27663
27588
  }
27664
27589
 
27665
- .k-grid .k-grid-content-locked .k-state-selected.k-alt td,
27666
27590
  .k-grid .k-grid-content-locked .k-selected.k-alt td {
27667
27591
  background-color: rgba(188, 68, 0, 0.28);
27668
27592
  }
27669
27593
 
27670
- .k-grid .k-grid-content-locked .k-state-selected:hover td,
27671
27594
  .k-grid .k-grid-content-locked .k-selected:hover td,
27672
- .k-grid .k-grid-content-locked .k-state-selected.k-state-hover td,
27673
27595
  .k-grid .k-grid-content-locked .k-selected.k-hover td {
27674
27596
  background-color: rgba(151, 55, 0, 0.31);
27675
27597
  }
@@ -27691,6 +27613,8 @@ th.k-sorted {
27691
27613
 
27692
27614
  .k-grid-header .k-i-sort-asc-sm,
27693
27615
  .k-grid-header .k-i-sort-desc-sm,
27616
+ .k-grid-header .k-i-sort-asc-small,
27617
+ .k-grid-header .k-i-sort-desc-small,
27694
27618
  .k-grid-header .k-sort-order {
27695
27619
  color: #f35800;
27696
27620
  }
@@ -27702,28 +27626,19 @@ th.k-sorted {
27702
27626
  background-color: #dddddd;
27703
27627
  }
27704
27628
 
27705
- .k-grid-header .k-grid-filter:focus, .k-grid-header .k-grid-filter.k-state-focus, .k-grid-header .k-grid-filter.k-focus, .k-grid-header .k-grid-filter.k-state-border-down,
27629
+ .k-grid-header .k-grid-filter:focus, .k-grid-header .k-grid-filter.k-focus,
27706
27630
  .k-grid-header .k-header-column-menu:focus,
27707
- .k-grid-header .k-header-column-menu.k-state-focus,
27708
27631
  .k-grid-header .k-header-column-menu.k-focus,
27709
- .k-grid-header .k-header-column-menu.k-state-border-down,
27710
27632
  .k-grid-header .k-grid-header-menu:focus,
27711
- .k-grid-header .k-grid-header-menu.k-state-focus,
27712
27633
  .k-grid-header .k-grid-header-menu.k-focus,
27713
- .k-grid-header .k-grid-header-menu.k-state-border-down,
27714
27634
  .k-grid-header .k-hierarchy-cell .k-icon:focus,
27715
- .k-grid-header .k-hierarchy-cell .k-icon.k-state-focus,
27716
- .k-grid-header .k-hierarchy-cell .k-icon.k-focus,
27717
- .k-grid-header .k-hierarchy-cell .k-icon.k-state-border-down {
27635
+ .k-grid-header .k-hierarchy-cell .k-icon.k-focus {
27718
27636
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
27719
27637
  }
27720
27638
 
27721
- .k-grid-header .k-grid-filter.k-state-active, .k-grid-header .k-grid-filter.k-active,
27722
- .k-grid-header .k-header-column-menu.k-state-active,
27639
+ .k-grid-header .k-grid-filter.k-active,
27723
27640
  .k-grid-header .k-header-column-menu.k-active,
27724
- .k-grid-header .k-grid-header-menu.k-state-active,
27725
27641
  .k-grid-header .k-grid-header-menu.k-active,
27726
- .k-grid-header .k-hierarchy-cell .k-icon.k-state-active,
27727
27642
  .k-grid-header .k-hierarchy-cell .k-icon.k-active {
27728
27643
  color: white;
27729
27644
  background-color: #f35800;
@@ -27767,44 +27682,30 @@ th.k-sorted {
27767
27682
  background-color: whitesmoke;
27768
27683
  }
27769
27684
 
27770
- .k-master-row.k-state-selected .k-grid-content-sticky,
27771
27685
  .k-master-row.k-selected .k-grid-content-sticky,
27772
- .k-master-row.k-state-selected .k-grid-row-sticky,
27773
27686
  .k-master-row.k-selected .k-grid-row-sticky,
27774
- .k-master-row td.k-grid-content-sticky.k-state-selected,
27775
27687
  .k-master-row td.k-grid-content-sticky.k-selected {
27776
27688
  background-color: rgba(243, 88, 0, 0.25);
27777
27689
  }
27778
27690
 
27779
- .k-master-row.k-state-selected.k-alt .k-grid-content-sticky,
27780
27691
  .k-master-row.k-selected.k-alt .k-grid-content-sticky,
27781
- .k-master-row.k-state-selected.k-alt .k-grid-row-sticky,
27782
27692
  .k-master-row.k-selected.k-alt .k-grid-row-sticky,
27783
- .k-master-row.k-alt td.k-grid-content-sticky.k-state-selected,
27784
27693
  .k-master-row.k-alt td.k-grid-content-sticky.k-selected {
27785
27694
  background-color: rgba(188, 68, 0, 0.28);
27786
27695
  }
27787
27696
 
27788
27697
  .k-master-row:hover .k-grid-content-sticky,
27789
27698
  .k-master-row:hover .k-grid-row-sticky,
27790
- .k-master-row.k-state-hover .k-grid-content-sticky,
27791
27699
  .k-master-row.k-hover .k-grid-content-sticky,
27792
- .k-master-row.k-state-hover .k-grid-row-sticky,
27793
27700
  .k-master-row.k-hover .k-grid-row-sticky {
27794
27701
  background-color: #ebebeb;
27795
27702
  }
27796
27703
 
27797
- .k-master-row.k-state-selected:hover .k-grid-content-sticky,
27798
27704
  .k-master-row.k-selected:hover .k-grid-content-sticky,
27799
- .k-master-row.k-state-selected:hover .k-grid-row-sticky,
27800
27705
  .k-master-row.k-selected:hover .k-grid-row-sticky,
27801
- .k-master-row.k-state-selected.k-state-hover .k-grid-content-sticky,
27802
27706
  .k-master-row.k-selected.k-hover .k-grid-content-sticky,
27803
- .k-master-row.k-state-selected.k-state-hover .k-grid-row-sticky,
27804
27707
  .k-master-row.k-selected.k-hover .k-grid-row-sticky,
27805
- .k-master-row:hover td.k-grid-content-sticky.k-state-selected,
27806
27708
  .k-master-row:hover td.k-grid-content-sticky.k-selected,
27807
- .k-master-row.k-state-hover td.k-grid-content-sticky.k-state-selected,
27808
27709
  .k-master-row.k-hover td.k-grid-content-sticky.k-selected {
27809
27710
  background-color: rgba(151, 55, 0, 0.31);
27810
27711
  }
@@ -27816,7 +27717,7 @@ kendo-grid .k-grid-content-sticky {
27816
27717
  background-color: #ffffff;
27817
27718
  }
27818
27719
 
27819
- kendo-grid .k-grid-content-sticky:hover, kendo-grid .k-grid-content-sticky.k-state-hover, kendo-grid .k-grid-content-sticky.k-hover {
27720
+ kendo-grid .k-grid-content-sticky:hover, kendo-grid .k-grid-content-sticky.k-hover {
27820
27721
  background-color: #ebebeb;
27821
27722
  }
27822
27723
 
@@ -27827,7 +27728,6 @@ kendo-grid .k-grid-row-sticky td {
27827
27728
  }
27828
27729
 
27829
27730
  kendo-grid .k-grid-row-sticky:hover td,
27830
- kendo-grid .k-grid-row-sticky.k-state-hover td,
27831
27731
  kendo-grid .k-grid-row-sticky.k-hover td {
27832
27732
  background-color: #ebebeb;
27833
27733
  }
@@ -27837,64 +27737,41 @@ kendo-grid .k-grid-row-sticky.k-alt td {
27837
27737
  background-color: whitesmoke;
27838
27738
  }
27839
27739
 
27840
- kendo-grid tr.k-state-selected .k-grid-content-sticky,
27841
27740
  kendo-grid tr.k-selected .k-grid-content-sticky,
27842
- kendo-grid .k-state-selected.k-grid-row-sticky td,
27843
27741
  kendo-grid .k-selected.k-grid-row-sticky td,
27844
- kendo-grid .k-grid-row-sticky td.k-state-selected,
27845
27742
  kendo-grid .k-grid-row-sticky td.k-selected,
27846
- kendo-grid .k-state-selected.k-grid-content-sticky,
27847
27743
  kendo-grid .k-selected.k-grid-content-sticky {
27848
27744
  background-color: rgba(243, 88, 0, 0.25);
27849
27745
  }
27850
27746
 
27851
- kendo-grid tr.k-state-selected.k-alt .k-grid-content-sticky,
27852
27747
  kendo-grid tr.k-selected.k-alt .k-grid-content-sticky,
27853
- kendo-grid .k-state-selected.k-alt.k-grid-row-sticky td,
27854
27748
  kendo-grid .k-selected.k-alt.k-grid-row-sticky td,
27855
- kendo-grid .k-alt .k-state-selected.k-grid-content-sticky,
27856
27749
  kendo-grid .k-alt .k-selected.k-grid-content-sticky {
27857
27750
  background-color: rgba(188, 68, 0, 0.28);
27858
27751
  }
27859
27752
 
27860
27753
  kendo-grid tr:hover .k-grid-content-sticky,
27861
- kendo-grid tr.k-state-hover .k-grid-content-sticky,
27862
27754
  kendo-grid tr.k-hover .k-grid-content-sticky,
27863
27755
  kendo-grid .k-grid-row-sticky:hover td,
27864
- kendo-grid .k-grid-row-sticky.k-state-hover td,
27865
27756
  kendo-grid .k-grid-row-sticky.k-hover td,
27866
27757
  kendo-grid .k-grid-row-sticky.k-alt:hover td,
27867
- kendo-grid .k-grid-row-sticky.k-alt.k-state-hover td,
27868
27758
  kendo-grid .k-grid-row-sticky.k-alt.k-hover td,
27869
27759
  kendo-grid .k-alt:hover .k-grid-content-sticky,
27870
- kendo-grid .k-alt.k-state-hover .k-grid-content-sticky,
27871
27760
  kendo-grid .k-alt.k-hover .k-grid-content-sticky {
27872
27761
  background-color: #ebebeb;
27873
27762
  }
27874
27763
 
27875
- kendo-grid tr.k-state-selected:hover .k-grid-content-sticky,
27876
27764
  kendo-grid tr.k-selected:hover .k-grid-content-sticky,
27877
- kendo-grid tr.k-state-selected.k-state-hover .k-grid-content-sticky,
27878
27765
  kendo-grid tr.k-selected.k-hover .k-grid-content-sticky,
27879
- kendo-grid .k-state-selected.k-grid-row-sticky:hover td,
27880
27766
  kendo-grid .k-selected.k-grid-row-sticky:hover td,
27881
- kendo-grid .k-state-selected.k-grid-row-sticky.k-state-hover td,
27882
27767
  kendo-grid .k-selected.k-grid-row-sticky.k-hover td,
27883
- kendo-grid .k-state-selected.k-alt.k-grid-row-sticky:hover td,
27884
27768
  kendo-grid .k-selected.k-alt.k-grid-row-sticky:hover td,
27885
- kendo-grid .k-state-selected.k-alt.k-grid-row-sticky.k-state-hover td,
27886
27769
  kendo-grid .k-selected.k-alt.k-grid-row-sticky.k-hover td,
27887
- kendo-grid tr.k-state-selected.k-alt:hover .k-grid-content-sticky,
27888
27770
  kendo-grid tr.k-selected.k-alt:hover .k-grid-content-sticky,
27889
- kendo-grid tr.k-state-selected.k-alt.k-state-hover .k-grid-content-sticky,
27890
27771
  kendo-grid tr.k-selected.k-alt.k-hover .k-grid-content-sticky,
27891
- kendo-grid .k-grid-row-sticky:hover td.k-state-selected,
27892
27772
  kendo-grid .k-grid-row-sticky:hover td.k-selected,
27893
- kendo-grid .k-grid-row-sticky.k-state-hover td.k-state-selected,
27894
27773
  kendo-grid .k-grid-row-sticky.k-hover td.k-selected,
27895
- kendo-grid tr:hover .k-grid-content-sticky.k-state-selected,
27896
27774
  kendo-grid tr:hover .k-grid-content-sticky.k-selected,
27897
- kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected,
27898
27775
  kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
27899
27776
  background-color: rgba(151, 55, 0, 0.31);
27900
27777
  }
@@ -27904,7 +27781,6 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
27904
27781
  }
27905
27782
 
27906
27783
  .k-grouping-row:hover .k-grid-content-sticky,
27907
- .k-grouping-row.k-state-hover .k-grid-content-sticky,
27908
27784
  .k-grouping-row.k-hover .k-grid-content-sticky {
27909
27785
  background-color: #ebebeb;
27910
27786
  }
@@ -27916,12 +27792,11 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
27916
27792
  }
27917
27793
 
27918
27794
  .k-columnmenu-item:focus,
27919
- .k-columnmenu-item.k-state-focus,
27920
27795
  .k-columnmenu-item.k-focus {
27921
27796
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
27922
27797
  }
27923
27798
 
27924
- .k-columnmenu-item.k-state-selected, .k-columnmenu-item.k-selected {
27799
+ .k-columnmenu-item.k-selected {
27925
27800
  color: white;
27926
27801
  background-color: #f35800;
27927
27802
  }
@@ -27932,17 +27807,17 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
27932
27807
  background-color: #ffffff;
27933
27808
  }
27934
27809
 
27935
- .k-column-menu .k-menu:not(.k-context-menu) .k-item:hover, .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-state-hover, .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-hover {
27810
+ .k-column-menu .k-menu:not(.k-context-menu) .k-item:hover, .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-hover {
27936
27811
  color: #272727;
27937
27812
  background-color: #dddddd;
27938
27813
  }
27939
27814
 
27940
- .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-state-selected, .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-selected {
27815
+ .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-selected {
27941
27816
  color: white;
27942
27817
  background-color: #f35800;
27943
27818
  }
27944
27819
 
27945
- .k-column-menu .k-menu:not(.k-context-menu) .k-item:focus, .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-state-focused, .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-focus {
27820
+ .k-column-menu .k-menu:not(.k-context-menu) .k-item:focus, .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-focus {
27946
27821
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
27947
27822
  }
27948
27823
 
@@ -28095,12 +27970,10 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
28095
27970
  background-color: #ffffff;
28096
27971
  }
28097
27972
 
28098
- .k-listview-content > .k-state-focused,
28099
27973
  .k-listview-content > .k-focus {
28100
27974
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
28101
27975
  }
28102
27976
 
28103
- .k-listview-content > .k-state-selected,
28104
27977
  .k-listview-content > .k-selected {
28105
27978
  background-color: rgba(243, 88, 0, 0.25);
28106
27979
  }
@@ -28348,7 +28221,6 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
28348
28221
  overflow: hidden;
28349
28222
  }
28350
28223
 
28351
- .k-spreadsheet-view .k-state-disabled,
28352
28224
  .k-spreadsheet-view .k-disabled {
28353
28225
  pointer-events: auto;
28354
28226
  }
@@ -28359,7 +28231,6 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
28359
28231
  border-color: inherit;
28360
28232
  box-sizing: border-box;
28361
28233
  -webkit-user-select: none;
28362
- -moz-user-select: none;
28363
28234
  -ms-user-select: none;
28364
28235
  user-select: none;
28365
28236
  position: absolute;
@@ -28683,12 +28554,12 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
28683
28554
 
28684
28555
  .k-spreadsheet-filter-menu > .k-menu .k-link,
28685
28556
  .k-spreadsheet-filter-menu > .k-menu.k-menu-vertical .k-link {
28686
- padding-left: calc( 16px + 8px);
28557
+ padding-left: 24px;
28687
28558
  }
28688
28559
 
28689
28560
  .k-spreadsheet-filter-menu > .k-menu .k-icon,
28690
28561
  .k-spreadsheet-filter-menu > .k-menu.k-menu-vertical .k-icon {
28691
- margin-left: calc(-1 * ( 16px + 4px ));
28562
+ margin-left: -20px;
28692
28563
  margin-right: 4px;
28693
28564
  }
28694
28565
 
@@ -28896,7 +28767,6 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
28896
28767
  }
28897
28768
 
28898
28769
  .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover div,
28899
- .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-state-hovered div,
28900
28770
  .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-hover div {
28901
28771
  margin: 0;
28902
28772
  align-self: center;
@@ -28988,7 +28858,7 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
28988
28858
  cursor: nwse-resize;
28989
28859
  }
28990
28860
 
28991
- .k-spreadsheet-drawing .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover, .k-spreadsheet-drawing .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-state-hovered, .k-spreadsheet-drawing .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-hover {
28861
+ .k-spreadsheet-drawing .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover, .k-spreadsheet-drawing .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-hover {
28992
28862
  border-radius: 4px;
28993
28863
  }
28994
28864
 
@@ -29126,14 +28996,14 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
29126
28996
  background-color: #dddddd;
29127
28997
  }
29128
28998
 
29129
- .k-spreadsheet-filter.k-state-active, .k-spreadsheet-filter.k-active {
28999
+ .k-spreadsheet-filter.k-active {
29130
29000
  border-color: #a3a3a3;
29131
29001
  background-color: #cacaca;
29132
29002
  }
29133
29003
 
29134
- .k-spreadsheet-filter-menu > .k-menu .k-item.k-state-hover,
29004
+ .k-spreadsheet-filter-menu > .k-menu .k-item:hover,
29135
29005
  .k-spreadsheet-filter-menu > .k-menu .k-item.k-hover,
29136
- .k-spreadsheet-filter-menu > .k-menu:not(.k-context-menu) .k-item.k-state-hover,
29006
+ .k-spreadsheet-filter-menu > .k-menu:not(.k-context-menu) .k-item:hover,
29137
29007
  .k-spreadsheet-filter-menu > .k-menu:not(.k-context-menu) .k-item.k-hover {
29138
29008
  color: #272727;
29139
29009
  background-color: #dddddd;
@@ -29146,16 +29016,13 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
29146
29016
  }
29147
29017
 
29148
29018
  .k-spreadsheet-popup .k-button:hover,
29149
- .k-spreadsheet-popup .k-button.k-state-hover,
29150
29019
  .k-spreadsheet-popup .k-button.k-hover {
29151
29020
  color: #272727;
29152
29021
  background-color: #dddddd;
29153
29022
  }
29154
29023
 
29155
29024
  .k-spreadsheet-popup .k-button:active,
29156
- .k-spreadsheet-popup .k-button.k-state-active,
29157
29025
  .k-spreadsheet-popup .k-button.k-active,
29158
- .k-spreadsheet-popup .k-button.k-state-selected,
29159
29026
  .k-spreadsheet-popup .k-button.k-selected {
29160
29027
  color: white;
29161
29028
  background-color: #f35800;
@@ -29165,12 +29032,11 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
29165
29032
  border-color: #cacaca;
29166
29033
  }
29167
29034
 
29168
- .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover, .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-state-hovered, .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-hover {
29035
+ .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover, .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-hover {
29169
29036
  box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.5);
29170
29037
  }
29171
29038
 
29172
29039
  .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover div,
29173
- .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-state-hovered div,
29174
29040
  .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-hover div {
29175
29041
  color: #ffffff;
29176
29042
  }
@@ -29256,6 +29122,10 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
29256
29122
  border-bottom-width: 1px;
29257
29123
  }
29258
29124
 
29125
+ .k-pivotgrid-empty-cell:focus {
29126
+ outline: none;
29127
+ }
29128
+
29259
29129
  .k-pivotgrid-column-headers {
29260
29130
  overflow: hidden;
29261
29131
  }
@@ -29320,6 +29190,10 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
29320
29190
  overflow: hidden;
29321
29191
  }
29322
29192
 
29193
+ .k-pivotgrid-cell:focus {
29194
+ outline: none;
29195
+ }
29196
+
29323
29197
  .k-pivotgrid-cell .k-icon {
29324
29198
  cursor: pointer;
29325
29199
  padding-inline-end: 8px;
@@ -29354,7 +29228,9 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
29354
29228
  border-style: solid;
29355
29229
  box-sizing: border-box;
29356
29230
  cursor: pointer;
29357
- user-select: none;
29231
+ -webkit-user-select: none;
29232
+ -ms-user-select: none;
29233
+ user-select: none;
29358
29234
  }
29359
29235
 
29360
29236
  .k-flex-row .k-pivotgrid-configurator-button, .k-d-flex-row .k-pivotgrid-configurator-button,
@@ -29365,7 +29241,8 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
29365
29241
 
29366
29242
  .k-flex-row .k-pivotgrid-configurator-button span, .k-d-flex-row .k-pivotgrid-configurator-button span,
29367
29243
  .k-flex-row-reverse .k-pivotgrid-configurator-button span {
29368
- writing-mode: vertical-rl;
29244
+ -ms-writing-mode: tb-rl;
29245
+ writing-mode: vertical-rl;
29369
29246
  }
29370
29247
 
29371
29248
  .k-flex-row .k-pivotgrid-configurator-button .k-icon, .k-d-flex-row .k-pivotgrid-configurator-button .k-icon,
@@ -29390,19 +29267,19 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
29390
29267
  }
29391
29268
 
29392
29269
  .k-flex-row .k-pivotgrid-configurator-overlay, .k-d-flex-row .k-pivotgrid-configurator-overlay {
29393
- right: calc( 1.4285714286em + 8px + 2px);
29270
+ right: calc(1.4285714286em + 10px);
29394
29271
  }
29395
29272
 
29396
29273
  .k-flex-row-reverse .k-pivotgrid-configurator-overlay {
29397
- left: calc( 1.4285714286em + 8px + 2px);
29274
+ left: calc(1.4285714286em + 10px);
29398
29275
  }
29399
29276
 
29400
29277
  .k-flex-col .k-pivotgrid-configurator-overlay, .k-d-flex-col .k-pivotgrid-configurator-overlay, .k-flex-column .k-pivotgrid-configurator-overlay {
29401
- bottom: calc( 1.4285714286em + 8px + 2px);
29278
+ bottom: calc(1.4285714286em + 10px);
29402
29279
  }
29403
29280
 
29404
29281
  .k-flex-col-reverse .k-pivotgrid-configurator-overlay, .k-flex-column-reverse .k-pivotgrid-configurator-overlay {
29405
- top: calc( 1.4285714286em + 8px + 2px);
29282
+ top: calc(1.4285714286em + 10px);
29406
29283
  }
29407
29284
 
29408
29285
  .k-pivotgrid-configurator-header {
@@ -29856,21 +29733,19 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
29856
29733
  background-color: #ebebeb;
29857
29734
  }
29858
29735
 
29859
- .k-pivotgrid-row-headers tbody > .k-pivotgrid-row.k-state-hover,
29860
- .k-pivotgrid-row-headers tbody > .k-pivotgrid-row.k-hover,
29861
29736
  .k-pivotgrid-row-headers tbody > .k-pivotgrid-row:hover,
29862
- .k-pivotgrid-column-headers tbody > .k-pivotgrid-row.k-state-hover,
29863
- .k-pivotgrid-column-headers tbody > .k-pivotgrid-row.k-hover,
29737
+ .k-pivotgrid-row-headers tbody > .k-pivotgrid-row.k-hover,
29864
29738
  .k-pivotgrid-column-headers tbody > .k-pivotgrid-row:hover,
29865
- .k-pivotgrid-values tbody > .k-pivotgrid-row.k-state-hover,
29866
- .k-pivotgrid-values tbody > .k-pivotgrid-row.k-hover,
29867
- .k-pivotgrid-values tbody > .k-pivotgrid-row:hover {
29739
+ .k-pivotgrid-column-headers tbody > .k-pivotgrid-row.k-hover,
29740
+ .k-pivotgrid-values tbody > .k-pivotgrid-row:hover,
29741
+ .k-pivotgrid-values tbody > .k-pivotgrid-row.k-hover {
29868
29742
  background-color: #ededed;
29869
29743
  }
29870
29744
 
29871
- .k-pivotgrid-cell.k-state-focus,
29872
- .k-pivotgrid-cell.k-focus,
29873
29745
  .k-pivotgrid-cell:focus,
29746
+ .k-pivotgrid-cell.k-focus,
29747
+ .k-pivotgrid-empty-cell:focus,
29748
+ .k-pivotgrid-empty-cell.k-focus,
29874
29749
  .k-master-row > .k-pivotgrid-cell:focus,
29875
29750
  .k-grouping-row > .k-pivotgrid-cell:focus,
29876
29751
  .k-detail-row > .k-pivotgrid-cell:focus,
@@ -29878,9 +29753,7 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
29878
29753
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
29879
29754
  }
29880
29755
 
29881
- .k-pivotgrid-cell.k-state-selected,
29882
29756
  .k-pivotgrid-cell.k-selected,
29883
- .k-pivotgrid-row.k-state-selected > .k-pivotgrid-cell,
29884
29757
  .k-pivotgrid-row.k-selected > .k-pivotgrid-cell {
29885
29758
  background-color: rgba(243, 88, 0, 0.25);
29886
29759
  }
@@ -30022,7 +29895,6 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
30022
29895
  }
30023
29896
 
30024
29897
  .k-treelist .k-treelist-dragging,
30025
- .k-treelist .k-treelist-dragging .k-state-hover,
30026
29898
  .k-treelist .k-treelist-dragging .k-hover {
30027
29899
  cursor: default;
30028
29900
  }
@@ -30163,7 +30035,7 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
30163
30035
  content: "";
30164
30036
  position: absolute;
30165
30037
  width: 1px;
30166
- top: calc(-4px - 1px);
30038
+ top: -5px;
30167
30039
  bottom: 50%;
30168
30040
  left: -8px;
30169
30041
  }
@@ -30350,7 +30222,7 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
30350
30222
  .k-filemanager-preview {
30351
30223
  padding: 48px 16px 16px;
30352
30224
  width: 20%;
30353
- min-height: calc( 64px + 192px + 48px);
30225
+ min-height: 304px;
30354
30226
  border-width: 0;
30355
30227
  border-left-width: 1px;
30356
30228
  border-style: solid;
@@ -30449,7 +30321,6 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
30449
30321
  color: #6c6c6c;
30450
30322
  }
30451
30323
 
30452
- .k-filemanager-listview .k-listview-item.k-state-selected .k-file-icon,
30453
30324
  .k-filemanager-listview .k-listview-item.k-selected .k-file-icon {
30454
30325
  border-color: transparent;
30455
30326
  color: inherit;
@@ -30625,7 +30496,7 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
30625
30496
  overflow-wrap: anywhere;
30626
30497
  }
30627
30498
 
30628
- .k-taskboard-card .k-card-title:focus, .k-taskboard-card .k-card-title.k-focus, .k-taskboard-card .k-card-title.k-state-focus, .k-taskboard-card .k-card-title:hover, .k-taskboard-card .k-card-title.k-hover, .k-taskboard-card .k-card-title.k-state-hover {
30499
+ .k-taskboard-card .k-card-title:focus, .k-taskboard-card .k-card-title.k-focus, .k-taskboard-card .k-card-title:hover, .k-taskboard-card .k-card-title.k-hover {
30629
30500
  text-decoration: underline;
30630
30501
  }
30631
30502
 
@@ -30669,7 +30540,6 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
30669
30540
  }
30670
30541
 
30671
30542
  .k-taskboard-column:focus,
30672
- .k-taskboard-column.k-state-focus,
30673
30543
  .k-taskboard-column.k-focus {
30674
30544
  border-color: #a2a2a2;
30675
30545
  }
@@ -30698,29 +30568,29 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
30698
30568
  color: #f35800;
30699
30569
  }
30700
30570
 
30701
- .k-taskboard-card .k-card-title:focus, .k-taskboard-card .k-card-title.k-focus, .k-taskboard-card .k-card-title.k-state-focus {
30571
+ .k-taskboard-card .k-card-title:focus, .k-taskboard-card .k-card-title.k-focus {
30702
30572
  color: #cc4a00;
30703
30573
  }
30704
30574
 
30705
- .k-taskboard-card .k-card-title:hover, .k-taskboard-card .k-card-title.k-hover, .k-taskboard-card .k-card-title.k-state-hover {
30575
+ .k-taskboard-card .k-card-title:hover, .k-taskboard-card .k-card-title.k-hover {
30706
30576
  color: #cc4a00;
30707
30577
  }
30708
30578
 
30709
- .k-taskboard-card:focus, .k-taskboard-card.k-focus, .k-taskboard-card.k-state-focus {
30579
+ .k-taskboard-card:focus, .k-taskboard-card.k-focus {
30710
30580
  border-color: #a6a6a6;
30711
30581
  box-shadow: none;
30712
30582
  }
30713
30583
 
30714
- .k-taskboard-card:hover, .k-taskboard-card.k-hover, .k-taskboard-card.k-state-hover {
30584
+ .k-taskboard-card:hover, .k-taskboard-card.k-hover {
30715
30585
  border-color: #b6b6b6;
30716
30586
  }
30717
30587
 
30718
- .k-taskboard-card.k-selected, .k-taskboard-card.k-state-selected {
30588
+ .k-taskboard-card.k-selected {
30719
30589
  border-color: #f9ab7f;
30720
30590
  box-shadow: none;
30721
30591
  }
30722
30592
 
30723
- .k-taskboard-card.k-disabled, .k-taskboard-card.k-state-disabled {
30593
+ .k-taskboard-card.k-disabled {
30724
30594
  outline: none;
30725
30595
  cursor: default;
30726
30596
  opacity: 0.6;
@@ -30782,7 +30652,6 @@ kendo-editor.k-readonly .k-editor-content {
30782
30652
  pointer-events: auto;
30783
30653
  }
30784
30654
 
30785
- kendo-editor.k-readonly .k-editor-content.k-state-focused,
30786
30655
  kendo-editor.k-readonly .k-editor-content.k-focus {
30787
30656
  outline-width: 1px;
30788
30657
  outline-style: dashed;
@@ -30904,8 +30773,8 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
30904
30773
 
30905
30774
  .k-editor-toolbar .k-tool {
30906
30775
  padding: 4px;
30907
- width: calc( 1.4285714286em + 8px + 2px);
30908
- height: calc( 1.4285714286em + 8px + 2px);
30776
+ width: calc(1.4285714286em + 10px);
30777
+ height: calc(1.4285714286em + 10px);
30909
30778
  }
30910
30779
 
30911
30780
  .k-editor-toolbar .k-tool-text {
@@ -30967,7 +30836,9 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
30967
30836
  float: left;
30968
30837
  opacity: 1;
30969
30838
  cursor: text;
30970
- user-select: none;
30839
+ -webkit-user-select: none;
30840
+ -ms-user-select: none;
30841
+ user-select: none;
30971
30842
  }
30972
30843
 
30973
30844
  td.k-editor-content {
@@ -31027,7 +30898,8 @@ td.k-editor-content {
31027
30898
  cursor: se-resize;
31028
30899
  }
31029
30900
 
31030
- .k-editor .k-resize-handle .k-i-arrow-45-down-right {
30901
+ .k-editor .k-resize-handle .k-i-arrow-45-down-right,
30902
+ .k-editor .k-resize-handle .k-i-caret-br {
31031
30903
  display: none;
31032
30904
  }
31033
30905
 
@@ -31077,7 +30949,7 @@ td.k-editor-content {
31077
30949
 
31078
30950
  .k-editor-dialog .k-edit-label {
31079
30951
  width: 30%;
31080
- padding: calc( 4px + 1px) 0;
30952
+ padding: 5px 0;
31081
30953
  }
31082
30954
 
31083
30955
  .k-editor-dialog .k-edit-field {
@@ -31211,7 +31083,7 @@ td.k-editor-content {
31211
31083
  margin: auto;
31212
31084
  }
31213
31085
 
31214
- .k-filebrowser .k-tile-empty.k-state-selected, .k-filebrowser .k-tile-empty.k-selected {
31086
+ .k-filebrowser .k-tile-empty.k-selected {
31215
31087
  color: inherit;
31216
31088
  border-width: 0;
31217
31089
  background-image: none;
@@ -31406,7 +31278,6 @@ td.k-editor-content {
31406
31278
  background-color: #ffffff;
31407
31279
  }
31408
31280
 
31409
- kendo-editor.k-readonly .k-editor-content.k-state-focused,
31410
31281
  kendo-editor.k-readonly .k-editor-content.k-focus {
31411
31282
  outline-color: #272727;
31412
31283
  }
@@ -31429,7 +31300,7 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
31429
31300
  background-color: #00b0ff;
31430
31301
  }
31431
31302
 
31432
- .k-editor-inline:hover, .k-editor-inline.k-state-active, .k-editor-inline.k-active {
31303
+ .k-editor-inline:hover, .k-editor-inline.k-active, .k-editor-inline.k-active {
31433
31304
  border-color: #cacaca;
31434
31305
  }
31435
31306
 
@@ -31442,7 +31313,6 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
31442
31313
  outline-color: #8cf;
31443
31314
  }
31444
31315
 
31445
- .k-ct-popup .k-state-selected,
31446
31316
  .k-ct-popup .k-selected {
31447
31317
  border-color: #cc4a00;
31448
31318
  color: white;
@@ -31506,7 +31376,7 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
31506
31376
 
31507
31377
  .k-imageeditor-action-pane {
31508
31378
  padding: 32px 16px;
31509
- width: calc(240px + 1px);
31379
+ width: 241px;
31510
31380
  border-width: 0;
31511
31381
  border-left-width: 1px;
31512
31382
  border-style: solid;
@@ -31554,14 +31424,14 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
31554
31424
 
31555
31425
  .k-imageeditor-crop .k-resize-n,
31556
31426
  .k-imageeditor-crop .k-resize-s {
31557
- left: calc( 50% - (7.5px));
31427
+ left: calc(50% - 7.5px);
31558
31428
  width: 15px;
31559
31429
  height: 0;
31560
31430
  }
31561
31431
 
31562
31432
  .k-imageeditor-crop .k-resize-w,
31563
31433
  .k-imageeditor-crop .k-resize-e {
31564
- top: calc( 50% - (7.5px));
31434
+ top: calc(50% - 7.5px);
31565
31435
  width: 0;
31566
31436
  height: 15px;
31567
31437
  }
@@ -31612,7 +31482,7 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
31612
31482
  .k-imageeditor-canvas {
31613
31483
  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;
31614
31484
  background-repeat: repeat, repeat;
31615
- background-position: 0px 0px, calc(10px / 2) calc(10px / 2);
31485
+ background-position: 0px 0px, 5px 5px;
31616
31486
  transform-origin: 0 0 0;
31617
31487
  background-origin: padding-box, padding-box;
31618
31488
  background-size: 10px 10px, 10px 10px;
@@ -31657,7 +31527,7 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
31657
31527
  }
31658
31528
 
31659
31529
  .k-gantt .k-grid-header tr {
31660
- height: calc( 1.4285714286em + 16px + 1px);
31530
+ height: calc(1.4285714286em + 17px);
31661
31531
  }
31662
31532
 
31663
31533
  .k-gantt .k-grid-header .k-header {
@@ -31669,11 +31539,11 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
31669
31539
  }
31670
31540
 
31671
31541
  .k-gantt .k-grid-content tr {
31672
- height: calc( 1.4285714286em + 16px + 0px);
31542
+ height: calc(1.4285714286em + 16px);
31673
31543
  }
31674
31544
 
31675
31545
  .k-gantt.k-gantt-planned .k-grid-content tr {
31676
- height: calc( 2.4285714286em + 16px + 0px);
31546
+ height: calc(2.4285714286em + 16px);
31677
31547
  }
31678
31548
 
31679
31549
  .k-gantt .k-gantt-layout {
@@ -31717,7 +31587,6 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
31717
31587
  white-space: nowrap;
31718
31588
  }
31719
31589
 
31720
- .k-gantt .k-treelist-scrollable tr.k-state-selected > td:last-child,
31721
31590
  .k-gantt .k-treelist-scrollable tr.k-selected > td:last-child {
31722
31591
  background: transparent;
31723
31592
  }
@@ -31840,8 +31709,8 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
31840
31709
  .k-gantt-toolbar .k-gantt-pdf,
31841
31710
  .k-gantt-toolbar .k-gantt-create {
31842
31711
  padding: 4px;
31843
- width: calc( 1.4285714286em + 8px + 2px);
31844
- height: calc( 1.4285714286em + 8px + 2px);
31712
+ width: calc(1.4285714286em + 10px);
31713
+ height: calc(1.4285714286em + 10px);
31845
31714
  }
31846
31715
  .k-gantt-toolbar .k-gantt-pdf .k-button-text,
31847
31716
  .k-gantt-toolbar .k-gantt-create .k-button-text {
@@ -31877,7 +31746,7 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
31877
31746
  }
31878
31747
 
31879
31748
  .k-gantt-treelist .k-grid-header tr {
31880
- height: calc( 2.8571428571em + 32px + 2px);
31749
+ height: calc(2.8571428572em + 34px);
31881
31750
  vertical-align: bottom;
31882
31751
  }
31883
31752
 
@@ -31891,7 +31760,7 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
31891
31760
  }
31892
31761
 
31893
31762
  .k-gantt-treelist .k-gantt-treelist-nested-columns .k-grid-header tr {
31894
- height: calc( 1.4285714286em + 16px + 1px);
31763
+ height: calc(1.4285714286em + 17px);
31895
31764
  }
31896
31765
 
31897
31766
  .k-gantt-treelist.k-gantt-treelist-scrollable .k-grid-content {
@@ -31960,7 +31829,6 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
31960
31829
  position: absolute;
31961
31830
  }
31962
31831
 
31963
- .k-gantt-line.k-state-selected,
31964
31832
  .k-gantt-line.k-selected {
31965
31833
  z-index: 3;
31966
31834
  }
@@ -32012,8 +31880,8 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
32012
31880
  }
32013
31881
 
32014
31882
  .k-task-dot {
32015
- width: calc( 8px + 8px);
32016
- height: calc( 8px + 8px);
31883
+ width: 16px;
31884
+ height: 16px;
32017
31885
  line-height: 1;
32018
31886
  cursor: pointer;
32019
31887
  display: none;
@@ -32042,7 +31910,6 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
32042
31910
  }
32043
31911
 
32044
31912
  .k-task-dot:hover::before,
32045
- .k-task-dot.k-state-hover::before,
32046
31913
  .k-task-dot.k-hover::before {
32047
31914
  border-width: 1px;
32048
31915
  }
@@ -32284,7 +32151,7 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
32284
32151
 
32285
32152
  .k-task-planned .k-task-moment {
32286
32153
  border-width: 2px;
32287
- border-radius: calc( ( 4px + 6px ) / 2);
32154
+ border-radius: 5px;
32288
32155
  border-style: solid;
32289
32156
  height: 6px;
32290
32157
  width: 6px;
@@ -32295,15 +32162,15 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
32295
32162
  }
32296
32163
 
32297
32164
  .k-task-planned .k-task-moment.k-moment-left {
32298
- margin-left: calc( 2px / 2 - calc( ( 4px + 6px ) / 2));
32165
+ margin-left: -4px;
32299
32166
  }
32300
32167
 
32301
32168
  .k-task-planned:hover .k-task-duration {
32302
- height: calc( 2px + 1px);
32169
+ height: 3px;
32303
32170
  }
32304
32171
 
32305
32172
  .k-milestone-wrap .k-task-moment {
32306
- margin-left: calc( 6px / 2);
32173
+ margin-left: 3px;
32307
32174
  }
32308
32175
 
32309
32176
  .k-planned-tooltip .k-task-content {
@@ -32511,7 +32378,6 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
32511
32378
  background-color: #272727;
32512
32379
  }
32513
32380
 
32514
- .k-gantt .k-treelist-scrollable .k-task-milestone.k-state-selected .k-task-milestone-content,
32515
32381
  .k-gantt .k-treelist-scrollable .k-task-milestone.k-selected .k-task-milestone-content {
32516
32382
  border-color: #cc4a00;
32517
32383
  background-color: #f35800;
@@ -32522,7 +32388,6 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
32522
32388
  stroke: black;
32523
32389
  }
32524
32390
 
32525
- .k-gantt .k-gantt-dependencies-svg polyline.k-state-selected,
32526
32391
  .k-gantt .k-gantt-dependencies-svg polyline.k-selected {
32527
32392
  stroke: #f35800;
32528
32393
  }
@@ -32545,7 +32410,6 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
32545
32410
  }
32546
32411
 
32547
32412
  .k-task-dot:hover::before,
32548
- .k-task-dot.k-state-hover::before,
32549
32413
  .k-task-dot.k-hover::before {
32550
32414
  border-color: #272727;
32551
32415
  background-color: #ffffff;
@@ -32564,7 +32428,6 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
32564
32428
  background-color: #3ea44e;
32565
32429
  }
32566
32430
 
32567
- .k-task-milestone.k-state-selected,
32568
32431
  .k-task-milestone.k-selected {
32569
32432
  background-image: none;
32570
32433
  border-color: #cc4a00;
@@ -32595,12 +32458,10 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
32595
32458
  color: #3ea44e;
32596
32459
  }
32597
32460
 
32598
- .k-task-summary.k-state-selected,
32599
32461
  .k-task-summary.k-selected {
32600
32462
  color: #f9a87a;
32601
32463
  }
32602
32464
 
32603
- .k-task-summary.k-state-selected .k-task-summary-complete,
32604
32465
  .k-task-summary.k-selected .k-task-summary-complete {
32605
32466
  color: #f35800;
32606
32467
  }
@@ -32630,13 +32491,11 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
32630
32491
  background-color: #3ea44e;
32631
32492
  }
32632
32493
 
32633
- .k-task-single.k-state-selected,
32634
32494
  .k-task-single.k-selected {
32635
32495
  color: white;
32636
32496
  background-color: #f9a87a;
32637
32497
  }
32638
32498
 
32639
- .k-task-single.k-state-selected .k-task-complete,
32640
32499
  .k-task-single.k-selected .k-task-complete {
32641
32500
  background-color: #f35800;
32642
32501
  }
@@ -32645,7 +32504,6 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
32645
32504
  color: black;
32646
32505
  }
32647
32506
 
32648
- .k-gantt-line.k-state-selected,
32649
32507
  .k-gantt-line.k-selected {
32650
32508
  color: #f35800;
32651
32509
  }
@@ -33104,7 +32962,7 @@ kendo-scheduler .k-event > div,
33104
32962
 
33105
32963
  kendo-scheduler .k-event .k-event-template,
33106
32964
  .k-event .k-event-template {
33107
- line-height: calc( 25px - (2 * 4px));
32965
+ line-height: 17px;
33108
32966
  padding: 4px 8px;
33109
32967
  }
33110
32968
 
@@ -33132,9 +32990,8 @@ kendo-scheduler .k-event .k-event-actions .k-event-delete,
33132
32990
  visibility: hidden;
33133
32991
  }
33134
32992
 
33135
- kendo-scheduler .k-event .k-event-actions:hover .k-event-delete, kendo-scheduler .k-event .k-event-actions.k-state-hover .k-event-delete, kendo-scheduler .k-event .k-event-actions.k-hover .k-event-delete,
32993
+ kendo-scheduler .k-event .k-event-actions:hover .k-event-delete, kendo-scheduler .k-event .k-event-actions.k-hover .k-event-delete,
33136
32994
  .k-event .k-event-actions:hover .k-event-delete,
33137
- .k-event .k-event-actions.k-state-hover .k-event-delete,
33138
32995
  .k-event .k-event-actions.k-hover .k-event-delete {
33139
32996
  opacity: 1;
33140
32997
  }
@@ -33215,13 +33072,10 @@ kendo-scheduler .k-event .k-resize-e::before,
33215
33072
  }
33216
33073
 
33217
33074
  kendo-scheduler .k-event:hover .k-event-actions .k-event-delete,
33218
- kendo-scheduler .k-event:hover .k-resize-handle, kendo-scheduler .k-event.k-state-hover .k-event-actions .k-event-delete,
33219
- kendo-scheduler .k-event.k-state-hover .k-resize-handle, kendo-scheduler .k-event.k-hover .k-event-actions .k-event-delete,
33075
+ kendo-scheduler .k-event:hover .k-resize-handle, kendo-scheduler .k-event.k-hover .k-event-actions .k-event-delete,
33220
33076
  kendo-scheduler .k-event.k-hover .k-resize-handle,
33221
33077
  .k-event:hover .k-event-actions .k-event-delete,
33222
33078
  .k-event:hover .k-resize-handle,
33223
- .k-event.k-state-hover .k-event-actions .k-event-delete,
33224
- .k-event.k-state-hover .k-resize-handle,
33225
33079
  .k-event.k-hover .k-event-actions .k-event-delete,
33226
33080
  .k-event.k-hover .k-resize-handle {
33227
33081
  visibility: visible;
@@ -33436,11 +33290,9 @@ kendo-scheduler .k-recurrence-editor {
33436
33290
  visibility: hidden;
33437
33291
  }
33438
33292
 
33439
- .k-scheduler-agendaview .k-state-hover .k-task > .k-event-delete,
33440
33293
  .k-scheduler-agendaview .k-hover .k-task > .k-event-delete,
33441
33294
  .k-scheduler-agendaview .k-scheduler-content tr:hover .k-event-delete,
33442
33295
  .k-scheduler-agendaview .k-scheduler-content .k-scheduler-row:hover .k-event-delete,
33443
- .k-scheduler-agendaview .k-scheduler-content .k-scheduler-row.k-state-hover .k-event-delete,
33444
33296
  .k-scheduler-agendaview .k-scheduler-content .k-scheduler-row.k-hover .k-event-delete {
33445
33297
  visibility: visible;
33446
33298
  }
@@ -33514,18 +33366,17 @@ kendo-scheduler .k-recurrence-editor {
33514
33366
  position: relative;
33515
33367
  }
33516
33368
 
33517
- .k-scheduler-yearview .k-calendar td.k-state-selected,
33518
33369
  .k-scheduler-yearview .k-calendar td.k-selected {
33519
33370
  background-color: inherit;
33520
33371
  }
33521
33372
 
33522
33373
  .k-scheduler-yearview .k-day-indicator {
33523
- margin-top: calc( 32px - (4px * 2));
33374
+ margin-top: 24px;
33524
33375
  width: 3px;
33525
33376
  height: 3px;
33526
33377
  border-radius: 50%;
33527
33378
  position: absolute;
33528
- left: calc( 50% - (3px / 2));
33379
+ left: calc(50% - 1.5px);
33529
33380
  }
33530
33381
 
33531
33382
  .k-scheduler-tooltip {
@@ -33697,9 +33548,13 @@ kendo-scheduler .k-recurrence-editor {
33697
33548
  float: right;
33698
33549
  }
33699
33550
 
33551
+ .k-rtl .k-scheduler .k-i-caret-alt-left,
33552
+ .k-rtl .k-scheduler .k-i-caret-alt-right,
33700
33553
  .k-rtl .k-scheduler .k-i-arrow-60-left,
33701
33554
  .k-rtl .k-scheduler .k-i-arrow-60-right,
33702
- .k-rtl .k-scheduler .k-current-time-arrow-right, .k-rtl.k-scheduler .k-i-arrow-60-left,
33555
+ .k-rtl .k-scheduler .k-current-time-arrow-right, .k-rtl.k-scheduler .k-i-caret-alt-left,
33556
+ .k-rtl.k-scheduler .k-i-caret-alt-right,
33557
+ .k-rtl.k-scheduler .k-i-arrow-60-left,
33703
33558
  .k-rtl.k-scheduler .k-i-arrow-60-right,
33704
33559
  .k-rtl.k-scheduler .k-current-time-arrow-right {
33705
33560
  transform: scaleX(-1);
@@ -33788,9 +33643,7 @@ kendo-scheduler .k-recurrence-editor {
33788
33643
  background-color: whitesmoke;
33789
33644
  }
33790
33645
 
33791
- .k-scheduler-layout td.k-state-selected,
33792
33646
  .k-scheduler-layout td.k-selected,
33793
- .k-scheduler-layout .k-scheduler-cell.k-state-selected,
33794
33647
  .k-scheduler-layout .k-scheduler-cell.k-selected {
33795
33648
  background-color: rgba(243, 88, 0, 0.25);
33796
33649
  }
@@ -33805,7 +33658,7 @@ kendo-scheduler .k-recurrence-editor {
33805
33658
  background-color: #f57329;
33806
33659
  }
33807
33660
 
33808
- .k-event.k-state-selected, .k-event.k-selected {
33661
+ .k-event.k-selected {
33809
33662
  color: white;
33810
33663
  background-color: #f35800;
33811
33664
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
@@ -33829,10 +33682,8 @@ kendo-scheduler .k-recurrence-editor {
33829
33682
  }
33830
33683
 
33831
33684
  .k-scheduler-agendaview .k-scheduler-content tr:hover,
33832
- .k-scheduler-agendaview .k-scheduler-content tr.k-state-hover,
33833
33685
  .k-scheduler-agendaview .k-scheduler-content tr.k-hover,
33834
33686
  .k-scheduler-agendaview .k-scheduler-content .k-scheduler-row:hover,
33835
- .k-scheduler-agendaview .k-scheduler-content .k-scheduler-row.k-state-hover,
33836
33687
  .k-scheduler-agendaview .k-scheduler-content .k-scheduler-row.k-hover {
33837
33688
  border-color: #bababa;
33838
33689
  color: #272727;
@@ -33842,23 +33693,18 @@ kendo-scheduler .k-recurrence-editor {
33842
33693
 
33843
33694
  .k-scheduler-agendaview .k-scheduler-content tr:hover .k-scheduler-datecolumn,
33844
33695
  .k-scheduler-agendaview .k-scheduler-content tr:hover .k-scheduler-groupcolumn,
33845
- .k-scheduler-agendaview .k-scheduler-content tr.k-state-hover .k-scheduler-datecolumn,
33846
33696
  .k-scheduler-agendaview .k-scheduler-content tr.k-hover .k-scheduler-datecolumn,
33847
- .k-scheduler-agendaview .k-scheduler-content tr.k-state-hover .k-scheduler-groupcolumn,
33848
33697
  .k-scheduler-agendaview .k-scheduler-content tr.k-hover .k-scheduler-groupcolumn {
33849
33698
  border-color: #cacaca;
33850
33699
  color: #272727;
33851
33700
  background-color: #ffffff;
33852
33701
  }
33853
33702
 
33854
- .k-scheduler-agendaview .k-scheduler-content tr.k-state-selected,
33855
33703
  .k-scheduler-agendaview .k-scheduler-content tr.k-selected {
33856
33704
  background-color: rgba(243, 88, 0, 0.25);
33857
33705
  }
33858
33706
 
33859
- .k-scheduler-agendaview .k-scheduler-content tr.k-state-selected .k-scheduler-datecolumn,
33860
33707
  .k-scheduler-agendaview .k-scheduler-content tr.k-selected .k-scheduler-datecolumn,
33861
- .k-scheduler-agendaview .k-scheduler-content tr.k-state-selected .k-scheduler-groupcolumn,
33862
33708
  .k-scheduler-agendaview .k-scheduler-content tr.k-selected .k-scheduler-groupcolumn {
33863
33709
  background-color: #ffffff;
33864
33710
  }
@@ -33867,7 +33713,6 @@ kendo-scheduler .k-recurrence-editor {
33867
33713
  background-color: #f35800;
33868
33714
  }
33869
33715
 
33870
- .k-scheduler-yearview .k-state-selected .k-day-indicator,
33871
33716
  .k-scheduler-yearview .k-selected .k-day-indicator {
33872
33717
  background-color: white;
33873
33718
  }
@@ -34035,7 +33880,6 @@ kendo-scheduler .k-recurrence-editor {
34035
33880
  text-decoration: underline;
34036
33881
  }
34037
33882
 
34038
- .k-chat .k-message.k-state-selected,
34039
33883
  .k-chat .k-message.k-selected {
34040
33884
  margin-bottom: 16px;
34041
33885
  border: 0;
@@ -34043,12 +33887,10 @@ kendo-scheduler .k-recurrence-editor {
34043
33887
  background: none;
34044
33888
  }
34045
33889
 
34046
- .k-chat .k-message.k-state-selected .k-message-time,
34047
33890
  .k-chat .k-message.k-selected .k-message-time {
34048
33891
  opacity: 1;
34049
33892
  }
34050
33893
 
34051
- .k-chat .k-message.k-state-selected .k-message-status,
34052
33894
  .k-chat .k-message.k-selected .k-message-status {
34053
33895
  height: 1.2em;
34054
33896
  }
@@ -34082,11 +33924,11 @@ kendo-scheduler .k-recurrence-editor {
34082
33924
  }
34083
33925
 
34084
33926
  .k-chat .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar) {
34085
- padding-left: calc( 32px + 8px);
33927
+ padding-left: 40px;
34086
33928
  }
34087
33929
 
34088
33930
  .k-chat .k-avatars .k-message-group.k-alt:not(.k-no-avatar) {
34089
- padding-right: calc( 32px + 8px);
33931
+ padding-right: 40px;
34090
33932
  }
34091
33933
 
34092
33934
  .k-author {
@@ -34120,7 +33962,9 @@ kendo-scheduler .k-recurrence-editor {
34120
33962
  border-style: solid;
34121
33963
  line-height: 18px;
34122
33964
  cursor: pointer;
34123
- user-select: none;
33965
+ -webkit-user-select: none;
33966
+ -ms-user-select: none;
33967
+ user-select: none;
34124
33968
  display: inline-block;
34125
33969
  flex: 0 0 auto;
34126
33970
  transition-property: color, background-color, border-color;
@@ -34167,7 +34011,7 @@ kendo-scheduler .k-recurrence-editor {
34167
34011
  align-items: center;
34168
34012
  }
34169
34013
 
34170
- .k-message-box:focus, .k-message-box.k-state-focus, .k-message-box.k-focus, .k-message-box:focus-within {
34014
+ .k-message-box:focus, .k-message-box.k-focus, .k-message-box:focus-within {
34171
34015
  outline: 0;
34172
34016
  box-shadow: none;
34173
34017
  }
@@ -34232,7 +34076,7 @@ kendo-scheduler .k-recurrence-editor {
34232
34076
  flex: 0 0 auto;
34233
34077
  }
34234
34078
 
34235
- .k-chat .k-card-deck .k-card-wrap.k-state-selected, .k-chat .k-card-deck .k-card-wrap.k-selected {
34079
+ .k-chat .k-card-deck .k-card-wrap.k-selected {
34236
34080
  background: none;
34237
34081
  }
34238
34082
 
@@ -34382,13 +34226,13 @@ kendo-scheduler .k-recurrence-editor {
34382
34226
  .k-rtl .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar),
34383
34227
  [dir="rtl"] .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar) {
34384
34228
  padding-left: 0;
34385
- padding-right: calc( 32px + 8px);
34229
+ padding-right: 40px;
34386
34230
  }
34387
34231
 
34388
34232
  .k-rtl .k-avatars .k-message-group.k-alt:not(.k-no-avatar),
34389
34233
  [dir="rtl"] .k-avatars .k-message-group.k-alt:not(.k-no-avatar) {
34390
34234
  padding-right: 0;
34391
- padding-left: calc( 32px + 8px);
34235
+ padding-left: 40px;
34392
34236
  }
34393
34237
 
34394
34238
  .k-rtl .k-chat .k-card-deck .k-card-wrap + .k-card-wrap,
@@ -34438,7 +34282,6 @@ kendo-scheduler .k-recurrence-editor {
34438
34282
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
34439
34283
  }
34440
34284
 
34441
- .k-chat .k-state-selected .k-bubble,
34442
34285
  .k-chat .k-selected .k-bubble {
34443
34286
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
34444
34287
  }
@@ -34454,7 +34297,6 @@ kendo-scheduler .k-recurrence-editor {
34454
34297
  box-shadow: 0 1px 2px rgba(243, 88, 0, 0.2);
34455
34298
  }
34456
34299
 
34457
- .k-chat .k-alt .k-state-selected .k-bubble,
34458
34300
  .k-chat .k-alt .k-selected .k-bubble {
34459
34301
  box-shadow: 0 3px 10px rgba(243, 88, 0, 0.4);
34460
34302
  }
@@ -34619,7 +34461,7 @@ kendo-scheduler .k-recurrence-editor {
34619
34461
  border-radius: 4px;
34620
34462
  line-height: 1.4285714286;
34621
34463
  min-width: 80px;
34622
- max-width: calc(80px + 2 * 40px);
34464
+ max-width: 160px;
34623
34465
  position: relative;
34624
34466
  z-index: 1;
34625
34467
  }
@@ -34699,11 +34541,11 @@ kendo-scheduler .k-recurrence-editor {
34699
34541
  }
34700
34542
 
34701
34543
  .k-timeline-vertical {
34702
- padding-left: calc(calc(40px + (80px - 6px) / 2) + 50px);
34544
+ padding-left: 127px;
34703
34545
  }
34704
34546
 
34705
34547
  .k-timeline-vertical.k-timeline-dates-hidden {
34706
- padding-left: calc(40px + (80px - 6px) / 2);
34548
+ padding-left: 77px;
34707
34549
  }
34708
34550
 
34709
34551
  .k-timeline-vertical::after {
@@ -34746,7 +34588,7 @@ kendo-scheduler .k-recurrence-editor {
34746
34588
 
34747
34589
  .k-timeline-vertical .k-timeline-card .k-card {
34748
34590
  margin-left: 16px;
34749
- min-height: calc(2 * (36px - 1px));
34591
+ min-height: 70px;
34750
34592
  width: 400px;
34751
34593
  max-width: 100%;
34752
34594
  }
@@ -34898,9 +34740,9 @@ kendo-scheduler .k-recurrence-editor {
34898
34740
 
34899
34741
  .k-timeline-horizontal .k-timeline-track-wrap::after {
34900
34742
  top: auto;
34901
- bottom: calc((30px / 2) + 3px);
34902
- left: calc(30px - 2 * 1px);
34903
- right: calc(30px - 2 * 1px);
34743
+ bottom: 18px;
34744
+ left: 28px;
34745
+ right: 28px;
34904
34746
  transform: translateY(-50%);
34905
34747
  height: 6px;
34906
34748
  }
@@ -34917,7 +34759,7 @@ kendo-scheduler .k-recurrence-editor {
34917
34759
  }
34918
34760
 
34919
34761
  .k-timeline-horizontal .k-timeline-track-wrap .k-timeline-flag {
34920
- margin-bottom: calc(6px + 2 * 1px + 4px + 10px);
34762
+ margin-bottom: 22px;
34921
34763
  position: relative;
34922
34764
  min-width: 60px;
34923
34765
  }
@@ -34943,7 +34785,7 @@ kendo-scheduler .k-recurrence-editor {
34943
34785
  height: 30px;
34944
34786
  border-radius: 50%;
34945
34787
  position: absolute;
34946
- bottom: calc(6px + 3px + 2 * 1px);
34788
+ bottom: 11px;
34947
34789
  z-index: 3;
34948
34790
  display: flex;
34949
34791
  align-items: center;
@@ -34964,7 +34806,7 @@ kendo-scheduler .k-recurrence-editor {
34964
34806
  }
34965
34807
 
34966
34808
  .k-timeline-mobile .k-timeline-flag {
34967
- max-width: calc(80px + 2 * 16px);
34809
+ max-width: 112px;
34968
34810
  }
34969
34811
 
34970
34812
  .k-timeline-mobile.k-timeline-horizontal .k-timeline-flag-wrap {
@@ -34972,11 +34814,11 @@ kendo-scheduler .k-recurrence-editor {
34972
34814
  }
34973
34815
 
34974
34816
  .k-timeline-mobile.k-timeline-vertical {
34975
- padding-left: calc(calc(16px + (80px - 6px) / 2) + 50px);
34817
+ padding-left: 103px;
34976
34818
  }
34977
34819
 
34978
34820
  .k-timeline-mobile.k-timeline-vertical.k-timeline-dates-hidden {
34979
- padding-left: calc(16px + (80px - 6px) / 2);
34821
+ padding-left: 53px;
34980
34822
  }
34981
34823
 
34982
34824
  .k-timeline-mobile.k-timeline-vertical.k-timeline-alternating {
@@ -35025,7 +34867,6 @@ kendo-scheduler .k-recurrence-editor {
35025
34867
  color: #272727;
35026
34868
  }
35027
34869
 
35028
- .k-timeline .k-timeline-arrow.k-state-disabled,
35029
34870
  .k-timeline .k-timeline-arrow.k-disabled {
35030
34871
  opacity: 1;
35031
34872
  color: #737373;
@@ -35043,7 +34884,6 @@ kendo-scheduler .k-recurrence-editor {
35043
34884
  background-color: #f35800;
35044
34885
  }
35045
34886
 
35046
- .k-timeline-track-item.k-state-focus .k-timeline-circle,
35047
34887
  .k-timeline-track-item.k-focus .k-timeline-circle {
35048
34888
  box-shadow: 0 3px 4px 0 rgba(243, 88, 0, 0.4);
35049
34889
  }
@@ -35052,6 +34892,7 @@ kendo-scheduler .k-recurrence-editor {
35052
34892
  border-width: 1px;
35053
34893
  border-style: solid;
35054
34894
  box-sizing: border-box;
34895
+ position: relative;
35055
34896
  outline: 0;
35056
34897
  font-family: inherit;
35057
34898
  font-size: 14px;
@@ -35081,27 +34922,33 @@ kendo-scheduler .k-recurrence-editor {
35081
34922
  overflow: visible;
35082
34923
  }
35083
34924
 
35084
- .k-pdf-viewer .k-list-scroller {
34925
+ .k-pdf-viewer .k-canvas {
34926
+ display: flex;
34927
+ flex-direction: column;
35085
34928
  flex: 1 1 auto;
35086
34929
  outline: none;
35087
34930
  }
35088
34931
 
35089
- .k-pdf-viewer .k-list-scroller .k-enable-text-select {
34932
+ .k-pdf-viewer .k-canvas .k-enable-text-select, .k-pdf-viewer .k-canvas.k-enable-text-select {
35090
34933
  -webkit-user-select: text;
35091
- -moz-user-select: text;
35092
34934
  -ms-user-select: text;
35093
34935
  user-select: text;
35094
34936
  cursor: text;
35095
34937
  }
35096
34938
 
35097
- .k-pdf-viewer .k-list-scroller .k-enable-panning {
34939
+ .k-pdf-viewer .k-canvas .k-enable-panning, .k-pdf-viewer .k-canvas.k-enable-panning {
35098
34940
  cursor: grab;
35099
34941
  }
35100
34942
 
35101
- .k-pdf-viewer .k-list-scroller .k-enable-panning span::selection {
34943
+ .k-pdf-viewer .k-canvas .k-enable-panning span::selection,
34944
+ .k-pdf-viewer .k-canvas.k-enable-panning span::selection {
35102
34945
  background-color: transparent;
35103
34946
  }
35104
34947
 
34948
+ .k-pdf-viewer .k-pdf-viewer-pages {
34949
+ flex: 1 1 auto;
34950
+ }
34951
+
35105
34952
  .k-pdf-viewer .k-page {
35106
34953
  position: relative;
35107
34954
  margin: 30px auto;
@@ -35130,11 +34977,38 @@ kendo-scheduler .k-recurrence-editor {
35130
34977
  color: transparent;
35131
34978
  }
35132
34979
 
34980
+ .k-pdf-viewer .k-page .k-text-layer .k-search-highlight-mark {
34981
+ color: transparent;
34982
+ }
34983
+
34984
+ .k-pdf-viewer .k-blank-page {
34985
+ margin: 0;
34986
+ display: flex;
34987
+ flex-flow: column nowrap;
34988
+ width: 100%;
34989
+ height: 100%;
34990
+ align-items: center;
34991
+ justify-content: center;
34992
+ background-color: inherit !important;
34993
+ }
34994
+
34995
+ .k-pdf-viewer .k-blank-page .k-upload,
34996
+ .k-pdf-viewer .k-blank-page .k-dropzone,
34997
+ .k-pdf-viewer .k-blank-page .k-dropzone-inner {
34998
+ border: 0;
34999
+ background: none;
35000
+ }
35001
+
35002
+ .k-pdf-viewer .k-blank-page > .k-icon {
35003
+ font-size: 48px;
35004
+ }
35005
+
35133
35006
  .k-pdf-viewer-search-dialog {
35134
- padding: 8px;
35007
+ padding: 0 !important;
35135
35008
  }
35136
35009
 
35137
- .k-pdf-viewer-search-dialog .k-search-container {
35010
+ .k-search-panel, .k-search-container {
35011
+ padding: 12px 8px;
35138
35012
  display: flex;
35139
35013
  gap: 8px;
35140
35014
  flex-flow: row nowrap;
@@ -35143,22 +35017,32 @@ kendo-scheduler .k-recurrence-editor {
35143
35017
  align-items: center;
35144
35018
  }
35145
35019
 
35146
- .k-pdf-viewer-search-dialog .k-search-container .k-search-dialog-draghandle {
35020
+ .k-search-panel .k-search-dialog-draghandle, .k-search-container .k-search-dialog-draghandle {
35147
35021
  cursor: move;
35148
35022
  margin-left: 0;
35149
35023
  }
35150
35024
 
35151
- .k-pdf-viewer-search-dialog .k-search-container .k-textbox {
35025
+ .k-search-panel .k-textbox, .k-search-container .k-textbox {
35152
35026
  width: 10em;
35153
35027
  flex: none;
35154
35028
  }
35155
35029
 
35156
- .k-pdf-viewer-search-dialog .k-search-container .k-textbox .k-button {
35030
+ .k-search-panel .k-textbox .k-button, .k-search-container .k-textbox .k-button {
35157
35031
  border-width: 0;
35158
35032
  }
35159
35033
 
35160
- .k-pdf-viewer-search-dialog .k-search-container .k-search-matches {
35161
- flex: 1 1 auto;
35034
+ .k-search-panel .k-search-matches, .k-search-container .k-search-matches {
35035
+ display: inline-flex;
35036
+ gap: 4px;
35037
+ }
35038
+
35039
+ .k-pdf-viewer-canvas > .k-search-panel, .k-pdf-viewer-canvas > .k-search-container {
35040
+ width: max-content;
35041
+ margin-top: calc(-1.4285714286em + -36px);
35042
+ border-width: 1px;
35043
+ border-style: solid;
35044
+ border-radius: 4px;
35045
+ z-index: 10;
35162
35046
  }
35163
35047
 
35164
35048
  .k-ie .k-pdf-viewer-search-dialog .k-search-container > * + * {
@@ -35182,13 +35066,30 @@ kendo-scheduler .k-recurrence-editor {
35182
35066
  box-shadow: 0 0 15px #cacaca;
35183
35067
  }
35184
35068
 
35069
+ .k-pdf-viewer .k-blank-page > .k-icon {
35070
+ color: #6c6c6c;
35071
+ }
35072
+
35185
35073
  .k-pdf-viewer .k-search-highlight {
35186
35074
  background-color: #272727;
35187
35075
  }
35188
35076
 
35077
+ .k-pdf-viewer .k-search-highlight-mark {
35078
+ background-color: yellow;
35079
+ }
35080
+
35081
+ .k-pdf-viewer-canvas > .k-search-panel, .k-pdf-viewer-canvas > .k-search-container {
35082
+ border-color: #cacaca;
35083
+ color: #272727;
35084
+ background-color: #ffffff;
35085
+ box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.12);
35086
+ }
35087
+
35189
35088
  .km-scrollview,
35190
35089
  .km-scroll-container {
35191
- user-select: none;
35090
+ -webkit-user-select: none;
35091
+ -ms-user-select: none;
35092
+ user-select: none;
35192
35093
  border-collapse: separate;
35193
35094
  }
35194
35095
 
@@ -35303,7 +35204,9 @@ kendo-scrollview.k-scrollview,
35303
35204
 
35304
35205
  .k-scrollview-wrap .k-scrollview img,
35305
35206
  .k-scrollview .k-scrollview-wrap img {
35306
- user-select: none;
35207
+ -webkit-user-select: none;
35208
+ -ms-user-select: none;
35209
+ user-select: none;
35307
35210
  }
35308
35211
 
35309
35212
  .k-scrollview-wrap .k-scrollview > li,
@@ -35325,20 +35228,20 @@ kendo-scrollview.k-scrollview,
35325
35228
  .k-scrollview-wrap.k-scrollview-animate {
35326
35229
  display: flex;
35327
35230
  flex-flow: row nowrap;
35328
- width: calc( var(--kendo-scrollview-views, 1) * 100%);
35231
+ width: calc(var(--kendo-scrollview-views, 1)*100%);
35329
35232
  transition-duration: 0.3s;
35330
35233
  transition-timing-function: ease-in-out;
35331
- transform: translateX(calc( -100% / var(--kendo-scrollview-views, 1) * ( var(--kendo-scrollview-current, 1) - 1)));
35234
+ transform: translateX(calc(-100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1)));
35332
35235
  }
35333
35236
 
35334
35237
  .k-scrollview-wrap.k-scrollview-animate .k-scrollview-view {
35335
- width: calc( 100% / var(--kendo-scrollview-views, 1));
35336
- flex: 0 0 calc( 100% / var(--kendo-scrollview-views, 1));
35238
+ width: calc(100%/var(--kendo-scrollview-views, 1));
35239
+ flex: 0 0 calc(100%/var(--kendo-scrollview-views, 1));
35337
35240
  }
35338
35241
 
35339
35242
  [dir="rtl"] .k-scrollview-wrap.k-scrollview-animate,
35340
35243
  .k-rtl .k-scrollview-wrap.k-scrollview-animate {
35341
- transform: translateX(calc( 100% / var(--kendo-scrollview-views, 1) * ( var(--kendo-scrollview-current, 1) - 1)));
35244
+ transform: translateX(calc(100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1)));
35342
35245
  }
35343
35246
 
35344
35247
  kendo-scrollview.k-scrollview-wrap kendo-scrollview-pager,
@@ -35350,7 +35253,7 @@ kendo-scrollview.k-scrollview kendo-scrollview-pager,
35350
35253
  left: 0;
35351
35254
  right: 0;
35352
35255
  bottom: 0;
35353
- height: calc( 10px + 0px + 40px);
35256
+ height: 50px;
35354
35257
  text-align: center;
35355
35258
  }
35356
35259
 
@@ -35426,7 +35329,9 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
35426
35329
  height: 60%;
35427
35330
  top: 20%;
35428
35331
  text-decoration: none;
35429
- user-select: none;
35332
+ -webkit-user-select: none;
35333
+ -ms-user-select: none;
35334
+ user-select: none;
35430
35335
  cursor: pointer;
35431
35336
  }
35432
35337
 
@@ -35524,24 +35429,21 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
35524
35429
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
35525
35430
  }
35526
35431
 
35527
- .k-scrollview-next:focus, .k-scrollview-next.k-state-focus, .k-scrollview-next.k-focus,
35432
+ .k-scrollview-next:focus, .k-scrollview-next.k-focus,
35528
35433
  .k-scrollview-prev:focus,
35529
- .k-scrollview-prev.k-state-focus,
35530
35434
  .k-scrollview-prev.k-focus {
35531
35435
  color: white;
35532
35436
  opacity: 1;
35533
35437
  }
35534
35438
 
35535
- .k-scrollview-next:focus .k-icon::before, .k-scrollview-next.k-state-focus .k-icon::before, .k-scrollview-next.k-focus .k-icon::before,
35439
+ .k-scrollview-next:focus .k-icon::before, .k-scrollview-next.k-focus .k-icon::before,
35536
35440
  .k-scrollview-prev:focus .k-icon::before,
35537
- .k-scrollview-prev.k-state-focus .k-icon::before,
35538
35441
  .k-scrollview-prev.k-focus .k-icon::before {
35539
35442
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
35540
35443
  }
35541
35444
 
35542
- .k-scrollview-next:hover, .k-scrollview-next.k-state-hover, .k-scrollview-next.k-hover,
35445
+ .k-scrollview-next:hover, .k-scrollview-next.k-hover,
35543
35446
  .k-scrollview-prev:hover,
35544
- .k-scrollview-prev.k-state-hover,
35545
35447
  .k-scrollview-prev.k-hover {
35546
35448
  color: white;
35547
35449
  opacity: 1;
@@ -35559,15 +35461,13 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
35559
35461
  border: #cc4a00;
35560
35462
  }
35561
35463
 
35562
- .k-scrollview-pageable > .k-button:focus, .k-scrollview-pageable > .k-button.k-state-focused, .k-scrollview-pageable > .k-button.k-focus,
35464
+ .k-scrollview-pageable > .k-button:focus, .k-scrollview-pageable > .k-button.k-focus,
35563
35465
  .k-scrollview-nav > .k-link:focus,
35564
- .k-scrollview-nav > .k-link.k-state-focused,
35565
35466
  .k-scrollview-nav > .k-link.k-focus {
35566
35467
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
35567
35468
  }
35568
35469
 
35569
35470
  .k-scrollview-nav > .k-link:hover,
35570
- .k-scrollview-nav > .k-link.k-state-hover,
35571
35471
  .k-scrollview-nav > .k-link.k-hover {
35572
35472
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
35573
35473
  }
@@ -35903,11 +35803,11 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
35903
35803
  }
35904
35804
 
35905
35805
  .k-treemap .k-treemap-title + .k-treemap-wrap {
35906
- top: calc( 4px + (1.4285714286 * 14px) + 1px);
35806
+ top: 25.0000000004px;
35907
35807
  }
35908
35808
 
35909
35809
  .k-treemap .k-treemap-title-vertical + .k-treemap-wrap {
35910
- left: calc( 4px + (1.4285714286 * 14px) + 1px);
35810
+ left: 25.0000000004px;
35911
35811
  }
35912
35812
 
35913
35813
  .k-treemap .k-leaf {
@@ -36285,7 +36185,7 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
36285
36185
  color: #272727;
36286
36186
  }
36287
36187
 
36288
- .k-treemap .k-leaf.k-state-hover,
36188
+ .k-treemap .k-leaf:hover,
36289
36189
  .k-treemap .k-leaf.k-hover {
36290
36190
  box-shadow: inset 0 0 0 3px #cacaca;
36291
36191
  }
@@ -36309,7 +36209,9 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
36309
36209
  .k-map .km-scroll-wrapper {
36310
36210
  width: 100%;
36311
36211
  height: 100%;
36312
- user-select: none;
36212
+ -webkit-user-select: none;
36213
+ -ms-user-select: none;
36214
+ user-select: none;
36313
36215
  position: absolute;
36314
36216
  }
36315
36217
 
@@ -36350,8 +36252,8 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
36350
36252
 
36351
36253
  .k-navigator {
36352
36254
  margin: 1em;
36353
- width: calc( 48px + 4px);
36354
- height: calc( 48px + 4px);
36255
+ width: 52px;
36256
+ height: 52px;
36355
36257
  border-width: 1px;
36356
36258
  border-style: solid;
36357
36259
  box-sizing: border-box;
@@ -36544,7 +36446,7 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
36544
36446
  border-color: transparent;
36545
36447
  }
36546
36448
 
36547
- .k-orgchart-card:focus, .k-orgchart-card.k-focus, .k-orgchart-card.k-state-focus {
36449
+ .k-orgchart-card:focus, .k-orgchart-card.k-focus {
36548
36450
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
36549
36451
  }
36550
36452
 
@@ -36555,9 +36457,6 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
36555
36457
  }
36556
36458
 
36557
36459
  .k-orgchart-node-group-container:focus,
36558
- .k-orgchart-node-group-container.k-focus,
36559
- .k-orgchart-node-group-container.k-state-focus,
36560
- .k-orgchart-node-group-container.k-state-focused,
36561
36460
  .k-orgchart-node-group-container.k-focus {
36562
36461
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
36563
36462
  border-color: rgba(0, 0, 0, 0.15);
@@ -36574,7 +36473,7 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
36574
36473
 
36575
36474
  .k-signature {
36576
36475
  width: 250px;
36577
- height: 84px;
36476
+ min-height: 84px;
36578
36477
  position: relative;
36579
36478
  box-sizing: border-box;
36580
36479
  display: flex;
@@ -36611,36 +36510,38 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
36611
36510
 
36612
36511
  .k-signature-line {
36613
36512
  position: absolute;
36614
- z-index: 0;
36513
+ bottom: 33%;
36514
+ z-index: 2;
36515
+ pointer-events: none;
36615
36516
  border-bottom-width: 1px;
36616
36517
  border-bottom-style: dashed;
36617
36518
  }
36618
36519
 
36619
36520
  .k-signature-sm {
36620
- padding: 2px;
36521
+ padding-inline: 2px;
36522
+ padding-block: 2px;
36621
36523
  }
36622
36524
 
36623
36525
  .k-signature-sm .k-signature-line {
36624
- width: calc( 100% - 2 * 2px);
36625
- bottom: calc( calc( 1.4285714286em + 8px + 2px) + 2px);
36526
+ width: calc(100% - 4px);
36626
36527
  }
36627
36528
 
36628
36529
  .k-signature-md {
36629
- padding: 4px;
36530
+ padding-inline: 4px;
36531
+ padding-block: 4px;
36630
36532
  }
36631
36533
 
36632
36534
  .k-signature-md .k-signature-line {
36633
- width: calc( 100% - 2 * 4px);
36634
- bottom: calc( calc( 1.4285714286em + 8px + 2px) + 4px);
36535
+ width: calc(100% - 8px);
36635
36536
  }
36636
36537
 
36637
36538
  .k-signature-lg {
36638
- padding: 6px;
36539
+ padding-inline: 8px;
36540
+ padding-block: 8px;
36639
36541
  }
36640
36542
 
36641
36543
  .k-signature-lg .k-signature-line {
36642
- width: calc( 100% - 2 * 6px);
36643
- bottom: calc( calc( 1.4285714286em + 8px + 2px) + 6px);
36544
+ width: calc(100% - 16px);
36644
36545
  }
36645
36546
 
36646
36547
  .k-signature .k-signature-line {