@featherk/styles 0.6.11 → 0.6.13

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.
@@ -1,11 +1,4 @@
1
1
  /* Compatible with @progress/kendo-theme-default v.8.2.0 */
2
- @font-face {
3
- font-family: Inter;
4
- src: url("../fonts/Inter-Regular.woff2") format("woff2");
5
- font-style: normal;
6
- font-weight: 400;
7
- font-display: auto;
8
- }
9
2
  @font-face {
10
3
  font-family: Inter;
11
4
  src: url("../fonts/Inter-Light.woff2") format("woff2");
@@ -22,30 +15,30 @@
22
15
  }
23
16
  @font-face {
24
17
  font-family: Inter;
25
- src: url("../fonts/Inter-BoldItalic.woff2") format("woff2");
18
+ src: url("../fonts/Inter-LightItalic.woff2") format("woff2");
26
19
  font-style: italic;
27
- font-weight: 700;
20
+ font-weight: 300;
28
21
  font-display: auto;
29
22
  }
30
23
  @font-face {
31
24
  font-family: Inter;
32
- src: url("../fonts/Inter-MediumItalic.woff2") format("woff2");
25
+ src: url("../fonts/Inter-Italic.woff2") format("woff2");
33
26
  font-style: italic;
34
- font-weight: 500;
27
+ font-weight: 400;
35
28
  font-display: auto;
36
29
  }
37
30
  @font-face {
38
31
  font-family: Inter;
39
- src: url("../fonts/Inter-LightItalic.woff2") format("woff2");
40
- font-style: italic;
41
- font-weight: 300;
32
+ src: url("../fonts/Inter-Regular.woff2") format("woff2");
33
+ font-style: normal;
34
+ font-weight: 400;
42
35
  font-display: auto;
43
36
  }
44
37
  @font-face {
45
38
  font-family: Inter;
46
- src: url("../fonts/Inter-Italic.woff2") format("woff2");
39
+ src: url("../fonts/Inter-MediumItalic.woff2") format("woff2");
47
40
  font-style: italic;
48
- font-weight: 400;
41
+ font-weight: 500;
49
42
  font-display: auto;
50
43
  }
51
44
  @font-face {
@@ -55,6 +48,13 @@
55
48
  font-weight: 500;
56
49
  font-display: auto;
57
50
  }
51
+ @font-face {
52
+ font-family: Inter;
53
+ src: url("../fonts/Inter-BoldItalic.woff2") format("woff2");
54
+ font-style: italic;
55
+ font-weight: 700;
56
+ font-display: auto;
57
+ }
58
58
  :root {
59
59
  --kendo-color-app-surface: rgb(252, 252, 255);
60
60
  --kendo-color-on-app-surface: rgba(10, 12, 27, 0.7);
@@ -47195,6 +47195,24 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
47195
47195
  --breakpoint-md: 600px;
47196
47196
  --breakpoint-lg: 1440px;
47197
47197
  }
47198
+ .k-animation-container:has(.k-tooltip) {
47199
+ white-space: overflow-wrap;
47200
+ background-color: var(--kendo-color-primary-hover);
47201
+ border-radius: 0.25rem;
47202
+ max-width: 50ch;
47203
+ }
47204
+ .k-animation-container:has(.k-tooltip) .k-tooltip {
47205
+ color: var(--kendo-color-light);
47206
+ padding: 0.5rem 1rem;
47207
+ font-size: 0.875rem;
47208
+ box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
47209
+ }
47210
+ .k-animation-container:has(.k-tooltip) .k-callout {
47211
+ display: none;
47212
+ }
47213
+ .k-expander-header:focus-visible {
47214
+ box-shadow: inset 0px 0px 0px 2px #195bb5;
47215
+ }
47198
47216
  .k-slider .k-tick {
47199
47217
  background-image: none;
47200
47218
  }
@@ -47313,6 +47331,567 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
47313
47331
  clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
47314
47332
  }
47315
47333
  }
47334
+ .tb-v8_2_0 {
47335
+ font-family: "Inter";
47336
+ }
47337
+ .k-icon-wrap::before,
47338
+ .k-checkbox-wrap::before,
47339
+ .k-list-item-text::before,
47340
+ .k-list-header-text::before,
47341
+ .k-list-optionlabel::before,
47342
+ .k-table-list .k-table-group-row::before,
47343
+ .k-skeleton-text:empty::before,
47344
+ .k-placeholder-line:empty::before,
47345
+ .k-input-value-text::before,
47346
+ .k-radio-wrap::before,
47347
+ .k-calendar-infinite .k-calendar-view::after,
47348
+ .k-calendar-navigation::before,
47349
+ .k-calendar-navigation::after,
47350
+ .k-time-list-wrapper.k-focus::before,
47351
+ .k-time-list-wrapper.k-focus::after,
47352
+ .k-time-list::before,
47353
+ .k-time-list::after,
47354
+ .k-multiselecttree .k-input-inner::before,
47355
+ .k-window-title::before,
47356
+ .k-gantt-tasks td::after {
47357
+ content: "";
47358
+ }
47359
+ .fk-menu .k-menu.k-menu-horizontal > .k-item.k-menu-item {
47360
+ position: relative;
47361
+ }
47362
+ .fk-menu
47363
+ .k-menu.k-menu-horizontal
47364
+ > .k-item.k-menu-item.fk-separator-prefix::before,
47365
+ .fk-menu
47366
+ .k-menu.k-menu-horizontal
47367
+ > .k-item.k-menu-item.fk-separator-suffix::after {
47368
+ content: "";
47369
+ position: absolute;
47370
+ top: 0;
47371
+ bottom: 0;
47372
+ background: var(--kendo-color-border);
47373
+ width: 1px;
47374
+ pointer-events: none;
47375
+ }
47376
+ .fk-menu
47377
+ .k-menu.k-menu-horizontal
47378
+ > .k-item.k-menu-item.fk-separator-prefix::before {
47379
+ left: 0;
47380
+ }
47381
+ .fk-menu
47382
+ .k-menu.k-menu-horizontal
47383
+ > .k-item.k-menu-item.fk-separator-suffix::after {
47384
+ right: 0;
47385
+ }
47386
+ .fk-menu
47387
+ .k-menu.k-menu-vertical
47388
+ > .k-item.k-menu-item.fk-separator-prefix::before,
47389
+ .fk-menu
47390
+ .k-menu.k-menu-vertical
47391
+ > .k-item.k-menu-item.fk-separator-suffix::after {
47392
+ content: "";
47393
+ background: var(--kendo-color-border);
47394
+ height: 1px;
47395
+ margin: -1px 0;
47396
+ pointer-events: none;
47397
+ }
47398
+ .fk-menu .k-menu-vertical,
47399
+ .fk-menu .k-menu-horizontal {
47400
+ width: -moz-fit-content;
47401
+ width: fit-content;
47402
+ }
47403
+ .fk-field-block {
47404
+ margin-bottom: var(--kendo-spacing-5);
47405
+ }
47406
+ .fk-field-block :is(.k-label) {
47407
+ display: block;
47408
+ margin-block: var(--kendo-spacing-1);
47409
+ }
47410
+ .k-textbox:has(.k-input-inner[readonly]) {
47411
+ border-color: var(--kendo-color-border);
47412
+ }
47413
+ .k-textbox:has(.k-input-inner[readonly]):hover {
47414
+ box-shadow: none;
47415
+ }
47416
+ .fk-daterangepicker .k-maskedtextbox {
47417
+ width: 16rem;
47418
+ min-width: 16rem;
47419
+ }
47420
+ .fk-daterangepicker .k-maskedtextbox:has(.k-clear-value) {
47421
+ width: 18rem;
47422
+ min-width: 18rem;
47423
+ }
47424
+ .fk-daterangepicker .k-input-suffix,
47425
+ .fk-daterangepicker .k-input-prefix {
47426
+ cursor: pointer;
47427
+ }
47428
+ .fk-daterangepicker .k-input-suffix:hover,
47429
+ .fk-daterangepicker .k-input-prefix:hover {
47430
+ background-color: var(--kendo-color-primary-subtle-hover);
47431
+ }
47432
+ .k-calendar-view.k-hstack,
47433
+ .k-calendar-view.k-hbox {
47434
+ display: flex;
47435
+ flex-direction: row;
47436
+ flex-wrap: wrap;
47437
+ max-width: 36rem;
47438
+ }
47439
+ .k-calendar-table:has(.k-focus) {
47440
+ background-color: hsl(from var(--kendo-color-primary) h s 95%);
47441
+ border-radius: 0.25rem;
47442
+ }
47443
+ .k-calendar-table
47444
+ > .k-calendar-tbody
47445
+ > .k-calendar-tr:nth-last-child(2):has(
47446
+ .k-calendar-td:first-child:is(.k-empty)
47447
+ ) {
47448
+ display: none;
47449
+ }
47450
+ .k-calendar-table
47451
+ > .k-calendar-tbody
47452
+ > .k-calendar-tr:last-child:has(.k-calendar-td:first-child:is(.k-empty)) {
47453
+ display: none;
47454
+ }
47455
+ .k-animation-container
47456
+ .k-child-animation-container
47457
+ .k-calendar
47458
+ .k-calendar-view.k-calendar-monthview
47459
+ .k-calendar-tr
47460
+ .k-calendar-td {
47461
+ width: 2.5rem;
47462
+ height: 2.5rem;
47463
+ }
47464
+ .k-animation-container
47465
+ .k-child-animation-container
47466
+ .k-calendar
47467
+ .k-calendar-view.k-calendar-monthview
47468
+ .k-calendar-tr
47469
+ .k-calendar-th {
47470
+ width: 2.5rem;
47471
+ height: 2.5rem;
47472
+ }
47473
+ .k-animation-container:has(.k-calendar-view) {
47474
+ margin-top: 0.25rem;
47475
+ }
47476
+ .fk-timepicker .k-timepicker,
47477
+ .fk-datepicker .k-datepicker {
47478
+ width: 10rem;
47479
+ min-width: 10rem;
47480
+ display: flex;
47481
+ justify-content: space-between;
47482
+ }
47483
+ .fk-timepicker .k-timepicker.k-input .k-maskedtextbox.k-input,
47484
+ .fk-timepicker .k-timepicker.k-input.k-focus .k-maskedtextbox.k-input,
47485
+ .fk-datepicker .k-datepicker.k-input .k-maskedtextbox.k-input,
47486
+ .fk-datepicker .k-datepicker.k-input.k-focus .k-maskedtextbox.k-input {
47487
+ box-shadow: none;
47488
+ }
47489
+ .fk-datepicker .k-maskedtextbox,
47490
+ .fk-timepicker .k-maskedtextbox {
47491
+ border-width: 0;
47492
+ border-radius: 0;
47493
+ }
47494
+ .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item,
47495
+ .k-button.k-button-md {
47496
+ font-family: Inter;
47497
+ font-size: 0.875rem;
47498
+ font-weight: 700;
47499
+ line-height: 1.4285714286;
47500
+ letter-spacing: 0.2px;
47501
+ text-transform: none;
47502
+ }
47503
+ .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-focus,
47504
+ .k-tabstrip
47505
+ .k-tabstrip-items-wrapper
47506
+ .k-tabstrip-items.k-reset
47507
+ .k-item.k-state-focus,
47508
+ .k-tabstrip
47509
+ .k-tabstrip-items-wrapper
47510
+ .k-tabstrip-items.k-reset
47511
+ .k-item.k-state-focused,
47512
+ .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item:focus {
47513
+ box-shadow: inset 0px 0px 0px 2px #195bb5;
47514
+ }
47515
+ .k-tabstrip
47516
+ .k-tabstrip-items-wrapper
47517
+ .k-tabstrip-items.k-reset
47518
+ .k-item
47519
+ .k-link {
47520
+ padding-bottom: 4px;
47521
+ }
47522
+ .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item {
47523
+ color: #003583;
47524
+ border-bottom-style: none;
47525
+ border-left-style: none;
47526
+ border-right-style: none;
47527
+ border-top-style: none;
47528
+ }
47529
+ .k-tabstrip
47530
+ .k-tabstrip-items-wrapper
47531
+ .k-tabstrip-items.k-reset
47532
+ .k-item.k-active
47533
+ .k-link,
47534
+ .k-tabstrip
47535
+ .k-tabstrip-items-wrapper
47536
+ .k-tabstrip-items.k-reset
47537
+ .k-item.k-state-active
47538
+ .k-link,
47539
+ .k-tabstrip
47540
+ .k-tabstrip-items-wrapper
47541
+ .k-tabstrip-items.k-reset
47542
+ .k-item:active
47543
+ .k-link {
47544
+ padding-bottom: 3px;
47545
+ }
47546
+ .k-tabstrip
47547
+ .k-tabstrip-items-wrapper
47548
+ .k-tabstrip-items.k-reset
47549
+ .k-item.k-focus
47550
+ .k-link,
47551
+ .k-tabstrip
47552
+ .k-tabstrip-items-wrapper
47553
+ .k-tabstrip-items.k-reset
47554
+ .k-item.k-state-focus
47555
+ .k-link,
47556
+ .k-tabstrip
47557
+ .k-tabstrip-items-wrapper
47558
+ .k-tabstrip-items.k-reset
47559
+ .k-item.k-state-focused
47560
+ .k-link,
47561
+ .k-tabstrip
47562
+ .k-tabstrip-items-wrapper
47563
+ .k-tabstrip-items.k-reset
47564
+ .k-item:focus
47565
+ .k-link {
47566
+ border-bottom-width: 1px;
47567
+ border-left-width: 1px;
47568
+ border-right-width: 1px;
47569
+ border-top-width: 1px;
47570
+ border-bottom-color: var(--kendo-color-primary, #003583);
47571
+ border-bottom-style: solid;
47572
+ border-left-color: var(--kendo-color-primary, #003583);
47573
+ border-left-style: solid;
47574
+ border-right-color: var(--kendo-color-primary, #003583);
47575
+ border-right-style: solid;
47576
+ border-top-color: var(--kendo-color-primary, #003583);
47577
+ border-top-style: solid;
47578
+ }
47579
+ .k-tabstrip
47580
+ .k-tabstrip-items-wrapper
47581
+ .k-tabstrip-items.k-reset
47582
+ .k-item.k-active.k-focus
47583
+ .k-link,
47584
+ .k-tabstrip
47585
+ .k-tabstrip-items-wrapper
47586
+ .k-tabstrip-items.k-reset
47587
+ .k-item.k-state-active.k-focus
47588
+ .k-link,
47589
+ .k-tabstrip
47590
+ .k-tabstrip-items-wrapper
47591
+ .k-tabstrip-items.k-reset
47592
+ .k-item:active.k-focus
47593
+ .k-link,
47594
+ .k-tabstrip
47595
+ .k-tabstrip-items-wrapper
47596
+ .k-tabstrip-items.k-reset
47597
+ .k-item.k-active.k-state-focus
47598
+ .k-link,
47599
+ .k-tabstrip
47600
+ .k-tabstrip-items-wrapper
47601
+ .k-tabstrip-items.k-reset
47602
+ .k-item.k-active.k-state-focused
47603
+ .k-link,
47604
+ .k-tabstrip
47605
+ .k-tabstrip-items-wrapper
47606
+ .k-tabstrip-items.k-reset
47607
+ .k-item.k-active:focus
47608
+ .k-link,
47609
+ .k-tabstrip
47610
+ .k-tabstrip-items-wrapper
47611
+ .k-tabstrip-items.k-reset
47612
+ .k-item.k-state-active.k-state-focus
47613
+ .k-link,
47614
+ .k-tabstrip
47615
+ .k-tabstrip-items-wrapper
47616
+ .k-tabstrip-items.k-reset
47617
+ .k-item.k-state-active.k-state-focused
47618
+ .k-link,
47619
+ .k-tabstrip
47620
+ .k-tabstrip-items-wrapper
47621
+ .k-tabstrip-items.k-reset
47622
+ .k-item.k-state-active:focus
47623
+ .k-link,
47624
+ .k-tabstrip
47625
+ .k-tabstrip-items-wrapper
47626
+ .k-tabstrip-items.k-reset
47627
+ .k-item:active.k-state-focus
47628
+ .k-link,
47629
+ .k-tabstrip
47630
+ .k-tabstrip-items-wrapper
47631
+ .k-tabstrip-items.k-reset
47632
+ .k-item:active.k-state-focused
47633
+ .k-link,
47634
+ .k-tabstrip
47635
+ .k-tabstrip-items-wrapper
47636
+ .k-tabstrip-items.k-reset
47637
+ .k-item:active:focus
47638
+ .k-link {
47639
+ border-bottom-color: #003583;
47640
+ border-bottom-style: solid;
47641
+ border-bottom-width: 3px;
47642
+ border-top-left-radius: 4px;
47643
+ border-top-right-radius: 4px;
47644
+ border-left-width: 1px;
47645
+ border-right-width: 1px;
47646
+ border-top-width: 1px;
47647
+ }
47648
+ .k-tabstrip
47649
+ .k-tabstrip-items-wrapper
47650
+ .k-tabstrip-items.k-reset
47651
+ .k-item.k-active.k-focus
47652
+ .k-link,
47653
+ .k-tabstrip
47654
+ .k-tabstrip-items-wrapper
47655
+ .k-tabstrip-items.k-reset
47656
+ .k-item.k-state-active.k-focus
47657
+ .k-link,
47658
+ .k-tabstrip
47659
+ .k-tabstrip-items-wrapper
47660
+ .k-tabstrip-items.k-reset
47661
+ .k-item:active.k-focus
47662
+ .k-link,
47663
+ .k-tabstrip
47664
+ .k-tabstrip-items-wrapper
47665
+ .k-tabstrip-items.k-reset
47666
+ .k-item.k-active.k-state-focus
47667
+ .k-link,
47668
+ .k-tabstrip
47669
+ .k-tabstrip-items-wrapper
47670
+ .k-tabstrip-items.k-reset
47671
+ .k-item.k-active.k-state-focused
47672
+ .k-link,
47673
+ .k-tabstrip
47674
+ .k-tabstrip-items-wrapper
47675
+ .k-tabstrip-items.k-reset
47676
+ .k-item.k-active:focus
47677
+ .k-link,
47678
+ .k-tabstrip
47679
+ .k-tabstrip-items-wrapper
47680
+ .k-tabstrip-items.k-reset
47681
+ .k-item.k-state-active.k-state-focus
47682
+ .k-link,
47683
+ .k-tabstrip
47684
+ .k-tabstrip-items-wrapper
47685
+ .k-tabstrip-items.k-reset
47686
+ .k-item.k-state-active.k-state-focused
47687
+ .k-link,
47688
+ .k-tabstrip
47689
+ .k-tabstrip-items-wrapper
47690
+ .k-tabstrip-items.k-reset
47691
+ .k-item.k-state-active:focus
47692
+ .k-link,
47693
+ .k-tabstrip
47694
+ .k-tabstrip-items-wrapper
47695
+ .k-tabstrip-items.k-reset
47696
+ .k-item:active.k-state-focus
47697
+ .k-link,
47698
+ .k-tabstrip
47699
+ .k-tabstrip-items-wrapper
47700
+ .k-tabstrip-items.k-reset
47701
+ .k-item:active.k-state-focused
47702
+ .k-link,
47703
+ .k-tabstrip
47704
+ .k-tabstrip-items-wrapper
47705
+ .k-tabstrip-items.k-reset
47706
+ .k-item:active:focus
47707
+ .k-link {
47708
+ border-left-color: #003583;
47709
+ border-right-color: #003583;
47710
+ border-top-color: #003583;
47711
+ }
47712
+ .k-tabstrip
47713
+ .k-tabstrip-items-wrapper
47714
+ .k-tabstrip-items.k-reset
47715
+ .k-item.k-active,
47716
+ .k-tabstrip
47717
+ .k-tabstrip-items-wrapper
47718
+ .k-tabstrip-items.k-reset
47719
+ .k-item.k-state-active,
47720
+ .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item:active {
47721
+ background-color: initial;
47722
+ background-image: none;
47723
+ border-bottom-style: none;
47724
+ border-left-style: none;
47725
+ border-right-style: none;
47726
+ border-top-style: none;
47727
+ box-shadow: inset 0px -3px 0px 0px var(--kendo-color-primary, #003583);
47728
+ }
47729
+ .k-tabstrip
47730
+ .k-tabstrip-items-wrapper
47731
+ .k-tabstrip-items.k-reset
47732
+ .k-item.k-hover
47733
+ .k-link,
47734
+ .k-tabstrip
47735
+ .k-tabstrip-items-wrapper
47736
+ .k-tabstrip-items.k-reset
47737
+ .k-item.k-state-hover
47738
+ .k-link,
47739
+ .k-tabstrip
47740
+ .k-tabstrip-items-wrapper
47741
+ .k-tabstrip-items.k-reset
47742
+ .k-item.k-state-hovered
47743
+ .k-link,
47744
+ .k-tabstrip
47745
+ .k-tabstrip-items-wrapper
47746
+ .k-tabstrip-items.k-reset
47747
+ .k-item:hover
47748
+ .k-link {
47749
+ background-color: initial;
47750
+ background-image: linear-gradient(
47751
+ rgba(25, 91, 181, 0.12),
47752
+ rgba(25, 91, 181, 0.06)
47753
+ );
47754
+ }
47755
+ .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-focus,
47756
+ .k-tabstrip
47757
+ .k-tabstrip-items-wrapper
47758
+ .k-tabstrip-items.k-reset
47759
+ .k-item.k-state-focus,
47760
+ .k-tabstrip
47761
+ .k-tabstrip-items-wrapper
47762
+ .k-tabstrip-items.k-reset
47763
+ .k-item.k-state-focused,
47764
+ .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item:focus {
47765
+ background-color: initial;
47766
+ background-image: linear-gradient(
47767
+ rgba(25, 91, 181, 0.12),
47768
+ rgba(25, 91, 181, 0.12)
47769
+ );
47770
+ }
47771
+ .fk-tabstrip-no-border.k-tabstrip.k-tabstrip-top .k-tabstrip-content.k-active,
47772
+ .fk-tabstrip-no-border.k-tabstrip.k-tabstrip-top
47773
+ .k-tabstrip-content.k-state-active,
47774
+ .fk-tabstrip-no-border.k-tabstrip.k-tabstrip-top .k-tabstrip-content:active {
47775
+ border-bottom-style: none;
47776
+ border-left-style: none;
47777
+ border-right-style: none;
47778
+ border-top-style: none;
47779
+ padding-left: 0px;
47780
+ }
47781
+ .fk-tabstrip-no-border.k-tabstrip
47782
+ .k-tabstrip-items-wrapper
47783
+ .k-tabstrip-items.k-reset
47784
+ .k-item.k-focus,
47785
+ .fk-tabstrip-no-border.k-tabstrip
47786
+ .k-tabstrip-items-wrapper
47787
+ .k-tabstrip-items.k-reset
47788
+ .k-item.k-state-focus,
47789
+ .fk-tabstrip-no-border.k-tabstrip
47790
+ .k-tabstrip-items-wrapper
47791
+ .k-tabstrip-items.k-reset
47792
+ .k-item.k-state-focused,
47793
+ .fk-tabstrip-no-border.k-tabstrip
47794
+ .k-tabstrip-items-wrapper
47795
+ .k-tabstrip-items.k-reset
47796
+ .k-item:focus {
47797
+ border-bottom-style: none;
47798
+ border-left-style: none;
47799
+ border-right-style: none;
47800
+ border-top-style: none;
47801
+ }
47802
+ .fk-tabstrip-no-border.k-tabstrip
47803
+ .k-tabstrip-items-wrapper
47804
+ .k-tabstrip-items.k-reset
47805
+ .k-item.k-active
47806
+ .k-link,
47807
+ .fk-tabstrip-no-border.k-tabstrip
47808
+ .k-tabstrip-items-wrapper
47809
+ .k-tabstrip-items.k-reset
47810
+ .k-item.k-state-active
47811
+ .k-link,
47812
+ .fk-tabstrip-no-border.k-tabstrip
47813
+ .k-tabstrip-items-wrapper
47814
+ .k-tabstrip-items.k-reset
47815
+ .k-item:active
47816
+ .k-link {
47817
+ padding-bottom: 4px;
47818
+ }
47819
+ .fk-tabstrip-no-border.k-tabstrip
47820
+ .k-tabstrip-items-wrapper
47821
+ .k-tabstrip-items.k-reset
47822
+ .k-item.k-active,
47823
+ .fk-tabstrip-no-border.k-tabstrip
47824
+ .k-tabstrip-items-wrapper
47825
+ .k-tabstrip-items.k-reset
47826
+ .k-item.k-state-active,
47827
+ .fk-tabstrip-no-border.k-tabstrip
47828
+ .k-tabstrip-items-wrapper
47829
+ .k-tabstrip-items.k-reset
47830
+ .k-item:active {
47831
+ box-shadow: inset 0px -4px 0px 0px var(--kendo-color-primary, #003583);
47832
+ }
47833
+ .fk-tabstrip-no-border.k-tabstrip
47834
+ .k-tabstrip-items-wrapper
47835
+ .k-tabstrip-items.k-reset
47836
+ .k-item.k-active.k-focus,
47837
+ .fk-tabstrip-no-border.k-tabstrip
47838
+ .k-tabstrip-items-wrapper
47839
+ .k-tabstrip-items.k-reset
47840
+ .k-item.k-state-active.k-focus,
47841
+ .fk-tabstrip-no-border.k-tabstrip
47842
+ .k-tabstrip-items-wrapper
47843
+ .k-tabstrip-items.k-reset
47844
+ .k-item:active.k-focus,
47845
+ .fk-tabstrip-no-border.k-tabstrip
47846
+ .k-tabstrip-items-wrapper
47847
+ .k-tabstrip-items.k-reset
47848
+ .k-item.k-active.k-state-focus,
47849
+ .fk-tabstrip-no-border.k-tabstrip
47850
+ .k-tabstrip-items-wrapper
47851
+ .k-tabstrip-items.k-reset
47852
+ .k-item.k-active.k-state-focused,
47853
+ .fk-tabstrip-no-border.k-tabstrip
47854
+ .k-tabstrip-items-wrapper
47855
+ .k-tabstrip-items.k-reset
47856
+ .k-item.k-active:focus,
47857
+ .fk-tabstrip-no-border.k-tabstrip
47858
+ .k-tabstrip-items-wrapper
47859
+ .k-tabstrip-items.k-reset
47860
+ .k-item.k-state-active.k-state-focus,
47861
+ .fk-tabstrip-no-border.k-tabstrip
47862
+ .k-tabstrip-items-wrapper
47863
+ .k-tabstrip-items.k-reset
47864
+ .k-item.k-state-active.k-state-focused,
47865
+ .fk-tabstrip-no-border.k-tabstrip
47866
+ .k-tabstrip-items-wrapper
47867
+ .k-tabstrip-items.k-reset
47868
+ .k-item.k-state-active:focus,
47869
+ .fk-tabstrip-no-border.k-tabstrip
47870
+ .k-tabstrip-items-wrapper
47871
+ .k-tabstrip-items.k-reset
47872
+ .k-item:active.k-state-focus,
47873
+ .fk-tabstrip-no-border.k-tabstrip
47874
+ .k-tabstrip-items-wrapper
47875
+ .k-tabstrip-items.k-reset
47876
+ .k-item:active.k-state-focused,
47877
+ .fk-tabstrip-no-border.k-tabstrip
47878
+ .k-tabstrip-items-wrapper
47879
+ .k-tabstrip-items.k-reset
47880
+ .k-item:active:focus {
47881
+ box-shadow:
47882
+ inset 0px -4px 0px 0px var(--kendo-color-primary, #003583),
47883
+ inset 0px 0px 0px 2px var(--kendo-color-primary, #003583);
47884
+ }
47885
+ .fk-tabstrip-no-border.k-tabstrip
47886
+ .k-tabstrip-items-wrapper
47887
+ .k-tabstrip-items.k-reset
47888
+ .k-item
47889
+ .k-link {
47890
+ border-bottom-style: none;
47891
+ border-left-style: none;
47892
+ border-right-style: none;
47893
+ border-top-style: none;
47894
+ }
47316
47895
  :is([class*="fk-popup-alert"]).k-animation-container .k-popup {
47317
47896
  box-shadow: none;
47318
47897
  border-radius: 0.25rem;
@@ -47336,6 +47915,17 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
47336
47915
  flex-shrink: 0;
47337
47916
  align-self: start;
47338
47917
  }
47918
+ .k-animation-container[class*="fk-popup-alert"] {
47919
+ inset: 0 !important;
47920
+ align-content: end;
47921
+ }
47922
+ .k-animation-container[class*="fk-popup-alert"]
47923
+ .k-popup
47924
+ .local-alert
47925
+ span:not(.k-icon) {
47926
+ justify-items: end;
47927
+ width: 100%;
47928
+ }
47339
47929
  .fk-popup-alert-info.k-animation-container .k-popup div {
47340
47930
  border-color: var(--kendo-color-info);
47341
47931
  color: var(--kendo-color-info);
@@ -47355,183 +47945,8 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
47355
47945
  color: var(--kendo-color-success);
47356
47946
  background-color: var(--kendo-color-success-subtle);
47357
47947
  }
47358
- .k-animation-container:has(.k-tooltip) {
47359
- white-space: overflow-wrap;
47360
- background-color: var(--kendo-color-primary-hover);
47361
- border-radius: 0.25rem;
47362
- max-width: 50ch;
47363
- }
47364
- .k-animation-container:has(.k-tooltip) .k-tooltip {
47365
- color: var(--kendo-color-light);
47366
- padding: 0.5rem 1rem;
47367
- font-size: 0.875rem;
47368
- box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
47369
- }
47370
- .k-animation-container:has(.k-tooltip) .k-callout {
47371
- display: none;
47372
- }
47373
- .k-expander-header:focus-visible {
47374
- box-shadow: inset 0px 0px 0px 2px #195bb5;
47375
- }
47376
- .tb-v8_2_0 {
47377
- font-family: "Inter";
47378
- }
47379
- .k-icon-wrap::before,
47380
- .k-checkbox-wrap::before,
47381
- .k-list-item-text::before,
47382
- .k-list-header-text::before,
47383
- .k-list-optionlabel::before,
47384
- .k-table-list .k-table-group-row::before,
47385
- .k-skeleton-text:empty::before,
47386
- .k-placeholder-line:empty::before,
47387
- .k-input-value-text::before,
47388
- .k-radio-wrap::before,
47389
- .k-calendar-infinite .k-calendar-view::after,
47390
- .k-calendar-navigation::before,
47391
- .k-calendar-navigation::after,
47392
- .k-time-list-wrapper.k-focus::before,
47393
- .k-time-list-wrapper.k-focus::after,
47394
- .k-time-list::before,
47395
- .k-time-list::after,
47396
- .k-multiselecttree .k-input-inner::before,
47397
- .k-window-title::before,
47398
- .k-gantt-tasks td::after {
47399
- content: "";
47400
- }
47401
- .fk-menu .k-menu.k-menu-horizontal > .k-item.k-menu-item {
47402
- position: relative;
47403
- }
47404
- .fk-menu
47405
- .k-menu.k-menu-horizontal
47406
- > .k-item.k-menu-item.fk-separator-prefix::before,
47407
- .fk-menu
47408
- .k-menu.k-menu-horizontal
47409
- > .k-item.k-menu-item.fk-separator-suffix::after {
47410
- content: "";
47411
- position: absolute;
47412
- top: 0;
47413
- bottom: 0;
47414
- background: var(--kendo-color-border);
47415
- width: 1px;
47416
- pointer-events: none;
47417
- }
47418
- .fk-menu
47419
- .k-menu.k-menu-horizontal
47420
- > .k-item.k-menu-item.fk-separator-prefix::before {
47421
- left: 0;
47422
- }
47423
- .fk-menu
47424
- .k-menu.k-menu-horizontal
47425
- > .k-item.k-menu-item.fk-separator-suffix::after {
47426
- right: 0;
47427
- }
47428
- .fk-menu
47429
- .k-menu.k-menu-vertical
47430
- > .k-item.k-menu-item.fk-separator-prefix::before,
47431
- .fk-menu
47432
- .k-menu.k-menu-vertical
47433
- > .k-item.k-menu-item.fk-separator-suffix::after {
47434
- content: "";
47435
- background: var(--kendo-color-border);
47436
- height: 1px;
47437
- margin: -1px 0;
47438
- pointer-events: none;
47439
- }
47440
- .fk-menu .k-menu-vertical,
47441
- .fk-menu .k-menu-horizontal {
47442
- width: -moz-fit-content;
47443
- width: fit-content;
47444
- }
47445
- .fk-daterangepicker .k-maskedtextbox {
47446
- width: 16rem;
47447
- min-width: 16rem;
47448
- }
47449
- .fk-daterangepicker .k-maskedtextbox:has(.k-clear-value) {
47450
- width: 18rem;
47451
- min-width: 18rem;
47452
- }
47453
- .fk-daterangepicker .k-input-suffix,
47454
- .fk-daterangepicker .k-input-prefix {
47455
- cursor: pointer;
47456
- }
47457
- .fk-daterangepicker .k-input-suffix:hover,
47458
- .fk-daterangepicker .k-input-prefix:hover {
47459
- background-color: var(--kendo-color-primary-subtle-hover);
47460
- }
47461
- .k-calendar-view.k-hstack,
47462
- .k-calendar-view.k-hbox {
47463
- display: flex;
47464
- flex-direction: row;
47465
- flex-wrap: wrap;
47466
- max-width: 36rem;
47467
- }
47468
- .k-calendar-table:has(.k-focus) {
47469
- background-color: hsl(from var(--kendo-color-primary) h s 95%);
47470
- border-radius: 0.25rem;
47471
- }
47472
- .k-calendar-table
47473
- > .k-calendar-tbody
47474
- > .k-calendar-tr:nth-last-child(2):has(
47475
- .k-calendar-td:first-child:is(.k-empty)
47476
- ) {
47477
- display: none;
47478
- }
47479
- .k-calendar-table
47480
- > .k-calendar-tbody
47481
- > .k-calendar-tr:last-child:has(.k-calendar-td:first-child:is(.k-empty)) {
47482
- display: none;
47483
- }
47484
- .k-animation-container
47485
- .k-child-animation-container
47486
- .k-calendar
47487
- .k-calendar-view.k-calendar-monthview
47488
- .k-calendar-tr
47489
- .k-calendar-td {
47490
- width: 2.5rem;
47491
- height: 2.5rem;
47492
- }
47493
- .k-animation-container
47494
- .k-child-animation-container
47495
- .k-calendar
47496
- .k-calendar-view.k-calendar-monthview
47497
- .k-calendar-tr
47498
- .k-calendar-th {
47499
- width: 2.5rem;
47500
- height: 2.5rem;
47501
- }
47502
- .k-animation-container:has(.k-calendar-view) {
47503
- margin-top: 0.25rem;
47504
- }
47505
- .fk-timepicker .k-timepicker {
47506
- width: 10rem;
47507
- min-width: 10rem;
47508
- display: flex;
47509
- justify-content: space-between;
47510
- }
47511
- .fk-datepicker .k-datepicker {
47512
- width: 10rem;
47513
- min-width: 10rem;
47514
- display: flex;
47515
- justify-content: space-between;
47516
- }
47517
- .fk-timepicker .k-timepicker.k-input .k-maskedtextbox.k-input,
47518
- .fk-timepicker .k-timepicker.k-input.k-focus .k-maskedtextbox.k-input,
47519
- .fk-datepicker .k-datepicker.k-input .k-maskedtextbox.k-input,
47520
- .fk-datepicker .k-datepicker.k-input.k-focus .k-maskedtextbox.k-input {
47521
- box-shadow: none;
47522
- }
47523
- .fk-field-block {
47524
- margin-bottom: var(--kendo-spacing-5);
47525
- }
47526
- .fk-field-block :is(.k-label) {
47527
- display: block;
47528
- margin-block: var(--kendo-spacing-1);
47529
- }
47530
- .k-textbox:has(.k-input-inner[readonly]) {
47531
- border-color: var(--kendo-color-border);
47532
- }
47533
- .k-textbox:has(.k-input-inner[readonly]):hover {
47534
- box-shadow: none;
47948
+ .k-checkbox-wrap .k-checkbox {
47949
+ transition-duration: 50ms;
47535
47950
  }
47536
47951
  .k-tabstrip .k-tabstrip-content.k-active,
47537
47952
  .k-tabstrip .k-tabstrip-content.k-state-active,
@@ -48972,12 +49387,6 @@ h1 {
48972
49387
  .k-slider .k-label {
48973
49388
  font-variant-numeric: tabular-nums;
48974
49389
  }
48975
- .k-appbar.k-appbar-light.k-appbar-static {
48976
- position: static;
48977
- }
48978
- .k-appbar.k-appbar-light.k-appbar-top {
48979
- top: auto;
48980
- }
48981
49390
  .k-appbar.k-appbar-light {
48982
49391
  height: 64px;
48983
49392
  background-color: #003583;
@@ -48985,6 +49394,9 @@ h1 {
48985
49394
  box-shadow: 0px 1px 0px 0px hsla(0, 0%, 100%, 0.24);
48986
49395
  color: #fff;
48987
49396
  }
49397
+ .k-appbar.k-appbar-light.k-appbar-static {
49398
+ position: absolute;
49399
+ }
48988
49400
  .k-appbar.k-appbar-light .k-appbar-section {
48989
49401
  height: 48px;
48990
49402
  color: #fff;
@@ -51060,10 +51472,10 @@ h1 {
51060
51472
  .k-maskedtextbox.k-input.k-state-disabled.k-input-solid,
51061
51473
  .k-maskedtextbox.k-input:disabled.k-input-solid {
51062
51474
  color: rgba(10, 12, 27, 0.4);
51063
- border-bottom-color: rgba(10, 12, 27, 0.4);
51064
- border-left-color: rgba(10, 12, 27, 0.4);
51065
- border-right-color: rgba(10, 12, 27, 0.4);
51066
- border-top-color: rgba(10, 12, 27, 0.4);
51475
+ border-bottom-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
51476
+ border-left-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
51477
+ border-right-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
51478
+ border-top-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
51067
51479
  }
51068
51480
  .k-numerictextbox.k-input
51069
51481
  .k-input-spinner.k-spin-button
@@ -57233,127 +57645,101 @@ div.fk-container {
57233
57645
  rgba(25, 91, 181, 0.12)
57234
57646
  );
57235
57647
  }
57236
- .fk-tabstrip-no-border.k-tabstrip.k-tabstrip-top .k-tabstrip-content.k-active,
57237
- .fk-tabstrip-no-border.k-tabstrip.k-tabstrip-top
57238
- .k-tabstrip-content.k-state-active,
57239
- .fk-tabstrip-no-border.k-tabstrip.k-tabstrip-top .k-tabstrip-content:active {
57240
- border-bottom-style: none;
57241
- border-left-style: none;
57242
- border-right-style: none;
57243
- border-top-style: none;
57244
- padding-left: 0px;
57245
- }
57246
57648
  .fk-tabstrip-no-border.k-tabstrip
57247
57649
  .k-tabstrip-items-wrapper
57248
57650
  .k-tabstrip-items.k-reset
57249
- .k-item.k-tabstrip-item.k-focus,
57651
+ .k-item.k-tabstrip-item.k-active,
57250
57652
  .fk-tabstrip-no-border.k-tabstrip
57251
57653
  .k-tabstrip-items-wrapper
57252
57654
  .k-tabstrip-items.k-reset
57253
- .k-item.k-tabstrip-item.k-state-focus,
57655
+ .k-item.k-tabstrip-item.k-state-active,
57254
57656
  .fk-tabstrip-no-border.k-tabstrip
57255
57657
  .k-tabstrip-items-wrapper
57256
57658
  .k-tabstrip-items.k-reset
57257
- .k-item.k-tabstrip-item.k-state-focused,
57659
+ .k-item.k-tabstrip-item:active {
57660
+ box-shadow: inset 0px -4px 0px 0px var(--kendo-color-primary, #003583);
57661
+ }
57258
57662
  .fk-tabstrip-no-border.k-tabstrip
57259
57663
  .k-tabstrip-items-wrapper
57260
57664
  .k-tabstrip-items.k-reset
57261
- .k-item.k-tabstrip-item:focus {
57665
+ .k-item.k-tabstrip-item
57666
+ .k-link {
57262
57667
  border-bottom-style: none;
57263
57668
  border-left-style: none;
57264
57669
  border-right-style: none;
57265
57670
  border-top-style: none;
57266
57671
  }
57267
- .fk-tabstrip-no-border.k-tabstrip
57268
- .k-tabstrip-items-wrapper
57269
- .k-tabstrip-items.k-reset
57270
- .k-item.k-tabstrip-item.k-active
57271
- .k-link,
57272
- .fk-tabstrip-no-border.k-tabstrip
57273
- .k-tabstrip-items-wrapper
57274
- .k-tabstrip-items.k-reset
57275
- .k-item.k-tabstrip-item.k-state-active
57276
- .k-link,
57277
- .fk-tabstrip-no-border.k-tabstrip
57278
- .k-tabstrip-items-wrapper
57279
- .k-tabstrip-items.k-reset
57280
- .k-item.k-tabstrip-item:active
57281
- .k-link {
57282
- padding-bottom: 4px;
57283
- }
57284
- .fk-tabstrip-no-border.k-tabstrip
57672
+ .fk-tabstrip-no-border.k-tabstrip.k-tabstrip-top
57285
57673
  .k-tabstrip-items-wrapper
57286
57674
  .k-tabstrip-items.k-reset
57287
57675
  .k-item.k-tabstrip-item.k-active,
57288
- .fk-tabstrip-no-border.k-tabstrip
57676
+ .fk-tabstrip-no-border.k-tabstrip.k-tabstrip-top
57289
57677
  .k-tabstrip-items-wrapper
57290
57678
  .k-tabstrip-items.k-reset
57291
57679
  .k-item.k-tabstrip-item.k-state-active,
57292
- .fk-tabstrip-no-border.k-tabstrip
57680
+ .fk-tabstrip-no-border.k-tabstrip.k-tabstrip-top
57293
57681
  .k-tabstrip-items-wrapper
57294
57682
  .k-tabstrip-items.k-reset
57295
57683
  .k-item.k-tabstrip-item:active {
57296
- box-shadow: inset 0px -4px 0px 0px var(--kendo-color-primary, #003583);
57684
+ margin-bottom: -1px;
57685
+ border-bottom-style: none;
57686
+ border-left-style: none;
57687
+ border-right-style: none;
57688
+ border-top-style: none;
57297
57689
  }
57298
- .fk-tabstrip-no-border.k-tabstrip
57299
- .k-tabstrip-items-wrapper
57300
- .k-tabstrip-items.k-reset
57301
- .k-item.k-tabstrip-item.k-active.k-focus,
57302
- .fk-tabstrip-no-border.k-tabstrip
57690
+ .fk-tabstrip-no-border.k-tabstrip.k-tabstrip-left
57303
57691
  .k-tabstrip-items-wrapper
57304
57692
  .k-tabstrip-items.k-reset
57305
- .k-item.k-tabstrip-item.k-state-active.k-focus,
57306
- .fk-tabstrip-no-border.k-tabstrip
57307
- .k-tabstrip-items-wrapper
57308
- .k-tabstrip-items.k-reset
57309
- .k-item.k-tabstrip-item:active.k-focus,
57310
- .fk-tabstrip-no-border.k-tabstrip
57311
- .k-tabstrip-items-wrapper
57312
- .k-tabstrip-items.k-reset
57313
- .k-item.k-tabstrip-item.k-active.k-state-focus,
57314
- .fk-tabstrip-no-border.k-tabstrip
57315
- .k-tabstrip-items-wrapper
57316
- .k-tabstrip-items.k-reset
57317
- .k-item.k-tabstrip-item.k-active.k-state-focused,
57318
- .fk-tabstrip-no-border.k-tabstrip
57319
- .k-tabstrip-items-wrapper
57320
- .k-tabstrip-items.k-reset
57321
- .k-item.k-tabstrip-item.k-active:focus,
57322
- .fk-tabstrip-no-border.k-tabstrip
57693
+ .k-item.k-tabstrip-item
57694
+ .k-link {
57695
+ font-weight: 400;
57696
+ }
57697
+ .fk-tabstrip-no-border.k-tabstrip.k-tabstrip-left
57323
57698
  .k-tabstrip-items-wrapper
57324
57699
  .k-tabstrip-items.k-reset
57325
- .k-item.k-tabstrip-item.k-state-active.k-state-focus,
57326
- .fk-tabstrip-no-border.k-tabstrip
57700
+ .k-item.k-tabstrip-item.k-active
57701
+ .k-link,
57702
+ .fk-tabstrip-no-border.k-tabstrip.k-tabstrip-left
57327
57703
  .k-tabstrip-items-wrapper
57328
57704
  .k-tabstrip-items.k-reset
57329
- .k-item.k-tabstrip-item.k-state-active.k-state-focused,
57330
- .fk-tabstrip-no-border.k-tabstrip
57705
+ .k-item.k-tabstrip-item.k-state-active
57706
+ .k-link,
57707
+ .fk-tabstrip-no-border.k-tabstrip.k-tabstrip-left
57331
57708
  .k-tabstrip-items-wrapper
57332
57709
  .k-tabstrip-items.k-reset
57333
- .k-item.k-tabstrip-item.k-state-active:focus,
57334
- .fk-tabstrip-no-border.k-tabstrip
57710
+ .k-item.k-tabstrip-item:active
57711
+ .k-link {
57712
+ font-weight: 800;
57713
+ letter-spacing: -0.015em;
57714
+ margin-right: 1px;
57715
+ }
57716
+ .fk-tabstrip-no-border.k-tabstrip.k-tabstrip-top
57335
57717
  .k-tabstrip-items-wrapper
57336
57718
  .k-tabstrip-items.k-reset
57337
- .k-item.k-tabstrip-item:active.k-state-focus,
57338
- .fk-tabstrip-no-border.k-tabstrip
57719
+ .k-item.k-tabstrip-item
57720
+ .k-link {
57721
+ font-weight: 500;
57722
+ }
57723
+ .fk-tabstrip-no-border.k-tabstrip.k-tabstrip-right
57339
57724
  .k-tabstrip-items-wrapper
57340
57725
  .k-tabstrip-items.k-reset
57341
- .k-item.k-tabstrip-item:active.k-state-focused,
57342
- .fk-tabstrip-no-border.k-tabstrip
57726
+ .k-item.k-tabstrip-item.k-active
57727
+ .k-link,
57728
+ .fk-tabstrip-no-border.k-tabstrip.k-tabstrip-right
57343
57729
  .k-tabstrip-items-wrapper
57344
57730
  .k-tabstrip-items.k-reset
57345
- .k-item.k-tabstrip-item:active:focus {
57346
- box-shadow:
57347
- inset 0px -4px 0px 0px var(--kendo-color-primary, #003583),
57348
- inset 0px 0px 0px 2px var(--kendo-color-primary, #003583);
57349
- }
57350
- .fk-tabstrip-no-border.k-tabstrip
57731
+ .k-item.k-tabstrip-item.k-state-active
57732
+ .k-link,
57733
+ .fk-tabstrip-no-border.k-tabstrip.k-tabstrip-right
57351
57734
  .k-tabstrip-items-wrapper
57352
57735
  .k-tabstrip-items.k-reset
57353
- .k-item.k-tabstrip-item
57736
+ .k-item.k-tabstrip-item:active
57354
57737
  .k-link {
57355
- border-bottom-style: none;
57356
- border-left-style: none;
57357
- border-right-style: none;
57358
- border-top-style: none;
57738
+ margin-left: 1px;
57739
+ }
57740
+ .k-slider.k-slider-horizontal
57741
+ .k-slider-track-wrap
57742
+ .k-slider-track
57743
+ .k-draghandle.k-draghandle-start {
57744
+ visibility: visible;
57359
57745
  }