@progress/kendo-theme-bootstrap 4.41.2-dev.0 → 4.41.3-dev.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/dist/all.css +95 -123
  2. package/dist/all.scss +90 -115
  3. package/lib/swatches/bootstrap-3-dark.json +1 -1
  4. package/lib/swatches/bootstrap-main-dark.json +3 -3
  5. package/lib/swatches/bootstrap-nordic.json +4 -4
  6. package/lib/swatches/bootstrap-urban.json +3 -3
  7. package/lib/swatches/bootstrap-vintage.json +3 -3
  8. package/modules/@progress/kendo-theme-default/lib/swatches/default-main-dark.json +4 -4
  9. package/modules/@progress/kendo-theme-default/package.json +2 -6
  10. package/modules/@progress/kendo-theme-default/scss/_variables.scss +1 -1
  11. package/modules/@progress/kendo-theme-default/scss/button/_layout.scss +2 -2
  12. package/modules/@progress/kendo-theme-default/scss/button/_theme.scss +1 -1
  13. package/modules/@progress/kendo-theme-default/scss/button/_variables.scss +2 -2
  14. package/modules/@progress/kendo-theme-default/scss/chat/_layout.scss +5 -0
  15. package/modules/@progress/kendo-theme-default/scss/chat/_theme.scss +3 -0
  16. package/modules/@progress/kendo-theme-default/scss/common/_selection.scss +2 -0
  17. package/modules/@progress/kendo-theme-default/scss/dataviz/_layout.scss +1 -15
  18. package/modules/@progress/kendo-theme-default/scss/dataviz/_theme.scss +2 -10
  19. package/modules/@progress/kendo-theme-default/scss/dataviz/_variables.scss +12 -13
  20. package/modules/@progress/kendo-theme-default/scss/datetime/_layout.scss +0 -17
  21. package/modules/@progress/kendo-theme-default/scss/input/_variables.scss +2 -2
  22. package/modules/@progress/kendo-theme-default/scss/maskedtextbox/_layout.scss +0 -5
  23. package/modules/@progress/kendo-theme-default/scss/notification/_layout.scss +2 -2
  24. package/modules/@progress/kendo-theme-default/scss/numerictextbox/_theme.scss +4 -0
  25. package/modules/@progress/kendo-theme-default/scss/pager/_theme.scss +2 -1
  26. package/modules/@progress/kendo-theme-default/scss/pivotgrid/_layout.scss +3 -3
  27. package/modules/@progress/kendo-theme-default/scss/popover/_layout.scss +1 -0
  28. package/modules/@progress/kendo-theme-default/scss/skeleton/_variables.scss +1 -1
  29. package/modules/@progress/kendo-theme-default/scss/spreadsheet/_layout.scss +12 -15
  30. package/modules/@progress/kendo-theme-default/scss/tabstrip/_layout.scss +15 -18
  31. package/modules/@progress/kendo-theme-default/scss/textarea/_variables.scss +1 -1
  32. package/package.json +4 -8
  33. package/scss/_bootstrap-overrides.scss +10 -0
  34. package/scss/_variables.scss +2 -2
  35. package/scss/button/_variables.scss +2 -2
  36. package/scss/dataviz/_variables.scss +10 -13
  37. package/scss/grid/_variables.scss +4 -4
  38. package/scss/input/_variables.scss +1 -1
  39. package/scss/popover/_variables.scss +2 -0
  40. package/scss/skeleton/_variables.scss +1 -1
  41. package/scss/taskboard/_variables.scss +2 -2
  42. package/scss/textarea/_variables.scss +1 -1
package/dist/all.css CHANGED
@@ -10996,14 +10996,14 @@ kendo-badge-container {
10996
10996
  }
10997
10997
 
10998
10998
  .k-rtl .k-split-button > .k-button:first-child {
10999
- border-top-left-radius: 0.25rem;
11000
- border-bottom-left-radius: 0.25rem;
10999
+ border-top-right-radius: 0.25rem;
11000
+ border-bottom-right-radius: 0.25rem;
11001
11001
  }
11002
11002
 
11003
11003
  .k-rtl .k-split-button > .k-split-button-arrow,
11004
11004
  .k-rtl .k-split-button > .k-button:last-child {
11005
- border-top-right-radius: 0.25rem;
11006
- border-bottom-right-radius: 0.25rem;
11005
+ border-top-left-radius: 0.25rem;
11006
+ border-bottom-left-radius: 0.25rem;
11007
11007
  }
11008
11008
 
11009
11009
  .k-button-overlay, .k-button::before {
@@ -11249,15 +11249,15 @@ kendo-badge-container {
11249
11249
  }
11250
11250
 
11251
11251
  .k-button-clear {
11252
- color: #6c757d;
11252
+ color: inherit;
11253
11253
  }
11254
11254
 
11255
11255
  .k-button-clear:hover, .k-button-clear.k-state-hover, .k-button-clear:active, .k-button-clear.k-state-active, .k-button-clear.k-state-selected, .k-button-clear:focus, .k-button-clear.k-state-focus, .k-button-clear.k-state-focused {
11256
- color: #212529;
11256
+ color: inherit;
11257
11257
  }
11258
11258
 
11259
11259
  .k-button-clear:focus::after, .k-button-clear.k-state-focus::after, .k-button-clear.k-state-focused::after, .k-button-clear.k-state-focused:active::after {
11260
- background-color: #6c757d;
11260
+ background-color: currentColor;
11261
11261
  opacity: 0.1;
11262
11262
  display: block;
11263
11263
  }
@@ -11507,7 +11507,7 @@ kendo-badge-container {
11507
11507
 
11508
11508
  .k-input-prefix .k-clear-value,
11509
11509
  .k-input-suffix .k-clear-value {
11510
- color: #6c757d;
11510
+ color: inherit;
11511
11511
  }
11512
11512
 
11513
11513
  .k-input-prefix > .k-clear-value.k-state-focused::after, .k-input-prefix > .k-clear-value:focus::after,
@@ -11518,7 +11518,7 @@ kendo-badge-container {
11518
11518
  }
11519
11519
 
11520
11520
  .k-input-separator {
11521
- border-color: #6c757d;
11521
+ border-color: #495057;
11522
11522
  opacity: 0.5;
11523
11523
  }
11524
11524
 
@@ -14928,7 +14928,7 @@ input.k-textbox {
14928
14928
  }
14929
14929
 
14930
14930
  .k-textbox .k-textbox-separator {
14931
- border-color: #6c757d;
14931
+ border-color: #495057;
14932
14932
  opacity: 0.5;
14933
14933
  }
14934
14934
 
@@ -14951,11 +14951,11 @@ input.k-textbox {
14951
14951
  }
14952
14952
 
14953
14953
  .k-textbox.k-invalid:focus, .k-textbox.k-invalid.k-state-focus, .k-textbox.k-invalid.k-state-focused, .k-textbox.k-state-invalid:focus, .k-textbox.k-state-invalid.k-state-focus, .k-textbox.k-state-invalid.k-state-focused, .k-textbox.ng-invalid.ng-touched:focus, .k-textbox.ng-invalid.ng-touched.k-state-focus, .k-textbox.ng-invalid.ng-touched.k-state-focused, .k-textbox.ng-invalid.ng-dirty:focus, .k-textbox.ng-invalid.ng-dirty.k-state-focus, .k-textbox.ng-invalid.ng-dirty.k-state-focused {
14954
- box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
14954
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
14955
14955
  }
14956
14956
 
14957
14957
  .k-textbox.k-invalid:focus-within, .k-textbox.k-state-invalid:focus-within, .k-textbox.ng-invalid.ng-touched:focus-within, .k-textbox.ng-invalid.ng-dirty:focus-within {
14958
- box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
14958
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
14959
14959
  }
14960
14960
 
14961
14961
  .k-textarea {
@@ -15074,11 +15074,11 @@ textarea.k-textarea {
15074
15074
  }
15075
15075
 
15076
15076
  .k-textarea.k-invalid:focus, .k-textarea.k-invalid.k-state-focus, .k-textarea.k-invalid.k-state-focused, .k-textarea.k-state-invalid:focus, .k-textarea.k-state-invalid.k-state-focus, .k-textarea.k-state-invalid.k-state-focused, .k-textarea.ng-invalid.ng-touched:focus, .k-textarea.ng-invalid.ng-touched.k-state-focus, .k-textarea.ng-invalid.ng-touched.k-state-focused, .k-textarea.ng-invalid.ng-dirty:focus, .k-textarea.ng-invalid.ng-dirty.k-state-focus, .k-textarea.ng-invalid.ng-dirty.k-state-focused {
15077
- box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
15077
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
15078
15078
  }
15079
15079
 
15080
15080
  .k-textarea.k-invalid:focus-within, .k-textarea.k-state-invalid:focus-within, .k-textarea.ng-invalid.ng-touched:focus-within, .k-textarea.ng-invalid.ng-dirty:focus-within {
15081
- box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
15081
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
15082
15082
  }
15083
15083
 
15084
15084
  .k-tooltip {
@@ -15980,7 +15980,7 @@ textarea.k-textarea {
15980
15980
  .k-autocomplete.ng-invalid.ng-touched.k-state-focus,
15981
15981
  .k-autocomplete.ng-invalid.ng-dirty.k-state-focused,
15982
15982
  .k-autocomplete.ng-invalid.ng-dirty.k-state-focus {
15983
- box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
15983
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
15984
15984
  }
15985
15985
 
15986
15986
  .k-autocomplete.k-header.k-invalid:focus-within, .k-autocomplete.k-header.k-state-invalid:focus-within, .k-autocomplete.k-header.ng-invalid.ng-touched:focus-within, .k-autocomplete.k-header.ng-invalid.ng-dirty:focus-within,
@@ -15988,7 +15988,7 @@ textarea.k-textarea {
15988
15988
  .k-autocomplete.k-state-invalid:focus-within,
15989
15989
  .k-autocomplete.ng-invalid.ng-touched:focus-within,
15990
15990
  .k-autocomplete.ng-invalid.ng-dirty:focus-within {
15991
- box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
15991
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
15992
15992
  }
15993
15993
 
15994
15994
  .k-numerictextbox {
@@ -16104,6 +16104,10 @@ textarea.k-textarea {
16104
16104
  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;
16105
16105
  }
16106
16106
 
16107
+ .k-numerictextbox .k-i-warning {
16108
+ color: #dc3545;
16109
+ }
16110
+
16107
16111
  .k-numerictextbox .k-numeric-wrap {
16108
16112
  border-color: #ced4da;
16109
16113
  color: #495057;
@@ -16122,7 +16126,7 @@ textarea.k-textarea {
16122
16126
  }
16123
16127
 
16124
16128
  .k-numerictextbox .k-numeric-wrap.k-invalid:focus, .k-numerictextbox .k-numeric-wrap.k-invalid.k-state-focused, .k-numerictextbox .k-numeric-wrap.k-invalid:hover:focus, .k-numerictextbox .k-numeric-wrap.k-invalid:hover.k-state-focused, .k-numerictextbox .k-numeric-wrap.k-state-invalid:focus, .k-numerictextbox .k-numeric-wrap.k-state-invalid.k-state-focused {
16125
- box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
16129
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
16126
16130
  }
16127
16131
 
16128
16132
  .k-numerictextbox .k-select {
@@ -16149,7 +16153,7 @@ textarea.k-textarea {
16149
16153
  }
16150
16154
 
16151
16155
  .k-numerictextbox.k-state-invalid .k-numeric-wrap.k-state-focused, .k-numerictextbox.ng-invalid.ng-touched .k-numeric-wrap.k-state-focused, .k-numerictextbox.ng-invalid.ng-dirty .k-numeric-wrap.k-state-focused {
16152
- box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
16156
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
16153
16157
  }
16154
16158
 
16155
16159
  .k-slider {
@@ -17319,7 +17323,7 @@ textarea.k-textarea {
17319
17323
  }
17320
17324
 
17321
17325
  .k-colorpicker .k-picker-wrap.k-invalid:focus, .k-colorpicker .k-picker-wrap.k-invalid.k-state-focused, .k-colorpicker .k-picker-wrap.k-invalid:hover:focus, .k-colorpicker .k-picker-wrap.k-invalid:hover.k-state-focused, .k-colorpicker .k-picker-wrap.k-state-invalid:focus, .k-colorpicker .k-picker-wrap.k-state-invalid.k-state-focused {
17322
- box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
17326
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
17323
17327
  }
17324
17328
 
17325
17329
  .k-colorpicker > :hover,
@@ -17339,7 +17343,7 @@ textarea.k-textarea {
17339
17343
  }
17340
17344
 
17341
17345
  .k-colorpicker.k-state-invalid .k-picker-wrap.k-state-focused, .k-colorpicker.ng-invalid.ng-touched .k-picker-wrap.k-state-focused, .k-colorpicker.ng-invalid.ng-dirty .k-picker-wrap.k-state-focused {
17342
- box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
17346
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
17343
17347
  }
17344
17348
 
17345
17349
  .k-flatcolorpicker {
@@ -17519,7 +17523,7 @@ textarea.k-textarea {
17519
17523
  }
17520
17524
 
17521
17525
  .k-combobox .k-dropdown-wrap.k-invalid:focus, .k-combobox .k-dropdown-wrap.k-invalid.k-state-focused, .k-combobox .k-dropdown-wrap.k-invalid:hover:focus, .k-combobox .k-dropdown-wrap.k-invalid:hover.k-state-focused, .k-combobox .k-dropdown-wrap.k-state-invalid:focus, .k-combobox .k-dropdown-wrap.k-state-invalid.k-state-focused {
17522
- box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
17526
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
17523
17527
  }
17524
17528
 
17525
17529
  .k-combobox .k-select {
@@ -17551,7 +17555,7 @@ textarea.k-textarea {
17551
17555
  }
17552
17556
 
17553
17557
  .k-combobox.k-state-invalid .k-dropdown-wrap:focus, .k-combobox.k-state-invalid .k-dropdown-wrap.k-state-focused, .k-combobox.ng-invalid.ng-touched .k-dropdown-wrap:focus, .k-combobox.ng-invalid.ng-touched .k-dropdown-wrap.k-state-focused, .k-combobox.ng-invalid.ng-dirty .k-dropdown-wrap:focus, .k-combobox.ng-invalid.ng-dirty .k-dropdown-wrap.k-state-focused {
17554
- box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
17558
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
17555
17559
  }
17556
17560
 
17557
17561
  .k-combobox.k-state-focus .k-dropdown-wrap {
@@ -17566,7 +17570,7 @@ textarea.k-textarea {
17566
17570
  }
17567
17571
 
17568
17572
  .k-combobox.k-invalid.k-state-focus .k-dropdown-wrap {
17569
- box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
17573
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
17570
17574
  }
17571
17575
 
17572
17576
  .k-calendar {
@@ -18271,7 +18275,6 @@ textarea.k-textarea {
18271
18275
  }
18272
18276
 
18273
18277
  .k-dateinput .k-i-warning {
18274
- display: none;
18275
18278
  position: absolute;
18276
18279
  right: 1rem;
18277
18280
  top: 50%;
@@ -18280,11 +18283,6 @@ textarea.k-textarea {
18280
18283
  overflow: visible;
18281
18284
  }
18282
18285
 
18283
- .k-dateinput.k-invalid .k-i-warning,
18284
- .k-dateinput.k-state-invalid .k-i-warning {
18285
- display: inline-block;
18286
- }
18287
-
18288
18286
  .k-rtl .k-dateinput, .k-dateinput[dir="rtl"] {
18289
18287
  text-align: right;
18290
18288
  }
@@ -18376,7 +18374,6 @@ textarea.k-textarea {
18376
18374
 
18377
18375
  .k-datepicker .k-i-warning,
18378
18376
  .k-timepicker .k-i-warning {
18379
- display: none;
18380
18377
  position: absolute;
18381
18378
  top: 50%;
18382
18379
  right: calc(1.5em + 1.25rem);
@@ -18385,11 +18382,6 @@ textarea.k-textarea {
18385
18382
  overflow: visible;
18386
18383
  }
18387
18384
 
18388
- .k-datepicker .k-state-invalid .k-i-warning,
18389
- .k-timepicker .k-state-invalid .k-i-warning {
18390
- display: inline-block;
18391
- }
18392
-
18393
18385
  .k-rtl .k-datepicker, .k-datepicker[dir="rtl"], .k-rtl
18394
18386
  .k-timepicker,
18395
18387
  .k-timepicker[dir="rtl"] {
@@ -18480,7 +18472,6 @@ textarea.k-textarea {
18480
18472
  }
18481
18473
 
18482
18474
  .k-datetimepicker .k-i-warning {
18483
- display: none;
18484
18475
  position: absolute;
18485
18476
  top: 50%;
18486
18477
  right: calc(3em + 2rem);
@@ -18489,10 +18480,6 @@ textarea.k-textarea {
18489
18480
  overflow: visible;
18490
18481
  }
18491
18482
 
18492
- .k-datetimepicker .k-state-invalid .k-i-warning {
18493
- display: inline-block;
18494
- }
18495
-
18496
18483
  .k-rtl .k-datetimepicker, .k-datetimepicker[dir="rtl"] {
18497
18484
  text-align: right;
18498
18485
  }
@@ -18882,7 +18869,7 @@ textarea.k-textarea {
18882
18869
  .k-timepicker .k-picker-wrap.k-invalid.k-state-focused,
18883
18870
  .k-timepicker .k-picker-wrap.k-state-invalid:focus,
18884
18871
  .k-timepicker .k-picker-wrap.k-state-invalid.k-state-focused {
18885
- box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
18872
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
18886
18873
  }
18887
18874
 
18888
18875
  .k-datepicker.k-state-invalid .k-picker-wrap, .k-datepicker.ng-invalid.ng-touched .k-picker-wrap, .k-datepicker.ng-invalid.ng-dirty .k-picker-wrap,
@@ -18908,7 +18895,7 @@ textarea.k-textarea {
18908
18895
  .k-timepicker.ng-invalid.ng-touched .k-picker-wrap.k-state-focused,
18909
18896
  .k-timepicker.ng-invalid.ng-dirty .k-picker-wrap:focus,
18910
18897
  .k-timepicker.ng-invalid.ng-dirty .k-picker-wrap.k-state-focused {
18911
- box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
18898
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
18912
18899
  }
18913
18900
 
18914
18901
  .k-dateinput .k-dateinput-wrap.k-invalid, .k-dateinput .k-dateinput-wrap.k-state-invalid {
@@ -18916,7 +18903,7 @@ textarea.k-textarea {
18916
18903
  }
18917
18904
 
18918
18905
  .k-dateinput .k-dateinput-wrap.k-invalid:focus, .k-dateinput .k-dateinput-wrap.k-invalid.k-state-focused, .k-dateinput .k-dateinput-wrap.k-state-invalid:focus, .k-dateinput .k-dateinput-wrap.k-state-invalid.k-state-focused {
18919
- box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
18906
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
18920
18907
  }
18921
18908
 
18922
18909
  .k-dateinput.k-state-invalid .k-dateinput-wrap, .k-dateinput.ng-invalid.ng-touched .k-dateinput-wrap, .k-dateinput.ng-invalid.ng-dirty .k-dateinput-wrap {
@@ -18924,7 +18911,7 @@ textarea.k-textarea {
18924
18911
  }
18925
18912
 
18926
18913
  .k-dateinput.k-state-invalid .k-dateinput-wrap:focus, .k-dateinput.k-state-invalid .k-dateinput-wrap.k-state-focused, .k-dateinput.ng-invalid.ng-touched .k-dateinput-wrap:focus, .k-dateinput.ng-invalid.ng-touched .k-dateinput-wrap.k-state-focused, .k-dateinput.ng-invalid.ng-dirty .k-dateinput-wrap:focus, .k-dateinput.ng-invalid.ng-dirty .k-dateinput-wrap.k-state-focused {
18927
- box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
18914
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
18928
18915
  }
18929
18916
 
18930
18917
  .k-datepicker.k-state-focus .k-picker-wrap {
@@ -18939,7 +18926,7 @@ textarea.k-textarea {
18939
18926
  }
18940
18927
 
18941
18928
  .k-datepicker.k-invalid.k-state-focus .k-picker-wrap {
18942
- box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
18929
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
18943
18930
  }
18944
18931
 
18945
18932
  .k-dateinput.k-state-focus .k-dateinput-wrap,
@@ -18957,7 +18944,7 @@ textarea.k-textarea {
18957
18944
 
18958
18945
  .k-dateinput.k-invalid.k-state-focus .k-dateinput-wrap,
18959
18946
  .k-daterangepicker.k-invalid.k-state-focus .k-dateinput-wrap {
18960
- box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
18947
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
18961
18948
  }
18962
18949
 
18963
18950
  .k-time-list::before, .k-time-list::after {
@@ -19383,7 +19370,7 @@ select.k-dropdown, select.k-dropdowntree {
19383
19370
  }
19384
19371
 
19385
19372
  .k-dropdown .k-dropdown-wrap.k-invalid:focus, .k-dropdowntree .k-dropdown-wrap.k-invalid:focus, .k-dropdown .k-dropdown-wrap.k-invalid.k-state-focused, .k-dropdowntree .k-dropdown-wrap.k-invalid.k-state-focused, .k-dropdown .k-dropdown-wrap.k-invalid:hover:focus, .k-dropdowntree .k-dropdown-wrap.k-invalid:hover:focus, .k-dropdown .k-dropdown-wrap.k-invalid:hover.k-state-focused, .k-dropdowntree .k-dropdown-wrap.k-invalid:hover.k-state-focused, .k-dropdown .k-dropdown-wrap.k-state-invalid:focus, .k-dropdowntree .k-dropdown-wrap.k-state-invalid:focus, .k-dropdown .k-dropdown-wrap.k-state-invalid.k-state-focused, .k-dropdowntree .k-dropdown-wrap.k-state-invalid.k-state-focused {
19386
- box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
19373
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
19387
19374
  }
19388
19375
 
19389
19376
  .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 {
@@ -19391,7 +19378,7 @@ select.k-dropdown, select.k-dropdowntree {
19391
19378
  }
19392
19379
 
19393
19380
  .k-dropdown.k-state-invalid > .k-dropdown-wrap:focus, .k-state-invalid.k-dropdowntree > .k-dropdown-wrap:focus, .k-dropdown.k-state-invalid > .k-dropdown-wrap.k-state-focused, .k-state-invalid.k-dropdowntree > .k-dropdown-wrap.k-state-focused, .k-dropdown.ng-invalid.ng-touched > .k-dropdown-wrap:focus, .ng-invalid.ng-touched.k-dropdowntree > .k-dropdown-wrap:focus, .k-dropdown.ng-invalid.ng-touched > .k-dropdown-wrap.k-state-focused, .ng-invalid.ng-touched.k-dropdowntree > .k-dropdown-wrap.k-state-focused, .k-dropdown.ng-invalid.ng-dirty > .k-dropdown-wrap:focus, .ng-invalid.ng-dirty.k-dropdowntree > .k-dropdown-wrap:focus, .k-dropdown.ng-invalid.ng-dirty > .k-dropdown-wrap.k-state-focused, .ng-invalid.ng-dirty.k-dropdowntree > .k-dropdown-wrap.k-state-focused {
19394
- box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
19381
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
19395
19382
  }
19396
19383
 
19397
19384
  select.k-dropdown, select.k-dropdowntree {
@@ -19646,11 +19633,11 @@ select.k-dropdown:focus, select.k-dropdowntree:focus {
19646
19633
  }
19647
19634
 
19648
19635
  .k-multiselect.k-state-focused > .k-multiselect-wrap.k-invalid, .k-state-focused.k-dropdowntree > .k-multiselect-wrap.k-invalid, .k-multiselect.k-state-focused > .k-multiselect-wrap.k-invalid:hover, .k-state-focused.k-dropdowntree > .k-multiselect-wrap.k-invalid:hover, .k-multiselect.k-state-focused > .k-multiselect-wrap.k-state-invalid, .k-state-focused.k-dropdowntree > .k-multiselect-wrap.k-state-invalid {
19649
- box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
19636
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
19650
19637
  }
19651
19638
 
19652
19639
  .k-multiselect.k-state-focused.k-state-invalid .k-multiselect-wrap, .k-state-focused.k-state-invalid.k-dropdowntree .k-multiselect-wrap, .k-multiselect.k-state-focused.ng-invalid.ng-touched .k-multiselect-wrap, .k-state-focused.ng-invalid.ng-touched.k-dropdowntree .k-multiselect-wrap, .k-multiselect.k-state-focused.ng-invalid.ng-dirty .k-multiselect-wrap, .k-state-focused.ng-invalid.ng-dirty.k-dropdowntree .k-multiselect-wrap {
19653
- box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
19640
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
19654
19641
  }
19655
19642
 
19656
19643
  .k-multiselect .k-multiselect-wrap, .k-dropdowntree .k-multiselect-wrap {
@@ -19706,7 +19693,7 @@ select.k-dropdown:focus, select.k-dropdowntree:focus {
19706
19693
  }
19707
19694
 
19708
19695
  .k-multiselect.k-invalid.k-state-focus .k-multiselect-wrap, .k-invalid.k-state-focus.k-dropdowntree .k-multiselect-wrap {
19709
- box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
19696
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
19710
19697
  }
19711
19698
 
19712
19699
  .k-treeview {
@@ -19991,12 +19978,7 @@ select.k-dropdown:focus, select.k-dropdowntree:focus {
19991
19978
  transition: none;
19992
19979
  }
19993
19980
 
19994
- .k-maskedtextbox > .k-textbox.k-state-invalid + .k-i-warning {
19995
- display: inline-block;
19996
- }
19997
-
19998
19981
  .k-maskedtextbox .k-i-warning {
19999
- display: none;
20000
19982
  position: absolute;
20001
19983
  top: 50%;
20002
19984
  -ms-transform: translateY(-50%);
@@ -20028,7 +20010,7 @@ select.k-dropdown:focus, select.k-dropdowntree:focus {
20028
20010
  }
20029
20011
 
20030
20012
  .k-maskedtextbox.k-state-invalid:focus .k-textbox, .k-maskedtextbox.k-state-invalid.k-state-focused .k-textbox, .k-maskedtextbox.ng-invalid.ng-touched:focus .k-textbox, .k-maskedtextbox.ng-invalid.ng-touched.k-state-focused .k-textbox, .k-maskedtextbox.ng-invalid.ng-dirty:focus .k-textbox, .k-maskedtextbox.ng-invalid.ng-dirty.k-state-focused .k-textbox {
20031
- box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
20013
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
20032
20014
  }
20033
20015
 
20034
20016
  .k-searchbox {
@@ -22168,15 +22150,15 @@ kendo-drawer .k-drawer-wrapper {
22168
22150
  .k-notification-wrap > .k-icon {
22169
22151
  margin-top: 3px;
22170
22152
  margin-right: 0.5rem;
22171
- -ms-flex: 0 0 auto;
22172
- flex: 0 0 auto;
22153
+ -ms-flex: none;
22154
+ flex: none;
22173
22155
  }
22174
22156
 
22175
22157
  .k-notification-wrap > .k-i-close {
22176
22158
  margin-right: 0;
22177
22159
  margin-left: 0.5rem;
22178
- -ms-flex: 0 0 auto;
22179
- flex: 0 0 auto;
22160
+ -ms-flex: none;
22161
+ flex: none;
22180
22162
  cursor: pointer;
22181
22163
  }
22182
22164
 
@@ -23099,6 +23081,7 @@ kendo-card-footer {
23099
23081
 
23100
23082
  .k-popover {
23101
23083
  border-radius: 0.3rem;
23084
+ padding: 0;
23102
23085
  border-width: 1px;
23103
23086
  border-style: solid;
23104
23087
  box-sizing: border-box;
@@ -23643,7 +23626,7 @@ kendo-card-footer {
23643
23626
  background-color: #f8f9fa;
23644
23627
  }
23645
23628
 
23646
- .k-pager-wrap:focus, .k-pager-wrap.k-focus, .k-pager-wrap.k-state-focus {
23629
+ .k-pager-wrap:focus, .k-pager-wrap.k-focus, .k-pager-wrap.k-state-focus, .k-pager-wrap.k-state-focused {
23647
23630
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.08);
23648
23631
  }
23649
23632
 
@@ -24607,6 +24590,8 @@ kendo-card-footer {
24607
24590
  border-width: 0;
24608
24591
  border-style: solid;
24609
24592
  border-color: inherit;
24593
+ position: relative;
24594
+ z-index: 2;
24610
24595
  }
24611
24596
 
24612
24597
  .k-tabstrip-items {
@@ -24617,7 +24602,6 @@ kendo-card-footer {
24617
24602
  flex-direction: row;
24618
24603
  -ms-flex: 0 0 auto;
24619
24604
  flex: 0 0 auto;
24620
- position: relative;
24621
24605
  }
24622
24606
 
24623
24607
  .k-tabstrip-items .k-item {
@@ -24672,6 +24656,8 @@ kendo-card-footer {
24672
24656
  overflow: auto;
24673
24657
  -ms-flex: 1 1 auto;
24674
24658
  flex: 1 1 auto;
24659
+ position: relative;
24660
+ z-index: 1;
24675
24661
  }
24676
24662
 
24677
24663
  .k-tabstrip-content.k-state-active,
@@ -24705,39 +24691,31 @@ kendo-card-footer {
24705
24691
  border-top-width: 0;
24706
24692
  }
24707
24693
 
24708
- .k-tabstrip.k-tabstrip-scrollable > .k-tabstrip-items-wrapper {
24709
- border-width: 0;
24710
- }
24711
-
24712
- .k-tabstrip.k-tabstrip-scrollable > .k-tabstrip-items-wrapper > .k-tabstrip-items {
24694
+ .k-tabstrip-scrollable > .k-tabstrip-items-wrapper > .k-tabstrip-items {
24713
24695
  -ms-flex: 1 1 auto;
24714
24696
  flex: 1 1 auto;
24715
24697
  white-space: nowrap;
24716
24698
  overflow: hidden;
24717
24699
  }
24718
24700
 
24719
- .k-tabstrip.k-tabstrip-scrollable > .k-tabstrip-items-wrapper > .k-button {
24701
+ .k-tabstrip-scrollable > .k-tabstrip-items-wrapper > .k-button {
24720
24702
  -ms-flex-negative: 0;
24721
24703
  flex-shrink: 0;
24722
24704
  -ms-flex-item-align: stretch;
24723
24705
  align-self: stretch;
24724
24706
  }
24725
24707
 
24726
- .k-tabstrip.k-tabstrip-scrollable > .k-tabstrip-items-wrapper.k-hstack > .k-button {
24708
+ .k-tabstrip-scrollable > .k-tabstrip-items-wrapper.k-hstack > .k-button {
24727
24709
  height: auto;
24728
24710
  }
24729
24711
 
24730
- .k-tabstrip.k-tabstrip-scrollable > .k-tabstrip-items-wrapper.k-vstack > .k-button {
24712
+ .k-tabstrip-scrollable > .k-tabstrip-items-wrapper.k-vstack > .k-button {
24731
24713
  width: auto;
24732
24714
  }
24733
24715
 
24734
- .k-tabstrip.k-tabstrip-scrollable > .k-content,
24735
- .k-tabstrip.k-tabstrip-scrollable > .k-tabstrip-content {
24736
- border-width: 1px;
24737
- }
24738
-
24739
24716
  .k-tabstrip-top > .k-tabstrip-items-wrapper {
24740
24717
  border-bottom-width: 1px;
24718
+ margin-bottom: -1px;
24741
24719
  }
24742
24720
 
24743
24721
  .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item {
@@ -24758,11 +24736,12 @@ kendo-card-footer {
24758
24736
  .k-tabstrip-top > .k-tabstrip-content {
24759
24737
  border-bottom-right-radius: 0.25rem;
24760
24738
  border-bottom-left-radius: 0.25rem;
24761
- border-top-width: 0;
24739
+ border-top-color: transparent !important;
24762
24740
  }
24763
24741
 
24764
24742
  .k-tabstrip-bottom > .k-tabstrip-items-wrapper {
24765
24743
  border-top-width: 1px;
24744
+ margin-top: -1px;
24766
24745
  }
24767
24746
 
24768
24747
  .k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item {
@@ -24783,7 +24762,7 @@ kendo-card-footer {
24783
24762
  .k-tabstrip-bottom > .k-tabstrip-content {
24784
24763
  border-top-left-radius: 0.25rem;
24785
24764
  border-top-right-radius: 0.25rem;
24786
- border-bottom-width: 0;
24765
+ border-bottom-color: transparent !important;
24787
24766
  }
24788
24767
 
24789
24768
  .k-tabstrip-left {
@@ -24793,6 +24772,7 @@ kendo-card-footer {
24793
24772
 
24794
24773
  .k-tabstrip-left > .k-tabstrip-items-wrapper {
24795
24774
  border-right-width: 1px;
24775
+ margin-right: -1px;
24796
24776
  }
24797
24777
 
24798
24778
  .k-tabstrip-left > .k-tabstrip-items-wrapper > .k-tabstrip-items {
@@ -24821,7 +24801,7 @@ kendo-card-footer {
24821
24801
  border-top-right-radius: 0.25rem;
24822
24802
  border-bottom-right-radius: 0.25rem;
24823
24803
  margin: 0 !important;
24824
- border-left-width: 0;
24804
+ border-left-color: transparent !important;
24825
24805
  }
24826
24806
 
24827
24807
  .k-tabstrip-right {
@@ -24831,6 +24811,7 @@ kendo-card-footer {
24831
24811
 
24832
24812
  .k-tabstrip-right > .k-tabstrip-items-wrapper {
24833
24813
  border-left-width: 1px;
24814
+ margin-left: -1px;
24834
24815
  }
24835
24816
 
24836
24817
  .k-tabstrip-right > .k-tabstrip-items-wrapper > .k-tabstrip-items {
@@ -24859,7 +24840,7 @@ kendo-card-footer {
24859
24840
  border-top-left-radius: 0.25rem;
24860
24841
  border-bottom-left-radius: 0.25rem;
24861
24842
  margin: 0 !important;
24862
- border-right-width: 0;
24843
+ border-right-color: transparent !important;
24863
24844
  }
24864
24845
 
24865
24846
  .k-rtl .k-tabstrip.k-tabstrip-left > .k-tabstrip-items-wrapper, .k-rtl .k-tabstrip.k-tabstrip-right > .k-tabstrip-items-wrapper,
@@ -27870,7 +27851,7 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
27870
27851
  -ms-flex-direction: row;
27871
27852
  flex-direction: row;
27872
27853
  position: absolute;
27873
- z-index: 1;
27854
+ z-index: 2;
27874
27855
  top: 0;
27875
27856
  left: 0;
27876
27857
  }
@@ -27884,6 +27865,12 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
27884
27865
 
27885
27866
  .k-spreadsheet-tabstrip {
27886
27867
  padding-top: 0.5rem;
27868
+ position: relative;
27869
+ z-index: 1;
27870
+ }
27871
+
27872
+ .k-spreadsheet-tabstrip .k-tabstrip-items-wrapper {
27873
+ margin: 0;
27887
27874
  }
27888
27875
 
27889
27876
  .k-spreadsheet-tabstrip .k-loading {
@@ -28046,7 +28033,7 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
28046
28033
  }
28047
28034
 
28048
28035
  .k-spreadsheet-sheets-bar {
28049
- padding: 0 0.5rem 0.5rem;
28036
+ padding: 0 0 0.25rem 0.25rem;
28050
28037
  border-width: 1px 0 0;
28051
28038
  border-style: solid;
28052
28039
  border-color: inherit;
@@ -28054,13 +28041,14 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
28054
28041
  display: flex;
28055
28042
  -ms-flex-direction: row;
28056
28043
  flex-direction: row;
28057
- -ms-flex-align: center;
28058
- align-items: center;
28044
+ -ms-flex-align: start;
28045
+ align-items: flex-start;
28059
28046
  position: relative;
28060
28047
  }
28061
28048
 
28062
28049
  .k-spreadsheet-sheets-bar-add {
28063
- margin-right: 0.5rem;
28050
+ -ms-flex-item-align: center;
28051
+ align-self: center;
28064
28052
  }
28065
28053
 
28066
28054
  .k-spreadsheet-sheets-bar-add:not(:hover) {
@@ -28070,25 +28058,16 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
28070
28058
  }
28071
28059
 
28072
28060
  .k-spreadsheet-sheets-items {
28073
- margin-top: -1px;
28074
28061
  -ms-flex: 1;
28075
28062
  flex: 1;
28076
28063
  overflow: hidden;
28077
28064
  }
28078
28065
 
28079
- .k-spreadsheet-sheets-items .k-tabstrip-items {
28080
- margin: 0 calc(1.5em + 0.75rem + 2px) !important;
28066
+ .k-spreadsheet-sheets-items .k-tabstrip-items-wrapper {
28067
+ margin: 0;
28081
28068
  border-width: 0;
28082
28069
  }
28083
28070
 
28084
- .k-spreadsheet-sheets-items .k-tabstrip-prev {
28085
- left: 0 !important;
28086
- }
28087
-
28088
- .k-spreadsheet-sheets-items .k-tabstrip-next {
28089
- right: 0 !important;
28090
- }
28091
-
28092
28071
  .k-spreadsheet-sheets-items .k-item .k-link {
28093
28072
  display: inline-block;
28094
28073
  }
@@ -28103,6 +28082,8 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
28103
28082
  -ms-flex-direction: row;
28104
28083
  flex-direction: row;
28105
28084
  vertical-align: middle;
28085
+ -ms-flex-item-align: center;
28086
+ align-self: center;
28106
28087
  }
28107
28088
 
28108
28089
  .k-spreadsheet-view {
@@ -29452,10 +29433,10 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
29452
29433
  }
29453
29434
 
29454
29435
  .k-pivot-toolbar {
29455
- border-bottom-width: 1px;
29456
- border-bottom-style: solid;
29436
+ border-width: 0 0 1px;
29437
+ border-style: solid;
29457
29438
  -ms-flex-align: start;
29458
- align-items: start;
29439
+ align-items: flex-start;
29459
29440
  -ms-flex-wrap: wrap;
29460
29441
  flex-wrap: wrap;
29461
29442
  }
@@ -30799,7 +30780,7 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
30799
30780
 
30800
30781
  .k-taskboard-drag-placeholder {
30801
30782
  border-color: #dee2e6;
30802
- background-color: rgba(255, 255, 255, 0.2);
30783
+ background-color: rgba(0, 0, 0, 0.1);
30803
30784
  }
30804
30785
 
30805
30786
  .k-editor {
@@ -34455,6 +34436,11 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
34455
34436
  word-wrap: break-word;
34456
34437
  }
34457
34438
 
34439
+ .k-chat .k-bubble a {
34440
+ color: inherit;
34441
+ text-decoration: underline;
34442
+ }
34443
+
34458
34444
  .k-chat .k-message.k-state-selected {
34459
34445
  margin-bottom: 16px;
34460
34446
  border: 0;
@@ -34879,6 +34865,14 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
34879
34865
  order: -1;
34880
34866
  }
34881
34867
 
34868
+ .k-chat .k-bubble a {
34869
+ color: #0d6efd;
34870
+ }
34871
+
34872
+ .k-chat .k-bubble a:hover {
34873
+ color: #0a58ca;
34874
+ }
34875
+
34882
34876
  .k-chat .k-bubble:hover {
34883
34877
  box-shadow: none;
34884
34878
  }
@@ -36258,20 +36252,6 @@ kendo-scrollview.k-scrollview-wrap.k-scrollview-light .k-scrollview-nav-wrap,
36258
36252
  height: 100%;
36259
36253
  }
36260
36254
 
36261
- .k-marquee {
36262
- position: absolute;
36263
- z-index: 100000;
36264
- }
36265
-
36266
- .k-marquee-color,
36267
- .k-marquee-text {
36268
- position: absolute;
36269
- top: 0;
36270
- left: 0;
36271
- width: 100%;
36272
- height: 100%;
36273
- }
36274
-
36275
36255
  .k-navigator-hint div {
36276
36256
  position: absolute;
36277
36257
  }
@@ -36744,7 +36724,7 @@ kendo-scrollview.k-scrollview-wrap.k-scrollview-light .k-scrollview-nav-wrap,
36744
36724
  }
36745
36725
 
36746
36726
  .k-chart-tooltip-inverse {
36747
- color: black;
36727
+ color: #000000;
36748
36728
  }
36749
36729
 
36750
36730
  .k-chart-crosshair-tooltip,
@@ -36784,14 +36764,6 @@ kendo-scrollview.k-scrollview-wrap.k-scrollview-light .k-scrollview-nav-wrap,
36784
36764
  opacity: .8;
36785
36765
  }
36786
36766
 
36787
- .k-marquee-color {
36788
- background-color: #0275d8;
36789
- }
36790
-
36791
- .k-marquee-color {
36792
- opacity: .6;
36793
- }
36794
-
36795
36767
  .k-treemap {
36796
36768
  border-color: #dee2e6;
36797
36769
  color: #212529;