@progress/kendo-theme-classic 4.43.1-dev.3 → 4.43.1-dev.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/README.md +5 -8
  2. package/dist/all.css +512 -536
  3. package/dist/all.scss +855 -905
  4. package/modules/@progress/kendo-theme-default/package.json +2 -2
  5. package/modules/@progress/kendo-theme-default/scss/appbar/_layout.scss +13 -0
  6. package/modules/@progress/kendo-theme-default/scss/autocomplete/_layout.scss +4 -4
  7. package/modules/@progress/kendo-theme-default/scss/button/_layout.scss +1 -7
  8. package/modules/@progress/kendo-theme-default/scss/checkbox/_index.scss +1 -0
  9. package/modules/@progress/kendo-theme-default/scss/checkbox/_layout.scss +2 -1
  10. package/modules/@progress/kendo-theme-default/scss/color-preview/_layout.scss +49 -7
  11. package/modules/@progress/kendo-theme-default/scss/color-preview/_theme.scss +0 -14
  12. package/modules/@progress/kendo-theme-default/scss/coloreditor/_layout.scss +5 -1
  13. package/modules/@progress/kendo-theme-default/scss/coloreditor/_variables.scss +3 -3
  14. package/modules/@progress/kendo-theme-default/scss/colorpicker/_layout.scss +6 -0
  15. package/modules/@progress/kendo-theme-default/scss/combobox/_layout.scss +22 -29
  16. package/modules/@progress/kendo-theme-default/scss/combobox/_theme.scss +59 -99
  17. package/modules/@progress/kendo-theme-default/scss/combobox/_variables.scss +1 -32
  18. package/modules/@progress/kendo-theme-default/scss/dropdowngrid/_layout.scss +1 -0
  19. package/modules/@progress/kendo-theme-default/scss/dropdownlist/_layout.scss +37 -55
  20. package/modules/@progress/kendo-theme-default/scss/dropdownlist/_theme.scss +33 -75
  21. package/modules/@progress/kendo-theme-default/scss/editor/_layout.scss +9 -16
  22. package/modules/@progress/kendo-theme-default/scss/forms/_layout.scss +0 -4
  23. package/modules/@progress/kendo-theme-default/scss/grid/_variables.scss +6 -6
  24. package/modules/@progress/kendo-theme-default/scss/imageeditor/_layout.scss +4 -8
  25. package/modules/@progress/kendo-theme-default/scss/imageeditor/_variables.scss +1 -0
  26. package/modules/@progress/kendo-theme-default/scss/input/_variables.scss +1 -1
  27. package/modules/@progress/kendo-theme-default/scss/list/_index.scss +1 -0
  28. package/modules/@progress/kendo-theme-default/scss/list/_layout.scss +15 -3
  29. package/modules/@progress/kendo-theme-default/scss/list/_variables.scss +4 -0
  30. package/modules/@progress/kendo-theme-default/scss/map/_layout.scss +4 -7
  31. package/modules/@progress/kendo-theme-default/scss/maskedtextbox/_layout.scss +17 -31
  32. package/modules/@progress/kendo-theme-default/scss/maskedtextbox/_theme.scss +44 -14
  33. package/modules/@progress/kendo-theme-default/scss/mediaplayer/_layout.scss +5 -0
  34. package/modules/@progress/kendo-theme-default/scss/radio/_index.scss +1 -0
  35. package/modules/@progress/kendo-theme-default/scss/radio/_layout.scss +2 -1
  36. package/modules/@progress/kendo-theme-default/scss/scheduler/_layout.scss +1 -1
  37. package/modules/@progress/kendo-theme-default/scss/spreadsheet/_layout.scss +4 -8
  38. package/modules/@progress/kendo-theme-default/scss/toolbar/_layout.scss +15 -0
  39. package/package.json +3 -3
  40. package/scss/checkbox/_index.scss +1 -0
  41. package/scss/coloreditor/_variables.scss +3 -3
  42. package/scss/combobox/_variables.scss +1 -32
  43. package/scss/fab/index.md +0 -0
  44. package/scss/grid/_variables.scss +6 -6
  45. package/scss/imageeditor/_variables.scss +1 -0
  46. package/scss/input/_variables.scss +1 -1
  47. package/scss/list/_index.scss +1 -0
  48. package/scss/list/_variables.scss +4 -0
  49. package/scss/radio/_index.scss +1 -0
package/dist/all.css CHANGED
@@ -10468,6 +10468,272 @@ kendo-sortable {
10468
10468
  background-color: #d9d9d9;
10469
10469
  }
10470
10470
 
10471
+ .k-checkbox {
10472
+ border-radius: 2px;
10473
+ margin: 0;
10474
+ padding: 0;
10475
+ width: 16px;
10476
+ height: 16px;
10477
+ line-height: initial;
10478
+ border-width: 1px;
10479
+ border-style: solid;
10480
+ outline: 0;
10481
+ box-sizing: border-box;
10482
+ background-position: center;
10483
+ background-repeat: no-repeat;
10484
+ background-size: contain;
10485
+ display: inline-block;
10486
+ flex: none;
10487
+ vertical-align: middle;
10488
+ position: relative;
10489
+ cursor: pointer;
10490
+ -webkit-appearance: none;
10491
+ }
10492
+
10493
+ .k-checkbox::before {
10494
+ content: "";
10495
+ width: 12px;
10496
+ height: 12px;
10497
+ font-size: 12px;
10498
+ font-family: "WebComponentsIcons", monospace;
10499
+ line-height: 1;
10500
+ transform: scale(0) translate(-50%, -50%);
10501
+ overflow: hidden;
10502
+ position: absolute;
10503
+ top: 50%;
10504
+ left: 50%;
10505
+ }
10506
+
10507
+ .k-checkbox:checked::before,
10508
+ .k-checkbox.k-checked::before {
10509
+ transform: scale(1) translate(-50%, -50%);
10510
+ }
10511
+
10512
+ .k-checkbox:indeterminate::before,
10513
+ .k-checkbox.k-indeterminate::before,
10514
+ .k-checkbox.k-state-indeterminate::before {
10515
+ content: "";
10516
+ transform: scale(1) translate(-50%, -50%);
10517
+ }
10518
+
10519
+ .k-checkbox:disabled,
10520
+ .k-checkbox.k-disabled,
10521
+ .k-checkbox:disabled + .k-checkbox-label,
10522
+ .k-checkbox.k-disabled + .k-checkbox-label {
10523
+ outline: none;
10524
+ cursor: default;
10525
+ opacity: 0.6;
10526
+ filter: grayscale(0.1);
10527
+ pointer-events: none;
10528
+ box-shadow: none;
10529
+ }
10530
+
10531
+ .k-checkbox-label {
10532
+ margin: 0;
10533
+ padding: 0;
10534
+ line-height: 17px;
10535
+ display: inline-flex;
10536
+ align-items: flex-start;
10537
+ vertical-align: middle;
10538
+ position: relative;
10539
+ cursor: pointer;
10540
+ }
10541
+
10542
+ .k-checkbox-label .k-label {
10543
+ cursor: pointer;
10544
+ }
10545
+
10546
+ .k-checkbox-label .k-ripple {
10547
+ top: 8px;
10548
+ left: 8px;
10549
+ right: auto;
10550
+ bottom: auto;
10551
+ width: 40px;
10552
+ height: 40px;
10553
+ transform: translate(-50%, -50%);
10554
+ border-radius: 50%;
10555
+ visibility: hidden !important;
10556
+ }
10557
+
10558
+ .k-checkbox-label .k-ripple-blob {
10559
+ top: 50% !important;
10560
+ left: 50% !important;
10561
+ width: 200% !important;
10562
+ height: 200% !important;
10563
+ }
10564
+
10565
+ .k-checkbox + .k-checkbox-label {
10566
+ display: inline;
10567
+ }
10568
+
10569
+ .k-checkbox + .k-checkbox-label,
10570
+ .k-checkbox-label + .k-checkbox {
10571
+ margin-left: 4px;
10572
+ }
10573
+
10574
+ .k-checkbox-label > .k-checkbox {
10575
+ margin-right: 4px;
10576
+ flex-shrink: 0;
10577
+ }
10578
+
10579
+ kendo-label.k-checkbox-label > .k-checkbox:last-child {
10580
+ margin-right: 0;
10581
+ }
10582
+
10583
+ kendo-label.k-checkbox-label > .k-label:first-child {
10584
+ margin-right: 4px;
10585
+ }
10586
+
10587
+ kendo-label.k-checkbox-label > .k-label {
10588
+ display: inline;
10589
+ }
10590
+
10591
+ .k-checkbox-label:empty {
10592
+ display: none !important;
10593
+ }
10594
+
10595
+ .k-checkbox-label.k-no-text {
10596
+ min-width: 1px;
10597
+ }
10598
+
10599
+ .k-checkbox-list {
10600
+ margin: 0px;
10601
+ padding: 0px;
10602
+ list-style: none;
10603
+ }
10604
+
10605
+ .k-checkbox-list .k-checkbox-item {
10606
+ padding: 4px 0px;
10607
+ }
10608
+
10609
+ .k-list-horizontal .k-checkbox-item {
10610
+ display: inline-block;
10611
+ margin: 0 32px 0 0;
10612
+ }
10613
+
10614
+ .k-list-horizontal .k-checkbox-item:last-child {
10615
+ margin-right: 0;
10616
+ }
10617
+
10618
+ .k-rtl .k-checkbox + .k-checkbox-label,
10619
+ .k-rtl .k-checkbox-label + .k-checkbox,
10620
+ [dir="rtl"] .k-checkbox + .k-checkbox-label,
10621
+ [dir="rtl"] .k-checkbox-label + .k-checkbox {
10622
+ margin-left: 0;
10623
+ margin-right: 4px;
10624
+ }
10625
+
10626
+ .k-rtl .k-checkbox-label > .k-checkbox,
10627
+ [dir="rtl"] .k-checkbox-label > .k-checkbox {
10628
+ margin-right: 0;
10629
+ margin-left: 4px;
10630
+ }
10631
+
10632
+ .k-rtl kendo-label.k-checkbox-label > .k-checkbox:last-child,
10633
+ [dir="rtl"] kendo-label.k-checkbox-label > .k-checkbox:last-child {
10634
+ margin-left: 0;
10635
+ }
10636
+
10637
+ .k-rtl kendo-label.k-checkbox-label > .k-label:first-child,
10638
+ [dir="rtl"] kendo-label.k-checkbox-label > .k-label:first-child {
10639
+ margin-right: 0;
10640
+ margin-left: 4px;
10641
+ }
10642
+
10643
+ .k-rtl .k-list-horizontal .k-checkbox-item,
10644
+ [dir="rtl"] .k-list-horizontal .k-checkbox-item {
10645
+ margin-right: 0;
10646
+ margin-left: 32px;
10647
+ }
10648
+
10649
+ .k-rtl .k-list-horizontal .k-checkbox-item:last-child,
10650
+ [dir="rtl"] .k-list-horizontal .k-checkbox-item:last-child {
10651
+ margin-left: 0;
10652
+ }
10653
+
10654
+ .k-ripple-container .k-checkbox::after {
10655
+ content: "";
10656
+ display: block;
10657
+ position: absolute;
10658
+ left: 0;
10659
+ top: 0;
10660
+ width: 48px;
10661
+ height: 48px;
10662
+ margin-left: -18px;
10663
+ margin-top: -18px;
10664
+ border-radius: 100%;
10665
+ z-index: 1;
10666
+ transform: scale(0);
10667
+ }
10668
+
10669
+ .k-ripple-container .k-checkbox:disabled::after,
10670
+ .k-ripple-container .k-checkbox.k-disabled::after {
10671
+ display: none;
10672
+ }
10673
+
10674
+ .k-checkbox::-ms-check {
10675
+ border-width: 1px;
10676
+ border-color: inherit;
10677
+ color: inherit;
10678
+ background-color: inherit;
10679
+ }
10680
+
10681
+ .k-checkbox {
10682
+ border-color: #cacaca;
10683
+ color: transparent;
10684
+ background-color: #ffffff;
10685
+ }
10686
+
10687
+ .k-checkbox:focus,
10688
+ .k-checkbox.k-state-focus {
10689
+ box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.06);
10690
+ }
10691
+
10692
+ .k-checkbox:indeterminate,
10693
+ .k-checkbox.k-state-indeterminate,
10694
+ .k-checkbox.k-indeterminate {
10695
+ border-color: #cacaca;
10696
+ color: #f35800;
10697
+ background-color: #ffffff;
10698
+ }
10699
+
10700
+ .k-checkbox:checked,
10701
+ .k-checkbox.k-checked {
10702
+ border-color: #f35800;
10703
+ color: white;
10704
+ background-color: #f35800;
10705
+ }
10706
+
10707
+ .k-checkbox:checked:focus,
10708
+ .k-checkbox.k-checked.k-state-focus {
10709
+ box-shadow: 0 0 0 2px rgba(243, 88, 0, 0.3);
10710
+ }
10711
+
10712
+ .k-checkbox.k-invalid,
10713
+ .k-checkbox.k-state-invalid,
10714
+ .k-checkbox.ng-invalid.ng-touched,
10715
+ .k-checkbox.ng-invalid.ng-dirty {
10716
+ border-color: rgba(217, 40, 0, 0.5);
10717
+ }
10718
+
10719
+ .k-checkbox.k-invalid + .k-checkbox-label,
10720
+ .k-checkbox.k-state-invalid + .k-checkbox-label,
10721
+ .k-checkbox.ng-invalid.ng-touched + .k-checkbox-label,
10722
+ .k-checkbox.ng-invalid.ng-dirty + .k-checkbox-label {
10723
+ color: #d92800;
10724
+ }
10725
+
10726
+ .k-ripple-container .k-checkbox::after {
10727
+ background: #f35800;
10728
+ opacity: 0.3;
10729
+ }
10730
+
10731
+ .k-list,
10732
+ .k-list-container {
10733
+ font-size: 14px;
10734
+ line-height: 1.4285714286;
10735
+ }
10736
+
10471
10737
  .k-list-scroller {
10472
10738
  position: relative;
10473
10739
  overflow: auto;
@@ -10524,7 +10790,7 @@ kendo-list > .k-group-header,
10524
10790
  .k-list-optionlabel {
10525
10791
  padding: 4px 8px;
10526
10792
  min-height: 1.4285714286em;
10527
- line-height: 1.4285714286em;
10793
+ line-height: 1.4285714286;
10528
10794
  white-space: normal;
10529
10795
  display: flex;
10530
10796
  align-items: center;
@@ -10538,6 +10804,12 @@ kendo-list > .k-group-header,
10538
10804
  outline: none;
10539
10805
  }
10540
10806
 
10807
+ .k-list__item .k-checkbox, .k-list .k-item .k-checkbox, .k-list-optionlabel .k-checkbox {
10808
+ margin-top: calc(0.7142857143em - 8px);
10809
+ font-size: inherit;
10810
+ align-self: flex-start;
10811
+ }
10812
+
10541
10813
  .k-list__item.k-first::before, .k-list .k-first.k-item::before,
10542
10814
  .k-first.k-list-optionlabel::before {
10543
10815
  content: "";
@@ -11303,7 +11575,7 @@ kendo-list > .k-group-header,
11303
11575
  .k-textbox-container,
11304
11576
  .k-floating-label-container {
11305
11577
  padding-top: 20.0000000004px;
11306
- width: 12.4em;
11578
+ width: 200px;
11307
11579
  display: inline-flex;
11308
11580
  vertical-align: middle;
11309
11581
  position: relative;
@@ -11401,117 +11673,92 @@ kendo-list > .k-group-header,
11401
11673
  }
11402
11674
 
11403
11675
  .k-combobox {
11404
- width: 12.4em;
11405
- border-width: 0;
11676
+ border-radius: 4px;
11677
+ width: 200px;
11678
+ border-width: 1px;
11679
+ border-style: solid;
11406
11680
  box-sizing: border-box;
11407
11681
  outline: 0;
11408
- background: none;
11409
11682
  font-family: inherit;
11410
11683
  font-size: 14px;
11411
11684
  line-height: 1.4285714286;
11412
- text-align: left;
11685
+ text-align: start;
11413
11686
  white-space: nowrap;
11414
11687
  display: inline-flex;
11688
+ flex-flow: row nowrap;
11415
11689
  vertical-align: middle;
11416
11690
  position: relative;
11691
+ overflow: hidden;
11692
+ transition: all .1s ease;
11417
11693
  -webkit-touch-callout: none;
11418
11694
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
11419
11695
  }
11420
11696
 
11421
- .k-combobox .k-dropdown-wrap {
11422
- border-radius: 4px;
11423
- padding: 0;
11424
- width: 100%;
11425
- border-width: 1px;
11426
- border-style: solid;
11427
- box-sizing: border-box;
11428
- position: relative;
11429
- display: flex;
11430
- flex-flow: row nowrap;
11431
- transition: all .1s ease;
11432
- outline: 0;
11433
- cursor: initial;
11434
- overflow: hidden;
11697
+ .k-combobox .k-i-loading {
11698
+ width: 24px;
11699
+ height: 28px;
11435
11700
  }
11436
11701
 
11437
11702
  .k-combobox .k-select {
11438
11703
  padding: 4px 4px;
11439
11704
  border-width: 0;
11440
11705
  border-inline-start-width: 0px;
11441
- box-sizing: border-box;
11442
11706
  border-style: solid;
11707
+ box-sizing: border-box;
11708
+ outline: 0;
11443
11709
  display: flex;
11710
+ flex-flow: row nowrap;
11444
11711
  align-items: center;
11445
11712
  justify-content: center;
11446
11713
  flex: 0 0 auto;
11447
- text-align: center;
11448
11714
  cursor: pointer;
11449
11715
  }
11450
11716
 
11451
- .k-combobox[dir="rtl"],
11452
- .k-rtl .k-combobox {
11453
- text-align: right;
11454
- }
11455
-
11456
- .k-combobox .k-dropdown-wrap {
11717
+ .k-combobox {
11457
11718
  border-color: #cacaca;
11458
11719
  color: #272727;
11459
11720
  background-color: #ffffff;
11460
11721
  }
11461
11722
 
11462
- .k-combobox .k-dropdown-wrap.k-invalid, .k-combobox .k-dropdown-wrap.k-invalid:hover, .k-combobox .k-dropdown-wrap.k-state-invalid {
11463
- border-color: rgba(217, 40, 0, 0.5);
11464
- }
11465
-
11466
- .k-combobox .k-dropdown-wrap.k-invalid .k-input-validation-icon, .k-combobox .k-dropdown-wrap.k-invalid:hover .k-input-validation-icon, .k-combobox .k-dropdown-wrap.k-state-invalid .k-input-validation-icon {
11467
- color: #d92800;
11468
- }
11469
-
11470
- .k-combobox .k-select {
11471
- border-color: #cacaca;
11472
- color: #272727;
11473
- background-color: #f0f0f0;
11474
- background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
11475
- }
11476
-
11477
- .k-combobox > :hover,
11478
- .k-combobox .k-state-hover {
11723
+ .k-combobox:hover, .k-combobox.k-state-hover {
11479
11724
  border-color: #bababa;
11480
11725
  }
11481
11726
 
11482
- .k-combobox .k-select:hover {
11483
- border-color: #bababa;
11484
- background-color: #dddddd;
11727
+ .k-combobox:focus, .k-combobox.k-state-focus {
11728
+ border-color: rgba(0, 0, 0, 0.1);
11729
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
11485
11730
  }
11486
11731
 
11487
- .k-combobox > .k-state-focused {
11732
+ .k-combobox:focus-within {
11488
11733
  border-color: rgba(0, 0, 0, 0.1);
11489
11734
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
11490
11735
  }
11491
11736
 
11492
- .k-combobox.k-state-invalid .k-dropdown-wrap, .k-combobox.ng-invalid.ng-touched .k-dropdown-wrap, .k-combobox.ng-invalid.ng-dirty .k-dropdown-wrap {
11737
+ .k-combobox.k-invalid, .k-combobox.ng-invalid, .k-combobox.k-state-invalid {
11493
11738
  border-color: rgba(217, 40, 0, 0.5);
11494
11739
  }
11495
11740
 
11496
- .k-combobox.k-state-invalid .k-dropdown-wrap .k-input-validation-icon, .k-combobox.ng-invalid.ng-touched .k-dropdown-wrap .k-input-validation-icon, .k-combobox.ng-invalid.ng-dirty .k-dropdown-wrap .k-input-validation-icon {
11741
+ .k-combobox.k-invalid .k-input-validation-icon, .k-combobox.ng-invalid .k-input-validation-icon, .k-combobox.k-state-invalid .k-input-validation-icon {
11497
11742
  color: #d92800;
11498
11743
  }
11499
11744
 
11500
- .k-combobox.k-state-hover .k-dropdown-wrap {
11501
- border-color: #bababa;
11502
- }
11503
-
11504
- .k-combobox.k-state-focus .k-dropdown-wrap {
11505
- border-color: rgba(0, 0, 0, 0.1);
11506
- box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
11745
+ .k-combobox .k-select {
11746
+ border-color: #cacaca;
11747
+ color: #272727;
11748
+ background-color: #f0f0f0;
11749
+ background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
11507
11750
  }
11508
11751
 
11509
- .k-combobox.k-invalid .k-dropdown-wrap {
11510
- border-color: rgba(217, 40, 0, 0.5);
11752
+ .k-combobox .k-select:hover,
11753
+ .k-combobox .k-select.k-state-hover {
11754
+ border-color: #bababa;
11755
+ background-color: #dddddd;
11511
11756
  }
11512
11757
 
11513
- .k-combobox.k-invalid .k-dropdown-wrap .k-input-validation-icon {
11514
- color: #d92800;
11758
+ .k-combobox .k-select:active,
11759
+ .k-combobox .k-select.k-state-active {
11760
+ border-color: #aaaaaa;
11761
+ background-color: #cacaca;
11515
11762
  }
11516
11763
 
11517
11764
  .k-table {
@@ -12658,6 +12905,7 @@ kendo-badge-container {
12658
12905
  .k-color-preview {
12659
12906
  border-width: 1px;
12660
12907
  border-radius: 4px;
12908
+ box-sizing: border-box;
12661
12909
  border-style: solid;
12662
12910
  display: inline-flex;
12663
12911
  flex-direction: row;
@@ -12666,17 +12914,50 @@ kendo-badge-container {
12666
12914
  overflow: hidden;
12667
12915
  }
12668
12916
 
12669
- .k-color-preview::before {
12670
- content: "";
12917
+ .k-coloreditor-current-color {
12918
+ cursor: pointer;
12919
+ }
12920
+
12921
+ .k-icon-color-preview {
12922
+ border-width: 0;
12923
+ border-radius: 0;
12924
+ display: flex;
12925
+ flex-flow: column nowrap;
12926
+ align-items: center;
12927
+ justify-content: center;
12928
+ gap: 2px;
12929
+ }
12930
+
12931
+ .k-icon-color-preview .k-color-preview-mask {
12932
+ width: 14px;
12933
+ height: 2px;
12934
+ }
12935
+
12936
+ .k-color-preview-mask {
12671
12937
  width: 100%;
12672
12938
  height: 100%;
12673
- display: block;
12674
12939
  position: relative;
12940
+ }
12941
+
12942
+ .k-color-preview-mask::before {
12943
+ content: "";
12944
+ width: 100%;
12945
+ height: 100%;
12946
+ position: absolute;
12947
+ top: 0;
12948
+ left: 0;
12675
12949
  z-index: -1;
12950
+ background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAuSURBVHgBxYyxDQAwDMJIL+YT+DjtzFRliUfLcklqBCRT4eCTxbD6kdL2/LgYXqpvCbs3kBv/AAAAAElFTkSuQmCC");
12951
+ background-size: contain;
12952
+ background-position: 0 0;
12676
12953
  }
12677
12954
 
12678
- .k-coloreditor-current-color {
12679
- cursor: pointer;
12955
+ .k-no-color .k-color-preview-mask::before {
12956
+ content: "";
12957
+ background-color: #ffffff;
12958
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' version='1.1'%3e%3cline x1='0' x2='20' y1='0' y2='20' stroke='%23d92800' stroke-width='1'/%3e%3c/svg%3e");
12959
+ background-size: 100% 100%;
12960
+ background-position: 0 0;
12680
12961
  }
12681
12962
 
12682
12963
  .k-no-color::before {
@@ -12692,23 +12973,10 @@ kendo-badge-container {
12692
12973
  border-color: #cacaca;
12693
12974
  }
12694
12975
 
12695
- .k-color-preview::before {
12696
- background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAuSURBVHgBxYyxDQAwDMJIL+YT+DjtzFRliUfLcklqBCRT4eCTxbD6kdL2/LgYXqpvCbs3kBv/AAAAAElFTkSuQmCC");
12697
- background-size: contain;
12698
- background-position: 0;
12699
- }
12700
-
12701
12976
  .k-color-preview:hover, .k-color-preview.k-state-hover, .k-color-preview.k-hover {
12702
12977
  border-color: #bababa;
12703
12978
  }
12704
12979
 
12705
- .k-no-color::before {
12706
- background-color: #ffffff;
12707
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' version='1.1'%3e%3cline x1='0' x2='20' y1='0' y2='20' stroke='%23d92800' stroke-width='1'/%3e%3c/svg%3e");
12708
- background-size: 100% 100%;
12709
- background-position: 0 0;
12710
- }
12711
-
12712
12980
  .k-loader {
12713
12981
  position: relative;
12714
12982
  display: inline-block;
@@ -13526,7 +13794,7 @@ kendo-badge-container {
13526
13794
  }
13527
13795
 
13528
13796
  .k-button::after {
13529
- border-radius: 4px;
13797
+ border-radius: inherit;
13530
13798
  content: "";
13531
13799
  opacity: 0;
13532
13800
  display: none;
@@ -13540,12 +13808,6 @@ kendo-badge-container {
13540
13808
  transition: opacity .2s ease-in-out;
13541
13809
  }
13542
13810
 
13543
- .k-ie .k-button,
13544
- .k-ie .k-button-group {
13545
- display: inline-block;
13546
- overflow: visible;
13547
- }
13548
-
13549
13811
  .k-ie .k-button-icontext .k-icon,
13550
13812
  .k-ie .k-button-icontext .k-image,
13551
13813
  .k-ie .k-button-icontext .k-sprite {
@@ -13816,6 +14078,18 @@ kendo-badge-container {
13816
14078
  align-items: center;
13817
14079
  }
13818
14080
 
14081
+ .k-toolbar .k-textbox,
14082
+ .k-toolbar .k-combobox,
14083
+ .k-toolbar .k-dropdown,
14084
+ .k-toolbar .k-dropdowntree,
14085
+ .k-toolbar .k-searchbox,
14086
+ .k-toolbar .k-numerictextbox,
14087
+ .k-toolbar .k-datepicker,
14088
+ .k-toolbar .k-timepicker,
14089
+ .k-toolbar .k-datetimepicker {
14090
+ width: 10em;
14091
+ }
14092
+
13819
14093
  .k-toolbar-group {
13820
14094
  display: flex;
13821
14095
  flex-direction: inherit;
@@ -13824,6 +14098,7 @@ kendo-badge-container {
13824
14098
  }
13825
14099
 
13826
14100
  kendo-toolbar-renderer {
14101
+ display: inline-block;
13827
14102
  border-color: inherit;
13828
14103
  }
13829
14104
 
@@ -14125,10 +14400,6 @@ kendo-label > .k-label {
14125
14400
  width: 100%;
14126
14401
  }
14127
14402
 
14128
- .k-form .k-editor .k-dropdown, .k-form .k-editor .k-dropdowntree {
14129
- width: 12.4em;
14130
- }
14131
-
14132
14403
  .k-form-buttons {
14133
14404
  margin-top: 2em;
14134
14405
  padding: 0;
@@ -14555,7 +14826,7 @@ kendo-label > .k-label {
14555
14826
  border-radius: 4px;
14556
14827
  margin: 0;
14557
14828
  padding: 0;
14558
- width: 12.4em;
14829
+ width: 200px;
14559
14830
  height: calc(1.4285714286em + 10px);
14560
14831
  border-width: 1px;
14561
14832
  border-style: solid;
@@ -14724,324 +14995,65 @@ input.k-textbox {
14724
14995
  pointer-events: none;
14725
14996
  box-shadow: none;
14726
14997
  }
14727
-
14728
- .k-textarea:disabled::selection, .k-textarea[disabled]::selection, .k-textarea.k-state-disabled::selection {
14729
- color: #272727;
14730
- background-color: transparent;
14731
- }
14732
-
14733
- .k-textarea-suffix {
14734
- flex-shrink: 0;
14735
- }
14736
-
14737
- textarea.k-textarea {
14738
- padding: 4px 8px;
14739
- min-height: calc(1.4285714286em + 10px);
14740
- display: inline-block;
14741
- resize: both;
14742
- }
14743
-
14744
- .k-textbox-container > .k-textarea,
14745
- .k-floating-label-container > .k-textarea {
14746
- flex: 1 1 auto;
14747
- width: 100%;
14748
- }
14749
-
14750
- .k-ie .k-textarea :-ms-input-placeholder, .k-ie .k-textarea:-ms-input-placeholder {
14751
- color: #646464;
14752
- }
14753
-
14754
- .k-textarea {
14755
- border-color: #cacaca;
14756
- color: #272727;
14757
- background-color: #ffffff;
14758
- }
14759
-
14760
- .k-textarea::selection,
14761
- .k-textarea .k-input::selection {
14762
- color: white;
14763
- background-color: #f35800;
14764
- }
14765
-
14766
- .k-textarea:hover, .k-textarea.k-state-hover {
14767
- border-color: #bababa;
14768
- }
14769
-
14770
- .k-textarea:focus, .k-textarea.k-state-focus, .k-textarea.k-state-focused {
14771
- border-color: rgba(0, 0, 0, 0.1);
14772
- box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
14773
- }
14774
-
14775
- .k-textarea:focus-within {
14776
- border-color: rgba(0, 0, 0, 0.1);
14777
- box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
14778
- }
14779
-
14780
- .k-textarea.k-invalid, .k-textarea.k-state-invalid, .k-textarea.ng-invalid.ng-touched, .k-textarea.ng-invalid.ng-dirty {
14781
- border-color: rgba(217, 40, 0, 0.5);
14782
- }
14783
-
14784
- .k-textarea.k-invalid .k-input-validation-icon, .k-textarea.k-state-invalid .k-input-validation-icon, .k-textarea.ng-invalid.ng-touched .k-input-validation-icon, .k-textarea.ng-invalid.ng-dirty .k-input-validation-icon {
14785
- color: #d92800;
14786
- }
14787
-
14788
- .k-checkbox {
14789
- border-radius: 2px;
14790
- margin: 0;
14791
- padding: 0;
14792
- width: 16px;
14793
- height: 16px;
14794
- line-height: initial;
14795
- border-width: 1px;
14796
- border-style: solid;
14797
- outline: 0;
14798
- box-sizing: border-box;
14799
- background-position: center;
14800
- background-repeat: no-repeat;
14801
- background-size: contain;
14802
- display: inline-block;
14803
- vertical-align: middle;
14804
- position: relative;
14805
- cursor: pointer;
14806
- -webkit-appearance: none;
14807
- }
14808
-
14809
- .k-checkbox::before {
14810
- content: "";
14811
- width: 12px;
14812
- height: 12px;
14813
- font-size: 12px;
14814
- font-family: "WebComponentsIcons", monospace;
14815
- line-height: 1;
14816
- transform: scale(0) translate(-50%, -50%);
14817
- overflow: hidden;
14818
- position: absolute;
14819
- top: 50%;
14820
- left: 50%;
14821
- }
14822
-
14823
- .k-checkbox:checked::before,
14824
- .k-checkbox.k-checked::before {
14825
- transform: scale(1) translate(-50%, -50%);
14826
- }
14827
-
14828
- .k-checkbox:indeterminate::before,
14829
- .k-checkbox.k-indeterminate::before,
14830
- .k-checkbox.k-state-indeterminate::before {
14831
- content: "";
14832
- transform: scale(1) translate(-50%, -50%);
14833
- }
14834
-
14835
- .k-checkbox:disabled,
14836
- .k-checkbox.k-disabled,
14837
- .k-checkbox:disabled + .k-checkbox-label,
14838
- .k-checkbox.k-disabled + .k-checkbox-label {
14839
- outline: none;
14840
- cursor: default;
14841
- opacity: 0.6;
14842
- filter: grayscale(0.1);
14843
- pointer-events: none;
14844
- box-shadow: none;
14845
- }
14846
-
14847
- .k-checkbox-label {
14848
- margin: 0;
14849
- padding: 0;
14850
- line-height: 17px;
14851
- display: inline-flex;
14852
- align-items: flex-start;
14853
- vertical-align: middle;
14854
- position: relative;
14855
- cursor: pointer;
14856
- }
14857
-
14858
- .k-checkbox-label .k-label {
14859
- cursor: pointer;
14860
- }
14861
-
14862
- .k-checkbox-label .k-ripple {
14863
- top: 8px;
14864
- left: 8px;
14865
- right: auto;
14866
- bottom: auto;
14867
- width: 40px;
14868
- height: 40px;
14869
- transform: translate(-50%, -50%);
14870
- border-radius: 50%;
14871
- visibility: hidden !important;
14872
- }
14873
-
14874
- .k-checkbox-label .k-ripple-blob {
14875
- top: 50% !important;
14876
- left: 50% !important;
14877
- width: 200% !important;
14878
- height: 200% !important;
14879
- }
14880
-
14881
- .k-checkbox + .k-checkbox-label {
14882
- display: inline;
14883
- }
14884
-
14885
- .k-checkbox + .k-checkbox-label,
14886
- .k-checkbox-label + .k-checkbox {
14887
- margin-left: 4px;
14888
- }
14889
-
14890
- .k-checkbox-label > .k-checkbox {
14891
- margin-right: 4px;
14892
- flex-shrink: 0;
14893
- }
14894
-
14895
- kendo-label.k-checkbox-label > .k-checkbox:last-child {
14896
- margin-right: 0;
14897
- }
14898
-
14899
- kendo-label.k-checkbox-label > .k-label:first-child {
14900
- margin-right: 4px;
14901
- }
14902
-
14903
- kendo-label.k-checkbox-label > .k-label {
14904
- display: inline;
14905
- }
14906
-
14907
- .k-checkbox-label:empty {
14908
- display: none;
14909
- }
14910
-
14911
- .k-checkbox-label.k-no-text {
14912
- min-width: 1px;
14913
- }
14914
-
14915
- .k-checkbox-list {
14916
- margin: 0px;
14917
- padding: 0px;
14918
- list-style: none;
14919
- }
14920
-
14921
- .k-checkbox-list .k-checkbox-item {
14922
- padding: 4px 0px;
14923
- }
14924
-
14925
- .k-list-horizontal .k-checkbox-item {
14926
- display: inline-block;
14927
- margin: 0 32px 0 0;
14928
- }
14929
-
14930
- .k-list-horizontal .k-checkbox-item:last-child {
14931
- margin-right: 0;
14932
- }
14933
-
14934
- .k-rtl .k-checkbox + .k-checkbox-label,
14935
- .k-rtl .k-checkbox-label + .k-checkbox,
14936
- [dir="rtl"] .k-checkbox + .k-checkbox-label,
14937
- [dir="rtl"] .k-checkbox-label + .k-checkbox {
14938
- margin-left: 0;
14939
- margin-right: 4px;
14940
- }
14941
-
14942
- .k-rtl .k-checkbox-label > .k-checkbox,
14943
- [dir="rtl"] .k-checkbox-label > .k-checkbox {
14944
- margin-right: 0;
14945
- margin-left: 4px;
14946
- }
14947
-
14948
- .k-rtl kendo-label.k-checkbox-label > .k-checkbox:last-child,
14949
- [dir="rtl"] kendo-label.k-checkbox-label > .k-checkbox:last-child {
14950
- margin-left: 0;
14951
- }
14952
-
14953
- .k-rtl kendo-label.k-checkbox-label > .k-label:first-child,
14954
- [dir="rtl"] kendo-label.k-checkbox-label > .k-label:first-child {
14955
- margin-right: 0;
14956
- margin-left: 4px;
14957
- }
14958
-
14959
- .k-rtl .k-list-horizontal .k-checkbox-item,
14960
- [dir="rtl"] .k-list-horizontal .k-checkbox-item {
14961
- margin-right: 0;
14962
- margin-left: 32px;
14963
- }
14964
-
14965
- .k-rtl .k-list-horizontal .k-checkbox-item:last-child,
14966
- [dir="rtl"] .k-list-horizontal .k-checkbox-item:last-child {
14967
- margin-left: 0;
14968
- }
14969
-
14970
- .k-ripple-container .k-checkbox::after {
14971
- content: "";
14972
- display: block;
14973
- position: absolute;
14974
- left: 0;
14975
- top: 0;
14976
- width: 48px;
14977
- height: 48px;
14978
- margin-left: -18px;
14979
- margin-top: -18px;
14980
- border-radius: 100%;
14981
- z-index: 1;
14982
- transform: scale(0);
14998
+
14999
+ .k-textarea:disabled::selection, .k-textarea[disabled]::selection, .k-textarea.k-state-disabled::selection {
15000
+ color: #272727;
15001
+ background-color: transparent;
14983
15002
  }
14984
15003
 
14985
- .k-ripple-container .k-checkbox:disabled::after,
14986
- .k-ripple-container .k-checkbox.k-disabled::after {
14987
- display: none;
15004
+ .k-textarea-suffix {
15005
+ flex-shrink: 0;
14988
15006
  }
14989
15007
 
14990
- .k-checkbox::-ms-check {
14991
- border-width: 1px;
14992
- border-color: inherit;
14993
- color: inherit;
14994
- background-color: inherit;
15008
+ textarea.k-textarea {
15009
+ padding: 4px 8px;
15010
+ min-height: calc(1.4285714286em + 10px);
15011
+ display: inline-block;
15012
+ resize: both;
14995
15013
  }
14996
15014
 
14997
- .k-checkbox {
14998
- border-color: #cacaca;
14999
- color: transparent;
15000
- background-color: #ffffff;
15015
+ .k-textbox-container > .k-textarea,
15016
+ .k-floating-label-container > .k-textarea {
15017
+ flex: 1 1 auto;
15018
+ width: 100%;
15001
15019
  }
15002
15020
 
15003
- .k-checkbox:focus,
15004
- .k-checkbox.k-state-focus {
15005
- box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.06);
15021
+ .k-ie .k-textarea :-ms-input-placeholder, .k-ie .k-textarea:-ms-input-placeholder {
15022
+ color: #646464;
15006
15023
  }
15007
15024
 
15008
- .k-checkbox:indeterminate,
15009
- .k-checkbox.k-state-indeterminate,
15010
- .k-checkbox.k-indeterminate {
15025
+ .k-textarea {
15011
15026
  border-color: #cacaca;
15012
- color: #f35800;
15027
+ color: #272727;
15013
15028
  background-color: #ffffff;
15014
15029
  }
15015
15030
 
15016
- .k-checkbox:checked,
15017
- .k-checkbox.k-checked {
15018
- border-color: #f35800;
15031
+ .k-textarea::selection,
15032
+ .k-textarea .k-input::selection {
15019
15033
  color: white;
15020
15034
  background-color: #f35800;
15021
15035
  }
15022
15036
 
15023
- .k-checkbox:checked:focus,
15024
- .k-checkbox.k-checked.k-state-focus {
15025
- box-shadow: 0 0 0 2px rgba(243, 88, 0, 0.3);
15037
+ .k-textarea:hover, .k-textarea.k-state-hover {
15038
+ border-color: #bababa;
15026
15039
  }
15027
15040
 
15028
- .k-checkbox.k-invalid,
15029
- .k-checkbox.k-state-invalid,
15030
- .k-checkbox.ng-invalid.ng-touched,
15031
- .k-checkbox.ng-invalid.ng-dirty {
15032
- border-color: rgba(217, 40, 0, 0.5);
15041
+ .k-textarea:focus, .k-textarea.k-state-focus, .k-textarea.k-state-focused {
15042
+ border-color: rgba(0, 0, 0, 0.1);
15043
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
15033
15044
  }
15034
15045
 
15035
- .k-checkbox.k-invalid + .k-checkbox-label,
15036
- .k-checkbox.k-state-invalid + .k-checkbox-label,
15037
- .k-checkbox.ng-invalid.ng-touched + .k-checkbox-label,
15038
- .k-checkbox.ng-invalid.ng-dirty + .k-checkbox-label {
15039
- color: #d92800;
15046
+ .k-textarea:focus-within {
15047
+ border-color: rgba(0, 0, 0, 0.1);
15048
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
15040
15049
  }
15041
15050
 
15042
- .k-ripple-container .k-checkbox::after {
15043
- background: #f35800;
15044
- opacity: 0.3;
15051
+ .k-textarea.k-invalid, .k-textarea.k-state-invalid, .k-textarea.ng-invalid.ng-touched, .k-textarea.ng-invalid.ng-dirty {
15052
+ border-color: rgba(217, 40, 0, 0.5);
15053
+ }
15054
+
15055
+ .k-textarea.k-invalid .k-input-validation-icon, .k-textarea.k-state-invalid .k-input-validation-icon, .k-textarea.ng-invalid.ng-touched .k-input-validation-icon, .k-textarea.ng-invalid.ng-dirty .k-input-validation-icon {
15056
+ color: #d92800;
15045
15057
  }
15046
15058
 
15047
15059
  .k-listbox {
@@ -15414,6 +15426,7 @@ kendo-label.k-checkbox-label > .k-label {
15414
15426
  background-repeat: no-repeat;
15415
15427
  background-size: contain;
15416
15428
  display: inline-block;
15429
+ flex: none;
15417
15430
  vertical-align: middle;
15418
15431
  position: relative;
15419
15432
  cursor: pointer;
@@ -15470,7 +15483,7 @@ kendo-label.k-checkbox-label > .k-label {
15470
15483
  }
15471
15484
 
15472
15485
  .k-radio-label:empty {
15473
- display: none;
15486
+ display: none !important;
15474
15487
  }
15475
15488
 
15476
15489
  .k-radio-label .k-ripple {
@@ -17112,22 +17125,22 @@ kendo-label.k-radio-label > .k-label {
17112
17125
 
17113
17126
  .k-autocomplete {
17114
17127
  border-radius: 4px;
17115
- width: 12.4em;
17128
+ width: 200px;
17116
17129
  border-width: 1px;
17117
17130
  border-style: solid;
17118
- outline: 0;
17119
17131
  box-sizing: border-box;
17132
+ outline: 0;
17120
17133
  font-family: inherit;
17121
17134
  font-size: 14px;
17122
17135
  line-height: 1.4285714286;
17136
+ text-align: start;
17123
17137
  white-space: nowrap;
17124
17138
  display: inline-flex;
17125
17139
  flex-flow: row nowrap;
17126
- align-items: stretch;
17127
17140
  vertical-align: middle;
17128
- transition: all .1s ease;
17129
17141
  position: relative;
17130
- cursor: default;
17142
+ overflow: hidden;
17143
+ transition: all .1s ease;
17131
17144
  -webkit-touch-callout: none;
17132
17145
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
17133
17146
  }
@@ -17289,7 +17302,7 @@ kendo-label.k-radio-label > .k-label {
17289
17302
  }
17290
17303
 
17291
17304
  .k-numerictextbox {
17292
- width: 12.4em;
17305
+ width: 200px;
17293
17306
  border-width: 0;
17294
17307
  box-sizing: border-box;
17295
17308
  outline: 0;
@@ -17679,14 +17692,18 @@ kendo-label.k-radio-label > .k-label {
17679
17692
  }
17680
17693
 
17681
17694
  .k-coloreditor-preview {
17695
+ display: flex;
17696
+ flex-flow: column nowrap;
17697
+ align-items: stretch;
17698
+ justify-content: center;
17699
+ gap: 4px;
17682
17700
  position: relative;
17683
- gap: 3px;
17684
17701
  z-index: 1;
17685
17702
  }
17686
17703
 
17687
17704
  .k-coloreditor-preview .k-color-preview {
17688
- width: 34px;
17689
- height: 14px;
17705
+ width: 32px;
17706
+ height: 12px;
17690
17707
  }
17691
17708
 
17692
17709
  .k-coloreditor-views {
@@ -17763,6 +17780,13 @@ kendo-label.k-radio-label > .k-label {
17763
17780
  overflow: hidden;
17764
17781
  }
17765
17782
 
17783
+ .k-colorpicker .k-color-preview {
17784
+ margin: 4px;
17785
+ width: 1.4285714286em;
17786
+ height: 1.4285714286em;
17787
+ z-index: 1;
17788
+ }
17789
+
17766
17790
  .k-colorpicker .k-tool-icon {
17767
17791
  padding: 4px;
17768
17792
  width: calc(1.4285714286em + 8px);
@@ -17849,7 +17873,7 @@ kendo-label.k-radio-label > .k-label {
17849
17873
 
17850
17874
  .k-dateinput {
17851
17875
  border-radius: 4px;
17852
- width: 12.4em;
17876
+ width: 200px;
17853
17877
  border-width: 1px;
17854
17878
  border-style: solid;
17855
17879
  box-sizing: border-box;
@@ -17967,7 +17991,7 @@ kendo-label.k-radio-label > .k-label {
17967
17991
 
17968
17992
  .k-datepicker {
17969
17993
  border-radius: 4px;
17970
- width: 12.4em;
17994
+ width: 200px;
17971
17995
  border-width: 1px;
17972
17996
  border-style: solid;
17973
17997
  box-sizing: border-box;
@@ -18051,7 +18075,7 @@ kendo-label.k-radio-label > .k-label {
18051
18075
 
18052
18076
  .k-timepicker {
18053
18077
  border-radius: 4px;
18054
- width: 12.4em;
18078
+ width: 200px;
18055
18079
  border-width: 1px;
18056
18080
  border-style: solid;
18057
18081
  box-sizing: border-box;
@@ -18135,7 +18159,7 @@ kendo-label.k-radio-label > .k-label {
18135
18159
 
18136
18160
  .k-datetimepicker {
18137
18161
  border-radius: 4px;
18138
- width: 12.4em;
18162
+ width: 200px;
18139
18163
  border-width: 1px;
18140
18164
  border-style: solid;
18141
18165
  box-sizing: border-box;
@@ -18569,73 +18593,57 @@ kendo-label.k-radio-label > .k-label {
18569
18593
  }
18570
18594
 
18571
18595
  .k-dropdown, .k-dropdowntree {
18572
- width: 12.4em;
18573
- border-width: 0;
18574
- outline: 0;
18575
- background: none;
18596
+ border-radius: 4px;
18597
+ width: 200px;
18598
+ border-width: 1px;
18599
+ border-style: solid;
18576
18600
  box-sizing: border-box;
18601
+ outline: 0;
18577
18602
  font-family: inherit;
18578
18603
  font-size: 14px;
18579
18604
  line-height: 1.4285714286;
18580
- text-align: left;
18605
+ text-align: start;
18581
18606
  white-space: nowrap;
18582
18607
  display: inline-flex;
18608
+ flex-flow: row nowrap;
18583
18609
  vertical-align: middle;
18584
18610
  position: relative;
18611
+ overflow: hidden;
18612
+ transition: all .1s ease;
18585
18613
  -webkit-touch-callout: none;
18586
18614
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
18587
18615
  }
18588
18616
 
18589
- .k-dropdown .k-dropdown-wrap, .k-dropdowntree .k-dropdown-wrap {
18590
- border-radius: 4px;
18591
- padding: 0;
18592
- width: 100%;
18593
- display: flex;
18594
- flex-flow: row nowrap;
18595
- border-width: 1px;
18596
- border-style: solid;
18597
- box-sizing: border-box;
18598
- position: relative;
18599
- transition: all .1s ease;
18600
- cursor: pointer;
18601
- outline: 0;
18602
- overflow: hidden;
18617
+ .k-dropdown .k-i-loading, .k-dropdowntree .k-i-loading {
18618
+ width: 24px;
18619
+ height: 28px;
18603
18620
  }
18604
18621
 
18605
- .k-dropdown .k-dropdown-wrap .k-select, .k-dropdowntree .k-dropdown-wrap .k-select {
18622
+ .k-dropdown .k-select, .k-dropdowntree .k-select {
18606
18623
  padding: 4px 4px;
18607
18624
  border-width: 0;
18608
18625
  border-inline-start-width: 0px;
18626
+ border-style: solid;
18609
18627
  border-color: transparent;
18610
18628
  box-sizing: border-box;
18611
- border-style: solid;
18629
+ outline: 0;
18612
18630
  display: flex;
18631
+ flex-flow: row nowrap;
18613
18632
  align-items: center;
18614
18633
  justify-content: center;
18615
18634
  flex: 0 0 auto;
18616
- text-align: center;
18617
18635
  cursor: pointer;
18618
18636
  }
18619
18637
 
18620
- .k-dropdown.k-rtl, .k-rtl.k-dropdowntree,
18621
- .k-dropdown[dir="rtl"],
18622
- .k-dropdowntree[dir="rtl"],
18623
- .k-rtl .k-dropdown,
18624
- .k-rtl .k-dropdowntree,
18625
- [dir="rtl"] .k-dropdown,
18626
- [dir="rtl"] .k-dropdowntree {
18627
- text-align: right;
18628
- }
18629
-
18630
18638
  .k-dropdown-operator {
18631
18639
  width: auto;
18632
18640
  }
18633
18641
 
18634
- .k-dropdown-operator .k-dropdown-wrap .k-input {
18642
+ .k-dropdown-operator .k-input {
18635
18643
  display: none;
18636
18644
  }
18637
18645
 
18638
- .k-dropdown-operator .k-dropdown-wrap .k-select {
18646
+ .k-dropdown-operator .k-select {
18639
18647
  width: calc(1.4285714286em + 8px);
18640
18648
  height: calc(1.4285714286em + 8px);
18641
18649
  }
@@ -18653,56 +18661,36 @@ select.k-dropdown, select.k-dropdowntree {
18653
18661
  cursor: pointer;
18654
18662
  }
18655
18663
 
18656
- .k-dropdown .k-dropdown-wrap, .k-dropdowntree .k-dropdown-wrap {
18664
+ .k-dropdown, .k-dropdowntree {
18657
18665
  border-color: #cacaca;
18658
18666
  color: #272727;
18659
18667
  background-color: #f0f0f0;
18660
18668
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
18661
18669
  }
18662
18670
 
18663
- .k-dropdown .k-dropdown-wrap:hover, .k-dropdowntree .k-dropdown-wrap:hover, .k-dropdown .k-dropdown-wrap.k-state-hover, .k-dropdowntree .k-dropdown-wrap.k-state-hover {
18671
+ .k-dropdown:hover, .k-dropdowntree:hover, .k-dropdown.k-state-hover, .k-state-hover.k-dropdowntree {
18664
18672
  border-color: #bababa;
18665
18673
  background-color: #dddddd;
18666
18674
  }
18667
18675
 
18668
- .k-dropdown .k-dropdown-wrap.k-state-focused, .k-dropdowntree .k-dropdown-wrap.k-state-focused {
18676
+ .k-dropdown:focus, .k-dropdowntree:focus, .k-dropdown.k-state-focus, .k-state-focus.k-dropdowntree {
18669
18677
  border-color: rgba(0, 0, 0, 0.1);
18670
18678
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
18671
18679
  }
18672
18680
 
18673
- .k-dropdown .k-dropdown-wrap.k-invalid, .k-dropdowntree .k-dropdown-wrap.k-invalid, .k-dropdown .k-dropdown-wrap.k-invalid:hover, .k-dropdowntree .k-dropdown-wrap.k-invalid:hover, .k-dropdown .k-dropdown-wrap.k-state-invalid, .k-dropdowntree .k-dropdown-wrap.k-state-invalid {
18674
- border-color: rgba(217, 40, 0, 0.5);
18675
- }
18676
-
18677
- .k-dropdown .k-dropdown-wrap.k-invalid .k-input-validation-icon, .k-dropdowntree .k-dropdown-wrap.k-invalid .k-input-validation-icon, .k-dropdown .k-dropdown-wrap.k-invalid:hover .k-input-validation-icon, .k-dropdowntree .k-dropdown-wrap.k-invalid:hover .k-input-validation-icon, .k-dropdown .k-dropdown-wrap.k-state-invalid .k-input-validation-icon, .k-dropdowntree .k-dropdown-wrap.k-state-invalid .k-input-validation-icon {
18678
- color: #d92800;
18681
+ .k-dropdown:focus-within, .k-dropdowntree:focus-within {
18682
+ border-color: rgba(0, 0, 0, 0.1);
18683
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
18679
18684
  }
18680
18685
 
18681
- .k-dropdown.k-state-invalid > .k-dropdown-wrap, .k-state-invalid.k-dropdowntree > .k-dropdown-wrap, .k-dropdown.ng-invalid.ng-touched > .k-dropdown-wrap, .ng-invalid.ng-touched.k-dropdowntree > .k-dropdown-wrap, .k-dropdown.ng-invalid.ng-dirty > .k-dropdown-wrap, .ng-invalid.ng-dirty.k-dropdowntree > .k-dropdown-wrap {
18686
+ .k-dropdown.k-invalid, .k-invalid.k-dropdowntree, .k-dropdown.ng-invalid, .ng-invalid.k-dropdowntree, .k-dropdown.k-state-invalid, .k-state-invalid.k-dropdowntree {
18682
18687
  border-color: rgba(217, 40, 0, 0.5);
18683
18688
  }
18684
18689
 
18685
- .k-dropdown.k-state-invalid > .k-dropdown-wrap .k-input-validation-icon, .k-state-invalid.k-dropdowntree > .k-dropdown-wrap .k-input-validation-icon, .k-dropdown.ng-invalid.ng-touched > .k-dropdown-wrap .k-input-validation-icon, .ng-invalid.ng-touched.k-dropdowntree > .k-dropdown-wrap .k-input-validation-icon, .k-dropdown.ng-invalid.ng-dirty > .k-dropdown-wrap .k-input-validation-icon, .ng-invalid.ng-dirty.k-dropdowntree > .k-dropdown-wrap .k-input-validation-icon {
18690
+ .k-dropdown.k-invalid .k-input-validation-icon, .k-invalid.k-dropdowntree .k-input-validation-icon, .k-dropdown.ng-invalid .k-input-validation-icon, .ng-invalid.k-dropdowntree .k-input-validation-icon, .k-dropdown.k-state-invalid .k-input-validation-icon, .k-state-invalid.k-dropdowntree .k-input-validation-icon {
18686
18691
  color: #d92800;
18687
18692
  }
18688
18693
 
18689
- select.k-dropdown, select.k-dropdowntree {
18690
- border-color: #cacaca;
18691
- color: #272727;
18692
- background-color: #f0f0f0;
18693
- background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
18694
- }
18695
-
18696
- select.k-dropdown:hover, select.k-dropdowntree:hover {
18697
- border-color: #bababa;
18698
- background-color: #dddddd;
18699
- }
18700
-
18701
- select.k-dropdown:focus, select.k-dropdowntree:focus {
18702
- border-color: rgba(0, 0, 0, 0.1);
18703
- box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
18704
- }
18705
-
18706
18694
  .k-multiselect, .k-dropdowntree {
18707
18695
  border-radius: 4px;
18708
18696
  width: 100%;
@@ -19182,7 +19170,7 @@ select.k-dropdown:focus, select.k-dropdowntree:focus {
19182
19170
  }
19183
19171
 
19184
19172
  .k-dropdowntree {
19185
- width: 12.4em;
19173
+ width: 200px;
19186
19174
  }
19187
19175
 
19188
19176
  .k-popup-dropdowntree {
@@ -19198,63 +19186,57 @@ select.k-dropdown:focus, select.k-dropdowntree:focus {
19198
19186
  }
19199
19187
 
19200
19188
  .k-maskedtextbox {
19201
- width: 12.4em;
19189
+ border-radius: 4px;
19190
+ width: 200px;
19191
+ border-width: 1px;
19192
+ border-style: solid;
19193
+ box-sizing: border-box;
19194
+ outline: 0;
19202
19195
  font-family: inherit;
19203
19196
  font-size: 14px;
19204
19197
  line-height: 1.4285714286;
19205
- border-width: 0;
19206
- box-sizing: border-box;
19207
- outline: 0;
19208
- background: none;
19209
- text-align: left;
19198
+ text-align: start;
19210
19199
  white-space: nowrap;
19211
19200
  display: inline-flex;
19201
+ flex-flow: row nowrap;
19212
19202
  vertical-align: middle;
19213
19203
  position: relative;
19204
+ overflow: hidden;
19205
+ transition: all .1s ease;
19214
19206
  -webkit-touch-callout: none;
19215
19207
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
19216
19208
  }
19217
19209
 
19218
- .k-maskedtextbox > .k-textbox {
19219
- flex: 1 0 0%;
19220
- min-width: 0;
19221
- }
19222
-
19223
- .k-maskedtextbox > .k-textbox.k-state-invalid {
19224
- transition: none;
19225
- }
19226
-
19227
- .k-maskedtextbox .k-i-warning {
19228
- position: absolute;
19229
- top: 50%;
19230
- transform: translateY(-50%);
19231
- right: 8px;
19210
+ .k-maskedtextbox .k-i-loading {
19211
+ width: 24px;
19212
+ height: 28px;
19232
19213
  }
19233
19214
 
19234
- .k-maskedtextbox[dir="rtl"],
19235
- .k-rtl .k-maskedtextbox {
19236
- text-align: right;
19215
+ .k-maskedtextbox {
19216
+ border-color: #cacaca;
19217
+ color: #272727;
19218
+ background-color: #ffffff;
19237
19219
  }
19238
19220
 
19239
- .k-maskedtextbox[dir="rtl"] .k-i-warning,
19240
- .k-rtl .k-maskedtextbox .k-i-warning {
19241
- right: auto;
19242
- left: 8px;
19221
+ .k-maskedtextbox:hover, .k-maskedtextbox.k-state-hover {
19222
+ border-color: #bababa;
19243
19223
  }
19244
19224
 
19245
- .k-maskedtextbox ::-ms-clear {
19246
- display: none;
19225
+ .k-maskedtextbox:focus, .k-maskedtextbox.k-state-focus {
19226
+ border-color: rgba(0, 0, 0, 0.1);
19227
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
19247
19228
  }
19248
19229
 
19249
- .k-maskedtextbox .k-i-warning {
19250
- color: #d92800;
19230
+ .k-maskedtextbox:focus-within {
19231
+ border-color: rgba(0, 0, 0, 0.1);
19232
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
19251
19233
  }
19252
19234
 
19253
- .k-maskedtextbox.k-state-invalid .k-textbox, .k-maskedtextbox.ng-invalid.ng-touched .k-textbox, .k-maskedtextbox.ng-invalid.ng-dirty .k-textbox {
19235
+ .k-maskedtextbox.k-invalid, .k-maskedtextbox.ng-invalid, .k-maskedtextbox.k-state-invalid {
19254
19236
  border-color: rgba(217, 40, 0, 0.5);
19255
19237
  }
19256
19238
 
19257
- .k-maskedtextbox.k-state-invalid .k-input-validation-icon, .k-maskedtextbox.ng-invalid.ng-touched .k-input-validation-icon, .k-maskedtextbox.ng-invalid.ng-dirty .k-input-validation-icon {
19239
+ .k-maskedtextbox.k-invalid .k-input-validation-icon, .k-maskedtextbox.ng-invalid .k-input-validation-icon, .k-maskedtextbox.k-state-invalid .k-input-validation-icon {
19258
19240
  color: #d92800;
19259
19241
  }
19260
19242
 
@@ -20216,6 +20198,18 @@ select.k-dropdown:focus, select.k-dropdowntree:focus {
20216
20198
  display: inline-block;
20217
20199
  }
20218
20200
 
20201
+ .k-appbar .k-textbox,
20202
+ .k-appbar .k-combobox,
20203
+ .k-appbar .k-dropdown,
20204
+ .k-appbar .k-dropdowntree,
20205
+ .k-appbar .k-searchbox,
20206
+ .k-appbar .k-numerictextbox,
20207
+ .k-appbar .k-datepicker,
20208
+ .k-appbar .k-timepicker,
20209
+ .k-appbar .k-datetimepicker {
20210
+ width: 10em;
20211
+ }
20212
+
20219
20213
  .k-appbar-static {
20220
20214
  position: static;
20221
20215
  }
@@ -25825,7 +25819,7 @@ kendo-card-footer {
25825
25819
  }
25826
25820
 
25827
25821
  .k-grid-search {
25828
- width: 12.4em;
25822
+ width: 200px;
25829
25823
  }
25830
25824
 
25831
25825
  .k-grouping-header {
@@ -26132,7 +26126,6 @@ div.k-grid-footer {
26132
26126
  }
26133
26127
 
26134
26128
  .k-grid-columnmenu-popup.k-popup {
26135
- padding: 2px 0;
26136
26129
  }
26137
26130
 
26138
26131
  .k-filter-row {
@@ -26616,14 +26609,14 @@ div.k-grid-norecords {
26616
26609
  .k-grid-filter-popup.k-popup .k-multicheck-wrap .k-item,
26617
26610
  .k-popup .k-filter-menu .k-multicheck-wrap .k-item,
26618
26611
  .k-popup .k-grid-filter-popup .k-multicheck-wrap .k-item {
26619
- padding: 2px 0;
26612
+ padding: 4px 0;
26620
26613
  }
26621
26614
 
26622
26615
  .k-filter-menu.k-popup .k-multicheck-wrap .k-check-all-wrap,
26623
26616
  .k-grid-filter-popup.k-popup .k-multicheck-wrap .k-check-all-wrap,
26624
26617
  .k-popup .k-filter-menu .k-multicheck-wrap .k-check-all-wrap,
26625
26618
  .k-popup .k-grid-filter-popup .k-multicheck-wrap .k-check-all-wrap {
26626
- padding-bottom: 4px;
26619
+ padding-bottom: 8px;
26627
26620
  border-bottom-width: 1px;
26628
26621
  border-bottom-style: solid;
26629
26622
  }
@@ -26713,7 +26706,7 @@ div.k-grid-norecords {
26713
26706
 
26714
26707
  .k-column-chooser-title,
26715
26708
  .k-column-list-item {
26716
- padding: 2px 8px;
26709
+ padding: 4px 8px;
26717
26710
  }
26718
26711
 
26719
26712
  .k-column-list-item {
@@ -27450,18 +27443,12 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
27450
27443
  min-width: 1.4285714286em;
27451
27444
  }
27452
27445
 
27453
- .k-spreadsheet-toolbar [data-tool="fontSize"] {
27446
+ .k-spreadsheet-toolbar .k-combobox,
27447
+ .k-spreadsheet-toolbar .k-dropdown,
27448
+ .k-spreadsheet-toolbar .k-dropdowntree {
27454
27449
  width: 5em;
27455
27450
  }
27456
27451
 
27457
- .k-spreadsheet-toolbar [data-tool="fontFamily"] {
27458
- width: 6em;
27459
- }
27460
-
27461
- .k-spreadsheet-toolbar [data-tool="format"] {
27462
- width: 4em;
27463
- }
27464
-
27465
27452
  .k-spreadsheet-action-bar {
27466
27453
  border-width: 0 0 1px;
27467
27454
  border-style: solid;
@@ -30209,6 +30196,7 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
30209
30196
  background: transparent;
30210
30197
  }
30211
30198
 
30199
+ .k-editor-toolbar,
30212
30200
  .k-editor > .k-toolbar {
30213
30201
  border-width: 0 0 1px 0;
30214
30202
  flex-shrink: 0;
@@ -30236,7 +30224,7 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
30236
30224
  visibility: hidden;
30237
30225
  }
30238
30226
 
30239
- .k-editor-toolbar .k-overflow-anchor {
30227
+ .k-editor-toolbar .k-overflow-tools .k-overflow-anchor {
30240
30228
  border-width: 0;
30241
30229
  padding: 8px;
30242
30230
  width: calc(1.4285714286em + 26px);
@@ -30353,14 +30341,6 @@ td.k-editor-content {
30353
30341
  display: none;
30354
30342
  }
30355
30343
 
30356
- .k-rtl .k-editor .k-editor-widget .k-dropdown-wrap {
30357
- padding-left: 0;
30358
- }
30359
-
30360
- .k-rtl .k-editor .k-editor-widget .k-dropdown-wrap .k-select {
30361
- border-width: 0;
30362
- }
30363
-
30364
30344
  .k-editor-find-replace .k-content {
30365
30345
  position: relative;
30366
30346
  }
@@ -30858,18 +30838,17 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
30858
30838
  }
30859
30839
 
30860
30840
  .k-imageeditor-action-pane {
30841
+ padding: 32px 16px;
30842
+ width: 241px;
30861
30843
  border-width: 0;
30862
30844
  border-left-width: 1px;
30863
30845
  border-style: solid;
30864
30846
  border-color: inherit;
30865
- flex-shrink: 0;
30847
+ box-sizing: border-box;
30848
+ flex: none;
30866
30849
  overflow-y: auto;
30867
30850
  }
30868
30851
 
30869
- .k-imageeditor-action-pane > .k-form {
30870
- padding: 32px 16px;
30871
- }
30872
-
30873
30852
  .k-imageeditor-crop-overlay {
30874
30853
  width: 100%;
30875
30854
  height: 100%;
@@ -30948,10 +30927,6 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
30948
30927
  align-self: flex-start;
30949
30928
  }
30950
30929
 
30951
- .k-ie .k-imageeditor-action-pane {
30952
- flex: 0 0 auto;
30953
- }
30954
-
30955
30930
  .k-imageeditor {
30956
30931
  border-color: #cacaca;
30957
30932
  color: #272727;
@@ -33090,7 +33065,7 @@ kendo-scheduler .k-recurrence-editor {
33090
33065
  .k-scheduler-edit-form .k-widget.k-recur-month,
33091
33066
  .k-scheduler-edit-form .k-widget.k-recur-weekday,
33092
33067
  .k-scheduler-edit-form .k-widget.k-recur-weekday-offset {
33093
- width: 9em;
33068
+ width: 10em;
33094
33069
  }
33095
33070
 
33096
33071
  .k-rtl .k-scheduler-header th,
@@ -34077,6 +34052,10 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
34077
34052
  box-shadow: none;
34078
34053
  }
34079
34054
 
34055
+ .k-mediaplayer-toolbar .k-dropdown, .k-mediaplayer-toolbar .k-dropdowntree {
34056
+ width: auto;
34057
+ }
34058
+
34080
34059
  .k-mediaplayer-time-wrap {
34081
34060
  flex: 1;
34082
34061
  }
@@ -35895,39 +35874,36 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
35895
35874
  }
35896
35875
 
35897
35876
  .k-navigator .k-button {
35898
- margin: 0;
35899
35877
  padding: 0;
35900
35878
  width: auto;
35901
35879
  height: auto;
35902
- border-radius: 100%;
35903
35880
  line-height: 1;
35904
35881
  box-shadow: none;
35905
35882
  position: absolute;
35906
35883
  }
35907
35884
 
35908
- .k-navigator .k-button:not(:hover) {
35909
- border-color: transparent;
35910
- background: none;
35911
- }
35912
-
35885
+ .k-navigator .k-navigator-n,
35913
35886
  .k-navigator .k-navigator-up {
35914
35887
  transform: translateX(-50%);
35915
35888
  top: 2px;
35916
35889
  left: 50%;
35917
35890
  }
35918
35891
 
35892
+ .k-navigator .k-navigator-e,
35919
35893
  .k-navigator .k-navigator-right {
35920
35894
  transform: translateY(-50%);
35921
35895
  right: 2px;
35922
35896
  top: 50%;
35923
35897
  }
35924
35898
 
35899
+ .k-navigator .k-navigator-s,
35925
35900
  .k-navigator .k-navigator-down {
35926
35901
  transform: translateX(-50%);
35927
35902
  bottom: 2px;
35928
35903
  left: 50%;
35929
35904
  }
35930
35905
 
35906
+ .k-navigator .k-navigator-w,
35931
35907
  .k-navigator .k-navigator-left {
35932
35908
  transform: translateY(-50%);
35933
35909
  left: 2px;