cronapp-framework-js 2.9.4-RC.3 → 2.9.4-SP.10

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 (113) hide show
  1. package/components/crn-textinputicon.components.json +0 -26
  2. package/components/css/checkbox-color.css +1 -0
  3. package/components/css/combobox-color.css +12 -0
  4. package/components/css/option-color.css +28 -0
  5. package/components/templates/textinputicon.template.html +1 -1
  6. package/css/animate.css +4 -4
  7. package/css/app.css +4 -4
  8. package/css/themes/custom/aquamarine/custom-aquamarine.css +3 -27
  9. package/css/themes/custom/cerulean/button-cerulean.css +2 -27
  10. package/css/themes/custom/cerulean/custom-cerulean.css +64 -597
  11. package/css/themes/custom/cerulean/navbar-cerulean.css +22 -90
  12. package/css/themes/custom/cerulean/panel-cerulean.css +34 -35
  13. package/css/themes/custom/cosmo/custom-cosmo.css +0 -27
  14. package/css/themes/custom/cyborg/custom-cyborg.css +0 -27
  15. package/css/themes/custom/darkly/custom-darkly.css +0 -25
  16. package/css/themes/custom/dsgov/button-dsgov.css +17 -52
  17. package/css/themes/custom/dsgov/calendar-dsgov.css +34 -106
  18. package/css/themes/custom/dsgov/color-dsgov.css +138 -0
  19. package/css/themes/custom/dsgov/custom-dsgov.css +344 -171
  20. package/css/themes/custom/dsgov/form-dsgov.css +109 -290
  21. package/css/themes/custom/dsgov/navbar-dsgov.css +38 -150
  22. package/css/themes/custom/dsgov/panel-dsgov.css +97 -117
  23. package/css/themes/custom/dsgov/slider-dsgov.css +3 -2
  24. package/css/themes/custom/dsgov/table-grid-dsgov.css +69 -144
  25. package/css/themes/custom/flatly/custom-flatly.css +2 -22
  26. package/css/themes/custom/fuse/custom-fuse.css +6 -33
  27. package/css/themes/custom/journal/custom-journal.css +2 -28
  28. package/css/themes/custom/lumen/custom-lumen.css +0 -43
  29. package/css/themes/custom/material/custom-material.css +70 -130
  30. package/css/themes/custom/material/grid-material.css +44 -37
  31. package/css/themes/custom/material/navbar-material.css +6 -58
  32. package/css/themes/custom/material/panel-material.css +20 -61
  33. package/css/themes/custom/navigator/custom-navigator.css +13 -2
  34. package/css/themes/custom/paper/custom-paper.css +0 -30
  35. package/css/themes/custom/readable/custom-readable.css +0 -27
  36. package/css/themes/custom/sandstone/custom-sandstone.css +0 -26
  37. package/css/themes/custom/simplex/custom-simplex.css +0 -27
  38. package/css/themes/custom/slate/custom-slate.css +33 -33
  39. package/css/themes/custom/spacelab/custom-spacelab.css +0 -27
  40. package/css/themes/custom/superhero/custom-superhero.css +0 -27
  41. package/css/themes/custom/theme-general/button.css +2 -6
  42. package/css/themes/custom/theme-general/forms.css +7 -128
  43. package/css/themes/custom/theme-general/login.css +6 -6
  44. package/css/themes/custom/theme-general/menu.css +4 -18
  45. package/css/themes/custom/theme-general/modal.css +6 -35
  46. package/css/themes/custom/theme-general/scheduler.css +34 -275
  47. package/css/themes/custom/theme-general/slider.css +3 -4
  48. package/css/themes/custom/theme-general/table-grid.css +2 -138
  49. package/css/themes/custom/theme-general/tabs.css +2 -3
  50. package/css/themes/custom/theme-general/theme-general.css +3 -41
  51. package/css/themes/custom/united/custom-united.css +0 -22
  52. package/css/themes/custom/yeti/custom-yeti.css +0 -28
  53. package/dist/components/css/checkbox-color.css +1 -1
  54. package/dist/components/css/combobox-color.css +1 -1
  55. package/dist/components/templates/textinputicon.template.html +1 -1
  56. package/dist/css/animate.css +1 -1
  57. package/dist/css/app.css +1 -1
  58. package/dist/css/themes/custom/aquamarine/custom-aquamarine.css +1 -1
  59. package/dist/css/themes/custom/cerulean/button-cerulean.css +1 -1
  60. package/dist/css/themes/custom/cerulean/custom-cerulean.css +1 -1
  61. package/dist/css/themes/custom/cerulean/navbar-cerulean.css +1 -1
  62. package/dist/css/themes/custom/cerulean/panel-cerulean.css +1 -1
  63. package/dist/css/themes/custom/cosmo/custom-cosmo.css +1 -1
  64. package/dist/css/themes/custom/cyborg/custom-cyborg.css +1 -1
  65. package/dist/css/themes/custom/darkly/custom-darkly.css +1 -1
  66. package/dist/css/themes/custom/dsgov/button-dsgov.css +1 -1
  67. package/dist/css/themes/custom/dsgov/calendar-dsgov.css +1 -1
  68. package/dist/css/themes/custom/dsgov/color-dsgov.css +1 -0
  69. package/dist/css/themes/custom/dsgov/custom-dsgov.css +1 -1
  70. package/dist/css/themes/custom/dsgov/form-dsgov.css +1 -1
  71. package/dist/css/themes/custom/dsgov/navbar-dsgov.css +1 -1
  72. package/dist/css/themes/custom/dsgov/panel-dsgov.css +1 -1
  73. package/dist/css/themes/custom/dsgov/slider-dsgov.css +1 -1
  74. package/dist/css/themes/custom/dsgov/table-grid-dsgov.css +1 -1
  75. package/dist/css/themes/custom/flatly/custom-flatly.css +1 -1
  76. package/dist/css/themes/custom/fuse/custom-fuse.css +1 -1
  77. package/dist/css/themes/custom/journal/custom-journal.css +1 -1
  78. package/dist/css/themes/custom/lumen/custom-lumen.css +1 -1
  79. package/dist/css/themes/custom/material/custom-material.css +1 -1
  80. package/dist/css/themes/custom/material/grid-material.css +1 -1
  81. package/dist/css/themes/custom/material/navbar-material.css +1 -1
  82. package/dist/css/themes/custom/material/panel-material.css +1 -1
  83. package/dist/css/themes/custom/navigator/custom-navigator.css +1 -1
  84. package/dist/css/themes/custom/paper/custom-paper.css +1 -1
  85. package/dist/css/themes/custom/readable/custom-readable.css +1 -1
  86. package/dist/css/themes/custom/sandstone/custom-sandstone.css +1 -1
  87. package/dist/css/themes/custom/simplex/custom-simplex.css +1 -1
  88. package/dist/css/themes/custom/slate/custom-slate.css +1 -1
  89. package/dist/css/themes/custom/spacelab/custom-spacelab.css +1 -1
  90. package/dist/css/themes/custom/superhero/custom-superhero.css +1 -1
  91. package/dist/css/themes/custom/theme-general/button.css +1 -1
  92. package/dist/css/themes/custom/theme-general/forms.css +1 -1
  93. package/dist/css/themes/custom/theme-general/login.css +1 -1
  94. package/dist/css/themes/custom/theme-general/menu.css +1 -1
  95. package/dist/css/themes/custom/theme-general/modal.css +1 -1
  96. package/dist/css/themes/custom/theme-general/scheduler.css +1 -1
  97. package/dist/css/themes/custom/theme-general/slider.css +1 -1
  98. package/dist/css/themes/custom/theme-general/table-grid.css +1 -1
  99. package/dist/css/themes/custom/theme-general/tabs.css +1 -1
  100. package/dist/css/themes/custom/theme-general/theme-general.css +1 -1
  101. package/dist/css/themes/custom/united/custom-united.css +1 -1
  102. package/dist/css/themes/custom/yeti/custom-yeti.css +1 -1
  103. package/dist/js/directives.js +2 -2
  104. package/js/directives.js +26 -29
  105. package/package.json +1 -1
  106. package/css/themes/custom/cerulean/combobox-cerulean.css +0 -153
  107. package/css/themes/custom/dsgov/checkbox-dsgov.css +0 -309
  108. package/css/themes/custom/dsgov/option-dsgov.css +0 -144
  109. package/css/themes/custom/dsgov/scheduler-dsgov.css +0 -325
  110. package/dist/css/themes/custom/cerulean/combobox-cerulean.css +0 -1
  111. package/dist/css/themes/custom/dsgov/checkbox-dsgov.css +0 -1
  112. package/dist/css/themes/custom/dsgov/option-dsgov.css +0 -1
  113. package/dist/css/themes/custom/dsgov/scheduler-dsgov.css +0 -1
@@ -1,7 +1,6 @@
1
1
  @import 'button-cerulean.css';
2
2
  @import 'panel-cerulean.css';
3
3
  @import 'navbar-cerulean.css';
4
- @import 'combobox-cerulean.css';
5
4
 
6
5
  /* Fonts */
7
6
  @import '../../../fonts/roboto/roboto.css';
@@ -74,7 +73,7 @@
74
73
 
75
74
  /* Border Radius */
76
75
  --borderRadiusNone: 0;
77
- --borderRadiusSmallest: 4px;
76
+ --borderRadiusSmallest: 5px;
78
77
  --borderRadiusExtraSmall: 10px;
79
78
  --borderRadiusSmall: 15px;
80
79
  --borderRadiusBig: 30px;
@@ -272,7 +271,7 @@
272
271
  /* Components - Button */
273
272
  --btnLink: var(--colorPrimary40, #2fa4e7);
274
273
  --btnDefault: linear-gradient(var(--colorDefault10, #fcfcfc), var(--colorDefault10, #fcfcfc) 60%, var(--colorDefault40, #f5f5f5));
275
- --btnPrimary: linear-gradient(var(--colorPrimary30, #82bded), var(--colorPrimary40, #2fa4e7) 60%, var(--colorPrimary50, #2990ca));
274
+ --btnPrimary: linear-gradient(var(--colorPrimary30, #82bded), var(--colorPrimary40, #2fa4e7) 60%, var(--colorPrimary50, #3c6088));
276
275
  --btnSuccess: linear-gradient(var(--colorSuccess30, #9fc085), var(--colorSuccess40, #73a839) 60%, var(--colorSuccess50, #359e1d));
277
276
  --btnCalm: linear-gradient(var(--colorCalm30, #7b869f), var(--colorCalm40, #033c73) 60%, var(--colorCalm50, #033565));
278
277
  --btnWarning: linear-gradient(var(--colorWarning30, #e5907b), var(--colorWarning40, #dd5600) 60%, var(--colorWarning50, #c24b00));
@@ -353,7 +352,7 @@
353
352
  --comboboxDark: var(--colorDark40, #444444);
354
353
 
355
354
  --borderComboboxDefault: var(--colorDefault50, #d7d7d7);
356
- --borderComboboxPrimary: var(--colorPrimary50, #2990ca);
355
+ --borderComboboxPrimary: var(--colorPrimary50, #4b58a6);
357
356
  --borderComboboxSuccess: var(--colorSuccess50, #73a839);
358
357
  --borderComboboxCalm: var(--colorCalm50, #033c73);
359
358
  --borderComboboxWarning: var(--colorWarning50, #dd5600);
@@ -427,13 +426,6 @@ h6,
427
426
  color: var(--colorPrimary60, #2278a9);
428
427
  }
429
428
 
430
-
431
- .h1,
432
- .h2,
433
- .h3 {
434
- font-weight: 400;
435
- }
436
-
437
429
  .color-light {
438
430
  color: var(--colorLight50, #dfdfdf);
439
431
  }
@@ -443,11 +435,7 @@ h6,
443
435
  }
444
436
 
445
437
  .color-stable {
446
- color: var(--colorStable60, #b6b6b6);
447
- }
448
-
449
- .color-stable:hover {
450
- color: var(--colorStable70, #888888);
438
+ color: var(--colorStable50, #d9d9d9);
451
439
  }
452
440
 
453
441
  /* Link */
@@ -461,11 +449,8 @@ a:hover {
461
449
  color: var(--colorPrimary60, #2278a9);
462
450
  }
463
451
 
464
- label {
465
- font-weight: 600;
466
- }
467
-
468
452
  /* option - radio */
453
+
469
454
  .option-default .k-radio:checked+.k-radio-label:before,
470
455
  .option-default .k-radio-label:before {
471
456
  border-color: var(--colorDefault50, #d7d7d7);
@@ -478,7 +463,7 @@ label {
478
463
 
479
464
  .option-stable .k-radio:checked+.k-radio-label:before,
480
465
  .option-stable .k-radio-label:before {
481
- border-color: var(--colorStable60, #b6b6b6);
466
+ border-color: var(--colorStable50, #d9d9d9);
482
467
  }
483
468
 
484
469
  .option-default .k-radio-label:after,
@@ -495,8 +480,8 @@ label {
495
480
 
496
481
  .option-stable .k-radio-label:after,
497
482
  .option-stable .k-radio:checked+.k-radio-label:after {
498
- background: var(--colorStable60, #b6b6b6);
499
- border-color: var(--colorStable60, #b6b6b6);
483
+ background: var(--colorStable50, #d9d9d9);
484
+ border-color: var(--colorStable50, #d9d9d9);
500
485
  }
501
486
 
502
487
  .option-default .k-radio:focus+.k-radio-label::before,
@@ -513,16 +498,11 @@ label {
513
498
 
514
499
  .option-stable .k-radio:focus+.k-radio-label::before,
515
500
  .option-stable .k-radio:hover+.k-radio-label::before {
516
- box-shadow: 0 0 5px 0 var(--colorStable60, #b6b6b6);
517
- border-color: var(--colorStable60, #b6b6b6);
501
+ box-shadow: 0 0 5px 0 var(--colorStable50, #d9d9d9);
502
+ border-color: var(--colorStable50, #d9d9d9);
518
503
  }
519
504
 
520
505
  /* Checkbox */
521
- .k-checkbox-label,
522
- .k-radio-label {
523
- font-weight: 400;
524
- }
525
-
526
506
  .k-checkbox:checked+.k-checkbox-label:before,
527
507
  .k-checkbox:indeterminate+.k-checkbox-label:before,
528
508
  .k-checkbox-label:hover:before,
@@ -567,6 +547,19 @@ label {
567
547
  box-shadow: 0 0 5px 0 var(--colorDefault60, #b3b3b3);
568
548
  }
569
549
 
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
+
570
563
  .checkbox-light .k-checkbox:checked+.k-checkbox-label:before,
571
564
  .checkbox-light .k-checkbox:indeterminate+.k-checkbox-label:before,
572
565
  .checkbox-light .k-checkbox-label:hover:before,
@@ -597,6 +590,7 @@ label {
597
590
  .checkbox-light .k-checkbox:checked+.k-checkbox-label:after,
598
591
  .checkbox-light .k-checkbox:indeterminate+.k-checkbox-label:after {
599
592
  background: var(--colorLight50, #dfdfdf);
593
+ color: var(--textColorLight40, #444444);
600
594
  }
601
595
 
602
596
  .checkbox-stable .k-checkbox:checked+.k-checkbox-label:before,
@@ -612,7 +606,7 @@ label {
612
606
  .checkbox-stable .k-checkbox:checked+.k-checkbox-label:after,
613
607
  .checkbox-stable .k-checkbox:indeterminate+.k-checkbox-label:after,
614
608
  .checkbox-stable .k-checkbox-label:before {
615
- border-color: var(--colorStable60, #b6b6b6);
609
+ border-color: var(--colorStable50, #d9d9d9);
616
610
  }
617
611
 
618
612
  .checkbox-stable .k-checkbox-label:hover:before,
@@ -621,14 +615,15 @@ label {
621
615
  .checkbox-stable .k-checkbox:hover+.k-checkbox-label:before,
622
616
  .checkbox-stable .k-checkbox:focus+.k-checkbox-label:before,
623
617
  .checkbox-stable .k-checkbox:hover+.k-checkbox-label:before {
624
- box-shadow: 0 0 5px 0 var(--colorStable70, #888888);
618
+ box-shadow: 0 0 5px 0 var(--colorStable60, #b6b6b6);
625
619
  }
626
620
 
627
621
  .checkbox-stable .k-checkbox:checked+.k-checkbox-label:before,
628
622
  .checkbox-stable .k-checkbox:indeterminate+.k-checkbox-label:before,
629
623
  .checkbox-stable .k-checkbox:checked+.k-checkbox-label:after,
630
624
  .checkbox-stable .k-checkbox:indeterminate+.k-checkbox-label:after {
631
- background: var(--colorStable60, #b6b6b6);
625
+ background: var(--colorStable50, #d9d9d9);
626
+ color: var(--textColorStable40, #ffffff);
632
627
  }
633
628
 
634
629
  /* Modal */
@@ -641,69 +636,20 @@ label {
641
636
  background: var(--backgroundColor50, #dfdfdf);
642
637
  }
643
638
 
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
-
674
639
  /* Treeview */
675
640
  .k-treeview .k-item {
676
- background: transparent;
677
- color: var(--colorPrimary40, #2fa4e7);
678
- }
679
-
680
- .k-treeview .k-in {
681
- color: var(--colorPrimary40, #2fa4e7);
641
+ background: var(--colorDefault40, #f5f5f5);
642
+ color: var(--textColorDefault40, #444444);
682
643
  }
683
644
 
684
- .k-treeview .k-item .k-group .k-in.k-state-selected,
685
645
  .k-treeview .k-in.k-state-selected {
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);
646
+ background: var(--colorDefault60, #b3b3b3);
647
+ color: var(--textColorDefault40, #444444);
695
648
  }
696
649
 
697
- .k-treeview .k-item .k-group .k-in.k-state-hover,
698
650
  .k-treeview .k-in.k-state-hover {
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);
651
+ background: var(--colorDefault50, #d7d7d7);
652
+ color: var(--textColorDefault40, #444444);
707
653
  }
708
654
 
709
655
  /* Grid */
@@ -711,18 +657,6 @@ label {
711
657
  background: var(--colorDefault40, #f5f5f5);
712
658
  }
713
659
 
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
-
726
660
  .k-state-selected,
727
661
  .k-state-selected:link,
728
662
  .k-state-selected:visited,
@@ -733,6 +667,15 @@ label {
733
667
  color: var(--textColorDefault40, #444444);
734
668
  }
735
669
 
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
+
736
679
  .k-state-selected,
737
680
  .k-state-selected:link,
738
681
  .k-state-selected:visited,
@@ -743,72 +686,25 @@ label {
743
686
  color: var(--textColorPrimary40, #ffffff);
744
687
  }
745
688
 
689
+ .k-grid-toolbar .k-button {
690
+ border: 1px solid var(--colorDefault50, #d7d7d7);
691
+ }
692
+
746
693
  .k-grid table tbody tr:hover {
747
- background: var(--colorDefault40, #f5f5f5);
748
- color: var(--textColor40, #555555);
694
+ background: var(--colorDefault40, #d8d9e3);
695
+ color: var(--textColorDefault40);
749
696
  }
750
697
 
751
698
  .k-popup .k-list .k-state-focused {
752
699
  box-shadow: inset 0 0 2px 0 var(--colorPrimary30, #82bded), inset 0 0 7px 0 var(--colorPrimary40, #2fa4e7);
753
700
  }
754
701
 
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
-
794
702
  /* 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
- }
801
703
 
802
704
  .k-pager-wrap .k-link.k-pager-last,
803
705
  .k-pager-nav.k-pager-first+.k-link,
804
706
  .k-pager-wrap .k-link {
805
707
  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);
812
708
  }
813
709
 
814
710
  .k-grid .k-pager-numbers .k-link:link,
@@ -822,31 +718,6 @@ thead.k-grid-header th.k-header:last-child {
822
718
  background: var(--colorPrimary40, #2fa4e7);
823
719
  color: var(--textColorPrimary40, #ffffff);
824
720
  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
- }
850
721
  }
851
722
 
852
723
  /* Page login */
@@ -874,7 +745,7 @@ thead.k-grid-header th.k-header:last-child {
874
745
  .bg-login #container-first .btn-login,
875
746
  .login-view .crn-button-signup-register,
876
747
  .login-view .btn.btn-default {
877
- background: linear-gradient(var(--colorPrimary30, #82bded), var(--colorPrimary40, #2fa4e7) 60%, var(--colorPrimary50, #2990ca));
748
+ background: linear-gradient(var(--colorPrimary30, #82bded), var(--colorPrimary40, #2fa4e7) 60%, var(--colorPrimary50, #3c6088));
878
749
  border-color: var(--colorPrimary40, #2fa4e7);
879
750
  color: var(--textColorPrimary40, #ffffff);
880
751
  }
@@ -887,14 +758,6 @@ thead.k-grid-header th.k-header:last-child {
887
758
  background: linear-gradient(var(--colorPrimary30, #82bded), var(--colorPrimary50, #2990ca) 60%, var(--colorPrimary60, #2278a9));
888
759
  }
889
760
 
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
-
898
761
  /* button btn-fab */
899
762
  .btn.btn-fab,
900
763
  .btn-fab {
@@ -910,7 +773,7 @@ thead.k-grid-header th.k-header:last-child {
910
773
 
911
774
  /* Dynamic image */
912
775
  .dynamic-image-container {
913
- border-color: var(--colorDefault50, #d7d7d7);
776
+ border-color: var(--textColor40, #555555);
914
777
  padding: 10px;
915
778
  border-width: 2px;
916
779
  }
@@ -926,7 +789,6 @@ div[data-component="crn-textinputbutton"] div[data-component="crn-button"] butto
926
789
  border-top-left-radius: 0;
927
790
  border-bottom-left-radius: 0;
928
791
  padding: 6px 12px;
929
- height: 38px;
930
792
  }
931
793
 
932
794
  /* Date and hour */
@@ -939,56 +801,27 @@ div[data-component="crn-textinputbutton"] div[data-component="crn-button"] butto
939
801
  color: var(--colorPrimary40, #2fa4e7);
940
802
  }
941
803
 
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
-
948
804
  .k-calendar .k-footer {
949
805
  border-top: 1px solid var(--backgroundColor50, #dfdfdf);
950
806
  }
951
807
 
952
- .k-calendar .k-footer,
953
- .k-calendar .k-header,
954
- .k-scheduler-calendar .k-header,
955
808
  cron-calendar.k-calendar .k-footer,
956
809
  cron-calendar.k-calendar .k-header,
957
810
  .k-calendar .k-footer .k-nav-today {
958
- background: linear-gradient(var(--colorPrimary30, #82bded), var(--colorPrimary40, #2fa4e7) 60%, var(--colorPrimary50, #2990ca));
959
- color: var(--textColorPrimary40, #ffffff);
811
+ background: linear-gradient(var(--colorDefault10, #fcfcfc), var(--colorDefault10, #fcfcfc) 60%, var(--colorDefault40, #f5f5f5));
812
+ color: var(--textColor40, #ffffff);
960
813
  }
961
814
 
962
815
  cron-calendar.k-widget {
963
816
  border-color: var(--backgroundColor50, #dfdfdf);
964
817
  }
965
818
 
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,
986
819
  .k-calendar td.k-state-hover,
987
820
  .k-calendar .k-link.k-nav-fast,
988
821
  .k-calendar .k-header .k-link.k-nav-next,
989
822
  .k-calendar .k-header .k-link.k-nav-prev,
990
823
  .k-calendar .k-header .k-icon {
991
- color: var(--textColorPrimary40, #ffffff);
824
+ color: var(--textColor40, #555555);
992
825
  }
993
826
 
994
827
  .k-widget.k-calendar .k-nav-next.k-state-hover,
@@ -996,9 +829,8 @@ cron-calendar.k-widget {
996
829
  .k-calendar .k-nav-fast.k-state-hover,
997
830
  .k-calendar .k-footer .k-nav-today.k-state-hover,
998
831
  .k-calendar .k-footer .k-nav-today:hover {
999
- background: linear-gradient(var(--colorPrimary30, #82bded), var(--colorPrimary50, #2990ca) 60%, var(--colorPrimary60, #2278a9));
832
+ background: linear-gradient(var(--colorDefault30, #f7f7f7), var(--colorDefault50, #d7d7d7) 60%, var(--colorDefault60, #b3b3b3));
1000
833
  box-shadow: none;
1001
- color: var(--textColorPrimary40, #ffffff);
1002
834
  }
1003
835
 
1004
836
  .k-calendar th {
@@ -1011,24 +843,23 @@ cron-calendar.k-widget {
1011
843
  .k-listview>.k-state-focused.k-state-selected,
1012
844
  .k-state-selected td.k-state-focused,
1013
845
  td.k-state-focused.k-state-selected {
1014
- box-shadow: inset 0 0 10px 3px var(--colorPrimary60, #2278a9);
846
+ box-shadow: inset 0 0 10px 3px var(--colorDefault60, #b3b3b3);
1015
847
  }
1016
848
 
1017
849
  .k-calendar td.k-state-hover .k-link {
1018
850
  color: var(--textColor40, #555555);
1019
851
  }
1020
852
 
1021
- .k-calendar .k-today {
1022
- background: var(--colorDefault50, #d7d7d7);
1023
- }
1024
-
1025
853
  .k-calendar .k-today.k-state-selected.k-state-hover {
1026
854
  background: var(--colorDefault10, #fcfcfc);
1027
855
  }
1028
856
 
857
+ .k-calendar .k-content .k-other-month .k-link {
858
+ color: var(--textColor30, #909090);
859
+ }
860
+
1029
861
  .k-calendar td.k-state-selected {
1030
862
  background: transparent;
1031
- box-shadow: inset 0 0 10px 3px var(--colorPrimary60, #2278a9);
1032
863
  }
1033
864
 
1034
865
  /* seta do modal do calendario */
@@ -1054,30 +885,13 @@ td.k-state-focused.k-state-selected {
1054
885
  background: linear-gradient(var(--colorSuccess30, #9fc085), var(--colorSuccess50, #659332) 60%, var(--colorSuccess60, #547b2a));
1055
886
  }
1056
887
 
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
-
1073
888
  .cardinput,
1074
- .form-control {
889
+ .form-control{
1075
890
  border-color: var(--textColor20, #b8b8b8);
1076
891
  }
1077
892
 
1078
893
  .cardinput {
1079
894
  padding: 0;
1080
- box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
1081
895
  }
1082
896
 
1083
897
  .cardinput button i {
@@ -1089,87 +903,24 @@ textarea.k-textbox:hover,
1089
903
  color: var(--colorPrimary60, #2278a9);
1090
904
  }
1091
905
 
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,
1109
906
  .k-autocomplete.k-state-focused,
1110
907
  .k-dropdown-wrap.k-state-focused,
908
+ .k-multiselect.k-header.k-state-focused,
1111
909
  .k-numeric-wrap.k-state-focused,
1112
910
  .k-picker-wrap.k-state-focused,
1113
- .k-multiselect.k-state-focused,
1114
911
  .k-textbox:focus,
1115
- .k-textbox:focus:hover,
1116
912
  .cardinput:focus-within {
1117
- border-color: var(--colorPrimary40, #2fa4e7);
913
+ border-color: var(--colorPrimary30, #82bded);
1118
914
  outline: 0;
1119
915
  box-shadow: inset 0 1px 1px transparent, 0 0 8px var(--colorPrimary30, #82bded);
1120
916
  }
1121
917
 
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
-
1167
918
  /* Modal button - password */
1168
919
  #forgotPasswordModal .modal-footer .k-button.k-success,
1169
920
  #forgotPasswordModal .modal-footer .btn.btn-success,
1170
921
  #modalPassword .modal-footer .k-button.k-success,
1171
922
  #modalPassword .modal-footer .btn.btn-success {
1172
- background: linear-gradient(var(--colorPrimary30, #82bded), var(--colorPrimary40, #2fa4e7) 60%, var(--colorPrimary50, #2990ca));
923
+ background: linear-gradient(var(--colorPrimary30, #82bded), var(--colorPrimary40, #2fa4e7) 60%, var(--colorPrimary50, #3c6088));
1173
924
  border-color: var(--colorPrimary40, #2fa4e7);
1174
925
  color: var(--textColorPrimary40, #ffffff);
1175
926
  }
@@ -1213,290 +964,6 @@ textarea.k-textbox {
1213
964
  color: var(--textColorPrimary40, #ffffff);
1214
965
  }
1215
966
 
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
-
1390
967
  .k-window-titlebar {
1391
968
  background: transparent;
1392
- }
1393
-
1394
- /* Input with icon */
1395
- .layout-template-modern {
1396
- background: transparent;
1397
- border-radius: var(--borderRadiusSmallest, 4px);
1398
- border: 1px solid var(--textColor20, #b8b8b8);
1399
- padding: 0;
1400
- box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
1401
- }
1402
-
1403
- .layout-template-modern:focus-within {
1404
- border: 1px solid var(--colorPrimary40, #2fa4e7);
1405
- background: transparent;
1406
- outline: 0;
1407
- box-shadow: inset 0 1px 1px transparent, 0 0 8px var(--colorPrimary30, #82bded);
1408
- }
1409
-
1410
- .layout-template-modern input.k-textbox:hover,
1411
- .layout-template-modern input.k-textbox {
1412
- padding-left: 0;
1413
- box-shadow: none;
1414
- height: 38px;
1415
- }
1416
-
1417
- .layout-template-modern .k-button:hover,
1418
- .layout-template-modern .k-button {
1419
- color: var(--colorPrimary40, #2fa4e7);
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;
1502
969
  }