cronapp-framework-js 2.9.6-SP.5 → 2.9.6-SP.50

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 (51) hide show
  1. package/components/crn-calendar.components.json +1 -0
  2. package/components/crn-dynamic-image.components.json +8 -0
  3. package/components/crn-dynamic-menu.components.json +0 -21
  4. package/components/crn-enterprise-combobox-multiple.components.json +13 -0
  5. package/components/crn-navbar.components.json +2 -21
  6. package/components/templates/cron-combobox-multiple.template.html +1 -1
  7. package/components/templates/navbar.template.html +8 -7
  8. package/css/app.css +4 -0
  9. package/css/themes/custom/krypton/custom-krypton.css +827 -223
  10. package/css/themes/custom/krypton/grid-krypton.css +243 -66
  11. package/css/themes/custom/krypton/navbar-krypton.css +13 -11
  12. package/css/themes/custom/krypton/panel-krypton.css +14 -11
  13. package/css/themes/custom/material/navbar-material.css +2 -0
  14. package/css/themes/custom/material-round/custom-material-round.css +1062 -47
  15. package/css/themes/custom/material-round/grid-material-round.css +307 -12
  16. package/css/themes/custom/material-round/navbar-material-round.css +15 -5
  17. package/css/themes/custom/material-round/panel-material-round.css +4 -4
  18. package/css/themes/custom/navigator/custom-navigator.css +47 -20
  19. package/css/themes/custom/theme-general/menu-vertical-retratil.css +34 -21
  20. package/css/themes/custom/theme-general/theme-general.css +1 -1
  21. package/dist/components/templates/cron-combobox-multiple.template.html +1 -1
  22. package/dist/components/templates/navbar.template.html +1 -1
  23. package/dist/css/app.css +1 -1
  24. package/dist/css/themes/custom/krypton/custom-krypton.css +1 -1
  25. package/dist/css/themes/custom/krypton/grid-krypton.css +1 -1
  26. package/dist/css/themes/custom/krypton/navbar-krypton.css +1 -1
  27. package/dist/css/themes/custom/krypton/panel-krypton.css +1 -1
  28. package/dist/css/themes/custom/material/navbar-material.css +1 -1
  29. package/dist/css/themes/custom/material-round/custom-material-round.css +1 -1
  30. package/dist/css/themes/custom/material-round/grid-material-round.css +1 -1
  31. package/dist/css/themes/custom/material-round/navbar-material-round.css +1 -1
  32. package/dist/css/themes/custom/material-round/panel-material-round.css +1 -1
  33. package/dist/css/themes/custom/navigator/custom-navigator.css +1 -1
  34. package/dist/css/themes/custom/theme-general/menu-vertical-retratil.css +1 -1
  35. package/dist/css/themes/custom/theme-general/theme-general.css +1 -1
  36. package/dist/i18n/locale_en_us.json +3 -1
  37. package/dist/i18n/locale_pt_br.json +3 -1
  38. package/dist/js/app.js +1 -1
  39. package/dist/js/controllers.js +1 -1
  40. package/dist/js/directives.js +10 -10
  41. package/dist/js/reports/reports.service.js +1 -1
  42. package/dist/js/upload.service.js +1 -1
  43. package/i18n/locale_en_us.json +3 -1
  44. package/i18n/locale_pt_br.json +3 -1
  45. package/js/app.js +10 -5
  46. package/js/controllers.js +40 -19
  47. package/js/directives.js +156 -174
  48. package/js/reports/reports.service.js +5 -5
  49. package/js/upload.service.js +7 -4
  50. package/package.json +9 -4
  51. package/postupdate.json +14 -0
@@ -22,6 +22,8 @@
22
22
  .k-button.k-default,
23
23
  .btn.btn-default {
24
24
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
25
+ background: var(--colorDefault40, #442b69);
26
+ color: var(--textColorDefault40, #fffef9);
25
27
  }
26
28
 
27
29
  .k-grid-header .k-header {
@@ -31,7 +33,6 @@
31
33
  .k-grid-toolbar:first-child,
32
34
  .k-grouping-header+.k-grid-toolbar {
33
35
  background: var(--backgroundColor40, #f2f2f2);
34
-
35
36
  }
36
37
 
37
38
  .k-grid-header th.k-header {
@@ -93,11 +94,9 @@
93
94
  .k-state-selected,
94
95
  .k-state-selected:link,
95
96
  .k-state-selected:visited,
96
- .k-tool.k-state-selected,
97
- .k-grid td.k-state-selected:hover,
98
- .k-grid tr.k-state-selected:hover td {
99
- background: var(--backgroundColor40, #f2f2f2);
100
- color: var(--textColor40, #434343);
97
+ .k-tool.k-state-selected {
98
+ background: var(--colorDefault40, #442b69);
99
+ color: var(--textColorDefault40, #fffef9);
101
100
  }
102
101
 
103
102
  .k-grid-header th.k-header,
@@ -115,7 +114,6 @@
115
114
  .k-grid-toolbar:first-child,
116
115
  .k-grouping-header+.k-grid-toolbar {
117
116
  background: var(--backgroundColor40, #f2f2f2);
118
-
119
117
  }
120
118
 
121
119
  .k-grid-header th.k-header {
@@ -163,17 +161,117 @@
163
161
  border-radius: 5px;
164
162
  }
165
163
 
164
+ /*Buttons*/
165
+ .btn.btn-default:focus,
166
+ .btn.btn-default:hover {
167
+ background: var(--colorDefault20, #b9abce);
168
+ color: var(--textColorRoyal40, #fffef9);
169
+ }
170
+
166
171
  .k-button.k-primary {
167
172
  background: var(--colorSuccess40, #62a86b);
173
+ color: var(--textColorRoyal40, #fffef9);
174
+ }
175
+
176
+ .btn.btn-primary:hover {
177
+ background: var(--colorPrimary50, #478fba);
178
+ color: var(--textColorRoyal40, #fffef9);
168
179
  }
169
180
 
170
181
  .k-button.k-primary:focus,
171
182
  .k-button.k-primary:hover {
172
183
  background: var(--colorSucess60, #487b4e);
184
+ color: var(--textColorRoyal40, #fffef9);
185
+ }
186
+
187
+ .btn.btn-success {
188
+ background: var(--colorSuccess40, #62a86b);
189
+ color: var(--textColorRoyal40, #fffef9);
190
+ }
191
+
192
+ .btn.btn-success:focus,
193
+ .btn.btn-success:hover {
194
+ background: var(--colorSuccess60, #3a8143);
195
+ }
196
+
197
+ .btn.btn-info {
198
+ background: var(--colorCalm40, #8ac8ee);
199
+ color: var(--textColorRoyal40, #fffef9);
200
+ }
201
+
202
+ .btn.btn-info:focus,
203
+ .btn.btn-info:hover {
204
+ background: var(--colorCalm50, #64acd7);
205
+ color: var(--textColorRoyal40, #fffef9);
206
+ }
207
+
208
+ .btn.btn-warning {
209
+ background: var(--colorWarning40, #e98053);
210
+ color: var(--textColorRoyal40, #fffef9);
211
+ }
212
+
213
+ .btn.btn-warning:focus,
214
+ .btn.btn-warning:hover {
215
+ background: var(--colorWarning50, #dc7144);
216
+ color: var(--textColorRoyal40, #fffef9);
217
+ }
218
+
219
+ .btn.btn-danger {
220
+ background: var(--colorDanger40, #e34646);
221
+ color: var(--textColorRoyal40, #fffef9);
222
+ }
223
+
224
+ .btn.btn-danger:focus,
225
+ .btn.btn-danger:hover {
226
+ background: var(--colorDanger50, #d43131);
227
+ color: var(--textColorRoyal40, #fffef9);
228
+ }
229
+
230
+ .btn.btn-light {
231
+ background: var(--colorLight40, #eadede);
232
+ }
233
+
234
+ .btn.btn-light:focus .btn.btn-light:hover {
235
+ background: var(--colorLight60, #dcc8c8);
236
+ }
237
+
238
+ .btn.btn-stable {
239
+ background: var(--colorStable40, #cfcfcf);
240
+ }
241
+
242
+ .btn.btn-stable:focus,
243
+ .btn.btn-stable:hover {
244
+ background: var(--colorStable60, #b8b8b8);
245
+ }
246
+
247
+ .btn.btn-link span {
248
+ color: var(--colorPrimary40, #68afd9);
249
+ }
250
+
251
+ .btn.btn-royal {
252
+ background: var(--colorRoyal40, #2f1a4f);
253
+ color: var(--textColorRoyal40, #fffef9);
254
+ }
255
+
256
+ .btn.btn-royal:focus,
257
+ .btn.btn-royal:hover {
258
+ background: var(--colorDefault20, #b9abce);
259
+ color: var(--textColorRoyal40, #fffef9);
260
+ }
261
+
262
+ .btn.btn-dark {
263
+ background: var(--colorDark40, #343434);
264
+ color: var(--textColorRoyal40, #fffef9);
265
+ }
266
+
267
+ .btn.btn-dark:focus,
268
+ .btn.btn-dark:hover {
269
+ background: var(--colorDark60, #1f1f1f);
270
+ color: var(--textColorRoyal40, #fffef9);
173
271
  }
174
272
 
175
273
  .k-widget.k-tooltip {
176
- background: var(--colorStable20, #e6e6e6);
274
+ background: var(--colorDefault40, #442b69);
177
275
  }
178
276
 
179
277
  .k-widget.k-tooltip.k-slider-tooltip {
@@ -209,6 +307,8 @@ thead.k-grid-header th.k-header:last-child {
209
307
 
210
308
  .k-grid tr td {
211
309
  border-radius: 10px;
310
+ background: var(--backgroundColor10, #fffef9);
311
+ color: var(--textColor40, #434343);
212
312
  }
213
313
 
214
314
  .carousel-control .glyphicon-chevron-left,
@@ -228,9 +328,16 @@ thead.k-grid-header th.k-header:last-child {
228
328
  background: var(--colorDefault40, #487b4e);
229
329
  }
230
330
 
231
- .carousel .carousel-caption h1,
331
+ .carousel .carousel-caption h1 {
332
+ color: var(--textColor40, #434343);
333
+ font-size: 30px;
334
+ font-weight: 400;
335
+ }
336
+
232
337
  .carousel .carousel-caption h2 {
233
338
  color: var(--textColor40, #434343);
339
+ font-size: 18px;
340
+ font-weight: 400;
234
341
  }
235
342
 
236
343
  label {
@@ -252,6 +359,7 @@ label {
252
359
  }
253
360
 
254
361
  .k-dropdown-wrap .k-input:focus:hover {
362
+ background: var(--colorDefault20, #b9abce);
255
363
  border-radius: 20px;
256
364
  }
257
365
 
@@ -279,14 +387,22 @@ label {
279
387
 
280
388
  .k-pager-sizes .k-dropdown-wrap .k-input {
281
389
  background: var(--colorDefault40, #487b4e);
282
- color: var(--texColorPrimary40, #fffef9);
390
+ color: var(--textColorPrimary40, #fffef9);
283
391
  border-color: var(--colorDefault40, #487b4e);
284
392
  border-radius: 10px;
393
+ text-indent: initial;
394
+ margin-left: -3px;
395
+ width: auto;
396
+ text-align: center;
397
+ }
398
+
399
+ .k-dropdown-wrap .k-input {
400
+ width: auto;
285
401
  }
286
402
 
287
403
  .k-state-default>.k-select {
288
- background: var(--colorDefault40, #487b4e);
289
- border-radius: 10px;
404
+ background: transparent;
405
+ border: unset;
290
406
  }
291
407
 
292
408
  .k-pager-wrap .k-link.k-state-disabled:hover {
@@ -344,4 +460,183 @@ cron-grid .k-tooltip span:before {
344
460
 
345
461
  .layout-template-modern:focus-within {
346
462
  background: none
463
+ }
464
+
465
+ .k-calendar .k-link.k-nav-fast,
466
+ .k-calendar .k-header .k-link.k-nav-next,
467
+ .k-calendar .k-header .k-link.k-nav-prev {
468
+ background: var(--backgroundColor70, #d9d9d9);
469
+ color: var(--textColor40, #434343);
470
+ font-size: 12px;
471
+ font-style: normal;
472
+ font-weight: 700;
473
+ }
474
+
475
+ .k-calendar .k-content .k-link {
476
+ display: block;
477
+ overflow: hidden;
478
+ min-height: 1.8333em;
479
+ line-height: 1.8333em;
480
+ padding: 0 0.45em 0 0.1em;
481
+ color: var(--textColor40, #434343);
482
+ }
483
+
484
+ .k-calendar-container.k-popup.k-group.k-reset.k-state-border-up,
485
+ .k-calendar .k-header {
486
+ background: var(--backgroundColor70, #d9d9d9);
487
+ }
488
+
489
+ .k-calendar .k-link {
490
+ background: var(--backgroundColor10, #fffef9);
491
+ }
492
+
493
+ .k-calendar .k-footer .k-nav-today {
494
+ background: var(--backgroundColor70, #d9d9d9);
495
+ }
496
+
497
+ .k-calendar-container>.k-calendar {
498
+ background: var(--backgroundColor70, #d9d9d9);
499
+ }
500
+
501
+ .k-button.k-scheduler-delete {
502
+ background: var(--colorDanger40, #e34646);
503
+ color: var(--textColorDanger40, #fffef9);
504
+ }
505
+
506
+ .k-button.k-scheduler-delete:hover {
507
+ background: var(--colorDanger50, #d43131);
508
+ color: var(--textColorDanger40, #fffef9);
509
+ }
510
+
511
+ .k-button.k-scheduler-delete:active {
512
+ background: var(--colorDanger70, #7c2626);
513
+ color: var(--textColorDanger40, #fffef9);
514
+ }
515
+
516
+ .k-button.k-scheduler-Excluirsérie {
517
+ background: var(--colorDanger40, #e34646);
518
+ color: var(--textColorDanger40, #fffef9);
519
+ }
520
+
521
+ .k-button.k-scheduler-Excluirsérie:hover {
522
+ background: var(--colorDanger50, #d43131);
523
+ color: var(--textColorDanger40, #fffef9);
524
+ }
525
+
526
+ .k-button.k-scheduler-Excluirsérie:active {
527
+ background: var(--colorDanger70, #7c2626);
528
+ color: var(--textColorDanger40, #fffef9);
529
+ }
530
+
531
+ .k-icon.i-i-arrow-60-right::before {
532
+ background: var(--colorDefault40, #442b69);
533
+ }
534
+
535
+ .k-icon.i-i-arrow-60-left::before {
536
+ background: var(--colorDefault40, #442b69);
537
+ }
538
+
539
+ /* Calendar*/
540
+ .k-calendar .k-content,
541
+ .k-calendar .k-content th {
542
+ text-align: center;
543
+ }
544
+
545
+ .k-calendar.kstate-selected.k-state-hover.k-link {
546
+ background: var(--colorDefault40, #442b69);
547
+ color: var(--textColorDefault40, #fffef9);
548
+ }
549
+
550
+ .k-calendar th {
551
+ background: var(--colorDefault40, #442b69);
552
+ color: var(--textColorDefault40, #fffef9);
553
+ border: solid 1px #fffef9;
554
+ border-radius: 5px;
555
+ }
556
+
557
+ .k-calendar .k-state-selected .k-link {
558
+ background: var(--colorDefault40, #442b69);
559
+ color: var(--textColorDefault40, #fffef9);
560
+ box-shadow: transparent;
561
+ border: unset;
562
+ }
563
+
564
+ .k-calendar .k-state-selected.k-state-hover .k-link {
565
+ background: var(--colorDefault20, #b9abce);
566
+ color: var(--textColorDefault40, #fffef9);
567
+ box-shadow: transparent;
568
+ border: unset;
569
+ }
570
+
571
+ .k-calendar-container.k-group {
572
+ border: unset;
573
+ }
574
+
575
+ td.k-state-focused.k-state-selected {
576
+ background: var(--colorDefault40, #442b69);
577
+ color: var(--textColorDefault40, #fffef9);
578
+ box-shadow: unset;
579
+ }
580
+
581
+ .k-link-selected {
582
+ background: var(--colorDefault40, #442b69);
583
+ color: var(--textColorDefault40, #fffef9);
584
+ }
585
+
586
+ span.k-icon.k-i-calendar::before,
587
+ .k-i-clock:before {
588
+ color: var(--colorDefault40, #442b69);
589
+ }
590
+
591
+ .k-button.k-button-icon .k-icon:before,
592
+ .k-grid-filter .k-icon:before,
593
+ .k-header .k-icon:before {
594
+ text-indent: 0;
595
+ color: var(--textColorDanger40, #fffef9);
596
+ }
597
+
598
+ td.k-today {
599
+ background: var(--colorRoyal60, #6c5b87);
600
+ color: var(--textColorDefault40, #fffef9);
601
+ }
602
+
603
+ .k-state-focused,
604
+ .k-state-selected {
605
+ background: var(--colorDefault40, #442b69);
606
+ color: var(--textColorDefault40, #fffef9);
607
+ box-shadow: unset;
608
+ }
609
+
610
+ .k-icon k-i-close::before,
611
+ .k-nav-next {
612
+ color: var(--colorDefault40, #442b69);
613
+ }
614
+
615
+ .k-webkit .k-pager-numbers .k-current-page .k-link {
616
+ width: 3.2em;
617
+ padding: 0 0.429em 0 0.714em;
618
+ border-radius: 4px;
619
+ border-right: 1px solid #cccccc;
620
+ color: var(--textColorDefault40, #fffef9);
621
+ }
622
+
623
+ .k-link .k-state-selected .k-state-focused {
624
+ background: var(--colorDefault40, #442b69);
625
+ color: var(--textColorDefault40, #fffef9);
626
+ }
627
+
628
+ .k-calendar .k-content .k-link:hover,
629
+ .k-scheduler-edit-form .k-edit-field .k-button:hover {
630
+ background: var(--colorDefault20, #b9abce);
631
+ color: var(--textColorDefault40, #fffef9);
632
+ }
633
+
634
+ .k-scheduler-edit-form .k-edit-field .k-button:active {
635
+ background: var(--colorDefault70, #25183a);
636
+ color: var(--textColorDefault70, #fffef9);
637
+ }
638
+
639
+ .k-calendar .k-content {
640
+ border: transparent;
641
+ width: calc(200px - 1%) !important;
347
642
  }
@@ -10,11 +10,11 @@
10
10
 
11
11
  .navbar-inverse {
12
12
  background: var(--colorDefault40, #442b69);
13
- border: none
13
+ border: none;
14
14
  }
15
15
 
16
16
  .navbar-inverse .badge {
17
- background: #ffffff;
17
+ background: var(--textColorDefault40, #fffef9);
18
18
  color: var(--textColor20, #b4b4b4);
19
19
  }
20
20
 
@@ -33,13 +33,22 @@
33
33
  .navbar-default .navbar-nav>.open>a:focus,
34
34
  .navbar-default .navbar-nav>.open>a:hover {
35
35
  color: var(--textColorDefault60, #fffef9);
36
- background: var(--colorDefault40, #442b69);
36
+ background: var(--colorDefault20, #b9abce);
37
+ }
38
+
39
+ .navbar-default #navbar .navbar-nav li a:active,
40
+ .navbar-default #navbar .navbar-nav li a:visited {
41
+ background: var(--colorRoyal60, #6c5b87);
42
+ }
43
+
44
+ .navbar-default #navbar .navbar-nav li a:hover {
45
+ background: var(--colorDefault20, #b9abce);
37
46
  }
38
47
 
39
48
  .navbar-default #navbar .navbar-nav li .dropdown-menu li a:hover,
40
49
  .navbar-default #navbar2 .navbar-nav li .dropdown-menu li a:hover {
41
50
  color: var(--textColorDefault40, #fffef9);
42
- background: var(--colorDefault40, #442b69);
51
+ background: var(--colorDefault20, #b9abce);
43
52
  border-radius: 0;
44
53
  }
45
54
 
@@ -124,8 +133,9 @@
124
133
  .nav .open>a,
125
134
  .nav .open>a:focus,
126
135
  .nav .open>a:hover {
127
- background: var(--colorDefault10, #d8d9e3);
136
+ background: var(--colorRoyal60, #6c5b87);
128
137
  border-color: transparent;
138
+ color: var(--textColorDefault40, #fffef9);
129
139
  }
130
140
 
131
141
  .dropdown-menu>li>a {
@@ -6,8 +6,8 @@
6
6
 
7
7
  .panel-footer {
8
8
  color: var(--textColor40, #434343);
9
- background: var(--colorStable20, #e6e6e6);
10
- border: 1px solid var(--colorStable20, #e6e6e6);
9
+ background: var(--colorStable20, #e4e4e4);
10
+ border: 1px solid var(--colorStable20, #e4e4e4);
11
11
  }
12
12
 
13
13
  .panel-body .lead {
@@ -47,7 +47,7 @@
47
47
  /* Info */
48
48
  .panel-info>.panel-heading {
49
49
  color: var(--textColorCalm40, #fffef9);
50
- background: var(--colorCalm40, #029acf);
50
+ background: var(--colorCalm40, #8ac8ee);
51
51
  border-color: transparent
52
52
  }
53
53
 
@@ -75,7 +75,7 @@
75
75
  /* Stable */
76
76
  .panel-stable>.panel-heading {
77
77
  color: var(--textColorStable40, #434343);
78
- background: var(--colorStable50, #b5b5b5);
78
+ background: var(--colorStable40, #cfcfcf);
79
79
  border-color: transparent
80
80
  }
81
81
 
@@ -11,7 +11,9 @@
11
11
  }
12
12
 
13
13
  .crn-navigator-vertical .navbar-default #navbar .navbar-nav li .dropdown-menu a,
14
- .crn-navigator-vertical .navbar-default #navbar2 .navbar-nav li .dropdown-menu a {
14
+ .crn-navigator-vertical .navbar-default #navbar2 .navbar-nav li .dropdown-menu a,
15
+ .crn-navigator-vertical.navbar-default #navbar .navbar-nav li .dropdown-menu a,
16
+ .crn-navigator-vertical.navbar-default #navbar2 .navbar-nav li .dropdown-menu a {
15
17
  color: var(--textColor10, #111111);
16
18
  margin: 0;
17
19
  }
@@ -40,7 +42,8 @@
40
42
  background: var(--colorDefault40, #0f172a);
41
43
  }
42
44
 
43
- .crn-navigator-vertical>.navbar>.container-fluid>.navbar-header {
45
+ .crn-navigator-vertical>.navbar>.container-fluid>.navbar-header,
46
+ .crn-navigator-vertical.navbar>.container-fluid>.navbar-header {
44
47
  padding-left: 15px;
45
48
  }
46
49
 
@@ -48,11 +51,13 @@
48
51
  width: 100%;
49
52
  }
50
53
 
51
- .crn-navigator-vertical>.navbar>.container-fluid>#navbar {
54
+ .crn-navigator-vertical>.navbar>.container-fluid>#navbar,
55
+ .crn-navigator-vertical.navbar>.container-fluid>#navbar {
52
56
  width: 100%;
53
57
  }
54
58
 
55
- .crn-navigator-vertical>.navbar>.container-fluid {
59
+ .crn-navigator-vertical>.navbar>.container-fluid,
60
+ .crn-navigator-vertical.navbar>.container-fluid {
56
61
  padding-right: 0;
57
62
  padding-left: 0;
58
63
  display: flex;
@@ -63,16 +68,22 @@
63
68
  .crn-navigator-vertical>.navbar>.container-fluid .navbar-collapse,
64
69
  .crn-navigator-vertical>.navbar>.container-fluid .navbar-header,
65
70
  .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse,
66
- .crn-navigator-vertical>.navbar>.container-fluid>.navbar-header {
71
+ .crn-navigator-vertical>.navbar>.container-fluid>.navbar-header,
72
+ .crn-navigator-vertical.navbar>.container-fluid .navbar-collapse,
73
+ .crn-navigator-vertical.navbar>.container-fluid .navbar-header,
74
+ .crn-navigator-vertical.navbar>.container-fluid>.navbar-collapse,
75
+ .crn-navigator-vertical.navbar>.container-fluid>.navbar-header{
67
76
  margin-right: 0;
68
77
  margin-left: 0;
69
78
  }
70
79
 
71
- .crn-navigator-vertical>.navbar>.container-fluid>.navbar-header>.navbar-toggle {
80
+ .crn-navigator-vertical>.navbar>.container-fluid>.navbar-header>.navbar-toggle,
81
+ .crn-navigator-vertical.navbar>.container-fluid>.navbar-header>.navbar-toggle {
72
82
  display: none;
73
83
  }
74
84
 
75
- .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse.collapse {
85
+ .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse.collapse,
86
+ .crn-navigator-vertical.navbar>.container-fluid>.navbar-collapse.collapse {
76
87
  padding-right: 0;
77
88
  padding-left: 0;
78
89
  overflow-x: visible;
@@ -82,7 +93,8 @@
82
93
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
83
94
  }
84
95
 
85
- .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse.in {
96
+ .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse.in,
97
+ .crn-navigator-vertical.navbar>.container-fluid>.navbar-collapse.in{
86
98
  overflow-y: auto;
87
99
  display: block;
88
100
  }
@@ -94,31 +106,39 @@
94
106
  box-shadow: none;
95
107
  }
96
108
 
97
- .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav {
109
+ .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav,
110
+ .crn-navigator-vertical.navbar>.container-fluid>.navbar-collapse>.navbar-nav {
98
111
  float: none;
99
112
  margin: 0;
100
113
  }
101
114
 
102
- .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu>li>a {
115
+ .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu>li>a,
116
+ .crn-navigator-vertical.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu>li>a {
103
117
  line-height: 20px;
104
118
  }
105
119
 
106
120
  .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu .dropdown-header,
107
- .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu>li>a {
121
+ .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu>li>a,
122
+ .crn-navigator-vertical.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu .dropdown-header,
123
+ .crn-navigator-vertical.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu>li>a{
108
124
  padding: 5px 15px 5px 25px;
109
125
  }
110
126
 
111
- .crn-navigator-vertical .navbar>.container-fluid>.navbar-collapse>.navbar-nav>li>a {
127
+ .crn-navigator-vertical .navbar>.container-fluid>.navbar-collapse>.navbar-nav>li>a,
128
+ .crn-navigator-vertical.navbar>.container-fluid>.navbar-collapse>.navbar-nav>li>a{
112
129
  padding-top: 15px;
113
130
  padding-bottom: 15px;
114
131
  }
115
132
 
116
- .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav>li {
133
+ .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav>li,
134
+ .crn-navigator-vertical.navbar>.container-fluid>.navbar-collapse>.navbar-nav>li{
117
135
  float: none;
118
136
  }
119
137
 
120
138
  .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu,
121
- .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu>li>a {
139
+ .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu>li>a,
140
+ .crn-navigator-vertical.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu,
141
+ .crn-navigator-vertical.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu>li>a {
122
142
  position: static;
123
143
  float: none;
124
144
  width: auto;
@@ -133,31 +153,38 @@
133
153
  }
134
154
 
135
155
  .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu>li>a:hover,
136
- .crn-navigator-vertical>.navbar>.navbar-nav .open .dropdown-menu>li>a:focus {
156
+ .crn-navigator-vertical>.navbar>.navbar-nav .open .dropdown-menu>li>a:focus,
157
+ .crn-navigator-vertical.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu>li>a:hover,
158
+ .crn-navigator-vertical.navbar>.navbar-nav .open .dropdown-menu>li>a:focus {
137
159
  color: #fff;
138
160
  background: #282d57;
139
161
  }
140
162
 
141
- .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .dropdown-menu {
163
+ .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .dropdown-menu,
164
+ .crn-navigator-vertical.navbar>.container-fluid>.navbar-collapse>.navbar-nav .dropdown-menu{
142
165
  margin-left: 11px;
143
166
  }
144
167
 
145
- .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav>.navbar-right {
168
+ .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav>.navbar-right,
169
+ .crn-navigator-vertical.navbar>.container-fluid>.navbar-collapse>.navbar-nav>.navbar-right {
146
170
  float: none !important;
147
171
  margin-right: 0;
148
172
  }
149
173
 
150
- .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav>.navbar-right .dropdown-menu {
174
+ .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav>.navbar-right .dropdown-menu,
175
+ .crn-navigator-vertical.navbar>.container-fluid>.navbar-collapse>.navbar-nav>.navbar-right .dropdown-menu {
151
176
  left: 0;
152
177
  right: 0;
153
178
  }
154
179
 
155
- .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav>.navbar-right img {
180
+ .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav>.navbar-right img,
181
+ .crn-navigator-vertical.navbar>.container-fluid>.navbar-collapse>.navbar-nav>.navbar-right img{
156
182
  margin-left: 0;
157
183
  margin-top: 0;
158
184
  }
159
185
 
160
- .crn-navigator-vertical>.navbar>.container-fluid>.navbar-header>.navbar-brand img {
186
+ .crn-navigator-vertical>.navbar>.container-fluid>.navbar-header>.navbar-brand img,
187
+ .crn-navigator-vertical.navbar>.container-fluid>.navbar-header>.navbar-brand img{
161
188
  margin-top: 0;
162
189
  }
163
190
  }