@progress/kendo-theme-default 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
@@ -30718,18 +30718,6 @@ kendo-label > .k-label {
30718
30718
  display: inline-block;
30719
30719
  }
30720
30720
 
30721
- .k-input-label {
30722
- margin-right: 10px;
30723
- z-index: 1;
30724
- }
30725
-
30726
- .k-input-label:dir(rtl),
30727
- .k-rtl .k-input-label, .k-input-label.k-rtl,
30728
- [dir="rtl"] .k-input-label, .k-input-label[dir="rtl"] {
30729
- margin-right: 0;
30730
- margin-left: 10px;
30731
- }
30732
-
30733
30721
  .k-form {
30734
30722
  border: 0;
30735
30723
  }
@@ -32244,7 +32232,7 @@ select.k-picker-lg {
32244
32232
  box-sizing: border-box;
32245
32233
  }
32246
32234
 
32247
- .k-floating-label-container > .k-label {
32235
+ .k-floating-label-container > .k-floating-label {
32248
32236
  max-width: 90%;
32249
32237
  font-size: 14px;
32250
32238
  line-height: 1.4285714286;
@@ -32259,26 +32247,21 @@ select.k-picker-lg {
32259
32247
  transition: transform 0.2s ease-out, color 0.2s ease-out, top 0.2s ease-out, left 0.2s ease-out;
32260
32248
  }
32261
32249
 
32262
- .k-floating-label-container > .k-widget {
32263
- flex: 1 1 auto;
32264
- width: auto;
32265
- }
32266
-
32267
- .k-floating-label-container.k-empty > .k-label {
32250
+ .k-floating-label-container.k-empty > .k-floating-label {
32268
32251
  top: var(--kendo-floating-label-offset-y, 25.0000000004px);
32269
32252
  left: var(--kendo-floating-label-offset-x, 9px);
32270
32253
  transform: scale(1);
32271
32254
  pointer-events: none;
32272
32255
  }
32273
32256
 
32274
- .k-floating-label-container > .k-label,
32275
- .k-floating-label-container.k-focus > .k-label {
32257
+ .k-floating-label-container > .k-floating-label,
32258
+ .k-floating-label-container.k-focus > .k-floating-label {
32276
32259
  top: var(--kendo-floating-label-focus-offset-y, 0);
32277
32260
  left: var(--kendo-floating-label-focus-offset-x, 0);
32278
32261
  transform: scale(1);
32279
32262
  }
32280
32263
 
32281
- .k-floating-label-container:focus-within > .k-label {
32264
+ .k-floating-label-container:focus-within > .k-floating-label {
32282
32265
  top: var(--kendo-floating-label-focus-offset-y, 0);
32283
32266
  left: var(--kendo-floating-label-focus-offset-x, 0);
32284
32267
  transform: scale(1);
@@ -32292,36 +32275,36 @@ select.k-picker-lg {
32292
32275
  color: transparent;
32293
32276
  }
32294
32277
 
32295
- [dir="rtl"] .k-floating-label-container > .k-label,
32296
- .k-rtl .k-floating-label-container > .k-label, .k-floating-label-container[dir="rtl"] > .k-label {
32278
+ [dir="rtl"] .k-floating-label-container > .k-floating-label,
32279
+ .k-rtl .k-floating-label-container > .k-floating-label, .k-floating-label-container[dir="rtl"] > .k-floating-label {
32297
32280
  transform-origin: right center;
32298
32281
  transition: transform 0.2s ease-out, color 0.2s ease-out, top 0.2s ease-out, right 0.2s ease-out;
32299
32282
  }
32300
32283
 
32301
- [dir="rtl"] .k-floating-label-container.k-empty > .k-label,
32302
- .k-rtl .k-floating-label-container.k-empty > .k-label, .k-floating-label-container[dir="rtl"].k-empty > .k-label {
32284
+ [dir="rtl"] .k-floating-label-container.k-empty > .k-floating-label,
32285
+ .k-rtl .k-floating-label-container.k-empty > .k-floating-label, .k-floating-label-container[dir="rtl"].k-empty > .k-floating-label {
32303
32286
  left: auto;
32304
32287
  right: var(--kendo-floating-label-offset-x, 9px);
32305
32288
  }
32306
32289
 
32307
- [dir="rtl"] .k-floating-label-container > .k-label,
32308
- [dir="rtl"] .k-floating-label-container.k-focus > .k-label,
32309
- .k-rtl .k-floating-label-container > .k-label,
32310
- .k-rtl .k-floating-label-container.k-focus > .k-label, .k-floating-label-container[dir="rtl"] > .k-label,
32311
- .k-floating-label-container[dir="rtl"].k-focus > .k-label {
32290
+ [dir="rtl"] .k-floating-label-container > .k-floating-label,
32291
+ [dir="rtl"] .k-floating-label-container.k-focus > .k-floating-label,
32292
+ .k-rtl .k-floating-label-container > .k-floating-label,
32293
+ .k-rtl .k-floating-label-container.k-focus > .k-floating-label, .k-floating-label-container[dir="rtl"] > .k-floating-label,
32294
+ .k-floating-label-container[dir="rtl"].k-focus > .k-floating-label {
32312
32295
  left: auto;
32313
32296
  right: var(--kendo-floating-label-focus-offset-x, 0);
32314
32297
  }
32315
32298
 
32316
- [dir="rtl"] .k-floating-label-container:focus-within > .k-label,
32317
- .k-rtl .k-floating-label-container:focus-within > .k-label, .k-floating-label-container[dir="rtl"]:focus-within > .k-label {
32299
+ [dir="rtl"] .k-floating-label-container:focus-within > .k-floating-label,
32300
+ .k-rtl .k-floating-label-container:focus-within > .k-floating-label, .k-floating-label-container[dir="rtl"]:focus-within > .k-floating-label {
32318
32301
  left: auto;
32319
32302
  right: var(--kendo-floating-label-focus-offset-x, 0);
32320
32303
  }
32321
32304
 
32322
- .k-floating-label-container.k-invalid > .k-label,
32323
- .k-floating-label-container.ng-invalid.ng-touched > .k-label,
32324
- .k-floating-label-container.ng-invalid.ng-dirty > .k-label {
32305
+ .k-floating-label-container.k-invalid > .k-floating-label,
32306
+ .k-floating-label-container.ng-invalid.ng-touched > .k-floating-label,
32307
+ .k-floating-label-container.ng-invalid.ng-dirty > .k-floating-label {
32325
32308
  color: #f31700;
32326
32309
  }
32327
32310
 
@@ -33559,6 +33542,10 @@ select.k-picker-lg {
33559
33542
  border-color: transparent;
33560
33543
  }
33561
33544
 
33545
+ .k-calendar-td.k-alt {
33546
+ font-size: 12px;
33547
+ }
33548
+
33562
33549
  .k-calendar .k-calendar-cell-inner, .k-calendar .k-link {
33563
33550
  border-radius: 4px;
33564
33551
  padding-inline: var(--INTERNAL--kendo-calendar-cell-padding-x, 0.25em);
@@ -33598,11 +33585,6 @@ select.k-picker-lg {
33598
33585
  flex: 0 0 auto;
33599
33586
  }
33600
33587
 
33601
- .k-calendar-header .k-title,
33602
- .k-calendar-header .k-calendar-title {
33603
- font-weight: bold;
33604
- }
33605
-
33606
33588
  .k-calendar-header .k-calendar-nav {
33607
33589
  display: flex;
33608
33590
  flex-flow: row nowrap;
@@ -33631,6 +33613,10 @@ select.k-picker-lg {
33631
33613
  overflow: hidden;
33632
33614
  }
33633
33615
 
33616
+ .k-calendar-view .k-today {
33617
+ font-weight: bold;
33618
+ }
33619
+
33634
33620
  .k-month-calendar .k-calendar-td,
33635
33621
  .k-calendar-monthview .k-calendar-td {
33636
33622
  width: 32px;
@@ -33989,10 +33975,6 @@ select.k-picker-lg {
33989
33975
  color: #666666;
33990
33976
  }
33991
33977
 
33992
- .k-calendar .k-out-of-range {
33993
- pointer-events: none;
33994
- }
33995
-
33996
33978
  .k-calendar .k-calendar-td:hover .k-calendar-cell-inner, .k-calendar .k-calendar-td:hover .k-link,
33997
33979
  .k-calendar .k-calendar-td.k-hover .k-calendar-cell-inner,
33998
33980
  .k-calendar .k-calendar-td.k-hover .k-link {
@@ -37360,29 +37342,23 @@ kendo-drawer .k-drawer-wrapper {
37360
37342
  }
37361
37343
 
37362
37344
  .k-drawer-mini .k-drawer.k-drawer-start,
37363
- .k-drawer-expanded .k-drawer.k-drawer-start,
37364
- .k-drawer-left.k-drawer-mini .k-drawer,
37365
- .k-drawer-left.k-drawer-expanded .k-drawer {
37366
- border-right-width: 1px;
37345
+ .k-drawer-expanded .k-drawer.k-drawer-start {
37346
+ border-inline-end-width: 1px;
37367
37347
  }
37368
37348
 
37369
37349
  .k-drawer-mini .k-drawer.k-drawer-end,
37370
- .k-drawer-expanded .k-drawer.k-drawer-end,
37371
- .k-drawer-right.k-drawer-mini .k-drawer,
37372
- .k-drawer-right.k-drawer-expanded .k-drawer {
37373
- border-left-width: 1px;
37350
+ .k-drawer-expanded .k-drawer.k-drawer-end {
37351
+ border-inline-start-width: 1px;
37374
37352
  }
37375
37353
 
37376
- .k-drawer.k-drawer-start,
37377
- .k-drawer-left .k-drawer {
37354
+ .k-drawer.k-drawer-start {
37378
37355
  top: 0;
37379
- left: 0;
37356
+ inset-inline-start: 0;
37380
37357
  }
37381
37358
 
37382
- .k-drawer.k-drawer-end,
37383
- .k-drawer-right .k-drawer {
37359
+ .k-drawer.k-drawer-end {
37384
37360
  top: 0;
37385
- right: 0;
37361
+ inset-inline-end: 0;
37386
37362
  }
37387
37363
 
37388
37364
  .k-drawer-content {
@@ -37416,9 +37392,8 @@ kendo-drawer .k-drawer-wrapper {
37416
37392
  align-self: stretch;
37417
37393
  }
37418
37394
 
37419
- .k-drawer-push .k-drawer.k-drawer-end,
37420
- .k-drawer-push.k-drawer-right .k-drawer {
37421
- order: 1;
37395
+ .k-drawer-push:has(.k-drawer.k-drawer-end) {
37396
+ flex-direction: row-reverse;
37422
37397
  }
37423
37398
 
37424
37399
  .k-drawer-wrapper {
@@ -37436,8 +37411,7 @@ kendo-drawer .k-drawer-wrapper {
37436
37411
  border-radius: 20px;
37437
37412
  }
37438
37413
 
37439
- .k-drawer-items,
37440
- .k-drawer-items ul {
37414
+ .k-drawer-items {
37441
37415
  margin: 0;
37442
37416
  padding: 0;
37443
37417
  list-style: none;
@@ -37524,54 +37498,6 @@ kendo-drawer .k-drawer-wrapper {
37524
37498
  width: 48px;
37525
37499
  }
37526
37500
 
37527
- .k-rtl.k-drawer-mini .k-drawer-start,
37528
- .k-rtl .k-drawer-mini .k-drawer-start,
37529
- .k-rtl .k-drawer-expanded .k-drawer-start,
37530
- .k-rtl.k-drawer-expanded .k-drawer-start,
37531
- [dir="rtl"].k-drawer-mini .k-drawer-start,
37532
- [dir="rtl"] .k-drawer-mini .k-drawer-start,
37533
- [dir="rtl"] .k-drawer-expanded .k-drawer-start,
37534
- [dir="rtl"].k-drawer-expanded .k-drawer-start {
37535
- border-left-width: 1px;
37536
- border-right-width: 0;
37537
- }
37538
-
37539
- .k-rtl.k-drawer-mini .k-drawer-end,
37540
- .k-rtl .k-drawer-mini .k-drawer-end,
37541
- .k-rtl.k-drawer-expanded .k-drawer-end .k-drawer-expanded .k-drawer-end,
37542
- [dir="rtl"].k-drawer-mini .k-drawer-end,
37543
- [dir="rtl"] .k-drawer-mini .k-drawer-end,
37544
- [dir="rtl"].k-drawer-expanded .k-drawer-end .k-drawer-expanded .k-drawer-end {
37545
- border-left-width: 0;
37546
- border-right-width: 1px;
37547
- }
37548
-
37549
- .k-rtl.k-drawer-overlay .k-drawer-start,
37550
- .k-rtl .k-drawer-overlay .k-drawer-start,
37551
- [dir="rtl"].k-drawer-overlay .k-drawer-start,
37552
- [dir="rtl"] .k-drawer-overlay .k-drawer-start {
37553
- left: auto;
37554
- right: 0;
37555
- }
37556
-
37557
- .k-rtl.k-drawer-overlay .k-drawer-end,
37558
- .k-rtl .k-drawer-overlay .k-drawer-end,
37559
- [dir="rtl"].k-drawer-overlay .k-drawer-end,
37560
- [dir="rtl"] .k-drawer-overlay .k-drawer-end {
37561
- left: 0;
37562
- right: auto;
37563
- }
37564
-
37565
- .k-rtl .k-drawer-left.k-drawer-push .k-drawer,
37566
- [dir="rtl"] .k-drawer-left.k-drawer-push .k-drawer {
37567
- order: 1;
37568
- }
37569
-
37570
- .k-rtl .k-drawer-right.k-drawer-push .k-drawer,
37571
- [dir="rtl"] .k-drawer-right.k-drawer-push .k-drawer {
37572
- order: 0;
37573
- }
37574
-
37575
37501
  .k-drawer {
37576
37502
  border-color: rgba(0, 0, 0, 0.08);
37577
37503
  color: #424242;
@@ -40022,7 +39948,6 @@ kendo-card-footer {
40022
39948
  box-sizing: border-box;
40023
39949
  }
40024
39950
 
40025
- .k-panelbar > .k-item,
40026
39951
  .k-panelbar > .k-panelbar-header {
40027
39952
  border-width: 0;
40028
39953
  border-style: solid;
@@ -40030,7 +39955,6 @@ kendo-card-footer {
40030
39955
  display: block;
40031
39956
  }
40032
39957
 
40033
- .k-panelbar > .k-item > .k-link,
40034
39958
  .k-panelbar > .k-panelbar-header > .k-link {
40035
39959
  padding-block: 12px;
40036
39960
  padding-inline: 16px;
@@ -40051,12 +39975,10 @@ kendo-card-footer {
40051
39975
  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;
40052
39976
  }
40053
39977
 
40054
- .k-panelbar > .k-item + .k-item,
40055
39978
  .k-panelbar > .k-panelbar-header + .k-panelbar-header {
40056
39979
  border-top-width: 1px;
40057
39980
  }
40058
39981
 
40059
- .k-panelbar .k-group,
40060
39982
  .k-panelbar .k-panelbar-group {
40061
39983
  margin: 0;
40062
39984
  padding: 0;
@@ -40067,12 +39989,10 @@ kendo-card-footer {
40067
39989
  list-style: none;
40068
39990
  }
40069
39991
 
40070
- .k-panelbar .k-group > .k-item,
40071
39992
  .k-panelbar .k-panelbar-group > .k-panelbar-item {
40072
39993
  display: block;
40073
39994
  }
40074
39995
 
40075
- .k-panelbar .k-group > .k-item > .k-link,
40076
39996
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link {
40077
39997
  padding-block: 8px;
40078
39998
  padding-inline: 16px;
@@ -40091,22 +40011,18 @@ kendo-card-footer {
40091
40011
  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;
40092
40012
  }
40093
40013
 
40094
- .k-panelbar .k-group > .k-item.k-level-1 .k-link,
40095
40014
  .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-1 .k-link {
40096
40015
  padding-left: 16px;
40097
40016
  }
40098
40017
 
40099
- .k-panelbar .k-group > .k-item.k-level-2 .k-link,
40100
40018
  .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-2 .k-link {
40101
40019
  padding-left: 32px;
40102
40020
  }
40103
40021
 
40104
- .k-panelbar .k-group > .k-item.k-level-3 .k-link,
40105
40022
  .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-3 .k-link {
40106
40023
  padding-left: 48px;
40107
40024
  }
40108
40025
 
40109
- .k-panelbar .k-group > .k-item.k-level-4 .k-link,
40110
40026
  .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-4 .k-link {
40111
40027
  padding-left: 64px;
40112
40028
  }
@@ -40125,40 +40041,28 @@ kendo-card-footer {
40125
40041
  margin-inline-start: auto;
40126
40042
  }
40127
40043
 
40128
- .k-panelbar .k-group .k-panelbar-expand,
40129
- .k-panelbar .k-group .k-panelbar-collapse,
40044
+ .k-panelbar .k-panelbar-group .k-panelbar-expand,
40045
+ .k-panelbar .k-panelbar-group .k-panelbar-collapse,
40130
40046
  .k-panelbar .k-panelbar-group .k-panelbar-toggle {
40131
40047
  margin-inline-end: 0px;
40132
40048
  }
40133
40049
 
40134
- .k-rtl .k-panelbar .k-group > .k-item.k-level-1 .k-link,
40135
- .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,
40136
- .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,
40137
- .k-panelbar[dir="rtl"] .k-panelbar-group > .k-panelbar-item.k-level-1 .k-link {
40050
+ .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 {
40138
40051
  padding-left: 16px;
40139
40052
  padding-right: 16px;
40140
40053
  }
40141
40054
 
40142
- .k-rtl .k-panelbar .k-group > .k-item.k-level-2 .k-link,
40143
- .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,
40144
- .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,
40145
- .k-panelbar[dir="rtl"] .k-panelbar-group > .k-panelbar-item.k-level-2 .k-link {
40055
+ .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 {
40146
40056
  padding-left: 16px;
40147
40057
  padding-right: 32px;
40148
40058
  }
40149
40059
 
40150
- .k-rtl .k-panelbar .k-group > .k-item.k-level-3 .k-link,
40151
- .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,
40152
- .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,
40153
- .k-panelbar[dir="rtl"] .k-panelbar-group > .k-panelbar-item.k-level-3 .k-link {
40060
+ .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 {
40154
40061
  padding-left: 16px;
40155
40062
  padding-right: 48px;
40156
40063
  }
40157
40064
 
40158
- .k-rtl .k-panelbar .k-group > .k-item.k-level-4 .k-link,
40159
- .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,
40160
- .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,
40161
- .k-panelbar[dir="rtl"] .k-panelbar-group > .k-panelbar-item.k-level-4 .k-link {
40065
+ .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 {
40162
40066
  padding-left: 16px;
40163
40067
  padding-right: 64px;
40164
40068
  }
@@ -40169,89 +40073,56 @@ kendo-card-footer {
40169
40073
  background-color: #ffffff;
40170
40074
  }
40171
40075
 
40172
- .k-panelbar > .k-item > .k-link,
40173
40076
  .k-panelbar > .k-panelbar-header > .k-link {
40174
40077
  color: #ff6358;
40175
40078
  background-color: #ffffff;
40176
40079
  }
40177
40080
 
40178
- .k-panelbar > .k-item > .k-link .k-icon,
40179
- .k-panelbar > .k-item > .k-link .k-panelbar-item-icon,
40180
40081
  .k-panelbar > .k-panelbar-header > .k-link .k-icon,
40181
40082
  .k-panelbar > .k-panelbar-header > .k-link .k-panelbar-item-icon {
40182
40083
  color: #424242;
40183
40084
  }
40184
40085
 
40185
- .k-panelbar > .k-item > .k-link:hover,
40186
- .k-panelbar > .k-item > .k-link.k-hover,
40187
40086
  .k-panelbar > .k-panelbar-header > .k-link:hover,
40188
40087
  .k-panelbar > .k-panelbar-header > .k-link.k-hover {
40189
40088
  background-color: whitesmoke;
40190
40089
  }
40191
40090
 
40192
- .k-panelbar > .k-item > .k-link:focus,
40193
- .k-panelbar > .k-item > .k-link.k-focus,
40194
40091
  .k-panelbar > .k-panelbar-header > .k-link:focus,
40195
40092
  .k-panelbar > .k-panelbar-header > .k-link.k-focus {
40196
40093
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
40197
40094
  }
40198
40095
 
40199
- .k-panelbar > .k-item > .k-link.k-selected,
40200
40096
  .k-panelbar > .k-panelbar-header > .k-link.k-selected {
40201
40097
  color: white;
40202
40098
  background-color: #ff6358;
40203
40099
  }
40204
40100
 
40205
- .k-panelbar > .k-item > .k-link.k-selected .k-icon,
40206
- .k-panelbar > .k-item > .k-link.k-selected .k-panelbar-item-icon,
40207
40101
  .k-panelbar > .k-panelbar-header > .k-link.k-selected .k-icon,
40208
40102
  .k-panelbar > .k-panelbar-header > .k-link.k-selected .k-panelbar-item-icon {
40209
40103
  color: inherit;
40210
40104
  }
40211
40105
 
40212
- .k-panelbar > .k-item > .k-link.k-selected:hover,
40213
- .k-panelbar > .k-item > .k-link.k-selected.k-hover,
40214
40106
  .k-panelbar > .k-panelbar-header > .k-link.k-selected:hover,
40215
40107
  .k-panelbar > .k-panelbar-header > .k-link.k-selected.k-hover {
40216
40108
  background-color: #eb5b51;
40217
40109
  }
40218
40110
 
40219
- .k-panelbar .k-group > .k-item > .k-link:hover,
40220
- .k-panelbar .k-group > .k-item > .k-link.k-hover,
40221
- .k-panelbar .k-group > .k-panelbar-item > .k-link:hover,
40222
- .k-panelbar .k-group > .k-panelbar-item > .k-link.k-hover,
40223
- .k-panelbar .k-panelbar-group > .k-item > .k-link:hover,
40224
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-hover,
40225
40111
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link:hover,
40226
40112
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-hover {
40227
40113
  background-color: whitesmoke;
40228
40114
  }
40229
40115
 
40230
- .k-panelbar .k-group > .k-item > .k-link:focus,
40231
- .k-panelbar .k-group > .k-item > .k-link.k-focus,
40232
- .k-panelbar .k-group > .k-panelbar-item > .k-link:focus,
40233
- .k-panelbar .k-group > .k-panelbar-item > .k-link.k-focus,
40234
- .k-panelbar .k-panelbar-group > .k-item > .k-link:focus,
40235
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-focus,
40236
40116
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link:focus,
40237
40117
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-focus {
40238
40118
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
40239
40119
  }
40240
40120
 
40241
- .k-panelbar .k-group > .k-item > .k-link.k-selected,
40242
- .k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected,
40243
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected,
40244
40121
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected {
40245
40122
  color: white;
40246
40123
  background-color: #ff6358;
40247
40124
  }
40248
40125
 
40249
- .k-panelbar .k-group > .k-item > .k-link.k-selected:hover,
40250
- .k-panelbar .k-group > .k-item > .k-link.k-selected.k-hover,
40251
- .k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected:hover,
40252
- .k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected.k-hover,
40253
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected:hover,
40254
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected.k-hover,
40255
40126
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected:hover,
40256
40127
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected.k-hover {
40257
40128
  background-color: #eb5b51;