cronapp-framework-js 2.9.6-SP.4 → 2.9.6-SP.41

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