cronapp-framework-js 2.9.3-SP.6 → 2.9.4-RC.3

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 (100) hide show
  1. package/components/crn-enterprise-combobox.components.json +7 -0
  2. package/components/crn-infinite-scroll.components.json +29 -0
  3. package/components/crn-navbar.components.json +33 -1
  4. package/components/css/checkbox-color.css +0 -1
  5. package/components/css/combobox-color.css +0 -12
  6. package/components/css/option-color.css +0 -28
  7. package/components/upload/upload.html +1 -1
  8. package/css/animate.css +4 -4
  9. package/css/app.css +4 -4
  10. package/css/themes/custom/aquamarine/custom-aquamarine.css +7 -1
  11. package/css/themes/custom/cerulean/button-cerulean.css +27 -2
  12. package/css/themes/custom/cerulean/combobox-cerulean.css +153 -0
  13. package/css/themes/custom/cerulean/custom-cerulean.css +571 -65
  14. package/css/themes/custom/cerulean/navbar-cerulean.css +90 -22
  15. package/css/themes/custom/cerulean/panel-cerulean.css +35 -34
  16. package/css/themes/custom/cyborg/navbar-cyborg.css +6 -0
  17. package/css/themes/custom/dsgov/button-dsgov.css +52 -17
  18. package/css/themes/custom/dsgov/calendar-dsgov.css +106 -34
  19. package/css/themes/custom/dsgov/checkbox-dsgov.css +309 -0
  20. package/css/themes/custom/dsgov/custom-dsgov.css +171 -344
  21. package/css/themes/custom/dsgov/form-dsgov.css +272 -110
  22. package/css/themes/custom/dsgov/navbar-dsgov.css +150 -38
  23. package/css/themes/custom/dsgov/option-dsgov.css +144 -0
  24. package/css/themes/custom/dsgov/panel-dsgov.css +117 -97
  25. package/css/themes/custom/dsgov/scheduler-dsgov.css +325 -0
  26. package/css/themes/custom/dsgov/slider-dsgov.css +2 -3
  27. package/css/themes/custom/dsgov/table-grid-dsgov.css +144 -69
  28. package/css/themes/custom/lumen/navbar-lumen.css +9 -0
  29. package/css/themes/custom/material/custom-material.css +130 -70
  30. package/css/themes/custom/material/grid-material.css +37 -43
  31. package/css/themes/custom/material/navbar-material.css +58 -6
  32. package/css/themes/custom/material/panel-material.css +61 -20
  33. package/css/themes/custom/navigator/custom-navigator.css +2 -2
  34. package/css/themes/custom/paper/navbar-paper.css +11 -0
  35. package/css/themes/custom/theme-general/button.css +6 -2
  36. package/css/themes/custom/theme-general/forms.css +89 -3
  37. package/css/themes/custom/theme-general/login.css +6 -6
  38. package/css/themes/custom/theme-general/menu-vertical-retratil.css +130 -0
  39. package/css/themes/custom/theme-general/menu.css +18 -4
  40. package/css/themes/custom/theme-general/modal.css +35 -6
  41. package/css/themes/custom/theme-general/scheduler.css +275 -34
  42. package/css/themes/custom/theme-general/slider.css +4 -3
  43. package/css/themes/custom/theme-general/table-grid.css +138 -2
  44. package/css/themes/custom/theme-general/tabs.css +3 -2
  45. package/css/themes/custom/theme-general/theme-general.css +42 -3
  46. package/css/themes/custom/united/navbar-united.css +9 -0
  47. package/css/themes/custom/yeti/navbar-yeti.css +9 -0
  48. package/dist/components/css/checkbox-color.css +1 -1
  49. package/dist/components/css/combobox-color.css +1 -1
  50. package/dist/css/animate.css +1 -1
  51. package/dist/css/app.css +1 -1
  52. package/dist/css/themes/custom/aquamarine/custom-aquamarine.css +1 -1
  53. package/dist/css/themes/custom/cerulean/button-cerulean.css +1 -1
  54. package/dist/css/themes/custom/cerulean/combobox-cerulean.css +1 -0
  55. package/dist/css/themes/custom/cerulean/custom-cerulean.css +1 -1
  56. package/dist/css/themes/custom/cerulean/navbar-cerulean.css +1 -1
  57. package/dist/css/themes/custom/cerulean/panel-cerulean.css +1 -1
  58. package/dist/css/themes/custom/cyborg/navbar-cyborg.css +1 -1
  59. package/dist/css/themes/custom/dsgov/button-dsgov.css +1 -1
  60. package/dist/css/themes/custom/dsgov/calendar-dsgov.css +1 -1
  61. package/dist/css/themes/custom/dsgov/checkbox-dsgov.css +1 -0
  62. package/dist/css/themes/custom/dsgov/custom-dsgov.css +1 -1
  63. package/dist/css/themes/custom/dsgov/form-dsgov.css +1 -1
  64. package/dist/css/themes/custom/dsgov/navbar-dsgov.css +1 -1
  65. package/dist/css/themes/custom/dsgov/option-dsgov.css +1 -0
  66. package/dist/css/themes/custom/dsgov/panel-dsgov.css +1 -1
  67. package/dist/css/themes/custom/dsgov/scheduler-dsgov.css +1 -0
  68. package/dist/css/themes/custom/dsgov/slider-dsgov.css +1 -1
  69. package/dist/css/themes/custom/dsgov/table-grid-dsgov.css +1 -1
  70. package/dist/css/themes/custom/lumen/navbar-lumen.css +1 -1
  71. package/dist/css/themes/custom/material/custom-material.css +1 -1
  72. package/dist/css/themes/custom/material/grid-material.css +1 -1
  73. package/dist/css/themes/custom/material/navbar-material.css +1 -1
  74. package/dist/css/themes/custom/material/panel-material.css +1 -1
  75. package/dist/css/themes/custom/navigator/custom-navigator.css +1 -1
  76. package/dist/css/themes/custom/paper/navbar-paper.css +1 -1
  77. package/dist/css/themes/custom/theme-general/button.css +1 -1
  78. package/dist/css/themes/custom/theme-general/forms.css +1 -1
  79. package/dist/css/themes/custom/theme-general/login.css +1 -1
  80. package/dist/css/themes/custom/theme-general/menu-vertical-retratil.css +1 -0
  81. package/dist/css/themes/custom/theme-general/menu.css +1 -1
  82. package/dist/css/themes/custom/theme-general/modal.css +1 -1
  83. package/dist/css/themes/custom/theme-general/scheduler.css +1 -1
  84. package/dist/css/themes/custom/theme-general/slider.css +1 -1
  85. package/dist/css/themes/custom/theme-general/table-grid.css +1 -1
  86. package/dist/css/themes/custom/theme-general/tabs.css +1 -1
  87. package/dist/css/themes/custom/theme-general/theme-general.css +1 -1
  88. package/dist/css/themes/custom/united/navbar-united.css +1 -1
  89. package/dist/css/themes/custom/yeti/navbar-yeti.css +1 -1
  90. package/dist/img/cron-icon/crn-infinite-scroll.svg +1 -0
  91. package/dist/js/app.js +1 -1
  92. package/dist/js/controllers.js +1 -1
  93. package/dist/js/directives.js +2 -2
  94. package/img/cron-icon/crn-infinite-scroll.svg +1 -0
  95. package/js/app.js +2 -1
  96. package/js/controllers.js +2 -2
  97. package/js/directives.js +63 -13
  98. package/package.json +1 -1
  99. package/css/themes/custom/dsgov/color-dsgov.css +0 -138
  100. package/dist/css/themes/custom/dsgov/color-dsgov.css +0 -1
@@ -1,6 +1,7 @@
1
1
  @import 'button-cerulean.css';
2
2
  @import 'panel-cerulean.css';
3
3
  @import 'navbar-cerulean.css';
4
+ @import 'combobox-cerulean.css';
4
5
 
5
6
  /* Fonts */
6
7
  @import '../../../fonts/roboto/roboto.css';
@@ -73,7 +74,7 @@
73
74
 
74
75
  /* Border Radius */
75
76
  --borderRadiusNone: 0;
76
- --borderRadiusSmallest: 5px;
77
+ --borderRadiusSmallest: 4px;
77
78
  --borderRadiusExtraSmall: 10px;
78
79
  --borderRadiusSmall: 15px;
79
80
  --borderRadiusBig: 30px;
@@ -271,7 +272,7 @@
271
272
  /* Components - Button */
272
273
  --btnLink: var(--colorPrimary40, #2fa4e7);
273
274
  --btnDefault: linear-gradient(var(--colorDefault10, #fcfcfc), var(--colorDefault10, #fcfcfc) 60%, var(--colorDefault40, #f5f5f5));
274
- --btnPrimary: linear-gradient(var(--colorPrimary30, #82bded), var(--colorPrimary40, #2fa4e7) 60%, var(--colorPrimary50, #3c6088));
275
+ --btnPrimary: linear-gradient(var(--colorPrimary30, #82bded), var(--colorPrimary40, #2fa4e7) 60%, var(--colorPrimary50, #2990ca));
275
276
  --btnSuccess: linear-gradient(var(--colorSuccess30, #9fc085), var(--colorSuccess40, #73a839) 60%, var(--colorSuccess50, #359e1d));
276
277
  --btnCalm: linear-gradient(var(--colorCalm30, #7b869f), var(--colorCalm40, #033c73) 60%, var(--colorCalm50, #033565));
277
278
  --btnWarning: linear-gradient(var(--colorWarning30, #e5907b), var(--colorWarning40, #dd5600) 60%, var(--colorWarning50, #c24b00));
@@ -352,7 +353,7 @@
352
353
  --comboboxDark: var(--colorDark40, #444444);
353
354
 
354
355
  --borderComboboxDefault: var(--colorDefault50, #d7d7d7);
355
- --borderComboboxPrimary: var(--colorPrimary50, #4b58a6);
356
+ --borderComboboxPrimary: var(--colorPrimary50, #2990ca);
356
357
  --borderComboboxSuccess: var(--colorSuccess50, #73a839);
357
358
  --borderComboboxCalm: var(--colorCalm50, #033c73);
358
359
  --borderComboboxWarning: var(--colorWarning50, #dd5600);
@@ -426,6 +427,13 @@ h6,
426
427
  color: var(--colorPrimary60, #2278a9);
427
428
  }
428
429
 
430
+
431
+ .h1,
432
+ .h2,
433
+ .h3 {
434
+ font-weight: 400;
435
+ }
436
+
429
437
  .color-light {
430
438
  color: var(--colorLight50, #dfdfdf);
431
439
  }
@@ -435,7 +443,11 @@ h6,
435
443
  }
436
444
 
437
445
  .color-stable {
438
- color: var(--colorStable50, #d9d9d9);
446
+ color: var(--colorStable60, #b6b6b6);
447
+ }
448
+
449
+ .color-stable:hover {
450
+ color: var(--colorStable70, #888888);
439
451
  }
440
452
 
441
453
  /* Link */
@@ -449,8 +461,11 @@ a:hover {
449
461
  color: var(--colorPrimary60, #2278a9);
450
462
  }
451
463
 
452
- /* option - radio */
464
+ label {
465
+ font-weight: 600;
466
+ }
453
467
 
468
+ /* option - radio */
454
469
  .option-default .k-radio:checked+.k-radio-label:before,
455
470
  .option-default .k-radio-label:before {
456
471
  border-color: var(--colorDefault50, #d7d7d7);
@@ -463,7 +478,7 @@ a:hover {
463
478
 
464
479
  .option-stable .k-radio:checked+.k-radio-label:before,
465
480
  .option-stable .k-radio-label:before {
466
- border-color: var(--colorStable50, #d9d9d9);
481
+ border-color: var(--colorStable60, #b6b6b6);
467
482
  }
468
483
 
469
484
  .option-default .k-radio-label:after,
@@ -480,8 +495,8 @@ a:hover {
480
495
 
481
496
  .option-stable .k-radio-label:after,
482
497
  .option-stable .k-radio:checked+.k-radio-label:after {
483
- background: var(--colorStable50, #d9d9d9);
484
- border-color: var(--colorStable50, #d9d9d9);
498
+ background: var(--colorStable60, #b6b6b6);
499
+ border-color: var(--colorStable60, #b6b6b6);
485
500
  }
486
501
 
487
502
  .option-default .k-radio:focus+.k-radio-label::before,
@@ -498,11 +513,16 @@ a:hover {
498
513
 
499
514
  .option-stable .k-radio:focus+.k-radio-label::before,
500
515
  .option-stable .k-radio:hover+.k-radio-label::before {
501
- box-shadow: 0 0 5px 0 var(--colorStable50, #d9d9d9);
502
- border-color: var(--colorStable50, #d9d9d9);
516
+ box-shadow: 0 0 5px 0 var(--colorStable60, #b6b6b6);
517
+ border-color: var(--colorStable60, #b6b6b6);
503
518
  }
504
519
 
505
520
  /* Checkbox */
521
+ .k-checkbox-label,
522
+ .k-radio-label {
523
+ font-weight: 400;
524
+ }
525
+
506
526
  .k-checkbox:checked+.k-checkbox-label:before,
507
527
  .k-checkbox:indeterminate+.k-checkbox-label:before,
508
528
  .k-checkbox-label:hover:before,
@@ -547,19 +567,6 @@ a:hover {
547
567
  box-shadow: 0 0 5px 0 var(--colorDefault60, #b3b3b3);
548
568
  }
549
569
 
550
- .k-checkbox:checked+.k-checkbox-label:before,
551
- .k-checkbox:indeterminate+.k-checkbox-label:before,
552
- .k-checkbox:checked+.k-checkbox-label:after,
553
- .k-checkbox:indeterminate+.k-checkbox-label:after,
554
- .checkbox-default .k-checkbox:checked+.k-checkbox-label:before,
555
- .checkbox-default .k-checkbox:indeterminate+.k-checkbox-label:before,
556
- .checkbox-default .k-checkbox:checked+.k-checkbox-label:after,
557
- .checkbox-default .k-checkbox:indeterminate+.k-checkbox-label:after {
558
- background: var(--colorDefault50, #d7d7d7);
559
- color: var(--textColorDefault40, #ffffff);
560
- }
561
-
562
-
563
570
  .checkbox-light .k-checkbox:checked+.k-checkbox-label:before,
564
571
  .checkbox-light .k-checkbox:indeterminate+.k-checkbox-label:before,
565
572
  .checkbox-light .k-checkbox-label:hover:before,
@@ -590,7 +597,6 @@ a:hover {
590
597
  .checkbox-light .k-checkbox:checked+.k-checkbox-label:after,
591
598
  .checkbox-light .k-checkbox:indeterminate+.k-checkbox-label:after {
592
599
  background: var(--colorLight50, #dfdfdf);
593
- color: var(--textColorLight40, #444444);
594
600
  }
595
601
 
596
602
  .checkbox-stable .k-checkbox:checked+.k-checkbox-label:before,
@@ -606,7 +612,7 @@ a:hover {
606
612
  .checkbox-stable .k-checkbox:checked+.k-checkbox-label:after,
607
613
  .checkbox-stable .k-checkbox:indeterminate+.k-checkbox-label:after,
608
614
  .checkbox-stable .k-checkbox-label:before {
609
- border-color: var(--colorStable50, #d9d9d9);
615
+ border-color: var(--colorStable60, #b6b6b6);
610
616
  }
611
617
 
612
618
  .checkbox-stable .k-checkbox-label:hover:before,
@@ -615,15 +621,14 @@ a:hover {
615
621
  .checkbox-stable .k-checkbox:hover+.k-checkbox-label:before,
616
622
  .checkbox-stable .k-checkbox:focus+.k-checkbox-label:before,
617
623
  .checkbox-stable .k-checkbox:hover+.k-checkbox-label:before {
618
- box-shadow: 0 0 5px 0 var(--colorStable60, #b6b6b6);
624
+ box-shadow: 0 0 5px 0 var(--colorStable70, #888888);
619
625
  }
620
626
 
621
627
  .checkbox-stable .k-checkbox:checked+.k-checkbox-label:before,
622
628
  .checkbox-stable .k-checkbox:indeterminate+.k-checkbox-label:before,
623
629
  .checkbox-stable .k-checkbox:checked+.k-checkbox-label:after,
624
630
  .checkbox-stable .k-checkbox:indeterminate+.k-checkbox-label:after {
625
- background: var(--colorStable50, #d9d9d9);
626
- color: var(--textColorStable40, #ffffff);
631
+ background: var(--colorStable60, #b6b6b6);
627
632
  }
628
633
 
629
634
  /* Modal */
@@ -636,20 +641,69 @@ a:hover {
636
641
  background: var(--backgroundColor50, #dfdfdf);
637
642
  }
638
643
 
644
+ .k-slider .k-slider-selection {
645
+ background: var(--colorPrimary40, #2fa4e7);
646
+ margin-top: -1px;
647
+ }
648
+
649
+ .k-slider .k-draghandle,
650
+ .k-slider .k-draghandle.k-state-focused,
651
+ .k-slider .k-draghandle.k-state-focused:link {
652
+ background: linear-gradient(var(--colorPrimary30, #82bded), var(--colorPrimary40, #2fa4e7) 60%, var(--colorPrimary50, #2990ca));
653
+ border-color: var(--colorPrimary40, #2fa4e7);
654
+ }
655
+
656
+ .k-grid .k-slider .k-button,
657
+ .k-slider .k-button {
658
+ background: linear-gradient(var(--colorPrimary30, #82bded), var(--colorPrimary40, #2fa4e7) 60%, var(--colorPrimary50, #2990ca));
659
+ border-color: var(--colorPrimary40, #2fa4e7);
660
+ color: var(--textColorPrimary40, #ffffff);
661
+ }
662
+
663
+ .k-draghandle.k-state-focused,
664
+ .k-draghandle.k-state-focused:link,
665
+ .k-slider-buttons .k-button:active,
666
+ .k-slider-buttons .k-button:focus,
667
+ .k-grid .k-slider .k-button:hover,
668
+ .k-slider .k-button:hover {
669
+ color: var(--textColorPrimary40, #ffffff);
670
+ background: linear-gradient(var(--colorPrimary30, #82bded), var(--colorPrimary50, #2990ca) 60%, var(--colorPrimary60, #2278a9));
671
+ border-color: var(--colorPrimary40, #2fa4e7);
672
+ }
673
+
639
674
  /* Treeview */
640
675
  .k-treeview .k-item {
641
- background: var(--colorDefault40, #f5f5f5);
642
- color: var(--textColorDefault40, #444444);
676
+ background: transparent;
677
+ color: var(--colorPrimary40, #2fa4e7);
643
678
  }
644
679
 
680
+ .k-treeview .k-in {
681
+ color: var(--colorPrimary40, #2fa4e7);
682
+ }
683
+
684
+ .k-treeview .k-item .k-group .k-in.k-state-selected,
645
685
  .k-treeview .k-in.k-state-selected {
646
- background: var(--colorDefault60, #b3b3b3);
647
- color: var(--textColorDefault40, #444444);
686
+ background: linear-gradient(var(--colorPrimary30, #82bded), var(--colorPrimary40, #2fa4e7) 60%, var(--colorPrimary50, #2990ca));
687
+ color: var(--textColorPrimary40, #ffffff);
688
+ border-color: var(--colorPrimary40);
689
+ }
690
+
691
+ .k-treeview .k-in.k-state-hover,
692
+ .k-treeview .k-in.k-state-selected,
693
+ .k-treeview .k-item {
694
+ border-radius: var(--borderRadiusSmallest, 4px);
648
695
  }
649
696
 
697
+ .k-treeview .k-item .k-group .k-in.k-state-hover,
650
698
  .k-treeview .k-in.k-state-hover {
651
- background: var(--colorDefault50, #d7d7d7);
652
- color: var(--textColorDefault40, #444444);
699
+ background: var(--colorDefault40, #f5f5f5);
700
+ color: var(--colorPrimary40, #2fa4e7);
701
+ border-color: transparent;
702
+ }
703
+
704
+ .k-treeview .k-item .k-group .k-in,
705
+ .k-treeview .k-item .k-group .k-in.k-state-hover {
706
+ color: var(--textColor40, #555555);
653
707
  }
654
708
 
655
709
  /* Grid */
@@ -657,6 +711,18 @@ a:hover {
657
711
  background: var(--colorDefault40, #f5f5f5);
658
712
  }
659
713
 
714
+ .k-grid-header .k-header {
715
+ background: var(--colorDefault40, #f5f5f5);
716
+ }
717
+
718
+ .k-grid .k-grid-header .k-header div {
719
+ padding: 0;
720
+ }
721
+
722
+ .k-header.k-grid-toolbar {
723
+ background: var(--backgroundColor40, #fff);
724
+ }
725
+
660
726
  .k-state-selected,
661
727
  .k-state-selected:link,
662
728
  .k-state-selected:visited,
@@ -667,15 +733,6 @@ a:hover {
667
733
  color: var(--textColorDefault40, #444444);
668
734
  }
669
735
 
670
- .k-grid-toolbar .k-button.k-state-hover,
671
- .k-grid-toolbar .k-button:hover {
672
- border-color: transparent;
673
- }
674
-
675
- .k-grid table .k-button {
676
- border: 1px solid var(--colorDefault50, #d7d7d7);
677
- }
678
-
679
736
  .k-state-selected,
680
737
  .k-state-selected:link,
681
738
  .k-state-selected:visited,
@@ -686,25 +743,72 @@ a:hover {
686
743
  color: var(--textColorPrimary40, #ffffff);
687
744
  }
688
745
 
689
- .k-grid-toolbar .k-button {
690
- border: 1px solid var(--colorDefault50, #d7d7d7);
691
- }
692
-
693
746
  .k-grid table tbody tr:hover {
694
- background: var(--colorDefault40, #d8d9e3);
695
- color: var(--textColorDefault40);
747
+ background: var(--colorDefault40, #f5f5f5);
748
+ color: var(--textColor40, #555555);
696
749
  }
697
750
 
698
751
  .k-popup .k-list .k-state-focused {
699
752
  box-shadow: inset 0 0 2px 0 var(--colorPrimary30, #82bded), inset 0 0 7px 0 var(--colorPrimary40, #2fa4e7);
700
753
  }
701
754
 
755
+ .k-rtl .k-grid-header:first-child th.k-header:first-child,
756
+ .k-rtl thead.k-grid-header th.k-header:first-child,
757
+ thead.k-grid-header th.k-header:last-child {
758
+ border-radius: 0;
759
+ }
760
+
761
+ .k-grid-pager,
762
+ .k-scheduler-footer {
763
+ border-radius: 0 0 var(--borderRadiusSmallest, 5px) var(--borderRadiusSmallest, 5px);
764
+ }
765
+
766
+ @media only screen and (max-width: 1024px) {
767
+
768
+ .k-edge .k-pager-numbers .k-current-page .k-link,
769
+ .k-ff .k-pager-numbers .k-current-page .k-link,
770
+ .k-ie11 .k-pager-numbers .k-current-page .k-link,
771
+ .k-safari .k-pager-numbers .k-current-page .k-link,
772
+ .k-webkit .k-pager-numbers .k-current-page .k-link {
773
+ background: linear-gradient(var(--colorPrimary30, #82bded), var(--colorPrimary40, #2fa4e7) 60%, var(--colorPrimary50, #2990ca));
774
+ border-color: var(--colorPrimary40, #2fa4e7);
775
+ color: var(--textColorPrimary40, #ffffff);
776
+ }
777
+
778
+ .k-edge .k-pager-numbers .k-current-page .k-link:hover,
779
+ .k-edge .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view:hover,
780
+ .k-ff .k-pager-numbers .k-current-page .k-link:hover,
781
+ .k-ff .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view:hover,
782
+ .k-ie11 .k-pager-numbers .k-current-page .k-link:hover,
783
+ .k-ie11 .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view:hover,
784
+ .k-safari .k-pager-numbers .k-current-page .k-link:hover,
785
+ .k-safari .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view:hover,
786
+ .k-webkit .k-pager-numbers .k-current-page .k-link:hover,
787
+ .k-webkit .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view:hover {
788
+ color: var(--textColorPrimary40, #ffffff);
789
+ background: linear-gradient(var(--colorPrimary30, #82bded), var(--colorPrimary50, #2990ca) 60%, var(--colorPrimary60, #2278a9));
790
+ border-color: var(--colorPrimary40, #2fa4e7);
791
+ }
792
+ }
793
+
702
794
  /* Pagination - Grid */
795
+ .k-grid .k-pager-sizes .k-dropdown-wrap.k-state-default {
796
+ border: 0;
797
+ border-bottom: 1px solid var(--textColor20, #b8b8b8);
798
+ box-shadow: none;
799
+ border-radius: 0;
800
+ }
703
801
 
704
802
  .k-pager-wrap .k-link.k-pager-last,
705
803
  .k-pager-nav.k-pager-first+.k-link,
706
804
  .k-pager-wrap .k-link {
707
805
  border-color: var(--colorDefault50, #d7d7d7);
806
+ border-radius: var(--borderRadiusSmallest, 4px);
807
+ }
808
+
809
+ .k-pager-wrap .k-link.k-pager-last:hover,
810
+ .k-pager-wrap .k-link:hover {
811
+ background: var(--colorDefault40, #f5f5f5);
708
812
  }
709
813
 
710
814
  .k-grid .k-pager-numbers .k-link:link,
@@ -718,6 +822,31 @@ a:hover {
718
822
  background: var(--colorPrimary40, #2fa4e7);
719
823
  color: var(--textColorPrimary40, #ffffff);
720
824
  border-color: var(--colorPrimary40, #2fa4e7);
825
+ height: 32px;
826
+ border-radius: var(--borderRadiusSmallest, 4px);
827
+ }
828
+
829
+ .k-pager-wrap .k-pager-refresh .k-icon,
830
+ .k-pager-wrap .k-pager-refresh {
831
+ background: transparent;
832
+ color: var(--colorPrimary40, #2fa4e7);
833
+ }
834
+
835
+ .k-pager-wrap .k-pager-refresh:hover .k-icon,
836
+ .k-pager-wrap .k-pager-refresh:hover {
837
+ background: var(--colorPrimary40, #2fa4e7);
838
+ color: var(--textColorPrimary40, #ffffff);
839
+ }
840
+
841
+ @media only screen and (max-width: 1024px) {
842
+
843
+ .k-edge .k-pager-numbers.k-state-expanded li:not(.k-current-page) .k-link,
844
+ .k-ff .k-pager-numbers.k-state-expanded li:not(.k-current-page) .k-link,
845
+ .k-ie11 .k-pager-numbers.k-state-expanded li:not(.k-current-page) .k-link,
846
+ .k-safari .k-pager-numbers.k-state-expanded li:not(.k-current-page) .k-link,
847
+ .k-webkit .k-pager-numbers.k-state-expanded li:not(.k-current-page) .k-link {
848
+ border-radius: var(--borderRadiusSmallest, 4px);
849
+ }
721
850
  }
722
851
 
723
852
  /* Page login */
@@ -745,7 +874,7 @@ a:hover {
745
874
  .bg-login #container-first .btn-login,
746
875
  .login-view .crn-button-signup-register,
747
876
  .login-view .btn.btn-default {
748
- background: linear-gradient(var(--colorPrimary30, #82bded), var(--colorPrimary40, #2fa4e7) 60%, var(--colorPrimary50, #3c6088));
877
+ background: linear-gradient(var(--colorPrimary30, #82bded), var(--colorPrimary40, #2fa4e7) 60%, var(--colorPrimary50, #2990ca));
749
878
  border-color: var(--colorPrimary40, #2fa4e7);
750
879
  color: var(--textColorPrimary40, #ffffff);
751
880
  }
@@ -758,6 +887,14 @@ a:hover {
758
887
  background: linear-gradient(var(--colorPrimary30, #82bded), var(--colorPrimary50, #2990ca) 60%, var(--colorPrimary60, #2278a9));
759
888
  }
760
889
 
890
+ .bg-login #container-first #crn-botao-signup {
891
+ color: var(--colorPrimary40, #2fa4e7);
892
+ }
893
+
894
+ .bg-login #container-first #crn-botao-signup:hover {
895
+ color: var(--colorPrimary60, #2278a9);
896
+ }
897
+
761
898
  /* button btn-fab */
762
899
  .btn.btn-fab,
763
900
  .btn-fab {
@@ -773,7 +910,7 @@ a:hover {
773
910
 
774
911
  /* Dynamic image */
775
912
  .dynamic-image-container {
776
- border-color: var(--textColor40, #555555);
913
+ border-color: var(--colorDefault50, #d7d7d7);
777
914
  padding: 10px;
778
915
  border-width: 2px;
779
916
  }
@@ -789,6 +926,7 @@ div[data-component="crn-textinputbutton"] div[data-component="crn-button"] butto
789
926
  border-top-left-radius: 0;
790
927
  border-bottom-left-radius: 0;
791
928
  padding: 6px 12px;
929
+ height: 38px;
792
930
  }
793
931
 
794
932
  /* Date and hour */
@@ -801,27 +939,56 @@ div[data-component="crn-textinputbutton"] div[data-component="crn-button"] butto
801
939
  color: var(--colorPrimary40, #2fa4e7);
802
940
  }
803
941
 
942
+ .bootstrap-datetimepicker-widget table td.active,
943
+ .bootstrap-datetimepicker-widget table td.active:hover {
944
+ background: linear-gradient(var(--colorPrimary30, #82bded), var(--colorPrimary40, #2fa4e7) 60%, var(--colorPrimary50, #2990ca));
945
+ color: var(--textColorPrimary40, #ffffff);
946
+ }
947
+
804
948
  .k-calendar .k-footer {
805
949
  border-top: 1px solid var(--backgroundColor50, #dfdfdf);
806
950
  }
807
951
 
952
+ .k-calendar .k-footer,
953
+ .k-calendar .k-header,
954
+ .k-scheduler-calendar .k-header,
808
955
  cron-calendar.k-calendar .k-footer,
809
956
  cron-calendar.k-calendar .k-header,
810
957
  .k-calendar .k-footer .k-nav-today {
811
- background: linear-gradient(var(--colorDefault10, #fcfcfc), var(--colorDefault10, #fcfcfc) 60%, var(--colorDefault40, #f5f5f5));
812
- color: var(--textColor40, #ffffff);
958
+ background: linear-gradient(var(--colorPrimary30, #82bded), var(--colorPrimary40, #2fa4e7) 60%, var(--colorPrimary50, #2990ca));
959
+ color: var(--textColorPrimary40, #ffffff);
813
960
  }
814
961
 
815
962
  cron-calendar.k-widget {
816
963
  border-color: var(--backgroundColor50, #dfdfdf);
817
964
  }
818
965
 
966
+ .k-scheduler-edit-form .k-edit-field .k-reset label,
967
+ .k-scheduler-edit-form .k-edit-label,
968
+ .k-scheduler-edit-form .k-edit-field .k-check {
969
+ font-weight: 400;
970
+ }
971
+
972
+ .k-scheduler-table .k-state-selected,
973
+ .k-scheduler-agendaview .k-scheduler-table .k-state-selected td.k-first,
974
+ .k-scheduler-agendaview .k-scheduler-table .k-state-selected td div,
975
+ .k-scheduler-agendaview .k-scheduler-table .k-state-selected td {
976
+ color: var(--textColorPrimary40, #ffffff);
977
+ background: var(--colorPrimary40, #2fa4e7);
978
+ }
979
+
980
+
981
+ .k-scheduler-layout .k-scheduler-table tr th {
982
+ background: var(--backgroundColor40, #ffffff);
983
+ }
984
+
985
+ .k-scheduler-table .k-state-selected div .k-icon,
819
986
  .k-calendar td.k-state-hover,
820
987
  .k-calendar .k-link.k-nav-fast,
821
988
  .k-calendar .k-header .k-link.k-nav-next,
822
989
  .k-calendar .k-header .k-link.k-nav-prev,
823
990
  .k-calendar .k-header .k-icon {
824
- color: var(--textColor40, #555555);
991
+ color: var(--textColorPrimary40, #ffffff);
825
992
  }
826
993
 
827
994
  .k-widget.k-calendar .k-nav-next.k-state-hover,
@@ -829,8 +996,9 @@ cron-calendar.k-widget {
829
996
  .k-calendar .k-nav-fast.k-state-hover,
830
997
  .k-calendar .k-footer .k-nav-today.k-state-hover,
831
998
  .k-calendar .k-footer .k-nav-today:hover {
832
- background: linear-gradient(var(--colorDefault30, #f7f7f7), var(--colorDefault50, #d7d7d7) 60%, var(--colorDefault60, #b3b3b3));
999
+ background: linear-gradient(var(--colorPrimary30, #82bded), var(--colorPrimary50, #2990ca) 60%, var(--colorPrimary60, #2278a9));
833
1000
  box-shadow: none;
1001
+ color: var(--textColorPrimary40, #ffffff);
834
1002
  }
835
1003
 
836
1004
  .k-calendar th {
@@ -843,23 +1011,24 @@ cron-calendar.k-widget {
843
1011
  .k-listview>.k-state-focused.k-state-selected,
844
1012
  .k-state-selected td.k-state-focused,
845
1013
  td.k-state-focused.k-state-selected {
846
- box-shadow: inset 0 0 10px 3px var(--colorDefault60, #b3b3b3);
1014
+ box-shadow: inset 0 0 10px 3px var(--colorPrimary60, #2278a9);
847
1015
  }
848
1016
 
849
1017
  .k-calendar td.k-state-hover .k-link {
850
1018
  color: var(--textColor40, #555555);
851
1019
  }
852
1020
 
853
- .k-calendar .k-today.k-state-selected.k-state-hover {
854
- background: var(--colorDefault10, #fcfcfc);
1021
+ .k-calendar .k-today {
1022
+ background: var(--colorDefault50, #d7d7d7);
855
1023
  }
856
1024
 
857
- .k-calendar .k-content .k-other-month .k-link {
858
- color: var(--textColor30, #909090);
1025
+ .k-calendar .k-today.k-state-selected.k-state-hover {
1026
+ background: var(--colorDefault10, #fcfcfc);
859
1027
  }
860
1028
 
861
1029
  .k-calendar td.k-state-selected {
862
1030
  background: transparent;
1031
+ box-shadow: inset 0 0 10px 3px var(--colorPrimary60, #2278a9);
863
1032
  }
864
1033
 
865
1034
  /* seta do modal do calendario */
@@ -885,6 +1054,22 @@ td.k-state-focused.k-state-selected {
885
1054
  background: linear-gradient(var(--colorSuccess30, #9fc085), var(--colorSuccess50, #659332) 60%, var(--colorSuccess60, #547b2a));
886
1055
  }
887
1056
 
1057
+ .k-textbox:hover,
1058
+ .k-multiselect-wrap.k-state-hover,
1059
+ .k-state-hover>.k-multiselect-wrap,
1060
+ input.k-textbox:hover,
1061
+ textarea.k-textbox:hover,
1062
+ .k-list>.k-state-hover,
1063
+ .k-listbox .k-item:hover:not(.k-state-disabled),
1064
+ .k-pager-wrap .k-link:hover,
1065
+ .k-scheduler .k-scheduler-toolbar ul li.k-state-hover,
1066
+ .k-splitbar-horizontal-hover:hover,
1067
+ .k-splitbar-vertical-hover:hover,
1068
+ .k-state-hover,
1069
+ .k-state-hover:hover {
1070
+ border-color: var(--textColor20, #b8b8b8);
1071
+ }
1072
+
888
1073
  .cardinput,
889
1074
  .form-control {
890
1075
  border-color: var(--textColor20, #b8b8b8);
@@ -892,6 +1077,7 @@ td.k-state-focused.k-state-selected {
892
1077
 
893
1078
  .cardinput {
894
1079
  padding: 0;
1080
+ box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
895
1081
  }
896
1082
 
897
1083
  .cardinput button i {
@@ -903,24 +1089,87 @@ td.k-state-focused.k-state-selected {
903
1089
  color: var(--colorPrimary60, #2278a9);
904
1090
  }
905
1091
 
1092
+ .input-group.layout-template-classic input.k-textbox {
1093
+ display: initial;
1094
+ box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
1095
+ }
1096
+
1097
+ .k-autocomplete.k-state-default,
1098
+ .k-dropdown-wrap,
1099
+ .k-dropdown-wrap.k-state-default,
1100
+ .k-multiselect-wrap,
1101
+ .k-numeric-wrap.k-state-default,
1102
+ .k-picker-wrap.k-state-default {
1103
+ box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
1104
+ border: 1px solid var(--textColor20, #b8b8b8);
1105
+ border-radius: var(--borderRadiusSmallest);
1106
+ }
1107
+
1108
+ .input-group.layout-template-classic input.k-textbox:focus,
906
1109
  .k-autocomplete.k-state-focused,
907
1110
  .k-dropdown-wrap.k-state-focused,
908
- .k-multiselect.k-header.k-state-focused,
909
1111
  .k-numeric-wrap.k-state-focused,
910
1112
  .k-picker-wrap.k-state-focused,
1113
+ .k-multiselect.k-state-focused,
911
1114
  .k-textbox:focus,
1115
+ .k-textbox:focus:hover,
912
1116
  .cardinput:focus-within {
913
- border-color: var(--colorPrimary30, #82bded);
1117
+ border-color: var(--colorPrimary40, #2fa4e7);
914
1118
  outline: 0;
915
1119
  box-shadow: inset 0 1px 1px transparent, 0 0 8px var(--colorPrimary30, #82bded);
916
1120
  }
917
1121
 
1122
+ .k-state-focused.k-state-hover>.k-multiselect-wrap {
1123
+ border-color: var(--colorPrimary40, #2fa4e7);
1124
+ }
1125
+
1126
+ .k-list .k-item.k-state-hover.k-state-selected,
1127
+ .k-list .k-item:hover.k-state-selected,
1128
+ .k-list-optionlabel:hover.k-state-selected,
1129
+ .k-list>.k-state-hover,
1130
+ .k-popup .k-list .k-state-focused {
1131
+ box-shadow: inset 0 0 2px 0 var(--colorPrimary30, #82bded), inset 0 0 7px 0 var(--colorPrimary30, #82bded);
1132
+ background: transparent;
1133
+ }
1134
+
1135
+ .k-multiselect-wrap .k-input {
1136
+ height: auto;
1137
+ }
1138
+
1139
+ .k-list .k-item.k-state-hover.k-state-selected,
1140
+ .k-list .k-item:hover.k-state-selected,
1141
+ .k-list-optionlabel:hover.k-state-selected {
1142
+ color: var(--textColorDefault40, #444444);
1143
+ }
1144
+
1145
+ .k-multiselect-clearable .k-multiselect-wrap,
1146
+ .k-autocomplete.k-state-default,
1147
+ .k-dropdown-wrap.k-state-default,
1148
+ .k-numeric-wrap.k-state-default,
1149
+ .k-picker-wrap.k-state-default .k-textbox>input,
1150
+ input.k-textbox,
1151
+ .k-filebrowser-dropzone {
1152
+ height: 38px;
1153
+ display: flex;
1154
+ }
1155
+
1156
+
1157
+
1158
+ .cardinput .k-textbox.form-control {
1159
+ height: 36px;
1160
+ }
1161
+
1162
+ textarea,
1163
+ textarea.k-textbox {
1164
+ padding: 4px;
1165
+ }
1166
+
918
1167
  /* Modal button - password */
919
1168
  #forgotPasswordModal .modal-footer .k-button.k-success,
920
1169
  #forgotPasswordModal .modal-footer .btn.btn-success,
921
1170
  #modalPassword .modal-footer .k-button.k-success,
922
1171
  #modalPassword .modal-footer .btn.btn-success {
923
- background: linear-gradient(var(--colorPrimary30, #82bded), var(--colorPrimary40, #2fa4e7) 60%, var(--colorPrimary50, #3c6088));
1172
+ background: linear-gradient(var(--colorPrimary30, #82bded), var(--colorPrimary40, #2fa4e7) 60%, var(--colorPrimary50, #2990ca));
924
1173
  border-color: var(--colorPrimary40, #2fa4e7);
925
1174
  color: var(--textColorPrimary40, #ffffff);
926
1175
  }
@@ -964,6 +1213,180 @@ td.k-state-focused.k-state-selected {
964
1213
  color: var(--textColorPrimary40, #ffffff);
965
1214
  }
966
1215
 
1216
+ .k-scheduler-layout {
1217
+ background: var(--colorDefault40, #f5f5f5);
1218
+ }
1219
+
1220
+ .k-scheduler-layout,
1221
+ .k-scheduler-content {
1222
+ border-radius: 0 0 var(--borderRadiusSmallest, 4px) var(--borderRadiusSmallest, 4px);
1223
+ }
1224
+
1225
+ .k-scheduler .k-today.k-state-selected,
1226
+ .k-scheduler-table .k-today,
1227
+ .k-scheduler-table .k-today .k-link,
1228
+ .k-today>.k-scheduler-datecolumn,
1229
+ .k-today>.k-scheduler-groupcolumn,
1230
+ .k-scheduler-layout.k-scheduler-monthview .k-scheduler-table .k-other-month.k-state-selected {
1231
+ background: var(--colorPrimary60, #2278a9);
1232
+ border-color: var(--backgroundColor60, #b1b1b1);
1233
+ color: var(--textColorPrimary40, #ffffff);
1234
+ }
1235
+
1236
+ .k-scheduler .k-scheduler-table .k-today.k-state-selected .k-link,
1237
+ .k-scheduler .k-scheduler-table td.k-state-selected .k-link,
1238
+ .k-scheduler-layout.k-scheduler-monthview .k-scheduler-table .k-other-month.k-state-selected .k-link,
1239
+ .k-scheduler-layout.k-scheduler-monthview .k-scheduler-table .k-other-month.k-state-selected,
1240
+ .k-event .k-event-actions .k-icon {
1241
+ color: var(--textColorPrimary40, #ffffff);
1242
+ }
1243
+
1244
+ .k-scheduler .k-today.k-state-selected,
1245
+ .k-scheduler-table .k-today.k-state-selected,
1246
+ .k-scheduler .k-today.k-state-selected .k-link,
1247
+ .k-scheduler-table .k-today.k-state-selected .k-link,
1248
+ .k-scheduler .k-today.k-state-selected,
1249
+ .k-scheduler .k-today.k-state-selected.k-nonwork-hour {
1250
+ background: var(--colorPrimary40, #2fa4e7);
1251
+ }
1252
+
1253
+ /* cor do horário comercial */
1254
+ .k-scheduler-table {
1255
+ background: var(--colorDefault40, #f5f5f5);
1256
+ }
1257
+
1258
+ /* Scheduler */
1259
+ @media only screen and (min-width: 1024px) {
1260
+
1261
+ .k-scheduler .k-scheduler-toolbar .k-state-selected .k-link,
1262
+ .k-scheduler .k-scheduler-toolbar .k-state-selected,
1263
+ .k-scheduler-navigation .k-nav-prev .k-link,
1264
+ .k-scheduler div.k-scheduler-footer .k-link,
1265
+ .k-scheduler div.k-scheduler-footer ul li {
1266
+ background: var(--colorPrimary40, #2fa4e7);
1267
+ color: var(--textColorPrimary40, #ffffff);
1268
+ border-color: var(--colorPrimary40, #2fa4e7);
1269
+ }
1270
+
1271
+ .k-scheduler-navigation .k-nav-prev .k-link:hover,
1272
+ .k-scheduler div.k-scheduler-footer .k-link:hover,
1273
+ .k-scheduler div.k-scheduler-footer ul li:hover,
1274
+ .k-scheduler .k-scheduler-toolbar ul.k-scheduler-views li.k-state-hover a,
1275
+ .k-scheduler .k-scheduler-toolbar ul.k-scheduler-views li.k-state-hover,
1276
+ .k-scheduler .k-scheduler-toolbar ul li.k-state-hover,
1277
+ .k-scheduler .k-scheduler-toolbar ul li.k-state-hover .k-link {
1278
+ background: var(--colorPrimary60, #2278a9);
1279
+ border-color: var(--colorPrimary60, #2278a9);
1280
+ color: var(--textColorPrimary40, #ffffff);
1281
+ }
1282
+
1283
+ .k-scheduler .k-scheduler-toolbar ul .k-nav-current.k-state-hover .k-link .k-icon,
1284
+ .k-scheduler .k-scheduler-toolbar ul .k-nav-current.k-state-hover .k-link {
1285
+ color: var(--colorPrimary40, #2fa4e7);
1286
+ }
1287
+
1288
+ .k-scheduler-navigation .k-nav-prev,
1289
+ .k-scheduler .k-scheduler-toolbar .k-state-selected {
1290
+ border-color: var(--colorPrimary40, #2fa4e7);
1291
+ }
1292
+
1293
+ .k-scheduler-navigation .k-nav-prev .k-link span,
1294
+ .k-scheduler-navigation .k-nav-next.k-state-hover .k-link span,
1295
+ .k-scheduler-navigation .k-nav-prev.k-state-hover .k-link span {
1296
+ color: var(--textColorPrimary40, #ffffff);
1297
+ }
1298
+ }
1299
+
1300
+ @media only screen and (max-width: 1024px) {
1301
+
1302
+ .k-scheduler .k-header.k-scheduler-toolbar,
1303
+ .k-scheduler .k-header.k-scheduler-toolbar .k-header,
1304
+ .k-scheduler .k-header.k-scheduler-footer,
1305
+ .k-scheduler .k-header.k-scheduler-footer .k-header {
1306
+ background: var(--colorPrimary40, #2fa4e7);
1307
+ }
1308
+
1309
+ .k-scheduler-footer .k-icon,
1310
+ .k-scheduler-toolbar .k-i-calendar,
1311
+ .k-webkit .k-scheduler-toolbar ul.k-scheduler-views li.k-current-view:hover .k-link,
1312
+ .k-scheduler .k-scheduler-toolbar ul .k-nav-current.k-state-hover .k-link .k-icon,
1313
+ .k-scheduler .k-scheduler-toolbar ul .k-nav-current.k-state-hover .k-link,
1314
+ .k-scheduler-navigation .k-nav-next .k-icon,
1315
+ .k-scheduler-toolbar>ul .k-link,
1316
+ .k-calendar .k-state-selected.k-state-hover .k-link,
1317
+ .k-edge .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link,
1318
+ .k-ff .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link,
1319
+ .k-ie11 .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link,
1320
+ .k-safari .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link,
1321
+ .k-webkit .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link {
1322
+ color: var(--textColorPrimary40, #ffffff);
1323
+ }
1324
+
1325
+ .k-scheduler .k-scheduler-toolbar ul.k-scheduler-views li.k-state-hover a,
1326
+ .k-scheduler .k-scheduler-toolbar ul.k-scheduler-views li.k-state-hover,
1327
+ .k-scheduler .k-scheduler-toolbar ul li.k-state-hover,
1328
+ .k-scheduler .k-scheduler-toolbar ul li.k-state-hover .k-link {
1329
+ background: linear-gradient(var(--colorPrimary30, #82bded), var(--colorPrimary50, #2990ca) 60%, var(--colorPrimary60, #2278a9));
1330
+ color: var(--textColorPrimary40, #ffffff);
1331
+ }
1332
+
1333
+ .k-scheduler .k-scheduler-toolbar ul.k-scheduler-views li.k-state-hover a,
1334
+ .k-scheduler .k-scheduler-toolbar ul li.k-state-hover .k-link {
1335
+ border-radius: var(--borderRadiusSmallest, 4px);
1336
+ }
1337
+
1338
+ .k-webkit .k-scheduler-toolbar ul.k-scheduler-views li.k-current-view {
1339
+ background: var(--colorPrimary40, #2fa4e7);
1340
+ border-color: var(--colorPrimary40, #2fa4e7);
1341
+ color: var(--textColorPrimary40, #ffffff);
1342
+ }
1343
+
1344
+ .k-scheduler-layout .k-scheduler-table tr th {
1345
+ font-weight: 400;
1346
+ }
1347
+
1348
+ .k-scheduler-navigation .k-nav-prev .k-link,
1349
+ .k-scheduler .k-scheduler-toolbar .k-state-selected .k-link,
1350
+ .k-scheduler-navigation .k-nav-prev .k-link,
1351
+ .k-scheduler div.k-scheduler-footer .k-link,
1352
+ .k-scheduler div.k-scheduler-footer ul li {
1353
+ color: var(--textColorPrimary40, #ffffff);
1354
+ border-color: var(--colorPrimary40, #2fa4e7);
1355
+ }
1356
+
1357
+ .k-scheduler div.k-scheduler-footer ul li:hover,
1358
+ .k-scheduler div.k-scheduler-footer .k-link:hover {
1359
+ color: var(--textColorPrimary40, #ffffff);
1360
+ background: linear-gradient(var(--colorPrimary30, #82bded), var(--colorPrimary50, #2990ca) 60%, var(--colorPrimary60, #2278a9));
1361
+ border-color: var(--colorPrimary40, #2fa4e7);
1362
+ }
1363
+
1364
+ .k-scheduler .k-scheduler-toolbar .k-scheduler-views.k-state-expanded .k-state-selected .k-link {
1365
+ color: var(--textColor40, #393939);
1366
+ }
1367
+
1368
+ .k-scheduler .k-scheduler-toolbar .k-scheduler-views.k-state-expanded .k-state-selected.k-state-hover .k-link {
1369
+ color: var(--textColorPrimary40, #ffffff);
1370
+ }
1371
+
1372
+ }
1373
+
1374
+ .k-scheduler-footer .k-icon,
1375
+ .k-scheduler .k-today.k-state-selected div .k-icon.k-i-close,
1376
+ .k-scheduler .k-today.k-state-selected div {
1377
+ color: var(--textColorPrimary40, #ffffff);
1378
+ }
1379
+
1380
+ .k-scheduler-edit-form .k-textbox,
1381
+ .k-scheduler-edit-form textarea.k-textbox {
1382
+ box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
1383
+ }
1384
+
1385
+ .k-scheduler-edit-form .k-textbox:focus,
1386
+ .k-scheduler-edit-form textarea.k-textbox:focus {
1387
+ box-shadow: inset 0 1px 1px transparent, 0 0 8px var(--colorPrimary30, #82bded);
1388
+ }
1389
+
967
1390
  .k-window-titlebar {
968
1391
  background: transparent;
969
1392
  }
@@ -974,10 +1397,11 @@ td.k-state-focused.k-state-selected {
974
1397
  border-radius: var(--borderRadiusSmallest, 4px);
975
1398
  border: 1px solid var(--textColor20, #b8b8b8);
976
1399
  padding: 0;
1400
+ box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
977
1401
  }
978
1402
 
979
1403
  .layout-template-modern:focus-within {
980
- border: 1px solid var(--colorPrimary30, #82bded);
1404
+ border: 1px solid var(--colorPrimary40, #2fa4e7);
981
1405
  background: transparent;
982
1406
  outline: 0;
983
1407
  box-shadow: inset 0 1px 1px transparent, 0 0 8px var(--colorPrimary30, #82bded);
@@ -987,10 +1411,92 @@ td.k-state-focused.k-state-selected {
987
1411
  .layout-template-modern input.k-textbox {
988
1412
  padding-left: 0;
989
1413
  box-shadow: none;
1414
+ height: 38px;
990
1415
  }
991
1416
 
992
1417
  .layout-template-modern .k-button:hover,
993
1418
  .layout-template-modern .k-button {
994
- color: var(--colorPrimary40, #3b448e);
1419
+ color: var(--colorPrimary40, #2fa4e7);
995
1420
  border: 0;
1421
+ }
1422
+
1423
+ /* Breadcrumbs */
1424
+ #cron-breadcrumbs {
1425
+ background: var(--colorStable40, #f8f8f8);
1426
+ }
1427
+
1428
+ #cron-breadcrumbs .k-breadcrumb-item .k-breadcrumb-root-link,
1429
+ #cron-breadcrumbs .k-breadcrumb-item::marker,
1430
+ #cron-breadcrumbs .k-breadcrumb-item,
1431
+ #cron-breadcrumbs .k-breadcrumb-item .k-breadcrumb-link {
1432
+ color: var(--colorPrimary40, #2fa4e7);
1433
+ }
1434
+
1435
+ #cron-breadcrumbs .k-breadcrumb-root-item .k-breadcrumb-root-link:hover,
1436
+ #cron-breadcrumbs .k-breadcrumb-item .k-breadcrumb-root-link:hover {
1437
+ color: var(--colorPrimary60, #2278a9);
1438
+ }
1439
+
1440
+ #cron-breadcrumbs .k-breadcrumb-item .k-breadcrumb-root-link:last-child {
1441
+ color: var(--textColor30, #858585);
1442
+ }
1443
+
1444
+ #cron-breadcrumbs .k-breadcrumb-item .k-breadcrumb-link:hover {
1445
+ text-decoration: none;
1446
+ }
1447
+
1448
+ #cron-breadcrumbs .k-breadcrumb-container .k-breadcrumb-delimiter-icon {
1449
+ color: var(--textColor30, #909090);
1450
+ }
1451
+
1452
+ /* Tabs */
1453
+ .ctn-tab .nav-tabs li {
1454
+ margin-right: 3px;
1455
+ }
1456
+
1457
+ .ctn-tab .nav-tabs li a {
1458
+ border-radius: var(--borderRadiusSmallest, 4px) var(--borderRadiusSmallest, 4px) 0 0;
1459
+ }
1460
+
1461
+ .ctn-tab .nav-tabs li a:hover {
1462
+ color: var(--colorPrimary60, #2278a9);
1463
+ }
1464
+
1465
+ /* Jumbotron */
1466
+ .container .jumbotron,
1467
+ .container-fluid .jumbotron {
1468
+ background: var(--colorStable40, #f8f8f8);
1469
+ }
1470
+
1471
+ .jumbotron h2 {
1472
+ color: var(--textColor40);
1473
+ }
1474
+
1475
+ .jumbotron .h1,
1476
+ .jumbotron h1 {
1477
+ font-weight: 400;
1478
+ }
1479
+
1480
+ /* Carousel */
1481
+ .carousel-control,
1482
+ .carousel .carousel-caption h1,
1483
+ .carousel .carousel-caption h2 {
1484
+ color: var(--textColorPrimary40, #ffffff);
1485
+ }
1486
+
1487
+ .carousel-indicators .active {
1488
+ background: var(--textColorPrimary40, #ffffff);
1489
+ }
1490
+
1491
+ .carousel-indicators li {
1492
+ border-color: var(--textColorPrimary40, #ffffff);
1493
+ }
1494
+
1495
+ /* modal bloco */
1496
+ #modalBodyConfirmDialog .title {
1497
+ font-weight: 500;
1498
+ }
1499
+
1500
+ #modalBodyConfirmDialog .subtitle {
1501
+ font-weight: 400;
996
1502
  }