@progress/kendo-theme-material 7.3.0-dev.0 → 7.3.0-dev.1

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
@@ -31285,18 +31285,6 @@ kendo-label > .k-label {
31285
31285
  display: inline-block;
31286
31286
  }
31287
31287
 
31288
- .k-input-label {
31289
- margin-right: 10px;
31290
- z-index: 1;
31291
- }
31292
-
31293
- .k-input-label:dir(rtl),
31294
- .k-rtl .k-input-label, .k-input-label.k-rtl,
31295
- [dir="rtl"] .k-input-label, .k-input-label[dir="rtl"] {
31296
- margin-right: 0;
31297
- margin-left: 10px;
31298
- }
31299
-
31300
31288
  .k-form {
31301
31289
  border: 0;
31302
31290
  }
@@ -32983,7 +32971,7 @@ select.k-picker-lg {
32983
32971
  box-sizing: border-box;
32984
32972
  }
32985
32973
 
32986
- .k-floating-label-container > .k-label {
32974
+ .k-floating-label-container > .k-floating-label {
32987
32975
  max-width: 90%;
32988
32976
  font-size: 16px;
32989
32977
  line-height: 1.25;
@@ -32998,26 +32986,21 @@ select.k-picker-lg {
32998
32986
  transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1), top 0.15s cubic-bezier(0.4, 0, 0.2, 1), left 0.15s cubic-bezier(0.4, 0, 0.2, 1);
32999
32987
  }
33000
32988
 
33001
- .k-floating-label-container > .k-widget {
33002
- flex: 1 1 auto;
33003
- width: auto;
33004
- }
33005
-
33006
- .k-floating-label-container.k-empty > .k-label {
32989
+ .k-floating-label-container.k-empty > .k-floating-label {
33007
32990
  top: var(--kendo-floating-label-offset-y, 29px);
33008
32991
  left: var(--kendo-floating-label-offset-x, 17px);
33009
32992
  transform: scale(1);
33010
32993
  pointer-events: none;
33011
32994
  }
33012
32995
 
33013
- .k-floating-label-container > .k-label,
33014
- .k-floating-label-container.k-focus > .k-label {
32996
+ .k-floating-label-container > .k-floating-label,
32997
+ .k-floating-label-container.k-focus > .k-floating-label {
33015
32998
  top: var(--kendo-floating-label-focus-offset-y, 0px);
33016
32999
  left: var(--kendo-floating-label-focus-offset-x, 0px);
33017
33000
  transform: scale(0.75);
33018
33001
  }
33019
33002
 
33020
- .k-floating-label-container:focus-within > .k-label {
33003
+ .k-floating-label-container:focus-within > .k-floating-label {
33021
33004
  top: var(--kendo-floating-label-focus-offset-y, 0px);
33022
33005
  left: var(--kendo-floating-label-focus-offset-x, 0px);
33023
33006
  transform: scale(0.75);
@@ -33031,60 +33014,60 @@ select.k-picker-lg {
33031
33014
  color: transparent;
33032
33015
  }
33033
33016
 
33034
- [dir="rtl"] .k-floating-label-container > .k-label,
33035
- .k-rtl .k-floating-label-container > .k-label, .k-floating-label-container[dir="rtl"] > .k-label {
33017
+ [dir="rtl"] .k-floating-label-container > .k-floating-label,
33018
+ .k-rtl .k-floating-label-container > .k-floating-label, .k-floating-label-container[dir="rtl"] > .k-floating-label {
33036
33019
  transform-origin: right center;
33037
33020
  transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1), top 0.15s cubic-bezier(0.4, 0, 0.2, 1), right 0.15s cubic-bezier(0.4, 0, 0.2, 1);
33038
33021
  }
33039
33022
 
33040
- [dir="rtl"] .k-floating-label-container.k-empty > .k-label,
33041
- .k-rtl .k-floating-label-container.k-empty > .k-label, .k-floating-label-container[dir="rtl"].k-empty > .k-label {
33023
+ [dir="rtl"] .k-floating-label-container.k-empty > .k-floating-label,
33024
+ .k-rtl .k-floating-label-container.k-empty > .k-floating-label, .k-floating-label-container[dir="rtl"].k-empty > .k-floating-label {
33042
33025
  left: auto;
33043
33026
  right: var(--kendo-floating-label-offset-x, 17px);
33044
33027
  }
33045
33028
 
33046
- [dir="rtl"] .k-floating-label-container > .k-label,
33047
- [dir="rtl"] .k-floating-label-container.k-focus > .k-label,
33048
- .k-rtl .k-floating-label-container > .k-label,
33049
- .k-rtl .k-floating-label-container.k-focus > .k-label, .k-floating-label-container[dir="rtl"] > .k-label,
33050
- .k-floating-label-container[dir="rtl"].k-focus > .k-label {
33029
+ [dir="rtl"] .k-floating-label-container > .k-floating-label,
33030
+ [dir="rtl"] .k-floating-label-container.k-focus > .k-floating-label,
33031
+ .k-rtl .k-floating-label-container > .k-floating-label,
33032
+ .k-rtl .k-floating-label-container.k-focus > .k-floating-label, .k-floating-label-container[dir="rtl"] > .k-floating-label,
33033
+ .k-floating-label-container[dir="rtl"].k-focus > .k-floating-label {
33051
33034
  left: auto;
33052
33035
  right: var(--kendo-floating-label-focus-offset-x, 0px);
33053
33036
  }
33054
33037
 
33055
- [dir="rtl"] .k-floating-label-container:focus-within > .k-label,
33056
- .k-rtl .k-floating-label-container:focus-within > .k-label, .k-floating-label-container[dir="rtl"]:focus-within > .k-label {
33038
+ [dir="rtl"] .k-floating-label-container:focus-within > .k-floating-label,
33039
+ .k-rtl .k-floating-label-container:focus-within > .k-floating-label, .k-floating-label-container[dir="rtl"]:focus-within > .k-floating-label {
33057
33040
  left: auto;
33058
33041
  right: var(--kendo-floating-label-focus-offset-x, 0px);
33059
33042
  }
33060
33043
 
33061
- .k-floating-label-container > .k-label {
33044
+ .k-floating-label-container > .k-floating-label {
33062
33045
  transform-origin: left bottom;
33063
33046
  }
33064
33047
 
33065
- [dir="rtl"] .k-floating-label-container > .k-label,
33066
- .k-rtl .k-floating-label-container > .k-label, .k-floating-label-container[dir="rtl"] > .k-label {
33048
+ [dir="rtl"] .k-floating-label-container > .k-floating-label,
33049
+ .k-rtl .k-floating-label-container > .k-floating-label, .k-floating-label-container[dir="rtl"] > .k-floating-label {
33067
33050
  transform-origin: right bottom;
33068
33051
  }
33069
33052
 
33070
- .k-floating-label-container > .k-label {
33053
+ .k-floating-label-container > .k-floating-label {
33071
33054
  color: rgba(0, 0, 0, 0.54);
33072
33055
  }
33073
33056
 
33074
- .k-floating-label-container.k-focus > .k-label {
33057
+ .k-floating-label-container.k-focus > .k-floating-label {
33075
33058
  color: #3f51b5;
33076
33059
  }
33077
33060
 
33078
- .k-floating-label-container.k-invalid > .k-label,
33079
- .k-floating-label-container.ng-invalid.ng-touched > .k-label,
33080
- .k-floating-label-container.ng-invalid.ng-dirty > .k-label {
33061
+ .k-floating-label-container.k-invalid > .k-floating-label,
33062
+ .k-floating-label-container.ng-invalid.ng-touched > .k-floating-label,
33063
+ .k-floating-label-container.ng-invalid.ng-dirty > .k-floating-label {
33081
33064
  color: #f31700;
33082
33065
  }
33083
33066
 
33084
- .k-floating-label-container.k-invalid + .k-label,
33085
- .k-floating-label-container .k-invalid + .k-label,
33086
- .k-floating-label-container .ng-invalid.ng-touched + .k-label,
33087
- .k-floating-label-container .ng-invalid.ng-dirty + .k-label {
33067
+ .k-floating-label-container.k-invalid + .k-floating-label,
33068
+ .k-floating-label-container .k-invalid + .k-floating-label,
33069
+ .k-floating-label-container .ng-invalid.ng-touched + .k-floating-label,
33070
+ .k-floating-label-container .ng-invalid.ng-dirty + .k-floating-label {
33088
33071
  color: #f31700;
33089
33072
  }
33090
33073
 
@@ -34532,6 +34515,10 @@ select.k-picker-lg {
34532
34515
  border-color: transparent;
34533
34516
  }
34534
34517
 
34518
+ .k-calendar-td.k-alt {
34519
+ font-size: 12px;
34520
+ }
34521
+
34535
34522
  .k-calendar .k-calendar-cell-inner, .k-calendar .k-link {
34536
34523
  border-radius: 100px;
34537
34524
  padding-inline: var(--INTERNAL--kendo-calendar-cell-padding-x, 0.25em);
@@ -34571,11 +34558,6 @@ select.k-picker-lg {
34571
34558
  flex: 0 0 auto;
34572
34559
  }
34573
34560
 
34574
- .k-calendar-header .k-title,
34575
- .k-calendar-header .k-calendar-title {
34576
- font-weight: bold;
34577
- }
34578
-
34579
34561
  .k-calendar-header .k-calendar-nav {
34580
34562
  display: flex;
34581
34563
  flex-flow: row nowrap;
@@ -34604,6 +34586,10 @@ select.k-picker-lg {
34604
34586
  overflow: hidden;
34605
34587
  }
34606
34588
 
34589
+ .k-calendar-view .k-today {
34590
+ font-weight: bold;
34591
+ }
34592
+
34607
34593
  .k-month-calendar .k-calendar-td,
34608
34594
  .k-calendar-monthview .k-calendar-td {
34609
34595
  width: 36px;
@@ -34979,10 +34965,6 @@ select.k-picker-lg {
34979
34965
  color: rgba(0, 0, 0, 0.54);
34980
34966
  }
34981
34967
 
34982
- .k-calendar .k-out-of-range {
34983
- pointer-events: none;
34984
- }
34985
-
34986
34968
  .k-calendar .k-calendar-td:hover .k-calendar-cell-inner, .k-calendar .k-calendar-td:hover .k-link,
34987
34969
  .k-calendar .k-calendar-td.k-hover .k-calendar-cell-inner,
34988
34970
  .k-calendar .k-calendar-td.k-hover .k-link {
@@ -38395,29 +38377,23 @@ kendo-drawer .k-drawer-wrapper {
38395
38377
  }
38396
38378
 
38397
38379
  .k-drawer-mini .k-drawer.k-drawer-start,
38398
- .k-drawer-expanded .k-drawer.k-drawer-start,
38399
- .k-drawer-left.k-drawer-mini .k-drawer,
38400
- .k-drawer-left.k-drawer-expanded .k-drawer {
38401
- border-right-width: 1px;
38380
+ .k-drawer-expanded .k-drawer.k-drawer-start {
38381
+ border-inline-end-width: 1px;
38402
38382
  }
38403
38383
 
38404
38384
  .k-drawer-mini .k-drawer.k-drawer-end,
38405
- .k-drawer-expanded .k-drawer.k-drawer-end,
38406
- .k-drawer-right.k-drawer-mini .k-drawer,
38407
- .k-drawer-right.k-drawer-expanded .k-drawer {
38408
- border-left-width: 1px;
38385
+ .k-drawer-expanded .k-drawer.k-drawer-end {
38386
+ border-inline-start-width: 1px;
38409
38387
  }
38410
38388
 
38411
- .k-drawer.k-drawer-start,
38412
- .k-drawer-left .k-drawer {
38389
+ .k-drawer.k-drawer-start {
38413
38390
  top: 0;
38414
- left: 0;
38391
+ inset-inline-start: 0;
38415
38392
  }
38416
38393
 
38417
- .k-drawer.k-drawer-end,
38418
- .k-drawer-right .k-drawer {
38394
+ .k-drawer.k-drawer-end {
38419
38395
  top: 0;
38420
- right: 0;
38396
+ inset-inline-end: 0;
38421
38397
  }
38422
38398
 
38423
38399
  .k-drawer-content {
@@ -38451,9 +38427,8 @@ kendo-drawer .k-drawer-wrapper {
38451
38427
  align-self: stretch;
38452
38428
  }
38453
38429
 
38454
- .k-drawer-push .k-drawer.k-drawer-end,
38455
- .k-drawer-push.k-drawer-right .k-drawer {
38456
- order: 1;
38430
+ .k-drawer-push:has(.k-drawer.k-drawer-end) {
38431
+ flex-direction: row-reverse;
38457
38432
  }
38458
38433
 
38459
38434
  .k-drawer-wrapper {
@@ -38471,8 +38446,7 @@ kendo-drawer .k-drawer-wrapper {
38471
38446
  border-radius: 20px;
38472
38447
  }
38473
38448
 
38474
- .k-drawer-items,
38475
- .k-drawer-items ul {
38449
+ .k-drawer-items {
38476
38450
  margin: 0;
38477
38451
  padding: 0;
38478
38452
  list-style: none;
@@ -38559,54 +38533,6 @@ kendo-drawer .k-drawer-wrapper {
38559
38533
  width: 48px;
38560
38534
  }
38561
38535
 
38562
- .k-rtl.k-drawer-mini .k-drawer-start,
38563
- .k-rtl .k-drawer-mini .k-drawer-start,
38564
- .k-rtl .k-drawer-expanded .k-drawer-start,
38565
- .k-rtl.k-drawer-expanded .k-drawer-start,
38566
- [dir="rtl"].k-drawer-mini .k-drawer-start,
38567
- [dir="rtl"] .k-drawer-mini .k-drawer-start,
38568
- [dir="rtl"] .k-drawer-expanded .k-drawer-start,
38569
- [dir="rtl"].k-drawer-expanded .k-drawer-start {
38570
- border-left-width: 1px;
38571
- border-right-width: 0;
38572
- }
38573
-
38574
- .k-rtl.k-drawer-mini .k-drawer-end,
38575
- .k-rtl .k-drawer-mini .k-drawer-end,
38576
- .k-rtl.k-drawer-expanded .k-drawer-end .k-drawer-expanded .k-drawer-end,
38577
- [dir="rtl"].k-drawer-mini .k-drawer-end,
38578
- [dir="rtl"] .k-drawer-mini .k-drawer-end,
38579
- [dir="rtl"].k-drawer-expanded .k-drawer-end .k-drawer-expanded .k-drawer-end {
38580
- border-left-width: 0;
38581
- border-right-width: 1px;
38582
- }
38583
-
38584
- .k-rtl.k-drawer-overlay .k-drawer-start,
38585
- .k-rtl .k-drawer-overlay .k-drawer-start,
38586
- [dir="rtl"].k-drawer-overlay .k-drawer-start,
38587
- [dir="rtl"] .k-drawer-overlay .k-drawer-start {
38588
- left: auto;
38589
- right: 0;
38590
- }
38591
-
38592
- .k-rtl.k-drawer-overlay .k-drawer-end,
38593
- .k-rtl .k-drawer-overlay .k-drawer-end,
38594
- [dir="rtl"].k-drawer-overlay .k-drawer-end,
38595
- [dir="rtl"] .k-drawer-overlay .k-drawer-end {
38596
- left: 0;
38597
- right: auto;
38598
- }
38599
-
38600
- .k-rtl .k-drawer-left.k-drawer-push .k-drawer,
38601
- [dir="rtl"] .k-drawer-left.k-drawer-push .k-drawer {
38602
- order: 1;
38603
- }
38604
-
38605
- .k-rtl .k-drawer-right.k-drawer-push .k-drawer,
38606
- [dir="rtl"] .k-drawer-right.k-drawer-push .k-drawer {
38607
- order: 0;
38608
- }
38609
-
38610
38536
  .k-drawer {
38611
38537
  border-color: rgba(0, 0, 0, 0.12);
38612
38538
  color: rgba(0, 0, 0, 0.87);
@@ -41214,7 +41140,6 @@ kendo-card-footer {
41214
41140
  box-sizing: border-box;
41215
41141
  }
41216
41142
 
41217
- .k-panelbar > .k-item,
41218
41143
  .k-panelbar > .k-panelbar-header {
41219
41144
  border-width: 0;
41220
41145
  border-style: solid;
@@ -41222,7 +41147,6 @@ kendo-card-footer {
41222
41147
  display: block;
41223
41148
  }
41224
41149
 
41225
- .k-panelbar > .k-item > .k-link,
41226
41150
  .k-panelbar > .k-panelbar-header > .k-link {
41227
41151
  padding-block: 12px;
41228
41152
  padding-inline: 24px;
@@ -41243,12 +41167,10 @@ kendo-card-footer {
41243
41167
  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;
41244
41168
  }
41245
41169
 
41246
- .k-panelbar > .k-item + .k-item,
41247
41170
  .k-panelbar > .k-panelbar-header + .k-panelbar-header {
41248
41171
  border-top-width: 1px;
41249
41172
  }
41250
41173
 
41251
- .k-panelbar .k-group,
41252
41174
  .k-panelbar .k-panelbar-group {
41253
41175
  margin: 0;
41254
41176
  padding: 0;
@@ -41259,12 +41181,10 @@ kendo-card-footer {
41259
41181
  list-style: none;
41260
41182
  }
41261
41183
 
41262
- .k-panelbar .k-group > .k-item,
41263
41184
  .k-panelbar .k-panelbar-group > .k-panelbar-item {
41264
41185
  display: block;
41265
41186
  }
41266
41187
 
41267
- .k-panelbar .k-group > .k-item > .k-link,
41268
41188
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link {
41269
41189
  padding-block: 12px;
41270
41190
  padding-inline: 24px;
@@ -41283,22 +41203,18 @@ kendo-card-footer {
41283
41203
  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;
41284
41204
  }
41285
41205
 
41286
- .k-panelbar .k-group > .k-item.k-level-1 .k-link,
41287
41206
  .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-1 .k-link {
41288
41207
  padding-left: 24px;
41289
41208
  }
41290
41209
 
41291
- .k-panelbar .k-group > .k-item.k-level-2 .k-link,
41292
41210
  .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-2 .k-link {
41293
41211
  padding-left: 48px;
41294
41212
  }
41295
41213
 
41296
- .k-panelbar .k-group > .k-item.k-level-3 .k-link,
41297
41214
  .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-3 .k-link {
41298
41215
  padding-left: 72px;
41299
41216
  }
41300
41217
 
41301
- .k-panelbar .k-group > .k-item.k-level-4 .k-link,
41302
41218
  .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-4 .k-link {
41303
41219
  padding-left: 96px;
41304
41220
  }
@@ -41317,40 +41233,28 @@ kendo-card-footer {
41317
41233
  margin-inline-start: auto;
41318
41234
  }
41319
41235
 
41320
- .k-panelbar .k-group .k-panelbar-expand,
41321
- .k-panelbar .k-group .k-panelbar-collapse,
41236
+ .k-panelbar .k-panelbar-group .k-panelbar-expand,
41237
+ .k-panelbar .k-panelbar-group .k-panelbar-collapse,
41322
41238
  .k-panelbar .k-panelbar-group .k-panelbar-toggle {
41323
41239
  margin-inline-end: 0px;
41324
41240
  }
41325
41241
 
41326
- .k-rtl .k-panelbar .k-group > .k-item.k-level-1 .k-link,
41327
- .k-rtl .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-1 .k-link, .k-panelbar.k-rtl .k-group > .k-item.k-level-1 .k-link,
41328
- .k-panelbar.k-rtl .k-panelbar-group > .k-panelbar-item.k-level-1 .k-link, .k-panelbar[dir="rtl"] .k-group > .k-item.k-level-1 .k-link,
41329
- .k-panelbar[dir="rtl"] .k-panelbar-group > .k-panelbar-item.k-level-1 .k-link {
41242
+ .k-rtl .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-1 .k-link, .k-panelbar.k-rtl .k-panelbar-group > .k-panelbar-item.k-level-1 .k-link, .k-panelbar[dir="rtl"] .k-panelbar-group > .k-panelbar-item.k-level-1 .k-link {
41330
41243
  padding-left: 24px;
41331
41244
  padding-right: 24px;
41332
41245
  }
41333
41246
 
41334
- .k-rtl .k-panelbar .k-group > .k-item.k-level-2 .k-link,
41335
- .k-rtl .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-2 .k-link, .k-panelbar.k-rtl .k-group > .k-item.k-level-2 .k-link,
41336
- .k-panelbar.k-rtl .k-panelbar-group > .k-panelbar-item.k-level-2 .k-link, .k-panelbar[dir="rtl"] .k-group > .k-item.k-level-2 .k-link,
41337
- .k-panelbar[dir="rtl"] .k-panelbar-group > .k-panelbar-item.k-level-2 .k-link {
41247
+ .k-rtl .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-2 .k-link, .k-panelbar.k-rtl .k-panelbar-group > .k-panelbar-item.k-level-2 .k-link, .k-panelbar[dir="rtl"] .k-panelbar-group > .k-panelbar-item.k-level-2 .k-link {
41338
41248
  padding-left: 24px;
41339
41249
  padding-right: 48px;
41340
41250
  }
41341
41251
 
41342
- .k-rtl .k-panelbar .k-group > .k-item.k-level-3 .k-link,
41343
- .k-rtl .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-3 .k-link, .k-panelbar.k-rtl .k-group > .k-item.k-level-3 .k-link,
41344
- .k-panelbar.k-rtl .k-panelbar-group > .k-panelbar-item.k-level-3 .k-link, .k-panelbar[dir="rtl"] .k-group > .k-item.k-level-3 .k-link,
41345
- .k-panelbar[dir="rtl"] .k-panelbar-group > .k-panelbar-item.k-level-3 .k-link {
41252
+ .k-rtl .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-3 .k-link, .k-panelbar.k-rtl .k-panelbar-group > .k-panelbar-item.k-level-3 .k-link, .k-panelbar[dir="rtl"] .k-panelbar-group > .k-panelbar-item.k-level-3 .k-link {
41346
41253
  padding-left: 24px;
41347
41254
  padding-right: 72px;
41348
41255
  }
41349
41256
 
41350
- .k-rtl .k-panelbar .k-group > .k-item.k-level-4 .k-link,
41351
- .k-rtl .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-4 .k-link, .k-panelbar.k-rtl .k-group > .k-item.k-level-4 .k-link,
41352
- .k-panelbar.k-rtl .k-panelbar-group > .k-panelbar-item.k-level-4 .k-link, .k-panelbar[dir="rtl"] .k-group > .k-item.k-level-4 .k-link,
41353
- .k-panelbar[dir="rtl"] .k-panelbar-group > .k-panelbar-item.k-level-4 .k-link {
41257
+ .k-rtl .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-4 .k-link, .k-panelbar.k-rtl .k-panelbar-group > .k-panelbar-item.k-level-4 .k-link, .k-panelbar[dir="rtl"] .k-panelbar-group > .k-panelbar-item.k-level-4 .k-link {
41354
41258
  padding-left: 24px;
41355
41259
  padding-right: 96px;
41356
41260
  }
@@ -41361,143 +41265,86 @@ kendo-card-footer {
41361
41265
  background-color: #ffffff;
41362
41266
  }
41363
41267
 
41364
- .k-panelbar > .k-item > .k-link,
41365
41268
  .k-panelbar > .k-panelbar-header > .k-link {
41366
41269
  color: #e51a5f;
41367
41270
  background-color: #ffffff;
41368
41271
  }
41369
41272
 
41370
- .k-panelbar > .k-item > .k-link .k-icon,
41371
- .k-panelbar > .k-item > .k-link .k-panelbar-item-icon,
41372
41273
  .k-panelbar > .k-panelbar-header > .k-link .k-icon,
41373
41274
  .k-panelbar > .k-panelbar-header > .k-link .k-panelbar-item-icon {
41374
41275
  color: rgba(0, 0, 0, 0.87);
41375
41276
  }
41376
41277
 
41377
- .k-panelbar > .k-item > .k-link:hover,
41378
- .k-panelbar > .k-item > .k-link.k-hover,
41379
41278
  .k-panelbar > .k-panelbar-header > .k-link:hover,
41380
41279
  .k-panelbar > .k-panelbar-header > .k-link.k-hover {
41381
41280
  background-color: whitesmoke;
41382
41281
  }
41383
41282
 
41384
- .k-panelbar > .k-item > .k-link:focus,
41385
- .k-panelbar > .k-item > .k-link.k-focus,
41386
41283
  .k-panelbar > .k-panelbar-header > .k-link:focus,
41387
41284
  .k-panelbar > .k-panelbar-header > .k-link.k-focus {
41388
41285
  background-color: #e0e0e0;
41389
41286
  }
41390
41287
 
41391
- .k-panelbar > .k-item > .k-link:focus:hover,
41392
- .k-panelbar > .k-item > .k-link.k-focus.k-hover,
41393
41288
  .k-panelbar > .k-panelbar-header > .k-link:focus:hover,
41394
41289
  .k-panelbar > .k-panelbar-header > .k-link.k-focus.k-hover {
41395
41290
  background-color: #d6d6d6;
41396
41291
  }
41397
41292
 
41398
- .k-panelbar > .k-item > .k-link.k-selected,
41399
41293
  .k-panelbar > .k-panelbar-header > .k-link.k-selected {
41400
41294
  color: white;
41401
41295
  background-color: #e51a5f;
41402
41296
  }
41403
41297
 
41404
- .k-panelbar > .k-item > .k-link.k-selected .k-icon,
41405
- .k-panelbar > .k-item > .k-link.k-selected .k-panelbar-item-icon,
41406
41298
  .k-panelbar > .k-panelbar-header > .k-link.k-selected .k-icon,
41407
41299
  .k-panelbar > .k-panelbar-header > .k-link.k-selected .k-panelbar-item-icon {
41408
41300
  color: inherit;
41409
41301
  }
41410
41302
 
41411
- .k-panelbar > .k-item > .k-link.k-selected:hover,
41412
- .k-panelbar > .k-item > .k-link.k-selected.k-hover,
41413
41303
  .k-panelbar > .k-panelbar-header > .k-link.k-selected:hover,
41414
41304
  .k-panelbar > .k-panelbar-header > .k-link.k-selected.k-hover {
41415
41305
  background-color: #e72b6b;
41416
41306
  }
41417
41307
 
41418
- .k-panelbar > .k-item > .k-link.k-selected:focus,
41419
- .k-panelbar > .k-item > .k-link.k-selected.k-focus,
41420
41308
  .k-panelbar > .k-panelbar-header > .k-link.k-selected:focus,
41421
41309
  .k-panelbar > .k-panelbar-header > .k-link.k-selected.k-focus {
41422
41310
  background-color: #eb5185;
41423
41311
  }
41424
41312
 
41425
- .k-panelbar > .k-item > .k-link.k-selected:hover:focus,
41426
- .k-panelbar > .k-item > .k-link.k-selected.k-hover.k-focus,
41427
41313
  .k-panelbar > .k-panelbar-header > .k-link.k-selected:hover:focus,
41428
41314
  .k-panelbar > .k-panelbar-header > .k-link.k-selected.k-hover.k-focus {
41429
41315
  background-color: #ed6292;
41430
41316
  }
41431
41317
 
41432
- .k-panelbar .k-group > .k-item > .k-link:hover,
41433
- .k-panelbar .k-group > .k-item > .k-link.k-hover,
41434
- .k-panelbar .k-group > .k-panelbar-item > .k-link:hover,
41435
- .k-panelbar .k-group > .k-panelbar-item > .k-link.k-hover,
41436
- .k-panelbar .k-panelbar-group > .k-item > .k-link:hover,
41437
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-hover,
41438
41318
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link:hover,
41439
41319
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-hover {
41440
41320
  background-color: whitesmoke;
41441
41321
  }
41442
41322
 
41443
- .k-panelbar .k-group > .k-item > .k-link:focus,
41444
- .k-panelbar .k-group > .k-item > .k-link.k-focus,
41445
- .k-panelbar .k-group > .k-panelbar-item > .k-link:focus,
41446
- .k-panelbar .k-group > .k-panelbar-item > .k-link.k-focus,
41447
- .k-panelbar .k-panelbar-group > .k-item > .k-link:focus,
41448
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-focus,
41449
41323
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link:focus,
41450
41324
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-focus {
41451
41325
  background-color: #e0e0e0;
41452
41326
  }
41453
41327
 
41454
- .k-panelbar .k-group > .k-item > .k-link:focus:hover,
41455
- .k-panelbar .k-group > .k-item > .k-link.k-focus.k-hover,
41456
- .k-panelbar .k-group > .k-panelbar-item > .k-link:focus:hover,
41457
- .k-panelbar .k-group > .k-panelbar-item > .k-link.k-focus.k-hover,
41458
- .k-panelbar .k-panelbar-group > .k-item > .k-link:focus:hover,
41459
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-focus.k-hover,
41460
41328
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link:focus:hover,
41461
41329
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-focus.k-hover {
41462
41330
  background-color: #d6d6d6;
41463
41331
  }
41464
41332
 
41465
- .k-panelbar .k-group > .k-item > .k-link.k-selected,
41466
- .k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected,
41467
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected,
41468
41333
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected {
41469
41334
  color: white;
41470
41335
  background-color: #e51a5f;
41471
41336
  }
41472
41337
 
41473
- .k-panelbar .k-group > .k-item > .k-link.k-selected:hover,
41474
- .k-panelbar .k-group > .k-item > .k-link.k-selected.k-hover,
41475
- .k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected:hover,
41476
- .k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected.k-hover,
41477
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected:hover,
41478
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected.k-hover,
41479
41338
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected:hover,
41480
41339
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected.k-hover {
41481
41340
  background-color: #e72b6b;
41482
41341
  }
41483
41342
 
41484
- .k-panelbar .k-group > .k-item > .k-link.k-selected:focus,
41485
- .k-panelbar .k-group > .k-item > .k-link.k-selected.k-focus,
41486
- .k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected:focus,
41487
- .k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected.k-focus,
41488
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected:focus,
41489
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected.k-focus,
41490
41343
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected:focus,
41491
41344
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected.k-focus {
41492
41345
  background-color: #eb5185;
41493
41346
  }
41494
41347
 
41495
- .k-panelbar .k-group > .k-item > .k-link.k-selected:focus:hover,
41496
- .k-panelbar .k-group > .k-item > .k-link.k-selected.k-focus.k-hover,
41497
- .k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected:focus:hover,
41498
- .k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected.k-focus.k-hover,
41499
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected:focus:hover,
41500
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected.k-focus.k-hover,
41501
41348
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected:focus:hover,
41502
41349
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected.k-focus.k-hover {
41503
41350
  background-color: #ed6292;